To show different kinds of widgets on different pages, we can create several widgets and decide where to render them. Let’s say we want to create a widget for support, and another one for marketing.

The support widget we’ll show on the contact page only.

The marketing widget we’ll show everywhere, except on the contact page.

For context, for this guide we assume you know how to create the widget html using our WhatsApp widget generator.

1. Creating the support widget in Shopify

Open theme editor

Online store > Themes > ... > Edit code

Create a bubble.liquid snippet

Scroll in the left bar down to snippet > Add a new snippet.

Call it support-bubble(.liquid).

As the name may suggest, this is where we paste the HTML code that you generated for your support widget ;)

2. Creating the marketing widget in Shopify

Now, we repeat the steps with the following information:

1. Open theme editor