Overview

Containers in UserGuiding are JavaScript code snippets that are used to install UserGuiding on a web platform. Containers enable you to run UserGuiding in separate environments, such as development, staging, and production.

Later, each piece of content you create, such as Guides, Hotspots, Checklists, etc., can be placed inside the embedded container code, ready to be displayed within your web app.

You can find them in Settings > Project Settings > Containers

How to Embed UserGuiding's JS Code to Complete Installation

If you have access, you can start actively utilizing UserGuiding as a third-party onboarding tool by embedding a single container code inside your application's source code, preferably in the head section.

You can read this workflow to complete the installation.

Important: You can also Install UserGuiding with Google's Tag Manager. This article explains how.

How Do Containers Work?

To learn how Containers work, you can watch the video below.

Where to Find Containers

You can find them in the UserGuiding Panel settings under Project Settings.

Here, you will find a "Default" container ready to be embedded in your web application under your current project selection.

Important: If you want to install UserGuiding on multiple platforms, you can use different projects for each platform. You can also create separate containers for staging and production environments within each project.

To create a new container code, you need to click on the +CREATE A CONTAINER button.

When creating a Container;

• You should name your Containers first,
• When you are done, we will provide you with a small JavaScript code snippet.

Code Embedding: This is the status that tells you whether you have successfully embedded the container code. If yes, you'll see a blue checkmark under it.

Code: Click on </>Show button to see your unique container code.

Actions: You can change the name of the container, make it your default container or delete it here.