Create minimalist checkout for Restrict Content Pro

Discover with this tutorial how to leave only the essential elements on the Restrict Content Pro signup page to get a minimalist form.

I know that Restrict Content Pro is a plugin widely used by OsomCode subscribers. In fact, there are already a couple of tutorials available to simplify your signup page.

• How to simplify a registration form
• How to remove mandatory fields in the form.

But by popular demand, here’s a combination of both to reduce the Restrict Content Pro form to the minimum.

This would be the full version of a Restrict Content Pro registration page:

And this is how you can leave it after following the tutorial:

Not bad, right?

Steps to display a minimalist Restrict Content Pro checkout

1. Remove username and password confirmation fields

Add the following code at the end of functions.php or in your functionality plugin:

With the first snippet you get that the email is taken as the username and with the second one you eliminate the obligation to fill in the password confirmation field.

2. Hide unnecessary elements

Add the following snippet to the end of the style.css file:

With these CSS lines you can hide the non-required fields of the registration form.

In addition, you place the email and password in the same line to get a more compact checkout.

3. 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 create different registration pages, each associated with a particular subscription plan.

What if you only want your snippet to affect a specific registration page?

So you need to make a small modification in the code.

First you need to get the page ID. You can do this by checking the URL when you edit the URL or, if you want to make it easier for yourself, get it displayed directly in the WordPress admin with this tutorial.

Do you already have the ID? Then use this code snippet instead of the previous one:

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.

Conclusion

It is proven that simplifying the subscription process improves the conversion rate.

Now you know how to make the Restrict Content Pro signup form as minimalistic as possible, with just 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. 😉