Abrir chatbot quando usuário clicar em um botão personalizado

Estou trabalhando em uma página da central de ajuda onde realizei uma implementação de 3 ícones com links. Em um destes links eu preciso que quando o cliente clique nele, o chatbot presente na Central de Ajuda abra para iniciar o atendimento ao cliente. Já tentei utilizar os códigos fornecido pelo própria Zendesk no portal de documentação para desenvolvedores (https://developer.zendesk.com/documentation/classic-web-widget-sdks/web-widget/quickstart-tutorials/creating-a-launcher-for-the-web-widget/) e tentei utilizar alguns outros códigos que encontrei na internet (https://stackoverflow.com/questions/31247753/activate-zendesk-widget-using-javascript-trigger), porém nenhum dos códigos utilizado funcionou. Abaixo deixo o código que onde desejo que o usuário clique para abrir o chat com a última tentativa que realizei.

home-page

<div class="column-container-principal container-link">
        <a id="start-chatbot" href="javascript:$zopim.livechat.window.show();">
        <img title="chat" src="https://theme.zdassets.com/theme_assets/526457/bd9e1c8f4757f99fbc652c33a75d27f21be236b7.svg" />
        <div class="p_rodape_h click-chatbot-atendimento container-link-label">
            Chat Online
        </div>
      </a>
      <div class="container-link-description container-link-description-chat">
          Atendimento de Segunda à Sexta das 8hrs às 17hrs
      </div>
    </div>

script.js

$zopim(function() {
   $zopim.livechat.hideAll();
});