{"id":7782,"date":"2023-08-12T12:56:47","date_gmt":"2023-08-12T19:56:47","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=7782"},"modified":"2023-08-12T12:56:47","modified_gmt":"2023-08-12T19:56:47","slug":"personnaliser-les-boutons-de-la-page-de-paiement","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/personnaliser-les-boutons-de-la-page-de-paiement\/","title":{"rendered":"Personnaliser les boutons de la page de paiement"},"content":{"rendered":"<h5 class=\"wp-block-heading\">Styles de boutons par d\u00e9faut<\/h5>\n\n\n\n<p>Dans le mod\u00e8le de page de paiement par d\u00e9faut de MemberMouse, nous incluons un SmartTag\u2122 qui rend automatiquement un bouton pour chaque m\u00e9thode de paiement active. Voici le SmartTag\u2122 responsable de cette op\u00e9ration :<\/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>[MM_Form_Button type='all']<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" 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\/10\/21f67f00-170294.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/21f67f00-170294.png\" alt=\"\" class=\"wp-image-10844\"\/><\/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 par le biais des attributs SmartTag\u2122. Par exemple, vous pouvez modifier la couleur et le texte du bouton comme suit :<\/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>[MM_Form_Button type='all' label='Buy Now' color='green']<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" 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\/10\/8f90614d-170300.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/8f90614d-170300.png\" alt=\"\" class=\"wp-image-10850\"\/><\/a><\/figure>\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\">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. <br><br>Pour ce faire, vous devez supprimer le bouton MM_Form_Button type='all' de votre code et ajouter un bouton sp\u00e9cifique pour chaque passerelle de paiement. <\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Utilisez 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\/10\/0ae17ff5-9094.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/0ae17ff5-9094.png\" alt=\"\" class=\"wp-image-10848\"\/><\/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:20px\" 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\"><img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/x0bduhdutkbae6u\/9095.png?raw=1\" alt=\"\"\/><\/figure>\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:20px\" 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\"><img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/q62ek017rer46su\/9096.png?raw=1\" alt=\"\"\/><\/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:10px\" 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\u2122 suivante :<\/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><code>[MM_Form_Button type='submit' paymentMethod='paypal']<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Cette m&eacute;thode produit simplement 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 la mani&egrave;re dont il sera affich&eacute; &agrave; l&#039;&eacute;cran en utilisant le SmartTag&trade; 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:10px\" 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 la balise [MM_Form_Button type='all'] qui cr\u00e9e automatiquement un bouton pour chaque m\u00e9thode de paiement active, il vous incombe de cr\u00e9er chaque bouton que vous souhaitez voir figurer sur la page de paiement en utilisant la configuration de la balise [MM_Form_Button type='submit' paymentMethod=\"].<\/p>\n\n\n\n<p>Lire cet article pour\u00a0<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 le SmartTag MM_Form_Button<\/a>\u2122.<\/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>","protected":false},"excerpt":{"rendered":"<p>Styles de bouton par d\u00e9faut Dans le mod\u00e8le de page de paiement par d\u00e9faut de MemberMouse, nous incluons un SmartTag\u2122 qui rend automatiquement un bouton pour chaque m\u00e9thode de paiement active. Voici le SmartTag\u2122 responsable de cette op\u00e9ration : Dans...<\/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":[167],"ht-kb-tag":[],"class_list":["post-7782","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-smarttags-usage"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7782","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=7782"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7782\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=7782"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=7782"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=7782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}