How to Render Dynamic `<h1>` on Blog Detail Pages (CMS Content)?

Ask the community
1

Hi everyone :wave:

I’m running into a roadblock with dynamic SEO setup on Softr and hoping someone here has a workaround or insight.

We’re using Softr’s CMS feature to power our blog, with records coming from Airtable. Each blog post lives on a detail page like /read/{{slug}}/r/{{recordId}}. The issue is:

:stop_sign: Softr only allows one static <h1> per page, which is set via the page title field.
:chart_with_downwards_trend: The actual blog post title (from Airtable) is rendered as an <h3> or styled text, not a real <h1>, even when placed in text or embed blocks.
:warning: This causes all our blog articles to fail technical SEO audits (missing or empty H1), and Google isn’t indexing them properly as a result.

We’ve tried:

  • Using {{Title}} in a text block
  • Wrapping it in <h1> inside an embed block
  • JavaScript injection using document.createElement

But Softr strips or sandbox-blocks all HTML-level <h1> attempts unless it’s the static page title.

Questions:

  1. Has anyone successfully rendered a dynamic <h1> from Airtable in a CMS-powered Softr page?
  2. Is there a known workaround or upcoming feature to support this?
  3. Is Softr planning support for more semantic HTML control on dynamic content?

Would really appreciate insight from the community—or even better, a working example.

Thanks in advance! :pray:
Giordano (Mygrate – www.mygrate.me)