{"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-o-checkout-com-cartao-de-credito-e-paypal","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/documentos-3-2\/alternar-o-checkout-com-cartao-de-credito-e-paypal\/","title":{"rendered":"Alternar cart\u00e3o de cr\u00e9dito e PayPal no checkout"},"content":{"rendered":"

Esse c\u00f3digo de exemplo \u00e9 uma personaliza\u00e7\u00e3o para sua p\u00e1gina de checkout, n\u00e3o um recurso oficial do MemberMouse. Adicion\u00e1-lo \u00e0 sua p\u00e1gina de checkout ou personaliz\u00e1-lo de acordo com suas necessidades s\u00e3o tarefas que cabem a voc\u00ea ou ao seu desenvolvedor, e a Equipe de Sucesso do Cliente do MemberMouse n\u00e3o pode fornecer nenhum suporte.<\/em><\/p>\n\n\n\n

Se voc\u00ea aceita cart\u00f5es de cr\u00e9dito e PayPal em sua p\u00e1gina de checkout, talvez seja interessante permitir que seus membros alternem entre os dois. Dessa forma, se um membro selecionar o bot\u00e3o de op\u00e7\u00e3o do PayPal, os campos de cart\u00e3o de cr\u00e9dito ficar\u00e3o ocultos e, ao selecionar Stripe, eles ser\u00e3o exibidos novamente.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Abaixo est\u00e1 o c\u00f3digo necess\u00e1rio para criar uma vers\u00e3o b\u00e1sica (PayPal e Stripe)<\/h5>\n\n\n\n
<\/div>\n\n\n\n

1. Insira o c\u00f3digo a seguir para gerar os dois bot\u00f5es de envio para o PayPal e o Stripe.

Nota - <\/em><\/strong>O c\u00f3digo a seguir precisa substituir o c\u00f3digo onde o bot\u00e3o de pagamento normalmente estaria na p\u00e1gina de checkout<\/em>.<\/p>\n\n\n\n

<div id="stripe-section">\n<p><a class="mm-button blue large rounded" href="\/pt\/[MM_Form_Button type='submit' paymentMethod='default']\/">Registre-se com o Stripe<\/a><\/p>\n<\/div>\n<div id="paypal-section" style="display: none;">\n<p><a class="mm-button blue large rounded" href="\/pt\/[MM_Form_Button type='submit' paymentMethod='paypal']\/">Cadastre-se com o PayPal<\/a><\/p>\n<\/div><\/code><\/pre>\n\n\n\n
Veja a seguir o c\u00f3digo original e como seria a substitui\u00e7\u00e3o:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n
2. Adicione dois bot\u00f5es de r\u00e1dio que os clientes usar\u00e3o para alternar entre os modos de checkout. Eles podem ser adicionados em qualquer lugar da p\u00e1gina, mas geralmente s\u00e3o colocados logo abaixo da se\u00e7\u00e3o de presentes:<\/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">Cartão 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 o c\u00f3digo a seguir em um bloco HTML ou use um plug-in como Scripts-n-Styles<\/a><\/em> ou C\u00f3digo WPC<\/a><\/em> para inserir o script no cabe\u00e7alho de sua p\u00e1gina de checkout:<\/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
Aqui est\u00e1 um exemplo de como isso pode ficar em sua p\u00e1gina de checkout:<\/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
Se preferir, voc\u00ea pode Fa\u00e7a o download de um modelo completo de checkout<\/a> que cont\u00e9m o c\u00f3digo de exemplo.<\/p>","protected":false},"excerpt":{"rendered":"
Esse c\u00f3digo de exemplo \u00e9 uma personaliza\u00e7\u00e3o para sua p\u00e1gina de checkout, n\u00e3o um recurso oficial do MemberMouse. Adicion\u00e1-lo \u00e0 sua p\u00e1gina de checkout ou personaliz\u00e1-lo de acordo com suas necessidades s\u00e3o tarefas...<\/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\/pt\/wp-json\/wp\/v2\/ht-kb\/7728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=7728"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/7728\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=7728"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=7728"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=7728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}