Cómo instalar un chatbot en WordPress en 3 minutos

Antes de empezar: qué necesitas

Necesitas acceso de administrador a tu WordPress y el código de tu asistente. No hace falta tocar archivos ni saber programar si usas el plugin.

El código lo encuentras en el panel de Ada, en la pantalla de instalación, ya completo con tu identificador. Tiene esta forma, donde TU_CODIGO es el código público de tu asistente:

<script src="https://ada-assistant.com/wozzo-chat.js" data-public-url="TU_CODIGO" defer></script>

Cópialo tal cual desde el panel: si lo escribes a mano es fácil que se cuele una comilla tipográfica y deje de funcionar.

Opción 1: instalarlo con el plugin WPCode

Es el camino más rápido y el que no se pierde cuando actualizas el tema. WPCode (antes llamado «Insert Headers and Footers») es gratuito y muy usado para pegar códigos de analítica y widgets.

1. Instala el plugin

   En el escritorio de WordPress ve a Plugins > Añadir nuevo, busca «WPCode», pulsa Instalar ahora y luego Activar.

2. Abre la cabecera y el pie

   En el menú lateral aparece Code Snippets. Entra en Header & Footer (según el idioma del plugin puede salir traducido).

3. Pega el código en el campo del pie

   Verás tres campos: cabecera, cuerpo y pie. Pega el código de Ada en el tercero, el del pie (Footer). Así se carga al final de cada página y no frena la carga del contenido.

4. Guarda

   Pulsa Save Changes (o su traducción, «Guardar cambios»), arriba a la derecha.

5. Vacía la caché

   Si usas un plugin de caché como WP Rocket, LiteSpeed Cache o W3 Total Cache, vacíala para que las páginas se generen de nuevo con el código.

Opción 2: añadirlo desde el tema hijo, sin plugins

Si tu web tiene un tema hijo y no quieres sumar plugins, puedes añadir el código con una función en el archivo functions.php del tema hijo. Solo vale para WordPress.org.

Esta opción es para quien está cómodo editando archivos o para tu informático. Si no sabes qué es un tema hijo, usa WPCode: un error en functions.php puede dejar la web en blanco.

add_action('wp_footer', function () {
    echo '<script src="https://ada-assistant.com/wozzo-chat.js" data-public-url="TU_CODIGO" defer></script>';
});

• Usa el tema hijo, no el principal. Si lo pones en el tema principal, la próxima actualización del tema lo borrará.
• Mejor functions.php que footer.php. Los temas de bloques modernos, como Twenty Twenty-Four o Twenty Twenty-Five, no tienen archivo footer.php, y la función sirve igual en todos.
• El tema debe llamar a wp_footer(). Casi todos lo hacen. Si después de guardar no ves el código en la página, es la primera sospecha.

Si tu web está en WordPress.com

En WordPress.com puedes instalar plugins en cualquier plan de pago (Personal, Premium, Business o Commerce). En el plan gratuito no se pueden instalar plugins ni pegar scripts, así que primero tendrías que cambiar de plan.

Con un plan de pago, el proceso es el mismo de la opción 1: instalas WPCode desde Plugins, pegas el código en el pie y guardas. Es también el método que propone la propia ayuda de WordPress.com para añadir código a la cabecera o al pie.

Si no sabes si tu web es WordPress.com o WordPress.org, mira desde dónde entras al escritorio: si es desde wordpress.com, es WordPress.com; si entras por tudominio.com/wp-admin con un alojamiento contratado aparte, es WordPress.org.

Cómo comprobar que funciona

Abre tu web en una ventana de incógnito y espera unos segundos: tiene que aparecer la burbuja del chat en la esquina inferior. La ventana de incógnito evita que veas una versión guardada de la página.

1. Mira la portada y una página interior

   Si sale en las dos, el código está en todo el sitio.

2. Revisa el código fuente

   Clic derecho > Ver código fuente y busca «wozzo-chat.js». Si está, el código se ha guardado bien.

3. Hazle una pregunta

   Pregunta algo que esté en tu web, como el horario o un precio, y comprueba que responde con tu información.

4. Mira el panel de Ada

   En la pantalla de instalación, el panel detecta cuándo el asistente se ha cargado en tu dominio.

Problemas frecuentes en WordPress

Casi siempre que la burbuja no sale es por la caché o por un plugin que agrupa los scripts. Estos son los casos más habituales:

Si sigues sin verlo, desde el panel de Ada puedes enviar las instrucciones por email a la persona que te lleva la web, con tu código y el enlace a esta guía.

Y después, WhatsApp

El mismo asistente que responde en tu WordPress puede contestar en WhatsApp con la misma información, sin volver a configurarlo. Se conecta desde el panel con la API oficial de Meta y sigues usando la app WhatsApp Business en el móvil.

Está incluido en el plan Premium. Te lo contamos en chatbot para WhatsApp y en la guía para conectar tu número sin perder la app.

Preguntas frecuentes