{"id":4073,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/wordpress-cf7-stripe\/?post_type=faq&#038;p=179"},"modified":"2024-05-15T11:29:37","modified_gmt":"2024-05-15T09:29:37","slug":"cf7-stripe-setup","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/cf7-stripe-setup\/","title":{"rendered":"Configuration de la bande CF7"},"content":{"rendered":"<h2>Cr\u00e9er un compte Stripe et obtenir la cl\u00e9 API<\/h2>\n<p>Pour obtenir un compte stripe, il suffit de se rendre sur stripe.com et cr\u00e9ez un nouveau compte ici. Ensuite, connectez-vous et allez dans Tableau de bord > API ou suivez ce lien. Vous y trouverez une cl\u00e9 API publiable et une cl\u00e9 API secr\u00e8te. Nous aurons besoin des deux, alors copiez-les tous les deux, ou laissez l&#8217;onglet ouvert.<\/p>\n<h2>Panneau de configuration<\/h2>\n<p>Tout d&#8217;abord, vous devez vous assurer que vous pouvez voir le panneau de configuration de la bande. Si vous ne voyez pas le menu sur l&#8217;image de droite, assurez-vous que vous avez install\u00e9 le plugin Redux Framework &#038; Contact Form 7.<\/p>\n<h2>Param\u00e8tres g\u00e9n\u00e9raux de Stripe<\/h2>\n<p>Dans les param\u00e8tres g\u00e9n\u00e9raux de la bande, vous devez d&#8217;abord d\u00e9finir le nom de votre entreprise et un logo au format carr\u00e9.Ensuite, vous devez coller les cl\u00e9s API Stripe cr\u00e9\u00e9es pr\u00e9c\u00e9demment. D&#8217;abord la cl\u00e9 publiable, puis la cl\u00e9 secr\u00e8te.<figure id=\"attachment_5265\" aria-describedby=\"caption-attachment-5265\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5265\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/cf7-stripe-general-settings-1024x821.png\" alt=\"cf7 stripe general settings\" width=\"1020\" height=\"818\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-general-settings-1024x821.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-general-settings-300x241.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-general-settings-768x616.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-general-settings-500x401.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-general-settings-1000x802.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-general-settings.png 1226w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5265\" class=\"wp-caption-text\">cf7 stripe general settings<\/figcaption><\/figure>\n<h2>Options de paiement Stripe<\/h2>\n<p>Vous pouvez d\u00e9finir diff\u00e9rentes options de paiement Stripe \u00e0 l&#8217;\u00e9chelle mondiale.<\/p>\n<ol>\n<li>Valider le code postal (ZIP)Indiquer si Checkout doit valider le code postal de facturation.Nous recommandons vivement de fixer la valeur \u00e0 true (vrai).<\/li>\n<li>Collecter l&#8217;adresse de facturationIndiquer si Checkout doit collecter l&#8217;adresse de facturation de l&#8217;utilisateur.<\/li>\n<li>Collecter l&#8217;adresse de livraisonIndiquer si Checkout doit collecter l&#8217;adresse de livraison de l&#8217;utilisateur.<\/li>\n<li>Permettre de se souvenir de moiIndiquer s&#8217;il faut inclure l&#8217;option de &#8220;Souvenez-vous de moi&#8221; pour des achats futurs.<\/li>\n<li>Accepter les bitcoinsPr\u00e9ciser si l&#8217;on accepte les bitcoins.<\/li>\n<li>Envoyer un courrierV\u00e9rifiez comment vous souhaitez que le courrier du CF7 soit envoy\u00e9.<\/li>\n<li>Paiement r\u00e9ussiQue se passe-t-il lorsqu&#8217;un paiement a \u00e9t\u00e9 effectu\u00e9 avec succ\u00e8s .<\/li>\n<li>Monnaie*Voir : R\u00e9f\u00e9rence de devise Stripe<\/li>\n<li>URL de retour (succ\u00e8s)<\/li>\n<li>Annuler (erreur) URL<\/li>\n<\/ol>\n<figure id=\"attachment_5264\" aria-describedby=\"caption-attachment-5264\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5264\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/stripe-payment-options-1024x933.png\" alt=\"options de paiement stripe\" width=\"1020\" height=\"929\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/stripe-payment-options-1024x933.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/stripe-payment-options-300x273.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/stripe-payment-options-768x700.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/stripe-payment-options-500x455.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/stripe-payment-options-1000x911.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/stripe-payment-options.png 1110w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5264\" class=\"wp-caption-text\">options de paiement stripe<\/figcaption><\/figure>\n<h2>Param\u00e8tres avanc\u00e9s<\/h2>\n<p>Dans les param\u00e8tres avanc\u00e9s, vous pouvez ajouter des feuilles de style CSS ou JS personnalis\u00e9es.<\/p>\n<h2>Cr\u00e9ez votre formulaire<\/h2>\n<p>Allez dans votre panneau d&#8217;administration > Contact > Ajouter nouveau pour ajouter un nouveau formulaire de contact.Vous verrez alors appara\u00eetre un nouveau bouton en haut de la page, appel\u00e9 &#8220;Bouton \u00e0 rayures&#8221;. Cliquez sur ce bouton pour cr\u00e9er un bouton \u00e0 bandes \u00e0 l&#8217;int\u00e9rieur du formulaire.<figure id=\"attachment_5263\" aria-describedby=\"caption-attachment-5263\" style=\"width: 657px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5263\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/cf7-stripe-form-tag-handler.png\" alt=\"cf7 stripe form tag handler\" width=\"657\" height=\"584\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-form-tag-handler.png 657w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-form-tag-handler-300x267.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/cf7-stripe-form-tag-handler-500x444.png 500w\" sizes=\"auto, (max-width: 657px) 100vw, 657px\" \/><figcaption id=\"caption-attachment-5263\" class=\"wp-caption-text\">cf7 stripe form tag handler<\/figcaption><\/figure>Lorsque vous souhaitez ins\u00e9rer le bouton \u00e0 bandes, vous devez d\u00e9finir certaines valeurs :<\/p>\n<ol>\n<li>\u00c9tiquetteOu : Texte du boutonExemple : Payer avec Stripe<\/li>\n<li>Description de l&#8217;articleOu : Texte du boutonExemple : Payer avec Stripe<\/li>\n<li>MontantOu : co\u00fbts du produit en cents!Exemple : 1000 => 10 \u20ac<\/li>\n<li>Devise du poste (code ISO \u00e0 3 chiffres)Exemple : eurVoir : https:\/\/stripe.com\/docs\/monnaies<\/li>\n<li>Attribut de classeExemple : pleine largeur<\/li>\n<\/ol>\n<p>Une fois le formulaire rempli, il suffit de cliquer sur ins\u00e9rer une balise et voil\u00e0 : Vous avez un bouton sur le formulaire de contact appel\u00e9 &#8220;Payer avec Stripe&#8221;.<figure id=\"attachment_5262\" aria-describedby=\"caption-attachment-5262\" style=\"width: 823px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5262\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/example-stripe-button-tag-in-contact-form-7.png\" alt=\"exemple de bouton stripe dans le formulaire de contact 7\" width=\"823\" height=\"282\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/example-stripe-button-tag-in-contact-form-7.png 823w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/example-stripe-button-tag-in-contact-form-7-300x103.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/example-stripe-button-tag-in-contact-form-7-768x263.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/example-stripe-button-tag-in-contact-form-7-500x171.png 500w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><figcaption id=\"caption-attachment-5262\" class=\"wp-caption-text\">exemple de bouton stripe dans le formulaire de contact 7<\/figcaption><\/figure>\n","protected":false},"author":1,"featured_media":0,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4073","faq","type-faq","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4073","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=4073"}],"version-history":[{"count":4,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4073\/revisions"}],"predecessor-version":[{"id":8946,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4073\/revisions\/8946"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=4073"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=4073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}