contact@bootstrap-top-design.com

Intégrer un moyen de paiement dans WooCommerce en 4 simples étapes : Exemple avec 2checkout

2checkout pour woocommerce

Ce blog est soutenu par vous : nos fidèles lecteurs. Lorsque vous achetez en cliquant sur les liens sponsorisés de notre site, nous percevons des commissions d’affiliation. Les gains perçus contribuent au développement du blog. Merci pour votre soutien 🙂

Annonce

Les moyens permettant d’accepter des paiements sur un site e-commerce WordPress sont nombreux.

Les plus utilisés sont PayPal et Stripe, ils sont simples à intégrer sur WooCommerce et facilitent le processus de paiement aux clients.

Malheureusement, certains pays ne peuvent pas bénéficier des services de Stripe et de PayPal car ces derniers n’y sont pas disponibles.

Heureusement, il existe quelques alternatives telles que 2checkout avec d’excellentes fonctionnalités.

Il existe plusieurs ressources en ligne avec d’excellentes explications qui enseignent l’intégration de PayPal et Stripe, dans ce tutoriel découvrez comment intégrer la passerelle de paiement 2checkout dans Woocommerce.

Intégration de 2checkout dans WordPress

intégrer 2checkout dans WordPress

2checkout est une plateforme de monétisation qui permet aux entreprises d’effectuer des encaissements tout en leur simplifiant les complexités du business en ligne.

Lancée officiellement en 2006, elle totalise aujourd’hui plus de 400 000 utilisateurs et réalise près de 11 milliards de transactions chaque année.

Découvrez comment l’intégrer sur votre site e-commerce et comment encaisser les paiements des clients.

Le processus d’intégration se réalise en 4 étapes :

  1. L’inscription sur la plateforme de 2checkout
  2. Le Téléchargement, l’installation et l’activation de l’extension
  3. La configuration de l’extension
  4. Le paramétrage de votre compte 2checkout

S’inscrire sur 2checkout

L’inscription sur 2checkout est entièrement gratuite.

2checkout vous propose 3 offres différentes : 2SELL, 2SUSCRIBE et 2MONETIZE.

page d'inscription de 2checkout

Pour votre inscription, vous pouvez choisir la première offre (2SELL), par la suite et suivant votre chiffre d’affaires, vous pourrez évoluer vers une offre supérieure de façon à bénéficier de plus d’avantages.

Le processus d’inscription est simple, vous choisissez l’offre qui vous convient, ensuite vous serez dirigé sur une page où entrer votre nom, adresse mail, mot de passe et votre pays.

Une fois l’inscription faite, vous aurez accès à un panel de contrôle, où vous pourrez tout administrer.

Télécharger, installer et activer 2checkout sur WooCommerce

Pour télécharger l’extension de 2checkout, vous devrez vous rendre à cette adresse.

Une fois sur cette page, cliquez sur Code, et dans le menu déroulant qui s’affiche cliquez sur Download ZIP.

télécharger 2checkout pour woocommerce sur github

Décompressez le fichier téléchargé, vous remarquerez 3 dossiers et quelques fichiers dans le dossier décompressé.

Compressez les contenus des 3 dossiers (twocheckout, twochekout-convert-plus, twocheckout-inline) inclus dans le dossier décompressé.

Vous avez maintenant 3 fichiers compressés que vous allez charger sur WordPress.

Allez sur la page d’ajout d’extension de WordPress, et cliquez sur le bouton Téléverser une extension, ensuite choisissez un des 3 fichiers compressés, puis cliquez sur le bouton Installer maintenant.

intégrer un moyen de paiement dans WooCommerce

NB : Répétez le processus pour les 2 autres fichiers compressés (twochekout-convert-plus, twocheckout-inline).

Ainsi vous aurez installé les trois modules proposés par 2checkout sur votre site e-commerce.

Il ne vous reste qu’à activer les modules.

Pour les activer, cocher les cases devant les modules de 2checkout comme dans la capture ci-dessous, choisissez l’option Activer du menu déroulant, puis cliquez sur le bouton Appliquer.

activation des modules 2checkout pour woocommerce

Les trois modules de 2checkout sont maintenant actifs sur WooCommerce, place aux réglages.

Configuration de 2checkout dans WooCommerce

Une fois les modules de 2checkout installés, ils seront intégrés automatiquement dans les réglages de WooCommerce

Allez dans les Réglages de WooCommerce, puis cliquez sur l’onglet Paiements, vous remarquerez que les modules de 2checkout sont bien présents et activés parmi les passerelles de paiement listés.

Cliquez sur le bouton Gérer qui est présent à leur droite (il vous dirigera sur la page de configuration du module).

réglage de 2checkout dans woocommerce

La configuration est la même pour chacun des 3 modules.

réglage module 2checkout

Rendez-vous dans votre compte 2checkout, allez dans Integrations, puis dans Webhooks & API.

panel de contrôle 2checkout

Copiez le contenu du champ Merchant Code et allez sur la page de configuration du module puis collez l’élément copié dans le champ Seller ID.

champ seller ID reglage woocommerce module 2checkout

Le contenu du Champ Secret Key de la page WEBHOOKS & API, vous le copiez et le collez dans le champ du même nom du module dans WooCommerce.

champ secret key, reglage module 2checkout

Ensuite, le mot secret dans le champ Buy link secret Word, vous le copiez et le collez dans le champ Secret Word du Module.

champ secret word reglage woocommerce module 2checkout

Cochez la case Demo Order, puis cliquez sur le bouton Enregistrer les modifications pour que Woocommerce prenne en compte toutes les informations entrées.

Paramétrer son compte 2checkout

Cette étape est la dernière pour terminer la configuration de 2checkout.

Les paramétrages à faire dans votre compte 2checkout permettront premièrement de rediriger les clients après un achat sur une page personnalisée, et deuxièmement de vous envoyer une notification instantanée à chaque produit vendu.

Allez dans votre panneau de contrôle 2checkout, et cliquez sur Webhooks & API présent sous le menu Integrations.

Une fois sur la page, scrollez vers le bas, lorsque vous arrivez au niveau de la section Redirect URL, cochez la case Enable return after sale, et dans le champ Approved URL, entrez l’URL de votre page sur laquelle vous désirez que les clients atterrissent après leur achat.

ajouter page de redirection après achat de produit

Ensuite choisissez l’option Header redirect dans le menu déroulant intitulé Return method puis cliquez sur le bouton Update.

Avec cette configuration, vous êtes certain qu’après un paiement confirmé, les clients seront redirigés sur la page de votre choix.

Maintenant, place à la configuration qui vous permettra de recevoir les notifications instantanément à chaque achat.

Toujours sur la même page, juste en dessous de la section Redirect URL, il y a la section Notifications, choisissez la façon dont vous désirez recevoir les notifications.

Vous avez le choix dans le menu déroulant Payment notification type, entre recevoir les notifications par mails en choisissant l’option E-mail Text, ou recevoir les notifications sur une adresse IPN avec l’option IPN(Instant Payment Notification) , ou soit sur les deux E-mail Text & IPN.

Choisissez l’option qui vous convient le mieux.

Cochez la case Email monitor, et entrez les adresses mails auxquelles vous désirez être notifiés pour les différentes notifications, puis cliquer sur le bouton Update pour la sauvegarde.

réglage notification dans 2checkout

Maintenant scrollez vers le haut et cliquez sur l’onglet IPN settings.

Cliquez sur le bouton Add IPN URL présent dans la section IPN URLs.

paramétrage IPN 2checkout

Copiez le lien présent dans le champ IPN Callback URL de la page de configuration du module de 2checkout dans WooCommerce.

url ipn dans les reglages woocommerce

Puis collez la dans le champ de la fenêtre qui s’affiche dans votre panneau de contrôle 2checkout, et cliquez sur le bouton Add IPN.

ajouter url ipn dans le panel de contrôle 2checkout

Vous devez faire pareil pour les trois modules, c’est-à-dire ajouter chaque URL IPN des trois modules.

Une fois L’URL IPN de chaque module ajouté, allez dans la section General IPN Settings et cochez toutes cases, faite pareil dans la section Response tags, n’oubliez pas de cliquer sur le bouton Update des deux sections après avoir coché les cases.

Vous savez maintenant comment intégrer un moyen de paiement dans WooCommerce, plus précisément la passerelle de paiement 2checkout.

Tutoriels complémentaires

Connaissez-vous d’autres passerelles de paiement qui sont d’excellentes alternatives à Paypal et Stripe? Si oui faites-nous le savoir dans les commentaires

Annonce

Laisser un commentaire