Instalar Provedly en una tienda Shopify lleva cuatro pasos: instalar desde la App Store, aprobar la facturación, activar el app embed del tema y publicar un widget. No se pega código en tu tema y no cambia nada hasta que activas el embed. Esta guía recorre cada paso y el puñado de decisiones que tomas por el camino.
Antes de empezar. Necesitas una tienda Shopify de la que seas propietario o en la que tengas una cuenta de personal con permiso para instalar apps y editar temas. No necesitas una cuenta de Provedly de antemano; al instalar la app se crea una vinculada a tu tienda.
También ayuda decidir qué plan quieres antes de que aparezca la facturación. El plan Free cuesta $0 e incluye 2.000 impresiones al mes, un sitio, un widget y una barra CTA, con compras verificadas incluidas y una pequeña insignia "by Provedly". Una impresión es una notificación mostrada a un visitante, y una visita típica produce unas tres, así que 2.000 impresiones son aproximadamente 700 visitas. Si tu tienda tiene más que eso, Starter, por $9 al mes, cubre 25.000 impresiones y te permite quitar la insignia. Todos los detalles están en /es/pricing.
Paso 1: instala desde la Shopify App Store
Busca Provedly en la App Store o sigue el enlace desde /es/features. Haz clic en Instalar. Shopify muestra los permisos que solicita la app, que son los necesarios para recibir webhooks de pedidos y leer suficiente detalle del pedido para construir una notificación. Apruébalos.
Después, Shopify te redirige al panel de Provedly integrado en tu admin de Shopify. A partir de aquí también puedes abrir el panel en provedly.app si prefieres una pestaña completa del navegador.
Paso 2: aprueba la facturación
Provedly cobra a las tiendas Shopify a través de Shopify Billing, así que la cuota del plan aparece en tu factura habitual de Shopify y no en una tarjeta aparte. La primera vez que se abre, el panel te pide que elijas un plan y confirmes el cargo en la pantalla de aprobación de Shopify. Elegir Free también pasa por esta pantalla porque Shopify exige que la app registre una suscripción, pero el importe es $0.
Si más adelante subes o bajas de plan, se repite el mismo flujo de aprobación. La diferencia entre esto y la facturación con Stripe que usan los sitios que no son Shopify se explica en /es/blog/shopify-billing-vs-stripe.
Paso 3: activa el app embed del tema
Este es el paso que más se pasa por alto. Instalar la app conecta los datos, pero no se muestra nada en tu tienda hasta que activas el app embed del tema.
- En el admin de Shopify, ve a Tienda online (Online Store) y luego a Temas (Themes).
- Haz clic en Personalizar (Customize) en tu tema publicado.
- Abre App embeds (Incrustaciones de aplicaciones) en la barra lateral izquierda (el icono de la pieza de puzle en la mayoría de las versiones de Shopify).
- Busca Provedly y actívalo.
- Haz clic en Guardar.
El embed carga un solo script de unos 6 KB comprimido con gzip. Se muestra dentro de un Shadow DOM, así que el CSS de tu tema no se cuela en el widget y los estilos del widget no se salen. Si has usado etiquetas script con otras apps, la comparación de /es/blog/theme-app-embed-vs-script-tag explica por qué el embed es el mejor camino.
Paso 4: publica tu primer widget
De vuelta en el panel de Provedly, crea un widget de notificaciones de compra. Los valores por defecto son prudentes y conviene mantenerlos al principio: un retraso de 3 segundos antes de la primera notificación, 6 segundos en pantalla, un intervalo de 30 segundos entre notificaciones y un límite de 5 por sesión. Puedes ajustarlos más adelante cuando veas cómo responden los compradores; en /es/blog/notifications-per-visit-frequency se analizan las ventajas y desventajas.
Hay tres ajustes que conviene decidir ya.
- Segmentación por URL. Elige todas las páginas, solo estas páginas o todas excepto. La mayoría de las tiendas empiezan con las páginas de producto y de colección y excluyen el checkout. El razonamiento está en /es/blog/social-proof-on-checkout-page.
- Segmentación por dispositivo. Decide si el widget se muestra en escritorio, en móvil o en ambos. Los diseños para móvil necesitan notificaciones más pequeñas y fáciles de cerrar, como se explica en /es/blog/mobile-social-proof-design.
- Todavía sin pedidos. En una tienda Shopify, el widget muestra solo los pedidos verificados de la tienda, nunca filas de ejemplo ni importadas, así que permanece en silencio hasta que llega el primer pedido. La pestaña Design muestra una vista previa en vivo de la notificación mientras la ajustas.
Haz clic en Publish. Abre tu tienda en una ventana privada y espera tres segundos.
Qué pasa después de tu primer pedido real
Cuando un cliente hace un pedido, Shopify envía a Provedly un webhook orders/create firmado. Verificamos la firma, guardamos el pedido y lo ponemos a disposición del widget con la marca de "Compra verificada". La marca enlaza a tu página de verificación pública, que muestra Shopify como fuente conectada, el conteo y la hora de la última compra verificada.
Puede que notes que el comprador aparece como "Someone" en lugar de con su nombre. El programa Protected Customer Data de Shopify restringe el acceso a los campos personales hasta que se aprueba el uso de la app para tu tienda. Los nombres aparecen cuando esa aprobación está activa; consulta /es/blog/shopify-someone-protected-customer-data para saber qué hacer mientras tanto.
Opcional: añade una barra CTA. El plan Free incluye una barra. Desde la sección Bars puedes crear una cuenta regresiva hasta la fecha de fin real de una oferta, un temporizador evergreen por visitante o un contador programado, y segmentarlos igual que los widgets. Las barras aparecen en la parte superior o inferior de la página y respetan las mismas reglas de dispositivo y URL. Para planificar la temporada de ofertas, lee /es/blog/black-friday-countdown-bars.
Una lista para confirmar que todo funciona
| Comprobación | Dónde mirar | Resultado esperado |
|---|---|---|
| App instalada | Admin de Shopify, Apps | Provedly aparece en la lista |
| Facturación activa | Panel de Provedly, Plan | Nombre del plan y fecha de renovación |
| Embed activado | Editor del tema, App embeds | Interruptor activado y guardado |
| Widget publicado | Panel de Provedly, Widgets | Estado "Live" |
| Aparece la notificación | Tienda, ventana privada | Notificación tras unos 3 segundos |
| Webhook recibido | Panel de Provedly, Sources | Shopify muestra una hora de última recepción tras un pedido de prueba |
Si la notificación no aparece, lo primero que hay que volver a revisar es el interruptor del embed, y después las reglas de segmentación por URL que puedan excluir la página que estás viendo.
Preguntas frecuentes
¿Tengo que editar theme.liquid o pegar un script?
No. El app embed del tema se encarga de la carga. Editar los archivos del tema no es necesario y lo desaconsejamos, porque las actualizaciones del tema pueden sobrescribir los cambios manuales.
¿Instalar la app ralentizará mi tienda?
El script pesa unos 6 KB comprimido con gzip y carga de forma asíncrona después del contenido de la página. No bloquea el renderizado.
¿Puedo usar la misma cuenta de Provedly también para un sitio que no sea Shopify?
Sí. Los sitios en otras plataformas usan la etiqueta script y los webhooks de Stripe para la verificación. Starter y los planes superiores incluyen más de un sitio; el plan Free incluye uno.
Instálalo desde la App Store y ten hoy mismo una notificación verificada en vivo; los planes están en /es/pricing.