Skip to main content

Add Live Chat To Website

This article will guide you through the process of deploying a web agent as Live Chat and integrating it into your website. Integration is straightforward and involves copying a code snippet and pasting it into the head section of your website.

Steps to Access Deployment Settings​

  1. Log in to Your NGage 360 Account

    • Visit the NGage 360 website and log in with your credentials.

  2. Navigate to Your Project

    • From the dashboard, go to the Projects section and select the project you wish to manage.

  3. Click on the 'Settings' Button

    • On the project home page, locate and click the Settings button.

  4. Select the 'Deployment Options' Tab

    • Once you're on the Settings page, select the Deployment Options tab.

Enabling Web Platform Deployments​

For web deployments, after enabling the Web Platform option, you will see the different options for integrating the AI agent into your website:

  1. Live Chat Integration Script:
    • Below the enable/disable option, you will see a code snippet under a section titled 'Live Chat Settings'. This is the script you need to integrate the Live Chat agent into your website. Click on the 'Copy to Clipboard' button below the code snippet to copy the code to your clipboard.

Integrating the Chatbot into Your Website​

To integrate the chatbot into your website, follow these steps:

  1. Access Your Website's Code:

    • Open the HTML file of your website or the template file if you are using a CMS (Content Management System).

  2. Paste the Code Snippet:

    • Locate the <head> section of your website's HTML code.
    • Paste the copied code snippet into the <head> section. This ensures that the Live Chat script loads correctly when users visit your website.

  3. Save Changes:

    • Save the changes to your HTML file or template file.
    • Upload the updated file to your web server if necessary.

Verifying the Integration​

Once you have integrated the Live Chat script into your website, verify that it is functioning correctly:

  1. Visit Your Website:

    • Open your web browser and navigate to your website.
    • Ensure the Live Chat agent appears in the position you configured (bottom left or bottom right).

  2. Test the Agent:

    • Interact with the agent to confirm it responds as expected and that all functionalities are working correctly.

Conclusion​

Deploying and integrating your NGage 360 Live Chat agent into your website is a simple process that involves copying a code snippet and pasting it into the head section of your website's HTML.