Setting up a cookie banner in Onepage

There are several ways to add a cookie banner to your landing page.

Starting with the Standard plan, you have the option to use our enhanced cookie banner (GDPR consent solution).

The Free and Essential plans, on the other hand, include a notification banner. This simply informs visitors that cookies are used but does not offer an active consent option.

The Essential plan also allows you to insert custom code. This enables you to integrate an external cookie banner service into your site.

If you are unsure which solution is suitable for your site, it is best to consult with your data protection officer.

Open your project in Onepage and go to Project Settings → Cookie banner.

Three types are available: "Notification", "Compact" or "Advanced".
​

​Notification: The "Notification" option is available in all plans, including the Free plan. However, the Free plan does not allow you to add your own code. Therefore, it cannot be used in the EU with cookies that require consent. In this case, you will need to upgrade to the Essential plan to integrate an external cookie banner via custom code and use the site accordingly.

Compact / Advanced: The "Compact" and "Advanced" banners are available in the Standard, Advanced and Expert plans.

Once you have selected the cookie banner type, click "Save Changes".

Our cookie banner offers a range of options and features that allow you to customize it to your preferences. Let's take a closer look.

The "Title" and "Description" fields allow you to add the necessary text to your banner or edit the existing text.
​

The "Block third-party content" option allows you to block external elements, such as videos, maps, and custom code. The page must be scanned for the affected elements to be detected.
​

The scanning process can take anywhere from a few seconds to several minutes, depending on the size of your project.

Once the scan is complete, you can view the "Third party content".
​

Once you publish your website, a "consent overlay" will appear next to the relevant elements. This only takes effect if the visitor ignores the cookie banner or rejects the necessary cookies.

In the "Button" field, you can change the text for the "Accept" button.
​

With the "Cookie Policy" option, you can add the URL to your privacy policy or other required legal documents.

Please ensure you enter the full URL to your legal document. For example: https://yourwebsite.com/privacy
​

You can link up to two documents here.

You can set the position of your cookie banner. There are five options to choose from: left, middle, right, stretched and centered.
​

There are 6 color options to choose from. Please note that the specific colors are determined by your project settings.
​

You can customize your colors by opening your page and going to Design → Color.
​

If needed, you can activate the "Same color button" option.
​

If you enable the "Block page scroll" option, the visitor must either accept or reject the cookie banner before they can interact with your page. This is particularly useful in combination with the centered position.

The "Align bullet left" option lets you set the position of the cookie banner's lock icon.

By default, this icon appears in the bottom right corner of the screen after the cookie banner has been accepted or rejected, allowing the visitor to change their consent.

You can now specify which cookies should be enabled by default.

You can also scan your website or manually add a cookie if it is not detected by the scan.
​

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

To integrate an external cookie banner, you can create it using a service like Cookiebot and then insert it into OnePage using custom code.

You can learn how to add custom code in this article.

💡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! 🙂