Restreindre le contenu

Parfois, une page a besoin d'une porte de tarification réservée aux membres, d'une vidéo produit en fonction de l'âge, d'un portail client, d'un coupon caché derrière un mot de passe. Le Restreindre le contenu widget dans Modules complémentaires principaux pour Elementor met cette porte à l'intérieur de n'importe quelle section Élémenteur Vous pouvez restreindre le contenu dans Elementor par rôle d'utilisateur, mot de passe, âge ou un simple captcha mathématique, et l'invite peut s'afficher en ligne ou sous forme de popup.

Ci-dessous, je passe en revue chaque type de restriction et les paramètres que vous toucherez réellement, afin que vous puissiez choisir la bonne porte pour ce que vous protégez.

Ce que fait le widget Restreindre le contenu #

Le widget enveloppe tout le contenu que vous voulez protéger Un visiteur voit soit ce contenu, soit une invite, selon la règle que vous avez définie Il existe quatre types de restriction :

• Basé sur l'utilisateur : afficher ou masquer le contenu en fonction du rôle d'utilisateur WordPress du visiteur.
• Basé sur le mot de passe : demandez au visiteur de saisir un mot de passe que vous avez défini.
• Restriction d'âge : exiger du visiteur qu'il confirme qu'il atteint un âge minimum.
• Captcha mathématique : demandez au visiteur de résoudre un problème mathématique simple.

Vous décidez également comment l'invite apparaît. Sur Page laisse tomber la zone de restriction juste là où se trouve le widget. Popup l'ouvre dans une superposition modale.

Avant de commencer #

• WordPress avec Élémenteur installé et actif.
• Modules complémentaires principaux pour Elementor installé et actif Si vous ne l'avez pas encore installé, suivez le guide d'installation.
• Le widget Restreindre le contenu activé dans le panneau d'options des modules complémentaires principaux.
• Facultatif : un modèle Elementor enregistré, si vous souhaitez en charger un sous forme de contenu restreint ou de message d'avertissement.

Ajoutez le widget à votre page #

Ouvrir le Editeur d'éléments et recherchez dans le panneau des widgets “Restrict Content.” Faites glisser les modules complémentaires principaux Restreindre le contenu widget dans la section où vous voulez la porte Il se charge avec un texte par défaut et l'onglet Contenu déjà ouvert.

Restreindre le contenu par rôle utilisateur #

Atteindre pour le Basé sur l'utilisateur option lorsque seuls certains utilisateurs de WordPress doivent voir le contenu Dans l'onglet Contenu, définissez le second Type de restriction déposer à Basé sur l'utilisateur. UN Sélectionnez Rôles utilisateur le champ apparaît Choisissez-en un ou plusieurs Rôles des utilisateurs WordPress, comme Administrateur, Editeur, Abonné, ou Client.

Toute personne non connectée avec l'un des rôles sélectionnés reçoit le message d'avertissement au lieu du contenu protégé Une chose à garder à l'esprit : les visiteurs déconnectés n'ont aucun rôle, ils vont donc toujours appuyer sur l'avertissement ici Ce mode fonctionne bien pour les zones d'adhésion, les portails clients ou les téléchargements réservés au personnel Si vous avez besoin de règles de visibilité plus fines, associez-le avec le Extension Conditions d'affichage.

Mot de passe protéger une section Elementor #

Définir le second Type de restriction déposer à Basé sur le mot de passe(en), puis tapez le mot de passe dans le Définir le mot de passe champ. Sur le front-end, les visiteurs obtiennent un champ de mot de passe et un bouton Soumettre, et le contenu protégé n'apparaît qu'une fois qu'ils ont saisi le bon mot de passe.

Vous pouvez réécrire le texte de l'espace réservé dans le Champ du mot de passe section. La démo utilise tout aussi bien le mot de passe “Enter,” mais “Type Password” ou “Client Access Code”. Il convient de se rappeler : il s'agit d'un seul mot de passe partagé stocké dans la page, pas d'une connexion par utilisateur, alors traitez-le comme une porte lumineuse plutôt que comme une sécurité de compte réel.

Ajouter la vérification de l'âge dans Elementor #

Définir le second Type de restriction déposer à Restriction d'âge et entrez un Âge minimum: disons 18 ou 21. Choisissez ensuite le Type de restriction d'âge:

• Sélectionnez Anniversaire : les visiteurs choisissent leur date de naissance dans les champs de jour, de mois et d'année.
• Captcha mathématique : les visiteurs résolvent un problème de mathématiques pour continuer.

L'option anniversaire s'adapte aux sites d'alcool, de vapotage ou de contenu pour adultes. Le captcha mathématique est plus rapide pour les visiteurs qui ont juste besoin d'un contrôle d'âge léger. Si vous souhaitez plutôt une fenêtre contextuelle de vérification de l'âge en plein écran, consultez le Vérification de l'âge pour l'élémenteur guide.

Utilisez le captcha mathématique pour restreindre le contenu #

Définir le second Type de restriction déposer à Math Captcha: puis choisissez le Type mathématique: Ajouter, Soustraire ou Multiplier Le widget crache un problème aléatoire comme “11 x 13 =” et le visiteur doit le résoudre.

C'est une façon à faible friction d'arrêter les robots occasionnels ou d'ajouter une porte ludique à une page de concours ou de cadeaux Changez le type de mathématiques de temps en temps pour que le défi ne devienne pas prévisible.

Choisissez ce qu'il faut protéger #

Le Restreindre le contenu la section est l'endroit où vous définissez le contenu réel derrière la porte Ouvrez-le et définissez Sélectionnez Source à l'une des deux options suivantes :

• Contenu personnalisé : tapez ou collez du contenu directement dans l'éditeur WYSIWYG. La démo utilise le texte, “Ceci est votre contenu que vous souhaitez être restreint soit par le rôle de l'utilisateur, soit par le mot de passe.”
• Section enregistrée : chargez n'importe quel modèle Elementor enregistré, comme une table de tarification, un formulaire de contact ou une vidéo.

Les sections enregistrées gagnent leur garde lorsque le contenu protégé est autre chose que du texte brut Concevez-le une fois comme modèle, puis déposez-le dans le widget Restreindre le contenu partout où vous en avez besoin.

Définissez le message d'avertissement #

Lorsqu'un visiteur échoue à la règle, le widget affiche un avertissement Vous gérez cela dans le Message d'avertissement section. Ensemble Type de message à:

• Message personnalisé : écrivez votre propre titre et votre corps de texte.
• Modèle d'élémenteur : chargez un modèle enregistré pour un look conçu.
• Aucun: masquer entièrement l'avertissement.

La démo utilise “Age Verification” comme titre et “Vous n'avez pas la permission de voir ce contenu.” comme messageVous pouvez également retourner Afficher les avertissements? et Fermer le bouton allumé ou éteint Le bouton de fermeture est le plus important en mode contextuel, car il donne aux visiteurs un moyen de supprimer l'invite s'ils préfèrent ne pas continuer.

Affichage sur la page ou contextuel #

Le premier Type de restriction dropdown contrôle où se trouve l'invite Pick Sur Page pour intégrer la zone de restriction directement dans la mise en page. Choisir Popup pour l'ouvrir dans un modal centré.

Le mode Page s'adapte lorsque le contenu protégé est un élément d'une section normale, comme une boîte de téléchargement réservée aux membres. Le mode contextuel s'adapte lorsque vous souhaitez garer toute la page, comme une vérification de l'âge en plein écran avant que quiconque ne voie le site.

Style le widget #

Le Style tab est divisé en sections qui s'alignent avec les parties du widget :

• Restreindre le contenu : couleur, arrière-plan, marge, remplissage et typographie de la zone de contenu protégée.
• Contenu du message : couleur du titre, couleur de la description, arrière-plan du message d'avertissement, remplissage et marge.
• Soumettre le bouton : couleurs des boutons, typographie et espacement.
• Message d'erreur : couleur du texte et typographie pour les tentatives infructueuses.

Utilisez-les pour que l'invite de restriction corresponde au reste de votre site Lorsque la boîte d'avertissement utilise vos propres couleurs et tapez, elle se lit comme faisant partie de la page au lieu d'un boulon.

Le résultat sur la page live #

Une fois que le visiteur a passé la règle, le contenu protégé apparaît Dans la démo, le contenu en texte brut apparaît sur le front-end au moment où la bonne entrée entre.

Quiconque ne respecte pas la règle ne la voit jamais, vous pouvez donc gater le matériel sans vous appuyer sur un plugin d'adhésion séparé Gardez simplement à l'esprit la mise en garde du mot de passe ci-dessus : il s'agit d'un gating au niveau de la page, pas d'un système de connexion.

Cas d'utilisation courants #

• Zones d'adhésion : limitez les téléchargements ou les tables de tarification aux abonnés connectés avec le mode basé sur l'utilisateur.
• Portails clients : masquez les fichiers de projet derrière un mot de passe que vous partagez uniquement avec le client.
• Produits liés à l'âge : utilisez la restriction d’âge pour le contenu alcoolique, adulte ou pharmaceutique.
• Participations au concours : utilisez Math Captcha pour ajouter un portail lumineux à un cadeau.
• Avant-premières de cours privés : montrez un teaser de leçon à tout le monde et débloquez la vidéo complète pour les étudiants inscrits.

Si votre contenu bascule beaucoup entre visible et caché, jetez un œil au Basculer le widget Contenu pour le style accordéon, révélez également des motifs.

Version sur page pour restreindre le contenu #

Version contextuelle pour restreindre le contenu #

Foire aux questions #

Envelopper #

Le widget Restrict Content vous offre quelques façons différentes de gater le contenu dans Elementor sans plugins supplémentaires Protection du rôle utilisateur, un mot de passe, vérification de l'âge, un captcha mathématique, il les gère tous à l'intérieur de l'interface Elementor que vous connaissez déjà Parcourir l'ensemble complet de Widgets et extensions Master Addons pour voir ce qu'il y a d'autre, et vérifier le page de tarification pour les fonctionnalités Pro.