Email Button Widget

The Button widget helps you add a CTA button to your Email.

You can configure multiple actions for the button clicks.

For example, you can use this button:

  • To redirect the clicks to:
    • an external web URL, or
    • a landing page, or
    • an Email address.
  • To confirm an Opt-In request and redirect the clicks to a Thank You page
  • As a Call button (Clicks redirected to call the specified phone number)
  • To download a file on the button click

How to use a Button Widget in an Email campaign

Step 1

Use the Main Menu on the left to create an Email and subsequently navigate to our Email creator.

Step 2

Add a clickable Button to your Email

The blank area on the left is the Work area where you design your Email, and the area on the right is the Tools area where all the available design elements are displayed as widgets.

Email creator, button widget. The work area is highlighted

In order to add a clickable button to your Email, drag and drop the Button widget to the work area (as highlighted in the screenshot below)

Email creator, button widget. The CTA button widget is highlighted

Step 3

Configure the click action for the Button.

Once you drop the button widget into the work area, the widget Settings are displayed on the right (as highlighted in the screenshot below).

Email creator, button widget. Button settings tab is highlighted

Fill in the fields:

  • Button Text (as highlighted in the screenshot below) to add/edit the text that appears on the clickable button.

    Email creator, button widget. Button text field is highlighted

  • Based on the option you select in this field, the subsequent field gathers the required information relevant to that action.

Step 4

Style the Button Widget

You can edit the appearance of your button using the Style tab (as highlighted in the screenshot below).

Email creator, button widget. Button style tab is highlighted

The different design options available are:

4.1 Button Font settings and Background color

  • Widget Background Color to change the color of the button background
  • Border Size and Color to change the color of the button border (use the subsequent sizing bar to adjust the thickness of the border)
  • Border Style to change the type of button border – solid, dotted, etc.,
  • Rounded Corners sizing bar to add rounded corners to the button.

4.2 Button Text Style

  • Edit the Font Color, Font Size, Font Family, and Font Weight of the button text.

4.3 Button Setting

  • Button width to adjust the width of the button
  • Button Position to change the alignment of the button in the design
  • Padding to enter the desired padding measurements. Padding refers to the gap between the text entered inside the button and the button boundary.

    Email creator, button widget. Button formatting options are highlighted

Click Save and that’s it!

You have successfully added a custom CTA button to your Email!

Let’s proceed, and have a look at how to add text to an Email campaign using the Text Widget!