{"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":"alternar-pago-con-tarjeta-de-credito-paypal","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/alternar-pago-con-tarjeta-de-credito-paypal\/","title":{"rendered":"Alternar tarjeta de cr\u00e9dito y PayPal en el pago"},"content":{"rendered":"

Este c\u00f3digo de ejemplo es una personalizaci\u00f3n para su p\u00e1gina de pago, no una funci\u00f3n oficial de MemberMouse. A\u00f1adirlo a su p\u00e1gina de pago o personalizarlo para sus necesidades son tareas para usted o su desarrollador, y el Equipo de \u00c9xito de MemberMouse no puede proporcionar ning\u00fan tipo de apoyo.<\/em><\/p>\n\n\n\n

Si acepta tanto tarjetas de cr\u00e9dito como PayPal en su p\u00e1gina de pago, puede que le interese permitir a sus usuarios alternar entre ambos. De esta forma, si un usuario selecciona el bot\u00f3n de opci\u00f3n de PayPal, los campos de la tarjeta de cr\u00e9dito se ocultar\u00e1n, y si selecciona Stripe volver\u00e1n a aparecer.<\/p>\n\n\n\n

<\/div>\n\n\n\n
A continuaci\u00f3n se muestra el c\u00f3digo necesario para crear una versi\u00f3n b\u00e1sica (PayPal y Stripe)<\/h5>\n\n\n\n
<\/div>\n\n\n\n

1. Inserte el siguiente c\u00f3digo para generar los dos botones de env\u00edo para PayPal y Stripe.

Nota - <\/em><\/strong>El siguiente c\u00f3digo debe reemplazar el c\u00f3digo donde normalmente estar\u00eda el bot\u00f3n de pago en la p\u00e1gina de pago<\/em>.<\/p>\n\n\n\n

<div id="stripe-section">\n<p><a class="mm-button blue large rounded" href="\/es\/[MM_Form_Button type='submit' paymentMethod='default']\/">Registrarse con Stripe<\/a><\/p>\n<\/div>\n<div id="paypal-section" style="display: none;">\n<p><a class="mm-button blue large rounded" href="\/es\/[MM_Form_Button type='submit' paymentMethod='paypal']\/">Registrarse con PayPal<\/a><\/p>\n<\/div><\/code><\/pre>\n\n\n\n
He aqu\u00ed un vistazo al c\u00f3digo original y a c\u00f3mo ser\u00eda el sustituto:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n
2. A\u00f1ada dos botones de radio que los clientes utilizar\u00e1n para cambiar entre los modos de pago. Pueden a\u00f1adirse en cualquier parte de la p\u00e1gina, pero normalmente se colocan justo debajo de la secci\u00f3n de regalos:<\/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">Tarjeta de crédito<\/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. Coloque el siguiente c\u00f3digo en un bloque HTML, o utilice un plugin como Scripts-n-Styles<\/a><\/em> o WPCode<\/a><\/em> para insertar el script en la cabecera de su p\u00e1gina de pago:<\/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
He aqu\u00ed un ejemplo de lo que puede parecer en su p\u00e1gina de pago:<\/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 lo prefiere, puede Descargar una plantilla de caja completa<\/a> que contiene el c\u00f3digo de ejemplo.<\/p>","protected":false},"excerpt":{"rendered":"
Este c\u00f3digo de ejemplo es una personalizaci\u00f3n para su p\u00e1gina de pago, no una caracter\u00edstica oficial de MemberMouse. A\u00f1adirlo a su p\u00e1gina de pago o personalizarlo para sus necesidades son tareas...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/7728","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=7728"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/7728\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=7728"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=7728"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=7728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}