Cómo agregar un chatbot con IA a WordPress (en 5 minutos)

Necesitas tres cosas, y cada una toma pocos minutos:

• Una cuenta de Nexoply. Regístrate gratis: el plan Free incluye 100 conversaciones al mes, sin tarjeta.
• La información de tu negocio en Nexoply: servicios y precios, preguntas frecuentes, políticas, horarios y zonas de servicio. Lo más rápido es escribir la dirección de tu sitio y dejar que Nexoply importe tus páginas públicas; tú revisas las sugerencias y no se agrega nada hasta que lo apruebes.
• Acceso de administrador a tu sitio WordPress, para instalar un plugin o editar el tema.

En tu panel de Nexoply, abre la página Chatbot (haz clic en Crear chatbot si todavía no lo creaste) y copia el código de instalación. Se ve así:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

En lugar de YOUR-KEY va la clave de tu chatbot, que la página Chatbot ya completa por ti. La clave es pública: no es una contraseña y no da acceso a tu cuenta. Solo le indica al widget a qué negocio pertenece. ¿Quieres verlo antes? Usa Abrir una página de prueba con tu chatbot para probarlo en una página de ejemplo.

WPCode es un plugin gratuito que agrega código al encabezado o al pie de página sin tocar los archivos del tema, así que tu código sobrevive a las actualizaciones y a los cambios de tema.

1. 1

   Instala WPCode

   En el administrador de WordPress, ve a Plugins → Añadir nuevo, busca "WPCode" y haz clic en Instalar ahora y luego en Activar.

2. 2

   Abre Header & Footer

   En el menú de la izquierda, ve a Code Snippets → Header & Footer. Verás tres cuadros: Header, Body y Footer.

3. 3

   Pega en Footer

   Pega tu código de Nexoply en el cuadro Footer. Así se carga justo antes de la etiqueta de cierre </body> en todas las páginas.

4. 4

   Guarda

   Haz clic en Save Changes. Listo: no hace falta publicar nada más.

Si prefieres no instalar un plugin, puedes poner el código directamente en tu tema. Usa un tema hijo si puedes: los cambios en los archivos del tema principal se pierden cuando el tema se actualiza.

1. 1

   Abre el editor de archivos del tema

   Ve a Apariencia → Editor de archivos de temas (en algunos sitios está en Herramientas → Editor de archivos de temas) y elige tu tema hijo.

2. 2

   Busca footer.php

   Abre footer.php en la lista de archivos. Si tu tema hijo no lo tiene, copia primero el footer.php del tema principal al tema hijo.

3. 3

   Pega antes de </body>

   Pega el código en su propia línea, justo encima de la etiqueta de cierre </body>. No borres la llamada a wp_footer().

4. 4

   Actualiza el archivo

   Haz clic en Actualizar archivo y abre tu sitio para comprobarlo.

Abre tu sitio en una ventana privada nueva. Aparece un botón de chat en la esquina inferior. Haz una pregunta real, como "¿Trabajan los fines de semana?" o "¿Cuánto cuesta el mantenimiento de un calentador?". En segundos, la conversación aparece en Conversaciones en tu panel. A partir de ahí, cualquier cambio que hagas en el panel llega a tu sitio en aproximadamente un minuto, sin volver a tocar WordPress.

• Caché. Plugins como WP Rocket, LiteSpeed Cache o W3 Total Cache (y algunos hostings) muestran una copia vieja de tus páginas. Borra la caché del plugin y la del hosting o CDN, y vuelve a cargar. Si tienes activada una opción de "retrasar JavaScript", el botón puede aparecer solo cuando el visitante se desplaza o hace clic; puedes excluir nexoply.com/widget.js de esa opción.
• Cuadro equivocado. Verifica que el código esté en el cuadro Footer de WPCode (o antes de </body> en footer.php), pegado una sola vez y completo, incluido el </script> final.
• Plan de WordPress.com. Si no encuentras Plugins ni WPCode, probablemente tu plan no permite plugins.
• Dominios permitidos. Si configuraste Permitir solo en estos sitios web en la página Chatbot, revisa que tu dominio esté escrito exactamente (por ejemplo minegocio.com, o *.minegocio.com para subdominios).
• Chatbot apagado. Comprueba que el interruptor Chatbot activado esté encendido.
• Bloqueadores de anuncios. En casos raros, una extensión del navegador bloquea los widgets de chat. Prueba con otro navegador o una ventana privada sin extensiones.

Todo lo demás se hace en el panel, no en WordPress. En Chatbot → Personalizar puedes elegir el ícono del botón de mensaje (o tu propia imagen), un texto, la forma, el tamaño, los colores y la posición, o usar en su lugar una pestaña lateral en el borde de la pantalla (como "Ayuda"). Puedes definir un aspecto distinto en celulares y usar reglas de página para cambiarlo en páginas concretas (por ejemplo /servicios/*). Ajusta la ventana de chat con tus fuentes, colores y logo, parte de una plantilla lista y agrega botones en la pantalla de inicio como Reservar, Llamar o WhatsApp.

Después, revisa tus conversaciones cada semana: las preguntas que el asistente no pudo responder aparecen en una lista y puedes convertir cada una en una pregunta frecuente con un clic. Mira cómo funciona para tener el panorama completo, o compara los planes en precios cuando necesites más conversaciones.