Provedly se carga en las tiendas Shopify a través de un app embed del tema, que activas en el editor del tema, y no mediante una etiqueta script inyectada en tu tema. El embed sobrevive a los cambios de tema, se puede activar y desactivar sin tocar código y es el método hacia el que Shopify está llevando a las apps. En este artículo explicamos la diferencia, qué implica para la velocidad de la página y la única situación en la que una etiqueta script simple sigue siendo la herramienta adecuada.
Dos formas en que una app puede llegar a tu tienda
Históricamente, las apps de Shopify añadían JavaScript a una tienda llamando a la ScriptTag API. La app registraba una URL y Shopify inyectaba en cada página un <script> que apuntaba a ella. Funcionaba, y es como siguen funcionando muchas apps de sales pop antiguas.
Las extensiones de tema llegaron después. Una app incluye un pequeño paquete que queda disponible dentro del editor del tema, en App embeds. El comerciante lo activa y el propio tema lo carga al renderizar. Shopify ha dejado obsoleto el enfoque de ScriptTag para las apps nuevas en temas Online Store 2.0, y se espera que las apps pasen a las extensiones.
| App embed del tema | Etiqueta script (antigua) | |
|---|---|---|
| Cómo se activa | Interruptor en el editor del tema | La app lo activa durante la instalación |
| Visible en el editor del tema | Sí, con ajustes | No |
| Sobrevive a un cambio de tema | Sí, volviendo a activarlo en el nuevo tema | Normalmente, pero puede quedar huérfano |
| Puede dejar código tras desinstalar | No | A veces |
| Recomendación actual de Shopify | Sí | Obsoleto para apps nuevas |
Por qué el embed es mejor para los comerciantes
Lo controlas tú. El interruptor está junto a los demás ajustes de tu tema. Si quieres pausar la prueba social un día, lo desactivas y guardas. No necesitas desinstalar la app, perder tus datos ni esperar a soporte.
Es visible. Las etiquetas script son invisibles para los comerciantes. Más de un dueño de tienda ha descubierto una app olvidada que seguía cargando código meses después de dejar de pagarla. Un embed aparece en el editor con el nombre de la app.
Respeta los límites del tema. El embed de Provedly se muestra dentro de un Shadow DOM. El CSS de tu tema no puede cambiar el estilo de la notificación por accidente, y el CSS de la notificación no puede filtrarse a tu cuadrícula de productos. Las etiquetas script también pueden hacerlo, pero los embeds lo convierten en el patrón por defecto.
Desinstalación limpia. Cuando quitas la app, el embed desaparece. No queda ningún fragmento residual en theme.liquid que haya que buscar y borrar.
Qué implica para el rendimiento
El embed carga un solo script de unos 6 KB comprimido con gzip, de forma asíncrona, después del contenido principal de la página. Luego el widget espera el retraso configurado (3 segundos por defecto) antes de mostrar nada. Un script diferido de ese tamaño no afecta de forma significativa a las Core Web Vitals, y el Shadow DOM hace que no se recalcule el layout de los elementos de tu tema cuando aparece una notificación.
La advertencia honesta es que cualquier script añadido tiene un costo distinto de cero. Si tienes una docena de apps que añaden 6 KB cada una, se acumula. Nosotros mantenemos el nuestro pequeño y en una sola petición.
De dónde salen los datos es otra cuestión
El método de carga trata de cómo llega el widget a la página. No dice nada sobre si las compras que muestra son reales. Un embed puede mostrar un número de "personas viendo" escrito a mano con la misma facilidad que una etiqueta script.
El embed de Provedly solo marca las compras como verificadas cuando llegaron por el webhook de pedidos firmado de Shopify. Todo lo demás lleva etiqueta: "Sample" para las filas añadidas a mano, "Imported" para los registros de CSV y de la API. El contador de visitantes es un conteo real de los visitantes que estuvieron en la página en los últimos 90 segundos y se oculta por debajo de un mínimo en lugar de inflar el número. Para el argumento completo de por qué importa esa distinción, lee /es/blog/shopify-sales-pop-real-orders.
Cuándo sigue teniendo sentido una etiqueta script
La etiqueta script de Provedly existe para los sitios que no están en Shopify: WordPress, Webflow, tiendas a medida, una app de Next.js, cualquier cosa que te deje añadir una línea a la página. Es el mismo script de unos 6 KB, con el mismo Shadow DOM y la misma segmentación por URL y por dispositivo.
En Shopify en concreto, hay un escenario en el que podrías recurrir a ella: un tema antiguo (vintage) anterior a Online Store 2.0 que no admite app embeds. Si el editor de tu tema no tiene una sección App embeds, estás en ese caso. Puedes pegar el script de Provedly en theme.liquid antes de la etiqueta de cierre </body> y funcionará. Ten en cuenta que una actualización del tema puede sobrescribirlo y que tendrás que quitarlo a mano si dejas de usar Provedly.
En ese caso, nuestra recomendación es planificar la actualización del tema. Además de los app embeds, los temas 2.0 traen secciones en todas partes y mejor rendimiento, y la mayoría de los comerciantes con temas antiguos están dejando valor sobre la mesa por motivos que no tienen nada que ver con la prueba social.
Cómo comprobar cuál tienes
Abre el editor del tema. Si la barra lateral izquierda tiene un panel App embeds y Provedly aparece en él, estás usando el embed. Si no, busca "provedly" en theme.liquid para ver si hay un script manual. Una tienda nunca debería tener los dos; si los tiene, verás notificaciones duplicadas, y la solución es quitar el script manual y quedarte con el embed.
En /es/blog/shopify-setup-guide te explicamos paso a paso cómo activar el embed.
Preguntas frecuentes
Cambié de tema y las notificaciones dejaron de salir. ¿He perdido mis datos?
No. Los app embeds son un ajuste por tema, así que tienes que activar Provedly en el editor del nuevo tema. Tus widgets, compras y página de verificación no cambian.
¿Puedo previsualizar primero el embed en un tema sin publicar?
Sí. Abre el tema sin publicar en el editor, activa el embed y usa la vista previa del editor. Solo llega a los compradores reales cuando publicas ese tema.
¿El embed añade alguna cookie?
El widget guarda un identificador de visitante propio (first-party) para aplicar los límites por sesión y atribuir los pedidos asistidos por la prueba social dentro de una ventana de 30 días. No carga rastreadores de terceros.
Activa hoy el embed en el editor de tu tema; el plan Free en /es/pricing basta para empezar.