> ## Documentation Index
> Fetch the complete documentation index at: https://docs.neuraltalk.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 🔌 Plugin & Deploy

> Complete guide to Install your chatbot as a widget popup, iframe embed, or integrate with popular platforms.

🎥 Refer to the setup video for a step-by-step visual guide:

<div
  style={{
position: "relative",
paddingBottom: "56.25%", // 16:9 aspect ratio
height: 0,
marginTop: "16px",
borderRadius: "14px",
overflow: "hidden",
}}
>
  <iframe
    src="https://www.youtube.com/embed/Ks5K2HdrSAo?si=Otce41NZ9hpZTdF9"
    title="Plugin & Design"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowFullScreen
    style={{
  position: "absolute",
  top: 0,
  left: 0,
  width: "100%",
  height: "100%",
  borderRadius: "14px",
}}
  />
</div>

## Overview

The **Plugin & Design** feature allows you to install and customize your chatbot on your website or platform. You can integrate it as a popup widget, iframe, or use platform-specific instructions for Webflow, Wix, Framer, WordPress, and Shopify. This guide explains installation, embedding, and design best practices.

## Accessing Plugin & Design settings

<Steps>
  <Step title="Open the Dashboard">
    * Log in to your NeuralTalk AI dashboard
    * Select the chatbot you want to connect
    * Navigate to **Addons and Design** from the main menu
    * Click on **Plugin & Design**
  </Step>

  <Step title="Choose Installation Method">
    * Select between **Popup Widget** or **Iframe Embed**
    * Follow platform-specific instructions if needed
  </Step>
</Steps>

<img src="https://mintcdn.com/neuraltalk/AQvs9ZJbqv8QqisP/images/pluginanddeploy.png?fit=max&auto=format&n=AQvs9ZJbqv8QqisP&q=85&s=bd5652a471f34873f4d4c353063e1da9" alt="plugin and deploy Dashboard" width="1287" height="817" data-path="images/pluginanddeploy.png" />

## Install Chatbot

<Steps>
  <Step title="Add Popup Code Snippet">
    * Copy the following code snippet
    * Paste it inside your website's `<head>` section

    ```html theme={null}
    <script
      src="https://api.neuraltalk.ai/script/neuraltalk.js"
      neuraltalk-chatbot-id="69242735b2e88ce1ee8c8182"
      defer
    ></script>
    ```
  </Step>

  <Step title="Test Installation">
    * Open your website in a browser
    * The chatbot popup should appear and be interactive
  </Step>
</Steps>

## Platform Integrations

The following platform integrations are available:

* **Webflow**
* **Wix**
* **Framer**
* **WordPress**
* **Shopify**
* **HubSpot**
* **Zendesk**

Each integration can be connected independently based on your business needs.

## Best Practices

* Ensure the chatbot is visible but non-intrusive
* Test on desktop and mobile for responsiveness
* Match chatbot theme and colors to your website design
* Follow platform-specific steps for optimal integration
