💬 ¿Cómo agregar Webchat a su sitio web?
Whapify te permite incorporar un chatbot directamente en tu sitio web sin depender de plataformas externas como Facebook, Telegram, WhatsApp o Google. Esto facilita la interacción, elimina fricción y ofrece una experiencia más fluida a tus usuarios.Además, si capturas correos electrónicos o teléfonos desde el Webchat, podrás comunicarte con esos contactos mediante SMS o Email cuando sea necesario.
🧩 Incorpora el Webchat en su sitio web
1️⃣ Configuración inicial
Ve a
Configuración → Canales → Chat Web → Gestionar.
2️⃣ Agregar sitios web autorizados
El Webchat solo se cargará en los dominios que agregues aquí.
- tusitio.com
- www.tusitio.com
- subdominio.tusitio.com
3️⃣ Obtener el código Webchat
Una vez creado el chat:
- Haz clic en los 3 puntos (⋮)
- Selecciona Obtener código
- Copia el fragmento generado
Pégalo antes del cierre de
</body> o en un widget HTML del footer de tu sitio.
🎨 Personalización del Webchat
Color del Webchat
color: "#72ba0f"
Cambiar la plantilla visual
Opciones disponibles:
- default
- template1
- template2
template: "template2"
Mostrar la foto de perfil como persona
showPersona: true
Cambiar el icono del chat
icon: "https://tusitio.com/mi-icono-chat.png"
📘 Opciones completas del Webchat
| Opción | Descripción | Default |
|---|
| type | float / container | float |
| element | ID del contenedor (si type = container) | — |
| headerTitle | Título en la cabecera del Webchat | Nombre de la cuenta |
| color | Código o nombre del color | #007BFF |
| hideHeader | Ocultar cabecera (true/false) | false |
| ref | ID de flujo o paso para iniciar automáticamente | — |
| showPersona | Mostrar imagen del perfil | false |
| hideComposer | Ocultar área de texto | false |
| template | template1 / template2 | default |
| icon | URL del icono | — |
| right | Distancia del icono al borde derecho | 20px |
| bottom | Distancia del icono al borde inferior | 20px |
| loadMessages | Cargar historial (true/false) | true |
🔄 Transición desde otros canales a Webchat
Si un usuario está en SMS, Email u otro canal sin funciones avanzadas, puedes enviarlo al Webchat con:
{{webchat}}
Iniciar un flujo automáticamente
{{webchat}}&ref=111111
No cargar mensajes anteriores
{{webchat}}&ref=111111&lc=0
🖼️ Incrustar Webchat en un iframe
<div style="width:100%; padding-bottom:56.25%; position:relative;">
<iframe
src="TU_ENLACE_WEBCHAT"
style="position:absolute; top:0; left:0; width:100%; height:100%; border:none;">
</iframe>
</div>
💬 Facebook Chat Plug-in
Como alternativa, también puedes integrar el complemento oficial de chat de Facebook, aunque no dispone de las funciones avanzadas que sí ofrece el Webchat de Whapify.
📌 Conclusión
El Webchat de Whapify es una herramienta poderosa que permite ofrecer atención inmediata en tu sitio web, iniciar flujos avanzados, capturar datos y mejorar la experiencia del usuario sin depender de plataformas externas.
🔗 Recurso útil
Pégalo antes del cierre de