{"id":4066,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/wordpress-cf7-paypal\/?post_type=faq&#038;p=179"},"modified":"2024-05-15T11:29:24","modified_gmt":"2024-05-15T09:29:24","slug":"cf7-paypal-setup","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/cf7-paypal-setup\/","title":{"rendered":"CF7 PayPal Setup"},"content":{"rendered":"<figure id=\"attachment_5257\" aria-describedby=\"caption-attachment-5257\" style=\"width: 161px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5257\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/cf7-paypal-menu.png\" alt=\"cf7 paypal menu\" width=\"161\" height=\"181\" \/><figcaption id=\"caption-attachment-5257\" class=\"wp-caption-text\">cf7 paypal menu<\/figcaption><\/figure>Dans un premier temps, vous devez configurer les param\u00e8tres du plugin. Acc\u00e9dez donc \u00e0 votre panneau d&#8217;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\u00e9s!<\/p>\n<h2 class=\"mceTemp\">Mise en place de PayPal<\/h2>\n<p>Nous allons d&#8217;abord utiliser le bac \u00e0 sable de PayPal pour tester la fonctionnalit\u00e9. Vous avez donc besoin d&#8217;un compte d\u00e9veloppeur et de votre identit\u00e9 PayPal. Pour obtenir un compte de d\u00e9veloppeur, 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\u00e9ez un compte d&#8217;entreprise et un compte d&#8217;acheteur.L&#8217;\u00e9tape suivante consiste \u00e0 obtenir votre identit\u00e9 PayPal. Allez-y et connectez-vous avec le compte Sandbox Business que vous venez de cr\u00e9er \u00e0 l&#8217;adresse suivante : https:\/\/www.bac \u00e0 sable.paypal.com ou visitez directement ce lien : https:\/\/bac \u00e0 sable.paypal.com\/businessmanage\/preferences\/website. Assurez-vous de cocher toutes les options requises dans ce Panel :<\/p>\n<ol>\n<li>Activer le retour automatique (ne pas oublier d&#8217;y mettre une URL)!)<\/li>\n<li>Activer le transfert des donn\u00e9es de paiement. Vous verrez alors votre identit\u00e9 ci-dessous.<\/li>\n<li>Sauvegarde!<\/li>\n<\/ol>\n<h2>Param\u00e8tres g\u00e9n\u00e9raux du plugin<\/h2>\n<p>Une fois que Paypal est install\u00e9, retournez dans les param\u00e8tres du plugin et :<\/p>\n<ol>\n<li>Activer le plugin<\/li>\n<li>Activer le mode bac \u00e0 sable<\/li>\n<li>Entrez dans votre compte Sandbox (l&#8217;entreprise, pas l&#8217;acheteur)<\/li>\n<li>Entrez votre identit\u00e9 PayPal<\/li>\n<\/ol>\n<figure id=\"attachment_5256\" aria-describedby=\"caption-attachment-5256\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5256\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/cf7-paypal-general-settings-1024x542.png\" alt=\"cf7 paypal param\u00e8tres g\u00e9n\u00e9raux\" width=\"1020\" height=\"540\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-paypal-general-settings-1024x542.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-paypal-general-settings-300x159.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-paypal-general-settings-768x406.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-paypal-general-settings-500x264.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-paypal-general-settings-1000x529.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-paypal-general-settings.png 1403w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5256\" class=\"wp-caption-text\">cf7 paypal param\u00e8tres g\u00e9n\u00e9raux<\/figcaption><\/figure>\n<h2>Option de paiement PayPal<\/h2>\n<p>Nous devons maintenant configurer les options de paiement dans l&#8217;onglet &#8220;2\u00e8mes param\u00e8tres&#8221; (voir la capture d&#8217;\u00e9cran ci-dessous). Ici, vous devez &#8230;<\/p>\n<ol>\n<li>D\u00e9finissez votre pays<\/li>\n<li>D\u00e9finissez votre devise<\/li>\n<li>D\u00e9finissez votre lieu de travail<\/li>\n<li>D\u00e9finissez votre taxe fixe<\/li>\n<li>Fixez votre taux d&#8217;imposition<\/li>\n<li>D\u00e9finissez votre URL de retourAssurez-vous d&#8217;avoir activ\u00e9 la redirection dans votre compte PayPal Business<\/li>\n<li>D\u00e9finissez votre URL d&#8217;annulationAssurez-vous d&#8217;avoir activ\u00e9 la redirection dans votre compte PayPal Business<\/li>\n<\/ol>\n<figure id=\"attachment_5258\" aria-describedby=\"caption-attachment-5258\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5258\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/paypal-for-cf7-payment-options-1024x591.png\" alt=\"paypal pour les options de paiement du cf7\" width=\"1020\" height=\"589\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options-1024x591.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options-300x173.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options-768x443.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options-1536x886.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options-500x288.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options-1000x577.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/paypal-for-cf7-payment-options.png 1720w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5258\" class=\"wp-caption-text\">paypal pour les options de paiement du cf7<\/figcaption><\/figure>\n<h2>Cr\u00e9er le formulaire de contact<\/h2>\n<p>Apr\u00e8s avoir configur\u00e9 les param\u00e8tres du plugin, nous pouvons cr\u00e9er notre premier formulaire de contact. Disons tout d&#8217;abord que PayPal propose un grand nombre de champs de saisie, qui peuvent \u00eatre ajout\u00e9s \u00e0 votre formulaire de contact. Une r\u00e9f\u00e9rence compl\u00e8te peut \u00eatre trouv\u00e9e ici. Mais nous n&#8217;aborderons que les plus importants d&#8217;entre eux.<\/p>\n<h3>D\u00e9tails pour les clients<\/h3>\n<p>Si vous ne souhaitez pas utiliser les informations client du compte PayPal de l&#8217;acheteur, vous pouvez les remplacer par des champs personnalis\u00e9s. Par exemple, le pr\u00e9nom, le nom ou l&#8217;adresse. Voir l&#8217;exemple suivant :<\/p>\n<h2>Votre contact<\/h2>\n<p >Votre pr\u00e9nom*     [text* first_name] <\/p>\n<p>Votre courriel*     [text* email] <\/p>\n<p>Votre adresse*     [text* address] <\/p>\n<h3>Les produits que vous souhaitez vendre<\/h3>\n<p>Ensuite, nous allons configurer le(s) produit(s) que nous voulons vendre. Comme nous utilisons la fonctionnalit\u00e9 PayPal Cart, nous pouvons configurer un nombre illimit\u00e9 d&#8217;articles. Un poste est toujours compos\u00e9 des champs suivants. XX correspond toujours \u00e0 l&#8217;identifiant actuel de votre produit (e.g. 1 ou 2).<\/p>\n<ol>\n<li>Nom de l&#8217;article (nom_de_l&#8217;article_XX) | Exemple : <\/li>\n<li>Num\u00e9ro d&#8217;article \/ SKU (item_number_XX) | Exemple : <\/li>\n<li>Montant de l&#8217;article \/ Prix (montant_XX) | Exemple : <\/li>\n<li>Quantit\u00e9 de l&#8217;article (quantit\u00e9_XX) | Exemple :<\/li>\n<\/ol>\n<h2>Votre commande<\/h2>\n<p >Quantit\u00e9* [number quantity_1 min:1 class:fw max:10 &#8220;1&#8221;] <\/p>\n<h3>Le bouton PayPal<\/h3>\n<p>Apr\u00e8s avoir configur\u00e9 le &#8220;Donn\u00e9es&#8221; nous devons cr\u00e9er les boutons. Notre plugin est le seul \u00e0 prendre en charge les deux types de boutons : soit le bouton normal &#8220;envoyer uniquement le formulaire&#8221;-(soumettre) ou le bouton &#8220;Payer avec PayPal&#8221;-Bouton (paypal). Dans notre exemple, nous ajouterons les deux boutons. Le bouton d&#8217;envoi normal doit \u00eatre clair, nous sautons donc cette \u00e9tape. Le bouton PayPal se trouve dans la barre des tags (voir la capture d&#8217;\u00e9cran ci-dessous).<figure id=\"attachment_5254\" aria-describedby=\"caption-attachment-5254\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5254\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/cf7-bouton paypal-1024x146.png\" alt=\"cf7 bouton paypal\" width=\"1020\" height=\"145\" \/><figcaption id=\"caption-attachment-5254\" class=\"wp-caption-text\">cf7 bouton paypal<\/figcaption><\/figure>Lorsque vous cliquez sur le bouton, vous obtenez la fen\u00eatre modale du g\u00e9n\u00e9rateur de balises :<\/p>\n<ol>\n<li>Label (texte du bouton) | Exemple : &#8220;Payer avec PayPal&#8221;<\/li>\n<li>Paiement r\u00e9ussi URL de redirection (qui remplace l&#8217;URL globale) | Exemple : &#8220;https:\/\/www.votredomaine.com\/custom-success-url\/&#8221;<\/li>\n<li>Paypment cancelled Redirect URL (qui remplace l&#8217;URL globale) | Exemple : &#8220;https:\/\/www.votredomaine.com\/custom-cancel-url\/&#8221;<\/li>\n<li>Attribut de classe | Exemple : &#8220;bouton paypal&#8221;<\/li>\n<\/ol>\n<figure id=\"attachment_5253\" aria-describedby=\"caption-attachment-5253\" style=\"width: 637px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5253\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-cf7-paypal-tag.png\" alt=\"cr\u00e9er un tag cf7 paypal\" width=\"637\" height=\"547\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-cf7-paypal-tag.png 637w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-cf7-paypal-tag-300x258.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-cf7-paypal-tag-500x429.png 500w\" sizes=\"auto, (max-width: 637px) 100vw, 637px\" \/><figcaption id=\"caption-attachment-5253\" class=\"wp-caption-text\">cr\u00e9er un tag cf7 paypal<\/figcaption><\/figure>Nous ins\u00e9rons ensuite la balise et obtenons les boutons de formulaire de contact suivants[paypal &#8220;Pay with Paypal&#8221;]Nous avons ajout\u00e9 quelques divs et une image de produit pour am\u00e9liorer l&#8217;aspect du formulaire de commande. Voici donc le formulaire de contact complet :<\/p>\n<h2>Votre contact<\/h2>\n<p >Votre pr\u00e9nom* [text* first_name] <\/p>\n<p>Votre courriel* [text* email] <\/p>\n<p>Votre adresse* [text* address] <\/p>\n<p >Quantit\u00e9* [number quantity_1 min:1 class:fw max:10 &#8220;1&#8221;] <\/p>\n[paypal class:fw &#8220;Pay with Paypal&#8221;][submit class:fw &#8220;Or send individual Request&#8221;]Note : N&#8217;oubliez pas d&#8217;ins\u00e9rer les champs \u00e9galement dans l&#8217;onglet Courrier! Dans le cas contraire, vous ne recevrez pas les donn\u00e9es par courrier!<\/p>\n<h3>Faire un test<\/h3>\n<p>Testons si le formulaire de contact fonctionne :<\/p>\n<ol>\n<li>Cr\u00e9er une nouvelle page<\/li>\n<li>Ins\u00e9rer le Shortcode de Contact Form 7 (dans notre cas il s&#8217;agit de : ])<\/li>\n<li>Visiter la page<\/li>\n<li>Saisissez vos donn\u00e9es<\/li>\n<li>Cliquez sur le bouton Payer avec PayPal<\/li>\n<li>Vous devriez \u00eatre redirig\u00e9 vers PayPal<\/li>\n<li>Assurez-vous d&#8217;\u00eatre dans le bac \u00e0 sable.paypal.com<\/li>\n<li>Connectez-vous avec votre compte Sandbox Buyer<\/li>\n<li>Payer la facture<\/li>\n<li>Vous devriez \u00eatre redirig\u00e9 vers votre page de succ\u00e8s.<\/li>\n<li>En outre, l&#8217;administrateur du blog recevra un courrier \u00e9lectronique si la transaction a \u00e9t\u00e9 effectu\u00e9e avec succ\u00e8s!<\/li>\n<\/ol>\n","protected":false},"author":1,"featured_media":0,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4066","faq","type-faq","status-publish","hentry","faq_topics-paypal-integration"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=4066"}],"version-history":[{"count":6,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4066\/revisions"}],"predecessor-version":[{"id":8973,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4066\/revisions\/8973"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=4066"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=4066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}