Installing Wisp with Google Tag Manager

Lisa Fockens Updated by Lisa Fockens

Installing Wisp with Google Tag Manager

Following these instructions will help you add Wisp to your site through Google Tag Manager. Upon completion, you'll be able to start sending campaigns notifications that will appear in the floating feed, as seen in the images below.

This tutorial does not offer instruction on the custom setup (eg: bell in your header)but this document should be considered your first step on that path. If you plan to implement through the Google Tag Manager method, execute the following before focusing on your custom setup.

In your Wisp admin, go to 'Settings', and then 'Setup'. Once there, look for the code snippet under 'Other User'. Copy that entire snippet.

In a separate window, open Google Tag Manager. When you're in the desired workspace for the right account, click the 'New Tag' card.

Open 'Tag Configuration'.

Under 'Choose tag type' select 'Custom HTML'.

Paste that snippet you copied a few moments ago.

Open 'Triggering'.

Select 'All Pages', then hit the 'X' by 'Choose a trigger'.

Name and save your Tag.

Now you're done. the Wisp floating widget should now appear on your site. It will look like this:

To add Wisp to your header so that the bell is embedded, you'll need to follow the instructions for a custom implementation. Check out the document 'Embedding the Wisp feed' for more help.

How did we do?

Install Wisp for Shopify