Chat para tu sitio web
Cómo poner el chat de Carrier en tu página, personalizarlo y responder a tus visitantes desde el panel.
Qué es
Un botón de chat que aparece en una esquina de tu sitio. El visitante lo toca, escribe, y su mensaje llega a Carrier como una conversación más, junto con las de WhatsApp y Telegram. Tu equipo responde desde el panel y el visitante ve la respuesta en la misma ventana, sin salir de tu página.
Antes de empezar
- Necesitas entrar a Carrier con el rol Admin.
- Necesitas poder editar tu sitio web, o alguien de tu equipo que pueda pegar un código en él.
1. Crea la bandeja del chat
- En el menú, entra a Bandejas y toca Crear bandeja.
- Ponle un nombre que la distinga, por ejemplo «Chat del sitio».
- En Canal, elige Widget (Chat en vivo).
- Toca Crear bandeja.
Si tienes varios sitios, crea una bandeja para cada uno: así sabes de cuál viene cada conversación.
2. Personaliza cómo se ve
En la lista de Bandejas, busca la del chat y toca Editar widget. En el Editor de widget eliges:
- Título de bienvenida y Subtítulo: el saludo que ve el visitante al abrir el chat.
- Color de marca: el color del botón y de la ventana del chat.
- Posición del botón: a la izquierda o a la derecha de la pantalla.
- Logo del widget (opcional): una imagen PNG, JPG o GIF de hasta 2 MB. Si no subes ninguno, se usa el logo de tu empresa.
La Vista previa muestra el resultado mientras haces cambios; puedes tocar el botón para abrirla y cerrarla. Al terminar, toca Guardar cambios.
3. Copia el código y pégalo en tu sitio
- En el mismo editor, baja hasta Código de instalación y toca Copiar.
- Pégalo en tu sitio web, tal como indica el panel: en la cabecera de la página o justo antes de su final.
- Si tu sitio está hecho con WordPress, Wix, Shopify u otro constructor, busca la opción para agregar código personalizado en todas las páginas y pégalo ahí.
- Si alguien más administra tu sitio, envíale el código copiado.
- Guarda y publica los cambios de tu sitio. El botón del chat aparece al recargar la página.
Basta con pegarlo una vez: el mismo código sirve para todas las páginas del sitio. Si después cambias el color, el saludo o el logo en el panel, no hace falta volver a pegarlo.
4. Responde las conversaciones
Cada mensaje del chat llega a Conversaciones, marcado con la bandeja del chat. Se responde como en cualquier otro canal: con respuestas rápidas, notas internas, etiquetas y asignación a agentes.
- Si el visitante cierra la página, la conversación queda guardada. Cuando vuelve desde el mismo navegador, sigue donde la dejó.
- Si escribe desde otro navegador o desde otro dispositivo, aparece como un contacto nuevo.
5. Un bot en el chat (opcional)
Puedes asignar un bot a la bandeja del chat para que conteste solo, y que tu equipo tome la conversación cuando haga falta. Lo explica la guía de bots.
Preguntas frecuentes
El botón no aparece en mi sitio. Revisa que pegaste el código completo y que publicaste los cambios. Si tu sitio guarda copias en caché, límpiala y vuelve a cargar la página. Si la bandeja del chat está archivada, el chat no funciona: restáurala en Bandejas, en la pestaña Archivadas, con Restaurar bandeja.
¿Se ve bien en celulares? Sí. En pantallas chicas, la ventana del chat se adapta al tamaño del teléfono.
¿Puedo quitar «Powered by Carrier»? En el plan Enterprise no aparece.
¿Puedo abrir el chat desde un botón propio de mi sitio, o saludar al visitante por su nombre si ya inició sesión? Sí, pero requiere que tu equipo técnico haga un ajuste en tu sitio. Escríbenos y te enviamos las instrucciones para desarrolladores.