Installing Widgets
In order to show your widget to the world, you will need to install it on your website or sales funnel. In this help article, we will teach you how to install your widget either directly on your website or sales funnel, or by using Google Tag Manager (GTM).
![](https://widgets.yourhelpcenter.net/~gitbook/image?url=https%3A%2F%2F2512448455-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmBU4FIU4nEIoGXqPzkoT%252Fuploads%252FNU8vRFJqM5H4TOhpqlPH%252FXnip2024-02-02_13-54-37.jpg%3Falt%3Dmedia%26token%3D8cb243ba-da1e-4bac-a598-4d42c9ec3352&width=768&dpr=4&quality=100&sign=658b3f51&sv=1)
Widget Installation Code
No matter which process you use to install your widget, you will need to "Copy & Paste" some JavaScript code somewhere. We will instruct you on where to do this below, but for now, familiarize yourself with what this installation code looks like so you don't feel confused when going back to it later.
To "Copy" the installation script, simply click the small icon to the right of the code. This will copy all of the script to your clipboard and give you the ability to "Paste" it somewhere.
![](https://widgets.yourhelpcenter.net/~gitbook/image?url=https%3A%2F%2F2512448455-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmBU4FIU4nEIoGXqPzkoT%252Fuploads%252FV3U6NIwv0g5y6Qi9wMAn%252FXnip2024-02-02_13-55-25.jpg%3Falt%3Dmedia%26token%3D80de42da-66e6-4de1-814a-556a60d0ba61&width=768&dpr=4&quality=100&sign=eaed1eca&sv=1)
Install Script Options
You will need to use a specific script depending on where you are installing your widget. If you select "Website or Funnel", the script will be different than if you select "Google Tag Manager".
VERY IMPORTANT: If you paste the wrong installation script, the functionality of the widget will not be dependable and may break.
![](https://widgets.yourhelpcenter.net/~gitbook/image?url=https%3A%2F%2F2512448455-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmBU4FIU4nEIoGXqPzkoT%252Fuploads%252F1mSpp3diUA9vRfmROtis%252FXnip2024-02-02_13-56-38.jpg%3Falt%3Dmedia%26token%3D89a7e50c-bfc7-4890-9eab-dab62a96a973&width=768&dpr=4&quality=100&sign=89981ead&sv=1)
1. Install on Websites or Funnels
Adding your widget to your websites and sales funnels will greatly enhance your user's experience. This will lead to more sales, higher conversion rates, and an overall better journey while visitors are navigating your website and sales funnels.
There are MANY different website builders that you may be using, and they all may have different ways to install custom JavaScript (which is how the widget is installed). Below you will find instructions showing you how to install the widget in some different website and funnel builders.
CRM Websites & Funnels
1. Select Widget & Copy Installation Code
Choose the widget you'd like to install on your website or funnel.
Click on Widget Settings.
Scroll down to the bottom of the settings page to locate the Install Section.
Within the Install Section, you will find the Installation Code.
Click the Copy button to copy this code.
You'll see a pop-up that confirms the code has been copied to your clipboard.
3. Paste Installation Code Website/Funnel Settings
Open your CRM funnel or website where you wish to install the widget.
Navigate to the Settings Section.
Locate the Body Tracking Code section within Settings.
Paste the copied widget installation code into this section.
![](https://widgets.yourhelpcenter.net/~gitbook/image?url=https%3A%2F%2F2512448455-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmBU4FIU4nEIoGXqPzkoT%252Fuploads%252FUBcJRzFs04wIQw1QBtQm%252FXnip2024-02-03_18-07-17.jpg%3Falt%3Dmedia%26token%3D50b12c85-97b8-454c-9d78-7200d42fb593&width=768&dpr=4&quality=100&sign=cc12d43c&sv=1)
5. Test Widget
To confirm the widget has been installed, click on Preview Page. You should now see the installed widget on your page.
Click on the newly installed widget to ensure it's functioning as expected.
WordPress Websites
What You Need
Ensure you have administrative access to your WordPress site.
Verify that your WordPress theme is widget-ready.
Steps to Install a widget on WordPress
Log into Your WordPress Dashboard
Navigate to your WordPress admin area (usually
yourdomain.com/wp-admin
).
CSS from WordPress themes and plugins may negatively affect your widget. This is unpredictable and may need to be addressed on an individual basis.
If you are experiencing issues with the way the widget looks or performs, and you are using WordPress, PLEASE submit a support ticket so we can look into the issue for you!
2. Google Tag Manager (GTM) Install
VERY IMPORTANT: In order to get your widget to work when installed with Google Tag Manager, you must use the GTM-specific installation script template shown in the section above Install Script Options
What You Need
Access to your Google Tag Manager account
The GTM-specific installation script template for your widget
Steps to Install an Engagement Widget™ using GTM
Log into Google Tag Manager
Navigate to the GTM dashboard and select your website's container.
For any issues encountered during installation with Google Tag Manager, please reach out to our support team for assistance.
Last updated