¡Presentamos el Nuevo Paywall Builder, compatible con Adapty SDK v3.0 y versiones posteriores!

Esta avanzada herramienta sin código hace que crear paywalls personalizados sea más intuitivo y potente que nunca. Puedes diseñar paywalls atractivos y de gran impacto con total facilidad, ¡sin necesidad de conocimientos técnicos ni de diseño!

Características principales del nuevo Paywall Builder

• Amplia selección de plantillas: Elige entre una gran variedad de plantillas diseñadas profesionalmente para empezar a crear tu paywall. Estas plantillas ofrecen distintos estilos y diseños para adaptarse a diferentes necesidades y preferencias.
• Mayor flexibilidad: Disfruta de más libertad creativa con capas de diseño y nuevos elementos como carruseles, tarjetas, listas de productos y pies de página. Estas mejoras te dan la libertad creativa para construir cualquier tipo de paywall que imagines.
• Elementos existentes mejorados: Los elementos existentes han sido significativamente mejorados, con más opciones y capacidades para dar vida a tus ideas de paywall.
• Escalabilidad: Si gestionas varias apps, migra la configuración visual de tu paywall con un solo clic en lugar de empezar desde cero.

Estructura de un paywall

En el nuevo Adapty Paywall Builder, un paywall se compone de los siguientes elementos:

• Layout: Es la capa base del paywall, define el color de fondo y determina cómo se muestran los productos y la posición de los botones superiores.
• Hero Image: La imagen principal del paywall.
• Área principal: Aquí puedes colocar distintos elementos como un bloque de productos, carruseles, imágenes, tarjetas, textos, botones y listas.
• Footer: Similar al área principal, pero es un contenedor que siempre se fija en la parte inferior del paywall, encima del área principal. Puedes añadir tantos elementos como necesites; se ordenarán de arriba a abajo dentro del footer siguiendo el mismo orden que aparece en el panel izquierdo.
• Elementos: Los bloques de construcción que se colocan en el área principal o en el footer para crear tu paywall. Se apilan en el orden en que aparecen en el panel izquierdo, de arriba a abajo. Puedes anidar elementos unos dentro de otros, combinarlos en tarjetas o mostrarlos en un carrusel.

Cómo empezar a diseñar un paywall con el nuevo Paywall Builder

Para usar el Adapty Paywall Builder:

1. Abre la sección Paywalls en el menú principal de Adapty.

2. Abre un paywall existente o crea uno nuevo.

3. Ve a la pestaña Builder & Generator.

4. Añade productos al paywall si aún no lo has hecho. De lo contrario, haz clic en Build no-code paywall.

5. Selecciona una plantilla y haz clic en Choose, o migra un paywall desde otra app.

6. Haz clic en Choose para confirmar tu elección.

7. Añade y personaliza los elementos del paywall.

Migra tus paywalls legacy

Actualmente, dos versiones del Paywall Builder funcionan en paralelo en Adapty:

• Nueva versión: Ubicada en la pestaña Builder & Generator de la funcionalidad de Paywalls en el Adapty Dashboard. Esta es la versión más reciente y flexible, con muchas funciones de diseño para crear los paywalls perfectos.

• Versión legacy: Ubicada en la pestaña Legacy Builder de la funcionalidad de Paywalls en el Adapty Dashboard. Esta versión está desactualizada y solo debería usarse para dar soporte a versiones de la app con un SDK inferior a v3.x.x instalado. No recomendamos usarla para nuevos paywalls, ya que pronto quedará obsoleta.

La migración de un paywall del Paywall Builder legacy al nuevo significa que se creará una nueva versión de tu paywall en la pestaña Builder & Generator.

Esta versión puede editarse con el nuevo Paywall Builder y se mostrará en apps con Adapty SDK v3.0 o posterior instalado. Consulta las guías de migración al SDK de Adapty v3.x iOS, Android, Flutter, React Native y Unity para obtener referencias detalladas sobre cómo actualizar el SDK de Adapty.

La versión existente de tu paywall permanecerá en la pestaña Legacy Builder. Puedes seguir ajustándola con el Paywall Builder legacy y se mostrará en apps con Adapty SDK versión 2.x o anterior instalado.

Tendrás paywalls en ambos formatos del Paywall Builder de forma paralela e independiente hasta que ya no los necesites. Los cambios realizados en la configuración del paywall para una versión no afectarán a la configuración creada para la otra.

Para migrar un paywall al nuevo Paywall Builder:

1. Abre el paywall que quieres migrar.
2. Abre la pestaña Builder & Generator.
3. Haz clic en Migrate paywall.

4. Una vez completada la migración, revisa el resultado y asegúrate de que el paywall tiene el aspecto correcto. Si no es así, corrígelo.
5. Haz clic en el botón Save.
6. Si hay algún problema, se resaltará en rojo y lo verás de inmediato. Corrígelo y guarda el paywall de nuevo.

Puedes migrar tus paywalls uno a uno para poder revisarlos y corregirlos si es necesario.

Elementos del paywall

Los elementos que añades a tu paywall aparecen en el panel izquierdo de la ventana del Paywall. Su orden en este panel refleja su orden en el paywall.

Los elementos del paywall en Adapty se clasifican en simples o compuestos:

• Elementos simples: Son elementos individuales que no pueden contener otros elementos. Entre los ejemplos se incluyen texto, imágenes y botones.

• Elementos compuestos: Pueden contener otros elementos o tener su propia estructura. Entre los ejemplos se incluyen:
  • Listas de productos con productos
  • Carruseles con elementos secundarios
  • Tarjetas con elementos secundarios
  • Listas con elementos de lista
  • Bloques de enlaces con enlaces en su interior

Las mejoras que puedes añadir incluyen:

1. Variables de etiqueta predefinidas para información de productos
2. Etiquetas personalizadas
3. Fuentes personalizadas
4. Localización

Una vez configurado, puedes añadir paywalls a placements para mostrarlos en tu app móvil. Para más detalles sobre cómo mostrar paywalls, consulta los artículos específicos de cada plataforma:

• iOS
• Android
• React Native
• Flutter
• Unity

Opciones de personalización

Puedes configurar cada elemento de forma flexible:

• Pestaña Style: Ajusta el tamaño, la apariencia, el color o imagen de fondo, el marco y la transparencia del elemento. Hay opciones adicionales como el control de páginas y la configuración de presentación de diapositivas para ciertos elementos, como los carruseles.
• Pestaña Layout: Establece la posición del elemento y la de sus elementos secundarios mediante desplazamiento (mover un elemento sin cambiar su tamaño ni el del padre) o relleno (mover el elemento con posible cambio de tamaño del padre para ajustarse al tamaño y posición del hijo).
• Pestaña Contents: Configura el contenido de los elementos compuestos.

Valoramos tu opinión

Tu opinión es muy valiosa para nosotros. Si encuentras algún problema o tienes sugerencias de mejora, no dudes en contactarnos. Estamos aquí para ayudarte y mejorar tu experiencia con el nuevo Paywall Builder.

📧 Contáctanos: Soporte de Adapty

¡Disfruta construyendo con el nuevo Paywall Builder y lleva tu estrategia de monetización al siguiente nivel con nuestras herramientas y funciones mejoradas!