WIX Booking Calendar
Easily embed an online booking calendar into your WIX website. This lets clients book appointments and pay their up front payment directly within your site.
- Log in to your Bookedin account.
- Go to Settings > Integrate in the top menu.
- Under Website booking calendar, you'll see a website booking calendar preview.
- First, choose a Font: Proxima Nova, Arial, Verdana, Tahoma, Georgia, Times
- Now choose a Theme: Match Device, Light, Dark
- Then select the Accent Color from the predefined color selection (If you select the Custom color picker, you can either click on the color pad or use the custom bar color or enter a HEX value), then click Choose.
- When you're happy with your settings, hit Get Code. You'll see 2 separate boxes with code. Follow the instructions to paste each piece of code into your website:
- In a separate browser window, sign in to your WIX account
- Navigate to the page where you'd like to embed your website booking calendar. Click Add in the left-side menu then Embed > Embed a Site. Drag this box onto your webpage.
-
Drag the HTML box to the area where you'd like your website booking calendar to appear. You can re-size it if you like too.
- In the HTML box you just created, hit the enter code option, paste BOTH pieces of code that you copied from Bookedin, one after another. Then hit the update button.
- Now expand the website booking calendar height. Hit preview to review what it looks like on a desktop or mobile. When you're happy with it, just hit Publish and that's it! Your new booking website booking calendar is now live on your WIX site.
Comments