New in AppPresser 3: Login/Membership Features
AppPresser 3 allows you to protect content for logged in users, similar to a membership plugin.
You can hide/show pages in your app menu based on logged in status, as well as integrate with WordPress membership plugins. This includes Restrict Content Pro, MemberPress, WooCommerce Memberships, Paid Memberships Pro, and almost any other one.
Our Facebook Login integration also allows login and registration through Facebook. The login features work great for BuddyPress, showing a user avatar and login message in the app menu. You can also add links to BuddyPress profile pages, such as “My Profile”, “My Messages”, etc.
Let’s look at how this all works.
Note: Some login functionality is not included in the Starter Plan.
First, visit your My AppPresser dashboard, and click into one of your apps. Visit the “Login” tab, and add your site url.
Save, and go to the App Customizer. Rebuild your app, and you should see a Login button in the side menu. Login doesn’t work in the browser preview (due to browser security restrictions), so open your app in the AppPresser Preview App.
You should be able to login and out of your app.
Logged in users will see their avatar and display name in the side menu, along with a button to logout.
Hide/Show Menu Items
To hide menu items until someone logs in, you need to add a class of “loggedin” to the menu item.
To do that, visit “Menus” in your app customizer, and select a menu item. Under “Extra classes,” add “loggedin.” That’s it, save and you’re ready to go.
This menu item will now be hidden until someone logs in. You can see an example of this in the screenshots above, where “Protected Content” and “My Profile” are loggedin items.
4 Ways to Login/out
There are 4 ways your users can log in or out of your app.
1. The side menu login form (shown above)
2. The AP3 Ion Theme login modal
3. Facebook login
4. Any front-end login form on your site
Any of the above works for logging in and out of your app. (Login modal and Facebook login pictured below)
The theme login form is used in a few places, such as logging in while on a WordPress page. Facebook login requires a Facebook App ID, please see our documentation for setup instructions.
If you have a login form with your membership plugin, it will work as well. The only thing that does not work is using the wp-login.php page in the WordPress admin, because AppPresser does not display any admin pages.
WordPress Membership Plugins
AppPresser integrates with most membership plugins without any configuration.
Your app users will see the content appropriate for their login. For example, if you have a Gold and Silver level on your website, Gold users will see Gold content and Silver users will see Silver content when logged in. Logged out users will not see any protected content.
This applies to all WordPress pages. Any WP-API lists may function differently depending on your site setup.
BuddyPress Profile Menu Links
If you are using BuddyPress, you can show profile links in the side menu.
To do this, simply add a menu link like https://mysite.com/members/me/ If a user is logged out and they click the link, they will be shown a login form, or redirected to your homepage. When they login, they will be shown their profile by replacing /me/ with their username, such as https://mysite.com/members/scott/
This works for any link with the username in it, such as https://mysite.com/members/scott/activity, https://mysite.com/members/scott/settings, etc. This functionality requires the AppBuddy plugin included in the Agency Plan.
For more information on Login, please see our documentation.