Wix A Andrew Kelly

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. 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.

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.

If this is too technical for you, feel free to contact our support team.

• Go to "Settings" and choose "Tracking & Analytics".

• Then find New Tool at the top right. Choose "Custom"

• Paste the embed