> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.chrisp.chat/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # How to install the Crisp live-chat chatbox on Shopify stores __This article explains how to install Crisp Live Chat and helpdesk on a Shopify store.__ The Crisp Shopify app connects your store to Crisp so your team can chat with shoppers, view ecommerce context, and use Shopify data inside support conversations, workflows, and Hugo AI Agent. | Crisp is available from the [Shopify App Store](https://apps.shopify.com/app10199) and can also be installed from the Crisp plugin marketplace. --- # What the Shopify integration adds Once connected, the Shopify integration brings store data into Crisp so agents can answer faster and with better context. __Depending on your setup and permissions, you can use Shopify data to:__ * ****View customer details**** → access profile, order history, and ecommerce context from Crisp * ****Check carts and orders**** → see useful cart, order, tracking, and shipping information * ****Use dynamic customer data**** → create templates and workflows using Shopify information * ****Synchronize ecommerce events**** → trigger actions or campaigns from store activity * ****Connect Hugo**** → let Hugo use supported Shopify tools when the MCP integration is enabled --- # Install Crisp on Shopify You can start from Crisp or directly from the Shopify App Store. The flow below starts in Crisp. __To install the Shopify app from Crisp:__ 1. Open [**Crisp**](https://app.crisp.chat) or create an account from [the signup page](https://app.crisp.chat/initiate/signup/). 2. Go to ****Plugins**** from the Crisp sidebar. 3. Search for ****Shopify****. ![Searching for Shopify in Crisp plugins](https://storage.crisp.chat/users/helpdesk/website/-/e/3/a/6/e3a64348bc5c6800/83fa4de3-6527-45db-aff4-f24b30_k44se1.png) 4. Click ****View details****, then ****Install****. 5. Continue to the Shopify App Store and click ****Install****. ![Installing Crisp from Shopify](https://storage.crisp.chat/users/helpdesk/website/-/1/4/0/0/14003733670d8d00/8f1e07ca-6603-4d86-9aa2-4120b0_vnnbmp.png) 6. Confirm with your Shopify login. 7. If you manage multiple stores, choose the store you want to connect. ![Choosing the Shopify store to connect](https://storage.crisp.chat/users/helpdesk/website/-/5/e/3/0/5e3009c5e8bd4000/6d92ecfc-4438-4435-872e-ecd331_bz13bm.png) 8. Install the app from your Shopify back office. ![Confirming the Crisp app installation in Shopify](https://storage.crisp.chat/users/helpdesk/website/-/7/4/6/1/746159f105c10800/c67c5634-df7f-4142-82cb-7c6733_1cocunv.png) 9. Choose whether the Crisp chatbox should be displayed on your storefront. ![Choosing whether to display the Crisp widget on Shopify](https://storage.crisp.chat/users/helpdesk/website/-/5/8/b/7/58b70b8d86143800/a9799dd5-2f0e-4afa-9f06-276897_2jf9ux.png) 10. Return to ****Plugins → Shopify**** in Crisp and confirm that the app is connected. ![Shopify connected in Crisp](https://storage.crisp.chat/users/helpdesk/website/-/3/e/2/9/3e290ded45ec460/7705092f-6312-4d1c-b855-52cc77_1791f62.png) ||| Crisp account creation and installation are easier from a desktop browser. Avoid doing the first setup from a mobile device. || To hide the Crisp widget on your Shopify storefront, disable the widget display option from the Shopify plugin settings. --- # Use Shopify data in Crisp After the integration is connected, Shopify data becomes available from Crisp conversations. This helps agents understand who the customer is and what order or cart they are asking about. #### Synchronized Shopify details ![Shopify data synchronized in Crisp](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/5/6f35b50d31e35c00/89260731-40d8-4a7a-98b7-026803_1b0578c.png) #### Shopify context inside the Crisp Inbox ![Shopify context inside the Crisp inbox](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-104015_tpasee.png) ||| The Crisp widget can only be shown on Shopify checkout pages if your store is on Shopify Plus. Without Shopify Plus, Shopify does not allow the widget to appear there. --- # Automate support with Shopify data Shopify events and customer information can help you build better support workflows and campaigns. For example, you can use ecommerce context to segment customers, personalize replies, or trigger automations based on order activity. __Common automation use cases include:__ * ****Customer segmentation**** → use Shopify tags or synced customer properties in Crisp * ****Order-based workflows**** → react to ecommerce events and order changes * ****Personalized templates**** → include Shopify data in support replies when relevant * ****Multichannel support**** → keep customer context when conversations come from chat, email, social, or messaging channels ![Shopify automation data in Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/cleanshot-2025-02-24-at-104032_1b97ude.png) --- # Connect Hugo AI Agent to Shopify Hugo can use native MCP integrations to fetch supported Shopify information, such as customer profile details or order status, when the integration is connected and enabled. | See [How to use Hugo Integrations](/en/article/how-to-use-hugo-integrations-6z9yhh/) to connect Shopify tools to Hugo. --- # Troubleshooting If the chatbox does not appear or recent Shopify features are missing, start with the Shopify plugin settings in Crisp. __Useful checks:__ * ****Widget display**** → confirm the chatbox is enabled in the Shopify plugin settings * ****Theme changes**** → make sure you saved and published Shopify theme changes * ****Permissions**** → re-authenticate the Shopify app if Crisp asks for updated scopes * ****Connection status**** → check ****Plugins → Shopify**** in Crisp | See [Troubleshooting Shopify integration](/en/article/troubleshooting-shopify-integration-gluguu/) for common issues and fixes. For a broader ecommerce onboarding guide, see [Getting started for the ecommerce industry](/en/article/getting-started-for-the-e-commerce-industry-tr8p0p/). You can also read our blog article about [Shopify live chat tips](https://crisp.chat/blog/shopify-live-chat-tips/).