Content Comparison

...

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

...

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

    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
        • Image Modified

          Hide Element

          • Option to hide the text on either the desktop or the mobile application

            Image Modified

          • Click the desktop icon to hide the text on the desktop application

            Image Modified

          • Click on a mobile device

            Image Modified