Se você quiser que o Messenger seja iniciado a partir de um botão, link ou elemento específico no seu app, site ou aplicativo móvel, você pode criar um iniciador personalizado. Por exemplo, você pode acionar o Messenger para abrir quando um cliente clicar no seu botão ‘Talk to us’ ou no ícone de chat.
Este artigo irá guiá-lo pelo processo de criação de um iniciador personalizado para que ele se integre perfeitamente ao seu produto, site ou aplicativo móvel.
Você pode adicionar quantos iniciadores personalizados desejar ao seu produto, site ou aplicativo móvel.
Não é isso que você está procurando?
Se ainda não fez, recomendamos seguir estes passos essenciais para personalizar o Messenger padrão nas suas configurações. E aqui está como mostrar o iniciador do Messenger padrão no seu app iOS ou Android.
Crie um iniciador personalizado no seu app web ou site
1. Passe o ID do elemento que você está usando como iniciador personalizado para abrir o Messenger (por exemplo, "#my_custom_link"). Ou você pode especificar vários links passando uma classe em vez disso (por exemplo, ".my_custom_class_name")
2. Adicione o ID ou classe ao elemento HTML que você quer que abra o Messenger ao ser clicado. Por exemplo, se quiser que o Messenger abra quando alguém clicar em um link para seu e-mail de suporte:
<a id="my_custom_link" href="mailto:HELP@YOUR-APP.COM">Support</a>
Nota: Incluir seu endereço de suporte como destino do link funciona bem como alternativa, assim, se um visitante não tiver JavaScript habilitado no navegador, ele pode enviar um e-mail para sua equipe.
3. Adicione esta linha ao seu snippet IntercomSettings:
custom_launcher_selector:'#my_custom_link'
Assim:
window.intercomSettings = {
app_id: "YOUR_APP_ID",
custom_launcher_selector:'#my_custom_link'
};
Importante: Você pode optar por desativar o iniciador padrão para que apenas seu iniciador personalizado apareça.
Configure o iniciador personalizado usando o Google Tag Manager (GTM)
Você também pode especificar um iniciador personalizado usando o GTM definindo o valor custom_launcher_selector em "Custom Data Attributes" da sua tag de instalação do GTM.
Crie um iniciador personalizado no seu aplicativo móvel
Veja como criar um iniciador personalizado no seu app iOS ou app Android e como mostrar a contagem de conversas não lidas dos seus users.