PRP Webs
Book a call

Free tool

Shopify Schema Generator

Build a valid Shopify section {% schema %} block in seconds. Add your settings, blocks and presets, then copy the code straight into your .liquid file. Free, no signup.

Section name
Wrapper tag
CSS class
limit (optional)

Settings

The inputs a merchant edits in the theme editor.

Type
id
Label
Default

Blocks (optional)

Repeatable items a merchant can add and reorder.

Generated schema
{% schema %}
{
  "name": "Featured Banner",
  "class": "featured-banner",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Welcome to our store"
    }
  ],
  "presets": [
    {
      "name": "Featured Banner"
    }
  ]
}
{% endschema %}

Paste this at the bottom of your section's .liquid file.

How to use the generated schema

  1. Name your section and add the settings merchants should be able to edit.
  2. Optionally add blocks (repeatable items) and a max_blocks limit.
  3. Click Copy code and paste it at the bottom of your section's .liquid file, between {% schema %} and {% endschema %}.
  4. Save — your section is now configurable in the theme editor.

New to section schema? Read the full guide: How to create Shopify section schema →

Frequently asked questions

What is a Shopify schema generator?

A Shopify schema generator is a tool that builds the JSON {% schema %} block for a theme section from a simple form. You add the section name, settings, blocks and presets, and it outputs valid, copy-paste-ready code you drop into your .liquid file — no need to write the JSON by hand.

Is this Shopify schema generator free?

Yes. It is completely free, runs in your browser, and needs no signup. Nothing you type is sent anywhere.

What schema setting types can I add?

All the common Shopify input types — text, textarea, richtext, number, checkbox, range, select, radio, color, image_picker, url, video_url, and resource pickers like product, collection, blog, article, page, link_list and font_picker.

Where do I paste the generated schema?

Paste the generated {% schema %} … {% endschema %} block at the very bottom of your section's .liquid file. Save it, and the section becomes configurable in the Shopify theme editor.

Does it support blocks and presets?

Yes. You can add block types with their own settings and an optional max_blocks limit, and the tool auto-generates a preset so the section appears in the theme editor's "Add section" menu.

Need a custom Shopify section built properly?

We build bespoke, conversion-focused theme sections and apps.

Custom Shopify Development →