HTML to Liquid Converter

Theme Settings

URL Setting Link

Builds a CTA from a url-type schema setting.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% if section.settings.button_link != blank %}
  <a href="{{ section.settings.button_link }}" class="btn">
    {{ section.settings.button_label | escape }}
  </a>
{% endif %}

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

Related snippets

Global Theme Settings

Access settings defined in settings_schema.json (globally available).

Richtext Output

Outputs a richtext schema setting properly.

Select Setting Condition

Using a dropdown select setting to change layout logic.

Practice in the converter workspace

Draft OS 2.0 section output after you choose the right design pattern.

Open converter workspaceBrowse learning examples