WordPress Booking Button

If you have a WordPress website, you can easily add an appointment booking button to help you get more clients in the door. (Click here to learn how to embed your full calendar)

  1. Log in to your WordPress Admin panel
  2. Go to Appearance > Widgets

  3. Find the Text widget, then click and drag it into the widget area where you would like your booking button to appear.

  4. Now in a new browser window, log in to your Bookedin account 
  5. Go to Settings > Integrate (top menu)
  6. Under Website Button you'll see some options.
    online_appointment_booking_button_for_your_website.png
  7. Choose a button size: Standard or Small
  8. 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
  9. When you're happy with the look of your button, hit Get Code. Then you'll see 2 separate boxes with code. Follow the instructions to paste each piece of code into your website.  
    website_appointment_booking_button_html_code.png

  10. Now switch back to your WordPress Admin window. In the text widget you just created, paste both pieces of code that you copied from Bookedin. Type in a title for the widget (ex. Book Online), then hit save
    bookedin_appointment_booking_button_code_widget_for_wordpress.png

  11. Ta-da! Your fancy new booking button is live. Check it out on your site to make sure it is functioning properly.

  12. Bonus step: Paste the button code into a blog post or page! You can paste the button code anywhere on your WordPress site, but please note, the button design will only appear properly once published. 
    Edit view:

    Published view:  

Comments