Saltearse al contenido

Shopify

Última actualización:

En esta guía, te mostraremos cómo agregar el Widget de Quickchat AI a tu tienda de Shopify.

Tiempo para completar: ~2 minutos


Hay dos formas de hacerlo:

Opción A (recomendada): desde la App de Quickchat AI

Sección titulada «Opción A (recomendada): desde la App de Quickchat AI»

Ve a Quickchat AI AppTu sitio web → pestaña Install → haz clic en Embed in your Shopify Store.

Esto abre el Editor de Temas de tu tienda directamente en la página donde se puede habilitar la integración de la app.

Ve a Shopify AdminOnline Store → Themes → en tu tema actual haz clic en Customize.

Captura de pantalla: Página de Temas con el botón Customize resaltado


Dentro del Editor de Temas, abre la barra lateral izquierda y ve a App embeds.

Captura de pantalla: Panel de App embeds

Encuentra Quickchat AI Widget y actívalo.

Captura de pantalla: Habilitar Quickchat AI en el Editor de Temas

Luego haz clic en Save (arriba a la derecha).

Captura de pantalla: Botón Save en el Editor de Temas


Abre tu escaparate (vista previa o sitio en vivo) y busca la burbuja de chat de Quickchat AI en la esquina inferior derecha de la página.

¡Eso es todo!

El Agente de Quickchat AI está en vivo en la Tienda de Shopify 🎉


Cómo agregar manualmente un script de widget

Sección titulada «Cómo agregar manualmente un script de widget»

Si no quieres instalar nuestra App de Shopify porque ya tienes un Agente de IA construido en la App de Quickchat AI, puedes agregar un script simple que lo muestre en tu Tienda de Shopify.

  1. Ve a tu Panel de Administración de Shopify.
  2. En el menú izquierdo, haz clic en Online Store → Themes.

Editar código del tema

  1. En la sección “Current theme”, haz clic en los tres puntos (⋯) junto al botón Customize.
  2. Selecciona Edit code del menú desplegable.

Abrir theme.liquid

  1. En el editor de código, expande la carpeta layout a la izquierda.
  2. Haz clic en theme.liquid para abrir el archivo de diseño principal de tu tema.

Abrir theme.liquid

  1. En la App de Quickchat, navega a Your Website → Install.
  2. Copia el script generado.
  3. Pégalo justo encima de la etiqueta </body> al final del archivo theme.liquid.
<script>
window.__quickchat = {
host: "app.quickchat.ai",
init: "YOUR_AI_ID_HERE",
};
</script>