Installation Overview
Adding JsonLD.io to your website is simple - just add a single script tag to your site's HTML.
Your Script Tag
After creating a site in your dashboard, you'll receive a unique script tag:
<script async src="https://jsonld.io/api/jsonld/YOUR_TOKEN?format=js"></script>
Replace YOUR_TOKEN with the token found in your site settings.
Where to Add the Script
Add the script tag in your website's <head> section, before the closing </head> tag:
<!DOCTYPE html>
<html>
<head>
<title>Your Website</title>
<!-- Other head elements -->
<!-- JsonLD.io Script -->
<script async src="https://jsonld.io/api/jsonld/YOUR_TOKEN?format=js"></script>
</head>
<body>
<!-- Your content -->
</body>
</html>
Platform Guides
Choose your platform for specific instructions:
- HTML / Static Sites - Basic HTML websites
- WordPress - WordPress sites and themes
- Shopify - Shopify stores
- React - React applications
- Vue - Vue.js applications
- Next.js - Next.js applications
- Webflow - Webflow sites
- Wix - Wix websites
- Squarespace - Squarespace sites
Verification
After installation, verify your structured data is working:
- Visit any page on your site
- View the page source (right-click → View Source)
- Search for
application/ld+json - Use Google's Rich Results Test for validation
