CF7 PayPal Setup

Dans un premier temps, vous devez configurer les paramètres du plugin. Accédez donc à votre panneau d’administration et allez dans Contact -> PayPal. Ou copiez cette URL : https://www.votredomaine.com/wp-admin/admin.php?page=Wordpress_Contact Form 7_Paypal_options_options. Assurez-vous que les plugins requis sont installés!

Mise en place de PayPal

Nous allons d’abord utiliser le bac à sable de PayPal pour tester la fonctionnalité. Vous avez donc besoin d’un compte développeur et de votre identité PayPal. Pour obtenir un compte de développeur, il vous suffit de vous connecter avec votre identifiant PayPal habituel ici : https://developer.paypal.com. Allez ensuite sur la page des comptes et créez un compte d’entreprise et un compte d’acheteur.L’étape suivante consiste à obtenir votre identité PayPal. Allez-y et connectez-vous avec le compte Sandbox Business que vous venez de créer à l’adresse suivante : https://www.bac à sable.paypal.com ou visitez directement ce lien : https://bac à sable.paypal.com/businessmanage/preferences/website. Assurez-vous de cocher toutes les options requises dans ce Panel :

1. Activer le retour automatique (ne pas oublier d’y mettre une URL)!)
2. Activer le transfert des données de paiement. Vous verrez alors votre identité ci-dessous.
3. Sauvegarde!

Paramètres généraux du plugin

Une fois que Paypal est installé, retournez dans les paramètres du plugin et :

1. Activer le plugin
2. Activer le mode bac à sable
3. Entrez dans votre compte Sandbox (l’entreprise, pas l’acheteur)
4. Entrez votre identité PayPal

Option de paiement PayPal

Nous devons maintenant configurer les options de paiement dans l’onglet “2èmes paramètres” (voir la capture d’écran ci-dessous). Ici, vous devez …

1. Définissez votre pays
2. Définissez votre devise
3. Définissez votre lieu de travail
4. Définissez votre taxe fixe
5. Fixez votre taux d’imposition
6. Définissez votre URL de retourAssurez-vous d’avoir activé la redirection dans votre compte PayPal Business
7. Définissez votre URL d’annulationAssurez-vous d’avoir activé la redirection dans votre compte PayPal Business

Créer le formulaire de contact

Après avoir configuré les paramètres du plugin, nous pouvons créer notre premier formulaire de contact. Disons tout d’abord que PayPal propose un grand nombre de champs de saisie, qui peuvent être ajoutés à votre formulaire de contact. Une référence complète peut être trouvée ici. Mais nous n’aborderons que les plus importants d’entre eux.

Détails pour les clients

Si vous ne souhaitez pas utiliser les informations client du compte PayPal de l’acheteur, vous pouvez les remplacer par des champs personnalisés. Par exemple, le prénom, le nom ou l’adresse. Voir l’exemple suivant :

Votre contact

Votre prénom* [text* first_name]

Votre courriel* [text* email]

Votre adresse* [text* address]

Les produits que vous souhaitez vendre

Ensuite, nous allons configurer le(s) produit(s) que nous voulons vendre. Comme nous utilisons la fonctionnalité PayPal Cart, nous pouvons configurer un nombre illimité d’articles. Un poste est toujours composé des champs suivants. XX correspond toujours à l’identifiant actuel de votre produit (e.g. 1 ou 2).

1. Nom de l’article (nom_de_l’article_XX) | Exemple :
2. Numéro d’article / SKU (item_number_XX) | Exemple :
3. Montant de l’article / Prix (montant_XX) | Exemple :
4. Quantité de l’article (quantité_XX) | Exemple :

Votre commande

Quantité* [number quantity_1 min:1 class:fw max:10 “1”]

Le bouton PayPal

Après avoir configuré le “Données” nous devons créer les boutons. Notre plugin est le seul à prendre en charge les deux types de boutons : soit le bouton normal “envoyer uniquement le formulaire”-(soumettre) ou le bouton “Payer avec PayPal”-Bouton (paypal). Dans notre exemple, nous ajouterons les deux boutons. Le bouton d’envoi normal doit être clair, nous sautons donc cette étape. Le bouton PayPal se trouve dans la barre des tags (voir la capture d’écran ci-dessous).

Lorsque vous cliquez sur le bouton, vous obtenez la fenêtre modale du générateur de balises :

1. Label (texte du bouton) | Exemple : “Payer avec PayPal”
2. Paiement réussi URL de redirection (qui remplace l’URL globale) | Exemple : “https://www.votredomaine.com/custom-success-url/”
3. Paypment cancelled Redirect URL (qui remplace l’URL globale) | Exemple : “https://www.votredomaine.com/custom-cancel-url/”
4. Attribut de classe | Exemple : “bouton paypal”

Nous insérons ensuite la balise et obtenons les boutons de formulaire de contact suivants[paypal “Pay with Paypal”]Nous avons ajouté quelques divs et une image de produit pour améliorer l’aspect du formulaire de commande. Voici donc le formulaire de contact complet :

Votre contact

Votre prénom* [text* first_name]

Votre courriel* [text* email]

Votre adresse* [text* address]

Quantité* [number quantity_1 min:1 class:fw max:10 “1”]

[paypal class:fw “Pay with Paypal”][submit class:fw “Or send individual Request”]Note : N’oubliez pas d’insérer les champs également dans l’onglet Courrier! Dans le cas contraire, vous ne recevrez pas les données par courrier!

Faire un test

Testons si le formulaire de contact fonctionne :

1. Créer une nouvelle page
2. Insérer le Shortcode de Contact Form 7 (dans notre cas il s’agit de : ])
3. Visiter la page
4. Saisissez vos données
5. Cliquez sur le bouton Payer avec PayPal
6. Vous devriez être redirigé vers PayPal
7. Assurez-vous d’être dans le bac à sable.paypal.com
8. Connectez-vous avec votre compte Sandbox Buyer
9. Payer la facture
10. Vous devriez être redirigé vers votre page de succès.
11. En outre, l’administrateur du blog recevra un courrier électronique si la transaction a été effectuée avec succès!