Merchant quick start
Get started with the basics in minutes.
- 1Install MenuFields
- 2Enable the app embed
- 3Sync menus
- 4Add a badge or icon
- 5Preview and publish
MenuFields Documentation
Learn how to sync menus, add appearance customisations, create structured definitions and access published menu data in Liquid.
Quick Start
Developer quick start
Build structured navigation with custom definitions.
- 1Create a custom definition
- 2Add fields
- 3Enter values
- 4Publish the menu
- 5Read data in Liquid
Browse Topics
Getting started
Install, configure and publish your first customisation.
Appearance
Badges, icons, colours and link highlighting.
Custom definitions
Structured data fields for navigation.
Liquid reference
Access menu data in your theme templates.
Plans
Free and Growth plan features.
Troubleshooting
Common issues and solutions.
Working with Liquid
Liquid Snippet
Metafields v2
{% assign menu_data = shop.metafields.menu_fields.structured.value %}
{% for item in linklists.main-menu.links %}
<a href="{{ item.url }}">
{{ item.title }}
</a>
{% endfor %}Basic navigation loop — see the Liquid reference for complete examples.
Documentation callout types
Menu changes only appear on your storefront after publishing.
Use the live preview to check customisations before publishing.
Changing your active theme may reset menu mappings.
Unlimited definitions are available on the Growth plan.
Need help?
Browse FAQs or reach out to support for setup and integration guidance.