There are multiple ways of adding a cookie banner on your landing page. You may either use the Onepage cookie banner, or integrate an external cookie banner over custom code.

⚙️ To set up the cookie banner in Onepage follow these steps:

Step 1: Open your project in Onepage and go to project settings -> cookie banner.

Step 2: Select the required type: Notification, Compact or Advanced.

The "Notification" is accessible with all licences, including the free one.

The "Compact" and "Advanced" banners can be accessed only with the Advanced and Expert licences.

Step 3: Save.

Once you complete the adjustments, click on “Save Changes”.

🎨Now let us adjust the cookie banner to your specific requirements.

Our cookie banner provides a range of options and features that enable customization to suit your preferences. Let us now examine each of these in detail.

1. Content tab.

The "title" and "description" fields are self-explanatory, providing the means to insert the necessary text into your banner.

The "button" field enables you to change the text for the "accept" button.

Please note, that this option is only available in the "notification" type of banner.

The "cookie policy" option enables you to add the URL to your privacy policy or any other necessary legal documents.

Please make sure to provide the full URL to your legal document. For example: https://yourwebsite.com/privacy

Additionally, see our article on creating and linking subpages.

Note, you can add up to 2 document URLs here.

2. Design tab.

You can set the position of your cookie banner. There are a total of five options available for selection.

Additionally, there are 6 colour options to choose from. Please note, the specific colours are determined by your project settings.

You can adjust your colours, by opening your page and going to the design -> colour section.

If needed, you can activate the "same colour button" option.

Usually, this is legally required for the cookie banner to have.

By enabling the "block page scroll" option the visitor is required to either accept or decline the cookie banner prior to interacting with your page.

This is especially useful in combination with the "center position"

The "align bullet left" option allows determining the position of the cookie banner "lock" icon.

This icon is displayed on the lower left-hand side of the screen by default, after the cookie banner is accepted or declined, and enables the visitor to modify their consent.

3. Edit cookie list.

This tab is only available in the "compact" and "advanced" banners.

Here you can determine what cookies are enabled by default.

Additionally, it allows you to conduct a scan of your webpage or manually add a cookie, in case it is not identified by the scan.

Finally, it is possible to edit a particular cookie by clicking on it.

❗️Lastly, please always make sure to save your changes and to click on "Update", to ensure that your changes are reflected on the published page❗️

🌐 How to integrate cookie external banners

To integrate an external cookie banner, you can generate it or embed it with service providers such as Cookiebot and integrate it to Onepage via custom code.

(It may take up to 24 hours for the banner to be active)

⏩ For more information on how to integrate code in a project or subpage in Onepage read this article.

Please have a look at this video for more information on this topic:

💡Do you have any feedback concerning this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 😊 💻