Integrating with Webflow

You can easily integrate CookiePro script into your Webflow site using the custom code feature in Webflow.

To Integrate Cookie Consent with Webflow using Custom Code

  1. On the CookiePro Cookie Consent menu, select Websites. The Websites screen appears.

  2. After you have created your template and set geolocation rules, navigate to the Scripts tab to publish settings and copy the testing or production script.
  3. Select the website you want to publish. The Implementing Banner Scripts screen appears.

  4. Click the Publish button to publish your site. The Publish modal appears.

  5. Click the Next button. This is where your Production CDN, Do Not Sell & Cookie Settings Button, and the Cookie List scripts will appear.
  6. Navigate to your paid Webflow account. Select the project for which you want to insert the CookiePro scripts.
  7. On the navigation bar, select Project Settings.
  8. Select Custom Code from the menu. The Add Custom HTML & CSS screen appears.

  9. Paste the script tags from CookiePro into the Head Code field.
  10. Click the Save Changes button.
Note:

The script tags need to be placed as the first element in the <head> of your website. Once the tag is implemented on your site, any changes to your template, rules, or categorizations will be published on your site and the script does not have to be re-implemented.

To Integrate Cookie Consent with Webflow using Embed

The embed element gives you the power to add custom code to your projects. If you have a paid Webflow account or if your project has an active site plan, you can add custom blocks of HTML code to your sites to unlock all kinds of custom functionality.

  1. On the CookiePro Cookie Consent menu, select Websites. The Websites screen appears.

  2. After you have created your template and set geolocation rules, navigate to the Scripts tab to publish settings and copy the testing or production script.
  3. Select the website you want to publish. The Implementing Banner Scripts screen appears.

  4. Click the Publish button to publish your site. The Publish modal appears.

  5. Click the Next button. This is where your Production CDN, Do Not Sell & Cookie Settings Button, and the Cookie List scripts will appear.
  6. Navigate to your paid Webflow account. Select the project for which you want to insert the Cookie Consent scripts.
  7. Press A to open the Add Elements modal.
  8. Add an Embed element from the Componensts section.
  9. Add the Embed to the <head> section of your website and paste in the code copied in Step 2.
  10. Click the Save Changes button.

For more information, see the tutorial from Webflow.