Acuity Scheduling

Acuity Scheduling is an online appointment booking platform that provides hosted scheduling pages and booking components for customer appointments.

Key features include:

Public scheduling pages
Multiple appointment types and calendars
Configurable availability rules
Booking buttons and embedded schedulers
Optional payments and automated notifications

Acuity Scheduling integrates with ShopWired by using and links to display booking components and allow customers to book appointments on a ShopWired website.

Account creation

Create an account at Acuity Scheduling.Once you have created and configured your account, Acuity Scheduling will provide you with an embed code.

Theme installation

To add the Acuity Scheduling booking bar to appear across all pages of your website, you will be provided with an embed code, similar to the example below:

<script src="https://embed.acuityscheduling.com/js/booking-bar.js"
        data-owner="YOUR_OWNER_ID"
        async></script>

The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.

Add this code your your ShopWired theme:

Navigate to Website > Themes.
Select the code editor option for the required theme.
Open the master.twig file.
Paste the booking bar code immediately before the closing </head> tag.
Save changes.

Add a booking button to a page

This feature adds a booking button to a specific page on your website. You will be provided with an embed code, similar to the example shown below:

<a href="https://app.acuityscheduling.com/schedule.php?owner=YOUR_OWNER_ID&ref=booking_button"
   target="_blank"
   class="acuity-embed-button">
  Schedule appointment
</a>
<link rel="stylesheet"
      href="https://embed.acuityscheduling.com/embed/button/YOUR_OWNER_ID.css" />
<script src="https://embed.acuityscheduling.com/embed/button/YOUR_OWNER_ID.js"
        async></script>

The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.

To add the booking button to a page in ShopWired:

Navigate to Website > Themes.
Select customise your theme for the required theme.
Select add a new section.
Select the custom HTML section type.
Paste the booking button code into the Custom HTML setting.
Save changes.

Embed the scheduler on a page

This feature embeds the full Acuity Scheduling calendar directly into a specific page. You will be provided with an embed code, similar to the example show below:

<iframe src="https://app.acuityscheduling.com/schedule.php?owner=YOUR_OWNER_ID&ref=embedded_csp"
        width="100%"
        height="800"
        frameborder="0"
        allow="payment"></iframe>
<script src="https://embed.acuityscheduling.com/js/embed.js"
        type="text/javascript"></script>

The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.

To add the embedded scheduler to a page in ShopWired:

Navigate to Website > Themes.
Select customise your theme for the required theme.
Select add a new section.
Select the custom HTML section type.
Paste the embed code into the Custom HTML setting.
Save changes.

Recommendations

Avoid embedding multiple schedulers on the same page
Test booking behaviour on desktop and mobile devices

Acuity Scheduling

Account creation

Theme installation

Add a booking button to a page

Embed the scheduler on a page

Recommendations

Menu