Showit Booking Calendar Template


Showit Booking Calendar $49.00

Booking calendar for a Showit website

Do you want a simple way to book clients on your Showit website with or without having to use any 3rd party apps, plugins or embedded forms? Or maybe you just want something pretty? Then this calendar is for you! Coming soon will be a video on how to best use this calendar.


Calendar features:

-Full 2019 year from January to December (Each Calendar month has its own canvas)

-Each month has its own image

-Two pop up boxes – one pop up box saying the date is unable, another pop-up box with a booking form

-Ability to block out time slots

I have been working on this booking calendar for a little while. If you are familiar with Showit and how canvas views work then you may understand the limitations in creating any sort of booking form. Showit does not offer a way to select dates by auto-populating within the design app. So I had to think outside the box. Therefore this calendar may not be suited for everyone. So please be sure to read this post before making the decision on if this calendar will work for you.

What I have built is a full Calendar with each month designed as a canvas view. Within each view is all the calendar information including the days, dates, lines, background, boxes, everything.  That makes each day clickable! However, Each day can ONLY go to one of two canvas options and those are the following.

Unavailable Canvas  Popup


Booking Form Popup

You may choose which pop up you would like each day to be by simply click on each calendar day inside Showit to change the pop-up canvas- (click on the day, go to click actions, change canvas to; Not Available pop up or Booking from) Currently the 2nd of every month is set to the unavailable canvas and all other days are set to the booking canvas.

Another crutch is booking a select time by day due to the limitations of only being able to use one canvas view for a booking form. Showit ONLY supports one contact form per canvas. So the workaround I have created is to block out time slots to make it feel like a real booking calendar. Of course, you can always remove them or replace the existing form with an embedded form. I tried this with using a dubsado calendar and it was amazing! You can see what it looks like here 

To block out time slots go to the Booking Form canvas and on the left side under the appointment folder, click on the Mobil or desktop icons next to each time blackout; (example click on the desktop icon 8:00 am blackout) this will put a line through 8:00 am time on the desktop.)

Drag each calendar Month canvas to the bottom to showcase the latest month first.


Preview this calendar here

Or to use it with a embded form Preview here

Click on the 2nd day of each month to see the appointment, not available pop-up.

I hope that this design will give the sense of a way for potential clients to book- at least this is a way to get the ball rolling and make you stand out!

You can purchase this calendar for $49.00 here

March 16, 2019




Leave a Reply

Your email address will not be published. Required fields are marked *

Need A showit Template?


Fun yet unique jam-packed website template with all the bells and whistles you need to grow your brand to your level of success. 

The Lyon Showit Template


Visually on-point design to give your audience the story with images right off the bat with a menu that tells a thousand words with photos.  

Paper Jane Showit Template


Editorial high-end boho vibe here, with the Mahara template. Strikingly different on all levels with just the perfect mix of images and text to sell yourself.  

Mahara Showit Template 

$160- $480


$160 - $480

snag the template

Is Showit for you? Give it a try for yourself. Download the template Roxann built to convert with many calls to action! Plus, a podcast and shop page. 

Grab this Website Template

try Showit free

view the demo

Start Here


Follow Us

Start Here

Are you a Designer?

Latest Projects

Looking for...

View our most recent launches...

For Designers Click Here

Custom Design Click Here

Get Showit Support Click Here

for you

Feeling the #brandshame?

Give your brand the luxury treatment with our Brand Makeover Guide. You'll be kicking that brand shame to the curb in no time!

free branding kits

close menu

Free Gift

The details

Do you want to learn how to develop Showit websites, create  your own brand and how to work with clients? Then, check out the Gorgeous Designers course and mentoring program! 

The Gorgeous Designer Academy 

Grab a template

The Lyon

Try Showit

Sign Up for the Latest 

Updates to the blog and get notified when new posts are published