Hide Prosites signup registration form


I have ProSites installed and would like to know how I can revert the registration form back to hidden.

For example, a user clicks the signup button and the screen scrolls down to the registration form but if I want to hide it again how could I do that with a link or button so that once it is clicked the registration form will be hidden again?

Let me know!

Thank you,

  • Sajid
    • DEV MAN’s Sidekick

    Hello Landon,
    Hope you are doing good today :slight_smile:

    I am sorry but there is no way out of the box to add button that will hide registration form at the moment.

    However, I can try to flag one of our developer to provide us a quick snippet for this if possible. Please note developer response might be slower than normal support staff response so we appreciate your patience.

    Best Regards,

  • Landon
    • Flash Drive

    Hi Sajid,

    Well I was inspecting the code and it seems like the checkout.js file removes the 'hidden' class on id prosites-signup-form-checkout for the form to appear.

    else {
                var checkout_form = $( '#prosites-signup-form-checkout' );
                checkout_form.removeClass( 'hidden' );

    So I am assuming that I would just need to add another elseif statement with a


    If you could ask your developer the best way to set the class to 'hidden' and let me know I would really appreciate it.

    Thank you,

  • Panos
    • SLS

    Hi Landon ,

    You are right, you can use that script you mentioned to hide the form again. I would recommend thought to add that script in your theme's functions.php or a mu-plugin and add a "Cancel" button next to the "Reserve your site" button. You can use the psts_checkout_after_free filter to hook like following snippet:

    function wpmudev_ps_checkout_hide_form_button( $output ){
    	<script type="text/javascript">
    		$( document ).ready(function(){
    			var reset_button = '<input type="button" id="wpmudev-prosite-hide-form" value="Cancel" style="margin-left: 20px;" />';
    			$( '#check-prosite-blog' ).after( reset_button );
    			$( '#prosites-signup-form-checkout' ).delegate( '#wpmudev-prosite-hide-form', 'click', function(){
    				$( '#prosites-signup-form-checkout' ).addClass( 'hidden' );
    	return  $output . ob_get_clean();
    add_filter( 'psts_checkout_after_free', 'wpmudev_ps_checkout_hide_form_button', 10 );

    Hope this helps!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.