Volver al panel

Documentación

Aprende a usar Asyntai

Primeros pasos
Instalación Base de conocimientos Cómo accede la IA a tu contenido Conecta tu sitio web Prueba tu IA Gestionar sitios web
Personalización
Diseños del botón de chat Icono del botón de chat Colores del widget Fuente Nombre del asistente IA Mensaje inicial Posición del widget Activación automática Burbuja de saludo Insignia de no leídos Modo de instrucciones Hacer preguntas Usar emoji Permitir solo ciertos idiomas Recopilar correos electrónicos Recopilar números de teléfono Captura inteligente de leads Localización Ocultar marca Enlace de privacidad Aviso personalizado Abrir los enlaces en la misma pestaña Descarga de la conversación Nueva conversación Historial de conversaciones Subtítulo y punto de estado Voz a texto Icono del chat Logo de la empresa Límite de caracteres Temperatura
Consejos para instrucciones de IA Cambiar desde otro chatbot Comparar planes
Funciones
Barra Ask AI Barra de búsqueda con IA Rastreo del sitio web Lagunas de conocimiento Tarjetas de producto Tarjetas de producto dinámicas Imágenes dinámicas Contexto de usuario Herramientas personalizadas Parámetros de enlaces Mensajes proactivos Monitorización en directo Intervención humana Escalado Notificaciones de IA Notificaciones del navegador Informe diario Fuente de datos en tiempo real Fuente de datos en tiempo real Max Miembros del equipo Inicio de sesión único Autenticación de dos factores Incluir imágenes Análisis de imágenes Widget de traducción Localización Transparencia de IA Leads Captura inteligente de leads Tickets de soporte Respuestas por correo con IA Categorías de chat Centro de ayuda Reservas Agente de voz Contenido incrustado Excluir páginas IP bloqueadas Política de retención Modo de retención cero Enmascaramiento de PII Clasificador de respuestas Access Tags Fijación de versión del widget Registro de auditoría Sugerencias de respuesta Mensajes de seguimiento Voz a texto Descarga de la conversación Chat integrado Inserción con iframe
Analítica
Analítica de chats Historial de chats
Integraciones
REST API Instagram Messenger WhatsApp Twilio Discord Zapier Email Aplicaciones móviles
Otro
Añadir a pantalla de inicio Botón de apertura personalizado Botones Preguntar a la IA ¿Pago fallido?
Preguntar a la IA

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

Guía paso a paso para sitios web de WordPress

Obtener código de inserción
Plataforma:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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

Primero, vaya a su panel de Asyntai y desplácese hacia abajo hasta la sección "Embed Code". Copie su código de inserción único, que tendrá este aspecto:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 sencilla de añadir el widget de chat es con el plugin gratuito "WPCode" (antes llamado "Insert Headers and Footers").

Usando WPCode (gratuito)

  1. Vaya a Plugins → Add Plugin en el administrador de WordPress
  2. Busque \"WPCode\" e instálelo
  3. Active el plugin
  4. Ve a Code Snippets → Header & Footer
  5. Pegue su código de inserción de Asyntai en la sección "Footer"
  6. Haga clic en "Save Changes"

¿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

  1. Ve a Appearance → Theme File Editor en su panel de administración de WordPress
  2. Selecciona tu tema activo del menú desplegable (si no está seleccionado)
  3. Busque y haga clic en footer.php en la lista de archivos a la derecha
  4. Desplácese hasta el final y busque la etiqueta de cierre </body>
  5. Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
  6. Haga clic en "Update File"

Para temas de bloques (temas FSE)

Los temas de bloques (como Twenty Twenty-Four y otros temas de Full Site Editing) no tienen archivo footer.php ni etiqueta </body> en sus archivos de tema. Para un tema de bloques, use el método del plugin (WPCode), que funciona con todos los tipos de tema.

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

  1. Ve a Elementor → Custom Code
  2. Haga clic en "Add New"
  3. Dale un nombre como "Asyntai Chatbot"
  4. Establezca Location en "<body> – End"
  5. Pegue su código de inserción de Asyntai
  6. Establece las condiciones de visualización en "Sitio completo"
  7. 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ía ver el botón del widget de chat en la esquina inferior derecha de su sitio. Haga clic en él para asegurarse de que se abra y funcione correctamente.

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

Añadir la barra de búsqueda con IA

La barra de búsqueda con IA es un widget aparte con su propio código. Añádala junto al chat, o sola. Requiere el plan Standard o superior: en un plan inferior la barra aparece pero no devuelve resultados.

Añade el atributo data-replace a la etiqueta script y la barra sustituirá a la que ya tiene tu tema. Añádalo con el mismo plugin de cabecera y pie de página que usó para el código del chat, por ejemplo WPCode. El script no tiene que estar cerca de su cuadro de búsqueda, así que no necesita editar ningún archivo del tema.

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

Leer la guía completa de la barra de búsqueda con IA