Acceso y configuración

Para usar el widget de Webchat, primero crea un chatbot de tipo Omnicanal. Hazlo desde el botón “Configurar Omnicanal” y asígnale un nombre. Luego accede al widget desde el menú lateral.

Puedes crear un bot nuevo o convertir uno existente en Omnicanal. Desde ahí, encontrarás el Webchat Widget, listo para editar desde el icono de lápiz.

Personaliza tu Webchat

• Burbuja de Chat: Elige el ícono y texto que prefieras para la burbuja flotante.
• Botón de Conversación: Configura llamados a la acción (CTA) para iniciar o reiniciar chats.
• Mensaje de Bienvenida/No disponible: Personaliza saludos y mensajes fuera de horario.
• Formulario Pre-Chat: Captura datos antes de iniciar el chat. Añade campos (texto, email, etc.), define obligatorios y visualiza en tiempo real. Sólo disponible en modo flotante o popup.
• Flujo de inicio por defecto: Si no usas pre-chat, selecciona aquí el flujo inicial.

Puedes saltar el botón de conversación para iniciar el chat automáticamente. Solo asegúrate que no haya otros canales seleccionados y que el flujo por defecto esté conectado.

Mensajes de saludo

Configura saludos diferentes para diferentes páginas, sólo para usuarios nuevos y sin formulario pre-chat activo. Elige en qué páginas mostrar el saludo y define nombre/emisor.

Opciones de configuración

• Idioma: Cambia el idioma de la interfaz según tu público.
• Sonido de notificaciones: Activa sonido personalizado para nuevos mensajes.
• Funciones: Permite emojis, adjuntos, cerrar chat, popup, continuar en móvil con QR y el efecto de tipeo palabra por palabra.
• Whitelist de dominio: Autoriza tu dominio para mostrar el widget (sólo un dominio raíz por Omnicanal).

Redirección a otros canales

Desde el Webchat, puedes habilitar redirección a WhatsApp, Messenger, Instagram y más. Activa los canales en la configuración y los usuarios podrán elegir su favorito antes de iniciar la conversación.

Apariencia y estilo

• Tema: Elige entre diseños predefinidos (Estándar, WhatsApp, Messenger, etc.).
• Fuente: Escoge entre múltiples tipografías.
• Colores: Personaliza widget, burbujas, cabecera y botones.
• Botón iniciar chat: Define el radio de esquinas para adaptar el botón a tu web.

Estilo de visualización

Escoge entre:

• Flotante: Ícono de chat en la esquina.
• Página completa o Embed: El chat ocupa todo o parte del sitio.
• Modal Popup: Chat como ventana emergente.
• Personalizable: Instala diferentes estilos en cada página si lo necesitas.

Coloca el código de instalación generado (según el estilo elegido) en el header de tu sitio.

Funciones avanzadas

Puedes establecer un ID de usuario personalizado desde tu sitio, usando una clave especial y un hash (SHA256 HMAC). Esto permite identificar visitantes, vincular perfiles o recuperar el historial de chat.

Añade el script de usuario en el header, con los valores generados desde tu backend. Así puedes pasar datos como nombre, email y valores personalizados a WikiChat:

<script>
window.addEventListener("chatbot:ready", function () {
 window.$chatbot.setUser("USERID", {
   name: "Nombre",
   email: "correo@ejemplo.com",
   identifier_hash: "HASH"
 });
});
</script>

Puedes pasar atributos personalizados agregando:

window.$chatbot.setCustomAttributes({
 user_fields: {
   campo1: "valor1",
   campo2: "valor2"
 }
});

Si un campo no existe en el flujo, créalo previamente en WikiChat.

Custom CSS

Personaliza completamente la apariencia usando selectores CSS específicos para el widget Webchat de WikiChat. Así puedes adaptar el widget a tu imagen de marca.

Instalaciones avanzadas

Puedes instalar diferentes estilos en cada página e iniciar distintos flujos usando parámetros en la URL del script. Usa el parámetro ref para lanzar un flujo particular o agregar datos directamente al perfil de contacto con payloads, ayudando en flujos de ventas, soporte, o segmentación.

¿Dudas frecuentes?

• Puedes abrir el widget por defecto sin clic si omites otros canales y conectas el flujo inicial.
• Puedes modificar el footer y otros elementos visuales mediante CSS.

Paso a Paso para la Conexión

1. Acceso y selección de canal: Inicia sesión en WikiChat, ve al menú de canales y selecciona WhatsApp Cloud. Haz clic en "Conectar WhatsApp Cloud".
2. Meta Business Manager: Elige una cuenta de Meta Business Manager existente o crea una nueva ingresando los datos requeridos.
3. Perfil empresarial: Rellena el nombre interno y el nombre de exposición visible en WhatsApp, selecciona la categoría y agrega una descripción para tu empresa.
4. Verificación de número: Introduce el número telefónico (que no esté registrado en WhatsApp) y valida mediante SMS o llamada.
5. Sincroniza y activa: Regresa a WikiChat, sincroniza los números y activa el canal desde la configuración.
6. Verifica conexión: Crea un flujo sencillo, publícalo y envía un mensaje de prueba desde tu WhatsApp personal al nuevo número para comprobar la conexión.

No olvides vincular una tarjeta para activar la facturación y, opcionalmente, verificar tu cuenta de Meta para evitar restricciones.

Gestión y opciones avanzadas

• Verificación de facturación: Conecta una tarjeta válida desde tu Meta Business Manager.
• Salud de tu canal: En ajustes, revisa el estado del número y la cuenta de negocio.
• Manejo de números: Puedes agregar, verificar o eliminar números y actualizar nombres.
• Plantillas de mensajes: Sincroniza plantillas aprobadas desde Meta o crea nuevas dentro de WikiChat.
• Catálogo de productos: Gestiona tu catálogo conectando el catálogo de Facebook y sincronizándolo con WikiChat Ecommerce.
• Errores comunes: Consulta la sección de errores en el onboarding (usuarios, META, número o perfil) para sus soluciones.

Recuerda que completar la verificación de tu empresa en Meta te permite aumentar el número de teléfonos y las conversaciones diarias.

Canales soportados

Puedes conectar Facebook Messenger, Instagram, Telegram, WhatsApp. Iremos añadiendo más canales con el tiempo.

Sólo puedes tener un omnicanal por workspace. Recuerda esto al conectar canales.

Crear un chatbot omnicanal

1. Desde el menú lateral, haz clic en Omnicanal.
2. Elige "Crear nuevo chatbot" para empezar desde cero o "Convertir chatbot existente" para reutilizar uno previo y transferir tus contactos.
3. Si eliges la opción de nuevo chatbot, selecciona una plantilla o "Plantilla en blanco" en la tienda de plantillas.
4. Asigna un nombre y una descripción para tu chatbot.
5. Pulsa "Crear chatbot" para iniciar.

Conectar canales

Después de crear tu chatbot omnicanal, vuelve al dashboard y conecta los canales que quieras gestionar.

Puedes desvincular canales cuando lo necesites desde el botón correspondiente.

Crear flujos personalizados

Configura flujos para tu chatbot usando el editor visual. Algunas funciones pueden variar por canal.

Usa condiciones eligiendo "canal" para identificar el origen del usuario y personalizar la experiencia para cada canal.

Al colocar el cursor sobre los bloques del flujo, verás qué canales soportan cada funcionalidad con sus respectivos iconos.

Conexión y operaciones básicas

1. Accede a Facebook desde WikiChat y selecciona todas las páginas que desees automatizar.
2. Haz clic en Reconectar si necesitas agregar, eliminar una página o actualizar permisos.
3. Elige Crear flujo para generar una nueva automatización en tu canal.
4. Haz clic en Abrir flujo para editar o revisar tu automatización.
5. Puedes eliminar la conexión del canal con el icono de x roja. El flujo permanecerá disponible en tu espacio de trabajo.
6. Activa o detén la automatización cambiando el botón de estado.
7. Copia el enlace para hablar con tu bot o compártelo con tus contactos en Facebook.

Habla con el Canal de Facebook

• Utiliza el enlace generado al conectar tu canal.
• Presiona el botón de vista previa dentro de tu flujo.
• Busca tu página en Facebook y haz clic en Enviar mensaje.

Si conectas varias páginas o espacios de trabajo en WikiChat, selecciona siempre todas las páginas que desees gestionar.

A continuación, vincula tu cuenta empresarial de Instagram a una página de Facebook. Si no tienes una página, debes crearla. Dentro de la configuración de la página de Facebook, ve a "Instagram" y conecta tu cuenta.

Luego, accede a la app de Instagram, abre el menú, entra a configuración, privacidad, mensajes y activa la opción para permitir acceso a mensajes.

Conecta Instagram en WikiChat

En WikiChat, dirígete al apartado de Facebook y haz clic en "Reconectar". Esto gestionará tanto tus páginas de Facebook como tus cuentas de Instagram empresariales vinculadas.

Selecciona todas las cuentas de Instagram empresariales y todas las páginas de Facebook que deseas gestionar. No te limites solo a la página o cuenta activa.

Otorga todos los permisos solicitados. Tras conectar, verás el flujo de tu canal de Instagram bajo las secciones de Facebook e Instagram en WikiChat.

Probar tu canal de Instagram

Instagram no permite la función de vista previa en WikiChat. Para interactuar con el canal, busca tu cuenta en Instagram, síguela y haz clic en "Mensaje" para iniciar la conversación.

Requisitos previos

• Debes tener una cuenta TikTok Business con permisos necesarios.
• Verifica las restricciones de región de TikTok (por ejemplo, usuarios en la UE, UK y Suiza actualmente no son compatibles).

Conectar cuenta TikTok Business

1. Haz clic en el botón Conectar TikTok.
2. Selecciona tu cuenta TikTok Business y otorga todos los permisos.
3. Confirma haciendo clic en Finalizar.
4. Crea un canal específico de TikTok para automatizar tus flujos.

La integración de TikTok en WikiChat está en beta y pueden existir limitaciones regionales. Además, TikTok aún no es compatible con el canal OmniChat.

Tipos de mensajes y restricciones

• Sólo se pueden enviar mensajes de texto e imagen desde el flujo y chat en vivo.
• TikTok permite máximo 3 botones de respuesta por mensaje (sólo Reply).
• No se permiten botones URL o de teléfono, stickers, GIFs ni audio.

Automatizaciones y disparadores

Dirígete a Automatizaciones > Disparadores para configurar eventos como:

• Comentarios creados: responder automáticamente a comentarios en videos.
• Clicks en anuncios: detectar cuando un usuario interactúa con un anuncio para iniciar un DM.

Restricciones en automatización de comentarios

• Solo aplica a primeros comentarios en videos del canal conectado.
• Debes responder en las primeras 48 horas.
• No debes haber respondido al comentario manualmente o por DM antes.
• El usuario no debe tener interacción previa en los últimos 24h.
• El usuario debe ser mayor de 18 años.

Acciones disponibles vía TikTok API

• Obtener información de la cuenta
• Listar, publicar y obtener detalles de videos
• Listar y gestionar comentarios (responder, dar like, ocultar o eliminar)
• Publicar comentarios, listar respuestas a un comentario

Accede desde Nodo Acción > Acciones Avanzadas > TikTok API.

Configuraciones adicionales

• Mensaje de bienvenida automático
• Preguntas sugeridas (máximo 3 por cuenta)
• Prompts de chat (máximo 6 por cuenta, ejemplo: ¿Tienes alguna promoción en curso?)
• Responder mensajes directos a comentarios de alto interés (disponible sólo en ciertas regiones)

Configura tu canal en Telegram

1. Desde tu teléfono, visita @BotFather en Telegram desde un navegador.
2. Haz clic en "SEND MESSAGE" para abrir Telegram y toca "Start" para hablar con @BotFather.
3. Envía el comando /newbot y escribe el nombre de usuario para tu bot.
4. Recibirás un token de acceso; cópialo.

Conecta tu canal en WikiChat

1. En WikiChat, selecciona "Agregar nuevo canal de Telegram".
2. Pega el token en la ventana emergente y haz clic en "Crear flujo".

Puedes pausar o activar la automatización usando el interruptor de estado, o eliminar la conexión con la X roja (el flujo permanece en "Todos los canales").

Prueba tu canal de Telegram

• Haz clic en el enlace URL del canal.
• Usa el botón de vista previa en tu flujo para interactuar con tu canal.