How to add your menu to your website: Squarespace, Wix, WordPress, Canva, Square Online and Shopify

To put the menu right on your page, copy the embed code:

1. In Just a Menu, go to QR Menu and open Your designs.
2. Click Embed Menu. The code is copied for you.

To link a Menu button (and for Canva), copy your menu link:

✓ Your website shows the design that’s live on your QR code.

Real screen · sample menu

Shown: Your designs. Embed Menu is the middle button at the top right, between View QR Link and Create Design.

Your designs grayed out? Use your menu link instead, or make a QR menu design live first. Step by step: How to make a QR code menu

Keep it narrow. The menu is made for phones, so put it in a column 480px wide or less. On a computer, it looks best that way.

Use a Code block.

1. Edit your menu page. Click Add block (or +), then choose Code.
2. Click the pencil icon on the block and paste your Embed Menu code.
3. Resize the block so the menu sits in a narrow column, then save the page.

Plan check: Squarespace shows iframes in a Code block on its Core, Plus and Advanced plans. On another plan, link your Menu button instead.

Use an Embed HTML element.

1. In the Wix Editor, click Add Elements, then Embed Code, then Embed HTML.
2. Click Enter Code on the new element, paste your Embed Menu code and click Apply.
3. Drag the element’s handles to make it narrow and tall, then click Publish.

Using Wix Studio? Add the Embed code element from the Add panel, then paste the code the same way.

Use a Custom HTML block. You don’t need a menu plugin.

1. Open your menu page in the block editor. Click + and search for Custom HTML.
2. Paste your Embed Menu code into the block. Click Preview to check it.
3. Save or publish the page.

Plan check: on WordPress.com, iframe code needs a paid plan with hosting features turned on. Otherwise WordPress removes it when you save. Self-hosted WordPress sites usually take it as it is.

Canva websites take a link, not code, so use your menu link.

1. Open your Canva website design. Click Apps in the side panel, search for Embeds and open it.
2. Paste your menu link and click Add to design.
3. Drag the corners to size it, then publish your site.

Canva shows a link card instead of your menu? Link a Menu button instead: select the button or text, click the link icon and paste your menu link.

Use an Embed code section.

1. Open your Square Online site editor (Edit site) and go to your menu page.
2. Click + Add, choose Section, then Embed code.
3. In the editing panel, select Embed code, paste your Embed Menu code and publish your site.

Plan check: Square Online offers the Embed code section on its Plus and Premium plans. On another plan, link your Menu button instead.

Run Square at the register too? Just a Menu syncs with Square, so a price you change there shows on this menu on its own. See the Square integration

Use a Custom Liquid section in the theme editor.

1. In your Shopify admin, go to Online Store → Themes and click Edit theme.
2. From the drop-down at the top, open the page template your menu page uses. Want the menu on one page only? Create a new page template and assign it to that page.
3. Click Add section, choose Custom Liquid and paste your Embed Menu code into the Liquid code box.
4. Click Save.

No Custom Liquid section? Most current Shopify themes have one. If yours doesn’t, link your Menu button instead.

Paste the code. That’s it.

1. Open the page where your menu goes, or send the code to whoever runs your site.
2. Paste your Embed Menu code where the menu should appear, inside a container 480px wide or less.
3. Save and upload the page.

✓ Check it on your phone: scroll the menu and tap a section to open it.