SOP 024: Install Sumo on your website
Unlock a whole new set of marketing tools by installing Sumo on your website using Google Tag Manager, and grow your email list and revenue.
Last Updated / Reviewed: 06/21/2024
Execution Time: 15 ~ 30 minutes
🚀 Goal: Have Sumo installed on your website using Google Tag Manager.
🤞 Ideal Outcome: Get the Sumo plugin properly and use it to grow your site.
🤔 Why this is important: Sumo offers a set of tools that help you grow your website and receive loads of traffic. We recommend using Google Tag Manager to install Sumo on your site because it enables you to centralize all of the code you add to your site in a single tool.
🧐 Where this is done Your website and BDOW (Previously Sumo).
🗓️ When this is done: Yesterday. But it’s okay, you can do it now as well. You only need to install this plugin once and then you’ll be able to enjoy all its benefits.
👨 Who does this: The marketing manager or the analytics team.
__⚠️Prerequisites or requirements: __Google Tag Manager must be installed on your website. If you are not sure how to do that, please check SOP 004 (web version) to learn how to do that.
Click here to get the most up-to-date version of this SOP
Before you start
Sumo has been rebranded to BDOW. Although this SOP retains the Sumo title, the following steps will provide instructions for installing BDOW on your site.
Environment setup
01▸ Make sure you have the Google Tag Manager set up on your site and that you have access to it.
Get a free Bdow account
The first thing you need to do to install Bdow is to sign up for a free account.
01▸ Click here to go to Bdow and register for an account.
02▸ Enter your website’s URL, as well as your email address, and choose a password.
Note: Bdow was formaly known as Sumo. Therefore, you'll still be able to see "Sumo" on the registration page and etc.
03▸ You will be redirected to the screen below. Take note of that script, as we will manually install it in Google Tag Manager later.
Manually Install Sumo in Google Tag Manager
Note: the direct integration between Bdow and GTM doesn't currently work, so the following steps will show you how to install Bdow manually.
01▸ Open tagmanager.google.com in a new tab and choose the "Container Name" of the site where you want to install it:
02▸ In the left sidebar, click "Tags" then "New":
03▸ Rename the tag to something like "Bdow GTM integration" in Google Tag Manager.
Note: When creating new tags, it is recommended to define a naming convention from the beginning, this keeps your Google Tag Manager set up neatly organized and easy to maintain for many years to come.
[Abbreviated Name Of Tool]_[Use for this tag] is a good start.
04▸ Click on the tag icon above "Choose a tag type to begin setup" and then in the search icon beside "Choose tag type" ,type in "HTML". Click the "Custom HTML" tag type.
05▸ Copy the Bdow or Sumo script from the registration tab in the "Custom HTML" field in GTM:
06▸ Still in the tag configuration panel, scroll down and click the icon under "Triggering" and choose "All Pages", and finally, hit "Save".
07▸ Click "Tags" in the left sidebar and you will see the most recent tag you have configured. Click "Submit".
08▸ You will be required to enter a Version Name and Description. Then, hit "Submit".
Note: Adding a name and description is optional but recommended. You should enter the information here that will make it easy to know what changes are being made.
**
09▸ To test if the Bdow tag is working properly, click "Preview".
10▸ Enter the URL of your website → Click "Connect".
11▸ This will open your website’s URL on a new tab. You should be able to see a message on the bottom right corner letting you know that the debugger has connected successfully:
12▸ Google Tag Assistant (https://tagassistant.google.com/) will list all your actions. Here, Google Tag Manager will display the tags that were fired on this page — the one you just configure should be within that list.
13▸ Navigate to other pages on your site and repeat the check on the previous step to make sure that the tag is firing on all pages.
Log in to Bdow using the badge on your website
Now that you have installed Bdow on your website, it will be very easy to access it.
01▸ Visit your website and go to your homepage.
02▸ The Bdow badge should be located at the top right side of the page, as shown below.
03▸ If you can’t see it, disable your ad blockers and refresh the page.
Note:* Alternatively, you can log in to your Bdow account and install the extension. Go to account settings and click "badge".*