Add the DPO Widget to Your Website
You’ve created your awesome DPO presentation widget — now it’s time to add it to your site!
Here’s the step-by-step guide to get it done 👇
1 - Click “Add this widget to my site”
2 - List the pages on your website where you want the DPO presentation widget to appear.
Just fill in the pre-filled URL field with the specific pages where you want it shown.
3 - Choose the display format:
Classic Widget: Shows the widget exactly as you configured it — kind of like your cookie consent banner 🍪
Button Format: Instead of showing up right away, the widget pops up when a button is clicked.
4 - Target the element on your website where the widget (or button or checkbox) should go.
Just enter the CSS selector of the target element using .yourClass or #yourID format.
5 - Choose the injection method:
Pick how you want the widget to be injected from the dropdown menu — the animation gives you a live preview 😉
6 - Customize the integration with your own CSS tweaks!
You can adjust the styling however you like — measurements are in px. 🤗
7 - Click “Save and Close” > Your integration settings will appear.
8 - Click “Publish”!
And that’s it — your awesome DPO is now live for the world to see 🤗