Solo toma unos minutos instalar el Messenger en tu sitio web. Una vez instalado, podrás saludar, chatear y convertir a tus visitantes y leads en clientes.
Visitantes/Leads vs. Users
Los visitantes del sitio web se convierten en leads cuando se comunican a través del Messenger, mientras que los users han iniciado sesión en tu sitio web o app. La principal diferencia es la cantidad de información que conoces sobre ellos. Si estás instalando Intercom para users con sesión iniciada, usa esta guía.
Necesitarás una prueba o suscripción de Intercom para instalar el Messenger.
Instalación inicial del Messenger para visitantes y leads en la web
Antes de elegir tu método de instalación, considera los requisitos de tu sitio web:
Sitios web estándar con Messenger accesible para todos los visitantes - Elige esto si quieres que el Messenger esté disponible tanto para visitantes con sesión iniciada como para los que no.
Sitios web estándar con Messenger restringido a users con sesión iniciada - Selecciona esto si quieres limitar el acceso al Messenger solo a users autenticados.
Instalación para aplicación de una sola página (SPA) - Usa este método específico si tu sitio web está construido como una aplicación de una sola página.
Primero ve a Configuración > Messenger > Instalar y elige Instalar para web.
Elige cómo instalar el Messenger
Selecciona cómo quieres instalar eligiendo uno de los siguientes métodos:
Fragmento de código
React
Angular
Vue
Ember
WordPress
Google Tag Manager
Shopify
Segment
Cada método proporciona pasos específicos cuando se selecciona. Muchos de estos métodos ofrecen una instalación mediante node package manager (NPM) para facilitarte el proceso.
Pide ayuda a tu desarrollador (opcional)
Si es necesario, puedes pedir a un compañero (como un ingeniero) que complete la instalación. Simplemente haz clic en Invitar a un compañero.
Una vez que ingreses su dirección de correo electrónico, se enviará una invitación que les permitirá unirse al espacio de trabajo de tu equipo.
Al compañero invitado se le asignará un asiento lite en planes Advanced / Expert y un asiento completo en planes Essential. Tendrán los permisos mínimos necesarios para instalar el Messenger:
Puede gestionar configuraciones generales y de seguridad
Puede gestionar configuraciones del Messenger
Puede gestionar datos del espacio de trabajo
Instálalo tú mismo
Si seleccionas Fragmento de código, React, Angular, Vue, Ember o Shopify como método de instalación, tendrás la opción de instalar Intercom para visitantes del sitio web sin iniciar sesión.
Recomendamos instalar el Messenger para users y visitantes.
Instala Intercom mediante el método que elegiste
Ahora sigue las instrucciones dadas para el método que seleccionaste.
Si seleccionaste el método Fragmento de código, React, Angular, Vue, o Ember, se te proporcionará un paquete NPM que contiene un fragmento de código para copiar y pegar en la base de código de tu propia app. Este fragmento viene prellenado con tu ID único de espacio de trabajo, por lo que está listo para usar.
También puedes encontrar el paquete directamente en el sitio de NPM.
Hay varias otras plantillas disponibles, como incluir el fragmento de código en un JavaScript básico o aplicación de una sola página, o también puedes usar la gem de Rails para instalar el fragmento.
Haz clic en Copiar código y pégalo antes de la etiqueta </body> en cada página donde quieras que aparezca el Messenger en tu app.
Después de agregar el código, visualiza tu sitio web como visitante y el Messenger aparecerá.
Si estás usando el zoom CSS en tu página web, asegúrate de que los widgets de Intercom no lo estén recibiendo.
Opciones de apariencia y sensación
La primera opción te permite elegir si quieres mostrar u ocultar el messenger para la audiencia de tu sitio web antes de lanzarlo. De lo contrario, por defecto se muestra el messenger.
La segunda opción enlaza con la configuración de tu Messenger, donde puedes cambiar los colores y el tema del Messenger.
Verifica la instalación
Puedes verificar que la instalación fue exitosa haciendo clic en Verificar instalación. Este botón ofrece una notificación de éxito si el Messenger se ha encontrado correctamente o indica si algo salió mal.
Si has instalado el Intercom Messenger y no aparece correctamente, aquí tienes algunas formas comunes de solucionarlo.
Aprende a:
Instalando Intercom para un cliente
Si no tienes acceso al espacio de trabajo de Intercom, puedes obtener el código JavaScript aquí 👇 Necesitarás reemplazar manualmente WORKSPACE_ID con el ID único de espacio de trabajo para tu cuenta de Intercom.
<script>
var APP_ID = "WORKSPACE_ID"; // Replace this with your workspace ID
window.intercomSettings = {
app_id: APP_ID
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
Instalando Intercom para espacios de trabajo alojados en la UE y AU
Para instalar Intercom si usas nuestro alojamiento en la UE o AU, necesitarás proporcionar un parámetro adicional api_base. Los valores para esto están listados en la tabla a continuación
Región de alojamiento de datos | Valor de |
Estados Unidos (US) | |
Unión Europea (EU) | |
Australia (AU) |
Pasos comunes para solución de problemas
Si el Messenger no aparece en tu sitio web, puedes usar estos pasos comunes para diagnosticar el problema.
1. Verifica tu instalación
Comienza confirmando que el fragmento de JavaScript del Messenger o el plugin seleccionado se haya instalado correctamente. Si usas el fragmento de JavaScript, asegúrate de que esté colocado justo antes de la etiqueta de cierre `</body>` en tu sitio web.
2. Verifica los dominios confiables
Asegúrate de que el domain de tu sitio web esté configurado correctamente en Configuración > Seguridad > Dominios confiables en tu espacio de trabajo. Si tu domain no está listado, el Messenger no se cargará.
3. Revisa la verificación de identidad
Si has habilitado la verificación de identidad, verifica que esté configurada correctamente. Una mala configuración puede causar un error 403 y evitar que el Messenger se cargue en tu sitio web.
4. Desactiva bloqueadores de anuncios y navegación privada
Ciertas funciones y extensiones del navegador, como bloqueadores de anuncios y modos de navegación privada, pueden interferir con el Messenger. Intenta desactivarlos temporalmente para ver si el Messenger se vuelve visible.
Nota: La verificación de identidad es una medida de seguridad adicional. Si se aplica pero no está configurada correctamente en tu sitio web, puede ocurrir un error 403.