Chatbot Installation Guide

Install the nuhello chatbot widget on your website to engage visitors, capture leads, and provide instant support.

Quick Start

1. Go to your chatbot's Connect → Install page in nuhello
2. Copy the installation script
3. Paste it before the closing </head> tag on your website
4. That's it! The chatbot widget will appear on your site

Installation Script

<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>

Replace YOUR_PIXEL_KEY and YOUR_BOT_ID with your actual values from the nuhello dashboard.

Platform-Specific Guides

Choose your platform for detailed installation instructions:

Advanced Options

Programmatically Open the Widget

You can open the chat widget from any button or link:

window.openNuhelloWidget();

Example:

<button onclick="window.openNuhelloWidget()">Chat with us</button>

Iframe Embed

For embedding the chatbot inline (not as a floating widget):

<iframe
  src="https://embed.nuhello.com?botId=YOUR_BOT_ID"
  width="100%"
  height="600"
  frameborder="0"
></iframe>

Identifying Logged-in Users

If your website has user authentication, you can pass user data to nuhello:

<script
  data-custom-parameters='{
    "userId": "USER_ID",
    "name": "USER_NAME",
    "email": "USER_EMAIL"
  }'
>
  window.nuhelloSettings = {
    key: "YOUR_PIXEL_KEY",
    botId: "YOUR_BOT_ID"
  };
  // ... rest of the script
</script>

Troubleshooting

Widget not appearing?

1. Check the console - Open browser DevTools (F12) and look for errors
2. Verify the script - Ensure the script is placed before </head>
3. Check your domain - Make sure your domain matches the one configured in nuhello
4. Clear cache - Clear your browser cache and any CDN/caching plugins

Need help?

Contact us at support@nuhello.com or use the chat widget on nuhello.com