Install Insent widget on your website
Installing the Insent widget using Javascript is the most recommended way of installing Insent on your website. Once installed, Insent will track your users and provide them a personalized experience.
You can only access the Insent dashboard if you are a project member. If you are not, get in touch with your team to have access to the project.Only add the Insent JavaScript on pages where you want the widget to show. For example, if you don't want the widget to be shown inside your product pages, don't add Insent JavaScript on your product pages.
Accessing the Javascript code snippet
Before installing the Insent widget on your website, we hope you have customized the look and feel of the widget matching to your website? If you need any help, do get in touch with the Insent team.
Your Insent widget will have a unique Javascript snippet that enables Insent to work seamlessly on your website.
-
Locate the Javascript snippet: You can find it by navigating to Settings → Integrations → Script(Tab).
-
Click the 'Copy' button on the top right corner to copy the script
-
Paste the code just before the end of the “<body>” tag of your website.
-
After placing the snippet on your website back end, enable the “Show widget” to have the widget live on your website. To enable “Insent on Website”, navigate to Settings → Widget settings → Appearance (Tab)
-
The widget will load in the bottom right corner of your site.
We recommend you to place the Javascript after the "<body>", just before the closing of the "<body>" tag. Through the widget will work as expected even if you place the Javascript anywhere in the webpage code.
Installing widget using Google tag manager
Google Tag Manager is a free tool that allows you to manage and deploy marketing tags (snippets of code or tracking pixels) on your website (or mobile app) without having to modify the code.
If you don’t have Google tag manager installed on your website, use this get started guide by Google to install the tag manager. If you don’t have access to your website codebase or don’t know how to edit your website code, you might want to get the help of a developer to install Google tag manager.
Assuming you already have the Google tag manager installed on your website, login to the tag manager dashboard to create the tag for Insent. Click here to sign in to the Google tag manager.
Once you’ve logged into the tag manager dashboard, you’ll see a dashboard layout as shown below.
-
Click on the “Add new tag” button to create a new tag
-
Create a new tag with the name “Insent tag”. Click on the tag configuration to select the tag type you want to use. From the “Choose tag type” menu, choose the “Custom HTML” tag type.
-
Paste the Javascript code copied from the Insent dashboard on the input for the HTML tag
-
Click on the “Triggers” to create/choose a trigger. If the “DOM Ready” trigger is already in the list, select the trigger from the list. If the “DOM Ready” trigger is not in the list, click on the “Add” button to create a new trigger.
-
Create a new trigger named “Insent trigger” and select “DOM Ready” as trigger type.
-
Save the changes. The Insent widget will be now running on the webpage where the Google tag manager is installed.
This video explains the installation of the Insent widget using Google tag manager.
Enabling/Disabling the widget on your site
There could be situations where you want to hide the widget on your website. Eg: You haven’t configured any conversations yet or you just want to observe the accounts on your website. In these cases, you can disable the widget on your website and use the Insent dashboard only.
Navigate to Settings → Widget settings → Behavior (Tab). You’ll see an 'Insent on Website' toggle button. The button will be in the “Off” state as default. You can turn the feature “On” to disable the widget on your website.
Before turning the widget on, you should customize your bot settings and configure your conversations.
You are always welcome to get in touch with our support team at support@insent.ai for any further clarification.