With Inline Manual, you can link to the external content from within the widget. You can do it by creating a redirect, which will look just like the other topic in the widget. Except once the user clicks on it, it will open an address specified by you in a new or the same window, for example, a page with a recorded demo video.


However, what if you want to add a custom link to a footer in the widget? We have that covered too. You can add a custom link to the footer that will, for example, launch a chat window or open your support portal.


In this article, we’ll show you how to add a link to the footer and provide you with example links to open a chat window depending on your provider.


Adding a custom link to the footer

To add a custom link to the footer:


  1. Login to the Inline Manual portal with your e-mail and password.


  2. Go to Sites and choose the site you want to edit.



  1. Go to the Settings tab.


  1. Go to Player languages.


  1. If you haven’t added any languages yet, you will see a message to add a translation. Click Add translation. If you already have languages there, edit the desired one.


  1. Scroll down to the Widget section. In the Footer field, provide the desired link in HTML or plain text if you only want to show a message.


  1. Confirm changes with the Save button.


Examples - chat links

In this section, we’ll provide you with examples that you can use.


Custom link


If you want to add a link to, for example, your support portal, provide a link with HTML tags like in the example below:

<a href="http://example.com/support" target=”_blank”> Support portal </a>


In your widget, it’ll look like this:




If you want to add a link to a Topic, use the code like in the example below:

<a onclick="inline_manual_player.activateTopic(123)"> Launch Topic </a>


123 is the Topic ID. You can find the Topic ID in the Topics list, next to the Topic title.


Intercom


To open a chat and pre-populate the message field with "Hello", use the code below:

<a onclick="Intercom('showNewMessage', 'Hello')"> Chat with us now </a>


Zendesk


To open a submit ticket form, use the code below. Don’t forget to provide your Zendesk ID.

<a href="http://myaccount.zendesk.com/account/dropboxes/[[your zendesk id]]" onclick="script: Zenbox.show(); return false;"> Ask Us </a>


Zopim Chat


To open a chat window, use the code below:

<a onclick="$zopim.livechat.window.show();"> Chat </a>


Olark Chat


To open a chat window, use the code below:

<a onclick="olark('api.box.show');"> Chat </a>


Drift


To open a sidebar, use the code below:

<a onclick="drift.api.sidebar.open();"> Chat </a>


To open a chat window, use the code below:

<a onclick="drift.api.openChat();"> Chat </a>


Bomgar


To open a chat window, use the code below:

<a onclick="BG.start(BG.STARTTYPE.CHAT, {issue: {codeName: 'okedresearchchat'}});"<a Open Chat </a>


To open a chat window with a button, use the code below:

<button onclick="BG.start(BG.STARTTYPE.CHAT, {issue: {codeName: 'okedresearchchat'}});"< Open Chat</button>


When to use custom links in the widget footer?

Your users likely need training and in-app guidance. Helping people in context is effective and cost-saving. Providing in-app help is a huge time-saver for your users because they don’t have to go searching. However, if your users don’t find what they’re looking for, the option to start a chat or submit a ticket will come in handy. Ability to quickly contact your support team will satisfy your customers and benefit you in the long term. It’s a win-win!


Related articles