Shopify Integration

Add ChatReact AI chatbots, contact forms, and FAQ accordions to your Shopify store with the official ChatReact Shopify App.

Installation

1. Install the ChatReact app from the Shopify App Store
2. Open the app in your Shopify admin panel
3. Connect it to your ChatReact account

Features

The Shopify app provides three widget types:

Setting Up the Chat Widget

The chat widget uses Shopify's App Embed feature to appear on all pages:

1. Go to Online Store → Themes → Customize
2. Click App embeds (puzzle piece icon in the sidebar)
3. Enable the ChatReact Chat Widget
4. Enter your Chatbot ID from the ChatReact dashboard

The chat widget will now appear on all pages of your store.

Widget Assignments

In the ChatReact app settings, you can control where the chat widget appears:

• Everywhere: Widget appears on all pages (default)
• Everywhere with exclusions: Widget appears on all pages except specified URLs
• Specific pages: Widget only appears on selected pages

Adding Form and FAQ Widgets

Form and FAQ widgets are added as App Blocks in the Theme Editor:

1. Go to Online Store → Themes → Customize
2. Navigate to the page where you want the widget
3. Click Add block and search for "ChatReact"
4. Choose ChatReact Form or ChatReact FAQ
5. Enter the Form ID or Chatbot ID in the block settings

Form Widget Styling

Customize the form appearance in the Theme Editor:

FAQ Widget Styling

Managing Widgets

The ChatReact app in your Shopify admin provides three tabs:

1. Chat Widget Assignments — Manage which pages show the chat widget
2. Forms — Select which form to embed
3. FAQ — Select which chatbot's FAQs to display

Language Support

The app supports all 24 EU languages. The widget language is determined by your ChatReact chatbot's language settings.

Uninstalling

When you uninstall the ChatReact app, all widget configurations and stored data are automatically cleaned up from your Shopify store.

Next Steps

• Widget Embedding →
• FAQ Management →
• Form Configuration →