Saltar al contenido
Reten Labs

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.

Enfoque de integración de los componentes con el theme de la tienda
Widget encapsulado en Shadow DOMComponentes de Reten Labs (light DOM)
Alcance del CSS del themeNo alcanza el interior del componenteLo alcanza con selectores normales
Cómo se sobreescribe un estiloVariables expuestas por el proveedor, si existenCualquier regla CSS del theme
Necesidad de !importantFrecuenteNinguna: la cascada de capas lo resuelve
Herramienta necesariaDepende de lo que exponga el proveedorEl editor de código del theme
Enfoque de integración de los componentes con el theme de la tienda

¿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.