Versions Compared

Version Old Version 1 New Version 2
Changes made by

Tristy Lee (Unlicensed)

Tristy Lee (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

Expand
titleSee 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.

      Image Added

    • Link the button to a URL:

      Image AddedImage Added

    • Create your Button label:

      Image AddedImage Added

    • Text Style:

      Image Added

      • Font

        Image Added

      • Text Size

        Image Added

      • Bold | Italic Toggle

        Image Added

    • Button Color

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

        Image Added

    • Text Color

      • Default is white

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

        Image Added

    • Background Color

      Image Added

      • Default is Transparent

      • Selecting a color will fill the section with the button

        Image Added

    • Border Radius

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

        Image Added

    • Alignment

      • Alignment

        • This will set the alignment for the entire block.

          • Right | Center | Left

          • Option to set for mobile

            Image Added

    • Button with Icon

      • Add an icon to the button Toggle

      • The default is OFF

      • To add an icon, turn Toggle ON

        Image Added

        • Select the alignment to be left or right

        • Image Added

          Icon

          Image Added

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

          • Change | Edit

            Image Added

          • Link to Image

            Image Added

          • Icon Indent

            Image Added

            • Adjust the space around the icon

              Image Added

          • Adjust to Width

            Image Added

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

              Image Added

          • Border

            Image Added

            • Adjust the border of the button

              Image Added

          • Internal Padding

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

              Image Added
          • Image Added

            External Padding

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

              Image Added
          • Image Added

            Hide Element

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

              Image Added

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

              Image Added

            • Click on a mobile device

              Image Added