Añade el widget web de ChatMaxima a un sitio de Wix

Visión general

Esta guía te lleva paso a paso por la instalación del widget de chat web de ChatMaxima en un sitio web de Wix. Una vez instalada, la burbuja de chat aparece en cada página de tu sitio y se conecta directamente con tu bandeja de entrada unificada de ChatMaxima, junto a tus conversaciones de WhatsApp, Instagram, Facebook, Telegram y SMS.

Todo el proceso lleva unos cinco minutos y no requiere programación.

Requisitos previos

Antes de empezar, asegúrate de tener:

• Una cuenta de ChatMaxima activa con un canal de widget web configurado
• Un plan Wix Premium con un dominio personalizado conectado
• Acceso de propietario o administrador al sitio de Wix donde quieres instalar el widget

Nota: Los planes gratuitos de Wix no permiten código personalizado, por lo que el widget no se puede instalar en un sitio Wix gratuito. Primero debes actualizar a un plan Premium con un dominio personalizado conectado.

Paso 1: Genera tu fragmento de widget en ChatMaxima

1. Inicia sesión en tu panel de ChatMaxima en chatmaxima.com/dashboard/
2. En la barra lateral izquierda, ve a Canales
3. Selecciona Widget web, luego abre un widget existente o haz clic en Crear nuevo widget
4. Personaliza la apariencia del widget: colores de marca, mensaje de bienvenida, logo y posición de la ventana de chat
5. Opcionalmente, activa un formulario previo al chat para recopilar el nombre y el correo del visitante
6. Guarda los cambios y luego haz clic en la pestaña Instalar o Código de inserción
7. Copia el fragmento de JavaScript al portapapeles

El fragmento es una pequeña etiqueta <script> que se carga de forma asíncrona, así que no ralentizará tu sitio.

Paso 2: Abre el código personalizado en Wix

1. Inicia sesión en tu cuenta de Wix en wix.com y abre el panel del sitio
2. En la barra lateral izquierda, ve a Configuración
3. Desplázate hasta la sección Avanzado y haz clic en Código personalizado

Nota: En algunos paneles de Wix esta opción aparece en Marketing y SEO y luego Seguimiento y analíticas. Ambas rutas llevan al mismo panel de código personalizado.

Paso 3: Añade el fragmento de ChatMaxima

1. Haz clic en + Agregar código personalizado en la parte superior derecha de la página de código personalizado
2. Pega el fragmento de ChatMaxima que copiaste en el paso 1 en el campo Pega aquí el fragmento de código
3. En el campo Nombre, introduce una etiqueta reconocible como ChatMaxima Web Widget
4. En Agregar código a las páginas, selecciona Todas las páginas y marca la opción Cargar código una vez
5. En Colocar código en, selecciona Cuerpo: fin
6. Haz clic en Aplicar

Referencia de la configuración recomendada

Configuración	Valor	Por qué
Nombre	ChatMaxima Web Widget	Fácil de identificar después
Agregar código a las páginas	Todas las páginas	El widget aparece en todo el sitio
Cargar código una vez	Activado	Evita la recarga al navegar
Colocar código en	Cuerpo: fin	Necesario para que el widget se muestre

El script de ChatMaxima debe cargarse antes de la etiqueta de cierre </body> para que el widget se muestre correctamente.

Paso 4: Publica y verifica

El código personalizado solo se ejecuta en la versión publicada de tu sitio, nunca dentro de la vista previa del editor de Wix.

1. Abre el editor de Wix de tu sitio y haz clic en Publicar en la parte superior derecha
2. Una vez que termine la publicación, abre la URL de tu sitio en vivo en una nueva pestaña del navegador
3. Busca la burbuja de chat de ChatMaxima en la esquina inferior derecha de tu página
4. Haz clic en la burbuja, envía un mensaje de prueba y confirma que la conversación aparece en tu bandeja de entrada del equipo de ChatMaxima

Si la conversación de prueba llega a tu bandeja de entrada, tu widget está en funcionamiento.

Alternativa: insertar el widget en línea

Si quieres que la ventana de chat aparezca dentro de una sección específica de una página en lugar de como una burbuja flotante, usa el elemento de inserción HTML de Wix.

1. Abre tu sitio en el editor de Wix
2. Haz clic en el botón + Agregar elementos en la barra lateral izquierda
3. Desplázate hasta Insertar código y selecciona Insertar HTML
4. Pega tu fragmento de ChatMaxima en el campo de código
5. Arrastra el elemento de inserción a la ubicación deseada de la página y ajústalo de tamaño según sea necesario
6. Para fijar la ventana de chat en una esquina de la pantalla en todas las páginas, haz clic con el botón derecho en el elemento de inserción y selecciona Fijar a la pantalla
7. Haz clic en Publicar

Una altura de unos 622 px y un ancho de 384 px funcionan bien para la mayoría de los diseños.

Nota: El método de código personalizado de los pasos 1 a 4 es la ruta recomendada para la mayoría de los usuarios. Usa la inserción en línea solo si necesitas la ventana de chat en una ubicación fija de la página.

Buenas prácticas

• Prueba en la URL en vivo, ya que el código personalizado no se ejecuta en la vista previa del editor de Wix
• Usa el método de código personalizado para un chat en todo el sitio en lugar de la inserción en línea, salvo que necesites específicamente una ubicación fija en la página
• Mantén una sola herramienta de chat activa para no confundir a los visitantes con varias burbujas de chat
• Activa el formulario previo al chat en ChatMaxima para capturar automáticamente el nombre y el correo del visitante
• Configura reglas de enrutamiento para que las conversaciones de Wix lleguen al miembro del equipo adecuado

Solución de problemas

El widget no aparece en mi sitio

1. Confirma que estás probando en la URL en vivo publicada, no en la vista previa del editor de Wix
2. Verifica que tu plan de Wix es un plan Premium con un dominio personalizado conectado
3. Abre la consola del navegador y comprueba si hay errores de script
4. Confirma que el fragmento se pegó en Cuerpo: fin, no en Encabezado

El widget aparece en algunos navegadores pero no en otros

1. Desactiva cualquier bloqueador de anuncios o extensión estricta de prevención de seguimiento
2. Vuelve a cargar la página tras desactivarlos
3. Algunas herramientas de privacidad bloquean los scripts de terceros por defecto; pide a tus visitantes que añadan tu dominio a la lista de permitidos

Aparecen dos burbujas de chat en mi sitio

Probablemente tienes otra herramienta de chat instalada, como Wix Smart Chat, Tidio o LiveChat.

1. Abre tu panel de Wix y ve a Configuración
2. Busca la app de chat en conflicto y elimínala u oculta su widget
3. Vuelve a cargar tu sitio en vivo para confirmar que solo aparece ChatMaxima

Las conversaciones no llegan a mi bandeja de entrada

1. Abre tu panel de ChatMaxima y ve a Canales y luego a Widget web
2. Confirma que el widget está configurado como Activo
3. Verifica que los miembros de tu equipo están asignados a las reglas de enrutamiento correctas
4. Envía un nuevo mensaje de prueba desde el sitio en vivo

El widget se carga lento

El fragmento de ChatMaxima se carga de forma asíncrona y no debería afectar las puntuaciones de velocidad de tu página. Si notas una carga lenta, revisa si hay conflictos con los otros scripts personalizados de tu sitio de Wix.

Próximos pasos

• Conectar la automatización de DM de Instagram
• Configurar tu bandeja de entrada del equipo
• Entrenar tu bot de IA en Studio
• Configurar reglas de enrutamiento

¿Necesitas ayuda? Contacta al soporte de ChatMaxima en support@chatmaxima.com o chatea con nosotros en vivo en chatmaxima.com.