clictutoriel

Comment Créer Un Espace Membre avec s2Member Et PayPal ?

Le plugin s2Member

s2Member permet de créer un espace privé ou espace membre sur votre site. Son but va être de protéger toutes les pages que vous aurez défini pour que seules les personnes qui auront payé puissent y accéder. La version gratuite est suffisante si on veut utiliser que PayPal comme mode de paiement. La version pro permet d'ajouter d'autres modes de paiement.

Si la version pro de ce plugin vous intéresse, vous pouvez bénéficier de 10 % de réduction avec le code SAVE10-A:4042

Personnellement, je déconseille l'utilisation de ce plugin pour créer un espace membre. Il fait son job mais il faut de nombreuses configurations et l'insertion du bouton de paiement sur la page que l'on veut n'est pas pratique. On peut changer l'image du bouton facilement mais le mettre en forme : le centrer etc...c'est autre chose

L'idéal est de choisir un thème qui comprend déjà un espace membre combiné à WooCommerce

Si vous n'avez pas opté pour ce type de thème ou qu'ils ne vous plaisent pas, la meilleure seconde option selon moi pour créer un espace membre et la plus économique c'est WooCommerce + WooCommerce Membership (+ Thrive Content Builder) pour la page de vente

Comme j'ai eu l'occasion de tester s2Member dernièrement, j'en ai profité pour rédiger un tuto détaillé qui peut dépanner si vous choisissez d'utiliser ce plugin.

Commencez par vous connecter à votre compte PayPal et dans un autre onglet à votre administration WordPress

1ére partie : s2Member PayPal Account Details

  • Visiblement, pour pouvoir recevoir des paiements via un site web, il faut posséder un compte Business. Vous pouvez changer de compte directement depuis votre compte : connectez vous à PayPal, cliquez sur la roue dentée en haut à droite pour accéder aux paramètres et changez de compte :
  • Une fois que vous été passé en compte Business, vous devez récupérer votre identifiant ID Marchand : allez dans Préférences / Paramètres du compte / Mes coordonnées puis recopiez l'identifiant de votre compte marchand 
  • Maintenant ouvrez l'administration WordPress, allez dans S2member / PayPal Options / PayPal Account Details et recopiez l'ID marchand dans Your PayPal Merchant ID :
  • Puis indiquez l'adresse e-mail de votre compte PayPal :

Ensuite, on va retourner dans PayPal / Préférences / Paramètres du compte / Mes ventes / Accés à l'API et cliquez sur mettre à jour

  • Dans l'écran suivant, cliquez sur afficher la signature API

Ensuite, cliquez sur afficher pour voir tous vos identifiants et les copier :

Retournez dans S2Member et recopiez tous les éléments :

  • Nom d'utilisateur API dans Your PayPal API Username
  • Mot de passe API dans PayPal API Password
  • Signature dans Your PayPal API Signature

Enfin, activez le mode test pendant que vous faites tous vos réglages et pensez à l'enlever une fois que vous avez terminé

Pensez à enregistrer en cliquant sur save all changes tout en bas :

2éme partie : PayPal IPN Integration

Il faut encore quelques réglages, courage ! Il faut le faire une fois et après ça sera bon pour toutes vos utilisations !

  • On retourne dans PayPal / Préférences / Pparamètres du compte / Mes ventes / Notifications instantanées de Paiement et on clique sur mettre à jour
  • Ensuite, cliquez sur choisir les paramètres IPN
  • Allez maintenant dans WordPress, s2Member / PayPal Options / PayPal IPN integration et recopiez l'URL indiqué :
  • Collez cette URL dans PayPal et cochez la case recevoir les messages IPN puis enregistrez

3 éme partie : PayPal PDT / Auto-Return Integration

On va dans s2Member / PayPal Options / PayPal PDT Auto-Return Integration et on copie l'URL qui est indiquée

On retourne maintenant dans PayPal / Préférences / Paramètres du compte / Mes ventes / Préférences de site marchand et cliquez sur mettre à jour

  • Activez le renvoi automatique et collez l'URL copiée tout à l'heure dans URL de renvoi :
    • Ensuite, il faut activer le transfert des données de paiement et copier le jeton d'identité
  • Collez le jeton d'identité dans S2Member PayPal PDT identity Token :

Pensez à enregistrer en cliquant sur save all changes tout en bas

4 éme partie : Signup Confirmation Email

Dans cette partie, il faut configurer l'email qui sera envoyé lorsqu'une personne aura acheté votre produit numérique. Vous pouvez simplement traduire l'email fourni ou ajouter d'autres champs

Pensez à enregistrer en cliquant sur save all changes tout en bas

L'onglet suivant : specific post /page confirmation email sert à configurer l'email qui sera envoyé après l'achat d'un accès à un article ou à une page en particulier. On en a pas besoin ici où l'utilisateur achète un accès à un espace membre.

Ensuite, dans Automatic EOT Behavior, il faut décider ce qui se passe quand un membre ne renouvelle pas son abonnement ou que son abonnement a expiré. Par défaut, il passe en " utilisateur gratuit " et n'a plus accès à son espace membre 24 h après la fin de son abonnement. Je laisse ici les réglages par défaut mais vous pouvez les modifier si besoin.

5 éme partie : Créer les boutons de paiement

On est presque à la fin !! On va maintenant créer les boutons de paiement que vous pourrez insérer dans votre page de vente. Allez dans s2Member / PayPal Buttons / Buttons For Level # 1 Access

Note : ce générateur de boutons de paiement ne les sauvegarde pas donc pensez à copier / coller le shortcode et le code dans un fichier sur votre ordinateur

Nous allons voir comment configurer la génération d'un bouton de paiement dans différents cas :

  • 1 ) Vous vendez un produit numérique ( type formation ) à un tarif unique

Exemple : Je vends une formation intitulée : Apprendre à coder en 10 jours au tarif unique de 27 €. Une fois le paiement effectué, les utilisateurs auront accès privé " espace membre " contenant la formation. Je souhaite qu'il ai accès à cet espace de façon illimitée : à vie

Dans Checkout page style, vous ne devez mettre un nom que si vous avez crée un style personnalisé dans PayPal. Pour en savoir plus, lisez cet article : comment personnaliser une page de paiement PayPal

En cliquant sur le bouton Generate Button Code, vous obtenez le shortcode à copier / coller ( ne le faîtes pas tout de suite, nous allons le modifier plus bas ) :

  • 2 ) Vous vendez un produit numérique avec un abonnement mensuel

Exemple : je vends un abonnement à mes articles comme un magazine : abonnement à clictutoriel pour 10 € / mois

  • 3 ) Vous vendez un produit numérique avec plusieurs niveaux d’accès

Exemple : Je vends une formation complète intitulée : comment lancer une activité rentable sur internet ? qui contient 9 modules

Il y a 3 offres pour s’inscrire : 

  • standard : le membre a accès aux modules 1 à 5 au prix de 390 €
  • premium : le membre a accès au modules 1 à 9 au prix de 790 €
  • gold : le membre a accès aux modules 1 à 9 + au forum privé + à une assistance + à un bonus au prix de 1290 €

Dans ce cas là il faudra créer 3 boutons différents dans S2Member / PayPal Buttons

Nous allons créer le bouton 1 qui correspond à l'offre standard dans Buttons For Level #1 Access

 oui, j'ai oublié le d à standard 🙂

Enregistrez le shortcode généré pour chaque bouton dans un fichier sur votre ordinateur et enregistrez le

Il ne vous reste plus qu'à créer le bouton 2 pour l'offre prémium dans Buttons For Level #2 Access et le bouton 3 pour l'offre gold dans Buttons For Level #1 Access

6 éme partie : changer l'image du bouton de paiement

Lorsque l'on clique sur Generate Button Code, l'image du bouton par défaut apparait :

Comme ce bouton ne nous convient pas, nous allons le modifier :

  • 1 ) Créez un bouton avec le texte souhaité dans l'outil de votre choix : Photoshop, Gimp, Canva...Moi j'ai crée le mien avec Thrive content builder dans une page et j'ai ensuite fait une capture écran du bouton
  • 2 ) Importez ce bouton dans votre bibliothèque de médias WordPress. Allez dans l'administration puis Médias / Ajouter / choisir des fichiers. Une fois votre image importée cliquez sur modifier
  • 3 ) Copiez l'URL de l'image

4 ) Ouvrez votre document qui contient le shortcode généré par S2Member et collez l'URL de l'image juste après image= , à la place de default, conservez les guillemets :


[s2Member-PayPal-Button level="1" ccaps="" desc="Formation / 1234" ps="paypal" lc="" cc="EUR" dg="0" ns="1" custom="clictutoriel.com" ta="0" tp="0" tt="D" ra="27" rp="1" rt="L" rr="BN" rrt="" rra="1" image="http://clictutoriel.com/wp-content/uploads/2016/06/boutton_paiement.png" output="button" /]

Pensez à enregistrer votre shortcode et copiez le pour l'étape suivante

7 éme étape : intégrer le bouton de paiement dans votre page de vente

Ouvrez la page de vente de votre produit numérique dans l'administration WordPress et collez le shortcode à l'endroit voulu :

Si vous utilisez Thrive Content Builder, sélectionnez l'outil WordPress Content pour insérer le shortcode dans votre page.

8 éme étape : Autres configuration

Dans cette section, nous allons voir rapidement quelques autres réglages à faire dans s2member

1 ) Allez dans S2Member / general options / email configuration pour configurer l'adresse email d'envoi des emails et l'email qui sera envoyé aux utilisateurs qui n'auront pas défini de mot de passe lors de l'achat de la formation :

Pensez à cliquer sur save all changes tout en bas pour sauvegarder

2 ) Toujours dans general options / open registration , mettez no si vous ne souhaitez pas que des utilisateurs puissent accéder à une partie de votre espace membre gratuitement :

3 ) Dans Membership Levels , c'est là qu'on va donner le nom aux différents niveaux. On va reprendre ceux qu'on avait défini dans l'exemple dans la 5éme partie sur la création des boutons :

4 ) Dans Login welcome page, sélectionnez la page sur laquelle vont atterrir les membres lorsqu'ils se connectent

5 ) Dans membership options page, choisissez la page sur laquelle les membres pourront se connecter. Cette page ne peut pas être votre page d'accueil ou la page du blog, vous devez créer une nouvelle page qui servira uniquement à la connexion à l'espace membre

Cliquez sur save all changes tout en bas pour sauvegarder

9 éme partie : protection des pages de l'espace membre

Maintenant que les réglages ont été effectué, vous devez aller dans chaque page qui compose votre espace membre et que vous voulez sécuriser pour que seuls les utilisateurs qui ont payé puissent y aller.

Dans chaque page, sélectionnez le niveau d’accès et mettez la page à jour .

10 éme partie : les tests

ça y est c'est bientôt terminé et vous pourrez ENFIN lancer la vente de votre produit. Allez dans votre page de vente et tester que tout fonctionne bien.

Allez ensuite dans s2member / PayPal Options / PayPal Account Details et dans Developer / Sandbox Testing, mettez sur no puis enregistrez cette modification. Si vous le pouvez demandez à une personne de votre entourage d'acheter le produit avec son compte PayPal pour voir si elle reçoit bien les emails, si elle arrive bien à se connecter. N'oubliez pas de la rembourser ensuite !

Et vous, pour quelle solution avez-vous opté pour créer votre espace membre ?

24 août 2016

4 réponses sur "Comment Créer Un Espace Membre avec s2Member Et PayPal ?"

  1. Merci pour cet article, je suis actuellement en plein dans la configuration d’un espace membre avec S2members et j’avoue que cela n’est pas évident quand on découvre cela pour la première fois. Votre article va m’aider à faire quelques configuration.
    Pour ma part je vais le paramétrer avec clickbank.
    J’aime beaucoup votre site, il nous donne pleins de conseils précieux et très pratique.

  2. Bonjour,

    Comment paramétrer la délivrance progressive dans le cadre d’un programme de coaching en ligne (un module par semaine) avec s2member ?

    Par avance je vous remercie !

    • Bonjour,

      Merci pour votre message. Je n’utilise pas ce plugin donc je ne peux pas vous aiguiller.

      D’après ce que j’ai vu de ce plugin, je vous conseille d’opter pour une autre solution : un autre plugin ou thème

      Bon courage

Laisser un message

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *