Website Embeds

Display your Menu Studio menus directly on your own website.

Getting the Embed Code

1. Open your published menu
2. Click Share → Embed
3. Copy the embed code
4. Paste it into your website's HTML

Embed Code Example

<iframe 
  src="https://app.menustudio.com/embed/your-menu-id"
  width="100%"
  height="800"
  style="border: none;"
></iframe>

Responsive Embedding

For the best experience on all devices, use our responsive embed:

<div style="position: relative; padding-bottom: 150%; height: 0;">
  <iframe 
    src="https://app.menustudio.com/embed/your-menu-id"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
  ></iframe>
</div>

WordPress Integration

For WordPress sites:

1. Install the Menu Studio plugin (coming soon)
2. Or use the Custom HTML block
3. Paste your embed code

Squarespace / Wix / Others

Most website builders support custom embed codes:

1. Add an Embed or Custom Code block
2. Paste your Menu Studio embed code
3. Adjust size settings as needed

Styling Options

Customize the embedded menu:

| Parameter | Options | |-----------|---------| | theme | light, dark | | hideHeader | true, false | | hideFooter | true, false |

Example with parameters:

Real-Time Updates

Your embedded menu automatically updates when you make changes in Menu Studio. No need to update the embed code!

Next Steps

• Image Export
• QR Codes