Skip to content

Plain HTML

Paste this once per page, in <head> or just before </body>:

index.html
<script async src="https://cdn.taggorcdn.com/s/<site-key>.js"></script>

async runs the script as soon as it is fetched without blocking the parser; defer waits for the parse and keeps order (MDN, script, https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script, read 2026-11-09). The loader depends on no other script, so async is right for it.

index.html
<contact-form heading="Get in touch"></contact-form>

A prop is an attribute, and an attribute carries text: lists and objects need the element’s property, see Components in React, Vue and Angular.

  • A site with a Content-Security-Policy needs the nonce and the CDN origin: Install the snippet.
  • The page keeps whatever you wrote inside the tag when the script cannot run: Fallback content.
  • Nothing appears. Open the browser console: a Content-Security-Policy violation names the directive to allow, and a taggor warning names the domain list (Allowed domains).
  • The page jumps when the component appears. Reserve its size with :not(:defined).

The plain page runs in the compatibility matrix with the real loader, in Chromium, Firefox and WebKit and two mobile emulations, with the snippet in the head and at the end of the body.