Step-by-step instructions for installing the app, connecting your Webflow workspace, generating JSON-LD
structured data and SEO meta, and saving to static pages or CMS collections.
Schema API Flow is a Hybrid App — open it from Webflow Designer → Apps after Marketplace install.
Pricing: Free on the Webflow Marketplace — no subscription or in-app purchases.
Install & open the app
Install Schema API Flow from the Webflow Apps Marketplace (or use the install link when the listing is live).
Webflow OAuth opens immediately — approve scopes: sites, pages, custom code, and CMS (read/write as shown).
Open Webflow Designer for your site → left panel → Apps → launch Schema API Flow.
The app dashboard opens inside the Designer panel. This marketing site is not the app — the Hybrid App runs embedded in Designer only.
Try demo: After install, you can explore sample pages in the app before connecting a live workspace. Use Connect Webflow when you are ready to save to a real site.
Connect your Webflow workspace
In the app panel, click Connect Webflow. A popup opens for Webflow OAuth — allow popups for the Designer if prompted.
After approval, the app shows Connected to Webflow and loads your site pages. Colored dots (🔴 / 🟡 / 🟢) next to static pages show SEO health — cached status appears immediately; a background check updates dots after connect.
Click Refresh Pages to reload the list from Webflow. The page list updates right away; SEO status keeps checking in the sidebar without locking the whole dashboard.
To switch workspace or account: click Disconnect (instant — no browser confirmation), then Connect Webflow again. Custom code cleanup from the previous session continues in the background.
Optional: edit or generate Meta title and Meta description (see AI generation).
Choose schema types (Organization, WebSite, FAQ, etc.) → click Generate for each type → review the JSON-LD preview.
Click Save Selected Page. JSON-LD is attached as a registered inline script via the Webflow Custom Code API (Page settings → Custom code → Apps).
Publish your site in Webflow, then verify on the live URL (see Verify on live site).
Schema API Flow — Designer panel
Home (/)
About us
[CMS] Blog posts
SEO meta
Your page title…
Your meta description…
JSON-LD
{"@context":"https://schema.org","@graph":[…]}
Save Selected Page
CMS collections
Select a CMS collection template page in the app → click Load CMS Config.
If prompted, click Create Meta Fields to add schema and SEO fields to the collection.
One-time setup: In Webflow Designer, open the Collection page template → add an Embed before </body> → paste the embed snippet from the app (outputs {{wf:Schema JSON-LD Plain|Dynamo}} or your field slug).
Back in the app: pick a CMS item → Load Item Meta → generate schema → Save CMS Item.
Publish the site → verify JSON-LD on a live CMS item URL.
Large JSON-LD on static pages may be split into multiple inline scripts (Webflow 2,000-character limit per script). Details: Support — JSON-LD size limits.
AI generation & your data
AI runs only when you click Generate (SEO title/description or schema types). The app shows
a persistent notice in the SEO and schema panels and a one-time confirmation modal per browser session.
Page title, description, URL, and schema context may be sent to OpenAI to produce suggestions.
Nothing is sent on page load or without your click.
FAQ Q&A is taken from published page content when possible — not invented by AI.
Open the published page URL → View page source → search for application/ld+json.
In DevTools → Network tab → reload the page → confirm there are no requests to api.appsrow.com (JSON-LD is static after save).
Optional: run Google Rich Results Test on the published URL.
Disconnect, uninstall & cleanup
Before uninstalling: Open the app in Designer → click Disconnect. You are signed out immediately; registered scripts and legacy head blocks are removed in the background while OAuth is still valid.
Remove the app from your Webflow workspace in Apps & integrations settings.
If you added a CMS Collection template Embed manually, edit the template in Designer to remove it.
Schema API Flow