How to add ResDiary bookings to your website
ResDiary takes no commission on bookings from your own website, which makes putting the widget there the highest-value thing you can do with it.
Quick answer
In ResDiary, click Promote, then Widget configurator, then the Embed Code icon for your widget. You can use the widget as a standalone URL, embed it on your website, put the link behind a booking button, or share it on social. Customise the logo and colours and choose which customer details to collect. ResDiary charges no commission on bookings from your own site.
Step-by-step
- 1
Open the widget configurator
In ResDiary, click Promote, then Widget configurator. Click the Embed Code icon for the widget you want. You can build a custom widget here rather than accepting the default, which is worth doing.
- 2
Decide how it appears
You have four options: use the widget as a standalone URL, embed it on your website, attach the link to a booking button, or share it directly on social channels. A button on every page plus the full widget on a dedicated bookings page covers most restaurants well.
- 3
Customise the look and the fields
Upload your logo, pick your colours or enter colour codes, and choose which customer details and marketing fields you collect and whether each is required. Keep required fields minimal — every extra mandatory box loses bookings, and you can ask for the rest when they arrive.
- 4
Paste it into your site
Add an embed or HTML block to your page and paste the ResDiary code. On Adviita, ask the AI editor to add a booking button with your ResDiary link, or an embed block for the full widget. Both work on any platform that allows embeds.
- 5
Drive bookings to your own site deliberately
ResDiary takes no commission on bookings from your website, social media or Google. That makes your own booking widget materially more profitable than a marketplace booking for the same cover. Put the link everywhere you control and treat marketplaces as overflow.
Tips & best practices
- ▸Commission-free direct bookings are the point — put the widget everywhere you own.
- ▸Minimise required fields; each one costs you completed bookings.
- ▸A standalone widget URL is perfect for Instagram bios and Google Business Profile.
- ▸Build a custom widget rather than accepting the default styling.
Common questions
How do I embed the ResDiary booking widget?
+−
Click Promote, then Widget configurator, then the Embed Code icon for your widget. Paste the code into an embed or HTML block on your website. You can also use the widget as a standalone URL or attach it to a booking button.
Does ResDiary charge commission on website bookings?
+−
No — ResDiary charges no commission on bookings coming from your own website, social media, Google or other direct channels. That's the main reason to prioritise your own widget over marketplace listings.
Can I customise the ResDiary widget?
+−
Yes. Upload your logo, set your colours by picker or colour code, and choose which customer and marketing fields to collect and whether each is required.
Can I use ResDiary without embedding it?
+−
Yes. The widget works as a standalone URL you can put behind a button, share on social media, or add to your Google Business Profile — no embedding required.