Skip to main content
1

Customize your widget appearance

Click on the “Growth tool kit” section of the menu. From there select the Chat Bubble integration block and personalize your widget.
2

Get the code snippet

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

Go to Appearance > Editor

Once inside your store click on “Appearance” from the menu on the right.
From there click on “Editor”
4

Open the Patterns section

Once opened the editor, you should see something like this. You will need to click the “Patterns”
5

Open the Header pattern

Several patterns will be shown. You need to scroll down and select the one named “Header”
Once again, more than one header pattern may shown. Click the one in which you want to show the widget.
Before proceeding we strongly recommend that you duplicate the pattern that you want to edit. To do this, click on the three dots, then click on “Duplicate”.
6

Edit and save the code

Got a the bottom of the file and paste the code from step 2 right before the last <!-- /wp:group -->
Once you have edited the code, click save in the upper right corner.
Congratulations, we are live! 🥳