This article provides some examples of how an Embedded type of Web Channel campaign can be used, and we guide you in deciding when and how to use it.
When should I use Embedded campaigns?
An Embedded type Web Channel campaign replaces a selected web page element on your website with your personalized message.
Using the Visual Editor or HTML Editor, you can display various types of content for different customer segments on your page. For example, you can use this type of campaign to:
- Reactivate your churning customers.
- Place an image banner to reactivate your inactive customers.
Customer reactivation
Let's say you display a personalized message to reactivate your customers. You should show an appealing, custom-cut message to your churning customers to win them back. Your Embedded campaign message is:
- For unidentified visitors.
- Showing on the Category page only.
- In the HTML source, personalization tokens inserted (if the recipient source permits.)
The Embedded campaign for desktop would look like this:
Unintrusive messaging
Let's say you replace an image banner on your site without HTML by using the Visual Editor in order to place an unintrusive message to win your customers back.
Embedded type campaigns has a Zone selection feature, as well. You need to create a zone, or select it from a list if you already defined any in the campaign, on the Zone tab. Zone creation is simple, just click Pick zone manually, hover on the preview with your mouse, select an element or area of your webpage, then save it for future use.
Adding Predict Web Recommendations to a Web Channel campaign
Below you can find some sample HTML code which can be part of a Web Channel campaign. The HTML produces three product recommendations using the PERSONAL logic of the Predict Web Recommender.
The Web Channel campaign with the HTML code may result in a personalisation error, because of an unexpected curly bracket "}" in the template. It can be corrected by adjusting the syntax of your code. For more information, see Errors validating Web Recommender templates: 'Unexpected "}".
<div id="predict-content"></div>
<style>
.rec-item
{ text-align: center; }
.rec-image
{ width: 120px; }
</style>
<div style="display:none" id="simple-tmpl">
<script type="text/html">
<![CDATA[
<table><tr>
{{ for (var i=0; i < SC.page.products.length; i++) { }}
{{ var p = SC.page.products[i]; }}
<td data-scarabitem="{{= p.id }}" class="rec-item">
<a href="=p.link" target="_blank"><img src="=p.image" class="rec-image" title="=p.title"></a>
</td>
{{ } }}
</tr></table>
]]>
</script>
</div>
<script>
ScarabQueue.push(['recommend',
{ logic: 'PERSONAL', limit: 3, containerId: 'predict-content', templateStr: document.getElementById('simple-tmpl').children[0].innerHTML, }
]);
// Send the request only once
ScarabQueue.push(['go']);
</script>