{"id":7728,"date":"2023-08-12T07:31:47","date_gmt":"2023-08-12T14:31:47","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&p=7728"},"modified":"2024-05-15T12:31:22","modified_gmt":"2024-05-15T16:31:22","slug":"cocher-carte-de-credit-paypal-checkout","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/cocher-carte-de-credit-paypal-checkout\/","title":{"rendered":"Basculer entre la carte de cr\u00e9dit et PayPal lors du paiement"},"content":{"rendered":"

Cet exemple de code est une personnalisation de votre page de paiement et non une fonctionnalit\u00e9 officielle de MemberMouse. L'ajouter \u00e0 votre page de paiement ou la personnaliser en fonction de vos besoins est une t\u00e2che qui vous incombe, \u00e0 vous ou \u00e0 votre d\u00e9veloppeur, et l'\u00e9quipe charg\u00e9e de la r\u00e9ussite des clients de MemberMouse ne peut pas vous apporter d'assistance.<\/em><\/p>\n\n\n\n

Si vous acceptez \u00e0 la fois les cartes de cr\u00e9dit et PayPal sur votre page de paiement, il peut \u00eatre int\u00e9ressant de permettre \u00e0 vos membres de basculer entre les deux. Ainsi, si un membre s\u00e9lectionne le bouton radio PayPal, les champs relatifs \u00e0 la carte de cr\u00e9dit seront masqu\u00e9s, et s'il s\u00e9lectionne Stripe, ils s'afficheront \u00e0 nouveau.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Voici le code n\u00e9cessaire pour cr\u00e9er une version de base (PayPal et Stripe)<\/h5>\n\n\n\n
<\/div>\n\n\n\n

1. Ins\u00e9rez le code suivant pour g\u00e9n\u00e9rer les deux boutons de soumission pour PayPal et Stripe.

Note - <\/em><\/strong>Le code suivant doit remplacer le code o\u00f9 le bouton de paiement devrait normalement se trouver dans la page de paiement<\/em>.<\/p>\n\n\n\n

<div id="stripe-section">\n<p><a class="mm-button blue large rounded" href="\/fr\/[MM_Form_Button type='submit' paymentMethod='default']\/">S'inscrire avec Stripe<\/a><\/p>\n<\/div>\n<div id="paypal-section" style="display: none;">\n<p><a class="mm-button blue large rounded" href="\/fr\/[MM_Form_Button type='submit' paymentMethod='paypal']\/">S'inscrire avec PayPal<\/a><\/p>\n<\/div><\/code><\/pre>\n\n\n\n
Voici un aper\u00e7u du code original et de son remplacement :<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n
2. Ajoutez deux boutons radio que les clients utiliseront pour passer d'un mode de paiement \u00e0 l'autre. Ils peuvent \u00eatre ajout\u00e9s \u00e0 n'importe quel endroit de la page, mais sont g\u00e9n\u00e9ralement plac\u00e9s juste en dessous de la section des cadeaux :<\/p>\n\n\n\n
<div id="paymentSelector">\n<input id="onsiteButton" style="vertical-align: top;" checked="checked" name="paymentType" type="radio" value="stripe" \/> <label style="display: inline;" for="onsiteButton">Carte de crédit<\/label>\n<input id="offsiteButton" style="vertical-align: top;" name="paymentType" type="radio" value="paypal" \/>\n<label style="display: inline; width: auto;" for="offsiteButton">PayPal<\/label>\n<\/div><\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
3. Placez le code suivant dans un bloc HTML ou utilisez un plugin tel que Scripts-n-Styles<\/a><\/em> ou WPCode<\/a><\/em> pour ins\u00e9rer le script dans l'en-t\u00eate de votre page de paiement :<\/p>\n\n\n\n
<\/div>\n\n\n\n
<script type=\"text\/javascript\">\njQuery(function() {\n    jQuery(\"input[name='paymentType']\").click(function() {\n        var selectedMethod = jQuery(\"input[name='paymentType']:checked\").val();\n        if(selectedMethod === \"stripe\") {\n            jQuery(\"#paypal-section\").hide(400);\n            jQuery(\"#stripe-section\").show(400);\n            jQuery(\"#mm-billing-information-section\").show(400);\n        } \n        else if (selectedMethod === \"paypal\") { \n            jQuery(\"#stripe-section\").hide(400);\n            jQuery(\"#mm-billing-information-section\").hide(400);\n            jQuery(\"#paypal-section\").show(400);\n        }\n    });\n});\n<\/script> <\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
Voici un exemple de ce que cela peut donner sur votre page de paiement :<\/h5>\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n
Si vous pr\u00e9f\u00e9rez, vous pouvez T\u00e9l\u00e9charger un mod\u00e8le de caisse complet<\/a> contenant l'exemple de code.<\/p>","protected":false},"excerpt":{"rendered":"
Cet exemple de code est une personnalisation de votre page de paiement, et non une fonctionnalit\u00e9 officielle de MemberMouse. L'ajouter \u00e0 votre page de paiement ou la personnaliser en fonction de vos besoins sont des t\u00e2ches...<\/p>","protected":false},"author":9645,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[138],"ht-kb-tag":[],"class_list":["post-7728","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-tips-tricks"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=7728"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7728\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=7728"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=7728"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=7728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}