{"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":"schaltflachen-auf-der-kassenseite-anpassen","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/de\/docs\/schaltflachen-auf-der-kassenseite-anpassen\/","title":{"rendered":"Schaltfl\u00e4chen auf der Kassenseite anpassen"},"content":{"rendered":"<p>In der Standardvorlage f\u00fcr die Kassenseite von MemberMouse ist ein SmartTag enthalten, der automatisch eine Schaltfl\u00e4che f\u00fcr jede aktive Zahlungsmethode anzeigt. Hier ist der SmartTag, der daf\u00fcr verantwortlich ist:  <\/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>Um diese Funktionalit\u00e4t anbieten zu k\u00f6nnen, m\u00fcssen wir die Stile der Schaltfl\u00e4chen kontrollieren. Es gibt einige kleinere Anpassungen, die Sie \u00fcber SmartTag-Attribute vornehmen k\u00f6nnen. Zum Beispiel k\u00f6nnen Sie die Farbe und den Text der Schaltfl\u00e4che wie folgt \u00e4ndern:<\/p>\n\n\n\n<p><code>[MM_Form_Button type='all' label='Jetzt kaufen' color='gr\u00fcn']<\/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\">2 getrennte Schaltfl\u00e4chen auf einer Kassenseite<\/h5>\n\n\n\n<p>Oftmals m\u00f6chten Sie auf Ihrer Website eine eindeutige Schaltfl\u00e4che sowohl f\u00fcr Ihr Onsite Payment Gateway als auch f\u00fcr Ihr Offsite Payment Gateway haben. Zu diesem Zweck m\u00fcssen Sie die Schaltfl\u00e4che\u00a0<code>[MM_Form_Button type='all']<\/code>\u00a0aus Ihrem Code und f\u00fcgen Sie f\u00fcr jedes Zahlungsgateway eine eigene Schaltfl\u00e4che hinzu. <\/p>\n\n\n\n<p>Sie k\u00f6nnen diesen Code f\u00fcr das Onsite Payment Gateway verwenden:<\/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;\/de\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;default&#039;]\/&quot;&nbsp;\n\nclass=&quot;mm-button blue large rounded&quot;&gt;Mit Stripe anmelden&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>Und dies f\u00fcr das Offsite Payment Gateway:<\/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;\/de\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;\n\nclass=&quot;mm-button green large&quot;&gt;Mit PayPal anmelden&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>Sie k\u00f6nnen auch ein Bild f\u00fcr die Schaltfl\u00e4che verwenden, indem Sie den folgenden Code verwenden:<\/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;\/de\/[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>Verwenden Sie diese Snippets, wenn Sie Ihre beiden Schaltfl\u00e4chen an unterschiedlichen Stellen auf der Kassenseite platzieren m\u00f6chten, oder wenn Sie einfach mehr Kontrolle \u00fcber das Aussehen und die Position der Schaltfl\u00e4chen haben m\u00f6chten.<\/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\">Vollst\u00e4ndige Kontrolle \u00fcber Schaltfl\u00e4chenstile<\/h5>\n\n\n\n<p>Wenn Sie die vollst\u00e4ndige Kontrolle \u00fcber die Schaltfl\u00e4chenstile und das Layout haben m\u00f6chten, k\u00f6nnen Sie stattdessen die folgende SmartTag-Konfiguration verwenden:<\/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>Damit wird einfach ein Link ausgegeben, der das Formular an die von Ihnen im Attribut paymentMethod angegebene Zahlungsmethode &uuml;bermittelt. Da er nur einen Link ausgibt, liegt es in Ihrer Verantwortung, zu bestimmen, wie er auf dem Bildschirm angezeigt wird, indem Sie den SmartTag mit einer&nbsp;&lt;a&gt;&nbsp;Tag oder&nbsp;&lt;button&gt;&nbsp;Tag. Sie k&ouml;nnten zum Beispiel wie folgt vorgehen:<\/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;\/de\/[MM_Form_Button type=&#039;submit&#039; paymentMethod=&#039;paypal&#039;]\/&quot;&gt;Bezahlen mit 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>Anmerkung:<\/strong>\u00a0Sobald Sie die Verwendung des<code>\u00a0[MM_Form_Button type='all']\u00a0<\/code>SmartTag, der automatisch eine Schaltfl\u00e4che f\u00fcr jede aktive Zahlungsmethode erstellt, sind Sie daf\u00fcr verantwortlich, jede Schaltfl\u00e4che, die Sie auf der Kassenseite einf\u00fcgen m\u00f6chten, mit der Option\u00a0<code>[MM_Form_Button type='submit' paymentMethod='']<\/code>\u00a0SmartTag-Konfiguration.<\/p>\n\n\n\n<p>Lesen Sie diesen Artikel f\u00fcr&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/de\/docs\/formular-schaltflache-smarttag-mm_form_button\/\" target=\"_blank\">Vollst\u00e4ndige Dokumentation \u00fcber den SmartTag Form_Button<\/a>.<\/p>\n\n\n\n<p>Dieser Artikel beschreibt die Attribute, die Sie verwenden k\u00f6nnen, um&nbsp;<a href=\"https:\/\/membermouse.com\/de\/docs\/mm-tastenformen\/\" target=\"_blank\" rel=\"noreferrer noopener\">die Tasten gestalten<\/a>&nbsp;auf der Seite \"Kasse\".<\/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>In der Standardvorlage f\u00fcr die Kassenseite von MemberMouse ist ein SmartTag enthalten, der automatisch eine Schaltfl\u00e4che f\u00fcr jede aktive Zahlungsmethode anzeigt. Hier ist der SmartTag, der daf\u00fcr verantwortlich ist: [MM_Form_Button type='all'] Um...<\/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\/de\/wp-json\/wp\/v2\/ht-kb\/16161","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=16161"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb\/16161\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media?parent=16161"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=16161"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=16161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}