{"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":"personalizar-los-botones-de-la-pagina-de-pago-2","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/personalizar-los-botones-de-la-pagina-de-pago-2\/","title":{"rendered":"Personalizar los botones de la p\u00e1gina de pago"},"content":{"rendered":"<h5 class=\"wp-block-heading\">Estilos de botones por defecto<\/h5>\n\n\n\n<p>En la plantilla de p\u00e1gina de pago predeterminada de MemberMouse incluimos un SmartTag\u2122 que muestra autom\u00e1ticamente un bot\u00f3n para cada m\u00e9todo de pago activo. Esta es la SmartTag\u2122 responsable de ello:<\/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>Para proporcionar esta funcionalidad es necesario que controlemos los estilos de los botones. Hay algunas personalizaciones menores que puedes hacer a trav\u00e9s de los atributos SmartTag\u2122. Por ejemplo, puede cambiar el color y el texto del bot\u00f3n de la siguiente manera:<\/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='Comprar ahora' color='verde']<\/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\">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. <br><br>Para ello, debe eliminar el MM_Form_Button type='all' de su c\u00f3digo y a\u00f1adir un bot\u00f3n espec\u00edfico para cada pasarela de pago. <\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Utilice 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\/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;\/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:20px\" 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\"><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;\/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:20px\" 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\"><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;\/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:10px\" 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 de SmartTag\u2122:<\/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>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 emite un enlace, es su responsabilidad determinar c&oacute;mo se mostrar&aacute; en la pantalla mediante el uso de SmartTag&trade; 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:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Nota:<\/strong>\u00a0Una vez que deje de utilizar la etiqueta [MM_Form_Button type='all'] SmartTag, que crea autom\u00e1ticamente un bot\u00f3n para cada m\u00e9todo de pago activo, ser\u00e1 responsable de crear cada bot\u00f3n que desee incluir en la p\u00e1gina de pago mediante la configuraci\u00f3n de la etiqueta [MM_Form_Button type='submit' paymentMethod=\"] SmartTag.<\/p>\n\n\n\n<p>Lea este art\u00edculo para\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/es\/docs\/boton-de-formulario-smarttag-mm_form_button\/\" target=\"_blank\">documentaci\u00f3n completa sobre la etiqueta inteligente MM_Form_Button<\/a>\u2122.<\/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>","protected":false},"excerpt":{"rendered":"<p>Estilos de botones predeterminados En la plantilla de p\u00e1gina de pago predeterminada de MemberMouse incluimos un SmartTag\u2122 que renderiza autom\u00e1ticamente un bot\u00f3n para cada m\u00e9todo de pago activo. Aqu\u00ed est\u00e1 el SmartTag\u2122 responsable de esto: En...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/7782","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=7782"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/7782\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=7782"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=7782"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=7782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}