Cómo añadir el chatbot de IA de Asyntai a sitios web alojados en Plesk

Guía paso a paso para sitios web alojados en Plesk

Plataforma:

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: Identifica el tipo de su sitio web

El método de instalación depende de la plataforma que use su sitio web. Plesk es un panel de control de hosting que puede alojar varios tipos de sitios web:

WordPress/Joomla/Drupal: Si su sitio use un CMS, consulta nuestra guia específica para esa plataforma (WordPress, Joomla, Drupal).

Para sitios web HTML estáticos

Si tiene un sitio web HTML estatico alojado en Plesk, use el Administrador de archivos para editar sus archivos HTML:

Método 1: Usar el administrador de archivos de Plesk

Inicia sesión en su panel de control de Plesk
Navegue a Websites & Domains
Haga clic en File Manager
Navegue al directorio raiz de su sitio web (generalmente httpdocs o public_html)
Encuentra su archivo HTML principal (generalmente index.html o index.php)
Haga clic en el nombre del archivo para abrir el menú del editor
Selecciona Editor de código para resaltado de sintaxis HTML
Desplázate para encontrar la etiqueta de cierre </body>
Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
Haga clic en "Save" o "OK"
Repite para otras páginas HTML si es necesario

Consejo: El Administrador de archivos de Plesk ofrece multiples editores: Editor de código (con resaltado de sintaxis), Editor HTML (WYSIWYG) y Editor de texto. Use el Editor de código para mejores resultados al editar archivos HTML.

Método 2: Usar acceso FTP

En Plesk, ve a Websites & Domains
Encuentra la sección FTP Access
Anota sus credenciales FTP o cree una nueva cuenta FTP
Use un cliente FTP como FileZilla para conectarte a su servidor
Navegue al directorio de su sitio web (httpdocs)
Descarga los archivos HTML que quiere editar
Agrega tu código de incrustación de Asyntai antes de la etiqueta </body>
Suba los archivos modificados de vuelta al servidor

Para sitios web basados en PHP

Si su sitio web usa plantillas PHP o includes:

En el Administrador de archivos de Plesk, navega a tu plantilla o archivos de inclusión
Encuentra el archivo de plantilla de pie de página (comunmente footer.php, footer.inc.php o template.php)
Ábrelo con el Code Editor
Agrega tu código de incrustación de Asyntai antes de la etiqueta </body>
Guarde el archivo

Nota: Al editar la plantilla de pie de página, el chatbot aparecera automáticamente en todas las páginas que usen esa plantilla.

Crear una copia de seguridad

Antes de hacer cambios, se recomienda crear una copia de seguridad:

En Plesk, ve a Websites & Domains
Haga clic en Backup Manager
Cree una copia de seguridad completa de su sitio web
Guárdala de forma segura antes de hacer cualquier cambio

Importante: Siempre pruebe sus cambios en un entorno de pruebas primero si está disponible. Asegúrese de hacer una copia de seguridad de sus archivos antes de editar para evitar la pérdida de datos.

Paso 3: Verificar la instalación

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

¿No ves el widget? Limpie la caché del navegador y cualquier caché del lado del servidor en Plesk. Revise la consola del navegador (F12) en busca de errores de JavaScript. Verifique que el archivo se haya guardado correctamente viéndolo nuevamente en el Administrador de archivos.

Documentación