Wix Installation

Install the nuhello chatbot on your Wix website.

Method 1: Custom Code (Recommended)

Step 1: Access Site Settings

1. Log in to your Wix dashboard
2. Select your site
3. Click Settings in the left sidebar

Step 2: Add Custom Code

1. Scroll down and click Custom Code under "Advanced"
2. Click + Add Custom Code

Step 3: Configure the Code

1. Paste your code:

<script>
  window.nuhelloSettings = {
    key: "YOUR_PIXEL_KEY",
    botId: "YOUR_BOT_ID"
  };
  (function() {
    var s = document.createElement('script');
    s.src = 'https://cdn.nuhello.com/widget.js';
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

2. Name: nuhello Chatbot

3. Add Code to Pages: All pages

4. Place Code in: Head

5. Click Apply

Step 4: Publish

Click Publish to make the changes live.

Method 2: Wix Editor

If you prefer using the Wix Editor:

Step 1: Open the Editor

1. Go to your site's dashboard
2. Click Edit Site

Step 2: Add Embed Code

1. Click the + (Add) button in the left panel
2. Select Embed Code → Embed HTML
3. Drag the element to your page (you can hide it later)
4. Click Enter Code

Step 3: Paste the Code

<script>
  window.nuhelloSettings = {
    key: "YOUR_PIXEL_KEY",
    botId: "YOUR_BOT_ID"
  };
  (function() {
    var s = document.createElement('script');
    s.src = 'https://cdn.nuhello.com/widget.js';
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Step 4: Configure Display

1. Select the embed element
2. Click Settings
3. Enable Show on All Pages
4. Position it off-screen or make it very small (1x1 pixel)

Step 5: Publish

Click Publish to make changes live.

Method 3: Wix Velo (for Developers)

If you're using Wix Velo:

Step 1: Enable Developer Mode

1. In the Editor, click Dev Mode in the top bar
2. Click Turn on Dev Mode

Step 2: Add Code to masterPage.js

1. In the code panel, open masterPage.js
2. Add this code:

$w.onReady(function () {
  // Load nuhello
  window.nuhelloSettings = {
    key: "YOUR_PIXEL_KEY",
    botId: "YOUR_BOT_ID"
  };
 
  const script = document.createElement('script');
  script.src = 'https://cdn.nuhello.com/widget.js';
  script.async = true;
  document.head.appendChild(script);
});

Adding a Chat Button

Create a custom button that opens the chat:

1. Add a Button element to your page
2. In the button settings, add an onClick event
3. Add this code:

export function chatButton_click(event) {
  if (window.openNuhelloWidget) {
    window.openNuhelloWidget();
  }
}

Identifying Members

For Wix sites with Member Login:

import wixUsers from 'wix-users';
 
$w.onReady(async function () {
  let user = wixUsers.currentUser;
 
  let settings = {
    key: "YOUR_PIXEL_KEY",
    botId: "YOUR_BOT_ID"
  };
 
  if (user.loggedIn) {
    const userEmail = await user.getEmail();
    settings.userId = user.id;
    settings.email = userEmail;
  }
 
  window.nuhelloSettings = settings;
 
  const script = document.createElement('script');
  script.src = 'https://cdn.nuhello.com/widget.js';
  script.async = true;
  document.head.appendChild(script);
});

Troubleshooting

Widget not appearing?

1. Make sure you published your site after adding the code
2. Check if the code is set to load in the "Head" section
3. Clear your browser cache
4. Try viewing in incognito mode

Code not saving?

• Check if your Wix plan supports Custom Code (Premium feature)
• Try using the Embed HTML method instead

Script blocked?

Wix may block some external scripts. Ensure:

• The script URL uses HTTPS
• The code is properly formatted