Custom Liquid block

Two ways to inject custom code without editing theme files:

1. Custom Liquid section

A standalone homepage section. See Homepage sections → Custom Liquid.

2. Custom Liquid block (product page)

Available inside the Product section's info column blocks. Drag in, paste your code. Renders inline within the buy column.

When to use

• Third-party app widgets (Yotpo, Trustpilot, Klaviyo signup) that don't have their own theme block
• Bespoke marketing snippets ("Free returns", "Made in X" badges) you don't want as a permanent section
• A/B test variants — drop the variant copy into Custom Liquid, swap the block in/out via Customize

What you can use

• Full Liquid syntax: {{ product.title }}, {% if %} etc.
• HTML, CSS, JS
• Theme CSS variables for visual consistency: var(--dost-text), var(--dost-bg), var(--dost-gold), var(--font-body-family), etc.

Limitations

• Heavy JS in custom Liquid hurts performance and is harder to maintain than a proper section.
• Don't fetch external scripts from Custom Liquid — they block render. Use defer or async.

Tips

• Comment the block with a clear note (<!-- Klaviyo signup form -->) so future-you knows what it does.
• If the same code appears in 3+ places, make it a snippet (theme code edit) instead.