A button is a beautifully designed URL link. It should be visible, and its copy needs to be clear and concise.
Build a CTA button with Drag & Drop Editor
1. Pull the basic button block into your template and drop it next to the product it is related to.
2. Tap the button block in your HTML email template to activate the settings panel.
3. Insert a necessary URL link.
4. Enter your button label.
5. Set text style, such as font, its type, and font size.
6. Set button color, font color.
7. Set a border radius if you like oval buttons.
8. Choose alignment.
9. Set the button border if you like.
10. Set internal paddings. They are responsible for the whitespace inside your button. It does not matter where exactly in the button your customers click. Whitespace is also clickable, making the buttons more appealing and clear.
11. Set external paddings — they are responsible for the whitespace outside the button, but within the container it is located in.
Apply a hover effect to your buttons
After adding your button:
1. Go to the Appearance tab and enter the Button section.
2. Toggle the Highlight hovered buttons option.
3. Set parameters for the buttons and their fonts when highlighted.
These settings will be applied to all buttons in your template. If you want to apply the hover effect to only some buttons, you should set the same color for the Button color and the Highlighted button color to the buttons you do not want to apply the hover effect to.
The hover effect works for most email clients on desktop devices. It does not break your email design on mobile devices or in email clients that do not support hoverable buttons.