Comment afficher le formulaire de connexion dans une fenêtre contextuelle

If you’re looking for a way to display  MemberPress Formulaire de connexion dans la fenêtre contextuelle sur une ou plusieurs pages que vous pouvez utiliser Créateur de fenêtres contextuelles plugin.

Étape 1 : Ajouter le Créateur de fenêtres contextuelles Plugin pour votre site

Ce plugin vous permettra de créer un créateur de popups et de le configurer comme vous le souhaitez.

1. Naviguez jusqu'à votre Tableau de bord WordPress → Plugins → et cliquez sur le bouton Ajouter un nouveau ;
2. Dans la barre de recherche, tapez Créateur de fenêtres contextuelles;
3. Installer et activer le Créateur de fenêtres contextuelles (vous pouvez également utiliser le plugin versions payantes de PopupMaker).

Étape 2 : Ajouter Est connecté condition à Popup Maker

By default Popup Maker doesn’t contain a condition for users being logged in. They offer the Conditions de ciblage avancées extension that provides this condition along with many others. If you don’t have this extension installed you can add the code below at the end of your theme’s functions.php file, or use a plugin like the WPCode (veuillez consulter cet article pour plus de détails) : Comment ajouter des extraits de code personnalisés dans WPCode ?).

function mepr_popup_logged_in() {return is_user_logged_in();}

add_filter('pum_get_conditions', function($conditions) {
  return array_merge($conditions, array(
    'popup_logged_in' => array(
      'group' => __('General'),
      'name' => __('Est connecté'),
      'callback' => 'mepr_popup_logged_in'
    )
  )) ;
}) ;

Étape 3 : Créer une fenêtre contextuelle

1. Naviguez jusqu'à votre Tableau de bord WordPress → Créateur de fenêtres contextuelles dans le menu du panneau d'administration et cliquez sur Ajouter/Modifier les types d'articles.
2. Ajouter ce qui suit dans le contenu de la fenêtre contextuelle :

[mepr-login-form use_redirect="true"]

3. Configurez les paramètres de la fenêtre contextuelle comme suit :
   1. Ouvrir le Déclencheurs et cliquez sur Ajouter un nouveau déclencheur bouton

      

   2. Sélectionnez l'option "Temporisation / Ouverture automatique de l'option Choisir le type de déclencheur à ajouter ? dropdown list. You don’t need to check the "Voulez-vous aussi installer un cookie ?" option.

      

   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)
   4. Ouvrir le Ciblage et sélectionnez Est connecté dans le groupe Général de la liste déroulante des conditions.

      

   5. Cliquez sur le point d'exclamation à côté de Est connecté pour vérifier le contraire de la condition Is Logged In. Le bouton devient rouge.

      

   6. Cliquez sur le bouton + ET et sélectionnez Pages : Sélectionné dans la liste déroulante. Vous devriez voir le champ où vous pouvez commencer à taper la page sur laquelle vous souhaitez que le formulaire de connexion soit affiché. Vous pouvez ajouter autant de pages que vous le souhaitez ou sélectionner une catégorie différente.

      

   7. En option, vous pouvez également modifier Affichage et Fermer settings. For simplicity of this article, we’ll leave these settings as default.
   8. Cliquez sur le bouton Publier pour enregistrer la fenêtre contextuelle.

Étape 4 : Testez votre installation

Assurez-vous d'être déconnecté et ouvrez l'une des pages que vous avez sélectionnées à l'étape 3.3.f. Vous devriez voir apparaître une fenêtre contextuelle avec le formulaire de connexion. Une fois que vous aurez cliqué sur Se connecter vous devriez être connecté et redirigé vers la page que vous avez définie dans la section Paramètres globaux or membership-specific settings. Here’s what it looks like on front-end:

Pour rester sur la même page, utilisez le shortcode suivant à l'étape 3.2:

[mepr-login-form use_redirect="false"]

Lorsque vous ouvrez une page alors que vous êtes connecté, vous ne verrez pas de fenêtre contextuelle avec le formulaire de connexion.