Descubre con este tutorial cómo añadir un campo de confirmación de email en la página de registro de Restrict Content Pro con un snippet de código.
Restrict Content Pro es uno de los plugins más populares para crear membresías. Modificar la página de registro suele ser una de las peticiones más habituales, por eso ya he publicado varios tutoriales para simplificar su página de registro.
- Crear checkout minimalista para Restrict Content Pro
- Cómo simplificar un formulario de registro
- Cómo eliminar campos obligatorios en el formulario
Aunque lo recomendable es tener el mínimo número de campos posibles para mejorar la conversión, también es verdad que en membresías con muchos suscriptores llegan muchos tíquets de soporte porque han introducido de forma incorrecta el email.
Por eso, en este tutorial vamos a ver cómo puedes añadir un campo de confirmación de email y que se muestre un mensaje en caso de que los dos emails introducidos no coincidan.
Vamos allá.
Pasos para añadir un campo para confirmar el email en el registro de Restrict Content Pro
1. Elimina el campo de nombre de usuario y añade el de confirmación de email
Añade el siguiente snippet al fichero functions.php:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
Con este snippet consigues varias cosas:
- Añadir un campo de confirmación de email.
- Comprobar que los dos emails introducidos son iguales y, si no lo son mostrar, un aviso.
- Eliminar el campo de nombre de usuario (se usará el email).
Puedes modificar tanto el texto que se muestra en el campo de confirmación como el mensaje que quieres que se muestre en caso de que los emails no sean idénticos.
2. Dar estilos a la página de registro
Añade el siguiente fragmento al final del fichero style.css:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
Con estas líneas de CSS consigues ocultar el campo de nombre de usuario.
Conclusión
Ahora sabes cómo añadir un campo de confirmación de email en el formulario de registro de Restrict Content Pro 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. 😉
