Cómo añadir el chatbot de IA Asyntai a WordPress

Guía paso a paso para sitios web de WordPress

Plataforma:

Paso 1: Obtén su código de inserción

Primero, ve a su Panel de control de Asyntai y desplácese hasta la sección "Código de inserción". Copie su código de inserción único que se verá así:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

Paso 2: Elija el método de instalación

Hay varias formas de agregar el widget de chat a WordPress. Elija el método que mejor le funcione:

Método 1: Usar un plugin (recomendado)

La forma más fácil de agregar el widget de chat es usando un plugin como "Insert Headers and Footers" o "WPCode".

Usando WPCode (gratuito)

Go to Plugins → Add New in your WordPress admin
Busque "WPCode" e instálalo
Active el plugin
Ve a Code Snippets → Header & Footer
Pegue su código de inserción de Asyntai en la sección "Footer"
Haga clic en "Save Changes"

Usando Insert Headers and Footers

Go to Plugins → Add New in your WordPress admin
Busque "Insert Headers and Footers" de WPBeginner
Instale y active el plugin
Ve a Settings → Insert Headers and Footers
Pegue su código de inserción de Asyntai en el cuadro "Scripts in Footer"
Haga clic en "Save"

¿Por qué usar un plugin? Usar un plugin asegura que su código permanezca en su lugar incluso cuando actualices o cambies su tema de WordPress.

Método 2: Editar archivos del tema

Puede agregar el código directamente a los archivos de su tema. La ubicación del Editor de Archivos del Tema depende de su versión de WordPress y tipo de tema.

Para temas clásicos

Ve a Appearance → Theme File Editor en su panel de administración de WordPress
Select your active theme from the dropdown (if not already selected)
Busque y haga clic en footer.php en la lista de archivos a la derecha
Desplácese hasta el final y busque la etiqueta de cierre </body>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
Haga clic en "Update File"

Para temas de bloques (temas FSE)

Si estás usando un tema basado en bloques (como Twenty Twenty-Four u otros temas de Edición Completa del Sitio), el Editor de Archivos del Tema se ha movido:

Ve a Tools → Theme File Editor en su panel de administración de WordPress
Seleccione su tema activo del menú desplegable
Busque footer.php o footer.html en la lista de archivos
Agrega su código de inserción de Asyntai antes de la etiqueta de cierre </body>
Haga clic en "Update File"

Nota: Algunos temas de bloques no tienen un archivo footer.php. En ese caso, use el método del plugin (WPCode) que funciona con todos los tipos de temas.

Importante: Las actualizaciones del tema sobrescribirán sus cambios. Para una solución permanente, use un tema hijo o el método del plugin en su lugar.

Método 3: Usando Elementor

Si estás usando Elementor, puede agregar el código a través de la función de código personalizado de Elementor.

Elementor Pro

Ve a Elementor → Custom Code
Haga clic en "Add New"
Dale un nombre como "Asyntai Chatbot"
Set Location to "Before </body> End"
Pegue su código de inserción de Asyntai
Set Display Conditions to "Entire Site"
Haga clic en "Publish"

Elementor Free

Si estás usando la versión gratuita de Elementor, use el método del plugin descrito anteriormente, ya que la inyección de código personalizado requiere Elementor Pro.

Paso 3: Verificar la instalación

Después de agregar el código, visite su sitio web en una nueva pestaña del navegador o ventana de incógnito. Deberías ver el botón del widget de chat en la esquina inferior derecha de su sitio. Haga clic en él para asegurarte de que se abra y funciona correctamente.

¿No ves el widget? Limpie el caché de su navegador y cualquier plugin de caché de WordPress. Si estás usando un plugin de caché como WP Rocket o W3 Total Cache, purga el caché después de agregar el código.

Documentación