Shopify In-Store Copilot

Overview

This custom interface puts your Voiceflow agent straight into your Shopify store, connecting your store's product data to an AI chat agent that can intelligently respond based on the page and the product being displayed, and serving powerful custom buttons like add to cart.

This project is built using Shopify's Theme App Extension system, and creates a custom block you can add anywhere to your Shopify store. On the backend, this is a Voiceflow custom interface using the Dialog Manager API to interact with your Voiceflow agent through a custom interface rather than through the basic web chat. This gives developers full control over how your custom interface looks and works.

Having a deeply embedded AI agent in your store is great for enhancing user engagement with dynamic conversation starters, product recommendations, and with great extensibility for custom features. Learn the steps to configure logic, integrate data, and improve customer experience.

Instructions, Code, and Videos

You can find the setup instructions and code on GitHub here. Note that this current setup of the integration is a proof of concept, and shouldn't be deployed to a production Shopify store without at least hiding the Voiceflow API key through a proxy. This repo should be a good starting point for anyone looking to integrate a Voiceflow agent into your Shopify store.

Here's an overview video of the Shopify integration, discussing the advantages of building this kind of AI integration with Voiceflow:

You can also see a developer walkthrough of this integration.