...
The presence of a button plays a crucial role in determining your CTOR (click-to-open rate) as it enables customers to make purchases or register with your website. Without a button, these actions would not be possible.
...
How to Create a Button
There are several ways to create a button, including using the button block, an image button, or an animated GIF button. The button block in an email content editor allows users to add buttons to email.
Drag and drop the button block into one of the structured containers. Place it next to the relevant element.
.gif?version=1&modificationDate=1680103862829&cacheVersion=1&api=v2)
Link the button to a URL.
.gif?version=1&modificationDate=1680103862859&cacheVersion=1&api=v2)
Create the button label.
.gif?version=1&modificationDate=1680103862873&cacheVersion=1&api=v2)
Add the text style.
.gif?version=1&modificationDate=1680103862880&cacheVersion=1&api=v2)
Select the font.
Select the text size.
Set the Bold | Italic toggle.
Select the button color by using the color picker or entering a hex code.
Select the text color by using the color picker or entering a hex code. The default is white.
Select the background color to fill the section with the button. The default is transparent.
.gif?version=1&modificationDate=1680103862927&cacheVersion=1&api=v2)
Select the border radius. This is the degree to which the corners of the button are rounded.
Set the alignment. This will set the alignment for the entire block. The alignment options are right, center, and left. There is a separate option to set the alignment for the mobile application by clicking the Mobile icon.
Add an icon by setting the Button with icon toggle to On. The default is Off.
.gif?version=1&modificationDate=1680103862947&cacheVersion=1&api=v2)
Select the alignment of the icon to be left or right.
Select the icon by clicking inside the Icon box to open the Image Gallery.
Select a stock image or enter an external link to an image.
Use the Change | Edit icons to modify the image as needed.
Adjust the size of the image.
Adjust the amount of space around the image using the Icon Indent.
.gif?version=1&modificationDate=1680103862984&cacheVersion=1&api=v2)
Set the Adjust to Width toggle to On to increase the button size to the container width. The default is Off.
.gif?version=1&modificationDate=1680103862996&cacheVersion=1&api=v2)
Adjust the border of the button.
.gif?version=1&modificationDate=1680103863008&cacheVersion=1&api=v2)
Use the Internal Padding options to adjust the distance between the borders of the button and the text.
.gif?version=1&modificationDate=1680103863021&cacheVersion=1&api=v2)
Use the External Padding options to adjust the distance between the borders of the button and the section.
Use the Hide Element options to hide the text on either the desktop or the mobile application.
Click the desktop icon to hide the text on the desktop application.
Click on the mobile device icon to hide the text on the mobile application.
...