Definitions of Rows, Content & Settings

Modified on Wed, 07 Feb 2024 at 03:19 PM

The BeeFree email builder provides you 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
Content: individual content blocks like images, text, and buttons, which also can be added, removed, copied, and moved

Before you get started

Make sure you have access to the Messaging Menu and the email builder

Settings

General options for the design are inherited by Structure and Content blocks.

Content area width and Alignment
Change the Background color
Choose a background color for the Content area
Insert a Background image
Change the Link color
Optional properties - title of the email and select a language

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 useful to build a coherent design quickly*

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.

Row properties:

Change the Row background color and Content area background color
Change the alignment of the row
Round the corners
Add a color to the content area border
You can enable 'do not stack on mobile' and 'reverse stack on mobile'
Row background image: insert an image to the Content area or the Row. Choose the alignment: to 'fit to background,' 'repeat,' or 'centre'

Padding: Increase the row content by adjusting the Padding
Border: You can create space in-between the row content by adjusting the Border

Content

Once you've designed the layout with blocks, you are ready to drag and drop different content elements.

Title	Insert Title	HTML:	Insert HTML code
Insert Events:	Insert event details from your events menu	Social:	Insert icons and links for your social channels
Text:	Insert text	Divider:	Insert a dividing line between content
Paragraph:	Insert a Paragraph	Spacer:	Insert a spacer
Image:	Insert an uploaded image Ensure your image file name does NOT contain the % symbol as it will not* upload*	Video:	Insert a YouTube video
Button:	Insert a button (e.g. for a call to action)	Icons:	Insert icons (e.g. shapes)
List	Insert a list (to format your text)	Menu	Insert a Menu (to format your text)

This is a series of tiles that represent the different kinds of content you can use in your design:

Drag one of the content tiles (such as 'Title') inside a Row, and it will auto-adjust to the Row's width

Every content tile has its own settings, such as granular control on padding.
The "Content Properties" panel automatically switches to a property panel for the selected content element:

Still need help?