User Registration

Step by step documentation to set up a user registration form for your website.

Login and Registration Popups

With this feature, you can create popups for the User Registration login and registration forms and put them on your site’s various locations.

Location: User Registration > Settings > Misc > Popups

How To Create A Popup?
To create a new Popup, simply click on the Add New button here.

After you click on it, you will be presented with the screen below.

There are 3 main sections in this window.
1. Display Popup
2. Popup Content
3. Popup Appearance

Let’s talk about Display Popup first. It has two simple options.

Enable This Popup: You can simply enable or disable the popup by ticking/un-ticking the checkbox.

Select Popup Type: You can choose between Registration and Login which will let you decide what popup are you making.

We have Popup Content as the second section. This section is also not that confusing. Inside this section, we see:

Popup Name: In this input box, you can give a name to your popup. For example popup one

Popup Header Content: In this editor section, you can write some content for the Header Section of your popup.

Select Form: Here you can select the Registration Form that you want to display in the popup. The Registration forms will be shown in the dropdown input box.

Note: This option will not be seen if you select Login Popup as the Popup Type. It will only show for Registration Popup.

Popup Footer Content: In this editor section, you can write some content for the Footer Section of your popup.

The third and last section is the Popup Appearance section. We have one option here:

Select Popup Size: In this option, you can select what size you want to display the Popup in the frontend. You have 3 options to choose from, Default, Large, and Extra Large. You can choose any as per your design requirements.

Click on Add Popup and all the changes will be saved. You will then be redirected back where you can see all the popups that you created.

To use the popup, simply copy the shortcode and paste it into your page in a shortcode block.

After that, when you visit that page, the popup will show up.

How To Add a Popup to the Menu? #

You can also add the Popup in the Menu Bar as a Menu Option. After you have created the Popup, you can simply go to Appearance > Menu and then add the popup to your Menu.

After you have added it, click on Save Menu and then visit your site. The Popup Link will show up in the Menu. When you click on it, the Popup will show up.

How To Add a Popup as a Button? #

You can add the popup as a button such that when the button is clicked, the popup is shown. This gives you the flexibility to add the popup anywhere you would like to. For example, between the contents of a post, widgets, etc.

For this, you will have to add parameters to the existing shortcode. For example, adding type=”button” i.e [user_registration_popup id=”1″ type=”button”] will create a button with the registration form’s popup.

Here, we have added the shortcode on the footer widget area.

Result:

Note: You can also add a parameter button_text="Register Me" to change the text on the button.

Powered by BetterDocs

Scroll to top