Adding the widget to your Shopify website is quick and easy. In just a few minutes, you can have it added and ready to connect with visitors. Follow this guide to set up the widget on your Shopify store and start engaging with your customers right away.
Step-by-step installation with Shopify
Step 1: Open your widget settings
Go to your Text App dashboard, then head to Settings → Website widgets. If you’re connecting your website during onboarding, you can also click the Connect website widget from your homepage task list instead.
Step 2: Enter your website URL
Enter the URL of the website where you want to install the widget.
Step 3: Select how to connect the widget to text.com
You’ll be prompted to use the Shopify installation method. Click Connect to continue the installation process.
Step 4: Approve the necessary view and edit permissions
You’ll be redirected to your Shopify dashboard. Review the permissions requested by Text App, then click Install.
Make sure you’re logged in (or ready to log in) to your Shopify dashboard.
If needed, you can choose an alternative installation method, such as adding the code manually to your website or connecting the widget through GTM.
Step 5: Connect Shopify to Text App
In Text App, you’ll see a prompt to Add the widget to your Shopify store.
Click Add widget, and you'll be redirected to Shopify to enable the widget.
Step 6: Enable the widget in Shopify Theme Editor
In your Shopify Theme Editor, click Save to apply the changes.
Once you save your changes, the website widget will become visible to your customers. You can preview your site and the website widget and customize it to match your site’s design.
Step 7: Check the installation status
If everything is working, the status in Text App (Settings → Website widgets) will show Connected, and you’ll get a notification that your website widget is live 🎉.
If you haven’t received a notification that your website widget is live, but it’s turned on in Shopify, click Continue. You’ll then be asked to visit your website to check manually.
If Text App still shows “Widget not detected on your website” after you’ve visited it, you can either Start over the installation process or select another installation method, such as adding the code manually to your website or connecting the widget through GTM.
Add the website widget to your Checkout and Thank you page
You can also enable the website widget on your Checkout page and Thank you page using the Shopify checkout editor. This allows you to respond to customer questions in real time as they complete their purchase. By providing support at this critical moment, you can resolve last-minute concerns, reduce drop-off, and help customers move confidently through checkout.
Availability by Shopify plan
The website widget can be added to the Checkout page for brands on Shopify Plus.
The website widget can be added to the Thank you page for brands on all Shopify plans (Basic or higher).
Steps
There are two ways to start the installation process:
After connecting the website widget using Shopify, go to Home page → Checkout and customer accounts.
From the left-hand menu in your Shopify dashboard, select Checkout, and then click Customize.
Navigate to the Apps section and locate Text (LiveChat Checkout Chat) in the list.
Depending on your Shopify plan, you can add (+) Text to your Checkout and/or Thank you page. Select where you’d like to add the website widget.
The website widget can be added to the Checkout page on Shopify Plus and to the Thank you page on all Shopify plans (Basic or higher).
Click Save in the selected view.
If available, repeat the steps for the other view and Save your changes.
Want to add Text to more websites?
You can repeat the installation process for as many sites as you need.
For websites without Shopify, you can follow the alternative installation guide or connect the widget using GTM.
Managing your installation
You can always check or manage your installation in Settings → Website widgets.
For each connected site, you’ll see:
Website URL
Who added the website
Setup method
Website widget connection date
Installation status (Connected or Not connected)
This section is your main control panel for managing website connections. Click the three dots next to any widget to:
Visit the website where the widget is installed
Open the Shopify store
Get the installation code
Customize your website widget
Click the + New website widget button to create a new website widget.
Read more
Once your website widget is connected via Shopify, you can gain deeper insight into how your AI agent drives sales. Learn more about the Sold section and the Sale filter for archived chats to see which AI-handled conversations resulted in an order and better understand your AI agent’s impact on conversions.
Go to the Shopify: AI agent Sold section and Sale filter for archived chats article to learn more about tracking AI-driven sales.
In addition, agents can view customers’ most recent purchases directly in conversations. With Shopify connected, the Last order label appears in the right-hand side panel across multiple views, including Inbox (Chats, Archive, and Tickets) and Customers (Real-time view and Contacts). This gives agents quick access to a customer’s latest order details while chatting or handling tickets, helping them respond faster with the right context.
Go to the Shopify: Customers’ last orders in chats and tickets article to see how recent order visibility improves customer support.
Questions?
If you have any questions about this article, feel free to start a chat with one of our Support Heroes. They are available 24/7 and always ready to provide additional information on adjusting your Text App license.