Skip to end of banner
Go to start of banner

Button Block

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 2 Next »

Buttons

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.

There are several ways to create a button, including using the "Button" block, an image button, or an animated GIF button.

To create a CTA button using the "Button" block, add the block to your template and place it next to the relevant element.

 See Button Options

  • 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.

    • Link the button to a URL:

    • Create your Button label:

    • Text Style:

      • Font

      • Text Size

      • Bold | Italic Toggle

    • Button Color

      • Select a color with the color picker or input a HEX Code.

    • Text Color

      • Default is white

      • Select a color with the color picker or input a HEX Code

    • Background Color

      • Default is Transparent

      • Selecting a color will fill the section with the button

    • Border Radius

      • The border-radius around a button is the degree to which the corners of the button are rounded.

    • Alignment

      • Alignment

        • This will set the alignment for the entire block.

          • Right | Center | Left

          • Option to set for mobile

    • Button with Icon

      • Add an icon to the button Toggle

      • The default is OFF

      • To add an icon, turn Toggle ON

        • Select the alignment to be left or right

        • Icon

          • Select the Icon to upload, link, or select a stock image

          • Change | Edit

          • Link to Image

          • Icon Indent

            • Adjust the space around the icon

          • Adjust to Width

            • Adjusting the width will increase the button size to the container width

          • Border

            • Adjust the border of the button

          • Internal Padding

            • Adjusts the distance between the borders of the button and the text

          • External Padding

            • Adjusts the distance between the borders of the button and the section

          • Hide Element

            • Option 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 a mobile device

  • No labels