> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Iubenda Cookie Solution

> Adding a cookie pop-up with Iubenda.

Iubenda Cookie Solution allows to add a customizable cookie consent banner on your site. You will need an Iubenda subscription for this integration. Let's see how it can be done.

<Tip>By default, Iubenda will block the most common scripts on your site until the user hits **Accept**. More details on privacy controls and cookie solution configuration are available [here](https://www.iubenda.com/en/help/1205-how-to-configure-your-cookie-solution-advanced-guide).</Tip>

## Generating a Banner

In your Iubenda account home page, click the **Start Generating** button.

<Frame caption="Start generating">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image1.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=2e2356a22b728928f27ca33717d7c0cc" alt="Start generating" width="1251" height="469" data-path="integrations/images/iubenda-cookie-solution/image1.png" />
</Frame>

Choose the **Website** option, specify a **Site Name**, and hit **Start Generating**.

<Frame caption="Choosing the “Website” option">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image2.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=388d2ef5cdf78740198ad9445c62da7c" alt="Choosing the “Website” option" width="1147" height="497" data-path="integrations/images/iubenda-cookie-solution/image2.png" />
</Frame>

Next, locate the **Cookie Solution** option and click **Generate Now**.

<Frame caption="Generating the code">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image3.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=b950af9171cbfb7a3f8327652bb12cdb" alt="Generating the code" width="1248" height="596" data-path="integrations/images/iubenda-cookie-solution/image3.png" />
</Frame>

In the following page, you can customize your banner's design and configure other settings. Hit **Next** as soon as you're done.

<Frame caption="Customizing the banner design">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image4.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=eb40ffae4401c5f838d2bb3ec59ac1ae" alt="Customizing the banner design" width="1339" height="621" data-path="integrations/images/iubenda-cookie-solution/image4.png" />
</Frame>

Next, if you don't have a paid license, you'll see a pop-up with the upgrade options. You don't need a paid license for the cookie solution, so, if you don't want to upgrade at this point, simply close the pop-up.

<Frame caption="Closing the upgrade pop-up">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image5.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=1234c9d372af0667dc8bf8f86b7d6d2b" alt="Closing the upgrade pop-up" width="1225" height="715" data-path="integrations/images/iubenda-cookie-solution/image5.png" />
</Frame>

## Getting the Banner Code

Now, you should see an **Embed** button under **Cookie Solution**. Click the button to get the banner code.

<Frame caption="Getting the embed code">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image6.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=a2715baf7979f53fa2d3264efc79d939" alt="Getting the embed code" width="1244" height="545" data-path="integrations/images/iubenda-cookie-solution/image6.png" />
</Frame>

Here, you can enable/disable **Prior blocking and asynchronous re-activation** and customize the banner further if needed. When everything is ready, simply click **Copy** to copy the banner code.

<Frame caption="Accessing the embed code and customizing the banner further">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image7.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=5f177a197efcd1bc57f09e0f8c4a206e" alt="Accessing the embed code and customizing the banner further" width="1223" height="660" data-path="integrations/images/iubenda-cookie-solution/image7.png" />
</Frame>

## Adding the Banner Code in Softr Studio

Now, switch to your Softr Studio, navigate to **Settings => Integrations => Iubenda Cookie Solution,** and paste the code.

<Frame caption="Applying banner code in Softr">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image8.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=4cf298764b3592b3e3da619ce1684ade" alt="Applying banner code in Softr" width="898" height="948" data-path="integrations/images/iubenda-cookie-solution/image8.png" />
</Frame>

You're almost done. Just save the settings and republish your app, and you'll notice the cookie consent banner appearing.

<Frame caption="Iubenda pop-up published on the Softr app">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/iubenda-cookie-solution/image9.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=fc5a3ef4048c3f7d02e299ae3ae69f51" alt="Iubenda pop-up published on the Softr app" width="1394" height="498" data-path="integrations/images/iubenda-cookie-solution/image9.png" />
</Frame>
