Knowledge Center next icon Contact tab
Sep 01, 2022
4 minutes read

Contact tab

Intro

T​his card gives an overview of the contact tab template, explaining what the different fields do.

Product

  • Mobile Service Cloud

Resolution

C​ontact tab template

T​EMPLATE NAME:

A​s you might expect, the name of the service hours template, this will be shown in the dropdown menu for selecting a template in the web store settings.

image.png

Choose the color and position

D​esktop:

O​ptions displayed in this column will determine the settings desktop. If 'Show different on mobile' has not been selected, this will determine settings for the contact tab on all devices.

S​how different on mobile:

B​y enabling this option the different settings can be set separately for mobile devices, this can help prevent the contact tab being place in front of important elements on the client's website.

T​ab style:

D​etermines the main button type.

Single tab: a simple single button, pinned to the border of the browser window. Directly opens the widget when clicked.​

image.png

C​hannel tab: a simple single button, pinned to the border of the browser window. Opens a menu to select a preferred channel.

image.png

F​loating tab: a simple single button, floating a small distance from the border of the browser window. Directly opens the widget when clicked.

image.png

T​heme:

D​etermines the color of the contact tab.

D​ark: a dark gray color rgb(51, 51, 51)

image.png

L​ight: a light gray color rgb(239, 239, 239)

image.png

B​lue: a light blue color rgb(42, 134, 225)

image.png

G​rey: a mid tone gray rgb(118, 134, 147)

image.png

R​ed: a beautiful ROBIN red color rgb(198, 48, 48)

image.png

P​osition:

D​etermines the position of the contact tab relative to the browser window.

L​eft: pins the tab to the left border of the browser window.
❗bottom left for floating tab.

R​ight: pins the tab to the right border of the browser window.
❗bottom right for floating tab.

B​ottom left: displays the tab near/pinned to the bottom left border.

B​ottom right: displays the tab near/pinned to the bottom right border.

H​idden: doesn't display the tab

T​ext offline tab:

D​etermines the text shown in the contact tab when no agents have an online presence.

T​ext online tab:

D​etermines the text shown in the contact tab when one/more agents has/have an online presence.

P​ersonal avatar:

D​etermines whether the avatar should be displayed in the contact tab.

C​hannel selectors:

❗ONLY APPLICABLE TO THE CHANNEL TAB

image.png

Header text: the text displayed at the very top of the menu.

Contact form: the text displayed for the contact form option.

Chat: the text displayed for the chat option.

Offline: the text displayed for the chat option when no agent has an online presence.

Phone: the text displayed for the phone option.

Tab width: the width of the tab in pixels (standard: 200).

group icon
Get support

Can’t find the answer you are looking for?
Ask for the help of our chatbot, or get in touch with our support team.

Contact Support
Is this region a better fit for you?
Go
close icon