How can I embed the real-time menu from SinglePlatform onto my Webflow website?
TL;DR
- Obtain the embed code from your SinglePlatform account or support.
- In Webflow, use an Embed element to paste the code, publish your site, and adjust styling for responsiveness if needed.
To embed a real-time menu from SinglePlatform onto your Webflow site, you’ll need to use the widget or embed code provided by SinglePlatform.
1. Obtain Your SinglePlatform Embed Code
- Contact SinglePlatform support or log into your account dashboard.
- Find the menu widget embed code—this is typically a JavaScript snippet.
- If not readily available, request a custom embed iFrame or link from SinglePlatform for Webflow compatibility.
2. Add an Embed Element in Webflow
- In Webflow, open the desired page or template where the menu should appear.
- Drag the Embed element from the Add panel into your layout.
3. Paste the Embed Code
- In the Embed settings, paste the code snippet provided by SinglePlatform.
- This usually starts with a
<script>or<iframe>—consider placing it in a container or div block for styling. - Click Save & Close, then Publish your site to see it live.
4. Ensure Responsiveness
- If it’s an iframe, adjust width/height manually or wrap it in a responsive div block with appropriate settings.
- Use custom CSS or Webflow’s style panel to control dimensions if the code doesn’t include responsive behavior.
5. Troubleshoot Display Issues
- If the menu doesn’t load:
- Ensure scripts or iframes are allowed by your browser or host settings.
- Double-check that the embed code came from your active SinglePlatform account and is current.
- Try placing the embed code closer to the bottom of the page if it conflicts with Webflow interactions.
Summary
To embed a real-time menu from SinglePlatform in Webflow, get the menu embed code from SinglePlatform, then paste it into an Embed element in your Webflow layout. Make sure to preview and publish to confirm it displays properly.