Where to insert the Iubenda code | InfoDrones.It

Sharing is caring!

Where to insert the Iubenda code

Looking for a guide who will explain in detail where to insert the Iubenda code? Alright, you just found it! In this in-depth study, we will show you all the instructions to succeed in your intention. It is not a particularly complex procedure: in a few simple steps, you will have done it.

Entering the code is the standard way to integrate the privacy policy on your website. And it’s also the easiest. It basically consists of including the button or link of Iubenda in the pages of your site (in most cases you choose the footer). This button will have the function of opening the privacy policy in a modal window, i.e. a light box.

To add the Iubenda button to your portal, all you have to do is copy the generated code. Yes but where ? Take a few minutes of free time: in the next lines we will provide you with all the necessary information. We are sure that once you finish reading the article, you will have a clearer picture of everything. But don’t wait any longer, let’s go!

We remind you that through our link you will benefit from a 10% discount on your first purchase: Iubenda offer.

Where to insert the Iubenda code

Where to insert the Iubenda-2 code

As we said, to add the Iubenda button to your site, all you have to do is copy the generated code. You can find and modify the integration options at any time by clicking on “To integrate“. And by the way, you can also customize the button by choosing between a light, dark or no style. Once this customization is done, copy the generated code and paste where you want the button to appear.

See also  Sleeping in a trullo in Puglia: the most beautiful and characteristic

But where to insert the Iubenda code? The answer depends on two factors:

  • Where you want the button to appear. In our opinion, the best and most pleasant position is that of the footer of the site: in this way it will always be visible and accessible, as required by law. You will get an HTML code like this:<footer>{YOUR IUBENDA CODE}</footer> or <div id="footer">{YOUR IUBENDA CODE}</div>
  • What system do you use. You shouldn’t have any particular problems finding your site’s footer. If you are using WordPress, to embed the privacy policy code, you must have access to the administration panel of the portal itself and, of course, have the code to enter the privacy policy you want to embed. You can find it on Dashboard > [Il tuo sito web/app] > Integrate. Find all the details of this procedure on the official website.

Once you’re done typing, you can edit the button’s “Privacy Policy” text. To change the label of the button generated via the insertion code and translate it into the language of the policy, all you need to do is make a few simple changes to the HTML code. In the generated code, you will have to modify the content of the Title tag and the content of the link (read also Iubenda Gratis. Here’s how to get it).

Here is the translation of “Privacy Policy” in the 9 languages ​​available in our generator:

  • French: Privacy Policy
  • American English: Privacy Policy
  • British English: Privacy Policy
  • Italian: Privacy Policy
  • Dutch: Privacy
  • Portuguese: Privacy Policy
  • Russian: Политика конфиденциальности / конфиденциальность
  • Spanish: Privacy Policy
  • German: Datenschutzerklärung
See also  The 10 most beautiful Apulian masseries that you can find in Apulia

Finally, we remind you that other configurations are available:

data-iub-z-index
By adding this html attribute to the tag a (Example: data-iub-z-index="10002") it is possible to configure the z-index of the modal in which the privacy policy appears. The default value is 10000.

data-iub-overflow
In order to avoid scrolling the page when viewing the privacy policy, the property is modified in special conditions overflow on the html element of the home page (the original values ​​are then restored when closing the Privacy Policy). In some implementations and on some browsers, this change may lead to blocking of the host page scrolling. By adding the attribute data-iub-overflow="false" at the beacon a it avoids that the property overflow be changed.

Where to put the Iubenda code

Where to insert the Iubenda-3 code

You should now have a complete and comprehensive overview of where to insert the Iubenda code. It only remains for us to make an appointment for the next one, hoping that our guide has been useful to you in practice. Here is an article that you may find useful: What Iubenda is, what it is used for and when to use it

We remind you that through our link you will benefit from a 10% discount on your first purchase: Iubenda offer.

Leave a comment

8 − 3 =