Bien débuter

Le présent guide a été conçu à partir de WP Customer Area 5.0 et du thème TwentyTwelve+. Ce thème est disponible gratuitement et offre une pleine compatibilité avec WP Customer Area, un choix idéal pour débuter dans l’apprentissage de la conception d’espaces privés sous WordPress.

Installation

Pour installer WP Customer Area, rendez-vous dans Extensions > Ajouter, puis recherchons “WP Customer Area”.

Capture d'écran - Répertoire de plugins WordPress.org
Ajout de l’extension de base WP Customer Area

Dans la liste des plugins, cliquons simplement sur Installer maintenant pour le plugin WP Customer Area.

Capture d'écran - Téléchargement de WP Customer Area
Installation de WP Customer Area

Une fois installée, cliquons sur Activer l’extension.

Félicitations, WP Customer Area est désormais installé avec succès !

Il nous faut à présent passer aux étapes de configuration de base pour que ce dernier puisse fonctionner dans de bonnes conditions.

Configuration initiale

Une fois le plugin activé, un message d’avertissement nous informe qu’un certain nombre d’actions nécessitent notre intervention.

Capture d'écran - Avertissements de configuration initiale
Avertissements affichés après activation de WP Customer Area

Cliquons donc sur le lien pour aller sur la page de statut de l’espace client. Plus tard, cette page est également accessible via le menu Espace Client > Statut.

Problème #1 – Pages manquantes sur le site

WP Customer Area a besoin de créer des pages dans l’administration de WordPress afin d’afficher les données privées.

Pour nous faciliter le travail, cliquons simplement sur Créer les pages manquantes puis confirmons via le bouton OK.

Capture d'écran - Génération des pages manquantes
Processus de création automatique des pages manquantes

Les pages suivantes sont alors créées automatiquement : Espace Client, Accueil, Fichiers, Mes fichiers, Pages, Mes pages, Mon compte, Détails du compte, Modifier mon compte, Déconnexion.

Nous pouvons d’ailleurs vérifier leur présence sous le module Pages de WordPress.

Problème #2 – Menu de navigation manquant

WP Customer Area dispose de son propre menu de navigation et contient toutes les pages précédemment créées. Là encore, il nous faut simplement cliquer sur Créer le menu.

Un fois créé, nous pourrons le retrouver dans Apparence > Menus. Dans Gérer les emplacements, notez le nouvel emplacement intitulé Menu de navigation de Customer Area.

Capture d'écran - Génération des menus manquants
Assistant de création automatique des menus manquants

Dans le cadre de cette introduction, nous vous recommandons de garder le menu dans sa configuration par défaut – bien que nous serons en mesure de le modifier à notre convenance par la suite.

Problème #3 – Configurer les permissions

WP Customer Area est par défaut accessible seulement aux administrateurs. C’est à nous de définir quels sont les autres rôles qui disposeront de telle ou telle autorisation sur notre espace client. Pour débuter, il est nécessaire de définir les permissions pour les utilisateurs de rang Abonné. Il s’agit du rôle de base sous WordPress, rôle qui sera vraisemblablement défini pour la plupart des nouveaux utilisateurs.

Capture d'écran - Lien vers la page de configuration des permissions
Les permissions pour chaque rang d’utilisateur à configurer initialement

Ainsi, dans les onglets Pages privées et Fichiers privés des Permissions, cochons donc : Voir les pages privées et/ou Voir les fichiers privés.

Capture d'écran - Outil de configuration des permissions
Configuration des permissions pour les abonnés

Pour finaliser la correction du problème, faisons Enregistrer les modifications. Pour en savoir plus, reportez-vous au guide de référence des permissions.

Problème #4 – Les permaliens

Par défaut, WP Customer Area requiert l’activation de la réécriture d’URLs sur votre serveur. Cela se traduit par un choix de permaliens différent de celui proposé nativement sous WordPress.

Capture d'écran - Permaliens incorrects
Les permaliens par défaut de WordPress sont incompatibles avec WP Customer Area

Dans la majorité des cas, ce réglage aura déjà été modifié lors de l’installation de WordPress et nous pourrons donc ignorer ces instructions ou simplement vérifier que tout est en ordre.

Pour ce faire, allons dans Réglages > Permaliens puis choisissons la structure de notre choix à l’exception de celle par défaut.

Capture d'écran - Réglages des permaliens de WordPress
Choisissez une structure favorable au référencement

Dans une optique de référencement, nous vous recommandons une structure de type Nom de l’article – soit /%postname%/.

Retournons ensuite dans le module Statut de votre Espace Client. Aucune intervention de votre part n’est désormais requise. Votre Espace Client est à présent fonctionnel !

Voyons ensemble comment partager des données privées avec des utilisateurs en toute simplicité.

Partager vos premières données privées

Étape n°1 – Création d’un compte utilisateur ‘Client’

Nous allons simuler un espace client basique avec d’un côté, un administrateur et de l’autre, un client qui accède au contenu partagé depuis la partie visible du site.

Ainsi, en tant qu’administrateur, ouvrons le module Utilisateurs puis faisons Ajouter.

Remplissons les champs de la façon suivante :

  1. Identifiant : pour l’exemple, nous indiquerons ‘client’ qui correspondra à l’identifiant de connexion de notre utilisateur de test ;
  2. E-mail : saisissons l’e-mail du client. Utile notamment pour obtenir un renvoi de mot de passe ;
  3. Prénom / Nom : remplissons ces champs, bien que facultatifs ;
  4. Mot de passe / Répétez le mot de passe : saisissons par deux fois un mot de passe complexe ;
  5. Envoyez le mot de passe : ne cochons pas pour le cas présent sauf si vous tenez à ce que l’utilisateur reçoive son mot de passe sur sa boite mail ;
  6. Rôle : choisissons Abonné, le rôle de base sous WordPress qui conviendra parfaitement pour votre premier espace privé.

Pour en savoir plus, reportez-vous à la documentation officielle de WordPress sur les Rôles et Permissions.

Étape n°2 – Gestion des contenus privés

WP Customer Area repose sur les types de contenu personnalisés de WordPress pour gérer vos fichiers privés ainsi que vos pages privées. De cette manière, nous retrouverons une interface de gestion qui vous est familière comme c’est le cas pour vos articles ou vos pages classiques.

Votre premier fichier privé

Dans Espace Client, cliquez sur Nouveau fichier privé.

Capture d'écran - Création d'un fichier privé
Création de votre premier fichier privé

L’éditeur de contenu de WordPress apparaît alors :

  1. Commençons par donner un titre au fichier privé ;
  2. Utilisons la zone de contenu pour saisir une description détaillée ;
  3. Dans la zone Fichier, nous disposons de 2 méthodes d’envoi :
    1. Par téléversement direct (mode simple) : cliquons sur la zone grisée pour choisir un fichier ou faites le glisser vers cette zone directement à partir de votre ordinateur ;
    2. Copier depuis le dossier FTP (mode avancé) : pour ce faire, il nous faudra utiliser un client FTP (ex. Filezilla) afin de déposer les fichiers dans un répertoire préalablement défini dans les paramètres de WP Customer Area. Notez que cette méthode est particulièrement utile pour des fichiers volumineux et conviendra mieux à des utilisateurs avancés ;

      Capture d'écran - Choix de la méthode d'envoi de fichiers
      Choix de la méthode d’envoi de fichiers
  4. Dans la zone Affectation, indiquons quel utilisateur disposera d’un accès au fichier. C’est ici que nous retrouverons notre utilisateur de test intitulé ‘client’ dans notre exemple ;

    Capture d'écran - Choix du propriétaire
    Déterminer l’utilisateur capable de télécharger le fichier privé
  5. Cliquons Publier une fois que toutes les données requises sont ajoutées. Cliquons donc sur Voir le fichier privé pour visualiser l’affichage final, côté site.

Votre première page privée

La création d’une page privée repose sur le même principe que celui des fichiers privés. Rendez-vous dans Espace Client, puis Nouvelle page privée :

  1. Donnons un titre à votre page ;
  2. Saisissons le corps de texte dans la zone de contenu ;
  3. Assignons-lui une catégorie de page (facultatif) ;
  4. Affectons notre utilisateur ‘client’ qui pourra visualiser ce contenu privé ;
  5. Faisons Publier pour valider la création ;

Aperçu final

WP Customer Area s’intègre dans la partie public de votre site WordPress et se compose d’une interface dotée d’un menu de navigation contenant des liens vers :

  • Accueil : il s’agit de votre tableau de bord répertoriant les fichiers et pages récentes pour lesquels vous disposez d’un accès ;
  • Fichiers : affiche une liste des fichiers privés dont vous êtes le destinataire ;
  • Pages : affiche une liste des pages privées dont vous êtes le destinataire ;
  • Mon compte : vous permet de modifier votre profil utilisateur et de vous déconnecter de l’espace client ;

Si vous vous rendez directement dans l’espace privé sur le site, vous ne pourrez pas voir le fichier et la page que vous venez de créer : ceux-ci sont privés et assignés à l’utilisateur ‘client’.

Vérifions donc que notre utilisateur ‘client’ voit bien les données qui lui ont été affectées. Pour ce faire, déconnectons-nous de WordPress puis connectons-nous en tant qu’utilisateur ‘client’ avec le mot de passe choisi plus haut.

Capture d'écran - Affichage final de l'espace membre
Affichage final de l’espace membre

Nous retrouvons les fichiers et/ou les pages privés qui nous ont été assignés par l’administrateur du site. Tout est en ordre !

Si tel n’était pas le cas, reprenez les étapes dédiées à la gestion des permissions de base et à l’affectation d’un propriétaire de contenu.

Conclusion

Nous arrivons au terme de ce guide de démarrage pour une prise en main efficace de WP Customer Area. Nous espérons que ce dernier vous aura apporté toute l’aide nécessaire pour bien débuter et vous souhaitons une bonne utilisation de votre espace client avec WP Customer Area.

Avant d’aller plus loin, prenez le temps de lire notre documentation pour bien sécuriser vos fichiers afin d’empêcher tout accès indésirable à ceux-ci.

Si vous avez des besoins plus spécifiques, WP Customer Area est un plugin modulaire et disposant de nombreuses extensions qui permettent par exemple la gestion de projets, de fils de conversation, et bien plus encore.

Pour toute question, rendez-vous sur notre forum dédié au support technique.