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.
Docs
Shopify
Shopify themes are Liquid—add a section with the embed snippet for contact or wholesale intake.
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 %}Common questions
- 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.
Storefront questions, central inbox.
Theme setting per store for form UUID.
Upgrade to Pro