Skip to main content

Installation guide for Wix

Installation guide for Wix.

Dmytro Kondratiuk avatar
Written by Dmytro Kondratiuk
Updated over 2 months ago

πŸ“Make sure that your Wix site is published and has a connected domain.

After creating and setting up your Assistant, you can either follow our instructions in the "Guide for Wix" found under the "Customization" tab of your AI Assistant settings, or you can watch this video:

Also, you can follow these steps to add a Chat snippet to your Wix site:

How to Add Chat Bubble to Wix

Step 1: Copy Code Snippet for the Chat Bubble

  • Click on your Assistant to open its settings

  • Go to the "Customization" tab

  • Open the "Installation" tab

  • Select "Bubble chat" and click "Copy code" to copy your Assistant's chat code snippet.

πŸ“ A snippet is a JavaScript <script> element that will load and display the chat bubble on your website.
​

Step 2: Access your Wix Dashboard

Step 3: Paste the Copied Chat Code Snippet to Your Website

  • When managing your website design on Wix, select the "Add Elements" (plus icon) option from the tools.

  • In the "Embed Code" option, locate "Marketing Tools" in the ADVANCED section and click "Custom code".

  • Click "+ Add custom code".

  • Paste the copied chat code snippet to the text box and name it.

πŸ“At this step, you can select to show your chat on all pages and choose its location on the website.

Step 4: Save Changes

  • Click Apply to save the chat code snippet.

Step 5: Check Your Website

  • Check your website or page to ensure the chat snippet displays correctly. Double-check the code for errors and ensure it is placed correctly. If there are any issues, ensure it is placed in the correct location defined in Step 3, or contact us for support.

How to Add Embedded Chat to Wix

Step 1: Copy Code Snippet for the Embedded Chat

  • Click on your Assistant to open its settings

  • Go to the "Customization" tab

  • Open the "Installation" tab

  • Select "Embedded chat" and click "Copy code" to copy your Assistant's chat code snippet.

πŸ“ A snippet is a JavaScript <script> element that will load and display the chat bubble on your website.

Step 2: Access your Wix Dashboard

Step 3: Paste the Copied Chat Code Snippet to Your Website

  • When managing your website design on Wix, select the "Add Elements" (plus icon) option from the tools.

  • In the "Embed Code" option, locate "Popular Embeds" in the CUSTOM section and click "Embed HTML".

  • Click the "+ Add to Site" button.

  • Paste the copied embedded chat code and click Update button.

  • Drag and drop a block to place it on the page.

πŸ“At this step, you can show your chat on all pages and choose its location on the website.

Step 4: Save Changes

  • Click Apply to save the chat code snippet.

Step 5: Check Your Website

  • Check your website or page to ensure the chat snippet displays correctly. Double-check the code for errors and ensure it is placed correctly. If there are any issues, ensure it is placed in the correct location defined in Step 3, or contact us for support.

These steps will help ensure your chat feature is correctly installed on your Wix site.

If you have any questions, don't hesitate to get in touch with our Support team via our live chat or email.

Did this answer your question?