Installing an online booking at CMS WIX

Free WIX rate

For a free rate, the WIX constructor has limitations, and it is impossible to embed the YCLIENTS online booking widget to open it in the standard display. One of the most relevant options is to install the online booking widget via <iframe>.

Step-type instruction

1. Open the WIX editor and go to the Store section. Click Embed website.

2. An area for creating a website will open.

3. To set a link to an online booking widget in this block, click on it and you will see Enter the site address button. Click on this button. 

4. Install the link to the YCLIENTS widget and click the Update button.

5. Save the website in the design view and publish it.

WIX paid rate

To installing an online booking to a WIX customized button, your own domain must be connected to the site. 

Installing an online booking on WIX (YCLIENTS button)

1. Open the site editing mode. In the top menu, select Settings - Analytics Codes.

2. Press the “+ new tool” button, select “New code” in the drop-down menu.

3. In the field for inserting the code snippet, paste the standard button code taken in the Online booking - Website - Online booking widget - Button Code tab. In “Where to place the code?” specify “Body - end”. Click the “Add” button.

4. Click Save and publish a website.

Installing an online booking to a WIX customized button

1. Add a button in the design view that will be a button for online booking.

2. In the link settings, specify “Where does this item lead” - “Web address” - Enter a link to your online booking form in the format https://nXXXXXX.yclients.com

You can find the link in the “Online booking - Website”, to the right of the name of the online booking form.

3. Save and publish the site.

4. Open the site editing mode. In the top menu, select Settings - Analytics Codes. Click the “+ new tool” button, select “New code” in the drop-down menu.

5. In the field to insert the code, paste the following code: 

<script async src="https://wXXXXXX.yclients.com/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://nXXXXXX.yclients.com"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>

XXXXXX must be replaced with the identifier of your online booking form, you can find it in the link that was put on the button in the 2nd paragraph. 

For example, in the link https://n193246.yclients.com/, the identifier is the numbers 193246

Code example: 

<script async src="https://w193246.yclients.com/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://n193246.yclients.com"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>

In the paragraph "Where to place the code?" indicate "Body - end." Click the Add button. 

7. Save and publish the site.

 

 

 

 

 

 

 

 

Have more questions? Submit a request

Comments