The Button Element allows you to add clickable buttons to your email templates, helping you drive engagement through clear and visually appealing calls to action (CTAs). You can fully customise the button’s text, colour, size, and link destination to match your email design and brand style.


TABLE OF CONTENTS


What is the Button Element in Email Builder?


The Button Element is a drag-and-drop block that lets you insert a fully customisable CTA button into your email layout. You can adjust its design, alignment, and link destination to fit your goals such as directing recipients to a landing page, product page, or event registration.

Buttons are essential for guiding user actions and improving click-through rates. With this element, you can style them to stand out while maintaining a consistent look across all devices.

Note: Buttons are built using HTML and render reliably in most email clients. Always preview your design on both desktop and mobile to ensure proper display.


Key Benefits of the Button Element

Adding the Button Element to your email design provides several benefits:

  • Create clear and effective calls to action with ease.

  • Customise button text, colour, and size to match your design theme.

  • Add links to direct users to specific pages or actions.

  • Align and space buttons precisely for visual balance.

  • Automatically responsive across mobile and desktop devices.


How To Setup the Button Element

Follow these steps to add and configure the Button Element in your email template:

  1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.

  2. Open an existing email template or click the + New button to create one.

  3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.

  4. Locate the Button Element under the Elements section.

  5. Drag and drop the Button Element into your desired position in the layout.

  6. Click on the Button Element to open the Edit tab on the left panel. Here you can:

    • Edit Button Text: Change the label to reflect your desired action (e.g., Shop Now, Learn More, Book a Call).

    • Add a Link: Enter the destination URL where the button should redirect users.

    • Customize Styling: Adjust button color, text color, font, border radius, and background.

    • Adjust Size and Alignment: Control width, padding, and alignment (left, center, or right).

    • Add Padding: Add space around the button for layout balance.

  7. Click the Visibility tab to configure Device-Based Visibility or Conditional Sending options.

  8. Preview your email in both desktop and mobile modes to ensure the button looks and functions correctly.


Frequently Asked Questions


Q: Can I add multiple buttons in one email?

Yes, you can add as many Button Elements as you need. Each one can have unique styling and links.


Q: How do I make a button full-width?

Use the full width toggle in the edit panel to set the button to 100% or manually adjust it using padding and alignment controls.


Q: Are buttons mobile responsive?

Yes, buttons automatically resize and reposition for optimal display on mobile devices.


Q: How do I remove a button from my layout?

Select the Button Element and click the trash/delete icon to remove it from your email design.