There are two ways to use signup forms in MemberMouse, and both can be present on your site at the same time. The Checkout Core Page is created when MemberMouse is installed and acts as your main signup page. You can also create a free member form to sign up free members, and if you use an Email Integration with MemberMouse (like MailChimp), this can also act as a mailing list signup.       



1. Use the Checkout Core Page


The MemberMouse Checkout Core Page functions as a Registration or Signup Page. It is dynamic, meaning the product name, price and description will change based on the product link being accessed and only the sections needed for that product will be displayed. Shipping, billing and other sections are hidden or shown based on the product tied to the link used to load the page. That also means you can use it for registering free or paid members. 


A. Free Registration


MemberMouse is installed with a default free membership level already created. You can also create your own as desired. When the purchase link, for a free membership level is inserted onto a page and then clicked on by a new customer, they will be taken the Checkout Core Page. Since the Checkout Core Page is dynamic, only the account information section is displayed, and the first & last name, email, password and phone number are gathered. The other sections, like card information, billing and shipping addresses are hidden, as they are not needed for free registration. 




B. Paid Registration


You can add a paid purchase link anywhere on your site, which will allow features like 1-Click Purchase Links (when used with a card-on-file Payment Method). Or, you can display static checkout links on other sites or in emails to generate sales through ad banners or affiliate links. Read our Create a Purchase Link article to learn how to generate purchase links for products, bundles and membership levels. 


The core page will dynamically populate the checkout form with the correct pricing information, and relevant sections for shipping and billing, as well as provide the fields to allow the visitor to create an account during checkout.  Once the checkout is complete, the new member will be sent to the Confirmation Core Page with details about their purchase.  This page can also be modified to include upsells with purchase links to other products in MemberMouse. See our Create an Upsell Process article for more information. 


 

2. Create a Free Membership Signup Form


You might want to add a signup form as part of a page. Or you may not want to have product information (For example, "Free Membership" Price: $0.00) show up on the page where new people sign up with you. In this case you can use a free membership signup form, which is a very minimal checkout form. This checkout form can be inserted onto a page or created as its own page. 


This is the code to use for a free membership. Just remember to replace the Membership Level ID in the first line with the one associated with the free membership on your site. By default this is ID 1, but if you have changed your default free membership level or created additional free membership levels, hover over the ID in MemberMouse > Product Settings > Membership levels  > to get the correct ID for your desired membership level. 


[MM_Form type='checkout' membershipLevelId='1']   


[MM_Form_Message type="error"]

   

[MM_Form_Section type="accountInfo"]

Account Information           

First Name: [MM_Form_Field type="input" name="firstName"]

Last Name: [MM_Form_Field type="input" name="lastName"]

Email: [MM_Form_Field type="input" name="email"]

Password: [MM_Form_Field type="input" name="password"]

Phone: [MM_Form_Field type="input" name="phone"]

[/MM_Form_Section]

   

<a href="[MM_Form_Button type='submit' paymentMethod='default']" class="mm-button orange large rounded">Sign Up</a>

[/MM_Form]


This is how the form will appear on your website:



The Email and Password fields are essential, but you can configure it so that some, or all, of the other Form Fields are hidden. You will need to change the information in the type=" " section from type="input" to type="hidden". The article Make Fields Optional on Checkout Form will give you more information about how to add or hide fields from your checkout page.

The last line of code creates the submit button. If you want to customize the look of this, you can refer to the Customize Buttons Guide.



ADDITIONAL TIP: The above two examples are ways to create a signup form on your site. However, if you are also looking to allow people to sign up from other places on the web, you can generate an HTML webform. Only free membership levels are available via this form, as paid memberships require the collection of additional payment-related information. To generate the code, go to Webforms and then click on the Free Member Webform tab. Go to Create a Free Member Webform for additional detailed instructions.