Content (Action)

A Content interaction allows you to manipulate existing content (images, text) on a web page and replace it by other content.

The following is an example of a Content interaction:

Configuring a Content interaction

You compose the content for a Content interaction using the (inline) text editor. For information on using the inline text editor see Text editor. You can use the Properties settings in the right-hand portion of the page to set styling, find content templates (for collecting email addresses, adding custom forms, revealing coupons or codes, managing privacy or GDPR consent, starting a questionnaire or survey, launching subscription flows, or delivering text or links) , add JavaScript or CSS styling, select a click event, etc.

Content properties settings

In the Properties widget on the right-hand side of the page you can further customize the content display by choosing Styling settings, JavaScript settings, or Advanced settings from the pulldown menu.

content-properties-settings.png

Content Styling settings

To use content styling settings, open the Properties widget in the right hand side of the page and use the Styling settings pulldown menu.

Content-Action-Properties-Styling.png

These are the styling options: 

Contents: Click Load examples to see prebuilt content templates you can customize to create forms, collect email addresses, manage privacy, offer customer codes/coupons, manage subscriptions, launch a survey, or deliver a text message. You can also add a new example of your own in the Load examples window.

CSS URL: Enter the URL of an external CSS library. 

CSS styling: Enter custom CSS to add styling to your content interaction.

 

JavaScript settings

JavaScript library URL: Add a URL to be able to use an external JavaScript library. For example, you can use this when you want to load jQuery.
This URL will be loaded for this specific interaction and will only be added on the frontend page and the BlueConic simulator. 

Custom JavaScript: Enter custom JavaScript code to execute a custom function or to call for the JavaScript library. If jQuery is not available on your website, you can use bc.$ or bc.jQuery instead.

Advanced settings

The advanced settings option is relevant when you want to register conversions for this content interaction. To register a conversion, BlueConic needs to register a click event first:

Click event selector: Select an element in the page to register a click for this dialogue if the visitor or customer clicks the selected element. Use the Visual picker to choose a position on the page. A visual picker page opens where you can select the position. Learn more about selecting a content position to register a click event using the Visual picker. 

Keeping up with content changes

When you select a position on the page to be used for the content interaction, the original content of that position will be the starting value of your content interaction. The original content is copied to BlueConic and now part of this content interaction. This means that future changes in the original page will not be reflected in this content interaction, but will be replaced by the content that you have edited and saved for this interaction.

Using prebuilt content examples

To make it easier to build content interactions, you can use the prebuilt content examples in the Properties widget on the righthand side of the page, under Styling settings > Contents > Load examples. Clicking Load examples open a popup window of samples you can use to get started. You can add your own examples by clicking the Add new example button in the popup window.

Content-Load-examples.png

For example, to create a content area where you can collect customers' email addresses, choose "Collect email address" from the Load examples window. A warning message informs you that the new content will replace any existing content in the selected position. If you click OK, the new content fills the selected position, and you can customize it as needed.

New_content_example.png

Note that the form is part of the content and can be edited as well! Click the field to modify the form

The Content Action is a standard plugin.