Tutoriel complet: Comment créer un site d’adhésion sur WordPress

Les sites d’adhésion (sur WordPress) sont un concept vraiment intéressant, et surtout quand il s’agit de trouver un moyen unique de fournir du contenu premium à votre public ou à vos clients.


Lorsque vous l’examinez, il n’y a pratiquement aucune autre méthode qui vous donnerait un contrôle total sur la partie de votre contenu accessible aux utilisateurs. Par exemple, avec un produit standard ou un livre, un tel contrôle n’est tout simplement pas possible. Les gens ont tendance à faire circuler des livres et d’autres formes de produits physiques. Mais dans la plupart des cas, ils ne transmettront pas les détails de leur site d’adhésion.

Par conséquent, l’idée de sites d’adhésion sur WordPress lui-même est excellente, à condition que vous – ou l’entreprise pour laquelle vous construisez le site – ayez le bon contenu à partager sur une base d’adhésion.

Dans ce guide, nous allons couvrir tous les tenants et aboutissants des sites d’adhésion et comment les construire sur WordPress. Nous allons procéder pas à pas tout au long du processus, d’un site WordPress vierge à un site WordPress d’adhésion entièrement fonctionnel..

Tutoriel complet: Comment créer un site d'adhésion sur WordPress

L’aperçu

Tout d’abord, le sujet n’est pas aussi simple qu’on pourrait le penser. Construire un site d’adhésion sur WordPress, c’est bien plus que simplement installer et activer un tas de plugins, puis espérer que les choses prennent soin d’elles-mêmes.

Ce qui compte vraiment ici, c’est de choisir les bons plugins qui gèrent tous leurs tâches spécifiques, puis de les configurer correctement, puis de créer votre contenu WordPress d’adhésion et de tout lier ensemble.

Donc ce que je vais faire ici, c’est juste que – quels plugins d’adhésion choisir et comment les configurer correctement.

Les traits d’un bon site d’adhésion sur WordPress

Commençons par prendre une minute pour expliquer pourquoi WordPress n’était pas destiné à l’origine à gérer un site d’adhésion.

"Attends quoi?!"

Attendez, ce que je veux dire en réalité n’est pas que WordPress ne peut pas être utilisé pour exécuter un excellent site d’adhésion. Je veux simplement dire que cela n’était tout simplement pas destiné à cette fin lorsque la plateforme a été créée à l’origine..

Mais nous pouvons surmonter les lacunes de WordPress en créant un joli brief et en réfléchissant à ce que nous voulons vraiment réaliser avec notre création.

Voici quelques détails sur WordPress qui doivent être résolus / résolus:

1. L’absence de formulaires de connexion appropriés, d’inscription frontale ou de pages de profil utilisateur dans WordPress par défaut.

D’accord, je sais que tout le monde peut créer un compte sur un site WordPress en allant dans la section /wp-login.php?action=register du site, mais ce n’est pas exactement ce que nous voulons.

Donc, sur notre site d’adhésion WordPress, nous avons besoin d’un formulaire d’inscription frontal qui ressemble plus à celui de Facebook (comme il est destiné aux gens normaux) et non à quelque chose destiné aux développeurs.

La même chose vaut pour les pages de connexion et les pages de profil utilisateur. Bien que chaque utilisateur d’un site WordPress ait accès à la section /wp-admin/profile.php du site, encore une fois, les gens normaux peuvent avoir du mal à se repérer dans le panneau d’administration.

2. L’absence de rôles d’utilisateur supplémentaires.

Dans WordPress, vous n’obtenez qu’un seul rôle d’utilisateur sensible que vous pouvez attribuer à vos membres – abonné. Mais que faire si vous avez plus de niveaux d’adhésion? Et si vous avez plus de programmes d’adhésion sur le même site? Et si vous souhaitez donner à vos employés des comptes d’adhésion?

En fin de compte, nous devons simplement avoir un moyen de créer des rôles d’utilisateur supplémentaires.

3. Aucune possibilité de définir qui voit quoi sur le site.

WordPress n’a qu’une fonctionnalité de base de protection par mot de passe et "contenu privé" en matière de protection des publications et des pages. Ce n’est pas quelque chose que nous pouvons gérer avec un bon site WordPress d’adhésion. Nous devons développer la structure de contenu par défaut en ayant un meilleur mécanisme pour définir quel contenu est verrouillé et ce qui est disponible pour tout le monde.

4. Aucun contrôle avancé sur les menus.

La plupart des sites d’adhésion publient beaucoup de contenu et le classent de différentes manières (par exemple, en fonction de la date de disponibilité, du sujet, etc.). Tout cela signifie que nous devons également disposer d’une forme de gestion avancée des menus. Quelque chose qui nous permettrait d’afficher certaines options de menu à des groupes spécifiques d’utilisateurs et de les cacher aux autres.

D’accord, nous avons donc une liste de problèmes WordPress que nous devons surmonter si nous voulons même appeler notre site un site d’adhésion. Alors maintenant, discutons encore une chose, et c’est ce type de site d’adhésion que nous allons construire.

C’est ce dont 90% des personnes ont besoin d’un site d’adhésion WordPress

Je suppose que la meilleure façon d’aborder ce sujet – pour que tout le monde puisse en bénéficier – est de créer un environnement d’adhésion standard qui est probablement ce dont 90% (c’est une supposition, en passant) des propriétaires de sites ont besoin lorsqu’ils envisagent d’introduire une adhésion composante dans leur entreprise.

Par conséquent, ce que nous allons faire exactement, c’est ce qui suit:

  • Créez un site d’adhésion sur WordPress qui permet de dispenser / animer un cours en ligne. Il s’agit de la forme la plus populaire de site d’adhésion. Il donne au propriétaire du site la possibilité de fournir du contenu premium / exclusif uniquement à ceux qui ont rejoint le site, et de ne pas le rendre accessible au grand public.
  • Il y aura un type principal d’adhésion que les utilisateurs appellent simplement membres. Cependant, la structure du site doit nous permettre d’ajouter d’autres niveaux d’adhésion à l’avenir si nécessaire.
  • Les membres pourront s’inscrire via une page front-end, sans avoir besoin d’accéder à wp-admin.
  • Les membres pourront également modifier leurs profils et se connecter depuis le front-end.
  • La connexion se fera principalement par e-mail.
  • Chaque membre devra fournir des informations de base sur lui-même (par exemple, prénom, nom, pays, email).
  • Il y aura du contenu exclusif disponible uniquement pour les membres.
  • Les membres verront différents éléments de menu.
  • Nous avons besoin d’une possibilité de personnaliser les e-mails que les nouveaux membres reçoivent lorsqu’ils s’inscrivent.
  • Une fois connecté, le membre doit être redirigé vers la page d’accueil de la zone d’adhésion.

Étape # 1: Obtenir les plugins

Remarque. La solution présentée ici comprend un mélange de plugins. Deux d’entre eux sont gratuits et le troisième est une version PRO d’un plugin gratuit disponible dans le répertoire WordPress. Pour obtenir toutes les fonctionnalités dont nous discutons ici, vous aurez besoin de cette version PRO. Cependant, si vous souhaitez simplement commencer et apprendre à lancer un site d’adhésion fonctionnel sur WordPress, la version gratuite fera également l’affaire..

Voici les plugins avec lesquels nous allons travailler:


Membres – Adhésion & Plugin de l’éditeur de rôle utilisateur

Auteurs): MemberPress


94% Évaluations


200 000 + installations


WP 4.7 + Requiert

Plus d’informations

members.3.0.8.zip

Version actuelle: 3.0.8

Dernière mise à jour: 30 avril 2020


94% Évaluations


200 000 + installations


WP 4.7 + Requiert

Page Plugin WordPress.org


Membres – Adhésion & Plugin de l’éditeur de rôle utilisateur


Enregistrement de l’utilisateur & Profil utilisateur – Profile Builder

Auteurs): Cozmoslabs


94% Évaluations


50000 + installations


WP 3.1 + nécessite

Plus d’informations

profile-builder.3.1.7.zip

Version actuelle: 3.1.7

Dernière mise à jour: 4 mai 2020


94% Évaluations


50000 + installations


WP 3.1 + nécessite

Page Plugin WordPress.org


Enregistrement de l’utilisateur & Profil utilisateur – Profile Builder

Nous utilisons la version pro pour les meilleurs résultats.

Rôles du menu de navigation

Auteurs): Kathy Darling


98% Évaluations


100 000 + installations


4.5.0Requires

Plus d’informations

nav-menu-roles.1.10.1.zip

Version actuelle: 1.10.1

Dernière mise à jour: 26 mars 2020


98% Évaluations


100 000 + installations


4.5.0Requires

Page Plugin WordPress.org


Rôles du menu de navigation

Après les avoir téléchargés et activés, passez à l’étape suivante.

Étape # 2: création de rôles d’utilisateur supplémentaires

D’accord, donc par défaut, WordPress vous fournit une poignée de rôles d’utilisateur: abonné, contributeur, auteur, éditeur, administrateur. Ces rôles sont destinés à réglementer qui peut modifier / accéder à quoi sur le back-end d’un site WordPress. Cependant, ils ne sont pas entièrement optimisés pour fonctionner avec les utilisateurs frontaux (aka. Vos membres), nous avons donc besoin de quelques rôles supplémentaires.

Cela se fait avec le Membres brancher. Dans wp-admin, accédez à Utilisateurs | Les rôles et cliquez sur Ajouter un nouveau.

Appelons notre premier membre membre, comme ceci:

1

Sur le Capacités de rôle liste, laissez une seule chose cochée: lire.

À ce stade, vous devriez avoir le rôle supplémentaire visible dans le gestionnaire de rôles à Utilisateurs | Les rôles:

3

Étape # 3: Création d’un enregistrement et d’une connexion frontaux

C’est là que l’autre plugin – Générateur de profils – entre en jeu.

Commençons par Générateur de profils | réglages généraux pour vous assurer que les paramètres de base sont tous correctement définis. Voici ce que je suis allé avec:

4

Comme vous pouvez le voir, j’autorise tout le monde à se connecter par e-mail ainsi que le nom d’utilisateur à notre site d’adhésion WordPress. Laissant cela à "e-mail uniquement" pourrait gêner les utilisateurs existants – éditeurs et auteurs qui pourraient avoir leurs comptes sur le site.

En outre, la chose avec les mots de passe. C’est mon choix d’aller avec au moins six caractères et la force du mot de passe étant au moins "faible." N’hésitez pas à sélectionner l’option qui vous convient.

Ensuite, le Générateur de profils | Paramètres de la barre d’administration languette. Voici ce que je vous conseille d’y sélectionner:

5

La barre d’administration est une chose WordPress native, et je ne pense tout simplement pas que les membres doivent la voir.

Il est maintenant temps de choisir les champs de profil requis pour les membres. Pour ce faire, allez sur Générateur de profils | Gérer les champs.

Par défaut, il y a beaucoup de choses là-bas, mais je vais m’en débarrasser en cliquant sur le lien Supprimer qui se trouve dans la dernière colonne du tableau.

6

Quand j’ai fini, voici ce qui me reste:

7

À ce stade, nous pouvons créer notre premier formulaire frontal – le formulaire d’inscription.

Comme il s’agit de WordPress, cela peut être fait via l’interface d’édition de page standard, alors allez simplement sur Pages | Ajouter un nouveau et entrez les informations que vous souhaitez (probablement un grand moment pour expliquer à quoi l’utilisateur s’inscrit).

Ce que j’ai sur ma page d’inscription est assez simple:

8

Le shortcode que vous voyez ici garantit que celui qui s’inscrit sera affecté à la "Membre" rôle. Le shortcode à nouveau:

[rôle wppb-register ="membre"]

Lorsque je publie cette page, voici à quoi elle ressemble sur le front-end (le thème par défaut):

9

D’accord, maintenant que nous avons la page d’inscription, il est temps d’afficher le formulaire de connexion quelque part.

L’emplacement le plus évident serait l’une des zones de widget du site. Je vais donc Apparence | Widgets et utilisez le Widget de connexion de Profile Builder. La config est assez simple:

dix

De plus, je vais également créer une page de connexion personnalisée et y placer ce shortcode:

[wppb-login]

Cela se chargera d’afficher le formulaire de connexion sur une page séparée. (Nous utiliserons cette page à un stade ultérieur.)

Étape # 4: Création d’une modification de profil frontal

Bien que seule une poignée d’utilisateurs profiteront d’une telle opportunité, vous devez fournir aux membres un moyen de modifier leurs informations. C’est là que la page d’édition de profil entre en jeu.

Encore une fois, allons à Pages | Ajouter un nouveau et créez la page de profil. Ma page de profil est encore une autre création très simple. L’élément principal est ce shortcode:

[wppb-edit-profile]

Je fais également quelques ajustements à l’intérieur de l’un des blocs personnalisés visibles sous le champ d’édition principal de la page:

11

Cela garantira que seuls les membres peuvent modifier leurs profils.

Le formulaire réel pour modifier le profil ressemble beaucoup au formulaire d’inscription, donc il n’y a pas grand-chose à dire ici.

Étape # 5: création de contenu verrouillé

Le cœur de tout site d’adhésion sur WordPress est évidemment le contenu qui est disponible exclusivement pour les membres.

À titre de démonstration, je vais créer une page qui sera ma "Page d’accueil" et une page faisant office de sous-zone. Des trucs simples… tout est fait Pages | Ajouter un nouveau. La seule chose que je dois faire en matière de contrôle d’accès est de sélectionner la bonne case Autorisation de contenu boîte (voir l’image ci-dessus).

Bien sûr, vous décidez de la largeur ou de la profondeur que vous souhaitez atteindre dans le concept de contenu d’adhésion. WordPress et les plugins que nous utilisons ici peuvent gérer n’importe quelle taille de votre zone d’adhésion. La raison pour laquelle je ne crée que deux pages simples est qu’il suffit de montrer comment les choses fonctionnent.

Étape # 6: Création d’un menu personnalisé

La prochaine étape de notre liste consiste à créer un menu personnalisé qui affichera tous nos liens d’adhésion.

Cependant, au lieu d’en faire un simple menu, nous allons en fait afficher certains liens en fonction du statut d’adhésion de la personne qui consulte actuellement le site. Cool hein?

C’est là que le dernier plugin entre en jeu – Rôles du menu de navigation.

Le plaisir commence dans Apparence | Les menus.

Créez un menu normalement et appelez-le, disons, Espace membres. Sélectionnez toutes vos pages d’adhésion et ajoutez-les au menu, comme ceci:

14

Maintenant, la partie amusante – rendre les sous-pages disponibles en fonction des niveaux d’adhésion.

Lorsque vous cliquez sur la flèche vers le bas à côté d’un élément de menu, voici ce que vous verrez:

15

Ces paramètres supplémentaires vous permettent d’attribuer n’importe quel niveau d’accès en fonction du statut de membre de l’utilisateur. Voici mes paramètres pour chacune des pages:

  • Connexion d’adhésion: Mode d’affichage – Utilisateurs déconnectés.
  • S’inscrire: Mode d’affichage – Utilisateurs déconnectés.
  • Modifier votre profil: Mode d’affichage – Tout le monde; Rôle d’accès – Membre.
  • Page d’accueil de la zone d’adhésion: Mode d’affichage – Tout le monde; Rôle d’accès – Membre (plus les rôles d’auteur, éditeur, administrateur).
  • Autre section d’adhésion: Mode d’affichage – Tout le monde; Rôle d’accès – Membre (plus les rôles d’auteur, éditeur, administrateur).

Une fois cela fait, ajoutons le menu à la barre latérale et voyons à quoi il ressemble. Voici la version par défaut – personne ne s’est connecté:

17

Et avec un membre connecté:

16

Étape # 7: Personnalisation des e-mails et des redirections

Pour que cette étape fonctionne, nous allons devoir activer certains modules supplémentaires dans le Générateur de profil brancher. Cela se fait en Générateur de profils | Modules. En particulier, nous aurons besoin de ceux-ci:

18

Tout d’abord, personnaliser les e-mails.

Pourquoi est-ce fait? La raison est simple, nous ne voulons tout simplement pas de standard, "Bienvenue sur mon site" e-mails lorsque quelqu’un s’abonne. La personnalisation de ces messages est indispensable pour offrir à vos membres une expérience vraiment optimisée et les faire se sentir les bienvenus dès le premier jour.

Donc, pour que cela se produise, allez à Générateur de profils | User Email Customizer.

Cette section vous permet de personnaliser les messages pour différents scénarios d’enregistrement, tels que: enregistrement par défaut, enregistrement avec confirmation par e-mail, enregistrement avec approbation de l’administrateur, notification d’approbation de l’utilisateur, e-mail de réinitialisation du mot de passe, et quelques autres.

19

Ensuite, prenons soin des redirections qui se produisent après certaines actions effectuées par les membres. Cela se fait dans le Générateur de profils | Redirection personnalisée section.

Il y a beaucoup de choses intéressantes que vous pouvez faire là-bas, mais je vais juste expérimenter ce qui suit:

20

Ici, je ne fais que définir une base "après la connexion" redirection qui amènera le membre à la page d’accueil de la zone d’adhésion.

Et l’autre partie:

21

Ici, je m’occupe des pages de connexion et d’inscription WordPress par défaut. Ce que cela fait, c’est qu’il redirige toute personne qui essaie d’accéder à wp-login.php. C’est une belle touche pour protéger votre back-end WordPress.

Cela ferme à peu près la portée de notre démo de site d’adhésion. Mais attendez…

Et les professeurs?

Comme vous pouvez le voir ici, nous ne nous concentrons pas beaucoup sur les créateurs de contenu. Je pense que cette partie du travail est toujours mieux effectuée à partir de wp-admin. La plupart du temps, la majorité du travail sera de toute façon confiée à une seule personne / administrateur.

Veuillez noter qu’avec la configuration actuelle, nous ne discutons pas de la manière de gérer les paiements ou de créer votre site d’une manière qui vous permettrait de facturer vos membres pour leur participation. Pour le moment, tout le monde peut s’inscrire après avoir rempli le formulaire d’inscription.

Conclusion

Alors c’est tout! À ce stade, notre site d’adhésion sur WordPress est complet et prêt à accueillir de nouveaux membres.

Pour être honnête avec vous, je me lançais dans tout ce processus curieux si je pouvais vraiment créer un site d’adhésion fonctionnel avec des plugins WordPress, sans aide extérieure et simplement en parcourant les paramètres et en optimisant les choses en cours de route. Mais très vite, je suis devenu vraiment impressionné par les capacités de ces trois plugins et par la fonctionnalité du produit final..

Je veux dire, tous ces formulaires, redirections, verrouillage de contenu, etc. Ces fonctionnalités sont vraiment tout ce dont vous avez besoin pour créer un site d’adhésion vraiment de qualité pour votre peuple.

Mais bon, c’est juste mon avis. Alors, qu’est-ce que tu penses? Les sites d’adhésion sont-ils quelque chose que vous êtes prêt à tester vous-même ou à offrir à vos clients?

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Mise en page, présentation et édition par Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map