Google Tag Manager: install OpenWidget on your website with a few simple steps!

Using Google Tag Manager to manage code on your website? Great! Now you can also use it to enhance your customers' satisfaction. By adding OpenWidget to your website, you will get:

• a Contact Form, giving your customers the option to reach you whenever a need arises;
• an AI-based Product Recommendations widget, driving more sales by helping your customers choose the right product;
• a Google Reviews widget, allowing you to showcase your online reputation and increase customers' trust

And much, much more. Check out all of our available widgets and decide which will suit you best. Once you do, add OpenWidget to your website via Google Tag Manager!

Don't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. Click here to check it out!

How to add OpenWidget via Google Tag Manager?

There are two ways to add OpenWidget to your website via Google Tag Manager:

1. You can add it to your website with the help of our official Google Tag Manager integration – this step is much easier as the integration will perform most of the necessary steps for you.
2. Or you can add OpenWidget's snippet code to your Google Tag Manager manually.

Below, you will find step-by-step instructions for both of those processes.

Install OpenWidget via our official Google Tag Manager Integration

• First, log in to the OpenWidget application and go to Add to website section.
• While there, click on the Google Tag Manager tile.

• You will see a new modal with the Sign in with Google button – click on it to proceed.
• OpenWidget will now redirect you to the Google Accounts page. While there, log in to your Google Account associated with your Google Tag Manager.

• If the authorization is successful, we will take you back to OpenWidget to finish the process. You should see a screen on which you can choose where exactly you would like to add OpenWidget:
• which GTM Account – it represents to which Google Tag Manager accounts you have access
• which Container – it usually represents the website on which the Google Tag Manager is used
• Once everything is ready, click on the Add and publish button, and we will automatically add OpenWidget's snippet to your Google Tag Manager and publish it on your website.

Important note: If you have any unpublished changes in your default workspace, we will add OpenWidget to it, but we won't be able to publish it on your website automatically. When that happens, you will see the Add to Workspace button instead of the Add and publish, and after adding OpenWidget to your Workspace, you will need to review and publish new changes manually.

And that's it! Now that your changes are published, OpenWidget should be visible for all customers browsing through your website.

Install OpenWidget via Google Tag Manager manually

• First, log in to your Google Tag Manager admin panel.
• Click on the Add new tag button.

• Select Tag Configuration.

• Choose Custom HTML as an option.

• Copy your OpenWidget snippet from the Add to website section and paste it into the HTML tab.

• Scroll down a bit and click on the Triggering section.

• From the list of available options, choose All Pages.

• All that is left now is to apply changes by clicking on the Save button. 

• As the last step, Google will ask you to name your tag – OpenWidget will suffice.

And that's it! OpenWidget will appear on all of your pages using Google Tag Manager.