WordPress

Vendez sur votre site avec l'intégration WordPress. Ajoutez un vrai moteur e-commerce à votre site WordPress existant.

Dernière mise à jour
31 décembre 2024

Deux approches d’intégration

Ce tutoriel présente deux approches différentes pour intégrer WordPress à Easytools:

  1. Partie 1: approche par automatisations - Utilise les automatisations Easytools pour créer des utilisateurs WordPress, et le plugin Simple Restrict pour un contrôle d’accès basique.
  2. Partie 2: approche par webhooks - Utilise un plugin WordPress dédié qui reçoit les webhooks d’Easytools pour une gestion des abonnements plus avancée.

Choisissez l’approche qui correspond le mieux à vos besoins. Les deux vidéos montrent des parcours complets, de la configuration aux tests.

Partie 1: approche par automatisations avec le plugin simple restrict

Dans cette première approche, nous utilisons les automatisations Easytools pour créer automatiquement des comptes utilisateurs WordPress quand vos clients achètent votre produit. Nous utilisons ensuite le plugin Simple Restrict pour définir quelles pages nécessitent un abonnement actif.

Prérequis

Avant de commencer, vérifiez que votre site WordPress remplit ces conditions:

  • Certificat SSL: votre site WordPress doit avoir un certificat SSL actif (URL commençant par https://).
  • Permaliens: allez dans Settings → Permalinks dans WordPress. La structure ne peut pas être réglée sur “Plain”. Utilisez “Post name” ou toute autre structure personnalisée.
  • Accès administrateur: vous avez besoin d’un accès administrateur pour générer des Application Passwords et installer des plugins.

Étape 1: générer un application password WordPress

Les Application Passwords permettent à des services externes comme Easytools de se connecter à votre site WordPress en toute sécurité, sans utiliser votre mot de passe principal.

  1. Connectez-vous au tableau de bord d’administration WordPress
  2. Allez dans Users → Profile (ou modifiez votre compte administrateur)
  3. Descendez jusqu’à la section Application Passwords
  4. Dans le champ “New Application Password Name”, saisissez un nom comme Easytools
  5. Cliquez sur Add New Application Password
  6. Important: copiez immédiatement le mot de passe généré. Vous ne pourrez plus le consulter.

Étape 2: connecter l’application WordPress dans Easytools

Vous allez maintenant établir la connexion entre Easytools et votre site WordPress.

  1. Connectez-vous à votre compte Easytools
  2. Dans la barre latérale gauche, cliquez sur Store pour la déplier, puis sélectionnez Automations
  3. Cliquez sur l’onglet Apps dans la navigation du haut
  4. Cliquez sur le bouton + New app en haut à droite
  5. Remplissez le formulaire de connexion:
    • Connection name: saisissez un nom parlant
    • Select app: choisissez Wordpress dans le menu déroulant
    • Platform URL: saisissez l’URL de votre site WordPress (elle doit inclure https://)
    • Username: votre identifiant administrateur WordPress
    • Application password: collez l’application password copié à l’étape 1
  6. Cliquez sur Check connection pour vérifier, puis sur Save

Étape 3: créer le scénario d’automatisation

Mettez en place une automatisation qui crée un compte utilisateur WordPress dès que quelqu’un achète votre produit.

  1. Dans les automatisations Easytools, allez dans l’onglet Scenarios
  2. Cliquez sur + New scenario
  3. Configurez le scénario:
    • Scenario name: donnez-lui un nom parlant
    • Send email on failure: activez cette option pour être prévenu si l’automatisation échoue
    • Assign to products: sélectionnez le produit Easytools qui déclenchera cette automatisation
    • Assign to variants: choisissez “All variants” ou sélectionnez des variantes précises
    • Connection: sélectionnez la connexion WordPress créée à l’étape 2
    • Action: sélectionnez Create user
  4. Cliquez sur Save

Étape 4: tester le parcours d’achat

Testez maintenant le parcours complet pour vérifier que les utilisateurs sont correctement créés dans WordPress.

  1. Allez sur la page de votre produit Easytools
  2. Cliquez sur le bouton Checkout pour prévisualiser votre page de paiement
  3. Effectuez un achat de test en remplissant toutes les informations nécessaires
  4. Après un paiement réussi, vérifiez votre boîte mail: vous devez recevoir un email de confirmation d’achat d’Easytools

Étape 5: vérifier la création de l’utilisateur dans WordPress

Vérifiez que l’automatisation a bien créé le compte utilisateur.

  1. Dans Easytools, allez dans l’onglet Automations → Executions pour voir les statistiques d’exécution
  2. Cliquez sur une exécution récente pour vérifier qu’elle s’est terminée avec succès
  3. Connectez-vous à votre panneau d’administration WordPress
  4. Allez dans Users → All Users
  5. Vous devez voir un nouveau compte utilisateur avec le rôle Subscriber et l’adresse email utilisée lors du paiement

Étape 6: installer le plugin simple restrict

Installez maintenant un plugin pour définir quelles pages nécessitent une connexion. Nous vous suggérons Simple Restrict, une option légère pour un contrôle d’accès basique. Si vous avez besoin de fonctionnalités plus avancées, de nombreux autres plugins de membership et de contrôle d’accès sont disponibles dans le répertoire WordPress.

  1. Dans l’administration WordPress, allez dans Plugins → Add New Plugin
  2. Cherchez Simple Restrict (ou le plugin de contrôle d’accès de votre choix)
  3. Cliquez sur Install Now, puis sur Activate

Étape 7: accorder la permission d’accès à l’utilisateur

Donnez à l’utilisateur créé la permission d’accéder aux pages restreintes.

  1. Dans l’administration WordPress, allez dans Users → All Users
  2. Cliquez sur l’utilisateur créé par l’automatisation
  3. Descendez jusqu’à la section Permissions
  4. Cochez la case only-logged - “Allow this user to see pages marked as only-logged”
  5. Cliquez sur Update User pour enregistrer

Étape 8: configurer les permissions des pages

Définissez quelles pages doivent être réservées aux utilisateurs connectés.

  1. Dans l’administration WordPress, allez dans Pages → All Pages
  2. Sélectionnez la page à protéger et cliquez sur Edit
  3. Dans la barre latérale droite, trouvez le panneau Permissions
  4. Cochez la case only-logged pour réserver cette page aux utilisateurs connectés
  5. Cliquez sur Update pour enregistrer

Étape 9: tester le contrôle d’accès

C’est l’étape finale, la plus importante: vérifier que le contrôle d’accès fonctionne aussi bien pour les utilisateurs connectés que déconnectés.

Scénario 1: test en tant qu’utilisateur déconnecté (l’accès doit être bloqué)

  1. Ouvrez une nouvelle fenêtre de navigation privée
  2. Ouvrez l’URL de la page protégée
  3. Vous devez:
    • Être redirigé vers une page de connexion, OU
    • Voir un message du type “Access Denied” ou “This content is restricted”, OU
    • Voir une page blanche ou une erreur 403 (selon les réglages du plugin)
  4. Cela confirme que la restriction fonctionne

Scénario 2: test en tant qu’abonné connecté (le contenu doit s’afficher)

  1. Dans la même fenêtre privée, allez sur https://votresite.com/wp-login.php
  2. Connectez-vous avec les identifiants de l’utilisateur créé par l’automatisation:
    • Username: l’identifiant créé (par exemple test123 ou basé sur l’email)
    • Password: l’utilisateur devra passer par la réinitialisation de mot de passe WordPress s’il ne l’a pas
  3. Une fois connecté, retournez sur la page protégée
  4. Vous devez maintenant voir tout le contenu de la page, sans restriction
  5. En haut de la page, vous verrez la barre d’administration WordPress avec Howdy, [username]

Scénario 3: test en tant qu’administrateur (accès complet)

  1. Connectez-vous avec votre compte administrateur WordPress
  2. Ouvrez la page protégée
  3. Vous devez voir tout le contenu ainsi que la barre d’outils d’administration
  4. Cela confirme que les différents rôles disposent bien des accès attendus

C’est réussi! Vous avez terminé la partie 1. Les personnes qui achètent votre produit obtiennent automatiquement un compte WordPress et peuvent accéder au contenu protégé. À l’expiration de leur abonnement, vous pouvez configurer l’automatisation pour supprimer leur compte utilisateur WordPress.

Partie 2: approche par webhooks avec un plugin dédié

Cette seconde approche utilise les webhooks pour une communication en temps réel entre Easytools et WordPress. Un plugin dédié traite les événements d’abonnement, gère les comptes utilisateurs, envoie des emails de bienvenue et propose une page de barrage pour les non-abonnés.

Étape 1: configurer les webhooks dans Easytools

Vous devez d’abord paramétrer les notifications webhook dans votre compte Easytools.

  1. Connectez-vous à Easytools

  2. Cliquez sur le nom de votre boutique dans la barre latérale gauche, puis sélectionnez Store settings

  3. Dans le menu d’onglets du haut, cliquez sur API & Webhooks

  4. Vous verrez deux sections principales:

    • Webhook section

      • Webhook URL: un champ texte où vous collerez le point de terminaison webhook de votre WordPress (vous l’obtiendrez après avoir installé le plugin)
      • Format d’exemple: https://votresite.com/wp-json/easytools/v1/webhook?api\_token=IgCWvRX
      • Webhook signing key: indique la date de création de la clé (par exemple “Created 16.11.2025, 11:37:04”)
      • Boutons: Delete et Change key (avec l’icône de rafraîchissement)
      • Si vous n’avez pas encore de clé de signature, un bouton vous permet d’en créer une

    • API keys section

      • Description: “Create and manage API keys for your Store. You can find API docs here.” (avec un lien)
      • Bouton + New API key en haut à droite
      • La section affiche “Add a new API key” avec les instructions de création des jetons d’authentification API

  5. Important: ne remplissez pas encore le champ Webhook URL - vous devez d’abord installer le plugin

  6. Si vous n’avez pas de clé de signature webhook, cliquez sur le bouton pour en générer une et copiez-la immédiatement

Étape 2: installer le plugin easytools subscription manager

Installez le plugin Easytools subscription manager, qui traite les événements webhook.

  1. Téléchargez le fichier du plugin
  2. Dans l’administration WordPress, allez dans Plugins → Add New Plugin
  3. Cliquez sur Upload Plugin et sélectionnez le fichier ZIP
  4. Cliquez sur Install Now
  5. Cliquez sur Activate Plugin
  6. Après activation, “Easytools” apparaît dans la barre latérale d’administration WordPress

Étape 3: configurer les réglages du plugin

Paramétrez le plugin avec vos identifiants Easytools et vos préférences.

  1. Dans la barre latérale d’administration WordPress, cliquez sur Easytools

  2. Cliquez sur Settings dans le sous-menu

  3. Configurez les sections suivantes:Basic Settings:

    • Easytools Checkout URL: saisissez l’URL de la page de paiement de votre produit Easytools
    • Webhook Signing Key: collez la clé de signature copiée depuis Easytools
    • API Token (Optional): jeton de sécurité supplémentaire facultatif
    • Webhook URL: affiche le point de terminaison webhook de votre WordPress - vous le copierez plus tard dans Easytools

    Bouncer Page Settings:

    • Enable Bouncer Page: cochez pour activer
    • Bouncer Page: sélectionnez la page à utiliser comme page de barrage
    • Product URL: l’URL de votre page de paiement Easytools
    • Icon Color: personnalisez la couleur des boutons si vous le souhaitez

    Access Control:

    • Protect Entire Site: protégez éventuellement toutes les pages sauf celles que vous sélectionnez
    • Exclude Pages: choisissez les pages qui doivent rester publiques

  4. Cliquez sur Save Settings

Étape 4: configurer l’email de bienvenue

Personnalisez l’email que reçoivent les nouveaux abonnés avec leur lien de création de mot de passe.

  1. Dans les réglages du plugin Easytools (descendez dans la page), trouvez la section Email Configuration
  2. Vous verrez la description: “Customize the content of welcome emails sent to new users. Available placeholders: {username}, {site_name}, {login_url}”
  3. Configurez les champs suivants:
    • Email Subject: par défaut [{site_name}] Welcome! Set Your Password
    • Email Heading: par défaut, un emoji de fête et Welcome to {site_name}!
    • Email Message: zone de texte multiligne avec le contenu de votre choix
    • Button Text: par défaut Set Your Password
  4. Sous la configuration, vous trouverez une section Test Email:
    • Titre: “Test your email configuration”
    • Description: “Send a test welcome email to verify your email settings, sender information, and template”
    • Saisissez une adresse email de test dans le champ
    • Cliquez sur le bouton Send test email
  5. Vérifiez votre boîte mail pour contrôler que l’email de bienvenue s’affiche correctement

Étape 5: finaliser la connexion du webhook

Reliez maintenant Easytools au point de terminaison webhook de votre WordPress.

  1. Dans les réglages du plugin WordPress, trouvez le champ Webhook URL dans Basic Settings
  2. Cliquez sur le bouton vert Show pour afficher l’URL complète
  3. Cliquez sur le bouton rose Copy URL pour la copier
  4. Retournez dans Easytools → Store settings → API & Webhooks
  5. Collez l’URL copiée dans le champ Webhook URL
  6. L’URL inclut le paramètre du jeton API (par exemple ?api_token=IgCWvRXUx1o45kJfbcem0SbodmQmmT1)
  7. Cliquez sur Save

Étape 6: tester l’intégration webhook

Utilisez l’outil de test intégré pour vérifier que les webhooks fonctionnent correctement.

  1. Dans l’administration WordPress, allez dans Easytools → Webhook Testing

  2. Vous verrez la page Easytools Webhook Testing avec la description: “Test and debug webhook integrations with Easytools payment platform”

  3. La page comporte trois sections principales:

    • Webhook endpoint:

      • Webhook URL (with API Token): affiche votre point de terminaison avec le jeton masqué
      • Description: “Use this URL in Easytools → API & Webhooks. The API token provides additional security.”
      • Signing Key: masquée par des points (••••••••••••••••••)
      • API Token: masqué par des points
      • Chacun dispose d’un bouton vert Show et d’un bouton rose Copy

    • Example payloads:

      • Custom Test Email: champ pour saisir une adresse email de test
      • Product Assigned: section avec un bouton “Send test webhook”
      • Affiche un aperçu de charge utile JSON d’exemple
      • Sections similaires pour les autres types d’événements

  4. Saisissez une adresse email de test dans le champ Custom test email

  5. Dans la section Product assigned, cliquez sur Send test webhook

  6. Vérifiez le message de succès et confirmez que le test a fonctionné

Étape 7: suivre les logs de webhook

Consultez tous les événements webhook reçus par votre site WordPress.

  1. Dans l’administration WordPress, allez dans Easytools → Webhook logs
  2. Vous verrez une page intitulée “Monitor and debug webhook communications from Easytools”
  3. En haut, un filtre par période:
    • Deux champs de date au format jj.mm.aaaa
    • Le mot “to” entre les deux
    • Bouton bleu Filter (avec l’icône de filtre)
    • Bouton rose Clear (avec l’icône X)
  4. À droite, une section Export:
    • Bouton vert Export to CSV (avec l’icône de téléchargement)
    • Bouton vert Export to MD (avec l’icône de document)
  5. Le tableau principal liste les événements webhook avec des en-têtes verts:
    • Date: horodatage (par exemple “2025-11-16 22:16:18”)
    • Event Type: nom de l’événement, par exemple:
      • product_assigned
      • subscription_created
      • product_access_expired
      • subscription_deleted
    • Customer Email: l’adresse email du client
    • User ID: l’identifiant utilisateur WordPress (par exemple “46”, “45”, “44”)
    • Status: tous affichent un badge vert success
  6. Cliquez sur Details sur n’importe quelle ligne pour voir la charge utile complète et la réponse

Étape 8: consulter la gestion des abonnés

Vérifiez les abonnements actifs et inactifs dans le tableau de bord des abonnés.

  1. Dans l’administration WordPress, allez dans Easytools → Subscribers

  2. Vous verrez la description: “View and manage all users with active and inactive subscriptions”

  3. La page se divise en deux sections avec des en-têtes verts:Active Subscriptions:

    • Icône verte en forme de coche avec le titre Active Subscriptions
    • Tableau avec les colonnes:
      • User: identifiant WordPress
      • Email: email de l’utilisateur
      • Subscription Type: type d’abonnement
      • Renewal Date: prochaine date de renouvellement
      • Status: badge de statut
    • Si vide: “No active subscriptions found.”

    Inactive Accounts:

    • Icône X rouge avec le titre Inactive Accounts
    • Description: “Users who previously had a subscription that was cancelled, expired, or is no longer active.”
    • Tableau avec les colonnes:
      • User: identifiant
      • Email: adresse email
      • Last Subscription Type: type (par exemple “monthly”)
      • Last Renewal Date: date (par exemple “2025-11-28 16:14:03”)
      • Status: badge rouge affichant Inactive

Étape 9: tester le parcours d’achat complet

Faites un test de bout en bout pour vérifier toute l’intégration.

  1. Allez sur la page de paiement de votre produit Easytools
  2. Effectuez un achat de test avec une vraie adresse email
  3. Après l’achat, vérifiez votre boîte mail: vous devez recevoir l’email de bienvenue, avec un objet du type “Welcome! Set Your Password”
  4. L’email doit contenir:
    • Un bouton violet/bleu avec le texte “Set your password”
    • Un titre d’email avec l’emoji de fête et le message de bienvenue
    • Votre identifiant
  5. Cliquez sur le bouton pour définir votre mot de passe
  6. Allez dans Easytools → Subscribers dans WordPress
  7. Vérifiez que l’utilisateur apparaît dans Active Subscriptions
  8. Allez dans Webhook Logs et vérifiez que les événements ont bien été enregistrés:
    • événement product_assigned
    • événement subscription_created

Étape 10: tester la page de barrage et le contrôle d’accès

Vérifiez que les non-abonnés sont bien redirigés vers la page de barrage.

  1. Ouvrez une fenêtre de navigation privée
  2. Ouvrez une page protégée de votre site WordPress
  3. Vous devez être redirigé vers la page de barrage
  4. Cette page doit afficher:
    • Votre identité visuelle ou votre logo (selon le modèle)
    • Un message expliquant qu’un abonnement est nécessaire
    • Un bouton d’achat ou d’abonnement (renvoyant vers votre page de paiement Easytools)
  5. Connectez-vous maintenant en tant qu’utilisateur abonné
  6. Ouvrez la même page protégée
  7. Vous devez voir tout le contenu de la page - pas de page de barrage
  8. En haut, vous verrez que vous êtes connecté en tant qu’abonné

Félicitations! Vous avez configuré avec succès l’intégration WordPress par webhooks avec le plugin dédié. Cette approche offre une gestion des abonnements en temps réel, la création automatique des utilisateurs, les emails de bienvenue, le contrôle d’accès et un suivi complet.

Vous n'avez pas trouvé ce que vous cherchiez? Contactez-nous

Sommaire