Descubre con este tutorial cómo eliminar elementos innecesarios de la página de registro de Restrict Content Pro para conseguir un formulario minimalista.
Una de las ventajas de ser suscriptor de Código Genesis es que puedes proponer tutoriales.
El otro día, José Luis me preguntó:
Hola, Nahuai.
Me gustaría que pudieses hacer un tutorial para personalizar el checkout de Easy Digital Downloads y/o Restrict Content Pro para conseguir uno minimalista como el que tienes aquí en codigogenesis.
Muchas gracias.
¿Interesante, verdad? Así que me puse manos a la obra.
Ya sabes que cuantos menos elementos haya en la página, mayor será la tasa de conversión.
Por eso, en Código Genesis he eliminado algunos campos de Restrict Content Pro que considero no indispensables para conseguir que la página sea más limpia.
Aquí vas a ver cómo hacer lo mismo:
Pasos para mostrar un checkout de Restrict Content Pro más minimalista
1. Oculta los elementos innecesarios
Añade el siguiente fragmento al final del fichero style.css:
Para ver este código y los otros 1953 snippets de esta web,
identifícate o suscríbete aquí.
Así de sencillo.
Con unas pocas líneas de CSS consigues simplificar el formulario de registro.
2. Restringir 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 1953 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 más minimalista, con unas pocas líneas de código.
¿Tienes alguna duda sobre este tutorial? Déjala en los comentarios.
Ventajas de suscriptor. 😉
