The Button Element lets you add clickable buttons to your email templates. Buttons give readers a clear call to action (CTA) and help drive engagement. You can fully customise the button's text, colour, size and link destination to match your email design and brand style.
What is the Button Element in Email Builder?
The Button Element is a drag-and-drop block. It lets you insert a fully customisable CTA button into your email layout. You can adjust its design, alignment and link destination to suit your goals, such as sending recipients to a landing page, product page or event registration.
Buttons are essential for guiding readers to take action and improving click-through rates. With this element, you can style buttons so they stand out, while keeping a consistent look across all devices.
Note: Buttons are built using HTML and display reliably in most email clients. Always preview your design on both desktop and mobile to make sure it displays properly.
Key benefits of the Button Element
Adding the Button Element to your email design gives you 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 send readers to specific pages or actions.
Align and space buttons precisely for visual balance.
Buttons are automatically responsive across mobile and desktop devices.
How to set up the Button Element
Follow these steps to add and set up the Button Element in your email template:
Go to Marketing → Emails → Templates from your account dashboard.
Open an existing email template, or click the + New button to create one.
In the Email Builder, click the Add Elements (+) icon in the left sidebar.
Find the Button Element under the Elements section.
Drag and drop the Button Element into the position you want in the layout.
Click the Button Element to open the Edit tab on the left panel. Here you can:
Edit Button Text: Change the label to reflect the action you want (for example, Shop Now, Learn More or Book a Call).
Add a Link: Enter the destination URL the button should send readers to.
Customise Styling: Adjust the button colour, text colour, font, border radius and background.
Adjust Size and Alignment: Control the width, padding and alignment (left, centre or right).
Add Padding: Add space around the button for layout balance.
Click the Visibility tab to set up Device-Based Visibility or Conditional Sending options.
Preview your email in both desktop and mobile modes to make sure the button looks and works 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 its own styling and link.
Q: How do I make a button full-width?
Use the full width toggle in the edit panel to set the button to 100%. You can also adjust it manually using the padding and alignment controls.
Q: Are buttons mobile responsive?
Yes. Buttons automatically resize and reposition to display well 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.