# Shopify

MuxForms on Shopify adds a section (e.g. sections/muxforms-contact.liquid) with the div and script, included on page.contact.json. Allow https://your-store.myshopify.com and your primary custom domain.

## Shopify

| Piece | Role |
| --- | --- |
| sections/*.liquid | Embed markup |
| templates/page.contact.json | Section reference |
| Theme editor | Assign to Contact page |
| Allowlist | Storefront origin |

## sections/muxforms-contact.liquid

```
<div data-form-id="{{ section.settings.form_id | default: 'FORM_UUID' }}"></div>
<script src="https://www.muxforms.com/embed.js" defer></script>

{% schema %}
{
  "name": "MuxForms contact",
  "settings": [
    { "type": "text", "id": "form_id", "label": "MuxForms form UUID", "default": "FORM_UUID" }
  ],
  "presets": [{ "name": "MuxForms contact" }]
}
{% endschema %}
```

## FAQ

### Shopify Forms app?

MuxForms helps when you also run a marketing site off Shopify.

### Checkout contact?

Use a pre-purchase contact page; checkout extensibility is separate.

### Multiple markets?

Hidden market field via Liquid {{ localization.country.iso_code }}.

### Online Store 2.0?

JSON templates + sections are the supported path.

---

HTML version: https://www.muxforms.com/docs/shopify
Source: MuxForms (https://www.muxforms.com)