Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.cookiechimp.com/docs/llms.txt

Use this file to discover all available pages before exploring further.

Add a GDPR, ePrivacy and CCPA compliant cookie consent banner to your Hostinger Website Builder site (formerly Zyro). CookieChimp installs through the builder’s Integrations → Custom code settings.
1

Copy your CookieChimp snippet

Log in to your CookieChimp dashboard and copy your website's JS snippet:
<script src="https://cookiechimp.com/widget/abc123.js"></script>
Replace abc123 with your website's unique CookieChimp ID.
2

Add the snippet to your Hostinger site

  1. Sign in to your Hostinger account and open the Website Builder for your site.
  2. In the builder, open the Settings menu (gear icon, top-right).
  3. Choose Integrations, then Custom code.
  4. Click + Add custom code.
  5. Paste the CookieChimp snippet into the code field.
  6. Set Placement to Head, and Pages to All pages.
  7. Click Save, then Publish your site.
The CookieChimp script needs to be the first script in the <head> section so it can block other scripts before they run and set cookies without consent. If other scripts are added before, they may set cookies and other storage items before consent is granted.
3

Block scripts & cookies

To stay compliant with GDPR and other privacy regulations, you need to actively block non-essential scripts and cookies until the user gives consent. See our Scripts Management Section for full details.
Hostinger’s built-in Google Analytics and Facebook Pixel integrations inject scripts via the same Integrations menu. To enforce consent, disable those built-in integrations and re-add the tracking scripts as custom code with type="text/plain" and a data-category attribute so CookieChimp can manage them.
4

Allow users to update their preferences

CookieChimp provides a floating privacy icon (Privacy Trigger) that lets users manage cookie preferences at any time. Enable it in the banner settings.To open the preferences modal from a custom button or link, add the data attribute data-cc="show-preferencesModal":
<button type="button" data-cc="show-preferencesModal">
  Manage cookie preferences
</button>
To open the preferences modal from a button on your Hostinger site, add an Embed element with HTML containing the data-cc="show-preferencesModal" attribute.

​
Troubleshooting

  • Banner doesn’t appear — make sure your Hostinger domain (including the *.hostingersite.com preview URL and your custom domain) is allowed in Account Settings → Additional Domains in your CookieChimp dashboard.
  • “Custom code” option is missing — Custom code is available on Hostinger’s Business Website Builder plan and above. The basic plan may not include it.
  • Banner shows in preview but not on live — Hostinger publishes changes only after you click Publish. Editor preview may use cached snippets.
  • Enable Debug mode from the CookieChimp dashboard and check the browser JS console for errors.
If you encounter any issues or need further assistance, please reach out to us via our chat.
Yes. Hostinger Website Builder is the rebranded version of Zyro and the Custom code menu works identically.
Yes. Whether the site was generated by the AI builder or built manually, CookieChimp runs from the same Custom code injection point.
Yes, as long as the Pages setting is All pages when you add the custom code. CookieChimp loads on every Hostinger-rendered page.
No. The CookieChimp script is under 30KB gzipped, loads asynchronously and is served from a global CDN. It doesn't block rendering and won't meaningfully affect your Lighthouse scores.
CookieChimp has a free tier suitable for low-traffic sites, with paid plans for higher traffic and additional features. See pricing.