Comment créer un portail client dans WordPress

22 mars 2021

Vous envisagez de créer un portail client sur votre site WordPress ? Un portail client permet de créer une zone dédiée pour les clients où ils peuvent se connecter pour accéder aux documents, fichiers, support, etc. Dans cet article, nous allons vous montrer comment en créer un facilement.

Pourquoi créer un portail client dans WordPress?

Un portail client permet de gérer efficacement les ressources client en ligne. Cela réduit les demandes d'assistance, permet aux clients de s'aider eux-mêmes et leur offre une meilleure expérience utilisateur. Par exemple, si vous exploitez un site Web de photographie, vos clients peuvent télécharger des fichiers via leur tableau de bord.

De même, si vous dirigez une agence de conception graphique ou de conception Web, vous pouvez utiliser un portail client où les clients peuvent accéder à tous les fichiers et informations dont ils ont besoin. Toute entreprise qui a besoin de communiquer avec ses clients en ligne peut bénéficier de la création d'un portail client dans WordPress.

Comment créer un portail client dans WordPress

Chaque entreprise a des exigences différentes pour son portail client. C'est pourquoi vous avez besoin d'une solution flexible, compatible avec d'autres plugins WordPress, pouvant être facilement étendue pour correspondre à votre entreprise.

Pour ce tutoriel, nous utiliserons MemberPress. C'est le meilleur plugin d'adhésion WordPress sur le marché et vous permet de créer facilement du contenu réservé aux membres, de créer une page de compte, des formulaires de connexion et d'inscription, etc.

Il est livré avec des règles d'affichage puissantes, une gestion complète des membres et la possibilité de créer différents niveaux de plans d'adhésion.

Utiliser MemberPress pour créer un portail client dans WordPress

Tout d'abord, vous devez installer et activer le plugin MemberPress. Lors de l'activation, vous devez visiter MemberPress »Paramètres pour saisir votre clé de licence. Vous pouvez trouver ces informations sous votre compte sur le site MemberPress.

Ensuite, vous devez passer à l'onglet "Paiements" et sélectionner un mode de paiement pour accepter les paiements pour les abonnements d'adhésion. Vous pouvez également créer des plans d'abonnement gratuits si vous le souhaitez ou ajouter manuellement des membres par vous-même.

MemberPress prend en charge PayPal et Stripe. Vous pouvez également utiliser Authorize.net avec leurs plans Plus et Pro. Après avoir sélectionné votre mode de paiement, il vous sera demandé de fournir les détails de votre compte.

Une fois terminé, cliquez sur le bouton «Options de mise à jour» pour enregistrer vos modifications. Ensuite, vous êtes prêt à créer un plan d'adhésion. Il s'agit du plan d'abonnement auquel vous ajouterez vos clients.

Allez simplement à MemberPress »Adhésions et cliquez sur le bouton Ajouter nouveau. Sur l'écran suivant, vous pouvez donner un nom à votre plan d'abonnement et définir une option de tarification. Selon la façon dont vous gérez vos contrats clients, vous pouvez choisir des plans à vie, expirant ou expirant fixe.

Ensuite, vous devez créer des règles d'accès. Cela vous permet de contrôler les parties de votre site Web que vous souhaitez protéger et accessibles uniquement aux membres. Allez simplement à la MemberPress »Règles et cliquez sur le bouton Ajouter nouveau en haut.

Sur l'écran suivant, vous devez d'abord choisir le contenu que vous souhaitez restreindre sous «Contenu protégé». MemberPress propose toute une gamme d'options. Vous pouvez sélectionner des articles qui correspondent à certaines balises, catégories, pages qui se trouvent sous la même page parente, des articles uniques ou n'importe quelle URL.

Si vous utilisez un plugin de base de connaissances WordPress pour gérer la documentation pour les clients, vous pouvez limiter ces articles au plan d'adhésion. De même, vous pouvez également restreindre tout article, page, catégorie ou tag aux clients uniquement.

En dessous, vous devez sélectionner qui aura accès au contenu protégé. Nous avons choisi le plan d'adhésion que nous avons créé plus tôt pour nos clients. Après avoir ajouté les règles d'accès, cliquez sur le bouton Enregistrer la règle pour enregistrer vos paramètres.

Création d'une page de compte client dans MemberPress

MemberPress vous permet de créer et de gérer facilement une page de compte. C'est la page que vos clients verront lorsqu'ils se connecteront à leur compte client. Tout d'abord, allez à MemberPress »Paramètres page et passez à l'onglet "Pages". De là, vous pouvez sélectionner la page que vous souhaitez utiliser comme page de compte.

Par défaut, MemberPress crée et utilise la page «Compte». Vous pouvez utiliser une autre page si vous le souhaitez. Après cela, cliquez simplement sur le bouton Modifier pour ouvrir la page et la modifier. Vous pouvez modifier la page comme vous le feriez pour n'importe quelle page WordPress. Tout contenu que vous ajoutez ici sera visible par tout le monde et pas seulement par votre client.

Cependant, vous pouvez ajouter du texte personnalisé ici et utiliser le '[mepr-account-form]'shortcode pour afficher le formulaire de connexion où vous le souhaitez.

Comment personnaliser sa page MemberPress ?

Une façon de personnaliser la page du compte dans MemberPress consiste simplement à la modifier. Cependant, toutes les modifications que vous ajoutez ici seront visibles par tout le monde et pas seulement par vos clients.

Pour ajouter du contenu qui n'est visible que par vos clients, vous pouvez le masquer à l'aide des codes courts MemberPress.

Par exemple, si vous souhaitez uniquement montrer du contenu aux clients dans le cadre du plan d'adhésion VIP, vous emballerez votre contenu comme ceci:

[mepr-active membership='186']

Client only content goes here

[/mepr-active]

N'oubliez pas de remplacer le 186 par votre propre identifiant de membre. Vous pouvez afficher l'identifiant de membre pour tous les plans en visitant MemberPress »Adhésions.

Enregistrez les modifications que vous avez apportées à la page Compte et visitez votre site Web pour le voir en action. Vous devrez vous connecter avec un compte ayant accès au plan d'adhésion que vous avez créé précédemment.

Ajouter des onglets à la page Comptes dans MemberPress

Par défaut, MemberPress affichera les onglets Accueil, Abonnements, Paiements et Déconnexion. Si vous êtes à l'aise avec l'ajout de code personnalisé, vous pouvez le personnaliser pour ajouter plus d'onglets et y afficher davantage de contenu axé sur le client.

Ajoutons un onglet avec un formulaire de contact et un autre pour lister les documents auxquels les clients peuvent accéder depuis leur tableau de bord.

Ajoutez simplement le code suivant au fichier functions.php de votre thème ou à un plugin spécifique au site.

function mepr_add_some_tabs($user) {
  $support_active = (isset($_GET['action']) && $_GET['action'] == 'premium-support')?'mepr-active-nav-tab':'';
  ?>
    <span class="mepr-nav-item premium-support <?php echo $support_active; ?>">
      <a href="/test4/account/?action=premium-support">Premium Support</a>
    </span>
  <?php
  $documentation_active = (isset($_GET['action']) && $_GET['action'] == 'documentation')?'mepr-active-nav-tab':'';
  ?>
    <span class="mepr-nav-item premium-support <?php echo $documentation_active; ?>">
      <a href="/test4/account/?action=documentation">Documentation</a>
    </span>
  <?php
}
add_action('mepr_account_nav', 'mepr_add_some_tabs');

function mepr_add_tabs_content($action) {
  if($action == 'premium-support'): //Update this 'premium-support' to match what you put above (?action=premium-support)
  ?>
    <div id="custom-support-form">
      // your contact form shortcode here
<?php echo do_shortcode(''); ?> 
    </div>
    
  <?php
  endif;
  if($action == 'documentation'): ?>
  <div id="documentation">
  // shortcode provided by your knowledge base plugin to list articles or manually add content here
<?php echo do_shortcode(' [knowledgebase] '); ?>

  </div>
<?php
 endif; 
}
add_action('mepr_account_nav_content', 'mepr_add_tabs_content');

Comme vous pouvez le voir, nous avons créé deux onglets, l'un pour afficher notre formulaire de contact créé avec WPForms et l'autre pour afficher nos articles de la base de connaissances.

Nous avons utilisé des shortcodes fournis par ces deux plugins dans le code. Cependant, vous pouvez également ajouter manuellement tout autre contenu souhaité ici.

N'oubliez pas d'enregistrer vos modifications et de prévisualiser la page de votre compte. Voici à quoi cela ressemblait sur notre site de démonstration:

Comment ajouter du contenu personnalisé pour un client individuel ?

MemberPress vous permet également de modifier manuellement la page Compte pour les membres individuels et les clients. Allez simplement à Utilisateurs »Tous les utilisateurs et cliquez sur le lien «Modifier» sous l'utilisateur que vous souhaitez modifier.

Faites défiler vers le bas jusqu'au 'Message de compte personnalisé MemberPress' et ajoutez le contenu que vous souhaitez afficher à ce client spécifique.

Cette zone fonctionne comme un éditeur WYSIWYG classique avec une barre d'outils de formatage en haut. Vous pouvez également ajouter des images, des liens, des codes courts, des galeries, des vidéos, de l'audio, etc. N'oubliez pas de cliquer sur le bouton «Mettre à jour l'utilisateur» pour enregistrer vos modifications.

Comment ajouter un lien vers l'espace client à l'aide de MemberPress ?

Maintenant que vous avez créé et personnalisé l'espace client. Il est temps de le rendre facilement accessible à vos clients. Allez simplement à la Apparence »Menus et ajoutez la page Compte que vous avez créée précédemment à votre menu de navigation.

Vous pouvez cliquer sur l'élément de menu pour changer son titre. Par exemple, ici, nous l'avons changé en Espace client.

N'oubliez pas de cliquer sur le bouton Enregistrer le menu pour enregistrer vos paramètres. Vous pouvez maintenant visiter votre site Web pour voir votre espace client en action. En cliquant sur le lien, les utilisateurs seront redirigés vers la page du compte où ils pourront accéder aux raccourcis clients après la connexion.

Extension du portail client avec MemberPress

MemberPress est une plate-forme extrêmement puissante et très flexible pour créer votre portail client dans WordPress.

Il vous permet non seulement de restreindre facilement l'accès aux ressources des clients uniquement. Il vous aide également à ajouter facilement toutes les fonctionnalités que vous souhaitez à votre portail client.

1. Téléchargements de fichiers

Vous souhaitez permettre à vos clients de télécharger facilement des fichiers depuis votre site Web? MemberPress est livré avec un module complémentaire de téléchargement de fichiers qui vous permet de gérer facilement les téléchargements de clients uniquement.

2. Ajouter des cours d'apprentissage

MemberPress est également le meilleur plugin WordPress LMS du marché. Il vous permet de créer facilement des cours en ligne et de les associer à vos plans d'adhésion.

Cela donne à vos clients un accès facile aux ressources d'apprentissage sur votre site Web, tout en vous permettant également de gérer facilement ces ressources.

3. Ajouter des formulaires à la zone des clients

MemberPress fonctionne avec WPForms, le plugin de création de formulaires WordPress le plus simple disponible. Cela vous permet de créer des formulaires de commentaires, des formulaires de témoignage, d'exécuter des sondages auprès des clients ou d'ajouter des formulaires de demande d'assistance.

Besoin que les clients puissent également télécharger des fichiers? WPForms vous permet de créer facilement des formulaires de téléchargement de fichiers sur votre site Web. Vous pouvez ensuite intégrer ce formulaire sur la page du compte ou sur toute page réservée aux membres de votre site Web.

4. Collecte des paiements et vente incitative des produits

En tant que propriétaire d'entreprise, vous souhaiterez peut-être promouvoir d'autres produits et services auprès de vos clients existants et passés.

L'utilisation de MemberPress comme portail client vous permet de vous intégrer aux meilleurs services de marketing par e-mail. Cela vous permet de rester en contact avec les clients plus efficacement et de promouvoir d'autres produits et services.

MemberPress fonctionne également avec toutes les passerelles de paiement populaires telles que Stripe et PayPal. De cette façon, vous pouvez facilement collecter des paiements pour d'autres services en les vendant sous forme de plan d'adhésion.

Alternativement, vous pouvez également ajouter une boutique en ligne à l'aide de WooCommerce et vendre tous les produits que vous souhaitez sur le même site Web.

Comment créer un portail client dans WordPress ?

Nous espérons que cet article vous a aidé à apprendre à créer un portail client dans WordPress. Pour plus d'informations sur le CMS et apprendre à bien l'utiliser, n'hésitez pas à découvrir quelques-uns de nos guides. Nous avons notamment travaillé sur l'optimisation des pieds de page ! On évoque également dans un article dédié, les meilleurs plugins de demande de devis !

Crédits