Meet Prosecco 

Shop our all-new, standalone set of Canva social + email templates โ€” built to help your customers fall more in love with you.

Shop the drop

Join 35k+ Others Who Love Our  Newsletter

Sign Me Up

Navigate

company

customer service

Shop categories

Find  Your Website Template Match!

Take the Quiz

Join 40k+ Subscribers Who Apparently Love Our Weird Marketing Newsletter

Need help choosing the right template for you? 
Take our quiz to find your match!

Acuity

How to add Acuity Booking Calendar to Showit

Acuity is an online scheduling app that allows customers to book a call with you directly from your website. It is easy to use and integrates seamlessly with Showit.

YouTube video

Jump to

Step 1: Set Up Your Calender in Acuity

Log in to Acuity and click on โ€œAvailability.โ€ Set your โ€œGlobal Scheduling Limitsโ€ to establish (or adjust) your start time intervals. Once complete, click โ€œSave Changes.โ€

Acuity start time intervals setup

Next, set up your Acuity calendar by choosing the hours you want to accept bookings from clients.

acuity setting availability times on your calendar

Once complete, create your โ€œAppointment Typesโ€ by adding a name, duration of the meeting, and a price if you choose to do so. Then click โ€œCreate Appointment Typeโ€ to save this appointment type.

creating acuity appointment types

Step 2: Add your Acuity Calendar to Your Showit Website

Next, to add your Acuity calendar to your Showit website, select โ€œScheduling Page Linkโ€ from your โ€œClient Schedulerโ€ page in Acuity.

If you have multiple appointment types, select the one you want to embed within your website. Then toggle to โ€œEmbed Other.โ€ Select โ€œCopyโ€ on the embed code.

Copy your Acuity embed code in order to add it to Showit

Next, log in to your Showit account and open up your website design. Select the page you want to add your Acuity booking calendar to or create a new โ€œBook a Callโ€ page by duplicating a page on your Showit website. Using a simple page like the contact page is a great idea. Rename the new page, โ€œBook a Call.โ€

Next, click on the โ€œElementsโ€ icon at the bottom center of the app, then click on โ€œEmbed Code.โ€ Position the embed code box on your page and resize it accordingly. You can always adjust the size of the embed code box after adding your code.

Add embed code box to your Showit website template. Add your Acuity code to Showit.

Next, double-click on the embed code box and paste your Acuity calendar code, then click โ€œSave.โ€ The Acuity calendar will populate into the embed code box within Showit.

Finally, set the โ€œCanvas Typeโ€ within Showit to โ€œGrow with Contentโ€ so the full calendar will show on the page.

Acuity booking calendar on a Showit website template

Conclusion

Adding your scheduling calendar to your Showit website is simple when you use Acuity. Showit allows you to integrate your Acuity calendar directly into your website to serve as a hub for your businessโ€”complete with your calendar so clients / customers can book calls and appointments with you directly. Using Acuity and Showit makes sense for business owners ready to book more calls through their website!

Integrations >

Acuity

โ€œIF THERE WAS A PULITZER for INSTAGRAM.โ€

Your Cart

Your cart is empty

Shop Now
Tonic Site Shop

Get 15% Off
Your Order

Sign up to unlock your discount code.

By signing up, you agree to receive marketing emails. View our Privacy Policy.

Almost There!

Enter your phone number to receive your 15% discount code.

Valid U.S numbers only. By entering your phone number, you agree to receive marketing texts. Msg & data rates may apply. Reply STOP to unsubscribe. View Terms & Privacy Policy.

Skip this step

Here’s your
discount code!

Expires in 15 days ยท Single use only
Valid on full-priced items only.