If you’re a Showit website owner looking to streamline your client booking process, integrating an Acuity Scheduling calendar can be a game-changer. In this guide, we’ll walk you through the process of adding an Acuity calendar to your Showit site, ensuring a seamless experience for both you and your clients.

Why Integrate Acuity Scheduling with Showit?

Acuity Scheduling offers a robust platform for managing appointments, allowing clients to book services directly from your website. By embedding Acuity into your Showit site, you can:

• Enhance User Experience: Clients can schedule appointments without leaving your site.
• Automate Scheduling: Reduce back-and-forth emails by letting clients choose available time slots.
• Maintain Brand Consistency: Customize the scheduler to match your site’s aesthetics.

Step-by-Step Guide to Adding Acuity to Showit

1. Set Up Your Acuity Scheduling Account

Before integrating Acuity with Showit, ensure your Acuity account is properly configured:

• Define Availability: Set your working hours and appointment durations.
• Create Appointment Types: Specify the services you offer, their durations, and any associated costs.(Calendar)

Learn More: How to Add Purchased Template in Showit

2. Obtain the Embed Code from Acuity

To embed the scheduler:

1. After Log in to your Acuity account. Navigate to the “Scheduling Page” section.
2. Click on “Link” and select the appointment type you wish to embed.
3. Choose the “Embed Scheduler” option.
4. Copy the generated embed code.

3. Embed the Acuity Scheduler into Your Showit Site

Now, integrate the scheduler into your Showit website:

1. Log in to your Showit account and open the desired website design.
2. Select the page where you want to add the scheduler or create a new page (e.g., “Book a Call”).
3. Click on the “Elements” icon at the bottom center and choose “Embed Code.”
4. Paste the Acuity embed code into the provided field.
5. Adjust the size and position of the embed box as needed.
6. Set the canvas type to “Grow with Content” to ensure the scheduler displays correctly.

Read More: Animated Typewriter Text in Showit

Tips for a Seamless Integration

• Test the Scheduler: After embedding, preview the page to ensure the scheduler functions correctly.
• Mobile Responsiveness: Check the scheduler’s appearance on mobile devices and adjust the embed box size if necessary.
• Consistent Branding: Customize the scheduler’s colors and fonts to match your website’s design.

Acuity Scheduling Flodesk Integration

Integrating Acuity Scheduling with Flodesk helps automate your email marketing and appointment notifications. By connecting Flodesk to Acuity, you can:

• Automatically add clients to email sequences after booking.
• Send branded confirmation emails and reminders.
• Streamline communication without manual work.

How to Integrate:

1. Log in to your Acuity Scheduling account.
2. Navigate to Integrations → select Flodesk.
3. Authenticate your Flodesk account and map the fields for emails.
4. Test by creating a sample appointment to ensure subscribers are added correctly.

This integration is perfect for businesses looking to combine appointment scheduling with automated email campaigns.

Acuity Scheduling Embed

Embedding your Acuity Scheduling calendar directly into your Showit website improves the user experience by allowing clients to book appointments without leaving your site.

Steps to Embed:

1. In Acuity, go to your Scheduling Page → click Link → select Embed Scheduler.
2. Copy the generated embed code.
3. Open your Showit page → click Elements → Embed Code → paste the code.
4. Adjust the size and position of the embed box and set the canvas type to Grow with Content.

By embedding the scheduler, clients can easily view available slots, choose a service, and book instantly.

Acuity Embed

The Acuity Embed refers to placing the Acuity calendar on any website or landing page using the embed code. This method works across platforms like Showit, WordPress, and custom HTML sites.

Benefits of Using Acuity Embed:

• Seamless scheduling experience on your website.
• Consistent branding with your website’s style.
• Real-time updates for availability and appointments.

To add an Acuity Embed, simply copy the code from your Acuity account and paste it into the website’s embed section. Ensure it’s responsive on mobile for the best user experience.

Common Questions

Q: Can I embed multiple appointment types?

A: Yes, Acuity allows you to embed specific appointment types or the entire scheduler. Choose the option that best fits your needs.

Q: Will changes in Acuity reflect on my website automatically?

A: Absolutely. Any updates made in your Acuity account will automatically reflect on your embedded scheduler.

You May Like: Create Instagram Links Page in Showit

Conclusion

Integrating an Acuity calendar into your Showit website enhances the user experience by providing a seamless booking process. By following the steps outlined above, you can efficiently manage appointments and provide clients with an intuitive scheduling tool.