Login Logout Shortcode for Gravity Forms Membership Sites

This is not a function of Gravity Forms, but it can be extremely helpful if you’re not using a membership plugin and instead you are using Gravity Forms to build a basic membership site.

I’ve used several different methods for adding the login and logout buttons to a site. I’ve used plugins and other code methods, but this one has been the best solution by far.

I prefer using the shortcode because it will work with any theme and you can put it just about anywhere.

How It Works

All you have to do is add the code below to your themes functions.php file or use a functionality plugin like WPCodeBox (recommended), add your URL slugs and place the [login_logout] shortcode on your site.

Learn more about where to put this code here: https://wpmantis.com/adding-code-snippets-wordpress-site/

Step 1: Adding the code

I will demonstrate how to add this code to your site using the WPCodeBox plugin, you can download it here.

1. Copy the code below
2. Go to WPCodeBox (in the WP admin)
3. Click New Snippet
4. Past the code in the black box
5. Add a title
6. Click Save
7. Toggle on to enable

<?php
//copy everything below this line

/**
* GravityRanger Login Logout Shortcode
*
* Creates a login/logout shortcode button
* https://gravityranger.com/login-logout-shortcode-for-gravity-forms-membership-sites/
*
* Used for creating a login/logout shortcode to be used with a WordPress website.
* Can be a great supliment feature when using Gravity Forms to build membership sites.
* 
* @instructions:
* 
*  1. Set the logout and login URL - change /url-slug-here to any URL slug you'd like
*  2. Add this code snippet to your functions.php file or a functionality plugin like WPCodeBox
*  3. Use the [login_logout] shortcpde to create your button (place it anywhere on your site, i.e nav, header, footer, widget, etc)
*
* 
* @version  0.1
* @author   GravityRanger
* @license  GPL-2.0+
* @link     https://gravityranger.com/
*
*
*/

add_shortcode( 'login_logout', 'login_logout' );

function login_logout() {
ob_start();
    if (is_user_logged_in()) : 
    ?>
    <a role="button" href="<?php echo wp_logout_url('/url-slug-here'); ?>">Log Out</a>
<?php 
    else : 
?>
    <a role="button" href="<?php echo wp_login_url('/url-slug-here'); ?>">Log In</span></a>
<?php 
    endif;

return ob_get_clean();
}

Step 2: Add your URL slugs

You will need to add two URLs (or the same URL twice) to the code snippet. The URL will be the location you want the user to be redirected to when they click Login or Logout.

1. Pick your pages and copy the URL slug, everything after your domain, i.e domain.com/copy-this-stuff
2. Replace /url-slug-here with your page URL slug
3. Click Save

Note: using only / will result in redirecting to the homepage.

Step 3: Adding your shortcode

You can use the shortcode anywhere shortcodes are excepted (haha).

In this demonstration I will show you how I add the code to my navigation. This will not necessarily work for all types of themes. I am using the GeneratePress theme which has a header widget area that makes adding a shortcode easy.

You could also use a plugin like, Shortcode In Menus, if your theme does not support widget areas in the header.

1. Copy the shortcode [login_logout]
2. Go to Appearance > Widgets
3. Add the Shortcode block to the header widget area
4. Paste in the shortcode
5. Click Update

The Wrap Up

Just to clarify again, this is not a feature of Gravity Forms, this will work without Gravity Forms. I only use this because I ofter use Gravity Forms to create basic membership sites.

This is a simple solution that provides several options for implementation. You can use the shortcode in a page/post, in the footer/header, or in the sidebar.

If you have any questions or issues, please use the comments below.