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

Guía paso a paso para tiendas BigCommerce

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 BigCommerce. Elija el método que mejor le funcione:

Método 1: Usando el administrador de scripts (Recomendado)

El administrador de scripts es la forma más fácil y recomendada de añadir scripts personalizados a su tienda BigCommerce. No requiere conocimientos de programación y persiste entre cambios de tema.

Inicia sesión en su Panel de control de BigCommerce
Ve a Storefront → Script Manager
Haga clic en el botón "Create a Script"
Configure su script con estos ajustes:
- Nombre: Asyntai AI Chatbot
- Descripción: Widget de chat con IA (opcional)
- Ubicación: Footer
- Ubicación: All Pages
- Categoría del script: Functional
- Tipo de script: Script
En el cuadro "Script Contents", pegue su código de inserción de Asyntai
Haga clic en "Save"

¿Por qué usar el administrador de scripts? Los scripts añadidos a través del administrador de scripts se gestionan por separado de su tema. No se verán afectados cuando actualices o cambies el tema de su tienda.

Método 2: Usando Page Builder

Puede usar el Page Builder de BigCommerce para añadir el widget de chat usando un elemento HTML. Este método es útil si quiere más control sobre dónde aparece el widget.

Inicia sesión en su Panel de control de BigCommerce
Ve a Storefront → My Themes
Haga clic en el botón "Customize" en su tema activo
En la barra lateral izquierda del Page Builder, encuentra el elemento "HTML"
Arrastre y suelta el elemento HTML en el área del pie de página de su plantilla de página
Click on the HTML element and select "Edit HTML"
Pegue su código de inserción de Asyntai
Haga clic en "Save HTML"
Click "Publish" to apply changes to your live store

Nota: Si quiere el chatbot en todas las páginas, necesitará añadirlo a una región global como el pie de página. El método del administrador de scripts es más fácil para la instalación en todo el sitio.

Método 3: Editar archivos del tema (Temas Stencil)

Para desarrolladores que usan temas Stencil, puede añadir el código directamente a los archivos de su tema. Esto requiere acceso a los archivos fuente de su tema.

Usando el panel de control de BigCommerce

Ve a Storefront → My Themes
Haga clic en "Advanced" en su tema activo
Seleccione "Edit Theme Files"
Navegue a templates → components → common
Abra footer.html
Desplácese hasta el final del archivo
Paste your Asyntai embed code just before the closing tag
Haga clic en "Save & Apply File"

Usando Stencil CLI (Desarrollo local)

Si estás desarrollando localmente con Stencil CLI:

Abra los archivos locales de su tema
Navegue a templates/components/common/footer.html
Add your Asyntai embed code before the closing tags
Suba sus cambios usando stencil push

Importante: Los cambios en archivos del tema pueden sobrescribirse al actualizar su tema. Para una solución permanente que persista entre actualizaciones de tema, use el método del administrador de scripts.

Paso 3: Verificar la instalación

Después de añadir el código, visite su tienda BigCommerce 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 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 e inténtalo de nuevo. Si has realizado cambios a través del editor de temas, asegúrese de haber hecho clic en "Publish" para aplicar los cambios a su tienda en vivo.

Documentación