• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Crear checkout minimalista para Restrict Content Pro

Descubre con este tutorial cómo dejar solo los elementos imprescindibles en la página de registro de Restrict Content Pro para conseguir un formulario minimalista.

Me consta que Restrict Content Pro es un plugin muy utilizado por los suscriptores de Código Genesis. De hecho, ya hay disponibles un par de tutoriales para simplifificar su página de registro.

  • Cómo simplificar un formulario de registro.
  • Cómo eliminar campos obligatorios en el formulario.

Pero a petición popular, aquí tienes una combinación de ambos para reducir el formulario de Restrict Content Pro al mínimo posible.

Esta sería la versión completa de una página de registro con Restrict Content Pro:

Versión de formulario de registro completo de Restrict Content Pro.

Y así es como la puedes dejar después de seguir el tutorial:

Versión de formulario de registro minimalista de Restrict Content Pro.

No está mal ¿verdad?

Pasos para mostrar un checkout de Restrict Content Pro minimalista

1. Elimina los campos de nombre de usuario y confirmación de contraseña

Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.

Con el primer snippet consigues que se tome como nombre de usuario el email y con el segundo eliminas la obligatoriedad de rellenar el campo de confirmación de la contraseña.

2. Oculta los elementos innecesarios

Añade el siguiente fragmento al final del fichero style.css:

Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.

Con estas líneas de CSS consigues ocultar los campos no obligatorios del formulario de registro.

Además, colocas el email y la contraseña en la misma línea para conseguir un checkout más compacto visualmente.

3. Restringe los estilos a una página de registro concreta (opcional)

Si utilizas el snippet anterior, esos elementos de registro estarán ocultos en todas las páginas.

¿Es esto lo que quieres? Entonces ya lo tienes.

Pero Restrict Content Pro te permite crear distintas páginas de registro, cada una asociada a un plan de suscripción determinado.

¿Y si solo quieres que tu snippet afecte a una página de registro concreta?

Entonces necesitas hacer una pequeña modificación en el código.

Primero necesitas obtener la ID de la página. Esto puedes conseguirlo revisando la URL cuando editas la misma o, si quieres ponértelo más fácil, conseguir que se muestre directamente en el admin de WordPress con este tutorial.

¿Ya tienes la ID? Entonces usa este fragmento de código en lugar del anterior:

Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.

En este caso, los elementos solo se ocultarán en la página con ID 18, pero te invito a modificar el código con la que te interese a ti.

Conclusión

Está demostrado que simplificar el proceso de suscripción mejora la tasa de conversión.

Ahora sabes cómo conseguir que el formulario de registro de Restrict Content Pro sea lo más minimalista posible, con unas pocas líneas de código.

Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉

CSS PHP Restrict Content Pro

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?