Hi,

I'm sorry in advance for my bad English, we are a French team 🇫🇷 

We have added custom code to our Widget to show the 2 contact options when the user opens the widget on the site. When the chat is online, the user can choose between initiating a discussion or sending a message via the contact form. We would like to force the appearance of these 2 options even when no agent is online. With just the indication "Chat offline" as we can see when the user opened the widget and just before starting the chat no agent is available.

Here's what we would always like to have as information:

When agents are online : 

When agents are offline : 

Because currently, when no agent is online, the user only sees the contact form, and we think it would be interesting to let people know that the chat is offline to offer the second option of the contact form.

Here is the code we are currently using below the widget code. Could you tell me what I could add to force these contact options please? :

<script type="text/javascript">zE('webWidget', 'setLocale', 'fr');window.zESettings = {   "webWidget": {      "launcher": {         "mobile": {            "labelVisible": true         },         "label": {            "*": "Aide"         },         "chatLabel": {            "*": "En ligne"         }      },      "contactOptions": {         "enabled": true,         "chatLabelOnline": {            "*": "Tchat en direct"         },         "chatLabelOffline": {            "*": "Tchat hors ligne"         },         "contactFormLabel": {            "*": "Envoyer un e-mail"         }      },      "contactForm": {         "title": {            "*": "Formulaire de contact"         }      },      "chat": {         "offlineForm": {            "greeting": {               "*": "Nous sommes hors ligne actuellement. Laissez nous un message."            }         },         "title": {            "*": "Tchat en direct"         }      },      "color": {         "theme": "#ffffff",         "launcher": "#e6e6e6",         "launcherText": "#000000",         "button": "#000000",         "header": "#000000"      }   }}</script>

Sorry if my request is not very clear. 

Thanks in advance 😉