{"id":8316,"date":"2023-08-16T06:18:37","date_gmt":"2023-08-16T13:18:37","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=8316"},"modified":"2023-08-16T06:18:37","modified_gmt":"2023-08-16T13:18:37","slug":"aktivierung-des-3d-secure-checkout-prozesses-fur-eine-starke-kundenauthentifizierung-sca","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/de\/docs\/aktivierung-des-3d-secure-checkout-prozesses-fur-eine-starke-kundenauthentifizierung-sca\/","title":{"rendered":"Aktivieren des 3D-Secure-Kassenvorgangs f\u00fcr die starke Kundenauthentifizierung (SCA)"},"content":{"rendered":"<p><strong><em>F\u00fcr MM 2.4.0+ ist 3D Secure 2.0 f\u00fcr Stripe und Braintree standardm\u00e4\u00dfig aktiviert.<\/em><\/strong><\/p>\n\n\n\n<p>F\u00fcr H\u00e4ndler, die im Europ\u00e4ischen Wirtschaftsraum ans\u00e4ssig sind (<a href=\"https:\/\/en.wikipedia.org\/wiki\/European_Economic_Area\" target=\"_blank\" rel=\"noreferrer noopener\">EEA<\/a>) und die an Kunden verkaufen, die ebenfalls im EWR ans\u00e4ssig sind, k\u00f6nnen Sie damit die Anforderungen der starken Kundenauthentifizierung (<a href=\"https:\/\/stripe.com\/guides\/strong-customer-authentication\" target=\"_blank\" rel=\"noreferrer noopener\">SCA<\/a>), die in der \u00fcberarbeiteten Richtlinie \u00fcber Zahlungsdienste (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Payment_Services_Directive#Revised_Directive_on_Payment_Services_(PSD2\" target=\"_blank\" rel=\"noreferrer noopener\">PSD2<\/a>). Dies wird am 14. September 2019 in Kraft treten. Offsite-Zahlungsabwickler, wie z. B. PayPal, bieten ein eigenes Verfahren zur Einhaltung des SCA an.<\/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\"><strong>Warum eine 3D Secure-Kasse aktivieren?<\/strong><br><\/h5>\n\n\n\n<p>Dies ist f\u00fcr Kunden im Europ\u00e4ischen Wirtschaftsraum (EWR) obligatorisch, um die Anforderungen der PSD2 f\u00fcr die starke Kundenauthentifizierung (SCA) zu erf\u00fcllen. Wenn Sie versuchen, einmalige oder erste K\u00e4ufe von EWR zu EWR \u00fcber Ihre Kasse zu t\u00e4tigen und dies nicht aktiviert ist, wird die Transaktion wahrscheinlich nicht von der Bank Ihres Kunden autorisiert. <\/p>\n\n\n\n<p>Wenn diese Funktion aktiviert ist, wird Ihr Kunde aufgefordert, an der Kasse einen zus\u00e4tzlichen Schritt auszuf\u00fchren, bei dem er von seiner Bank aufgefordert wird, zus\u00e4tzliche Informationen einzugeben (z. B. einen einmaligen Code, der an sein Telefon gesendet wird), bevor die Zahlung verarbeitet wird. Die Kreditkartenfelder f\u00fcr die Eingabe von Zahlungsinformationen erscheinen auf Ihrer Kassenseite, werden aber von Stripe oder Braintree (\u00fcber iFrame) eingebettet. Infolgedessen k\u00f6nnen sich H\u00e4ndler f\u00fcr eine\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.pcicomplianceguide.org\/pci-saq-3-1-e-commerce-options-explained\/\" target=\"_blank\">weniger strenge PCI-DSS SAQ<\/a>\u00a0durch Aktivierung der 3D-Secure-Kasse (SAQ A-EP\/A gegen\u00fcber SAQ D).<\/p>\n\n\n\n<p>F\u00fcr H\u00e4ndler au\u00dferhalb des EWR ist es ebenfalls von Vorteil, diese Funktion zu aktivieren, und wir empfehlen dies dringend. Es kann dazu beitragen, die Sicherheit f\u00fcr Ihre Kunden zu erh\u00f6hen, betr\u00fcgerische Abbuchungen zu reduzieren und sich f\u00fcr einen Bonus zu qualifizieren.&nbsp;<a href=\"https:\/\/www.pcicomplianceguide.org\/pci-saq-3-1-e-commerce-options-explained\/\" target=\"_blank\" rel=\"noreferrer noopener\">weniger strenge PCI-DSS SAQ<\/a>&nbsp;durch Aktivierung der 3D-Secure-Kasse (SAQ A-EP\/A gegen\u00fcber SAQ D).<\/p>\n\n\n\n<p>Es ist erw\u00e4hnenswert, dass&nbsp;<strong>feste wiederkehrende Abonnements und Transaktionen sind ausgenommen<\/strong>&nbsp;von der SCA-Verordnung. Solange der Zahlungsbetrag gleich bleibt, ist f\u00fcr k\u00fcnftige Transaktionen keine SCA erforderlich. Wenn sich der Zahlungsbetrag \u00e4ndert, ist eine zus\u00e4tzliche SCA-Authentifizierung erforderlich. Dies gilt auch r\u00fcckwirkend f\u00fcr alle wiederkehrenden Abonnements, die vor dem 14. September 2019 erstellt wurden.<\/p>\n\n\n\n<p>Einige andere bemerkenswerte Ausnahmen sind:&nbsp;<strong>Vom H\u00e4ndler initiierte Transaktionen<\/strong>&nbsp;(Zahlungen mit gespeicherten Karten) und&nbsp;<strong>Transaktionen unter 30 \u20ac<\/strong><\/p>\n\n\n\n<p><strong>WICHTIG!&nbsp;<\/strong>Stripe.js und Stripe Elements k\u00f6nnen nur an der Kasse verwendet werden.  Jegliche API-Transaktionen sind untokenized und diese Praxis f\u00fchrt zu h\u00f6heren PCI-Compliance SAQ-Anforderungen. Siehe die<a href=\"https:\/\/membermouse.com\/de\/docs\/api-aufruf-createmember\/\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;CreateMember API-Aufruf<\/a>&nbsp;Artikel f\u00fcr weitere Informationen.<\/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\"><strong>Aktivieren von Stripe-Elementen<em>&nbsp;(Streifen)<\/em><\/strong><\/h5>\n\n\n\n<p><em>Folgen Sie diesem Verfahren, wenn Sie Stripe bereits auf Ihrer Website konfiguriert haben und lediglich Stripe-Elemente aktivieren m\u00f6chten.&nbsp;<\/em><\/p>\n\n\n\n<p><em>Wenn Sie Stripe konfigurieren m\u00fcssen, lesen Sie bitte&nbsp;<\/em><em><a href=\"https:\/\/membermouse.com\/de\/docs\/konfigurieren-des-streifens\/\">diesen Artikel f\u00fcr eine vollst\u00e4ndige Konfigurationsanleitung.<\/a><\/em><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie in Ihrem WordPress Dashboard zu\u00a0<em>MemberMouse &gt; Zahlungseinstellungen<\/em>\u00a0und klicken Sie auf das\u00a0<em>Zahlungsarten<\/em>\u00a0Registerkarte. Unter\u00a0<em>Zahlungsmethode vor Ort<\/em>ausw\u00e4hlen\u00a0<em>Streifen<\/em>. Daraufhin werden die Stripe-Konfigurationsoptionen angezeigt.<br><br><\/li>\n\n\n\n<li>\u00a0Aktivieren Sie das Kontrollk\u00e4stchen neben \"Stripe-Elemente aktivieren\".<br><br><\/li>\n\n\n\n<li>Klicken Sie auf die&nbsp;<em>Zahlungsarten speichern&nbsp;<\/em>Taste.<\/li>\n<\/ol>\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\"><strong>Aktivieren von 3D Secure 2.0&nbsp;<em>(Braintree)<\/em><\/strong><\/h5>\n\n\n\n<p><em>Gehen Sie wie folgt vor, wenn Sie Braintree bereits auf Ihrer Website konfiguriert haben und lediglich 3D Secure 2 aktivieren m\u00f6chten.&nbsp;<\/em><\/p>\n\n\n\n<p><em>Wenn Sie Braintree konfigurieren m\u00fcssen, lesen Sie bitte&nbsp;<\/em><em><a href=\"https:\/\/membermouse.com\/de\/docs\/braintree-konfigurieren\/\">diesen Artikel \u00fcber die Konfiguration von Braintree.<\/a><\/em><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie in Ihrem WordPress Dashboard zu\u00a0<em>MemberMouse &gt; Zahlungseinstellungen<\/em>\u00a0und klicken Sie auf das\u00a0<em>Zahlungsarten<\/em>\u00a0tab.<br><br><\/li>\n\n\n\n<li>Unter\u00a0<em>Zahlungsmethode vor Ort<\/em>ausw\u00e4hlen\u00a0<em>Braintree<\/em>. Daraufhin werden die Braintree-Konfigurationsoptionen angezeigt.<br><br><\/li>\n\n\n\n<li>\u00a0Aktivieren Sie das Kontrollk\u00e4stchen neben \"Hosted Fields \/ 3D Secure 2 aktivieren\".<br><br><img decoding=\"async\" class=\"wp-image-10646\" style=\"width: 600px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/59b37a23-tzxbvbwq6qosq262wqcr1ib9psws6kgkoa.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Klicken Sie auf die&nbsp;<em>Zahlungsarten speichern&nbsp;<\/em>Taste<\/li>\n<\/ol>\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\" id=\"format\"><strong>Testen der 3D-Secure-Kasse<\/strong><\/h5>\n\n\n\n<p>Sowohl Stripe als auch Braintree haben spezielle Testdaten zum Testen von Zahlungen erstellt, f\u00fcr die eine starke Kundenauthentifizierung erforderlich ist. Sie finden diese Informationen sowie allgemeine Details \u00fcber den Testprozess f\u00fcr jeden Zahlungsanbieter in den unten stehenden Artikeln.<\/p>\n\n\n\n<p><a href=\"https:\/\/membermouse.com\/de\/docs\/testen-mit-stripe\/\">Testen mit Stripe<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/membermouse.com\/de\/docs\/testen-mit-braintree\/\">Testen mit Braintree<\/a><\/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\" id=\"format\"><strong>Formatierung der Kasse<\/strong><\/h5>\n\n\n\n<p>Da 3D Secure-Felder \u00fcber einen iFrame des gew\u00e4hlten Zahlungsanbieters in Ihre Kassenseite eingebettet werden, werden die CSS-Stile Ihrer Website (Schriftart, Feldh\u00f6he und -breite usw.) nicht auf diese Felder angewendet.  Stattdessen m\u00fcssen alle Stile auf die Container (Divs) angewendet werden, in die jedes Feld geladen wird. \u00a0<\/p>\n\n\n\n<p>MemberMouse hat CSS angewendet, um die Gestaltung der Felder so kompatibel wie m\u00f6glich mit verschiedenen Themen und Browsern zu machen, aber es wird Unterschiede geben. Wir empfehlen daher, die Kassenformulare Ihrer Website zu \u00fcberpr\u00fcfen und die Stile anzupassen, wenn Sie dies f\u00fcr notwendig halten. \u00a0<\/p>\n\n\n\n<p>Wir haben einige grundlegende Anweisungen beigef\u00fcgt, um Sie bei der Anpassung der Stile zu unterst\u00fctzen, die angepasst werden k\u00f6nnen und in allen Kassen unterschiedlich sind. Wenn Sie Unterst\u00fctzung bei weiteren Anpassungen ben\u00f6tigen und keinen Designer oder Entwickler zur Verf\u00fcgung haben, haben wir eine Liste von\u00a0<a href=\"http:\/\/activating%20the%203d%20secure%20checkout%20process%20for%20strong%20customer%20authentication%20%28sca%29\/\">Qualifizierte Auftragnehmer<\/a>\u00a0die Erfahrung in der Arbeit mit MemberMouse haben.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Auffinden von Stilen<\/h6>\n\n\n\n<p>Wir f\u00fcgen einige grundlegende Anleitungen zum Auffinden der Feldklassen sowie aller bereits vorhandenen Stile und zum Hinzuf\u00fcgen neuer eigener Stile bei.  Alle Anweisungen hier beziehen sich auf den Desktop-Browser Chrome.  Die meisten anderen g\u00e4ngigen Browser verf\u00fcgen \u00fcber \u00e4hnliche Tools, mit denen sich die gleichen Ergebnisse erzielen lassen.<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>1. Klicken Sie in Ihrem Browserfenster mit der rechten Maustaste auf das Element auf der Kassenseite, f\u00fcr das Sie den Stil suchen, und klicken Sie unten im Men\u00fc auf \"Pr\u00fcfen\", um den Inspektor zu \u00f6ffnen.  Das E-Mail-Feld eignet sich gut f\u00fcr Textfeldstile.<br><br><img decoding=\"async\" class=\"wp-image-10647\" style=\"width: 350px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/b44b1ae2-myg8bj7nzewstkoiyzmj0p4h0gbyobmvvw.png\" alt=\"\"><br><br><\/p>\n\n\n\n<p>2. Wenn sich der Inspektor \u00f6ffnet, sehen Sie mehrere Abschnitte (Ihr Layout kann anders aussehen).<br><br><img decoding=\"async\" class=\"wp-image-10648\" style=\"width: 550px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/3a485884-rbsfnkfdec_pd0cju1yoq99vdzh1xib2wq.png\" alt=\"\"><br><br><\/p>\n\n\n\n<p><strong>I.<\/strong>\u00a0Der HTML-Code f\u00fcr das Element, auf das Sie mit der rechten Maustaste geklickt haben, wird im Inspektor hervorgehoben.<br><\/p>\n\n\n\n<p><strong>II.<\/strong>\u00a0Die f\u00fcr dieses Element aktiven Stile werden in hellen Farben angezeigt.<\/p>\n\n\n\n<p>Die CSS-Regeln bestehen aus drei Abschnitten.<\/p>\n\n\n\n<p>Selektor {style:value}<\/p>\n\n\n\n<p>Jede Regel beginnt mit dem Selektor, f\u00fcr den die Regel gilt. Weitere Informationen finden Sie in diesem Artikel \u00fcber&nbsp;<a href=\"https:\/\/www.w3schools.com\/css\/css_selectors.asp\" target=\"_blank\" rel=\"noreferrer noopener\">CSS-Selektoren<\/a>.<\/p>\n\n\n\n<p>- Elementtypen wie input, p, button werden im Klartext aufgelistet. Stile, die auf einen Elementtyp angewendet werden, gelten f\u00fcr alle entsprechenden Elemente auf der Seite.<\/p>\n\n\n\n<p>- Den Klassen wird ein Punkt (.) vorangestellt. Stile, die auf Klassen angewendet werden, werden auch auf jedes Element angewendet, dem diese Klasse hinzugef\u00fcgt wurde.<\/p>\n\n\n\n<p>- Den IDs wird eine Raute vorangestellt (#).  Die ID f\u00fcr jedes Element sollte eindeutig sein, so dass Stile, die auf eine ID angewendet werden, nur f\u00fcr diese Instanz dieses Elements gelten.<\/p>\n\n\n\n<p>In geschweiften Klammern steht dann der Stiltyp, gefolgt von einem Doppelpunkt und dem Stilwert.<\/p>\n\n\n\n<p>Zum Beispiel haben alle Eingabeelemente auf dieser Seite einen 2 Pixel breiten, durchgehenden Rahmen mit der Farbe #d4d0ba.<\/p>\n\n\n\n<p>Oben rechts in diesem Abschnitt sehen Sie die Datei oder den Speicherort, aus dem das CSS geladen wurde.<br><br><\/p>\n\n\n\n<p><strong>III.<\/strong>\u00a0Stile k\u00f6nnen durch CSS-Regeln \u00fcberschrieben werden, die sp\u00e4ter auf der Seite geladen werden. Stile, die angewendet worden w\u00e4ren, aber \u00fcberschrieben wurden, erscheinen als durchgestrichener Text.<br><br><\/p>\n\n\n\n<p><strong>IV.<\/strong>&nbsp;Dieser Abschnitt zeigt die berechneten Stile. Er ist sehr detailliert, so dass es schwierig sein kann, das zu extrahieren, wonach Sie suchen. Aber wenn Sie den angewandten Stil im ersten Abschnitt nicht finden k\u00f6nnen, ist dies eine weitere M\u00f6glichkeit, den aktiven Stil f\u00fcr ein Element zu finden.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Wechselnde Stile<\/h6>\n\n\n\n<p>Sobald Sie diese gefunden haben, k\u00f6nnen Sie beliebige CSS-Stilregeln in das Feld Zus\u00e4tzliches CSS Ihres Themes unter WordPress &gt; Erscheinungsbild &gt; Anpassen &gt; Zus\u00e4tzliches CSS hinzuf\u00fcgen. Die unten aufgef\u00fchrten Regeln decken die meisten der Stilunterschiede ab, die zwischen den gehosteten Feldern und den anderen Feldern auf Ihrer Kassenseite auftreten k\u00f6nnen.  Sobald Sie den Stilwert f\u00fcr die Art des Elements, das Sie nachahmen m\u00f6chten, gefunden haben, k\u00f6nnen Sie damit die unten aufgef\u00fchrten Regeln anpassen, damit die gehosteten Felder besser mit den anderen Stilen auf Ihrer Seite \u00fcbereinstimmen.&nbsp;<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Feldgr\u00f6\u00dfe<\/strong><\/h6>\n\n\n\n<p>MemberMouse hat CSS eingef\u00fcgt, um die H\u00f6he und Breite so weit wie m\u00f6glich an die Feldgr\u00f6\u00dfe in den meisten Themen anzupassen. Wenn Sie jedoch feststellen, dass die Gr\u00f6\u00dfe f\u00fcr Ihr Thema nicht geeignet ist, k\u00f6nnen Sie sie mit den unten stehenden Regeln anpassen, damit sie besser passt.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_dim_height.asp\" target=\"_blank\" rel=\"noreferrer noopener\">H\u00f6he<\/a>&nbsp;- Bestimmt, wie hoch ein Element ist. Kann in mehreren Ma\u00dftypen aufgef\u00fchrt werden.  Siehe den verlinkten Artikel f\u00fcr weitere Informationen.<\/p>\n\n\n\n<p>Damit wird die H\u00f6he der Felder auf das 2,5-fache der Schriftgr\u00f6\u00dfe der Seite festgelegt, was als grundlegende Ma\u00dfeinheit in CSS verwendet wird. Sie k\u00f6nnen den Wert h\u00f6her oder niedriger einstellen, um das Feld gr\u00f6\u00dfer oder kleiner zu machen, oder Sie k\u00f6nnen die Art der verwendeten Messung \u00e4ndern.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, .mm-braintree-hosted-field {height: 2.5em;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_dim_width.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Breite<\/a>&nbsp;- Bestimmt, wie breit ein Element ist. Kann in mehreren Ma\u00dftypen aufgef\u00fchrt werden.  Weitere Informationen finden Sie in dem verlinkten Artikel.  Da die Eingabefelder verschiedene Arten von Informationen enthalten, m\u00f6chten Sie vielleicht, dass sie unterschiedlich breit sind. Die Regeln f\u00fcr die Breite gelten daher f\u00fcr jeden Feldtyp einzeln.<\/p>\n\n\n\n<p>Damit wird die Breite der Kreditkartenfelder als Prozentsatz des \u00fcbergeordneten Elements (Container Rechnungsdetails) festgelegt. Sie k\u00f6nnen den Wert h\u00f6her oder niedriger einstellen, um das Feld breiter oder schmaler zu machen, oder Sie k\u00f6nnen die Art der verwendeten Messung \u00e4ndern.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>##mm_braintree_cc_number, #mm_field_cc_number_div {width: 50%;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Diese Regel legt die Breite f\u00fcr die Textfelder CVV und Verfall in Prozent des \u00fcbergeordneten Elements (Container Rechnungsdetails) fest.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#mm_braintree_cc_cvv, #mm_field_cc_cvv_div, #mm_field_cc_exp_div {width: 25%;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Dies wird die mit f\u00fcr die Kreditkarte Ablauf Monat und Jahr Dropdown-Selektoren in Braintree als Prozentsatz des \u00fcbergeordneten Elements (Billing Details Container).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#mm_braintree_cc_exp_month, #mm_braintree_cc_exp_year {width: 25%;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Grenze<\/strong><\/h6>\n\n\n\n<p>MemberMouse enth\u00e4lt einen einfachen Rahmen f\u00fcr einige Felder. Sie k\u00f6nnen die unten stehende Regel mit Werten aus einem beliebigen Texteingabefeld der MemberMouse \u00e4ndern, um die gehosteten Felder an Ihr Design anzupassen.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_border.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Grenze<\/a>&nbsp;- Die Eigenschaft border ist eine Kurzform f\u00fcr die Eigenschaften border-width, border-style und border-color.  Wenn sie in Ihrem Design separat aufgef\u00fchrt sind, k\u00f6nnen Sie sie in einer einzigen Regel kombinieren, um sie auf die gehosteten Felder anzuwenden.<\/p>\n\n\n\n<p>Diese Regel wendet einen gepunkteten Rahmen von 2 Pixeln mit dem Farbwert #d55c9f an.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, #mm_braintree_cc_number, #mm_braintree_cc_cvv {border: 2px dotted #d55c9f;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Box-Styling<\/strong><\/h6>\n\n\n\n<p>Das Browser-Stylesheet f\u00fcr die Eigenschaften border-radius und box-shadow \u00e4ndert sich in der Regel zwischen Desktop- und Mobilger\u00e4ten.  Sie sollten Ihre Seite in verschiedenen Browsern und auf verschiedenen Ger\u00e4ten anzeigen, um zu entscheiden, ob Sie diese Stile explizit so einstellen m\u00f6chten, dass sie zu Ihrem Design (falls vorhanden) oder zu einem der Browsertypen passen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen das folgende CSS im Feld Zus\u00e4tzliches CSS Ihres Designs (WordPress &gt; Erscheinungsbild &gt; Anpassen &gt; Zus\u00e4tzliches CSS) verwenden, um diese Eigenschaften f\u00fcr die MemberMouse-Eingabe und die eingebetteten Zahlungsfelder festzulegen. Detaillierte Anweisungen zu jeder Eigenschaft erhalten Sie, wenn Sie auf den verlinkten Eigenschaftsnamen klicken.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_border-radius.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Radius der Grenze<\/a>&nbsp;- legt die Kurve der Feldecken fest. Gilt nur f\u00fcr Felder mit festgelegten Grenzen.<\/p>\n\n\n\n<p>F\u00fcr abgerundete R\u00e4nder.  Erh\u00f6hen Sie die Pixelgr\u00f6\u00dfe f\u00fcr gr\u00f6\u00dfere Kurven, verringern Sie sie f\u00fcr spitzere Ecken..:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {border-radius: 5px;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>So entfernen Sie das Rahmenelement bei allen Feldern:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {border-radius: none;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_box-shadow.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Box Schatten<\/a>&nbsp;- F\u00fcgt einem Element einen Schatten hinzu.  Kann auf eine beliebige Richtung, innen oder au\u00dfen, eingestellt werden.<\/p>\n\n\n\n<p>Dadurch wird ein leichter dunkelgrauer Schatten nach unten und leicht nach rechts gesetzt. \u00a0<\/p>\n\n\n\n<p>Die erste Zahl ist die vertikale Ausrichtung.  Erh\u00f6hen Sie die Zahl, um sie weiter nach rechts oder negativ nach links zu verschieben. \u00a0<\/p>\n\n\n\n<p>Die zweite Zahl ist die horizontale Ausrichtung. H\u00f6here Zahlen verschieben es weiter nach unten, negative Zahlen verschieben es \u00fcber das Feld. \u00a0<\/p>\n\n\n\n<p>Die dritte Zahl ist die Unsch\u00e4rfe. H\u00f6here Werte lassen den Schatten weniger scharf erscheinen. \u00a0<\/p>\n\n\n\n<p>Der letzte Satz ist die Farbe.  Sie k\u00f6nnen die\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3schools.com\/html\/html_colors.asp\" target=\"_blank\">HTML-Farben<\/a>\u00a0Seite f\u00fcr Informationen \u00fcber weitere Optionen.  Wenn Sie nach dem Farbsatz \"einf\u00fcgen\" hinzuf\u00fcgen, wird der Schatten innerhalb des Rahmens statt au\u00dferhalb erscheinen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {box-shadow: 1px 1px 5px rgb(120,120,120);}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Dadurch wird der Schatten von allen Feldern entfernt<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.StripeElement, mm-braintree-hosted-field, .mm-textField, .mm-selectList {keine;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Schriftarten<\/strong><\/h6>\n\n\n\n<p>Schriftstile k\u00f6nnen naturgem\u00e4\u00df nicht auf die div-Container angewendet werden, was bedeutet, dass die Schriftfamilie, die Gr\u00f6\u00dfe und andere Merkmale in den Stripe\/Braintree-Feldern nicht ge\u00e4ndert werden k\u00f6nnen.  Sowohl die Stripe- als auch die Braintree-Felder ziehen die Eigenschaftswerte aus dem Browser, in dem sie angezeigt werden, und diese Eigenschaften sind in der Regel ziemlich einheitlich. Wenn die Schriftart Ihres Themes sehr unterschiedlich ist, sollten Sie, damit die Schriftart auf Ihrer Kassenseite durchg\u00e4ngig \u00fcbereinstimmt, in Betracht ziehen, benutzerdefinierte Regeln hinzuzuf\u00fcgen, um die Schriftart Ihres Themes auf dieser Seite so zu \u00e4ndern, dass sie besser zu den eingebetteten Feldern passt.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/pr_font_font.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Schriftart<\/a>&nbsp;- Legt Eigenschaften wie Schriftst\u00e4rke, Schriftgr\u00f6\u00dfe und Schriftfamilie fest.<\/p>\n\n\n\n<p>Damit wird die Schriftart Ihrer MemberMouse Checkout-Seite an die durchschnittlichen Browsereigenschaften angepasst.  Der erste Wert ist weight (Gewicht), gr\u00f6\u00dfere Zahlen machen die Schrift dicker.  Der zweite ist die Gr\u00f6\u00dfe und der dritte die Schriftfamilie..:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>.mm-textField, .mm-selectList {font: 400 13px sans-serif;}<\/code><\/code><\/pre>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>F\u00fcr MM 2.4.0+ ist 3D Secure 2.0 f\u00fcr Stripe und Braintree standardm\u00e4\u00dfig aktiviert. F\u00fcr diejenigen H\u00e4ndler, die im Europ\u00e4ischen Wirtschaftsraum (EWR) ans\u00e4ssig sind und...<\/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":[201],"ht-kb-tag":[],"class_list":["post-8316","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-sca"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb\/8316","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=8316"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb\/8316\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media?parent=8316"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=8316"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=8316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}