/weweb-tutorials

How to add a cookie consent banner to a WeWeb website?

Discover how to add a cookie consent banner to your WeWeb website with our comprehensive step-by-step guide. Enhance user experience and ensure GDPR compliance easily.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

How to add a cookie consent banner to a WeWeb website?

Step 1: Access Your WeWeb Dashboard

Begin by logging into your WeWeb account. The login page can usually be found at the web address: www.weweb.io/user/login. You will have to enter your email or username, and your password, and then click on the "Log in" button. This will take you to your dashboard.

Step 2: Choose Your Website

Upon successful login, you will see a list of different websites that you've created on WeWeb. Located the desired website, it should be an organized list and can be found easily. Click on the website where you want to add the cookie consent banner.

Step 3: Navigate to Site Settings

At your website's dashboard, locate the "Settings" option. This is found on the left side of the screen and is commonly represented by a gear icon. A click on this option opens the settings page of your website.

Step 4: Select the Privacy & Consent Tab

Within the settings page, look for the "Privacy & Consent" tab. This is typically listed in the left navigation bar. Select this option to proceed with the process of adding a cookie consent banner.

Step 5: Understand the Consent Manager Function

Within the privacy & consent tab is where you can manage the consents your website will request from its visitors. This is also where you will add your cookie consent banner. The consent manager functions in the following manner:

  • Explicit Consents: These are consents that are not granted unless the user clearly accepts it.
  • Implicit Consents: These are consents that are granted unless the user explicitly rejects it.

Step 6: Add New Consent

You should see an option labeled "Add New Consent". Click on this button to open up a new consent form.

Step 7: Fill Out the Consent Form

In this step, you’ll need to fill out the form to add your cookie consent banner. Here’s a brief of what each part of the form means:

  • Title: This will be the name of your consent as displayed to your users.
  • Description: Here, you’ll write out the details of what the consent means for users.
  • Consent Type: Choose between explicit or implicit.
  • Main Goal: This is to categorize the consent. In this case, you should choose "Cookies / Trackers."

Once you’ve filled out the form, click on the "Save" button at the bottom of the form to finalize.

Step 8: Enable the Cookie Consent Banner

After saving the consent form, go back to the “Privacy & Consent” tab and enable the consent by toggling the switch. The switch turns green when enabled.

Step 9: Preview Your Website

To ensure that the banner shows up correctly, click "Preview" at the top of the dashboard. Check if the cookie consent banner appears as desired. If there’s any problem with the banner, you can return to the consent form to make necessary changes.

Step 10: Publish Your Website

Once you have previewed your website and happy with how the cookie consent banner appears, you can publish your website. To do that click on "Publish" at the top right corner of the dashboard, and your website will be live with the new cookie consent banner.

Step 11: Ensure Compliance

Now that you have your cookie consent banner live on your WeWeb website, it’s important to ensure that your site remains compliant with data protection laws and regulations. Be detailed with your cookie consent description and transparent about how you use data collected from your users. Your users' trust matters!

Congratulations! You've successfully added a cookie consent banner to your WeWeb website.

Explore More Valuable No-Code Resources

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences