Add Chatbot to Your Wix Website

Option 1: Adding a Chat Bubble

Watch this Video to add Chat bubble to your wix website.

OR

Follow the steps below:
  1. Log in to your Wix account.
  2. Select the website where you want to add the chat bubble.
  3. Open the Wix Editor.
  4. Click on the Add button in the left-hand menu. Then select "Embed code".
    1. Select Embed code.
    2. Choose Marketing tools.
    3. Select Embed code.

Refer to the image below for visual guidance:

Step 4: Click on the 'Add' button and follow the sub-steps (a, b, c)

  1. Select Add Custom Code.
Step 1: Click on the 'Add' button

  1. Copy this Code. ChatBot ID can be found in General Settings of your Chatbot.

Click the 'Copy' button below to copy the code

<script
src="https://www.dialoggpt.io/embed-chatbot.js"
id="your-chatbot-id"
defer>
</script>


  1. Paste the Code into the section mentioned in the image below.
Step 8: Paste the copied code into the designated section

  1. Verify that the script has been successfully added.
Step 1: Click on the 'Add' button

  1. Finally, close the dashboard and publish the changes. You will now see the chat bubble on your website.

Here's how the ChatBubble will look on your website:

Final Output: ChatBubble on Your Website

Option 2: Add the Chat Window Anywhere on the Website

Watch this Video to add Chat Widow Anywhere in your Wix website.

OR

Follow the steps below:
  1. Log in to your Wix account.
  2. Select the website where you want to add the chat bubble.
  3. Open the Wix Editor.
  4. Click on the Add button in the left-hand menu. Then select "Embed code".
    1. Select Embed code.
    2. Choose Popular Embeds.
    3. Select Embed HTML.

Refer to the image below for visual guidance:

Step 4: Click on the 'Add' button and follow the sub-steps (a, b, c)

  1. Copy this Code. ChatBot ID can be found in General Settings of your Chatbot.

Click the 'Copy' button below to copy the code

<iframe
src="https://www.dialoggpt.io/iframe/your-chatbot-id"
width="100%"
style="height: 100%; min-height: 600px"
frameBorder="0">
</iframe>


  1. Paste the Code into the section mentioned in the image below. And Update!

Ensure there's enough space for the ChatBot:

Step 6: Paste the copied code into the designated section and update

  1. Finally, publish the changes. You will now see the chat window embedded in your website.

Here's how the ChatBot will appear on your website:

Final Output: ChatBot on Your Website