{"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\/fr\/docs\/how-to-display-login-form-in-popup\/","title":{"rendered":"Comment afficher le formulaire de connexion dans une fen\u00eatre contextuelle"},"content":{"rendered":"

Si vous cherchez un moyen d'afficher  MemberPress Formulaire de connexion dans la fen\u00eatre contextuelle sur une ou plusieurs pages que vous pouvez utiliser <\/span>Cr\u00e9ateur de fen\u00eatres contextuelles<\/a> plugin.<\/p>\n\n\n\n

\u00c9tape 1 : Ajouter le Cr\u00e9ateur de fen\u00eatres contextuelles<\/em> Plugin pour votre site<\/h4>\n\n\n\n

Ce plugin vous permettra de cr\u00e9er un cr\u00e9ateur de popups et de le configurer comme vous le souhaitez.<\/p>\n\n\n\n

    \n
  1. Naviguez jusqu'\u00e0 votre Tableau de bord WordPress<\/strong> \u2192 Plugins<\/strong> \u2192 et cliquez sur le bouton Ajouter un nouveau ;<\/li>\n\n\n\n
  2. Dans la barre de recherche, tapez Cr\u00e9ateur de fen\u00eatres contextuelles<\/em>;<\/li>\n\n\n\n
  3. Installer et activer le Cr\u00e9ateur de fen\u00eatres contextuelles<\/a> (vous pouvez \u00e9galement utiliser le plugin versions payantes de PopupMaker<\/a>).<\/li>\n<\/ol>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n

    \u00c9tape 2 : Ajouter Est connect\u00e9<\/em> condition \u00e0 Popup Maker<\/h4>\n\n\n\n

    Par d\u00e9faut, Popup Maker ne pr\u00e9voit pas de condition exigeant que les utilisateurs soient connect\u00e9s. Le logiciel propose la Conditions de ciblage avanc\u00e9es<\/a> extension qui prend en charge cette condition ainsi que de nombreuses autres. Si cette extension n'est pas install\u00e9e, vous pouvez ajouter le code ci-dessous \u00e0 la fin du fichier functions.php de votre th\u00e8me, ou utiliser un plugin tel que le WPCode<\/a> (veuillez consulter cet article pour plus de d\u00e9tails) : Comment ajouter des extraits de code personnalis\u00e9s dans 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' => __('Est connect\u00e9'),\n      'callback' => 'mepr_popup_logged_in'\n    )\n  )) ;\n}) ;<\/pre>\n\n\n\n
    \u00c9tape 3 : Cr\u00e9er une fen\u00eatre contextuelle<\/h4>\n\n\n\n
      \n
    1. Naviguez jusqu'\u00e0 votre Tableau de bord WordPress<\/strong> \u2192 Cr\u00e9ateur de fen\u00eatres contextuelles<\/strong> dans le menu du panneau d'administration et cliquez sur Ajouter\/Modifier les types d'articles.<\/li>\n\n\n\n
    2.  Ajouter ce qui suit <\/strong>dans le contenu de la fen\u00eatre contextuelle :<\/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. Configurez les param\u00e8tres de la fen\u00eatre contextuelle comme suit :\n
          \n
        1. Ouvrir le D\u00e9clencheurs <\/strong>et cliquez sur Ajouter un nouveau d\u00e9clencheur<\/strong> bouton 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        2. S\u00e9lectionnez l'option \"Temporisation \/ Ouverture automatique<\/strong> de l'option Choisir le type de d\u00e9clencheur \u00e0 ajouter ?<\/strong> liste d\u00e9roulante. Vous n'avez pas besoin de cocher la case \"Voulez-vous aussi installer un cookie ?\"<\/strong> option. 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        3. Si vous le souhaitez, vous pouvez cliquer sur l'ic\u00f4ne en forme de crayon pour modifier les param\u00e8tres de la cible et ajuster le d\u00e9lai avant l'affichage du formulaire de connexion (par d\u00e9faut, ce d\u00e9lai est de 500 ms, soit 0,5 seconde).<\/li>\n\n\n\n
        4. Ouvrir le Ciblage <\/strong>et s\u00e9lectionnez Est connect\u00e9<\/strong> dans le groupe G\u00e9n\u00e9ral de la liste d\u00e9roulante des conditions. 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        5. Cliquez sur le point d'exclamation \u00e0 c\u00f4t\u00e9 de Est connect\u00e9<\/strong> pour v\u00e9rifier le contraire de la condition Is Logged In. Le bouton devient rouge.<\/p> 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        6. Cliquez sur le bouton + ET<\/strong> et s\u00e9lectionnez Pages : S\u00e9lectionn\u00e9<\/strong> dans la liste d\u00e9roulante. Vous devriez voir le champ o\u00f9 vous pouvez commencer \u00e0 taper la page sur laquelle vous souhaitez que le formulaire de connexion soit affich\u00e9. Vous pouvez ajouter autant de pages que vous le souhaitez ou s\u00e9lectionner une cat\u00e9gorie diff\u00e9rente.<\/p> 
          <\/figure>
          <\/p> <\/li>\n\n\n\n
        7. En option, vous pouvez \u00e9galement modifier Affichage <\/strong>et Fermer <\/strong>param\u00e8tres. Pour simplifier cet article, nous conserverons ces param\u00e8tres par d\u00e9faut.<\/li>\n\n\n\n
        8. Cliquez sur le bouton Publier <\/strong>pour enregistrer la fen\u00eatre contextuelle.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n
          \u00c9tape 4 : Testez votre installation<\/h4>\n\n\n\n
          Assurez-vous d'\u00eatre d\u00e9connect\u00e9 et ouvrez l'une des pages que vous avez s\u00e9lectionn\u00e9es \u00e0 l'\u00e9tape 3.3.f<\/strong>. Vous devriez voir appara\u00eetre une fen\u00eatre contextuelle avec le formulaire de connexion. Une fois que vous aurez cliqu\u00e9 sur Se connecter<\/strong> vous devriez \u00eatre connect\u00e9 et redirig\u00e9 vers la page que vous avez d\u00e9finie dans la section Param\u00e8tres globaux<\/strong> ou des param\u00e8tres sp\u00e9cifiques aux abonn\u00e9s. Voici \u00e0 quoi cela ressemble c\u00f4t\u00e9 utilisateur :<\/p>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n
          Pour rester sur la m\u00eame page, utilisez le shortcode suivant \u00e0 l'\u00e9tape 3.2<\/strong>:<\/p>\n\n\n\n
          [mepr-login-form use_redirect=\"false\"]<\/strong><\/code><\/pre>\n\n\n\n
          Lorsque vous ouvrez une page alors que vous \u00eates connect\u00e9, vous ne verrez pas de fen\u00eatre contextuelle avec le formulaire de connexion.<\/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