Embed Online Bookings into Wix

Follow

If you'd like to embed your Simple Salon Online Booking mini-site into Wix, but you're not sure how to complete the process, we've got you covered.

First, you'll need to copy your Simple Salon Online Booking Embed Code. Your embed code is located via Online > Admin > General Settings. Click the Copy Embed Code button.



Once you've copied the code, you will need to login to Wix, then locate your My Sites section. Alternatively, log into Wix and go to the following link: https://www.wix.com/account/sites

Embedding code in Wix

Once you've reached your sites, hover over or click on your website and select Select & Edit Site.




Now we need to add a Bookings page to your Wix site.

(NOTE: If you have already have a 'Bookings' page and are ready to update the code, go to the next section titled 'Adding code to Bookings page')

Creating a Bookings page

To add a Bookings page, click on the pages icon and click Add Page.


When the new page loads, enter its name and then click the Done button to save the update.



Adding code to the Bookings page

Click your Bookings page to select it. The Bookings page will be loaded in the background.



Once the Bookings page has been selected, click the + option in the left menu to add to the page.



When the menu options display, select More at the bottom of the menu which will load the following below. Click the HTML Iframe option and drag it so it's on the page.



Once you drag the iframe onto the page, or the iframe has loaded onto the page, your page will look similar to the page below. Click the Enter Code button to begin adding the iframe code from Simple Salon.

​​

In the menu, which appears in the Add your code here (HTTPS only) box, paste your Simple Salon Online Booking Embed Code into the box and click Update.

(NOTE: If you haven't already, you need to copy your Online Booking Embed Code from your Simple Salon account via Online > Admin > General Settings).



(NOTE: If you want to make your online booking form fill the full size of the page, you can change your 'Width' and 'Height' to '100%' as you can see in the above screenshot).

Great! You've now successfully embed your mini-site into Wix. When you're happy with how your page looks click Publish.

IFRAME_WIX_PUBLISH.png

If you have any questions, feel free to send them to us via your Help & Support page by clicking Submit a Request.

Have more questions? Submit a request
Powered by Zendesk