> For the complete documentation index, see [llms.txt](https://sinas-organization-2.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sinas-organization-2.gitbook.io/docs/add-nuway-chatbot-to-your-website/widget-installation.md).

# 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="/files/BOPBxYAblK8oi5AxNsqA" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/SBFNFQSnHxE63hmoV46L" 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="/files/cJJMSWTnrgbOFrHpnvgu" 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="/files/SsR7Fbvt4AYzHEmqUrw3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/o96158mHivEffymqxqeX" 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.