1. Introduction.
Cool Tabs allows you to embed your campaign, so you can display it on a web page, blog, or microsite, using a content widget.
Just copy and paste the code we provide when you set up your campaign. Please note that in order to get a full resize of the campaign, you must add the full code. There should be no extra spaces or unnecessary scrolls.
Here's how to get the embed code for your campaign.
2. Step by step.
2.1. Access the embed code.
1) From the main list of campaigns, access the 'Publish' section of the campaign you want to embed.
2) Go to the section 'Widget to embed on a website'.
3) Choose which page of your campaign you want to display on the website, blog, or microsite where you are going to embed it: landing, form, entries list, winners page, or any other page.
4) Copy and paste the HTML code on your website.
2.2. Display options.
2.2.1. Campaign landing.
If you want to display the campaign's main page, use the corresponding landing code.
You can customize the appearance by adding a title, a main image, or modifying buttons using CSS.
Example of a landing embedded in a blog:
2.2.2. Entry form.
To display the entry form directly, select this option and copy the corresponding HTML code.
Remember that, for this screen to be displayed, you must enable "anonymous login" in the campaign's registration settings.
Example of a campaign form embedded in a blog:
2.2.3. Entries list.
To display the entries list, copy the HTML code from this section.
It is important to make sure you have activated the 'Make entries visible/public' option in the campaign settings, so that this screen is displayed correctly.
You can also customize the height and width of the list by specifying the maximum dimensions in pixels.
Example of an entries list embedded in a blog:
2.2.4. Winners page.
To embed the winners page, copy the corresponding code and paste it where you want to display it.
Remember that, for this option to be available, you must make the winners page public.
Example of a winners page embedded in a blog:
In this link, you can see examples of how the different pages of a campaign embedded in a blog post would look.
3. Other specifications.
3.1. Track the traffic of your embedded campaign with UTMs.
If you want to know where the traffic reaching your embedded campaign is coming from (a specific blog post, an ad campaign, a partner who also has it embedded, etc.), you can add UTM parameters to the widget code. Cool Tabs will automatically capture them so you can analyze them in the statistics panel.
Check out the tutorial How to track the traffic of an embedded campaign with UTM parameters to learn how to set them up and what priority they have over the UTMs of the page where you embed the campaign.
If you have any questions, contact us at help@cool-tabs.com.
4. Related content.
How to embed your campaign in a popup on your website.
How to integrate a widget on a web page with AMP version.
Differences between original content and a content widget.
Comments
0 comments
Please sign in to leave a comment.