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.

  1. Sign in to your Bookedin account or create a new one here
  2. Go to Settings > Integrate in the top menu
  3. Under Website Booking Calendar you'll see some options.
    appointment_scheduling_booking_calendar_widget_for_websites.png
  4. First choose a font: Arial, Veranda, Tahoma, Georgia, Times
  5. Now choose a theme: White, Black, Brown, Blue, Green, Red, Custom
  6. If you picked the Custom theme, Choose a Background: Light, Dark
  7. If you picked the Custom theme: choose a custom Bar Color using the color-picker or by entering a HEX value.
    appointment_scheduling_custom_color_calendar_widget_for_websites.png
  8. 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:    bookedin_embed_code_for_head_tag.pngbookedin_embed_code_for_body.png
  9. 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.
  10. If you are updating your website yourself, open up your website editor. 
  11. In edit mode, find the HTML editing view
  12. 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 
  13. Save the changes, and your online booking calendar will now appear on your site!

Comments