Discover with this tutorial how to remove unnecessary elements from the Restrict Content Pro checkout or registration page to get a minimalistic form.
One of the advantages of being a Code Genesis subscriber is that you can propose tutorials.
The other day a subscriber asked me:
I wish you could make a tutorial to customize the Easy Digital Downloads and/or Restrict Content Pro checkout to get a minimalist one like the one you have here at OsomCode.
Thank you very much.
Interesting, isn’t it?
You know that the fewer elements on the page, the higher the conversion rate. That’s why in OsomCode I have removed some fields from Restrict Content Pro that I consider not essential to make the page cleaner.
Here you will see how to do the same:
Steps to display a more minimalist Restrict Content Pro checkout
1. Hide unnecessary elements
Add the following snippet to the end of the style.css file:
It’s as simple as that.
With a few lines of CSS you can simplify the registration form.
2. Restrict styles to a specific registration page (optional)
If you use the above snippet, those registration elements will be hidden on all pages.
Is this what you want? Then you’ve got it.
But Restrict Content Pro allows you to crear different registration pages, each one associated to a specific subscription plan.
What happens if you only want your snippet to affect a specific signup page?
Then you need to make a small modification to the code.
First you need to get the page ID.You can get it by checking the URL when you edit the page or, if you want to make it easier for yourself, get it to be displayed directly in the WordPress admin with this tutorial.
Do you already have the ID? Then use this code snippet instead:
In this case, the elements will only be hidden on the page with ID 18, but I invite you to modify the code with the one you are interested in.
It is proven that simplifying the subscription process improves the conversion rate.
Now you know how to make the Restrict Content Pro signup form more minimalistic, with a few lines of code.
Any questions? Let me know in the comments.
And if you want to give me any suggestion for future tutorials, leave it in the contact form. Advantages of being a subscriber. 😉