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 plant to implement through the Google Tag Manager method, execute the following before focusing on your custom set up.

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. To learn more, view this document:

Embedding the Wisp Feed
Once Wisp is installed, it automatically appears as the floating feed. It’slikely that you installed Wisp with the intention of having the feed embedded inyour header. This document will help you understand what you need to do in order to completea custom implementation of Wisp. The majority of…