Volver al panel

Documentación

Aprende a usar Asyntai

Primeros pasos
Instalación Base de conocimientos Pruebe su IA Gestionar sitios web
Personalización
Colores del widget Nombre del asistente IA Mensaje inicial Posición del widget Activación automática Burbuja de saludo Insignia de no leído Modo de instrucción Hacer preguntas Usar emoji Recopilar emails Recopilar números de teléfono Captura inteligente de prospectos Localización Ocultar marca Enlace de privacidad Aviso personalizado Descarga de transcripció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 Comparar planes
Características
Rastreo del sitio web Lagunas de conocimiento Fichas de producto Tarjetas de productos dinámicas Dynamic Images Contexto de usuario Monitoreo en vivo Toma de control humano Transferencia Notificaciones IA Informe diario Fuente de datos en tiempo real Fuente de datos en tiempo real Max Miembros del equipo Inicio de sesión único Incluir imágenes Visión por imagen Widget de traducción Localización Prospectos Captura inteligente de prospectos Tickets de soporte Reservas Incrustaciones Excluir páginas IPs bloqueadas Modelo más inteligente Activar razonamiento Sugerencias de respuesta Mensajes de seguimiento Voz a texto Descarga de transcripción Chat integrado
Análisis
Analíticas de chat Registros de chat
Integraciones
REST API Instagram Messenger WhatsApp Discord Zapier Email Aplicaciones móviles
Otros
Añadir a pantalla de inicio Botón de apertura personalizado Payment Failed?
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, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu 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)

  1. Ve a Plugins → Añadir nuevo en tu 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"

Usando Insert Headers and Footers

  1. Ve a Plugins → Añadir nuevo en tu administrador de WordPress
  2. Busque "Insert Headers and Footers" de WPBeginner
  3. Instale y active el plugin
  4. Ve a Settings → Insert Headers and Footers
  5. Pegue su código de inserción de Asyntai en el cuadro "Scripts in Footer"
  6. 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

  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)

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:

  1. Ve a Tools → Theme File Editor en su panel de administración de WordPress
  2. Seleccione su tema activo del menú desplegable
  3. Busque footer.php o footer.html en la lista de archivos
  4. Agregue su código de inserción de Asyntai antes de la etiqueta de cierre </body>
  5. 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

  1. Ve a Elementor → Custom Code
  2. Haga clic en "Add New"
  3. Dale un nombre como "Asyntai Chatbot"
  4. Establece la ubicación en "Antes del cierre de </body>"
  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.