Con este vídeo de la Zona Código aprendes a crear un efecto paywall profesional en Restrict Content Pro que difumina el final del contenido visible y muestra una caja de suscripción.
Cuando un visitante sin membresía llega a un contenido restringido con RCP, lo que ve es un mensaje de texto plano tipo «Este contenido está restringido». No genera interés ni urgencia. Con este snippet consigues el efecto que usan medios como El País o The New York Times:
- El texto del artículo se va difuminando progresivamente.
- Aparece una caja centrada con un título, un texto y un botón de suscripción.
- Se incluye un enlace para iniciar sesión debajo del botón.
El resultado: el visitante percibe que hay contenido valioso detrás y tiene un camino directo para suscribirse.
El snippet se compone de tres partes: un HTML que se pega en los ajustes de RCP, un snippet de PHP que genera el difuminado y la caja, y un CSS para los estilos.
Vídeo: cómo crear el efecto paywall en Restrict Content Pro
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Paso 1: HTML del mensaje restringido
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Paso 2: PHP para el difuminado y la caja
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Paso 3: CSS para los estilos
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Vídeos relacionados: