El Alive Kit incluye una sección de tema para Shopify que coloca un solo personaje anfitrión en el pie de página de su tienda. Como el pie de página aparece en toda la tienda, el anfitrión también aparece en toda ella. El anfitrión saluda con texto, tiene un pequeño menú y dice que es una IA.
Esta sección es distinta de la etiqueta de conversación de NetShow. Por ahora, la sección del Alive Kit en Shopify funciona con texto en pantalla. Si necesita respuestas habladas, use la etiqueta de conversación verificada que se explica en Ponga su agente en una tienda de Shopify. Use solo una de estas opciones en la tienda, no ambas.
1. Prepare al anfitrión
Necesita el nombre público de un agente de NetShow que ya esté publicado. Si el agente todavía es privado, siga primero Publíquelo. Tenga a mano el nombre público; es el dato que la sección del tema usa para encontrar al agente.
El archivo de la sección está disponible en /integrations/shopify/netshow-alive.liquid en app.netshow.ai. Descargue ese archivo desde la aplicación y conserve su extensión .liquid. Es una sección de tema en texto, no una aplicación ni un archivo zip.
2. Agregue el archivo de la sección
Inicie sesión en la administración de Shopify. Abra Online Store y luego Themes. En el tema actual, abra el menú de acciones y elija el editor de código.
En la carpeta sections del tema, agregue una sección nueva llamada netshow-alive. Reemplace el contenido inicial con todo el contenido del archivo netshow-alive.liquid que descargó y guarde. No pegue ningún secreto ni una clave de OpenAI en la sección.
Si Shopify indica un error de Liquid o de esquema, quite el contenido incompleto y vuelva a pegar el archivo descargado, de principio a fin. No copie solo la parte de HTML que se ve: los ajustes del final pertenecen a la misma sección.
3. Colóquela en el pie de página
Vuelva al personalizador del tema. Abra el grupo del pie de página y agregue la sección NetShow Alive host. Escriba el nombre público del agente. Luego elija la apariencia, la esquina y el idioma.
Las apariencias disponibles son estilos de personaje como automático, ASCII, sketch, SVG, toon y 3D. La esquina puede ser la izquierda o la derecha. El idioma puede seguir el del navegador del visitante o usar la opción fija que usted elija. Guarde el tema.
La sección comprueba estos valores antes de incluirlos en la página. Un valor extraño se reemplaza por una opción segura en lugar de convertirse en código de la página. La sección carga el Alive Kit compartido después de la tienda, así que no necesita un segundo reproductor ni un conjunto de botones alrededor del personaje.
4. Revise la tienda
Abra la tienda como visitante, fuera del editor de temas. Revise la página de inicio y una página de producto. El personaje debe permanecer en la esquina elegida, con un saludo en texto que lo identifique como una IA. Tóquelo para mostrar su único menú y luego toque fuera del menú para cerrarlo. Revise también la página con el ancho de un teléfono.
Actualmente, la sección de Shopify responde con texto en pantalla. No usa voz generada por el navegador, y agregar un script de sonido no resuelve que el anfitrión esté en silencio. Para tener voz y una conversación verificada en la tienda, quite la sección del tema y siga los pasos de la etiqueta en la guía de Shopify.
Cuando publica un tema distinto, Shopify no copia automáticamente los archivos de secciones personalizadas. Agregue este archivo y esta sección al tema nuevo antes de publicarlo y vuelva a revisar la tienda.
5. Quítela o muévala
Para mover al anfitrión, cambie la esquina en el personalizador del tema y guarde. Para quitarlo, elimine la sección NetShow Alive host del pie de página. Puede dejar el archivo de la sección en el tema para usarlo después; sin una sección de anfitrión configurada, no muestra ningún anfitrión.
Siguiente paso: lea Ponga su agente en una tienda de Shopify si quiere verificar la tienda, tener respuestas habladas o compartir un enlace sencillo a la página del agente.
