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

Guía paso a paso para tiendas Ecwid

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 añadir el widget de chat a su tienda Ecwid. Elija el método que mejor funcione para su configuración:

Método 1: Usando el editor Instant Site (Recomendado)

Si estás usando Instant Site de Ecwid, puede añadir secciones de código personalizado directamente a través del editor del sitio. Este método está disponible en los planes Venture, Business y Unlimited.

Añadiendo sección de código personalizado

Inicia sesión en su panel de administración de Ecwid
Ve a Website → Edit Site (u Overview → Manage Instant Site)
Desde el desplegable "Page: Homepage" en la esquina superior izquierda, seleccione la página donde deseas añadir el chatbot (o mantén Homepage para todo el sitio)
Haga clic en "Añadir sección"
Desplácese hacia abajo hasta "Soluciones avanzadas"
En el bloque "Embed & Custom Code", haga clic en "Add Custom Code Section"
Pegue su código de inserción de Asyntai
Haga clic en "Save"

Consejo: Añadir el código a la Homepage lo hará aparecer en todas las páginas. Para un mejor rendimiento, añada JavaScript a la sección body en lugar del header.

Método 2: Usando la sección de código JavaScript personalizado

Puede añadir código JavaScript personalizado a través de la configuración avanzada del sitio web en su panel de Ecwid. Este método requiere un plan de Ecwid de pago.

Inicia sesión en su panel de administración de Ecwid
Ve a Website (o Resumen → Gestionar Instant Site)
Scroll down to "Advanced website settings"
Bajo "Custom JavaScript code", haga clic en "Add Code"
Pegue su código de inserción de Asyntai en el campo que aparece
Haga clic en "Save"
Actualiza su página Instant Site en el navegador para ver los cambios

Nota: La sección de Custom JavaScript code tiene un límite de 4000 caracteres. El código de inserción de Asyntai está muy por debajo de este límite. El código añadido aquí aparecerá al final de la sección <body>.

Método 3: Sitio web externo con tienda Ecwid

Si has integrado su tienda Ecwid en un sitio web externo (WordPress, Wix, HTML personalizado, etc.), deberías añadir el código de Asyntai a ese sitio web en su lugar.

Para WordPress con plugin de Ecwid

Siga la guía de instalación de WordPress
Añada el código de inserción de Asyntai a su sitio WordPress usando el plugin WPCode o los archivos del tema
El chatbot aparecerá en todas las páginas, incluyendo aquellas con su tienda Ecwid

Para otras plataformas

Si su tienda Ecwid está integrada en otra plataforma:

Encuentra la guía de instalación apropiada para su plataforma
Añada el código de inserción de Asyntai a esa plataforma
El chatbot funcionará junto a su tienda Ecwid integrada

¿Por qué añadir código al sitio externo? Cuando Ecwid está integrado en otro sitio web, el sitio web principal controla la página. Añadir el chatbot al sitio principal asegura que se cargue correctamente y aparezca en todas las páginas.

Paso 3: Verificar la instalación

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

¿No ves el widget? Limpie la caché de su navegador y actualiza la página. Asegúrese de tener un plan de Ecwid de pago, ya que las funciones de JavaScript personalizado requieren los planes Venture, Business o Unlimited.

Documentación