Contact and support

The Contact and support button in the header and the panel it opens: up to four ways to reach you (chat, call, text, email), each with a status like "Available now", plus quick help links or a help card. A channel's details appear once you give it a label.

Where to find it

Built into its section; it cannot be added elsewhere.

Settings

Setting	Choices	Shows when	What it does
Title		Always
Avatar		Always	A face from the support team. Shows a headset icon when empty.
Availability	Available (green) · Limited hours (amber) · No indicator	Always
Availability note		Always	Always say the state in words — the dot is reinforcement, not the message.
Contact column heading		Always
Quick support column heading		Always
Quick support menu		Always	Links for the right-hand column, e.g. order status, shipping, returns.

Help card

Setting	Shows when	What it does
Title	Always
Text	Always
Button label	Title is filled in or Text is filled in
Button link	Button label is filled in	Empty: the page with the handle "support". With neither, no button.

Live chat

Setting	Choices	Shows when	What it does
Label		Always
Detail		Label is filled in
Link		Label is filled in	A full URL, or tel:+46318912200 / sms:+46318912200 / mailto:trade@example.com.
Availability	Available (green) · Limited hours (amber) · No indicator	Label is filled in
Availability note		Label is filled in

Call

Setting	Choices	Shows when	What it does
Label		Always
Detail		Label is filled in
Link		Label is filled in	A full URL, or tel:+46318912200 / sms:+46318912200 / mailto:trade@example.com.
Availability	Available (green) · Limited hours (amber) · No indicator	Label is filled in
Availability note		Label is filled in

Text

Setting	Choices	Shows when	What it does
Label		Always
Detail		Label is filled in
Link		Label is filled in	A full URL, or tel:+46318912200 / sms:+46318912200 / mailto:trade@example.com.
Availability	Available (green) · Limited hours (amber) · No indicator	Label is filled in
Availability note		Label is filled in

Email

Setting	Choices	Shows when	What it does
Label		Always
Detail		Label is filled in
Link		Label is filled in	A full URL, or tel:+46318912200 / sms:+46318912200 / mailto:trade@example.com.
Availability	Available (green) · Limited hours (amber) · No indicator	Label is filled in
Availability note		Label is filled in

Which settings reveal which:

flowchart LR
  help_title["Title"]
  help_button_label["Button label"]
  help_text["Text"]
  help_button_link["Button link"]
  chat_label["Label"]
  chat_value["Detail"]
  chat_href["Link"]
  chat_status["Availability"]
  chat_status_note["Availability note"]
  call_label["Label"]
  call_value["Detail"]
  call_href["Link"]
  call_status["Availability"]
  call_status_note["Availability note"]
  text_label["Label"]
  text_value["Detail"]
  text_href["Link"]
  text_status["Availability"]
  text_status_note["Availability note"]
  email_label["Label"]
  email_value["Detail"]
  email_href["Link"]
  email_status["Availability"]
  email_status_note["Availability note"]
  help_title -- "filled in  + more " --> help_button_label
  help_text -- "filled in  + more " --> help_button_label
  help_button_label -- "filled in" --> help_button_link
  chat_label -- "filled in" --> chat_value
  chat_label -- "filled in" --> chat_href
  chat_label -- "filled in" --> chat_status
  chat_label -- "filled in" --> chat_status_note
  call_label -- "filled in" --> call_value
  call_label -- "filled in" --> call_href
  call_label -- "filled in" --> call_status
  call_label -- "filled in" --> call_status_note
  text_label -- "filled in" --> text_value
  text_label -- "filled in" --> text_href
  text_label -- "filled in" --> text_status
  text_label -- "filled in" --> text_status_note
  email_label -- "filled in" --> email_value
  email_label -- "filled in" --> email_href
  email_label -- "filled in" --> email_status
  email_label -- "filled in" --> email_status_note