In this article:
New Version⚓
Step 1
Choose "Add" from the left hand menu column then "More" and after that you'll choose "HTML".
Step 2
Copy the HTML found in the Client's Scheduling Page section, and paste into the "Enter Code" area and hit "Update".
Step 3
Then just resize and drag to where you'd like your scheduler to sit on your site and voila, you've embedded your Acuity scheduling page into your website! Don't forget to hit "Publish" to make your changes active on your website.
Old Version⚓
If you're finding your Wix editor is looking different then the layout above, that could be because you're using an older version of the Wix editor! Though the embed process may look different, it'll still follow the same basic steps. Screenshots below for the embed process with the newer editor.
Step 1
Choose "Add" from the left hand menu column then "Apps" and after that you'll choose "HTML".
Step 2
The HTML you'll want to copy and paste into this field can be found in your Client's Scheduling Page section.
Step 3
Then just resize and drag to where you'd like your scheduler to sit on your site and voila, you've embedded your Client Scheduler into your website! Don't forget to hit "Publish" to make your changes active on your website.
Embedding your Client's Scheduling Page is only available with paid accounts.
Wix ADI⚓
If you are using the Wix Artificial Design Intelligence instead of the editor, you will not be able to embed your scheduler until you switch to the editor. In that case, you'll see a message like the one below:
Debugging Schedulers Embedded on Mobile Wix Sites⚓
First Try This
If the frame holding your embedded Acuity scheduling page on your website is shorter than the Acuity scheduling page itself, some mobile devices, including certain iPhones, may experience glitches when booking.
To prevent this, go into the Wix mobile editor and drag the bottom of the embedded Acuity scheduler down until the entire scheduling page is visible. You’ll need to make sure that the bottom of the scheduling page is visible through all the steps of the booking process.
If that doesn't work, and you're still experiencing scrolling issues, try this:
Note: This solution only works with paid Wix sites. It relies on a tool not accessible with Wix's free plan.
- Go to "Settings" and choose "Tracking & Analytics".
- Then find New Tool at the top right. Choose "Custom"
- Paste the embed <script> tag into the code snippet box. The screenshot has the old URL, use this one instead: <script src="https://embed.acuityscheduling.com/js/embed.js" type="text/javascript">
- Then create an HTML iframe in the Wix editor.
. - Make sure when creating the iframe to select Website address and not Code.
- Then paste the Direct Scheduling Link as the embed URL. It should look something like this: https://app.acuityscheduling.com/schedule.php?owner=16693206
NOTE: Don't paste the code that begins with <iframe src="...". Just the URL starting with https://app.acuityscheduling.com.