CMS Integrations Guide help guide illustration

CMS Integrations Guide

How to add JSON-LD schema markup on WordPress, Shopify, Webflow, and headless CMS platforms.

GuideIntegrationintermediate12 min readUpdated September 18, 2025

Tags

cmswordpressshopifywebflowintegrationplugins

CMS Integrations Guide

Every CMS can output JSON-LD. The method depends on how your site renders HTML: theme templates, Liquid, custom code embeds, or API-driven front ends.

Platform guides

PlatformTypical approachDetailed guide
WordPressSEO plugins or theme hooksWordPress Schema
ShopifyLiquid in theme filesShopify Schema
WebflowCustom code or CMS fieldsWebflow Schema
Headless CMSBuild-time or API generationHeadless CMS Schema

Choose an implementation path

Plugin or app

Use when your CMS has a maintained SEO plugin (Yoast, RankMath, Shopify apps). Faster setup, less control over field mapping.

Theme or template code

Use when you need Liquid variables, WordPress hooks, or Webflow CMS bindings. You control which fields map to Schema.org properties.

Build-time generation

Use with Next.js, Gatsby, or similar. Generate JSON-LD from CMS API data during static build or server render.

Workflow for any CMS

  1. Identify the page type (Product, Article, Organization, etc.)
  2. Build markup with the Schema Generator
  3. Map CMS fields to JSON-LD properties
  4. Output a <script type="application/ld+json"> block in the page head
  5. Validate with Google Rich Results Test
  6. Monitor Google Search Console for structured data errors

Rules that apply everywhere

  • Markup must match visible page content
  • One primary entity per page when possible
  • Update JSON-LD when CMS content changes
  • Do not add ratings, prices, or FAQ answers that are not on the page

Pick your platform guide above for step-by-step instructions.

Related Resources