{"id":16161,"date":"2023-08-26T07:00:57","date_gmt":"2023-08-26T14:00:57","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=8602"},"modified":"2023-08-26T07:00:57","modified_gmt":"2023-08-26T14:00:57","slug":"personnaliser-les-boutons-de-la-page-de-paiement-2","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/personnaliser-les-boutons-de-la-page-de-paiement-2\/","title":{"rendered":"Personnaliser les boutons sur la page de paiement"},"content":{"rendered":"<p>Dans le mod\u00e8le de page de paiement par d\u00e9faut de MemberMouse, nous incluons une \u00e9tiquette intelligente qui rend automatiquement un bouton pour chaque m\u00e9thode de paiement active. Voici la balise intelligente responsable de cette op\u00e9ration :  <\/p>\n\n\n\n<p><code>[MM_Form_Button type='all']<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/2be20493-170294.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/2be20493-170294.png\" alt=\"\" class=\"wp-image-9333\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Afin de fournir cette fonctionnalit\u00e9, il est n\u00e9cessaire de contr\u00f4ler les styles des boutons. Il est possible de proc\u00e9der \u00e0 quelques personnalisations mineures \u00e0 l'aide des attributs SmartTag. Par exemple, vous pouvez modifier la couleur et le texte du bouton comme suit :<\/p>\n\n\n\n<p><code>[MM_Form_Button type='all' label='Buy Now' color='green']<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/88da932a-170300.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/88da932a-170300.png\" alt=\"\" class=\"wp-image-9334\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Avoir 2 boutons s\u00e9par\u00e9s sur une page de paiement<\/h5>\n\n\n\n<p>Souvent, vous voudrez avoir un bouton unique sur votre site pour votre passerelle de paiement sur site et votre passerelle de paiement hors site. Pour ce faire, vous devez supprimer le bouton\u00a0<code>[MM_Form_Button type='all']<\/code>\u00a0de votre code, et ajoutez un bouton sp\u00e9cifique pour chaque passerelle de paiement. <\/p>\n\n\n\n<p>Vous pouvez utiliser ce code pour la passerelle de paiement sur site :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/01dc6fb1-9094.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/01dc6fb1-9094.png\" alt=\"\" class=\"wp-image-9335\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=&quot;\/fr\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;default&#039;]\/&quot;&nbsp;\n\nclass=&quot;mm-button blue large rounded&quot;&gt;S&#039;inscrire avec Stripe&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Et ceci pour la passerelle de paiement hors site :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/3c506ca9-9095.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/3c506ca9-9095.png\" alt=\"\" class=\"wp-image-9336\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=&quot;\/fr\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;\n\nclass=&quot;mm-button green large&quot;&gt;S&#039;inscrire avec PayPal&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Vous pouvez \u00e9galement utiliser une image pour le bouton, en utilisant un code comme celui-ci :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/dc365452-9096.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/dc365452-9096.png\" alt=\"\" class=\"wp-image-9337\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=&quot;\/fr\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;&gt;\n\n&lt;img src=&quot;http:\/\/www.paypalobjects.com\/en_US\/i\/btn\/x-click-but5.gif&quot;&gt;&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Utilisez ces snippets si vous souhaitez que vos deux boutons soient plac\u00e9s \u00e0 des endroits diff\u00e9rents sur la page de paiement, ou si vous souhaitez simplement mieux contr\u00f4ler l'aspect et la position des boutons.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Contr\u00f4le total des styles de boutons<\/h5>\n\n\n\n<p>Si vous souhaitez avoir un contr\u00f4le total sur les styles et la disposition des boutons, vous pouvez utiliser la configuration SmartTag suivante :<\/p>\n\n\n\n<p><code>[MM_Form_Button type='submit' paymentMethod='paypal']<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Il s&#039;agit simplement d&#039;un lien qui soumet le formulaire &agrave; la m&eacute;thode de paiement que vous avez sp&eacute;cifi&eacute;e dans l&#039;attribut paymentMethod. Comme il ne s&#039;agit que d&#039;un lien, il vous incombe de d&eacute;terminer comment il sera affich&eacute; &agrave; l&#039;&eacute;cran en utilisant la balise intelligente avec un attribut&nbsp;&lt;a&gt;&nbsp;ou&nbsp;&lt;button&gt;&nbsp;(&eacute;tiquette). Par exemple, vous pouvez faire ce qui suit :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=&quot;\/fr\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;&gt;Paiement avec PayPal&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Remarque :<\/strong>\u00a0Une fois que vous avez cess\u00e9 d'utiliser le<code>\u00a0[MM_Form_Button type='all']\u00a0<\/code>qui cr\u00e9e automatiquement un bouton pour chaque m\u00e9thode de paiement active, vous \u00eates responsable de la cr\u00e9ation de chaque bouton que vous souhaitez inclure dans la page de paiement en utilisant la balise\u00a0<code>[MM_Form_Button type='submit' paymentMethod='']<\/code>\u00a0Configuration du SmartTag.<\/p>\n\n\n\n<p>Lire cet article pour&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/bouton-de-formulaire-smarttag-mm_form_button\/\" target=\"_blank\">documentation compl\u00e8te sur la balise SmartTag Form_Button<\/a>.<\/p>\n\n\n\n<p>Cet article d\u00e9taille les attributs que vous pouvez utiliser pour&nbsp;<a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/mm-styles-de-boutons\/\" target=\"_blank\" rel=\"noreferrer noopener\">style des boutons<\/a>&nbsp;sur la page de paiement.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>","protected":false},"excerpt":{"rendered":"<p>Dans le mod\u00e8le de page de paiement par d\u00e9faut de MemberMouse, nous incluons une \u00e9tiquette intelligente qui rend automatiquement un bouton pour chaque m\u00e9thode de paiement active. Voici la balise intelligente responsable de cette op\u00e9ration : [MM_Form_Button type='all'] Afin de...<\/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":[226],"ht-kb-tag":[],"class_list":["post-16161","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-customize-checkout"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/16161","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=16161"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/16161\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=16161"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=16161"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=16161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}