Skip to main content
1

Customize your widget appearance

Click on the “Integrations” section of the menu. From there select the “CTAs in product pages” block and personalize your widget.
2

Get the code snippet

From there you will find the code snippet to insert into your Shopify theme.
The code will look something like this:
<script
  type="module"
  src="https://cdn.textyess.com/v1/textyess-widget-components/textyess-widget-components.esm.js"
  defer
></script>
<textyess-product-widget user_id="your_organization_id" />
3

Go to the Online store section

Once inside your store click on “Sales channels” from the menu on the right.
A pop-up will appear at the top. From there click on “Online store”
4

Open the Theme editor

Opening the theme editor is very simple. Just click on the three dots of the theme you want to update. Then click on “Edit code”.
Before proceeding we strongly recommend that you make backups of your current theme. To do this, click on the three dots, then click on “Duplicate” and/or “Download theme file.”
5

Edit the file with call to actions on the product page

This may be the most complex part. In fact, each theme handles the product page and related CTAs differently. Here are some of the possible files where you will find the CTAs where to insert your widget:
  • main-product.liquid
  • buy-buttons.liquid
If you have difficulty finding the CTAs in the files, press cmd + F on Mac or ctrl + F on Windows. Then type cart or buy to find the CTAs within the search.
Once you find the code related to the CTAs, paste the code snippet you generated from TextYess (see step “Get the code snippet”). Remember that if necessary you can create new lines by pressing the enter key in order to put space between the TextYess’s code snippet and the CTAs.
We are almost finished!
Now click the “Save” button in the upper right corner, then click the “Preview store” button to make sure the widget is displayed correctly.
Congratulations, we are live! 🥳