Añade un chatbot con IA a tu web WordPress

Qué necesitas

• Una web WordPress en la que puedas entrar como administrador (WordPress autoalojado o un plan de WordPress.com que permita plugins).
• Una cuenta con nosotros: regístrate con tu e-mail, indica la dirección de tu web y copia tu línea de código desde el panel.
• Unos cinco minutos.

Tu línea de código tiene este aspecto, con el identificador de tu web:

Opción 1: con el plugin gratuito WPCode (recomendado)

WPCode (en el directorio de plugins aparece como “WPCode – Insert Headers and Footers”) añade código a todas las páginas sin tocar tu tema. Su versión gratuita basta.

1. En el escritorio de WordPress, ve a Plugins → Add New, busca WPCode y pulsa Install Now y luego Activate.
2. Ve a Code Snippets → Header & Footer.
3. Pega tu línea en el cuadro Footer. El código que va ahí se imprime justo antes de la etiqueta de cierre </body> en todas las páginas.
4. Pulsa Save Changes.
5. Abre tu web en una pestaña nueva. El botón de chat aparece en la esquina inferior derecha y tu panel muestra Conectado.

Opción 2: en un tema hijo, sin plugin

Si prefieres no añadir un plugin, añade la línea desde el functions.php de tu tema hijo. Funciona igual con temas clásicos y con temas de bloques, porque ambos imprimen el hook wp_footer. Usa un tema hijo: los cambios en el tema padre se pierden cuando se actualiza.

1. Abre el functions.php de tu tema hijo (con el gestor de archivos de tu hosting, por SFTP o en Appearance → Theme File Editor si está habilitado).
2. Añade una función enganchada a wp_footer que imprima tu línea de código, por ejemplo add_action('wp_footer', function () { echo '…tu línea…'; });
3. Guarda el archivo y abre tu web para comprobar que aparece el botón de chat.

En un tema clásico también puedes pegar la línea en footer.php, justo antes de </body>. De nuevo, solo en un tema hijo.

Si no aparece el botón de chat

• Vacía la caché. Los plugins de caché, la caché de tu hosting y una CDN pueden seguir sirviendo la página antigua. Púrgalas todas después de guardar.
• Revisa las opciones de “retrasar JavaScript”. Algunos plugins de optimización retienen los scripts hasta que el visitante hace scroll o clic. Excluye widget.js de esa lista si el botón aparece tarde.
• Comprueba el dominio. El chat solo responde en la dirección que registraste (con www y sin www cuentan como la misma). Una copia de pruebas en otro dominio necesita que añadas ese dominio en tu panel; si no, prueba en localhost.
• Mira el código fuente de la página y busca widget.js. Si no está, el código no se guardó donde WordPress lo imprime.

Qué hace el asistente en WordPress

Lee las páginas públicas de tu web: servicios, descripciones de productos, preguntas frecuentes, páginas de envíos y devoluciones, quiénes somos y contacto. Responde a partir de ellas, en el idioma en que escribe el visitante, y vuelve a leer tu web cada día, así que cuando cambias una página las respuestas cambian con ella. Cuando una pregunta no está cubierta, lo dice en vez de adivinar, y la pregunta pasa a tu lista de preguntas que no pudo responder, para que sepas qué página mejorar.

Cuando un visitante pide hablar con una persona, tiene una queja o necesita que se haga algo, la conversación te llega por e-mail, o por Slack, Discord o Telegram si los conectas, y desde las apps de chat puedes responder al visitante en directo.

No entra en el escritorio de tu WordPress ni modifica tu web. Solo lee lo que puede leer cualquier visitante.

¿Tienes una tienda en WordPress?

Si vendes con WooCommerce, funciona la misma línea de código y el asistente responde a preguntas sobre tus productos y políticas a partir de las páginas de tu tienda. No puede consultar ni modificar pedidos de WooCommerce. Los detalles están en la página de WooCommerce.