WordPress Booking Calendar
You can easily embed an online booking calendar into your WordPress website. Clients can then book appointments and pay an up-front payment directly within your site.
- Sign in to your WordPress Admin panel
- Go to Pages > All Pages in the left menu or choose Add New. Click to edit the page where you'd like to place your booking calendar.
- You should now see the edit screen. If you created a new page, give it a title.
- In a new browser window, log in to your Bookedin account. Go to Settings > Integrate in the top menu. Under the Website booking calendar, you'll see a preview with some options.
- First, choose a font: Proxima Nova, Arial, Verdana, Tahoma, Georgia, Times
- Now choose a theme: Match Device, Light, Dark
- If you picked the Custom theme, choose a custom Bar Color using the color-picker or by entering 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:
Now switch back to your WordPress Admin window. In the page editor, choose the Text editing view, then paste the code that you copied from Bookedin, then hit preview.
- Preview your booking calendar. Looking great! Now go back to your WordPress admin window, and hit Publish.
- Ta-da! Your fancy new booking button is live. Check it out on your site to make sure it is functioning properly. Here is a sample of what it looks like on a basic WordPress template. The calendar is fully responsive, so will look great on desktop computers, or any mobile device.
- Bonus step: Paste the booking website booking calendar code into a blog post or page! You can paste the button code anywhere on your WordPress site, but please note, the website booking calendar's design will only appear properly once published.
Comments