This guide will teach you how to seamlessly use Elementor Builder with the User Registration & Membership plugin. This integration allows you to customize user registration, login, profile, membership, and other pages using Elementor’s visual drag-and-drop interface, instead of relying only on shortcodes or default layouts.

• Prerequisite:
  • Active installation of the User Registration & Membership plugin v4.1.4 or above.
  • Active installation of the Elementor plugin

Installation and Activation #

1. Install and activate the User Registration & Membership plugin
   • Navigate to Plugins > Add New Plugin and search for “User Registration & Membership“. Next, click on Install and then the Activate button.
   • Alternatively, navigate to Plugins > Add New Plugin > Upload Plugin. Now, upload the zip file for the plugin. You can download the zip file from the WordPress repository.
2. Install and activate the Elementor Plugin
   • For the Elementor plugin, navigate to Plugins > Add New Plugin and search for “Elementor”. Next, click on Install and then the Activate button.

Integration Guide of Elementor with User Registration and Membership Plugin #

Navigate to the Pages tab on your WordPress Dashboard and look for the page you want to edit with Elementor. Next, hover below the page’s name where you want to edit, and you’ll see the option that says Edit with Elementor. Click on it and you can edit the page using the Elementor.

You can now hover over the page and explore the widgets provided by the Elementor builder. Click on the ‘+‘ sign to add a new section on your page.

After you click ‘+’ sign, it will provide multiple options for layout that you can insert.

Next, you will see the User Registration menu in the sidebar, along with blocks for Registration Form, Login Form, My Account, Edit Profile, Edit Password, View Profile Details, and Popup, as shown below.

So, you can now scroll available widgets by the User Registration & Membership plugin. In the example below, the Registration Form block has been selected.

Now, click on the widget you have selected. You will find an option called “Advanced” to edit its design. You can customize the Layout, Motion Effects, Transforms, Background, Border, and much more.

Once you complete the customization, click the Publish button at the top right corner.

Also, upgrade to User Registration & Membership Pro to use additional integrations like WooCommerce, Zapier, and more.