Click2Go

  • Updated

To enable this feature, contact customer support.

This topic describes the Click2Go feature that lets you create buttons for your mailings, with no HTML expertise, directly in Optimizely Campaign's content management system. Click2Go is integrated directly into the Optimizely Template Kit and can be used in any paragraph type.

Buttons are call-to-action elements with great potential for capturing attention and directing readers to landing pages for products, campaigns, profile pages, and so on.

Test your button's potential

To test how much attention a button captures in the context of a mailing, use the automated attention analyses from Optimizely Campaign. Attention analysis indicates whether a button's location captures a high level of attention and directs readers to desired content.

Activating Click2Go

When Click2Go is activated, content paragraphs display a new Button tab. Design the buttons as described below, and test them using a test email.

Inserting and designing buttons

To insert a button into a paragraph and edit it, perform the following steps:

  1. Edit the paragraph in which you want to add a button.
  2. Select the Button tab in the top tab bar. The following areas are displayed:
    • Template. In this area, you can insert two button templates into your mailing. The templates are provided along with the Click2Go function.
    • Options. In the tabs (described below), you can create a new button or edit an available template.
    • Preview. Shows the current design of your button in real time.

When you are finished, test your buttons in a test email.

General

Parameter Description
Text Enter the button text.
URL Insert a destination URL to which your button should link.

If you do not name a destination URL, the button will appear in your messages.

Alignment Set the position of your button in relation to other content elements of your mailing.

Text

Parameter Description
Font type Select the text font.
Color To define the color of your button border, click the displayed value then set the desired color in the selection window.
Size To set your text size, adjust the value manually or via the slider.
Bold To make your text bold, select the check box.
Italic To make your text italic, select the check box.
Underline To make your text underlined, select the check box.

Background

Parameter Description
Color To select your button's background color, click the displayed value then select the color in the selection window.
Image To select a background image for the button, click  Browse... and select the image from your computer. Alternatively, use the Alternatively external URL box.

Background images may not be displayed, depending on the email software and the recipient's security settings.

If you select a background image, specify an additional background color as a fallback, in case the background image is not displayed.

Alignment Set the position of your background in relation to the other content elements.
Repeat Select an uploaded image to be repeated in various arrangements.

Symbol

Parameter Description
Image To select a symbol for your button, click  Browse... and select the image from your computer. Alternatively, use the Alternatively external URL box.

Background images may not be displayed, depending on the email software and the recipient's security settings.

Position Specify the position of the symbol in the foreground of your button.
Margin left Set spacing for your border's left side of by adjusting the value manually or using the slider.
Margin right Set spacing for the border's right side by adjusting the value manually or using the slider.

Padding

Parameter Description
Top Internal spacing (padding) indicates how much spacing is between the text and the outer edge of the button.

Change this value to change the size and visual appearance of the button. You can individually define the internal spacing for each side.

Bottom
Left
Right

Border

Parameter Description
Width To set the width of your border, adjust the value manually or use the slider.
Color To select the color of the button border, click the displayed value then set the desired color in the selection window.
Radius Define the shape of your button. A higher value produces rounder corners.