Adding and Customizing Button Elements in Email Templates

What is the Button Element?

The Button Element is a versatile tool within the CRM's Email Builder that enables you to insert customizable, clickable buttons into your email templates. These buttons serve as prominent calls to action (CTAs), guiding recipients toward specific actions like visiting a webpage, registering for an event, or exploring a product.

Buttons are built using HTML to ensure reliable rendering across various email clients. It is recommended to preview your email on both desktop and mobile devices to confirm the button displays correctly.

Key Benefits

Using the Button Element offers several advantages for your email campaigns:

• Create clear and compelling calls to action effortlessly.
• Customize the button's text, color, and dimensions to align with your brand identity.
• Direct users to a specific URL or online action.
• Precisely control the button's alignment and spacing for a balanced layout.
• Ensure the button is automatically responsive and looks great on all devices.

How to Add and Configure a Button Element

Follow these steps to insert and customize a button in your email template:

1. From your sub-account dashboard, go to Marketing → Emails → Templates.
2. Open an existing template or click + New to create a new one.
3. In the Email Builder interface, click the Add Elements (+) icon in the left sidebar.
4. Find the Button Element in the Elements section.
5. Drag the Button Element and drop it into your desired location within the email layout.
6. Click on the placed button to open the Edit tab on the left panel, where you can configure the following settings:
   • Button Text: Change the label to reflect your CTA (e.g., 'Shop Now', 'Learn More').
   • Link: Enter the full URL where the button should direct users.
   • Styling: Adjust the button color, text color, font, border radius, and background.
   • Size and Alignment: Control the button's width, padding, and horizontal alignment (left, center, or right).
   • Padding: Add space around the button to improve layout balance.
7. Optionally, use the Visibility tab to configure device-based visibility or conditional sending rules.
8. Always use the preview feature to check how the button appears and functions on both desktop and mobile views before sending your email.

Frequently Asked Questions

Can I add more than one button to a single email?

Yes, you can add multiple Button Elements to an email template. Each button can have its own unique text, styling, and link destination.

How do I make a button span the full width of the email?

You can use the full-width toggle in the edit panel to set the button to 100% width, or manually adjust its size using the width, padding, and alignment controls.

Are the buttons mobile-friendly?

Yes. Buttons are designed to be responsive and will automatically resize and reposition to provide an optimal viewing experience on mobile devices.

How do I delete a button from my layout?

To remove a button, select the Button Element in your layout and click the delete (trash can) icon.