Book a build call
Volver a la Ayuda
Guía

Ponga su agente en una tienda de Shopify

4 min de lectura

Read in English

Puede poner a su agente en la vitrina de su tienda de Shopify. Una tienda de Shopify no puede publicar el archivo de propiedad de NetShow, así que usted demuestra que la tienda es suya con una etiqueta de verificación corta en el head de su tema. Cuando Verify and activate se aprueba, usted pega la etiqueta de chat. Si pega la etiqueta de chat antes de la verificación, los compradores ven la cara en vivo de su agente diciendo que la puerta está cerrada en lugar de recibir una respuesta.

Los nombres de menú de Shopify que aparecen abajo son los de Shopify a septiembre de 2026 y pueden cambiar. Si no los encuentra, busque en la ayuda de Shopify “Shopify edit theme code”.

Prepare al agente para compartirlo

Primero, asegúrese de que el agente sea público. Si todavía es privado, siga Publíquelo. Un agente privado no ofrecerá a los compradores una conversación pública. Abra la página Deploy de ese agente en NetShow y luego su página de inserción web.

Verifique su tienda con la etiqueta de verificación

El paso 2 de la página de inserción de NetShow es Add your website and verify it. Escriba la dirección HTTPS de la tienda en Website address y presione Request this site. Use la dirección que su navegador muestra al final para la vitrina, por ejemplo la dirección con www si su dominio sin www lo lleva ahí.

Abra Verify ownership and activate chat bajo esa dirección. Primero muestra una opción de archivo, que una tienda de Shopify no puede usar. Debajo, la página ofrece una etiqueta para agregar dentro del <head> de su página de inicio, para tiendas en Shopify y otros constructores de sitios. Copie esa etiqueta de verificación exactamente como aparece; es una sola línea meta hecha para esta tienda.

En la administración de Shopify, abra “Online Store” y luego “Themes”. Use el menú “...” junto al tema actual y elija “Edit code”. Abra layout/theme.liquid, pegue la etiqueta de verificación en la línea justo encima de </head> y seleccione “Save”.

De vuelta en la página de inserción, presione Verify and activate. NetShow lee la página de inicio de su vitrina en la dirección exacta que usted solicitó y busca la etiqueta en su head. La página de inicio debe abrirse directamente en esa dirección, sin redirección, y una tienda protegida por una página de contraseña no puede pasar. Cuando la verificación se aprueba, la dirección aparece como activa. Si sigue pendiente, abra la vitrina, vea el código fuente de la página y busque la línea meta antes de </head>.

Pegue la etiqueta de chat

El paso 1 de la página de inserción es Paste this tag into your website. Presione Copy code para tomar la etiqueta completa exactamente como aparece. Es un solo elemento script para este agente, así que no reemplace su dirección ni el slug del agente con texto de ejemplo. En el mismo archivo layout/theme.liquid, pegue la etiqueta completa en la línea justo encima de </body> y seleccione “Save”. Abra la vitrina como comprador: su agente aparece en la página y responde.

Una actualización del tema o un tema nuevo no conserva estos cambios. Después de cambiar de tema, vuelva a pegar ambas etiquetas, la de verificación encima de </head> y la de chat encima de </body>. Ponga su agente en su sitio web explica el flujo general de inserción.

O agregue el anfitrión en vivo como una sección del tema

También puede poner a su anfitrión en vivo en todas las páginas como una sola sección del tema, configurada en el editor de temas en lugar de en el código. Descargue el archivo de la sección desde https://app.netshow.ai/integrations/shopify/netshow-alive.liquid. En “Edit code”, en “sections”, elija “Add a new section”, llámela netshow-alive, reemplace su contenido con el archivo y guarde. Luego elija “Customize”, abra el pie de página, agregue la sección NetShow Alive host, complete Host (public agent name), elija su Look, Corner y Language, y guarde. El pie de página está en todas las páginas, así que su anfitrión también. Se carga después de la página de su tienda, saluda con un subtítulo y tiene un solo menú. En Shopify, por ahora responde con subtítulos; para respuestas habladas, use la etiqueta de chat de arriba. Use una de las dos, no ambas.

Mantenga un enlace como respaldo

Un enlace a la página propia del agente siempre funciona, sin configurar nada en el sitio web. En la página Deploy, busque Hosted Share Link. Ofrece un enlace directo a la página propia del agente. Copie ese enlace.

En la administración de Shopify, abra “Online Store” y luego “Navigation”. Agregue un elemento de menú que apunte al enlace del agente que copió. Dele un nombre amigable para los compradores, como “Hable con nuestro agente”, y guarde el menú. También puede poner un botón en una sección del tema que apunte al mismo enlace. Abra la vitrina como visitante y siga el elemento de menú o el botón para confirmar que abre la página del agente.

Este enlace abre al agente en su propia página de NetShow, así que no necesita etiqueta ni verificación. Es una buena forma de llegar a los compradores mientras configura las etiquetas, y sigue funcionando si alguna vez un cambio de tema las elimina.

Cómo saluda su agente a sus visitantes

Cuando la etiqueta responde, su agente saluda primero a cada visitante, como un buen anfitrión dice hola cuando se abre la puerta: su cara en vivo está ahí de inmediato, su saludo aparece como subtítulo y habla con la única voz en vivo que usted le dio, en la voz de NetShow, al primer toque, clic o tecla del visitante, porque los navegadores mantienen el sonido apagado hasta entonces. Nunca reproduce un clip grabado ni la voz del navegador, dice que es una IA y un visitante puede interrumpirlo en cualquier momento.

¿Sigues con dudas?

La documentación completa explica a fondo los modelos, la voz, el conocimiento y los flujos de trabajo (en inglés).

Abrir la documentación