WebChatAgent Logo

Añadir un Chatbot de IA a Shopify

Shopify

Añada un Chatbot de IA a su tienda de Shopify en pocos minutos. No hay que instalar ninguna aplicación: pegue un pequeño fragmento de código en su tema y la burbuja de chat aparecerá en toda su tienda. Utilice primero el método del Editor de temas; edite el código del tema únicamente si este no admite bloques personalizados.

Método 1: Editor de temas (recomendado)

  1. Abra el Editor de temas: en el panel de administración de Shopify, vaya a Tienda online > Temas y haga clic en Personalizar en su tema activo.
  2. Añada un bloque Custom Liquid: en la barra lateral izquierda, baje y haga clic en Añadir sección. Busque Custom Liquid (o Custom HTML según su tema).
  3. Pegue el código: introduzca el siguiente código:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Reemplace YOUR_ID con su ID del chatbot real del Panel de WebChatAgent.
  2. Guardar: haga clic en Guardar en la esquina superior derecha. El Widget de chat aparecerá ahora en su tienda.

Método 2: Editar el código del tema

Utilice este método si su tema no admite secciones Custom Liquid o si desea que el Widget aparezca en todas las páginas.

  1. Vaya a Tienda online > Temas, haga clic en los tres puntos (⋯) junto a su tema activo y seleccione Editar código.
  2. En la carpeta Layout, abra theme.liquid.
  3. Pegue el siguiente código antes de la etiqueta de cierre </body>:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Reemplace YOUR_ID con su ID del chatbot y haga clic en Guardar.

Cómo encontrar su ID del chatbot

Inicie sesión en su Panel de WebChatAgent, abra su Asistente y vaya a Canales → Widget de chat. Despliegue Mostrar detalles de instalación y haga clic en Copiar código. El fragmento ya contiene su ID del chatbot, por lo que puede pegar todo el bloque en lugar de escribir el ID manualmente.

Resolución de problemas

  • ¿No aparece el Widget?: borre la caché del tema de Shopify e intente ver su tienda en una ventana de incógnito.
  • ¿El Widget solo aparece en ciertas páginas?: si utilizó el Método 1, asegúrese de que la sección Custom Liquid esté ubicada en una plantilla que se cargue en todas las páginas (por ejemplo, en el área del pie de página).
  • ¿Conflictos con otras aplicaciones?: pruebe a desactivar temporalmente otras aplicaciones de chat o ventanas emergentes para descartar conflictos.