{"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":"personalizar-los-botones-de-la-pagina-de-pago","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/personalizar-los-botones-de-la-pagina-de-pago\/","title":{"rendered":"Personalizar los botones de la p\u00e1gina de pago"},"content":{"rendered":"<p>En la plantilla de p\u00e1gina de pago predeterminada de MemberMouse incluimos un SmartTag que muestra autom\u00e1ticamente un bot\u00f3n para cada m\u00e9todo de pago activo. Esta es la SmartTag responsable de ello:  <\/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>Para proporcionar esta funcionalidad es necesario que controlemos los estilos de los botones. Hay algunas peque\u00f1as personalizaciones que se pueden hacer a trav\u00e9s de los atributos SmartTag. Por ejemplo, puede cambiar el color y el texto del bot\u00f3n de la siguiente manera:<\/p>\n\n\n\n<p><code>[MM_Form_Button type='all' label='Comprar ahora' color='verde']<\/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\">Tener 2 botones separados en una p\u00e1gina de pago<\/h5>\n\n\n\n<p>Muchas veces, usted querr\u00e1 tener un bot\u00f3n \u00fanico en su sitio tanto para su Pasarela de Pago Onsite como para su Pasarela de Pago Offsite. Para ello, debe eliminar el bot\u00f3n\u00a0<code>[MM_Form_Button type='all']<\/code>\u00a0de su c\u00f3digo, y a\u00f1ada un bot\u00f3n espec\u00edfico para cada pasarela de pago. <\/p>\n\n\n\n<p>Puede utilizar este c\u00f3digo para la pasarela de pago in situ:<\/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;\/es\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;default&#039;]\/&quot;&nbsp;\n\nclass=&quot;mm-button blue large rounded&quot;&gt;Registrarse con 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>Y esto para la pasarela de pago externa:<\/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;\/es\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;\n\nclass=&quot;mm-button green large&quot;&gt;Registrarse con 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>Tambi\u00e9n puede utilizar una imagen para el bot\u00f3n, utilizando un c\u00f3digo como este:<\/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;\/es\/[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>Utilice estos fragmentos si desea que los dos botones est\u00e9n situados en lugares diferentes de la p\u00e1gina de pago o si simplemente desea tener un mayor control sobre el aspecto y la posici\u00f3n de los botones.<\/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\">Control total sobre los estilos de los botones<\/h5>\n\n\n\n<p>Si desea tener un control total sobre los estilos y la disposici\u00f3n de los botones, puede utilizar en su lugar la siguiente configuraci\u00f3n SmartTag:<\/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>Esto simplemente mostrar&aacute; un enlace que env&iacute;a el formulario al m&eacute;todo de pago especificado en el atributo paymentMethod. Dado que s&oacute;lo genera un enlace, es su responsabilidad determinar c&oacute;mo se mostrar&aacute; en la pantalla utilizando la SmartTag con un atributo&nbsp;&lt;a&gt;&nbsp;etiqueta o&nbsp;&lt;button&gt;&nbsp;etiqueta. Por ejemplo, puede hacer lo siguiente<\/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;\/es\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;&gt;Pago con 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>Nota:<\/strong>\u00a0Una vez que deje de utilizar el<code>\u00a0[MM_Form_Button type='all']\u00a0<\/code>SmartTag, que crea autom\u00e1ticamente un bot\u00f3n para cada m\u00e9todo de pago activo, usted es responsable de crear cada bot\u00f3n que desee incluir en la p\u00e1gina de pago utilizando la etiqueta\u00a0<code>[MM_Form_Button type='submit' paymentMethod='']<\/code>\u00a0Configuraci\u00f3n SmartTag.<\/p>\n\n\n\n<p>Lea este art\u00edculo para&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/es\/docs\/boton-de-formulario-smarttag-mm_form_button\/\" target=\"_blank\">documentaci\u00f3n completa sobre el SmartTag Form_Button<\/a>.<\/p>\n\n\n\n<p>En este art\u00edculo se detallan los atributos que puede utilizar para&nbsp;<a href=\"https:\/\/membermouse.com\/es\/docs\/estilos-de-botones-mm\/\" target=\"_blank\" rel=\"noreferrer noopener\">estilo de los botones<\/a>&nbsp;en la p\u00e1gina de pago.<\/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>En la plantilla de p\u00e1gina de pago predeterminada de MemberMouse incluimos un SmartTag que muestra autom\u00e1ticamente un bot\u00f3n para cada m\u00e9todo de pago activo. Esta es la SmartTag responsable de ello: [MM_Form_Button type='all'] Para...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/16161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=16161"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/16161\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=16161"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=16161"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=16161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}