Si deseas que el Messenger se inicie desde un botón, enlace o elemento específico en tu app, sitio o aplicación móvil, puedes crear un lanzador personalizado. Por ejemplo, puedes activar el Messenger para que se abra cuando un cliente haga clic en tu botón ‘Talk to us’ o en el ícono de chat.
Este artículo te guiará en el proceso de crear un lanzador personalizado para que se integre perfectamente en tu producto, sitio o aplicación móvil.
Puedes agregar tantos lanzadores personalizados a tu producto, sitio web o aplicación móvil como desees.
¿No es lo que buscas?
Si aún no lo has hecho, te recomendamos seguir estos pasos esenciales para personalizar el Messenger estándar en tus ajustes. Y aquí te mostramos cómo mostrar el lanzador del Messenger estándar en tu app iOS o Android.
Crea un lanzador personalizado en tu app web o sitio
1. Pasa el ID del elemento que usarás como lanzador personalizado para abrir el Messenger (por ejemplo, "#my_custom_link"). O puedes especificar varios enlaces pasando una clase en su lugar (por ejemplo, ".my_custom_class_name")
2. Añade el ID o clase al elemento HTML que quieres que abra el Messenger al hacer clic. Por ejemplo, si quieres que el Messenger se abra cuando alguien haga clic en un enlace a tu dirección de soporte:
<a id="my_custom_link" href="mailto:HELP@YOUR-APP.COM">Support</a>
Nota: Incluir tu dirección de soporte como destino del enlace funciona bien como respaldo, así que si un visitante no tiene JavaScript habilitado en su navegador, puede enviar un correo a tu equipo.
3. Añade esta línea a tu fragmento IntercomSettings:
custom_launcher_selector:'#my_custom_link'
Así:
window.intercomSettings = {
app_id: "YOUR_APP_ID",
custom_launcher_selector:'#my_custom_link'
};
Importante: Puedes elegir desactivar el lanzador estándar para que solo aparezca tu lanzador personalizado.
Configura un lanzador personalizado usando Google Tag Manager (GTM)
También puedes especificar un lanzador personalizado usando GTM configurando el valor custom_launcher_selector en "Custom Data Attributes" de tu etiqueta de instalación GTM.
Crea un lanzador personalizado en tu aplicación móvil
Aquí te mostramos cómo crear un lanzador personalizado en tu app iOS o Android y cómo mostrar el conteo de conversaciones no leídas de tus users.