Add and customize sections in Email Campaigns

The Email Visual Editor builds emails from sections — self-contained blocks you stack, reorder, and style one at a time. Every section is added the same way and shares the same layout settings, so once you have added one, you can add any of them. This page covers all twelve section types, the settings they share, and how to reorder and manage them.

​

Open the Email Visual Editor

How you reach the editor depends on whether you are editing an Email Broadcast or an email inside an Email Sequence.

​

Open the editor from an Email Broadcast

1. Open the Marketing tab from the Dashboard.
2. Click Email Campaigns.
3. Select the Email Broadcast you want to edit.
4. Move your cursor over the email content and click Edit content.

​

Open the editor from an Email Sequence email

1. Open the Marketing tab from the Dashboard.
2. Click Email Campaigns.
3. Select an Email Sequence, then click the title of the email you want to edit.
4. Click Launch Email Editor above the body of the email.

​

Add a section

Every section type is added the same way.

1. In the editor sidebar, click Add section.
2. Click a section name. It generates at the bottom of the email.
3. Then, click Add to open its options.
4. Configure the section.
5. Click Save to keep your changes.

An email can hold up to 50 sections.

​

Rearrange a section

New sections generate at the bottom of the email, so move them into the order you want afterward.

1. In the editor sidebar, find the section you want to move.
2. Click and hold the drag handle beside the section name.
3. Drag the section to its new position and release it.
4. Click Save to keep your changes.

​

Section actions

Move your cursor over a section in the sidebar list to reveal its more options (…) menu, which holds four actions.

• Rename changes the name the section shows in the sidebar list
• Duplicate creates a copy of the section. This is unavailable on sections that can only appear once in an email.
• Hide removes the section from the email without deleting it. The option reads Show once the section is hidden.
• Delete removes the section. This is unavailable on sections the email requires.

​

Section settings

Every section carries the same layout settings at the bottom of the sidebar editor, plus a background color setting whose group name depends on the section type. Background — on most sections — or Appearance — on the Text and Text, Image and Text, and Image and Image sections — sets the section’s background color. Click the dropdown, then enter a hex code, pick from your Color Scheme, or choose a color from the color picker. Learn how to edit the section background. Desktop Layout controls how the section appears on a computer:

• Hide Section removes the section from the desktop view
• Padding Desktop adjusts the spacing around the section’s content

Mobile Layout controls how the section appears on a phone or tablet:

• Hide Section removes the section from the mobile view
• Padding Mobile adjusts the spacing around the section’s content

Remove section sits at the very bottom of the section, below the layout settings. It deletes the section from the email. The editor stacks sections vertically on mobile devices. Learn how to customize the mobile and desktop layout.

​

Link destinations

Seven sections let you make their content clickable, and all seven offer the same five destinations. The field is called Image Action on the Image, Logo, Image and Image, and Image and Text sections, Link Action on the Button section, Video URL on the Video section, and Action on the Announcement section. The Text, Countdown, Social Icons, Divider, and Text and Text sections have no destination setting.

• Go to a Landing Page sends the contact to a Landing Page on your Kajabi site
• Go to a Checkout Page sends the contact to the checkout page for an Offer
• Download a file gives the contact a file to download
• Go to a URL sends the contact to any web address. Enter the full URL, including https://
• Open Popup Checkout opens a checkout in a popup rather than sending the contact to a separate page. This is not available in Email Broadcasts.

Leave the field blank to keep the content unclickable.

​

Text section

Text is where the work of email marketing happens, guiding the reader from initial interest to taking action. Add a Text section to communicate with contacts, market your content, and describe your value.

​

Format text

Bold, Italic, Underline, and Strikethrough style the text you have selected: Font size sets the size of your text. We recommend choosing a size based on your recipient’s reading experience: The remaining formatting options have no screenshot of their own:

• Text color and Background color color the selected text or its highlight
• Format applies Paragraph or Header 1 through Header 6
• Bulleted list and Numbered list organize your content into lists
• Alignment positions text to the left, center, or right, or justifies it
• Clear Formatting strips formatting that came in with text pasted from a Word document or another website

​

Insert links, files, and contact details

Personalize inserts customer information captured through your Forms and converted to Liquid Objects: Learn how to use Liquid Objects in your email marketing. URL inserts a clickable link to a web page: Upload a file attaches a file to the body of your email for recipients to download:

​

Editor tools

Content Assistant opens Cofounder, Kajabi’s AI assistant, to help generate your text content. Learn more about Cofounder. Source code lets you modify the section’s HTML directly: Learn how to add custom HTML to your emails. Fullscreen expands the Text Editor so you can see more of your edits. Click it again to shrink the editor back to the sidebar:

​

Image section

Pictures are worth a thousand words. Use an Image section to set a tone for your emails, show your personality, add a handwritten signature, or display what your business has to offer.

• Image holds your picture. Click Select Image and upload the file you want to use.
• Image Action sets where clicking the image sends your contact. The choices are listed under Link destinations above.
• Image Alt Attribute is a brief description of the image, used for SEO and shown if the image cannot load.
• Width and Alignment, both in Desktop Layout, size and position the image on a computer.

Learn how to customize your images with Adobe Express. Learn how to optimize images in Email Campaigns.

​

Button section

Use a Call to Action (CTA) Button to encourage contacts to open a page, purchase an Offer, and more.

• Link Text is the text shown on the button
• Link Action sets where the button sends your contact. The choices are listed under Link destinations above.
• Button Background and Button Text Color set the button’s colors
• Button Type chooses a Solid fill or an Outline
• Border Thickness sets the weight of an outlined button’s border
• Button Size chooses Small, Medium, or Large
• Border Radius ranges from square to fully rounded corners
• Alignment positions the button to the left, center, or right

​

Logo section

A logo is a primary visual identifier. Aside from your email address and subject line, it is the first visual impression a contact gets, which is why the most popular placement is at the top of the email.

• Image holds your logo. Click Select Image and upload the file you want to use.
• Image Action sets where clicking the logo sends your contact. The choices are listed under Link destinations above.
• Width sets the size of the logo. Use the format 540px or simply 540. The editor recommends a width of 330px.
• Image Alt Attribute is a brief description of the logo, used for SEO and shown if the image cannot load.
• Alignment positions the logo to the Left, Centered, or Right.

You can edit an image after uploading it. Open the image in your Media Library and click Edit image to crop it, resize it, or add filters and text with Adobe Express. The edited version replaces the original everywhere it is used, and its tags, locations, and asset link are preserved, so nothing breaks across your site. Learn what you can do in the Media Library. Want your logo to appear automatically in every email? Learn how to display a logo in all Email Campaigns.

​

Video section

A Video section creates a clickable image that sends recipients to a separate page to watch your video. Email clients do not play video inline, so the thumbnail acts as the link.

• Video Thumbnail is the image recipients see and click. Click Select Image to upload one; a default image is used if you skip it.
• Video URL sets where the thumbnail sends your contact. The choices are listed under Link destinations above.
• Show Overlay and Overlay Color tint the thumbnail
• Show Play Button and Play Button Color add a play button on top of the thumbnail

If your video is not already embedded on a web page, the simplest choice is Download a file and upload the video itself. The file opens in the recipient’s browser and starts playing, and they can also download it. Learn how to optimize the Video section for different email clients.

​

Countdown section

A Countdown creates urgency around an event by showing the time remaining until it starts.

• Select Your Event connects the countdown to an Event on your site. This is required — the countdown has nothing to count down to without it.
• Countdown Style chooses Round, Square, Pill, or Plain
• Accent Color and Text Color match the timer to your branding
• Image Alt Attribute is a brief description shown if the timer cannot load
• Alignment positions the timer to the left, center, or right
• Countdown Width, in Desktop Layout, sizes the timer on a computer

To change the date the countdown runs to, click Edit your events in the Countdown sidebar. If the event date has already passed, create a new Event and connect that instead. Learn how to create an Event.

​

Social Icons section

Showing links to your social accounts is a free way to send email readers to your other channels. Enter the URL of each account you want to display in its matching field. Only the networks you fill in appear in the email. Fields are available for Facebook, Instagram, YouTube, TikTok, LinkedIn, X, Pinterest, Snapchat, Vimeo, Github, Soundcloud, Tumblr, Flickr, and Dribbble.

• Social Icon Style sets the icon colors and borders
• Social Icon Size chooses Small or Large
• Alignment positions the icons to the left, center, or right

​

Divider section

Break your content into easily consumable pieces with a divider.

• Divider Height sets the thickness of the line. Use the format 5px or simply 5. The default is 2.
• Divider Color sets the color of the line using the color picker.

​

Announcement section

An Announcement is a banner for information you want a reader to see before anything else, such as a schedule change or a deadline.

• Text is the announcement copy
• Text Color sets the color of that copy
• Action makes the banner clickable. The choices are listed under Link destinations above.
• Alignment positions the text to the left, center, or right

Set the banner’s own color with Background under Section settings. Announcements generate at the bottom of the email like any other section, so drag it to the top if that is where you want it. The steps are under Rearrange a section above.

​

Text and Text section

A wall of text makes reading harder. The Text and Text section places two blocks of text side by side in a 2-column format on desktop, stacked vertically on mobile, so related content stays together without scrolling.

• Body 1 and Body 2 hold the text for each column, with the same options as the Text section
• Vertical Alignment aligns the two blocks to Top, Middle, or Bottom
• Gutter Width, in Desktop Layout, sets the space between the columns on desktop
• Gutter Height, in Mobile Layout, sets the space between the blocks on mobile

​

Image and Image section

Place two responsive images side by side in a 2-column format on desktop, stacked vertically on mobile.

• Image 1 and Image 2 hold your two images. Click Select Image under each and upload the file you want to use.
• Image 1 Action and Image 2 Action set where clicking each image sends your contact. The choices are listed under Link destinations above.
• Image Alt Attribute is a brief description of the image. Both fields carry this same label — the first belongs to Image 1, the second to Image 2.
• Vertical Alignment aligns the two images to Top, Middle, or Bottom
• Gutter Width, in Desktop Layout, sets the space between the images on desktop
• Gutter Height, in Mobile Layout, sets the space between the images on mobile

​

Image and Text section

Pair an image with text to show and tell your story in the same section.

• Image 1 holds your image. Click Select Image and upload the file you want to use.
• Image 1 Action sets where clicking the image sends your contact. The choices are listed under Link destinations above.
• Image Alt Attribute is a brief description of the image, used for SEO and shown if the image cannot load.
• Body holds the text, with the same options as the Text section
• Vertical Alignment aligns the image and text to Top, Middle, or Bottom
• Image on the Left, in Desktop Layout, chooses whether the image or the text sits on the left
• Gutter Width, in Desktop Layout, sets the space between the image and text on desktop
• Image on Top, in Mobile Layout, chooses whether the image or the text sits on top
• Gutter Height, in Mobile Layout, sets the space between the image and text on mobile

​

FAQs

​

Why can’t I see all of the section types?

When you edit an email you created earlier, the editor shows the section types that existed at the time that email was created, which keeps older emails working as designed. Create a new Email Broadcast or Email Sequence email to get the current set of section types.

​

How many sections can one email hold?

Up to 50. The editor stops you from adding more and shows a message once you reach the limit.

​

Can I change the order of my sections after adding them?

Yes. New sections generate at the bottom of the email, and you can drag them into place from the sidebar list afterward. The steps are under Rearrange a section above.

​

Why does my 2-column section stack into one column?

That is expected on mobile devices. The editor stacks 2-column sections vertically so they stay readable on a narrow screen. Use Image on Top or Gutter Height in Mobile Layout to control how the stacked version looks.

​

Why doesn’t my video play inside the email?

Email clients do not support video playback in the message body. The Video section works around this by showing a clickable thumbnail that opens your video on a separate page.

​

Do I have to add a Logo section to every email?

No. Upload a logo in your Site Details and Marketing Settings and it appears in your emails automatically. Add a Logo section when you want to override that logo for one email or place it somewhere specific. Learn how to display a logo in all Email Campaigns.