A little known feature of our Register Helper Add On is the pmpro_signup module – which embeds a membership signup form anywhere on your site. This is great for landing pages, or for sites with one free membership level that want to override the default process.
How it Works
The shortcode displays a membership checkout module and accepts the following parameters:
- level – The Membership Level ID to use for the checkout form. (Required; No default; Accepts: Numerical membership level ID)
- short – Optionally hide the “Confirm Email” and “Confirm Password” fields. (Not required; Default: false; Accepts: true or 1, false or 0)
- intro – Optionally hide the “Register for LEVEL NAME” text above the form. (Not required; Default: true; Accepts: true or 1, false or 0)
- button – Optionally change the “Submit” button text on the form (Not required; Default: “Signup »”; Accepts: Your text)
Example
[pmpro_signup level="6" intro="false" short="true" button="Sign Up Now »"] |
Screenshot
I designed the form layout in the screenshot below using custom CSS. If you’d like support customizing the display of the signup block or integrating it into your theme, check out our Little Help package.
Here’s the full HTML and CSS for the sample above:
<style> .entry-content h2 {color: #FFFFFF; margin: 0 !important; } form.pmpro_form label {color: #FFF; font-size: 16px; font-weight: 300; margin: 0; text-align: left; width: 100%; } form.pmpro_form .input {margin: 0; padding-bottom: 8px; padding-top: 8px; width: 100%; } form.pmpro_form .pmpro_btn {background: #222; border: none; color: #FFF; display: block; font-size: 16px; font-weight: 300; padding-bottom: 8px; padding-top: 8px; width: 100%; } </style> <div class="alignright" style="background: #B00000; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0 0 30px 30px; padding: 25px 25px 15px 25px; width: 25%;"><h2 align="center">It's Easy: Just Complete<br />the Form Below</h2><hr />[pmpro_signup level="6" intro="false" short="true" button="Sign Up Now »"]</div> |
Note: If the level is free, submitting the form will register the user and redirect them to the Membership Confirmation page. If the level is paid, the form passes the member’s information to the ‘Membership Checkout’ page and allows the member to complete remaining payment fields.
Note: you must have the Register Helper Add On installed and activated to use this shortcode.
This short code does not work for me, aide pasting the code is there anything else that I need to do? Thanks
Do you have the Register Helper addon plugin activated?
“Great for sites with one free level who want to override the default process” — That’s a great headline but unfortunately it doesn’t appear to be very accurate.
I added the “one step form” to my site. When I fill it out, I am redirected and made to manually select the only membership level available (free). Then I’m redirected to a full form to fill out yet again — and my username and password that I’ve already selected aren’t even pre-filled for me so now I have to type it all in again.
What exactly are we overriding here? I’m asking because at first glance, we’ve actually added ANOTHER step to the registration process instead of “overriding the default process”.
This is what “overriding the default process” meant to me: I expected to have a new form that once “submit” was clicked, a new user was registered at my “free level” (my only level) and they would have bypassed the three-click-and-fill-out-a-form Registration process.
Clearly I’m missing something. Please explain what benefit this Register Helper Add On is supposed to provide? As I said, all I can see is it’s adding more work for the user and not less.
Thanks
Sorry this isn’t working for you. I’ll try to test the default setup again, but in the meantime are you using other PMPro addons or otherwise requiring other fields at checkout? If you post to the member forums, I can get more information about your setup and try to help you out.
[pmpro_signup button="Unlock this Post Now!" level="1" login="1" redirect="referrer"]. I use this code you have supplied for a free membership level.
you state “If the level is free, submitting the form will register the user and redirect them to the Membership Confirmation page.” however, the shirt code redirects to my checkout page, how can i chafe it to redirect to the confirmation page.
thanks
Maybe you have other required fields for your checkout page? We can get more details and help further in the support forums.
Yes i have billing address and T&Cs required for paid members in the checkout stage but this isn’t needed on free level. I asked in support, however they needed FTP but I don’t have access as i have web developers who set up the site.
“which embeds a membership signup form anywhere on your site”
That doesn’t seem correct. It just puts a button on the page which redirects back to the normal registration page. Is it possible to use that shortcode to embed the actual form on a custom page – and include the payment forms?
You can also add the [pmpro_checkout] shortcode anywhere you want to if you want the entire checkout form. In that case, it will submit to the same page.
Some interesting things might happen if you put the entire checkout page into a sidebar (hard to account for compatibility with whatever else is on the page).
The signup shortcode is meant for streamlined sign ups to gather free users and emails and in some cases to act as a kind of 2 part sign up.
Hope this helps.
[…] the [pmpro_signup] […]