1. ¿Qué está pasando actualmente con las vitrinas?
1.1. ¿Qué puede hacer el constructor de vitrinas actual en CPA?
Nuestra plataforma ya incluye un constructor de vitrinas estándar, y es bastante funcional: ofrece varias opciones de rotación de ofertas, incluyendo una clasificación inteligente basada en el historial de clics y conversiones de los usuarios; la posibilidad de estacionar sus propios dominios; la capacidad de añadir scripts personalizados a través de Google Tag Manager; así como la posibilidad de utilizar las vitrinas creadas en integraciones listas para usar con GA4, Facebook y otras herramientas. Según las estadísticas, vemos que muchos webmasters utilizan vitrinas: la demanda para crear nuevas vitrinas y el tráfico hacia ellas no disminuye.
1.2. ¿Dónde encuentra límites el constructor?
La principal dificultad es que somos una red CPA. Para que las vitrinas funcionen igual en todas partes y para todos, debemos mantener un marco técnico unificado. Este marco es difícil de mantener y actualizar, por lo que nuestras vitrinas son minimalistas y están estandarizadas legalmente para cumplir con los requisitos del mercado de cada GEO. Una solución universal no puede adaptarse a todos por igual, y tan pronto como un webmaster quiere algo específico, tiene que hacerlo por su cuenta.
Ejemplos concretos de lo que piden los webmasters, pero que la vitrina estándar no proporciona:
- Un cuestionario (quiz) para precalentar a la audiencia: para que el tráfico «más caliente» con una fuerte intención sea dirigido al offerwall.
- Un recolector de leads (una solicitud muy frecuente).
- Una lógica de visualización de ofertas no estándar: clasificación aleatoria o personalizada.
- Temporizadores y otros widgets de clickbait.
- Popups de «exit intent», recordatorios de «no te vayas» y otros scripts que aumentan la conversión.
1.3. Tenemos una API: ¿qué abre esto?
Para embudos personalizados, hemos creado una API de Offerwall. Cuando creas y guardas una vitrina en nuestro constructor, recibe un endpoint a través del cual puedes solicitar todas las ofertas de esa vitrina. Esto significa que ya no necesitas configurar nada en el constructor, sino que puedes simplemente tener un «wrapper» rápido que obtiene las ofertas a través de la API y diseñar cualquier lógica que desees para ti mismo. Las ofertas se pueden modificar de forma flexible: clasificación según tus propias métricas o las del programa de afiliados, cantidad, país. Es la forma más sencilla y directa de utilizar la API.
Pero nuestra API no es solo para vitrinas. En la configuración existen otras API: puedes obtener estadísticas para señalar algo importante (conversiones, tráfico), seguir el tráfico, descargar las ofertas conectadas a tu cuenta, obtener el historial completo de redirecciones y postbacks para un usuario desde nuestro tracker. Y todo esto es bastante flexible.
Sentamos las bases de estas API en 2019, en aquel entonces para programadores, entendiendo que diversos embudos de marketing requerirían soluciones personalizadas. Pero las tecnologías han dado un gran paso adelante, y ahora esta API puede utilizarse con herramientas de IA. Es esta idea la que queremos compartir.
Ya tenemos todo lo que necesitas para construir la vitrina de tus sueños sin programadores en 20 minutos, y esto no es clickbait.
2. Nuevo enfoque: un prompt universal en lugar de revisiones constantes
2.1. ¿Por qué dejamos de «darle lo mismo a todo el mundo»?
Hemos llegado a un punto donde el desarrollo se ha vuelto tan rápido que ya no importa tanto cómo construyas un producto, ya sea mediante el desarrollo web habitual o el codificado mediante agentes en los últimos modelos de Claude. Ya existen muchas herramientas para esto. Y si aún no las utilizas, vale la pena prestarles atención, porque ya te has quedado muy atrás. Estas son las tecnologías de marketing de vanguardia hoy en día. Al mismo tiempo, la barrera de entrada es extremadamente baja: para empezar, solo necesitas conocer algunas reglas básicas.
Aunque, por supuesto, recomendamos a todos seguir al menos los cursos abiertos de Anthropic Academy: son gratuitos y accesibles para todos los que quieran aprender.
2.2. ¿Qué es un prompt universal?
Hemos desarrollado y depurado un prompt: un enfoque universal para cualquier desarrollo de servicio de agentes o «vibe-code». Lo hemos probado dentro de Lovable: el resultado es casi siempre el mismo y aceptable, esencialmente «listo para usar». Y si surgen problemas, casi todo se puede resolver directamente en el diálogo con texto simple. A partir de ahí, puedes utilizar lo que ya está presente o desarrollarlo en algo personal.
2.3. ¿Para quién está diseñado?
El prompt está diseñado tanto para principiantes como para usuarios experimentados que podrán ajustarlo todo. Los usuarios experimentados, por regla general, han estado con nosotros durante mucho tiempo y utilizan nuestras API: lo vemos por el número de solicitudes, así como por sus comentarios, gracias a los cuales a menudo implementamos nuevas mejoras. La ventaja del aspecto «universal» es que el prompt puede utilizarse tal cual: respondes a algunas preguntas y obtienes casi inmediatamente un resultado utilizable prácticamente sin configuración. Pero la perfección no tiene límites, por lo que puede perfeccionarse aún más.
3. Lovable: el punto de entrada más sencillo
3.1. ¿Por qué Lovable en particular?
Lovable tiene una arquitectura bien pensada, muy fácil de usar, y una orquestación de agentes ya configurada. Los créditos gratuitos y de inicio son suficientes para montar y probar una vitrina simple (construir una vitrina de este tipo suele llevar entre 30 y 60 créditos). Sí, hay dudas al desarrollar grandes sistemas. Pero para la creación rápida de prototipos, pruebas de hipótesis y vitrinas de complejidad media con una carga de unas 1,000 a 5,000 personas por día, estas soluciones son perfectamente adecuadas, y todo se ve bien y hermoso.
3.2. ¿Qué obtendrás realmente en unas pocas decenas de minutos?
En unas pocas decenas de minutos, tendrás una vitrina para la geografía elegida, así como un panel de administración donde solo tendrás que introducir tu clave API. Además, puedes personalizar tanto las ofertas en sí como la apariencia: hay muchas posibilidades de personalización de tarjetas para cada extracto de oferta, con una vista previa instantánea. Pero sobre todo, puedes seguir trabajando directamente en la misma sesión de Lovable: ver lo que se está creando y realizar cambios sobre la marcha, creando algo único y adaptado específicamente a ti.
Opciones de mejoras técnicas de la vitrina PDL para diferentes mercados: calculadora de préstamos, cuestionario de precalentamiento, geolocalización, filtros de «primer préstamo 0% / sin rechazos», clasificación personalizada, insignias y temporizadores, memoria de sesión, recolector de leads, adaptación móvil e inserción de subid.
4. Proceso paso a paso para construir la vitrina
La regla principal para un principiante: planifica primero, construye después. El error más común es empezar a construir sin entender exactamente qué estás construyendo.
4.1. Paso 1: cargar el prompt en Lovable
Abre Lovable y pega nuestro prompt universal en el campo de mensaje.
4.2. Paso 2: trabajar en modo Plan
Antes de enviar, cambia al modo Plan. Lovable no tocará el código, sino que hará preguntas de aclaración y reunirá un plan claro. Cuando estés satisfecho con el plan, cambia al modo Build, y Lovable construirá todo estrictamente según el plan.
4.3. Paso 3: lanzar, ver el resultado, depurar
Nuestro consejo es construir «frontend first»: comienza por la apariencia utilizando datos de prueba.
4.4. Paso 4: describir las mejoras mediante texto
Describe cualquier cambio con palabras: «haz la tarjeta de oferta más grande y añade una insignia». Trabaja «ladrillo a ladrillo».
4.5. Paso 5: conexión a la API CPA
En el panel de administración de la vitrina, inserta tu clave API, y la vitrina comenzará a recuperar las ofertas reales.
4.6. Preparación de la vitrina
Antes de comenzar, asegúrate de que tu vitrina esté configurada: si la vitrina aún no se ha creado, créala primero y añade todas las ofertas necesarias.
Acceso: copia el Endpoint y la clave API en la página de la vitrina.
Recuperación de datos (API): La API de Offerwall proporciona datos en formato JSON. Este JSON contiene una lista actualizada de todas las ofertas que se han añadido a tu vitrina.
Integración de IA: Después de pasar el JSON al sistema, la IA lee automáticamente las ofertas para un procesamiento posterior.
Gestión No-code: para cambiar el orden o la composición de las ofertas, no es necesario modificar el código; basta con realizar cambios en el constructor.
4.7. Si algo sale mal
Cómo hacerlo: «El formulario de inicio de sesión no responde, ayúdame a entender por qué» (sé específico).
Cómo NO hacerlo: «no me funciona».
5. Práctica: cómo trabajar con el prompt y cómo no hacerlo
5.1. Lo que hay que hacer
Comienza en modo Plan, construye ladrillo a ladrillo y formula las solicitudes concretamente.
5.2. Lo que hay que evitar
No cambies la tarea a mitad de camino y no hagas clic en «Try to Fix» sin parar.
5.3. Base de conocimientos
Lovable tiene una base de conocimientos: instrucciones persistentes.
- Workspace knowledge: reglas generales para todos los proyectos.
- Project knowledge: el contexto de una vitrina específica.
6. Esto es solo un ejemplo: hacia dónde crecer después
6.1. Una vitrina base es una plantilla
Es una base que evoluciona según tus tareas.
6.2. La versión actual merece ser refinada
Estadísticas: es importante recopilar y mostrar las métricas clave. Para un inicio seguro, recomendamos implementar:
- EPC (Earnings Per Click) — ingresos por clic;
- CR (Conversion Rate) — conversión del clic a la solicitud;
- CTR de oferta — clics en las tarjetas;
- Visitantes únicos — número de visitantes únicos;
- Número de leads — número de solicitudes;
- Tasa de aprobación (AR) — porcentaje de aprobaciones.
Y también la configuración básica de la vitrina:
- autorización; guardado de estado;
- Política de privacidad;
- cookies y atribución.
6.3. Puedes apuntar más alto
Basándote en la vitrina, puedes construir un sistema CRM completo con reengagement, notificaciones push y embudos complejos. Sobre los límites (para expertos): Supabase devuelve por defecto un máximo de 1,000 filas a través de la API (este valor se configura en Project Settings → API → Max Rows). Si necesitas más, esto se resuelve mediante paginación a través de range().
7. Preguntas frecuentes (FAQ)
¿Debo saber programar? No.
¿Es difícil y largo? La primera vitrina funcional toma unas pocas decenas de minutos.
¿Cuánto cuesta? Lovable tiene un plan gratuito con un número limitado de créditos (unos 5 créditos por día). Son suficientes para probar la herramienta y construir una vitrina simple. Si planeas escalar el proyecto o realizar cambios frecuentes, es necesario un plan de pago: comienzan en unos 25$ al mes por 100 créditos (plan Pro) en adelante; cuanto más caro es el plan, más créditos tienes y menos restricciones hay en la generación y los despliegues. Los créditos se deducen por cada mensaje a la IA y se renuevan mensualmente como parte de la suscripción. Las tarifas y paquetes de Lovable cambian periódicamente, así que consulta los precios actuales en la página oficial:
¿De dónde vienen las ofertas? Se recuperan a través de la API desde el programa de afiliados.
¿Qué hacer si algo se rompe? Describe lo que sucede en el diálogo.
¿Es legal y seguro? Sí, pero no olvides la política de privacidad. Es un elemento obligatorio: incluso para una simple vitrina de ofertas, el sitio debe tener una política de privacidad, ya que recopilas datos sobre los clics y las redirecciones de los usuarios.
8. Conclusión
Antes, necesitabas un programador para una vitrina personalizada.
Ahora, ya no lo necesitas.
Construye tu vitrina!