Cómo Agregar el Widget de Chat de WhatChimp a WordPress

Guía paso a paso para integrar el widget de webchat de WhatChimp en tu sitio WordPress

Updated 18 September 2026

Los chatbots nativos de sitios web son agentes conversacionales automatizados integrados en un sitio web, permitiendo a los usuarios interactuar sin salir del sitio. Estos bots asisten en tiempo real, responden preguntas, guían a los usuarios a través de procesos y mejoran la experiencia del usuario.

WhatChimp introdujo su función de Chatbot Nativo de Sitio Web, permitiendo a los usuarios agregar un widget de chat a las páginas de destino de su sitio web y administrar interacciones a través de la Opción de Live Chat de WebChat.

Requisitos Previos

Antes de comenzar, asegúrate de tener lo siguiente:

Una cuenta de WhatChimp

Acceso de administrador a tu sitio web WordPress

El plugin Elementor instalado (si usas Elementor como constructor de páginas)

Conecta tu Sitio Web

Navega a la opción "Connect Website" de WebChat desde el panel de WhatChimp.

Haz clic en Connect Website para acceder al menú de configuración.

Proporciona un título adecuado para tu chatbox.

Ingresa tu Website URL.

Configura el Theme Background y Theme Color.

Selecciona colores para Chat Bubble Background y Chat Bubble Color.

Sube un Brand Logo y configura el Chatbox Wallpaper.

Elige la posición del chatbox y si permanece abierto o cerrado al inicio.

Establece las posiciones del Eje X y Eje Y para una colocación precisa.

Configura el Loading Chatbox After delay (el predeterminado es 0 segundos).

Elige si deseas eliminar automáticamente los registros de suscriptores (el predeterminado es Never).

Haz clic en Connect para finalizar la configuración.

Copia el Código de Incrustación JS

Haz clic en Embed Code para abrir un cuadro de diálogo.

Copia el código de incrustación JavaScript de la esquina superior derecha.

Este código se puede usar para WordPress, sitios personalizados y otras plataformas.

Pega el Código de Incrustación JS en tu Sitio Web

Inicia sesión en tu sitio web WordPress y accede al Dashboard.

Navega a la Página de Inicio y selecciona Visit Site.

Haz clic en el ícono Home, luego elige Edit with Elementor.

Busca el widget Code en la sección Widgets.

Selecciona el widget Shortcode, luego arrástralo y suéltalo dentro de un contenedor en la página.

Pega el código de incrustación copiado en la sección de shortcode.

Publica la página para que el chatbot esté activo.

Ten en cuenta que hemos seleccionado solo la Página de Inicio y nuestro widget de chat será visible solo para esta página. Si deseas que se muestre en otras páginas, sigue el mismo procedimiento.

Nota: Como la mayoría de los sitios web WordPress usan el plugin Elementor como constructor de páginas, lo hemos utilizado. Para otros constructores de páginas, el proceso será casi similar.

Prueba tu Chatbot

Visita tu sitio web y abre el chatbot.

Prueba los disparadores de palabras clave para las respuestas del bot.

Regresa a la Opción de Live Chat de BotSailor Web Chat para administrar conversaciones.

Siguiendo estos pasos, puedes integrar exitosamente el WebChat de WhatChimp en tu sitio WordPress para una interacción fluida con los clientes.

FAQs

1. ¿Puedo usar este chatbot en sitios web que no sean WordPress?

Sí, puedes integrar el chatbot con sitios web personalizados y otras plataformas usando el código de incrustación JavaScript proporcionado.

2. ¿Necesito Elementor para agregar el chatbot a mi sitio?

No, Elementor es solo una forma de agregar el chatbot. Puedes pegar el código de incrustación JS en cualquier constructor de páginas o directamente en el HTML de tu sitio.

3. ¿Puedo personalizar la apariencia del chatbot?

Sí, puedes modificar el color del tema, el fondo de la burbuja de chat, el papel tapiz del chatbox y el logo de marca en el menú de configuración de Webchat.

5. ¿Qué hago si el chatbot no aparece en mi sitio web?

Verifica lo siguiente:

Asegúrate de que el código de incrustación esté pegado correctamente.

Confirma que JavaScript esté habilitado en tu sitio.

Verifica que el chatbot esté activado en tu configuración de BotSailor.

Limpia el caché de tu sitio web e intenta nuevamente.