HTML to Liquid Converter

Performance

Defer Non-Critical Scripts

Loads JavaScript after HTML parsing when possible.

Convert to sectionFull cheat sheet

Copy or embed this snippet

<script src="{{ 'theme.js' | asset_url }}" defer></script>
{% if template.name == 'product' %}
  <script src="{{ 'product-form.js' | asset_url }}" defer></script>
{% endif %}

Embed this snippet on your blog or docs — attribution link appreciated: HTML to Liquid Converter · Convert to Shopify section →

Related snippets

Section Rendering API

Fetch just the HTML of a section without reloading the page.

Lazy Load Images

Defers loading images below the fold until they are near the viewport.

Responsive image_tag

Lets Shopify generate srcset and sizes for you.

Generate Shopify Sections

Free browser-based converter — OS 2.0 compatible output with schema validation. No signup required.

Paste HTML & Generate LiquidView examples