Skip to main content

​
Quickstart

The fastest way to get started is the CDN script — one tag in your <head> and you’re done. New to InstantSchema? Read the Introduction first for how it works and which integration method fits your site.

​
1. Get your Project ID

Open your InstantSchema dashboard, select your project, and copy the Project ID from the integration panel.

​
2. Add the script tag

Paste this into the <head> of every page on your site: 
<script
  src="https://app.instantschema.com/v1/loader.js"
  data-project-id="YOUR_PROJECT_ID"
  async
></script>
That’s it. The loader fetches the right schemas for each page URL and injects them automatically.

​
3. Verify

Return to your dashboard. The integration panel polls automatically — it will show Integration active once the script is detected on your site (usually within 8 seconds of the page loading).

​
Other integration methods

The CDN script injects schemas via JavaScript. If you need schemas in raw HTML (for maximum SEO fidelity), use a server-side method instead:
  • Next.js SDK — <InstantSchemaHead> in your root layout
  • Astro — fetchSchemas() in frontmatter
  • Nuxt / Vue SSR — useInstantSchema() composable
  • GTM — paste the CDN tag as a Custom HTML tag
  • Custom API — call the REST endpoint directly from your server
See Integrations → Overview for a comparison.