Settings, Rows, and Content: How do they work?
BEE Pro becomes Beefree
We're still the same design suite you know and love, just with a new name. Our team is working hard to update our documentation, but you might still see some information or screenshots that are out of date.
This article applies to both versions of the builder in all plans.
One of the biggest strengths of the Beefree 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).
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.
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?
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.
If you have any questions, feel free to contact us.