> 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/block-chat-installation.md).

# Block Chat Installation

Integrate the AI chatbot as a module and tailor it to your preferences.

## Embed a block chat interface on general websites.

Welcome to the Block Chat Interface installation guide! Embed our chatbot widget into your site as a sleek block and enjoy extensive customization options for height, width, shadow, shape, positioning, and more.

## Step 1: A**ccess Your Dashboard**

\
Visit the Nuway Dashboard [here](https://app.nuawy.co/) to find the unique script for embedding the chatbot on your site.

## Step 2: Locate and Copy the Code

To copy the code to your clipboard, simply click the "Add Chatbot" button in the "Chatbot" section of the dashboard. The code will appear similar to this:

```markup
<iframe
    style="width: 100%;  height: 100%;  border: none;  color-scheme: none;  margin: 0px;min-width: 750px;min-height: 730px;"
    id="nuway-embeded-iframe"
    src="https://app.nuway.co/chatbot-embeded/index.html"
></iframe>
<script>
    document.getElementById('nuway-embeded-iframe').onload = function () { var iframe = document.getElementById('nuway-embeded-iframe')iframe.contentWindow.postMessage({nuwayCompanyUrl: 'https://app.nuway.co',nuwayCompanyId: '4805008738484224',},'*')}
</script>
```

## Step 3: Verification Process

After making adjustments, save all modifications, and then proceed to your website. Confirm that the Block Chat Interface widget is appearing as intended and aligned with your tweaks.<br>

## 🎉 Hooray!

Congratulations! You've successfully integrated the Block Chat Interface and customized it to perfection. Now, your site visitors can enjoy an impeccable chat experience tailored precisely to your design preferences.