Laboratorio de apps de retención
Apps de retención para tiendas Shopify
Reten Labs es un laboratorio de software que construye apps de retención para tiendas de ecommerce. Su primera app es Lista de Regalos, un sistema de listas de regalo para baby showers, matrimonios y cumpleaños que funciona sobre tiendas Shopify. Cada app se instala con acompañamiento directo y se integra con el theme de la tienda, de modo que cualquier diseñador puede personalizarla escribiendo CSS normal.
Actualizado el
Instalación asistida
La app se crea e instala para tu tienda, con la integración al theme incluida. No pasa por el App Store de Shopify.
Se estiliza con CSS normal
Componentes en light DOM y estilos en una capa CSS: el theme los sobreescribe sin !important.
Suscripción con módulos
Una cuota base por app más los módulos que actives. Sin comisión sobre las ventas.
¿Qué es Reten Labs?
Reten Labs es un laboratorio de software que desarrolla apps de retención para tiendas de ecommerce. Hoy trabaja sobre Shopify y su núcleo está diseñado para soportar también VTEX, porque ninguna regla de negocio depende de una plataforma concreta. Cada app se vende como una suscripción mensual con módulos que la tienda activa por separado.
La retención es el ángulo común de todo lo que construye Reten Labs: en vez de perseguir tráfico nuevo, las apps buscan que cada visita traiga a más personas a la tienda y que quien ya compró tenga un motivo para volver. Una lista de regalos, por ejemplo, convierte a un cliente en un canal: la lista se comparte con decenas de invitados que llegan a la tienda con la intención de comprar algo concreto.
¿Qué apps ofrece Reten Labs hoy?
Hoy Reten Labs ofrece una app: Lista de Regalos, para tiendas Shopify. Permite que un cliente arme una lista de productos de la tienda para un baby shower, un matrimonio o un cumpleaños, la comparta por un enlace y reciba esos productos como regalo. Las compras se descuentan de la lista automáticamente cuando el pedido se confirma.
Lista de Regalos es la primera app del laboratorio y la que define la arquitectura del resto: núcleo independiente de la plataforma, componentes que viven en el theme de la tienda y un sistema de módulos que se activan sin tocar código.
¿Por qué las apps no están en el App Store de Shopify?
Las apps de Reten Labs se distribuyen como apps de distribución personalizada: se crea una app dedicada para cada tienda y se instala manualmente, en vez de publicarse en el App Store de Shopify. El motivo es el modelo de servicio. La instalación es asistida de principio a fin, incluida la integración con el theme, que es la parte que ninguna app genérica resuelve bien.
La consecuencia práctica para la tienda es que no hay un botón de "instalar" ni una configuración que resolver en soledad: el equipo de Reten Labs crea la app, la instala, conecta el módulo con el theme y lo deja funcionando. La contrapartida honesta es que el alta no es inmediata; requiere una conversación previa.
¿Se puede personalizar el diseño con el CSS del theme?
Sí, y es la diferencia técnica principal de Reten Labs. Los componentes se renderizan en light DOM, sin Shadow DOM, y todos los estilos base viven dentro de una capa CSS llamada retenlabs. Como el CSS sin capa siempre gana sobre el CSS que está dentro de una capa, cualquier regla escrita en el theme sobreescribe la nuestra sin !important.
Esto importa porque la queja habitual con los widgets de terceros es que no hay forma limpia de que encajen con el diseño de la tienda: o encapsulan su markup en Shadow DOM y el CSS del theme no los alcanza, o compiten por especificidad y obligan al diseñador a escribir cadenas de selectores y !important que se rompen en la siguiente actualización.
El markup de los componentes es parte del documento, así que un diseñador lo inspecciona, lo selecciona con clases normales y lo estiliza como estilizaría cualquier otro elemento de la página. Las clases siguen convención BEM con prefijo rl-, por ejemplo .rl-registry__item--purchased.
| Widget encapsulado en Shadow DOM | Componentes de Reten Labs (light DOM) | |
|---|---|---|
| Alcance del CSS del theme | No alcanza el interior del componente | Lo alcanza con selectores normales |
| Cómo se sobreescribe un estilo | Variables expuestas por el proveedor, si existen | Cualquier regla CSS del theme |
| Necesidad de !important | Frecuente | Ninguna: la cascada de capas lo resuelve |
| Herramienta necesaria | Depende de lo que exponga el proveedor | El editor de código del theme |
¿Hay que escribir CSS para cambiar los colores?
No. Los colores, el radio de los bordes, la tipografía y el espaciado se controlan con design tokens que se editan desde el panel, sin escribir CSS. El CSS a medida existe como un segundo nivel, para cuando la tienda quiere ir más allá de los tokens. Por defecto la tipografía se hereda del theme.
- --rl-color-primary
- Color de acento de botones y estados activos.
- --rl-color-surface
- Fondo de tarjetas y bloques de la app.
- --rl-color-text
- Color del texto de los componentes.
- --rl-radius
- Radio de los bordes de tarjetas y botones.
- --rl-font
- Tipografía. Por defecto hereda la del theme.
- --rl-spacing
- Unidad base de espaciado del ritmo vertical.
¿Cómo se cobra por las apps de Reten Labs?
El cobro es una suscripción mensual por app más los módulos que la tienda decida activar. No hay comisión sobre las ventas que genera la app. El precio queda fijado al momento de contratar, así que una subida de tarifas posterior no afecta a una suscripción ya activa. Los importes exactos todavía no están publicados.
La estructura de cobro sí es definitiva y está explicada en la página de precios; lo que falta por cerrar son las cifras. Mientras tanto se cotizan durante la conversación de instalación.
¿Para qué tiendas tiene sentido Lista de Regalos?
Tiene sentido para tiendas Shopify cuyo catálogo se regala en torno a un evento con fecha: puericultura y productos de bebé, hogar y menaje, decoración, vajilla, electrodomésticos y regalos. La señal más clara es que los clientes ya piden listas por WhatsApp o por correo, resolviéndolo a mano con una hoja de cálculo.
Si el catálogo se compra para uso propio y no como regalo de un evento, una lista de regalos aporta poco. Preferimos decirlo antes de una instalación que cobrar por algo que no va a usarse.