{"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\/pt\/docs\/how-to-display-login-form-in-popup\/","title":{"rendered":"Como exibir o formul\u00e1rio de login em um pop-up"},"content":{"rendered":"

Se voc\u00ea est\u00e1 procurando uma maneira de exibir  MemberPress Formul\u00e1rio de login no pop-up em uma ou mais p\u00e1ginas que voc\u00ea pode usar <\/span>Criador de pop-ups<\/a> plugin.<\/p>\n\n\n\n

Etapa 1: Adicione o Criador de pop-ups<\/em> Plug-in em seu site<\/h4>\n\n\n\n

Esse plug-in permitir\u00e1 que voc\u00ea crie um criador de pop-ups e o configure como quiser.<\/p>\n\n\n\n

    \n
  1. Navegue at\u00e9 seu Painel de controle do WordPress<\/strong> \u2192 Plugins<\/strong> \u2192 e clique no bot\u00e3o Add New (Adicionar novo);<\/li>\n\n\n\n
  2. Na barra de pesquisa, digite Criador de pop-ups<\/em>;<\/li>\n\n\n\n
  3. Instalar e ativar o Criador de pop-ups<\/a> (voc\u00ea tamb\u00e9m pode usar o plug-in vers\u00f5es pagas do PopupMaker<\/a>).<\/li>\n<\/ol>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n

    Etapa 2: Adicionar Est\u00e1 conectado<\/em> condi\u00e7\u00e3o para o Popup Maker<\/h4>\n\n\n\n

    Por padr\u00e3o, o Popup Maker n\u00e3o inclui uma condi\u00e7\u00e3o para que os usu\u00e1rios estejam conectados. Eles oferecem o Condi\u00e7\u00f5es avan\u00e7adas de direcionamento<\/a> extens\u00e3o que oferece essa condi\u00e7\u00e3o, al\u00e9m de muitas outras. Se voc\u00ea n\u00e3o tiver essa extens\u00e3o instalada, pode adicionar o c\u00f3digo abaixo no final do arquivo functions.php do seu tema ou usar um plugin como o C\u00f3digo WPC<\/a> (consulte este artigo para obter detalhes: Como adicionar trechos de c\u00f3digo personalizados no 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
    Etapa 3: Criar um pop-up<\/h4>\n\n\n\n
      \n
    1. Navegue at\u00e9 seu Painel de controle do WordPress<\/strong> \u2192 Criador de pop-ups<\/strong> item de menu do painel de administra\u00e7\u00e3o e clique em Add\/Edit Post Types.<\/li>\n\n\n\n
    2.  Adicione o seguinte <\/strong>para o conte\u00fado do pop-up:<\/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 as defini\u00e7\u00f5es de pop-up da seguinte forma:\n
          \n
        1. Abra o Gatilhos <\/strong>e clique em Adicionar novo acionador<\/strong> bot\u00e3o 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        2. Selecione o \"Tempo de atraso \/ Abertura autom\u00e1tica\"<\/strong> op\u00e7\u00e3o de Escolher o tipo de gatilho a ser adicionado?<\/strong> lista suspensa. Voc\u00ea n\u00e3o precisa marcar a \"Voc\u00ea gostaria de preparar um cookie tamb\u00e9m?\"<\/strong> op\u00e7\u00e3o. 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        3. Se quiser, voc\u00ea pode clicar no \u00edcone do l\u00e1pis para editar as configura\u00e7\u00f5es de destino e alterar o intervalo ap\u00f3s o qual o formul\u00e1rio de login ser\u00e1 exibido (por padr\u00e3o, \u00e9 de 500 ms, ou seja, 0,5 segundos)<\/li>\n\n\n\n
        4. Abra o Direcionamento <\/strong>e selecione Est\u00e1 conectado<\/strong> condi\u00e7\u00e3o no grupo Geral da lista suspensa de condi\u00e7\u00f5es. 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        5. Clique no ponto de exclama\u00e7\u00e3o ao lado de Est\u00e1 conectado<\/strong> para verificar o oposto da condi\u00e7\u00e3o Is Logged In. O bot\u00e3o ficar\u00e1 vermelho.<\/p> 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        6. Clique no bot\u00e3o + E<\/strong> e selecione P\u00e1ginas: Selecionado<\/strong> na lista suspensa. Voc\u00ea dever\u00e1 ver o campo em que pode come\u00e7ar a digitar a p\u00e1gina em que gostaria que o formul\u00e1rio de login fosse exibido. Voc\u00ea pode adicionar quantas p\u00e1ginas quiser ou selecionar uma categoria diferente<\/p> 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        7. Opcionalmente, voc\u00ea tamb\u00e9m pode alterar Tela <\/strong>e Fechar <\/strong>configura\u00e7\u00f5es. Para simplificar este artigo, vamos deixar essas configura\u00e7\u00f5es como padr\u00e3o.<\/li>\n\n\n\n
        8. Clique no bot\u00e3o Publicar <\/strong>para salvar o Popup.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n
          Etapa 4: Teste sua configura\u00e7\u00e3o<\/h4>\n\n\n\n
          Certifique-se de estar desconectado e abra uma das p\u00e1ginas que voc\u00ea selecionou na etapa 3.3.f<\/strong>. Voc\u00ea ver\u00e1 uma janela pop-up com o formul\u00e1rio de login. Quando voc\u00ea clicar em Fazer login<\/strong> voc\u00ea deve estar conectado e ser redirecionado para a p\u00e1gina que voc\u00ea definiu em Configura\u00e7\u00f5es globais<\/strong> ou configura\u00e7\u00f5es espec\u00edficas para membros. Veja como fica na interface do usu\u00e1rio:<\/p>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n
          Para permanecer na mesma p\u00e1gina, use o seguinte shortcode na etapa 3.2<\/strong>:<\/p>\n\n\n\n
          [mepr-login-form use_redirect=\"false\"]<\/strong><\/code><\/pre>\n\n\n\n
          Ao abrir qualquer p\u00e1gina enquanto estiver conectado, voc\u00ea n\u00e3o ver\u00e1 uma janela pop-up com o formul\u00e1rio de login.<\/p>","protected":false},"excerpt":{"rendered":"
          If you’re looking for a way to display  MemberPress Login form in the popup on one or more pages you can use Popup 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 […]<\/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":["post-62031","ht_kb","type-ht_kb","status-publish","format-standard","ht_kb_category-how-to","entry","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