{"id":15254,"date":"2019-11-05T21:23:15","date_gmt":"2019-11-05T21:23:15","guid":{"rendered":"http:\/\/www.glitnir.com\/?page_id=15254"},"modified":"2019-11-08T14:52:14","modified_gmt":"2019-11-08T14:52:14","slug":"body-structure-and-content","status":"publish","type":"page","link":"https:\/\/www.glitnir.com\/index.php\/using-the-editor\/body-structure-and-content\/","title":{"rendered":"Body, Structure and Content: How do they work?"},"content":{"rendered":"
\n
\n\t
\n

Design flexibility<\/h2>\n

One of the biggest strengths of the editor is that it provides creative professionals with tremendous design flexibility<\/strong>.<\/p>\n

This is achieved by separating the concepts of\u00a0Body<\/strong>\u00a0(settings that apply to the entire message),\u00a0Structures<\/strong>\u00a0(rows of content in the message, which can be added, removed, copied, & moved) and\u00a0Content<\/strong>\u00a0(individual content blocks: images, text, buttons, etc., which also can be added, removed, copied, and moved).<\/p>\n

 <\/p>\n

Body<\/span><\/h2>\n

General settings for the message.<\/p>\n

They are\u00a0inherited by\u00a0Structure and Content blocks. For example, the font family set in the message settings is then used everywhere in\u00a0your message, except where you use a custom setting.<\/p>\n

This is very useful to build a coherent message very quickly.<\/p>\n

 <\/p>\n

\"bee_pro_create_body_settings.PNG\"<\/p>\n

 <\/p>\n

Structure<\/span><\/h2>\n

Here you can find different types of rows to insert into the\u00a0message.<\/p>\n

Rows are structural units that define the horizontal composition of a\u00a0section of the message by using columns. You can use\u00a0from one to four columns.<\/p>\n

Using more than one column allows you\u00a0to put different content elements side by side.<\/p>\n

You can add to your messages all the structural elements you need, regardless\u00a0of the template you selected when you started.<\/p>\n

 <\/p>\n

\"bee_pro_create_structure.PNG\"<\/p>\n

 <\/p>\n

Every row has its own settings, which\u00a0gives you the kind of\u00a0flexibility that before was only achieved with hand-coded email.<\/p>\n

For example, you can select a background color for the entire\u00a0row, only the message area, or a specific\u00a0column within it.<\/p>\n

See also:\u00a0How do I change the properties of a row?<\/a><\/p>\n

 <\/p>\n

Content<\/span><\/h2>\n

This section includes a series of tiles that represent the\u00a0different kinds of content you can use in your message. More will become available in the future.<\/p>\n

To use them, just drag one inside a column, it will auto-adjust to the column width.<\/p>\n

Every content block has it owns settings,\u00a0such as granular control on padding. The right-side panel automatically switches to a property panel for the selected content element.<\/p>\n

 <\/p>\n

\"bee_pro_create_button_settings.PNG\"<\/p>\n<\/div>\n