> ## 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.

# 🛒 Deploy to Shopify

> Learn how to add your NeuralTalk AI chatbot to your Shopify store

Add your NeuralTalk AI chatbot to your Shopify store to provide instant customer support and boost sales.

🎥 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/iinDgUg4HKk?si=P1eyGe14obt4NBEa"
    title="Shopify Integration Video"
    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>

## Prerequisites

* A Shopify store (any plan)
* Your NeuralTalk AI assistant created and configured
* Access to your Shopify admin panel

## Step 1: Get Your Chatbot Code

1. Log in to your [NeuralTalk Dashboard](https://neuraltalk.ai)
2. Navigate to your AI assistant
3. Go to the **Website Integration** section
4. Copy the provided embed code

## Step 2: Add to Shopify Theme

### Method 1: Using Theme Editor (Recommended)

1. In your Shopify admin, go to **Online Store** > **Themes**
2. Click **Actions** > **Edit code** on your active theme
3. Open the `theme.liquid` file
4. Find the `</body>` tag
5. Paste your chatbot code just before the closing `</body>` tag
6. Save the file

### Method 2: Using Shopify Script Tag API

For advanced users, you can use the Shopify Script Tag API to add the chatbot programmatically.

## Step 3: Customize Appearance

1. Return to your NeuralTalk dashboard
2. Go to **Styling** settings
3. Customize colors, position, and behavior to match your store
4. Preview changes in real-time

## Step 4: Test Your Integration

1. Visit your Shopify store
2. Look for the chatbot widget (usually bottom-right corner)
3. Test the conversation flow
4. Verify that responses match your training

## Best Practices for Shopify

<CardGroup cols={2}>
  <Card title="Product Recommendations" icon="shopping-cart">
    Train your chatbot to recommend products based on customer queries
  </Card>

  <Card title="Order Status" icon="package">
    Enable order tracking and status updates through chat
  </Card>

  <Card title="Return Policy" icon="undo">
    Automatically handle return and refund inquiries
  </Card>

  <Card title="Shipping Info" icon="truck">
    Provide shipping rates and delivery estimates
  </Card>
</CardGroup>

## Troubleshooting

### Chatbot Not Appearing

* Check if the code was added correctly in `theme.liquid`
* Clear your browser cache
* Verify the code is placed before `</body>` tag

### Styling Issues

* Use the NeuralTalk dashboard to adjust positioning
* Check for CSS conflicts with your theme
* Test on different devices and browsers

### Performance Impact

* The chatbot loads asynchronously to avoid slowing your store
* Monitor your store's loading speed after integration

## Advanced Configuration

### Custom Triggers

Set up specific triggers for your Shopify store:

* Product page visits
* Cart abandonment
* Checkout process

### Analytics Integration

Connect with Shopify Analytics to track:

* Chatbot engagement rates
* Conversion improvements
* Customer satisfaction scores

<Note>
  Need help with your Shopify integration? Contact our [support team](mailto:support@neuraltalk.ai) for personalized assistance. For quick resolution and community support, join our [Discord community](https://discord.com/invite/tHpggadDAk).
</Note>