Content Comparison

...

Description

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" button block, an image button, or an animated GIF button. To create a CTA button using the "Button" block, add The button block in an email content editor allows users to add buttons to email.

Add the block to your template

...

. Place it next to the relevant element

...

.
- Drag and drop the

...

- button block into one of the structured containers.
  Image Modified
- Link the button to a URL:
  Image ModifiedImage Modified
- Create your Button label:
  Image ModifiedImage Modified
- Text Style:
  Image Modified
  - Font
    Image Modified
  - Text Size
    Image Modified
  - Bold | Italic Toggle
    Image Modified
- Button Color
  - Select a color with the color picker or input a HEX Code.
    Image Modified
- Text Color
  - Default is white
  - Select a color with the color picker or input a HEX Code
    Image Modified
- Background Color
  Image Modified
  - Default is Transparent
  - Selecting a color will fill the section with the button
    Image Modified
- Border Radius
  - The border-radius around a button is the degree to which the corners of the button are rounded.
    Image Modified
- Alignment
  - Alignment
    - This will set the alignment for the entire block.
      - Right | Center | Left
      - Option to set for mobile
        Image Modified
- Button with Icon
  - Add an icon to the button Toggle
  - The default is OFF
  - To add an icon, turn Toggle ON
    Image Modified
    - Select the alignment to be left or right
    - Image Modified
      Icon
      Image Modified
      - Select the Icon to upload, link, or select a stock image
      - Change | Edit
        Image Modified
      - Link to Image
        Image Modified
      - Icon Indent
        Image Modified
        Adjust the space around the icon
        Image Modified
      - Adjust to Width
        Image Modified
        Adjusting the width will increase the button size to the container width
        Image Modified
      - Border
        Image Modified
        Adjust the border of the button
        Image Modified
      - Internal Padding
        Adjusts the distance between the borders of the button and the text
        Image Modified
      - Image Modified
      - External Padding
        Adjusts the distance between the borders of the button and the section
        Image Modified