Wix provides customizable website templates and a drag-and-drop HTML5 website builder that includes apps, graphics, image galleries, fonts, vectors, animations and other options.
For more details, go to www.wix.com.

Here are the steps to follow when adding the CINNOX web Widget on your Wix site:

📘

Adding a Live Chat in WIX via the Custom Code required a premium plan in WIX with a connected domain.
To know more, please refer to the Wix Help Center.

Wix > LoginWix > Login

Wix > Login

  • Click Edit Site located at the upper right corner of the page. The Wix Website Editor will be displayed in a separate tab.
Wix Dashboard > Edit SiteWix Dashboard > Edit Site

Wix Dashboard > Edit Site

  • Click the plus icon :heavy-plus-sign: - Add to Site located in the left corner menu.
  • Find and select Embed.
  • From the Embed list, find and select </> Custom Code. The Settings pop-up window will be displayed to add a custom code.
Wix Website Editor > Add Site > Embed > Custom CodeWix Website Editor > Add Site > Embed > Custom Code

Wix Website Editor > Add Site > Embed > Custom Code

  • In the Settings > Custom Code age, under the Body - End, click Add Code.
Wix Settings > Custom CodeWix Settings > Custom Code

Wix Settings > Custom Code

  • Log in to your CINNOX Web Dashboard.
CINNOX > LoginCINNOX > Login

CINNOX > Login

  • Navigate to Administration > Widget > Installation. From the Widget Installation > Web Widget, click on Copy.
CINNOX Admin > Widget > InstallationCINNOX Admin > Widget > Installation

CINNOX Admin > Widget > Installation

  • Back on your Wix Website Editor > Settings > Custom Code, paste your CINNOX Widget code in the code snippet box.

  • You can change your Custom code's name from "Custom" into another name, but it is optional.

Wix Settings > Custom CodeWix Settings > Custom Code

Wix Settings > Custom Code

  • Under the Add Code to Pages section, All pages select Load code on each new page in the drop-down list.
Settings > Custom CodeSettings > Custom Code

Settings > Custom Code

  • Under the Place Code in, ensure that Body - end is selected.
Wix Settings > Custom CodeWix Settings > Custom Code

Wix Settings > Custom Code

📘

In the Code Type tab, ensure that Essential is selected.

  • Click Apply to save the changes and close the Settings page.
Wix Settings > Custom CodeWix Settings > Custom Code

Wix Settings > Custom Code

  • Back to your Wix Website Editor, if the Wix Chat is enabled and showing, right-click on it and select delete to remove it from the display.
Wix Website EditorWix Website Editor

Wix Website Editor

-Click Save located at the upper corner of the page. A pop-up window will display for the confirmation that your changes are saved.

Wix Website EditorWix Website Editor

Wix Website Editor

  • Click Publish Now. A confirmation that your site is published and live online will be displayed.
Wix Website EditorWix Website Editor

Wix Website Editor

  • Click View Site. The CINNOX Widget should appear at the bottom right corner.
Publish Wix Site with CINNOX WidgetPublish Wix Site with CINNOX Widget

Publish Wix Site with CINNOX Widget

📘

Notice

Embedding CINNOX widget code as an HTML iFrame won't work in the Wix site. It is most suitable to use the custom code to make the CINNOX live chat and web call work.


Did this page help you?