PolicifyAI on Universal HTML
One script tag shows your policy on any website.
Paste one <script> tag on any HTML page and your policy renders right there - and stays in sync automatically: edit or regenerate the policy in PolicifyAI and every embedded copy updates with no code changes. The script auto-detects which policy to show from the page URL (/privacy-policy, /terms, /refund-policy, …), inherits your site's fonts, supports light/dark themes, and is fully async with zero impact on page speed. A cookie consent banner is a separate, upcoming product - this embed is live today.
Set up in 2 minutes
2 minutes- 1Open Dashboard → Integrations. Your embed snippet (with your site key) is generated for you - press Copy.
- 2Paste it into the page where the policy should appear - e.g. your /privacy-policy page.
- 3That's it. The script detects the page URL and renders the matching policy. On a page whose URL doesn't identify the policy, add data-policy="privacy-policy" (or terms-of-service, refund-policy, cookie-policy, …).
- 4Update the policy in PolicifyAI any time - your website updates automatically.
<!-- PolicifyAI policy embed --> <script src="https://policifyai.com/embed.js" data-site-key="YOUR_SITE_KEY" async ></script>
Get your real site key from Dashboard → Integrations - the snippet there is pre-filled and ready to copy.
<script src="https://policifyai.com/embed.js" data-site-key="YOUR_SITE_KEY" data-policy="privacy-policy" <!-- force a policy type; auto-detected from the URL otherwise --> data-theme="auto" <!-- auto | dark | light --> data-container="my-div-id" <!-- render into an existing element instead of at the tag --> async ></script>
Use data-policy="hub" (or paste the snippet on a /legal page) to render a legal hub listing all your policies.
Why PolicifyAI
- Auto-updating: republish in PolicifyAI and every embed updates - no iframe, no manual copy-paste.
- URL auto-detection: one identical snippet works on every legal page of your site.
- Inherits your site's typography, so the policy looks native, with automatic dark-mode support.
- Tiny, async script - it will not move your Lighthouse or Core Web Vitals scores.
Troubleshooting
Nothing renders where I pasted the snippet.
Check (1) your data-site-key matches the one in Dashboard → Integrations, (2) the page URL identifies the policy or you added data-policy, and (3) your Content-Security-Policy allows scripts from policifyai.com. Open DevTools → Console for a [PolicifyAI] warning.
The wrong policy shows on a page.
The script guesses from the URL path. Override it explicitly with data-policy="terms-of-service" (or any other policy type slug).
The policy shows but the styling looks off.
The embed intentionally inherits your site fonts. It renders inside a .pfy container - target that class in your CSS to adjust spacing or colours.
Frequently asked
Does it slow my site down?+
No. The script is small, loads async, and renders after your page content. It does not block rendering.
What happens when I update a policy?+
The embed always fetches the latest published version - your website updates automatically, no code changes.
Is this the cookie consent banner?+
No - this embeds your policy documents. The cookie consent banner (Google Consent Mode v2, consent logging) is a separate product that is coming soon; join the waitlist at policifyai.com/cmp.