In addition to embedding your campaign in a website, blog, or microsite, through a content widget, Cool Tabs allows you to add a campaign in a popup window or a button to display it in the part of the screen you want. When the user accesses the website, the campaign will pop up.
2. Ideas and examples.
The objective of this feature is to encourage the participation of the user that arrives at your website. And it is very useful to complement the information shown on a website. The possibilities can be endless. Here are some examples.
- You want to promote an event, and you are going to raffle tickets, through the campaign you have created in Cool Tabs. If you embed the campaign with a popup, for example in your blog, when a user accesses it, the information about the event and the raffle will pop up.
- You want to promote a new fashion collection. To do so, you have created a personality quiz such as 'What trends can't be missing in your closet? Depending on the user's answers, you will display one result or another, along with a discount for purchases in the new collection. By embedding the quiz with a popup, every user who accesses, for example, the 'New in' section, will be presented with the campaign.
- You want to get data from users accessing your website or blog. That's why you have created a simple registration form where they can leave their email address. When they access your site, the popup will appear. When they fill in their data in the form, they will get a free e-book or a discount voucher.
- You want to know the interest in the content/product/service of the users who access your website or blog. To do so, you have created a quiz with paths. Depending on the answers given by the users, you show them one question or another. So, for example, a travel agency can display on its website, through a popup, a small quiz, with which to know what kind of trip a user is interested in, destination preferences, duration, budget ... At the end of the quiz, you can show certain packs, offers ... In addition, you can then work on that information and include it in your marketing strategy.
3. Step by step.
3.1. Include the campaign in a popup.
1) From the main list of campaigns, access the 'Publish' section of the campaign you want to embed.
2) Go to the section 'Include the campaign with a popup'.
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, or winners page.
4) Copy the HTML of the popup you want to embed.
3.1.1. Campaign Landing.
If you copy this HTML, you will display the main screen of your campaign. You can modify any aspect, from adding a title and/or main image to adding or removing any button with CSS...
Below, you can see an example of how the popup with the landing page of a campaign embedded in a blog would look like.
You have the option to show the participation form directly. Select the option 'Form', and copy and paste the HTML. For this screen to be shown, you must have the anonymous login activated in the campaign registration.
Below, you can see an example of how the participation form of a campaign, embedded in a blog post, would be displayed in the popup.
3.1.3. Entries list.
Select this option and copy the HTML if you want to display the list of participants. Note that in order for it to be displayed, you must activate the option 'Enable public participation' in the 'Participation' section.
Below, you can see an example of how the entries list of your campaign would be displayed in the popup.
3.1.4. Winners page.
With this code, you will embed the winner's page on any website.
Don't forget to set the winners page in public mode. Also, the dates of the campaign (not of the participation) must be active.
Below, you can see an example of how the winners' page would be displayed in the popup.
3.2. Popup display options.
In addition to selecting the screen you want to display in the popup, you can configure how you want it to be displayed: automatically, by means of a button...
3.2.1. Automatic mode.
By enabling this mode, you will be activating the option for the popup to appear directly when the user accesses your website or blog.
- Height and relative width (%). By default, the popup appears with this size: 70% high and 25% wide. If you want it to be displayed smaller or larger, change the percentages.
- Position. Choose where you want the popup to be displayed (in the center of the screen, top right, bottom left...).
- Cookie expiration time (days). You can define how many days it will take for the campaign to be displayed again. For example, if you set 7 days, even if the user returns to your site before that time, the popup will not pop up. During the specified time, the same user will not see the popup with the campaign again. If the user deletes cookies or is in private browsing, he will see the campaign popup again. If you are testing your campaign, do not forget to delete the cookies, to display the popup again.
- Timeout (seconds). This is the time it will take for the popup to be displayed once the user enters the page where you are going to show it.
3.2.2. Button Mode.
A) Floating button
With this mode, a button will appear. The user will have to click in order for the campaign popup to appear. A less intrusive option that gives control to the user, allowing him/her to choose whether to open the popup.
- Button position. By default, the button is always displayed at the bottom of the screen. You can configure it to appear on the left or on the right.
- Button text. This is the text displayed on the button. Think of an attractive call to action!
- Button color. You can change the color of the button.
B) Inline button
This option allows you to place the button anywhere in the text. When you click on it, the popup will be displayed.
4. Other specifications.
If you have any questions during the process, do not hesitate to contact us at firstname.lastname@example.org.
5. Related content.