How to: link/button in the widget footer

Location: 
Sites > Site > Settings > Player languages

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 in 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.

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 a 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 a plain text if you only want to show a message.

  1. Confirm changes with Save button.

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:

Intercom

To open a chat and pre-populate 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 you 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.START_TYPE.CHAT, {issue: {codeName: 'okedresearch_chat'}});"<a Open Chat </a>

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

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

It’s likely that your users 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!

Was this article helpful?