Knowledge Base > Installing on Webflow
Platform Guide

Installing on Webflow

One snippet in your project settings. Your Webflow site becomes visible to ChatGPT, Claude, and Gemini in under a minute.

Webflow gives designers pixel-perfect control over layout and interactions. What it doesn't give you is structured data that tells AI engines what your business actually does.

When someone asks ChatGPT "who's the best brand designer for tech startups?" or Claude "recommend a UX consultant who works with SaaS companies", Webflow's SEO settings don't answer that. AI needs to know who you are, what makes you credible, and why you're the one to recommend. That's entity data. Webflow doesn't generate any of it.

StructuredAF adds the layer Webflow misses. Your complete business identity, expertise, credentials, and services, in the format AI actually reads.

How It Works

The two-step flow

Everything starts in the StructuredAF app, then lands on your Webflow site.

Step 1

Generate in the app

Build your profile, add your offers, then click Generate Schema and Deploy. Your code is ready in seconds.

Step 2

Paste into Webflow

Copy your code snippet, paste it into your project's Head Code, and publish. Done.

Setup Guide

Installation steps

From dashboard to live schema in under a minute.

1

Copy your code snippet

In your StructuredAF dashboard, go to Add to Site. If you haven't already, click Generate Schema and then Deploy. Copy the full code snippet provided. Need help getting to this stage? See our Getting Started guide.

2

Paste into Head Code

In Webflow, go to Project Settings, then Custom Code. Paste your snippet into the Head Code section.

This applies the code site-wide. You don't need to add it to individual pages.
3

Publish

Click Publish to push the changes live. Custom code in Webflow only takes effect after publishing. It won't appear in the Designer preview.

This is normal Webflow behaviour. The code is there, you just need to publish for it to go live.
Verification

Check it's working

Once published, visit your Webflow site in your browser, right-click anywhere, and select View Page Source. Search for ld+json or structuredaf. If you can see the code block in your page source, it's working. If not, see our Troubleshooting guide.

How it works alongside Webflow

Webflow's built-in SEO handles meta tags, Open Graph, sitemaps, and clean semantic HTML. StructuredAF generates your business identity schema: who you are, credentials, expertise, services, products. These are completely different layers and work alongside each other perfectly, with no conflicts.

Keep using Webflow's SEO settings as normal. StructuredAF adds the structured data layer that Webflow doesn't provide.

How updates work

When you update anything in the StructuredAF app (new services, updated pricing, refined profile), click Generate Schema and Deploy again. Then copy the updated code snippet, replace the old one in your Webflow Head Code, and republish your site.

Full details in our Updating Your Schema guide.

SEO Comparison

What Webflow gives you vs what AI needs

Webflow Built-in SEO
Meta titles and descriptions
Open Graph tags
Auto-generated sitemap
Clean semantic HTML
No schema markup
No entity data for AI
No knowledge graph presence
+ StructuredAF
Complete business identity schema
Services, expertise and credentials
Professional profile and authority
FAQ schema for AI answers
Delivered to all AI crawlers
Updates when you regenerate
Works alongside Webflow SEO
Quick Answers

Common questions

Does the code show up in Webflow's Designer preview?

No. Custom code added via Project Settings only appears on your published site. This is standard Webflow behaviour. You won't see the schema in the Designer, but it's there once you publish. Use View Page Source on your live site to confirm.

Will this slow down my Webflow site?

No. The snippet is a small block of structured data in your page header. It's significantly lighter than Webflow's own analytics and integrations. Zero impact on page speed.

Do I need to update the snippet when I change my offers?

Yes, but it's quick. Update your offers in the StructuredAF app, click Generate Schema, then Deploy. Copy the new code snippet, replace the old one in your Head Code, and republish. Takes about a minute. See Updating Your Schema for the full process.

Does this work with Webflow CMS collections?

Yes. The snippet is added at the project level, so it applies to every page, including CMS-generated collection pages. Your entire Webflow site is covered with a single install.

What if I decide to move away from Webflow?

Your data lives in your StructuredAF account, not on Webflow. If you move to another platform, just install the code snippet (or WordPress plugin) on your new site. Nothing is lost. See our Switching Platforms guide.

Ready to make your Webflow site visible to AI?

One snippet. One publish. Done.

Get Started
Need help? Get in touch