Integrating unblu in your Website
1. Website Integration
For unblu enterprise the snippet must be present in all pages you would like to instrument for co-browsing.
You can find your account specific code snippet in the Integration section of the administrative application. Adding the snippet to your site is very straightforward:
Insert the code snippet into the <head> section of every page of your website. If you use a content management system, this is usually one copy-paste action in the page template.
Please consider the following:
- If the <head> section contains no <meta http-equiv="content-type"> or <meta-charset> directive, then place the snippet immediately after the <head>-tag (that is, as the first element inside of the <head> section).
- If the <head> section contains a <meta http-equiv="content-type"> or <meta-charset> directive, then place the snippet immediately after that directive. If you can, try to move any other content of the <head> section below the snippet.
Do not modify the snippet code (and make sure that no line breaks or special characters were added by copying it).
Example of the integration of the code snippet:
2. Graphical Launch Elements - The default way: Help button on the left
By default, after integrating the unblu snippet in your website, a "Live Support" button appears on the left hand side of your webpages. Customers clicking this button will have a dialog showing up to enter the security code received from your support agent. The graphical appearance (color or monochrome) and the dialog text that appear using the default user interfaces can be configured inside the administrative application under Account Settings and Domain Settings menu points.
3. Graphical Launch Elements - Using Activation Elements
Activation elements provide an easy way to integrate unblu‘s functions into the look-and-feel of your website. They allow you to design any element, such as buttons or menu entries, which unblu uses to initiate and end co-browsing.
3.1. How Activation Elements Work
When unblu starts, it checks your website content for specific IDs. If these IDs are used on an element, then clicking this element will start an action, such as starting the co-browsing connection process.
Currently, unblu supports the following IDs:
unblu_activation_element_token: clicking shows the start session dialog. When a customer has typed a valid security number into the dialog, co-browsing starts.
unblu_activation_element_invitation: clicking shows the invitation dialog, where customers can send an email-invitation to a friend.
unblu_activation_element_termination: clicking shows a window that asks if the user wants to terminate co-browsing (if the user is not currently co-browsing, clicking the element does not have any effect).
The following examples show different ways to provide a starting point for social browsing. You can implement the other IDs in the same manner:
You can use any element as an activation element:
Specifically, you can use an image: