Wix

In this article:

New Version

Step 1

Choose "Add" from the left hand menu column then "More" and after that you'll choose "HTML".

Image title

Image title

Step 2

Copy the HTML found in the Client's Scheduling Page section, and paste into the "Enter Code" area and hit "Update".  

Image title

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.  

Image title

Image title


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. If you'd like Acuity to embed your scheduling page into a personal website, we're here to help! Head to the Client's Scheduling Page section and select "Embed the Scheduler for Me" to request the scheduler embed.


Debugging Schedulers Embedded on Mobile Wix Sites

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.

_f52dcb25dab669f9207b7bd97487b1a0__Image_2018-10-30_at_13.13.33.png

Have more questions? Submit a request