{"id":7728,"date":"2023-08-12T07:31:47","date_gmt":"2023-08-12T14:31:47","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=7728"},"modified":"2024-05-15T12:31:22","modified_gmt":"2024-05-15T16:31:22","slug":"umschalten-kreditkarte-paypal-kasse","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/de\/docs\/umschalten-kreditkarte-paypal-kasse\/","title":{"rendered":"Umschalten von Kreditkarte und PayPal beim Checkout"},"content":{"rendered":"<p><em>Bei diesem Beispielcode handelt es sich um eine Anpassung f\u00fcr Ihre Kassenseite und nicht um eine offizielle Funktion von MemberMouse. Das Hinzuf\u00fcgen zu Ihrer Kassenseite oder die Anpassung an Ihre Bed\u00fcrfnisse sind Aufgaben f\u00fcr Sie oder Ihren Entwickler, und das MemberMouse Customer Success Team kann keine Unterst\u00fctzung bieten.<\/em><\/p>\n\n\n\n<p>Wenn Sie auf Ihrer Kassenseite sowohl Kreditkarten als auch PayPal akzeptieren, sollten Sie Ihren Mitgliedern die M\u00f6glichkeit geben, zwischen diesen beiden Optionen zu wechseln. Wenn ein Mitglied das PayPal-Radio-Button ausw\u00e4hlt, werden die Kreditkartenfelder ausgeblendet, und wenn es Stripe ausw\u00e4hlt, werden sie wieder angezeigt.<\/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\">Nachfolgend finden Sie den Code, der zur Erstellung einer Basisversion (PayPal und Stripe) erforderlich ist<\/h5>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>1. F\u00fcgen Sie den folgenden Code ein, um die beiden \u00dcbermittlungsschaltfl\u00e4chen f\u00fcr PayPal und Stripe zu erzeugen.<br><br><strong><em>Hinweis -&nbsp;<\/em><\/strong><em>Der folgende Code muss den Code an der Stelle ersetzen, an der sich normalerweise die Zahlungsschaltfl\u00e4che auf der Kassenseite befinden w\u00fcrde<\/em>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=&quot;stripe-section&quot;&gt;\n&lt;p&gt;&lt;a class=&quot;mm-button blue large rounded&quot; href=&quot;\/de\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;default&#039;]\/&quot;&gt;Mit Stripe anmelden&lt;\/a&gt;&lt;\/p&gt;\n&lt;\/div&gt;\n&lt;div id=&quot;paypal-section&quot; style=&quot;display: none;&quot;&gt;\n&lt;p&gt;&lt;a class=&quot;mm-button blue large rounded&quot; href=&quot;\/de\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;&gt;Mit PayPal anmelden&lt;\/a&gt;&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>Hier ist ein Blick auf den urspr\u00fcnglichen Code und dann, wie der Ersatz aussehen w\u00fcrde:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"406\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-1024x406.png\" alt=\"\" class=\"wp-image-18945\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-1024x406.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-300x119.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-768x305.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-50x20.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-1536x609.png 1536w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-18x7.png 18w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image-1200x476.png 1200w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2024\/05\/1dd4af1c-image.png 1850w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>2. F\u00fcgen Sie zwei Radio-Buttons hinzu, mit denen die Kunden zwischen den Kassenmodi wechseln k\u00f6nnen. Diese k\u00f6nnen an beliebiger Stelle auf der Seite eingef\u00fcgt werden, werden aber in der Regel direkt unter dem Abschnitt \"Geschenke\" platziert:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=&quot;paymentSelector&quot;&gt;\n&lt;input id=&quot;onsiteButton&quot; style=&quot;vertical-align: top;&quot; checked=&quot;checked&quot; name=&quot;paymentType&quot; type=&quot;radio&quot; value=&quot;stripe&quot; \/&gt; &lt;label style=&quot;display: inline;&quot; for=&quot;onsiteButton&quot;&gt;Kreditkarte&lt;\/label&gt;\n&lt;input id=&quot;offsiteButton&quot; style=&quot;vertical-align: top;&quot; name=&quot;paymentType&quot; type=&quot;radio&quot; value=&quot;paypal&quot; \/&gt;\n&lt;label style=&quot;display: inline; width: auto;&quot; for=&quot;offsiteButton&quot;&gt;PayPal&lt;\/label&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>3. F\u00fcgen Sie den folgenden Code in einen HTML-Block ein, oder verwenden Sie ein Plugin wie <em><a href=\"https:\/\/wordpress.org\/plugins\/scripts-n-styles\/\" target=\"_blank\" rel=\"noreferrer noopener\">Skripte-n-Styles<\/a><\/em> oder <em><a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" title=\"\">WPCode<\/a><\/em> um das Skript in die Kopfzeile Ihrer Checkout-Seite einzuf\u00fcgen:<\/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>&lt;script type=\"text\/javascript\"&gt;\njQuery(function() {\n    jQuery(\"input&#91;name='paymentType']\").click(function() {\n        var selectedMethod = jQuery(\"input&#91;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&lt;\/script&gt; <\/code><\/pre>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Hier ist ein Beispiel daf\u00fcr, wie dies auf Ihrer Kassenseite aussehen kann:<\/h5>\n\n\n\n<div style=\"height:20px\" 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\/8525bbb8-wnvbamulgzxfhgoyjspqkws3li_tlzlgoq.gif\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/8525bbb8-wnvbamulgzxfhgoyjspqkws3li_tlzlgoq.gif\" alt=\"\" class=\"wp-image-11167\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Wenn Sie es vorziehen, k\u00f6nnen Sie <a href=\"https:\/\/membermouse.com\/wp-content\/uploads\/2024\/05\/937cb87b-toggle_payment_checkout_example.htm\" download=\"toggle_payment_checkout_example.txt\" type=\"text\/plain\">Download einer vollst\u00e4ndigen Checkout-Vorlage<\/a> die den Beispielcode enth\u00e4lt.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bei diesem Beispielcode handelt es sich um eine Anpassung f\u00fcr Ihre Kassenseite, nicht um eine offizielle Funktion in MemberMouse. Das Hinzuf\u00fcgen zu Ihrer Kassenseite oder die Anpassung an Ihre Bed\u00fcrfnisse sind Aufgaben...<\/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\/de\/wp-json\/wp\/v2\/ht-kb\/7728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/comments?post=7728"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb\/7728\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media?parent=7728"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=7728"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=7728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}