In this article:
What is a Button?
Configuring a Button with 1:1 Personalization
Configuring a Button with Audience Messaging
Additional Notes

What is a Button?

A button is an interactive component in a scene that, when clicked, opens a URL in a new browser tab.

In the example below, clicking Open a New Loan will direct viewers to a landing page with details on how to open a new loan.

Button_example.jpg

In the Scene Templates library, you can identify the scenes that include a button by their thumbnail and description (see example below):

Scene_template_with_button.jpg

The button itself is composed of three elements:

1.

Button shape

2.

Button text. As with "regular text", you can:
a. Display the same button text to all viewers.
b. Use 1:1 Personalization to personalize the button text for each viewer.
c. Use Audience Messaging to display unique button texts to different audiences.

3.

URL Hyperlink. This is the link that is opened when the viewer clicks the button. Depending on your requirements, you can:
a. Provide all your viewers with the same URL.
b. Use 1:1 Personalization to direct each viewer to a personalized URL.
c. Use Audience Messaging to direct viewers to a URL, according to the segment to which they belong.

Note:

Currently, buttons can only be configured in programs created for owned media. In the future, it will also be possible to configure buttons in programs created for paid media.

Configuring a Button with 1:1 Personalization

1.

From the scene line-up, select the scene with the button that you want to configure.

Configurable_button.jpg

2.

Hover over the button to see the blue placeholder and then click inside the placeholder.

Placeholder_selected.jpg

3.

In the Button Placeholder pane, begin by entering the text that you want everyone to see on the button and then click anywhere outside the text field to save.

See_text_for_everyone.jpg

4.

In the text field, position your cursor where you want to insert the personalized data and then type a left curly bracket.
A drop-down list with all the available data elements is displayed.

Dropdown_opened_for_personalization.jpg

5.

Select the appropriate data element and then click anywhere outside the text field to save the selection. In the example below, viewers will see the text See your special offer, followed by their first name.
▶ Only one data element can be added to a button placeholder.
▶ The font size used for the button text depends on the length of your text. The longer the text, the smaller the font size will be, to enable all the text to display in the placeholder.

Data_element_added.jpg

6.

Enter the text that you want to display on the button when data is not available. In the example below: if a person's first name is not included in the record, See all our special offers will be displayed on the button.
▶ This text is referred to as default text.

When_data_is_not_available.jpg

7.

In the Destination URL field, enter the URL that viewers will be directed to when they click the button.
The protocol (http:// or https://) must be included in the URL for the link to be valid.

Website_link.jpg

8.

(Optional) You can also personalize the URL using a data element (see steps 4-5 above).
▶ Before adding the data element, type a forward slash /.
▶ In the example below, the data element {Customer ID} represents a subsection in the Skybank website, dedicated to a specific customer. Viewers clicking this link will be directed to their personal account page in the Skybank website.

Personalized_URL.jpg

9.

(Optional) If you have defined a personalized URL, enter the URL that you want to direct viewers to if data is not available. In the example below: a viewer whose record does not include {Customer ID} will be directed to a page suitable for all customers.
The protocol (http:// or https://) must be included in the URL for the link to be valid.

Alternate_URL.jpg

10.

Preview the scene.

Configuring a Button with Audience Messaging

1.

From the scene line-up, select the scene with the button that you want to configure.

Audience_messaging_configurable_button.jpg

2.

Hover over the button to see the blue placeholder and then click inside the placeholder.

Audience_messaging_placeholder_selected.jpg

3.

In the Button Placeholder pane, toggle the switch to Button by Audience.

Audience_messaging_button_by_audience.jpg

4.

Click the down arrow to open the Set message by drop-down list and then select the data element by which you want to segment your viewers.
▶ In the example below, viewers are segmented according to their age.

Audience_messaging_set_message_by.jpg

5.

Click + VARIATION.

Audience_message_click_plus_variation.jpg

6.

Click the down arrow to open the Audience drop-down list and then select the relevant segment.
▶ In the example below, Boomer represents viewers who are 57-75 years old (Baby Boomers).

Audience_message_select_audience.jpg

7.

Enter the text that you want to display on the button for this viewer segment and then click anywhere outside the text field to save.

Boomer_message.jpg

8.

(Optional) You can also include a data element for personalization in the button text. See Configuring a Button with 1:1 Personalization (steps 4-5) to learn how.
▶ In the example below, the button text begins with the viewer's first name.
▶ Only one data element can be added to a button placeholder.
▶ The font size used for the button text depends on the length of your text. The longer the text, the smaller the font size will be, to enable all the text to display in the placeholder.

Audience_messaging_personalization_in_button_text.jpg

9.

In the Destination URL field, enter the URL that viewers in this segment will be directed to when they click the button.
The protocol (http:// or https://) must be included in the URL for the link to be valid.

Audience_messaging_URL_for_segment.jpg

10.

(Optional) You can also personalize the URL using a data element. See Configuring a Button with 1:1 Personalization (steps 4-5) to learn how.
▶ Before adding the data element, type a forward slash /.
▶ In the example below, the data element {Customer ID} represents a subsection in the Skybank website, dedicated to a specific customer. A viewer in the Boomer segment clicking this link will be directed to a personalized loan offer.

Audience_messaging_personalized_URL.jpg

Note:

The button you configure can be used for more than one segment. In such a case, the button text and URL will apply if the viewer belongs to any of the segments that have been selected. In the example below, the button text and URL will be active for viewers that belong to either the Boomer or Senior segment.

Audience_messaging_2_segments.jpg

11.

Click + VARIATION to configure a button for another viewer segment.

Audience_messaging_add_variation.jpg

12.

Repeat steps 7-10 to configure the button text and URL for this segment.

Audience_messaging_new_variation.jpg

13.

(Optional) Configure buttons for additional viewer segments, as required.

14.

In When audience is not defined show, configure the button that will be included in the scene when the following occur:
● A viewer does not belong to any of the segments in the variations that you defined.
● Data is not available for viewer personalization in a specific segment. Note that when personalization is included, the viewer must belong to the selected segment and have data for the required element in order to see the button.

In the example below:
A button displaying Unbeatable loans made easy! (linking to https://skybank.com/alloffers) will be included in the scene when:
● The viewer does not belong to either the Boomer or Gen-Z segment.
● A viewer's record in the Boomer segment does not include a first name.

Audience_messaging_default_button_configuration.jpg

15.

Preview the scene.

Additional Notes

1.

You can remove a button completely from a scene by deleting all the button text in the placeholder.

Removing_a_button.gif

2.

You can remove a button for a specific segment by selecting the segment and then leaving the Button text field empty.

Audience_messaging_no_button_for_specific_segment.jpg

3.

You can always configure a button to have the same text and link for all viewers. 1:1 Personalization and Audience Messaging are options and not mandatory for any button.

4.

To delete a variation, click the X in the relevant variation pane.

Audience_messaging_delete_variation.jpg

5.

The button color, button text color, and text style are all taken from your brand configuration. See Configuring Your Brand Colors and Configuring Your Brand Text Styles for more information.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.