1. Home
  2. Setup
  3. Integrations
  4. Elementor Integration with WishList Member
  1. Home
  2. Setup
  3. Integrations
  4. Other Services
  5. Elementor Integration with WishList Member

Elementor Integration with WishList Member

WishList Member includes an integration with Elementor. This allows you to set protection and access for elements (sections, inner sections, widgets, etc.).

This means you can easily protect individual elements or larger sections so only the users you select can gain access. More details are explained below (including a Tutorial Video).

Installing Elementor

The first step is installing the Elementor plugin. This can be done in the Plugins > Add New > Upload Plugin section of WordPress.

Once you have downloaded the Elementor plugin, you can upload and activate it on your site.

Once you have completed the installation and activation process, Elementor will appear in your WordPress menu.

Enable Elementor Integration

You can select and enable the Elementor option in the Setup > Integrations > Other Services section of WishList Member.

The integration simply needs to be enabled in order to be used.

“Configuration is not required within WishList Member for this integration. The integration is either enabled or disabled.

While the integration is enabled, WishList Member will add a setting within Elementor related to the display of Elementor Sections and Inner Sections.

The setting is available in the Advanced Options tab of all Sections and Inner Sections within Elementor.”

Setting Protection and Access for Elements

The WishList Member options appear in the Advanced section of the element in Elementor.

This includes sections, inner sections, widgets, etc.

You can use the “edit with Elementor” button to set protection and access for elements using WishList Member.

The WishList Member options appear in the Advanced section of the element.

WishList Member can be used to set who can view specific elements. There are five options you can apply. The screenshot below is an example of an Elementor widget.

Everybody. The element will be shown to all users regardless of membership status or logged in status.

Not Logged-in. The element will only be displayed to users who are not logged-in.

Logged-in. The element will only be displayed to users who are logged-in.

Members in Membership Level(s). The element will only be displayed to users who are logged-in and belong to the set membership level(s).

Members not in Membership Level(s). The element will only be displayed to users who are logged-in and do not belong to the set membership level(s).

Note: The membership levels from the Setup > Levels section of WishList Member will be displayed and can be selected if either Members in Membership Level(s) or Members in Membership Level(s) is selected from the dropdown.

Below is a Screenshot example set to the following:

When a user visits the Dashboard page, they will only be able to view the “Platinum Members” section if they are a member of the Platinum level. This is because the “Show this section to” option is set to “Members in Membership Level(s)” and the Platinum level is selected.

Only users in the Platinum level would be able to view the section.

Tutorial Video

For Reference (with Time Stamps)

0:01 Brief WishList Member setup Overview. Includes running through the WishList Member Getting Started Wizard (Typically only needed for those who haven’t configured their site yet).

7:12 Editing a Dashboard page using Elementor

7:56 Creating a layout on the page to apply protection settings.

10:01 Enabling the Elementor integration in WishList Member.

10:48 Applying WishList Member settings to elements. Creating two sections on a Dashboard page and configuring different WishList member settings for each section.

12:22 Using the Advanced > WishList Member settings in sections. Using the Members in Membership Level(s) setting to show specific content to specific users.

13:25 An example of how this appears to a user on the live site.

14:12 An example of editing another type of element (an image).

Was this article helpful?

Related Articles