1. Introduction.
Cool Tabs lets you include a global header that appears on 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.
This header is:
Independent of the headers in participation and personal data forms.
Displayed outside the main wrapper, so it stays fixed and is not affected by individual screen content.
2. Step by step.
2.1. 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.
2.2. Using Custom HTML.
If your campaign has a custom design using HTML, you can manually insert the global header using the variable:
{{{ campaign_header }}}
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>
3. Other specifications.
If you need help customizing or implementing the header, contact help@cool-tabs.com.
Comments
0 comments
Please sign in to leave a comment.