Website booking calendar

Easily embed an online booking calendar into any website. This lets your clients and customers book appointments and pay an up-front payment directly on your site.

  • Sign in to your Bookedin account or create a new one here
  • Go to Settings > Integrate in the top menu
  • Under Website Booking Calendar you'll see some options.
    Website Booking Calendar1.png
  • 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.Website Booking Calendar2.png
  • 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:    

            Website Booking Calendar3.png 

            Website Booking Calendar4.png

  • If you have someone else updating your site for you, just email them the code, and they can add it to your website for you.
  • If you are updating your website yourself, open up your website editor. 
  • In edit mode, find the HTML editing view
  • Paste in the code you copied from Bookedin.
    IMPORTANT: The calendar may not appear in edit view, to see how it looks, hit preview or publish 
  • Save the changes, and your online booking calendar will now appear on your site!

Comments