HTML to Liquid Converter

Schema

Block Schema Definition

How to define blocks inside a section schema.

Convert to sectionFull cheat sheet

Copy or embed this snippet

"blocks": [
  {
    "type": "slide",
    "name": "Slide",
    "settings": [
      {
        "type": "image_picker",
        "id": "image",
        "label": "Image"
      }
    ]
  }
]

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

Related snippets

Basic Section Schema

The minimum required JSON to make a section editable.

Text Setting in Schema

The most common setting type for headings and labels.

Richtext Schema Setting

Lets merchants use bold, links, and lists in the theme editor.

Generate Shopify Sections

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

Paste HTML & Generate LiquidView examples