Custom Liquid

A free-form Liquid section. Whatever you paste renders as-is. Useful for embeds, custom HTML, app snippets, and bespoke micro-sections.

Settings

• Custom Liquid — multi-line code editor
• Container width / Padding — standard

Common uses

• Embed a third-party widget (Trustpilot, Yotpo, Klaviyo signup)
• Insert custom HTML between sections (a fine line, a quote, a wide image)
• Insert app blocks that don't have a section/block of their own

Example: between-section divider

<div style="text-align: center; padding: 24px 0;">
  <span style="display: inline-block; width: 60px; height: 1px; background: var(--dost-divider);"></span>
</div>

Example: custom video embed

<div style="aspect-ratio: 16/9; max-width: 800px; margin: 0 auto;">
  <iframe
    src="https://player.vimeo.com/video/12345678"
    width="100%" height="100%"
    frameborder="0"
    allow="autoplay; fullscreen"
    allowfullscreen
  ></iframe>
</div>

Tips

• Theme variables are available — use var(--dost-text), var(--dost-bg), etc. for visual consistency.
• Avoid heavy JS in custom Liquid; prefer the existing sections (which are optimised) over custom code.