# Widget Installation

## Nuway Installation Guide

Follow these steps to integrate our chatbot seamlessly into your website. Whether you're using HTML or frameworks like React.js and Next.js, we've got you covered! 

### Step 1: Log in to Your Dashboard

Visit the Nuway Dashboard at [https://app.nuway.co](https://app.nuway.co/#/login) to obtain the unique script for embedding the chatbot widget on your site.

### Step 2: Find and Copy the Code

In the "Settings" section of the dashboard, click the "Use Script" button to copy the script to your clipboard.

<figure><img src="https://1506612274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKH3zmQLVAt1uG1l3yMhy%2Fuploads%2FuZzao2VPfuVpkbGZUKaf%2FScreenshot%202024-03-09%20231849.png?alt=media&#x26;token=861bac4f-e5a3-48a1-a059-5eedcc2400eb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1506612274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKH3zmQLVAt1uG1l3yMhy%2Fuploads%2Fcpqd2OS9WCVFF5hrqnzu%2FScreenshot%202024-03-09%20232358.png?alt=media&#x26;token=4dfc9332-0f2e-4bc1-954f-62b0c79abe1b" alt=""><figcaption></figcaption></figure>

### Step 3: Locate the Suitable File for Your Website

* **For General HTML Websites :** Insert the code prior to the closing tag in your main HTML file.
* **React.js :** Embed the script within the public/index.html file, positioned just before the closing tag.
* **Next.js :** Generate a \_document.js file inside your pages folder, and integrate the script before the closing tag.&#x20;
* **Other Websites :** Identify the file responsible for rendering HTML, and incorporate the script before the closing tag

### Step 4: Integrate the Code

Insert the copied code in the designated location based on your website type, following the instructions provided in Step 3.

<figure><img src="https://1506612274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKH3zmQLVAt1uG1l3yMhy%2Fuploads%2FBpvOXjiMBO4TeaiLPcE1%2Fimage_2024-05-26_231035323.png?alt=media&#x26;token=24c805c8-099f-4fba-9fd2-27bc54b2e66e" alt=""><figcaption></figcaption></figure>

### Step 5: Confirm the Installation

Save your modifications, and refresh your website to verify that the Nuway widget displays correctly.

<figure><img src="https://1506612274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKH3zmQLVAt1uG1l3yMhy%2Fuploads%2FYQBgCrfG5QhIRaVvX5Z6%2FScreenshot%202024-05-26%20231220.png?alt=media&#x26;token=1ba52bfe-f506-4723-9128-6961f73196ba" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1506612274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKH3zmQLVAt1uG1l3yMhy%2Fuploads%2FUe8OwwQQis6DZe4F8jLQ%2Fimage_2024-05-26_231507574.png?alt=media&#x26;token=7ae20090-ae28-4e87-b328-d7d037d155ea" alt=""><figcaption></figcaption></figure>

### Fully Prepared

Congratulations! Nuway has been successfully integrated into your website, poised to deliver a delightful experience to your visitors 24/7.