WIX Website Booking Button

If you have a WIX site, you can easily add a Bookedin button to help you get more appointments and online bookings. (Click here for how to embed your full calendar)

  1. Log in to your Bookedin account
  2. Go to Settings > Integrate (top menu)
  3. Under Bookedin Button you'll see some options.
    online_appointment_booking_button_for_your_website.png
  4. Choose a button size: Standard or Small
  5. Choose a button color: Blue, Green, Red, or Custom
    If you choose custom: use the color-picker or enter a HEX value
    choose_a_custom_color_for_your_online_appointment_booking_button.png
  6. When you're happy with your button, hit Get Code. You'll see 2 separate boxes with code. Follow the below instructions to paste each separate piece of code into your website.  
    bookedin_appointment_booking_button_code_widget_for_wordpress_button.png
  7. In a separate browser window, sign in to your WIX account. For WIX you will place BOTH parts of the Bookedin code into the same place.
  8. Go to the WIX site editor. Click Add in the left-side menu then Embed > Embed a Site. Drag this box onto your webpage.
    WIX_appointmetn_booking_widget_for_bookedin.png

  9. Now under "What do you want to add?" choose Code then paste in both strings of code from Bookedin, one after another. Then hit Update.
    wix_booking_button_code_embed_from_bookedin.png
  10. Click & drag the button to the area you'd like it to appear, hit Publish and that's it! Your new booking button is now live on your WIX site.

 

Comments