Skip to main content

Email Settings, Content, and Structure

Learn how to use email settings, structure sections, and content blocks to build flexible email designs.

Updated yesterday

Overview

The advanced editor is built on three core components:

  • Email Settings

  • Structure

  • Content

Each component controls a different part of your email. Together, they define how your email looks and behaves.


Email Settings

Control global styles that apply to your entire email.

What Email Settings Do

Email settings define default styles for your email. These settings apply across all sections and content blocks unless you override them.

How to Use Email Settings

  1. Open the Email Settings panel

  2. Adjust global styles like width and background

Email Settings panel

Structure

Define the layout of your email using sections and columns.

What Structure Does

Structure controls how your email is organized. It determines how content is arranged horizontally.

Sections and Columns

  • Sections are the main layout blocks

  • Columns let you place content side by side

Add a Section

  1. Open the Structure panel

  2. Drag a section layout into your email

  3. Choose your preferred column layout

Section structure being dragged into the email canvas.

Resize Columns

  • Adjust column widths within a section

  • Create custom layouts for your design

Column resizing interaction

Section Settings

Each section has its own settings. This gives you more design flexibility.

You can customize:

  • Section background color

  • Content area background

  • Individual column backgrounds

Section settings panel showing background options

Content

Add and customize content inside your sections.

What Content Does

Content blocks hold the actual elements in your email. Each block has its own settings.

Common Content Types

  • Text

  • Images

  • Buttons

  • Spacers

  • Dividers

  • Social Icons

  • Nested Sections

Content panel with draggable elements

Add Content to a Section

  1. Open the Content panel

  2. Drag a content block into a section

  3. Customize the block settings

Dragging an image content block into an empty column.

Stack Content Blocks

  • Add multiple content blocks inside a single section

  • Stack them vertically within a column

Example email layout with multiple sections

How It All Works Together

  • Email Settings control global styles

  • Structure defines layout using sections and columns

  • Content fills each section with elements

You can override settings at the section or content level for more control.


Best Practices

  • Use the default 600px width for better compatibility

  • Keep layouts simple with 1โ€“2 columns when possible

  • Use section settings for background styling

  • Stack content blocks to create clear sections

  • Check out Knak Academy! It walks you through how to build emails and landing pages faster, with best practices from our team.


Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?