Advanced SEO Techniques

Embedding Rich Text in JSON

No items found.
Overview
Structured Data
Structured Data Overview
10:18
501
Adding JSON-LD Structured Data
Adv
16:29
502
Site Name JSON-LD
Adv
503
Articles, News & Blog Post JSON-LD
Adv
504
Site Search JSON-LD
Adv
506
Client Reviews JSON-LD
Adv
506
Breadcrumbs JSON-LD
Adv
508
FAQ Page JSON-LD
Adv
509
Q&A Page JSON-LD
Adv
510
Twitter Cards
Adv
601
Embedding Rich Text in JSON
702
Validating & Debugging JSON-LD
703
Technical SEO
Controlling the Robots
801
Sitemap.xml
802
robots.txt
803
Removing Pages from Google
804
Removing Your WEBFLOW.IO Staged Site from Google
805
More Advanced SEO Techniques
810
Voice Search
810
Influencing Google Search Appearance
Influencing Google's Search Appearance
901
No items found.

Want to embed Rich Text from the CMS into your JSON?

Unfortunately, it’s not possible to do natively in Webflow. There are two problems in accomplishing this;

  1. Webflow doesn’t expose rich text fields through the + Add Field mechanism in HTML Embeds and Custom Code areas.
  2. Webflow HTML encodes content that it embeds. You need JSON encoding instead.

Solution

What you can do- though it’s a bit ugly, is this…

  • Create a separate plain text field in the CMS, call it something like JSON Rich Text. Put it at the bottom of your fields list, and maybe add a note for clients, DO NOT EDIT.
  • Use your Rich Text CMS field for your editing and publishing, as the source of truth. Edit this field only.
  • Wire up an external automation that triggers any time CMS item is added or edited on that Collection. Use an external service like Make.com to get the Rich Text HTML, JSON encode it, and then store that result in your JSON Rich Text field.
  • Now you can embed that JSON Rich Text field content in your custom JSON.

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.