Integrate Sendbird's AI chatbot to your Shopify website
Follow this guide to install your custom AI chatbot widget using Sendbird's Shopify App. There are two ways to do this; you can either install the app from the Shopify App Store or embed the script to your Shopify theme.
While you can directly embed the script to your Shopify theme, we recommend installing the app from the Shopify App Store for a more streamlined experience. It automatically creates a bot for you and retrieves the necessary information from your Shopify store to train the bot. You can see the list of retrieved data in the List of store data used for bot creation section.
Installing the app on Shopify App Store
-
Sign-in to your Shopify admin account and go to the Shopify App Store.
-
Search for Sendbird AI chatbot in the search bar, then Install.
- Create an account with Sendbird. If you already have a Sendbird account, you will still need to create a new account specifically for the Shopify app.
- After signing up, you will be automatically redirected to the Sendbird Dashboard, where your bot will be created for you.
Here, the following information is retrieved from your Shopify store and used when creating the bot.
List of store data used for bot creation
| Name | Description |
|---|---|
Generating AI prompts for e-commerce | A clearly defined set of instructions to direct your AI chatbot on how to respond to specific tasks. In the context of e-commerce, Sendbird automatically generates these prompts in advance to streamline processes such as giving product recommendations or providing customer support. |
Training product catalog | Takes the product-related information that is uploaded on the Products page under Shopify admin account > Products and trains the AI chatbot. |
Training shop policy | Takes the store policies such as return and refund policies stated on the Policies page under Shopify admin account > Settings > Policies and trains the AI chatbot. |
Training page details (FAQ) | Takes the contents from the Pages page under Shopify admin account > Sales channels > Online Store > Pages and trains the AI chatbot. |
Training blog article | Takes the contents from the Blog posts page under Shopify admin account > Sales channels > Online Store > Blog posts and trains the AI chatbot. |
Training shop information | Takes the email information listed on the Store details page under Shopify admin account > Settings > Store details page and trains the AI chatbot. |
- You can further customize the bot's response and widget appearance through your Sendbird Dashboard.
The following are the AI chatbot features available. Each feature is accessible through the Shopify's App Home.
| Name | Description |
|---|---|
A feature that provides a snapshot of your bot's performance, user interactions, and feedback during a 14-day period of your choice. | |
An essential tool for monitoring and understanding the interactions between users and bots. | |
A feature that allows you to call external APIs. | |
A feature that allows you to incorporate file or URL sources into your AI chatbot. The chatbot will refer to the provided content source when generating responses. | |
A feature that allows you to create and connect a set of custom responses in a workflow. You can set up predefined questions and suggest specific replies that will automatically trigger the desired response. |
- After completing the setup, click Add to my Shopify to preview and install the widget on your Shopify store.
- Click Save on your Shopify editor to finish connecting your AI chatbot to the store.
Finished View your online store
Your AI chatbot widget should now be visible and operational on the bottom right corner of your store's public-facing website.
Your 14-day free trial will begin automatically at this point. After the trial, you have the option to upgrade to one of Sendbird's two Shopify plans: AI Chatbot Starter ot AI Chatbot Pro. You can do so on the Shopify's App Home.
If you need further assistance or additional customization, contact us.
Embedding script directly to HTML code
-
Sign-in to your Shopify admin account.
-
Go to Sales channels > Online Store > Themes.
-
Find the 3 dots menu (...) in the theme you're using and click Edit code.
- Under Layout > theme.liquid, scroll down and find the closing
</body>tag.
- Insert the script code obtained from Sendbird Dashboard above the closing
</body>tag. Then, click Save.
Finished View your online store
Your AI chatbot widget should now be visible and operational on the bottom right corner of your store's public-facing website.
If you need further assistance or additional customization, contact us.