Using Elements in the Email Builder

The Email Builder provides a set of pre-built elements that you can use to design your emails. These elements are building blocks that you can drag and drop to create a custom layout without needing to write any code.

Available Elements

Each element serves a specific function. The following list describes the common elements you can use.

• Text: Used for adding written content like headlines, paragraphs, or calls to action. You can customize the font, color, and alignment.
• Image: Allows you to insert pictures, such as product photos or banners.
• Button: Creates a clickable call-to-action button with customizable text.
• Logo: Inserts your company logo to reinforce branding.
• Divider: Adds a horizontal line to visually separate sections of your email.
• Social: Adds icons that link to your social media profiles.
• Footer: Inserts a section for contact information, unsubscribe links, or legal text.
• Code: Allows you to insert custom HTML code for advanced features.
• Video: Embeds a preview for a YouTube or Vimeo video with a play button.
• Shopping Cart: Displays items a contact has left in their cart from a connected online store.
• RSS Header / RSS Items: Automatically pulls in and displays the latest posts from an RSS feed.
• FAQ: Adds a section with collapsible questions and answers.
• Products: Shows a list of products with images, prices, and purchase buttons.
• Image Slider: Creates a carousel to display multiple images.
• Preview URL: Adds a box that shows a preview snippet of a linked webpage.
• Countdown Timer: Inserts a live timer to create a sense of urgency for promotions.
• Spacer: Adds blank vertical space to adjust the layout.
• Review Link: Inserts a link that asks the recipient to leave a review or feedback.
• Forms: Embeds a form directly into the email for capturing information like survey responses.

How to Add an Element

Follow these steps to add an element to your email.

1. From your CRM dashboard, navigate to Marketing and then select Emails.
2. Create a new email or open an existing one to edit.
3. In the Email Builder, locate the Elements tab.
4. Click and drag the desired element from the tab onto your email canvas.
5. Once the element is placed, you can click on it to customize its content and appearance.

Frequently Asked Questions

Can I move elements after placing them?
Yes. You can drag and drop any element to a new position within the email layout.

Are the emails mobile-friendly?
Yes, all elements are designed to be responsive. You can use the Mobile View tab to preview and adjust the layout for mobile devices.

What is the difference between the Text and Code elements?
The Text element is for visually adding and formatting written content. The Code element is for inserting custom HTML for more advanced design needs.

What is the difference between a Spacer and a Divider?
A Spacer adds invisible blank space to create gaps between elements. A Divider adds a visible line to separate sections.