Every single step you need to take is listed with our Onboarding Checklist within the Panel. You can follow this article's instructions to complete the integration process with UserGuiding.

In addition to that, you can learn those by watching our Onboarding Video. 

Step 1: Download UserGuiding Extension

In order to create, design and edit guides&hotspots, you need to download UserGuiding Chrome Extension.

Step 2: Create Your First Guide

And you've arrived in the Panel, under the Content section, you will find Guides tab, click on it.

To start creating your first guide, find the + NEW GUIDE button and click on.

  • Then type in the main URL of the webpage, where you want to create your first guide, then click START button;

Now, your webpage is opened in a new window, with the UserGuiding extension upon it (you won't miss it!)

  • Next, tap into the extension to name and describe your new guide and click on the Create button.

After that, you can add steps to your newly created guide via + Step button or with Click Here.

In order to learn more about the different steps within a guide, see also: Different Kind of Steps Within a Guide

Step 3: Embed the Container Code

A container is a Js code snippet that you need to embed in your web platform to successfully integrate with UserGuiding. 

When you create a guide, in order to make it visible on your website, you should assign a container to it. Expectedly, this container should be embedded in the website you want to show the guide. 

Thus, the connection between your website and the materials you create with UserGuiding can be established by the container code.

We provide you a default one having a unique ID, which you can see at Panel > Settings > Containers. 

See also: How do I embed the tracking code into my software?

You can also watch the video about embedding the Container code with GTM.


Check out this explanatory video to learn more about the Containers.

Step 4: Go Live!

From this point on, all you need to do is to activate your guide's status! 

Go to the guide's settings > turn its status to active > Save > click on Publish Changes.

By doing so, you make your guide visible to your end users. In other words, once the users arrive to the targeted url, the guide can come into view.


Always Here To Help!

You can always reach our Knowledge Base to learn more about UserGuiding extension and panel. 

Whenever you are stuck, feel free to check our Youtube Channel or create a support ticket via this link.


Happy Guiding!


Related Articles:
How to Change Guide Settings from the Panel
How to Change Guide Settings from the Extension

Did this answer your question?