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

Guía paso a paso para tiendas de e-commerce de Volusion

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: Haga una copia de seguridad de su tema

Antes de realizar cualquier cambio en su tienda Volusion, es importante crear una copia de seguridad:

Inicia sesión en tu panel de administración de Volusion
Navegue a Design → File Editor
Haz clic en Archivar tema para crear una copia de seguridad
Descargue una copia del archivo para guardarla de forma segura

Importante: Siempre haga una copia de seguridad de su tema antes de hacer cambios en el código. Esto le permite revertir fácilmente si algo sale mal.

Paso 3: Añadir código a la plantilla (Recomendado)

Para añadir el chatbot a todas las páginas de su tienda Volusion:

En tu panel de administración de Volusion, ve a Diseño → Plantilla
Alternativamente, ve a Diseño → Editor de archivos → Accesos directos
Busca el archivo de plantilla principal (generalmente template_*.html)
Desplázate hacia abajo 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 para aplicar los cambios
Previsualiza su tienda para verificar que el chatbot aparece

Consejo: Agregar el código antes de la etiqueta de cierre </body> garantiza un rendimiento óptimo de carga de página. Este método agrega el chatbot a cada página de su tienda automáticamente.

Método alternativo 1: Inyección HTML en encabezado/pie de página

Volusion te permite agregar código personalizado a través de la configuración global:

Inicia sesión en tu panel de administración de Volusion
Navegue a Settings → Design Settings
Busque la sección Custom HTML o Footer Code
Pegue su código de inserción de Asyntai en este campo
Haga clic en Save
El código ahora se añadirá a todas las páginas automáticamente

Nota: La ubicación exacta de la configuración de HTML personalizado puede variar según su plan y versión de Volusion. Busque configuraciones relacionadas con "Custom Code", "Header/Footer" o "Global HTML".

Método alternativo 2: Instalación específica por página

Si quiere añadir el chatbot solo a páginas específicas:

Ve a Design → File Editor → Shortcuts
Cree o edita una plantilla específica de página usando la función PageName
Agrega código condicional para incluir el script solo en páginas específicas:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Consejo: Este método es útil si solo quiere el chatbot en ciertas páginas como páginas de productos, pago o soporte. Reemplaza 'home' y 'products' con los nombres reales de las páginas de su tienda Volusion.

Método alternativo 3: Artículo CSS/HTML personalizado

También puede añadir el código a través de un bloque de artículo:

En el admin de Volusion, ve a Articles → Articles
Cree un nuevo artículo o edita uno existente
Cambia a vista HTML en el editor de artículos
Pegue su código de inserción de Asyntai
Guarde el artículo
Añada este artículo a su plantilla de página o barra lateral
El chatbot aparecerá en las páginas donde se muestre este artículo

Nota: Este método es menos común pero puede ser útil si tiene acceso limitado a los archivos de plantilla o quiere activar/desactivar fácilmente el chatbot ocultando/mostrando el artículo.

Paso 4: Verificar la instalación

Después de guardar sus cambios, abra su tienda Volusion 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. Haga clic en él para asegurarte de que se abra y funciona correctamente.

¿No ves el widget? Asegúrese de haber guardado todos los cambios en las plantillas. Limpie el caché de su navegador o visualiza en modo incógnito. Volusion puede almacenar plantillas en caché, por lo que los cambios pueden tardar unos minutos en aparecer. Revise la consola del navegador (F12) para detectar errores de JavaScript.

¿Necesita ayuda?

Si no le sientes cómodo editando archivos de plantilla, el equipo de Soporte al Cliente de Volusion puede asistirte con solicitudes de HTML y CSS personalizados. También puede contactar al soporte de Asyntai para obtener orientación sobre la instalación del chatbot en su tienda Volusion.

Soporte profesional: Volusion ofrece servicios de programación personalizada si necesita asistencia profesional con modificaciones de temas o personalizaciones complejas.

Documentación