Webflow

Add JsonLD.io to your Webflow site using custom code.

Site-Wide Installation

1. Open your Webflow project
2. Go to Project Settings (gear icon)
3. Click on the Custom Code tab
4. In the Head Code section, paste:

<!-- JsonLD.io Script -->
<script async src="https://jsonld.io/api/jsonld/YOUR_TOKEN?format=js"></script>

5. Click Save Changes
6. Publish your site

Page-Specific Installation

To add the script to specific pages only:

1. Open the page in the Webflow Designer
2. Click the gear icon next to the page name
3. Scroll to Custom Code
4. In the Inside tag section, paste:

<script async src="https://jsonld.io/api/jsonld/YOUR_TOKEN?format=js"></script>

5. Save and publish

Webflow Plans

Custom code injection requires a paid Webflow plan (CMS, Business, or Enterprise for site-wide code).

If you're on a free plan:

1. Export your site code
2. Add the script to the exported HTML files
3. Host the modified files elsewhere

Disable Webflow's Built-in Schema

Webflow automatically adds some basic structured data. While it typically doesn't conflict with JsonLD.io, you may want to check for duplicates.

Verification

After publishing:

1. Visit your live Webflow site
2. Right-click → View Page Source
3. Search for application/ld+json
4. Verify your JsonLD.io schema appears
5. Test with Google's Rich Results Test

Troubleshooting

Script not appearing?

• Ensure you've published after adding the code
• Clear your browser cache
• Check that you're viewing the published site, not the designer preview

Multiple schemas appearing?

• Check for other schema plugins or integrations
• Review Webflow's built-in SEO settings