Jun 172018
 

WordPress Simple Membership Form Builder shows you how to create custom membership forms and add the shortcode to your website.

Last Updated: June 17, 2018

Latest News: I had to change the URL because it was causing issues in the server.

There are times when you need to add extra fields to your membership forms. This post shows you how to set up the necessary tools needed for you to start building custom forms.

Form Builder add-on current version 4.5.2, checked on the April 21, 2018. If you don’t have the latest version then click on the following URL re-download-the-purchased-addons to download the latest.

Note: When you install the Form Builder Add-on, if you have enabled Free Membership in the Settings you will need to create a new Free membership form.

Add-ons Needed:

WordPress Simple Membership Form Builder Steps

Step 1 ) Install the Form Builder add-on you downloaded from the URL above.

Note: Check the following URL how-to-install-wordpress-plugins to learn about how to install a plugin or addon.

Step 2 ) Go to WP Membership -> Form Builder to create new forms. You will also notice that I have also added the Form Shortcode add-on.   wordpress-simple-membership-form-builder-menu

Step 3 ) Click on New Form tab to create a new form. The following image displays the fields you need to fill out and the options you need to select to create the new form.

  • Name the form
  • Type of the form = In this example I selected Registration form.
  • Membership level = In this example I selected Silver membership level.
  • Click on Create Form button to begin.

Note: Once you assigned this form to a membership level, when you create your buy now PayPal button for the same level it will display this form.

wordpress-simple-membership-form-builder-create-new-form

Step 4 ) The following image displays the Standard form fields you can use to create your form.

  • First Name
  • Last Name
  • Gender
  • Address
  • Title
  • Phone
  • Profile Image

wordpress-simple-membership-form-builder-standard-fields

Step 4-a ) The following image Custom tab display the extra custom fields you can use to expand your form.

  • Text
  • Checkbox
  • Select
  • Date
  • URL
  • Number
  • Phone
  • File Upload
  • Textarea
  • Radio
  • Address
  • Email
  • Currency
  • Time
  • HTML
  • Instructions

wordpress-simple-membership-form-builder-custom-fields

Step 4-b ) The following image displays the settings you can configure and set up for a Text field added to a form.

Form Text Field Settings

  • Name
  • Description
  • Text
  • Validation
  • Required
  • Size
  • Field Layout
  • Read Only
  • Show to Admin Only
  • Default Value
  • CSS Classes
  • You can Delete any custom field added to a form. But you can’t delete any standard field added.

Note: Some fields might not have the same list of settings available for customization as above.

wordpress-simple-membership-form-builder-custom-text-field-settings

Settings Confirmation

Note: The following two steps are not available when someone signs up as a free member unless you have the Form Builder add-on.

Step 5 ) The following image Settings -> Confirmation allows you to set up the following features after someone submits a form.

  • Text
  • Page
  • Redirect

wordpress-simple-membership-form-builder-settings-confirmation

Settings Notification

Step 6 ) The following image Settings -> Notification allows you to enable, Send Confirmation Email to User. This is very important if you want the member to receive an e-mail letting them know that their subscription has been approved and they can sign up.

wordpress-simple-membership-form-builder-settings-notification

Step 7 ) The following image Form List tab displays the list of forms created using the add-on. In this example I created 2 new Registration Forms. Each form created has a unique Form name, Form ID and each belong to a Membership Level. The Form Builder add-on also created a unique Profile Form for each registration form created.

wordpress-simple-membership-form-builder-list

In regards to the above forms created, if you want to use any of the forms for Free registration you can use the following add-on Form Shortcode mentioned earlier or add the corresponding shortcode to a page or post for each form you create. (Remember in your website your forms ID will be different)

Free Registration Form Shortcodes

  • For the Silver Level the shortcode is [ swpm_registration_form level=10]
  • For the Free Level the shortcode is [ swpm_registration_form level=6].
    Note: for the Free membership form you don’t have to add the level=6 because this is already added in the plugins Settings under Free Membership Level ID. The default shortcode [ swpm_registration_form] created when you install the plugin will work as well.

Note: For every registration form you create the plugin will also create a profile form. Every registration form must have a unique profile form as well or else you will receive error messages. If the profile form is not created you need to create one yourself. The Simple Membership plugin already creates the profile page for you when you install and activate the plugin. The shortcode it adds to the profile page is [ swpm_profile_form ]. You don’t have to edit or change this shortcode. The plugin knows which member has logged in. It will pull the correct profile per membership level. For paid membership the shortcode would look something like the following [ swpm_payment_button id=8100](Remember in your payment button id will be different)

I hope my information above helps you. More instructions coming soon.

Click on the following URL Custom Message Add-on to continue.

If you have any questions please let me know. I will be updating this tutorial from time to time.

Enjoy.

Simple Membership Plugin Tutorial List:

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.