How can I use HTML in product page meta text fields?

Store Design

Topic summary

Issue: HTML entered into product page metafields (especially multi-line text) renders as literal text when connected via a dynamic source to sections like Collapsible tab in Online Store 2.0 themes (e.g., Dawn).

Findings and context:

  • Code generated by the theme/customizer often uses metafield_tag, which outputs escaped content in this context, showing HTML as plain text. Video, code, and screenshots were shared.
  • Behavior varies by theme and field type; some report single-line text renders HTML, others still see it escaped.

Workarounds confirmed by multiple users and Metafields Guru:

  • Use the raw value in Liquid instead of metafield_tag: {{ product.metafields.namespace.key.value }}. Place this directly in the template/section (e.g., block Description) rather than using the dynamic data binding.
  • Avoid wrapping raw HTML (like ) in a

    tag in JSON/section content to prevent invalid markup.

  • Single-line metafield can work for simple HTML, but is inconsistent.
  • JS post-processing can force rendering but isn’t ideal.

    • Tools and notes:

    • Metafields Guru helps authoring HTML but does not fix the rendering bug itself; their team confirms the OS 2.0 dynamic-source issue and provides a tutorial.

    Status: No definitive platform fix noted. Some report newer Dawn versions now render via dynamic content; others still must use the .value/manual approach. Discussion remains open.

Summarized with AI on December 23. AI used: gpt-5.
10

For those struggling to add full HTML in Shopify, you might want to check out the Shopify app Metafield Guru.

I have used Guru before and it works pretty good. And in their most recent update to the app it supports Shopify Editor 2.0

I am currently experimenting with it for a client who needs HTML in her blog posts and when I see how it works I will report back her to the community forum. But others here might want to check it out. They have a free plan and other paid plans.

Here’s a link to the app https://apps.shopify.com/metafields-editor-2

Also to guru’s FAQ https://support.metafields.guru/support/home

As I said, while I will be experimenting with adding full HTML, others might want to also jump in and try out GURU for their needs – and also report back on the forum with their experiences.

I have used Guru for a past client and found the app to work well – and am happy that they are also supporting the new 2.0 Shopify editor.

FYI from Guru’s app page when installed:

New metafield types

There used to be 3 metafield types:

  1. string
  2. integer
  3. json_string

Now that Shopify has totally redesigned metafields, Guru now has 18 different types:

  1. Single line text
  2. Multi-line text
  3. Page reference
  4. Product reference
  5. Variant reference
  6. File reference
  7. Integer
  8. Decimal
  9. Date
  10. Date and time
  11. URL
  12. JSON string
  13. Boolean
  14. Color
  15. Weight
  16. Volume
  17. Dimension
  18. Rating

Screen Capture. (Customers and Orders are avail on the regular plan. I am currently on Guru's free plan)
Screen Capture. (Customers and Orders are avail on the regular plan. I am currently on Guru's free plan)1500×842 57.5 KB

Rowby Goren
Shopify Expert and Shopify Partner

1 Like