Introduction
Cool Tabs lets you include a custom header that appears at the top of every screen of your campaign—from the landing page to the thank-you screen. This helps keep a key message, brand identity, or call to action visible throughout the user experience.
Keep in mind that:
It is an independent header from the ones you can add in the participation form or the personal data form.
It is displayed outside the main wrapper, so it stays fixed and is not affected by individual screen content.
Step by step
How to set up a header
Access your campaign from your list of active campaigns.
Go to the Edit > Design > Content section.
Check the option "Display a custom header in the campaign".
Enter the header content: you can add text, HTML, images, etc., using the WYSIWYG editor.
Save your changes.
When you upload an image through the WYSIWYG editor, it is automatically resized to a maximum width of 810 pixels. This means that even if the original image is larger, an optimized version will be inserted.
Below, you can see an example of a campaign where a global header has been set up, in addition to a header on the participation form.
Using custom HTML
If your campaign has a custom design using HTML, you can insert the global header content using the variable:
{{{ campaign_header }}}
HTML example:
<html {{{ cool_tabs_html_attributes }}}>
<head>
<!-- {{{ cool_tabs_head }}} -->
</head>
<body {{{ cool_tabs_body_attributes }}}>
{{{ campaign_header }}}
<!-- Your campaign content -->
{{{ campaign_footer }}}
</body>
</html>
Other specifications
If you have any questions, contact us at help@cool-tabs.com.
Comments
0 comments
Please sign in to leave a comment.