{"id":62031,"date":"2024-02-13T08:48:22","date_gmt":"2024-02-13T13:48:22","guid":{"rendered":"https:\/\/memberpress.com\/docs\/how-to-display-login-form-in-popup\/"},"modified":"2024-09-17T11:10:27","modified_gmt":"2024-09-17T15:10:27","slug":"how-to-display-login-form-in-popup","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/es\/docs\/how-to-display-login-form-in-popup\/","title":{"rendered":"C\u00f3mo mostrar el formulario de inicio de sesi\u00f3n en una ventana emergente"},"content":{"rendered":"\n

If you're looking for a way to display\u00a0 MemberPress\u00a0Login form in the popup on one or more pages you can use\u00a0<\/span>Popup Maker<\/a> plugin.<\/p>\n\n\n\n

Step 1: Add the Popup Maker<\/em> Plugin to your Site<\/h4>\n\n\n\n

This plugin will allow you to create a popup maker and configure it as you want.<\/p>\n\n\n\n

    \n
  1. Navigate to your\u00a0WordPress Dashboard<\/strong>\u00a0\u2192\u00a0Plugins<\/strong>\u00a0\u2192 and click on the\u00a0Add New\u00a0button;<\/li>\n\n\n\n
  2. In the\u00a0Search\u00a0bar, type\u00a0Popup Maker<\/em>;<\/li>\n\n\n\n
  3. Install and Activate the Popup Maker<\/a> plugin (you can also use the paid versions of PopupMaker<\/a>).<\/li>\n<\/ol>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n

    Step 2: Add Is Logged In<\/em> condition to Popup Maker<\/h4>\n\n\n\n

    By default Popup Maker doesn't contain a condition for users being logged in. They offer the Advanced Targeting Conditions<\/a> extension that provides this condition along with many others. If you don't have this extension installed you can\u00a0add the code below at the end of your theme's functions.php file, or use a plugin\u00a0like the\u00a0WPCode<\/a>\u00a0plugin (please check this article for details:\u00a0How to add custom code snippets in WPCode<\/a>).<\/p>\n\n\n\n

    function mepr_popup_logged_in() {return is_user_logged_in();}\n\nadd_filter('pum_get_conditions', function($conditions) {\n  return array_merge($conditions, array(\n    'popup_logged_in' => array(\n      'group'    => __('General'),\n      'name'     => __('Is Logged In'),\n      'callback' => 'mepr_popup_logged_in'\n    )\n  ));\n});<\/pre>\n\n\n\n
    Step 3: Create a Popup<\/h4>\n\n\n\n
      \n
    1. Navigate to your WordPress Dashboard<\/strong> \u2192 Popup Maker<\/strong>\u00a0admin panel menu item and click on\u00a0Add\/Edit Post Types.<\/li>\n\n\n\n
    2.  Add the following <\/strong>shortcode to the popup content:<\/li>\n<\/ol>\n\n\n\n
      [mepr-login-form use_redirect=\"true\"]<\/strong><\/code><\/pre>\n\n\n\n
      \"\"\/<\/figure>\n\n\n\n
        \n
      1. Configure the Popup Settings as follows:\n
          \n
        1. Open the Triggers <\/strong>tab and click Add New Trigger<\/strong> button 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        2. Select the \u201cTime Delay \/ Auto Open\u201d<\/strong> option from Choose what type of trigger to add?<\/strong> dropdown list. You don't need to check the \u201cWould you like to set up a cookie as well?\u201d<\/strong> option. 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        3. If you want you can click the pencil icon to edit target settings and change the delay after the Login Form will popup (by default it is 500ms so it's 0.5 seconds)<\/li>\n\n\n\n
        4. Open the Targeting <\/strong>tab and select Is Logged In<\/strong> condition under the General group from the dropdown list of conditions. 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        5. Click the exclamation mark next to Is Logged In<\/strong> option to check the opposite of Is Logged In condition. The button will turn red.<\/p> 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        6. Click the + AND<\/strong> button and select Pages: Selected<\/strong> option from the dropdown list. You should see the field where you can start typing the page you would like the Login form to be displayed on. You can add as many pages as you want or select a different category<\/p> 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        7. Optionally you can also change Display <\/strong>and Close <\/strong>settings. For simplicity of this article, we'll leave these settings as default.<\/li>\n\n\n\n
        8. Click the Publish <\/strong>button to save the Popup.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n
          Step 4: Test your Setup<\/h4>\n\n\n\n
          Make sure to be logged out and open one of the pages that you have selected in step 3.3.f<\/strong>. You should see a popup window with Login Form. Once you click Log In<\/strong> button you should be logged in and redirected to the page you set in Global Settings<\/strong> or membership-specific settings. Here's what it looks like on front-end:<\/p>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n
          To stay on the same page, use the following shortcode in step 3.2<\/strong>:<\/p>\n\n\n\n
          [mepr-login-form use_redirect=\"false\"]<\/strong><\/code><\/pre>\n\n\n\n
          When you open any page while being logged in you will not see a popup window with Login Form.<\/p>\n","protected":false},"excerpt":{"rendered":"
          If you\u2019re looking for a way to display\u00a0 MemberPress\u00a0Login form in the popup on one or more pages you can use\u00a0Popup Maker plugin. Step 1: Add the Popup Maker Plugin to your Site This plugin will allow you to create a popup maker and configure it as you want. Step 2: Add Is Logged In [\u2026]<\/p>\n","protected":false},"author":62252,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1315],"ht-kb-tag":[],"class_list":{"0":"post-62031","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-how-to","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t