Install DineMio on your restaurant website
Start with a booking button. Add the floating widget if your website allows scripts. Your web designer can use these instructions without access to your DineMio account.
Open this guide from Get started for your restaurant’s exact links. These examples use a placeholder.
Open setup checklistAdd a booking button
Add a button labelled “Reserve a table” in your website editor and paste this booking link as its destination. Publish the page. A normal link needs no plugin or custom JavaScript.
https://dinemio.com/widget/your-restaurant?channel=websiteAdd the optional floating widget
Copy your own script from Get started and install it once, before the closing body tag. It opens the booking form over your website. If your editor blocks scripts, the booking button still works.
<script src="https://dinemio.com/sdk/v1/tl.sdk.min.js" data-restaurant="your-restaurant" data-language="auto"></script>- WordPress: Follow the dedicated WordPress guide below for button links, Custom HTML, hosting restrictions and troubleshooting. WordPress booking setup
- Wix: Use a linked button, or Settings → Custom Code → Body – end on a published site with a connected domain. Check the live site because plan and editor restrictions can apply. Official instructions
- Squarespace: Use a button link, or Footer Code Injection if your plan supports it. Save and test outside the editor. Official instructions
- Webflow: Use a linked button, or add the script in the site’s footer custom code area if your plan supports custom code. Publish to your domain and test the live page. Official instructions
Google and social profiles
Add the Google booking link to your restaurant’s Google Business Profile where reservation links are available. This links to your booking page; it does not enable the integrated Reserve with Google service. Use the social link in Instagram, Facebook or other profiles. Google — Official instructions
Google booking link
https://dinemio.com/widget/your-restaurant?channel=googleSocial booking link
https://dinemio.com/widget/your-restaurant?channel=socialPublish, then verify safely
On desktop and mobile, check the published site, confirm the correct restaurant opens and try choosing a date and time. Use the safe preview below to rehearse submission: it saves no booking and sends no email. Do not submit fake reservations through the live form.
Open safe previewInstructions for your web designer
Please add a Reserve a table button linking to https://dinemio.com/widget/your-restaurant?channel=website. Optionally install this script once before the closing body tag: <script src="https://dinemio.com/sdk/v1/tl.sdk.min.js" data-restaurant="your-restaurant" data-language="auto"></script> Publish and verify the correct restaurant and date/time selection on desktop and mobile. Use https://dinemio.com/widget/your-restaurant?preview=1 for a safe rehearsal, without creating real reservations. Return the published URL and any remaining blockers to the owner.The owner records installation progress and confirms the first genuine booking separately in Get started. Never share your account password.
Need help? Email [email protected].
See how it works for your restaurant.
Explore the demo, or start your 7-day trial with your own tables and service hours.
Try Pro free for 7 days. Card required; cancel before the trial ends and you pay nothing.