Clew

Cómo añadir un aviso de paywall para mejorar de plan sin programador

El momento en que un usuario gratis hace clic en una función de pago es el mejor para explicar la mejora. Clew muestra justo entonces un modal segmentado, con tu texto y un enlace a tu página de precios o de pago, mientras tu app y tu facturación siguen decidiendo el acceso y los cobros.

Tiempo
● 20 minutos
Precio
Prueba gratis de 14 días, sin tarjeta
Formato
Ventana modal

Qué es un “paywall” de Clew y qué no es

Es un Ventana modal con una regla de audiencia: por ejemplo Propiedad plan es igual a free, mostrado Al hacer clic en un elemento en el botón de la función de pago o en la página de una sección premium. El botón-enlace lleva a tu página de precios o a tu checkout.

Es un paywall suave: un mensaje, no un candado. Clew no bloquea el clic, no oculta contenido, no cobra ni cambia el plan de nadie. Si la función no debe estar disponible para usuarios gratis, eso lo aplica tu app; Clew convierte el momento del rechazo en una explicación del valor en vez de un error.

Un modal de aviso de mejora sobre una app web, con titular de beneficio y botón-enlace a la página de precios
ilustración esquemática

Dónde convierten los avisos de mejora

En el botón de pago

Al hacer clic en un elemento en “Exportar”, “Automatizaciones”, “Añadir usuario”: el usuario acaba de demostrar que lo quiere.

En una página premium

Una sección solo para miembros o un informe avanzado: explica qué hay dentro y enlaza al plan.

Tras un umbral de uso

En la tercera visita o cuando una propiedad como projects, que envía tu app, llega al límite.

Prueba el texto

Dos versiones del texto con un test A/B (Pro) muestran qué argumento funciona: precio, tiempo ahorrado o una función.

Cómo añadir un aviso de mejora en 5 pasos

  1. Paso 01

    Copia tu snippet de Clew

    Crea una cuenta gratis (o inicia sesión), añade tu sitio y abre Admin → Resumen. Haz clic en la línea de la tarjeta del widget para copiarla: ya lleva la clave real de tu sitio en lugar del marcador.

    <!-- Clew: sustituye PEGA_AQUI_TU_CLAVE por la clave del sitio de Admin > Resumen -->
    <script src="https://tryclew.io/widget/PEGA_AQUI_TU_CLAVE.js" async></script>
    Resumen del admin de Clew con la línea de inserción y la clave del sitio oculta
    Paso 1 · ilustración esquemática
  2. Paso 02

    Añade la línea a tu sitio una sola vez

    Pega el snippet donde gestionas tu sitio. Cada guía lleva 5–10 minutos y no hay que repetirla: todo lo demás se hace en Clew.

    Dónde está el campo de código del head en los constructores más usados
    Paso 2 · ilustración esquemática
  3. Paso 03

    Escribe el aviso de mejora

    En Clew abre Flujos → + Nuevo flujo y elige Ventana modal. Un paso: un título con el beneficio (“Exportar a CSV está en Pro”), una frase de valor y, en Texto del enlace / URL del enlace, el botón y la URL de tu página de precios o checkout.

    Un modal de aviso de mejora sobre una app web, con titular de beneficio y botón-enlace a la página de precios
    Paso 3 · ilustración esquemática
  4. Paso 04

    Elige dónde, cuándo y a quién se muestra

    En el mismo editor, completa Dónde mostrarlo (URL de la página), Cuándo mostrarlo, Segmentación de audiencia y Frecuencia. Estos son los ajustes del ejemplo de arriba:

    AjusteValor
    FormatoVentana modal
    Dónde mostrarlo (URL de la página)Sección por prefijo /collections/members
    Cuándo mostrarloAl cargar la página
    Segmentación de audienciaPropiedad member no es igual a true
    FrecuenciaEn cada visita
    Editor de tours de Clew con el formato, la regla de URL, el disparador y la regla de audiencia
    Paso 4 · ilustración esquemática
  5. Paso 05

    Publica y compruébalo en el sitio real

    Pon Estado en Publicado y guarda. Abre la página en una ventana privada: Clew recuerda quién ya vio un elemento de “una vez”, así que tu navegador habitual puede saltárselo. Las vistas, finalizaciones y abandonos aparecen en las estadísticas.

    Resumen del admin de Clew con la tarjeta verde de widget activo
    Paso 5 · ilustración esquemática

Paso a paso: aviso de paywall en tu plataforma

Elige la plataforma con la que está hecho tu sitio o tu app. Cada guía trae los pasos de inserción, un ejemplo con ajustes listos y los errores típicos de esa plataforma.

¿Es gratis?

Qué hace Clew y qué no. Clew muestra el aviso de mejora —un modal con tu texto y un enlace a tu propia página de precios o de pago— a los usuarios que eligen tus reglas. No cobra, no gestiona suscripciones y no oculta ni bloquea contenido: tu app decide quién tiene acceso y tu proveedor de pagos cobra.

Este formato forma parte del plan Pro. Cada cuenta nueva empieza con una prueba gratis de 14 días con todos los formatos y reglas de audiencia, sin tarjeta. Al terminar no se borra nada y lo publicado se sigue mostrando; los tours y tooltips siguen gratis en el plan Free.

Preguntas y respuestas

¿Clew procesa pagos o bloquea contenido?

No. Clew muestra el aviso y enlaza a tu página de precios o de pago. Los pagos pasan por tu proveedor de facturación y el acceso lo controla tu app o tu plataforma.

¿Es gratis?

El aviso usa el formato modal y una regla de audiencia, ambos de Pro. Cada cuenta nueva tiene una prueba de 14 días con todo, sin tarjeta.

¿Cómo sabe Clew que el usuario está en el plan gratis?

Se lo dice tu app: Clew.identify({ plan: "free" }) tras el inicio de sesión. Un asistente de IA o un desarrollador añade esa línea una vez; también sirve una cookie que tu app ya pone.

¿No molestará a los clientes que pagan?

No si la regla es correcta: el aviso solo aparece cuando la propiedad es el plan gratis. Pruébalo con dos navegadores, uno con cuenta gratis y otro de pago.

Una línea en tu sitio y, después, tours, tooltips y checklists sin releases.

Obtener mi clave gratisCómo funciona ClewPlan gratuito para siempre, sin tarjeta

Tours de producto, popups y onboarding en la era de la IA

7 patrones con número de pasos, reglas de texto y métricas, lo que cambia la IA y una lista antes de publicar. PDF, 2 páginas. Qué incluye →

La guía está en inglés.