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.
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:
Y así es como la puedes dejar después de seguir el tutorial:
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 2055 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 2055 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 2055 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. 😉
Tutoriales relacionados
- https://codigogenesis.com/simplificar-formulario-registro-restrict-content-pro/
- https://codigogenesis.com/eliminar-campos-obligatorios-del-registro-de-restrict-content-pro/
- https://codigogenesis.com/crear-plugin-funcionalidades-wordpress/
- https://codigogenesis.com/anadir-columna-id-entradas-paginas-admin-wordpress/
