Settings, Rows, and Content: How do they work?

Beefree App is now RGE Studio!
The email design suite you already know and love just leveled up. We’re working hard to update our help center, but you still may see some references to the old product name.

Design Flexibility

One of the biggest strengths of the RGE Studio builder is that it provides creative professionals with tremendous design flexibility.

This is achieved by separating the concepts of Settings (which apply to the entire design), Rows (which can be added, removed, copied, saved, and moved), and Content (individual content blocks: images, text, buttons, etc., which also can be added, removed, copied, and moved).

Settings

General settings for the design are inherited by Structure and Content blocks. For example, the font family set in the design settings is then used everywhere in your design, except where you use a custom setting.

This is very useful to build a coherent design quickly.

Rows

Here you can find different types of rows to insert into the design. You can also create your own custom Saved rows.

Rows are structural units that define the horizontal composition of a section of the design by using columns. A row can include one to six columns for emails and twelve for pages.

Using more than one column allows you to put different content elements side by side.

You can add all the structural elements you need to your design, regardless of the template you selected when you started.

Every row has its own settings, which gives you the kind of flexibility that before was only achieved with hand-coded email.

For example, you can select a background color for the entire row, only the design area, or a specific column within it.

See also: How do I change the properties of a row?

Content

This section includes a series of tiles that represent the different kinds of content you can use in your design. More will become available in the future.

To use them, just drag one inside a column, it will auto-adjust to the column width.

Every content block has its own settings, such as granular control on padding. The right-side panel automatically switches to a property panel for the selected content element.