Den Stil von Bezahlen-Buttons ändern

Nachdem du den Bezahlen-Buttons-Block zu deiner Website hinzugefügt hast, kannst du die Farbe, das Layout und weitere Einstellungen der Buttons ändern. In diesem Ratgeber erfährst du, wie du deine Bezahlen-Buttons gestalten kannst.

So änderst du die Hintergrund- und Textfarbe des Bezahlen-Buttons:

1. Klicke auf einen einzelnen Button im Zahlungsblock.
2. Suche in der Seitenleiste mit den Blockeinstellungen den Abschnitt Hintergrund- und Textfarbe.
3. Klicke auf den Abschnitt Textfarbe, um die Farbe des Textes im Button zu ändern.
4. Klicke auf den Abschnitt Hintergrund, um die Farbe des Buttons zu ändern.

Weitere Informationen zum Anwenden von Farben auf deine Buttons.

Ändere die Rundung der Ränder deines Buttons, indem du den Radius des Buttons änderst. Befolge diese Schritte:

1. Klicke auf einen einzelnen Button im Zahlungsblock.
2. Suche in der Seitenleiste mit den Blockeinstellungen den Abschnitt Rahmen.
3. Verwende den Slider oder gib eine Zahl ein, um den Radius des Buttons zu ändern.
4. Klicke oben rechts auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.

Bei einer niedrigeren Zahl wird der Button eckiger, bei einer höheren Zahl werden die Ränder des Buttons stärker abgerundet.

Konfiguriere die Breite des Buttons, indem du diese Schritte befolgst:

1. Klicke auf einen einzelnen Button im Zahlungsblock.
2. Suche in der Seitenleiste mit den Blockeinstellungen den Abschnitt Breite-Einstellungen.
3. Wähle eine der Vorgaben (25 %, 50 %, 75 % oder 100 %) oder lege eine individuelle Breite fest.
4. Klicke oben rechts auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.

Lege beispielsweise die Breite eines Buttons auf 100 % fest, um einen Button in voller Breite zu erstellen. Oder setze jeden Button auf 50 %, wenn du zwei Buttons haben möchtest, die die gesamte Breite des Inhaltsbereichs einnehmen, wie in diesem Beispiel:

Befolge diese Schritte, um die Ausrichtung der Bezahlen-Buttons zu ändern:

1. Wähle links oben im Editor die Option Listenansicht aus.
2. Klicke in der Listenansicht auf den Eintrag Bezahlen-Buttons-Block.
3. Klicke in der Block-Werkzeugleiste, die angezeigt wird, auf den Button Ausrichtung der Elemente ändern.
4. Wähle eine der folgenden Optionen aus:
   • Elemente links ausrichten: richtet alle Buttons links aus.
   • Elemente zentriert ausrichten: richtet alle Buttons in der Mitte aus.
   • Elemente rechts ausrichten: richtet alle Buttons rechts aus.
   • Abstand zwischen Elementen: richtet die Buttons gleichmäßig im Bezahlen-Buttons-Block aus.
5. Klicke oben rechts auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.

So kannst du einen voreingestellten Stil für deinen Button auswählen:

1. Klicke auf einen einzelnen Button im Zahlungsblock.
2. Klicke in der Seitenleiste mit den Blockeinstellungen auf den Tab Stile.
3. Wähle für den Button-Stil zwischen Ausfüllen und Konturieren aus.
4. Klicke oben rechts auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.

So änderst du Schriftgröße, Schriftart und Groß-/Kleinschreibung für den Text in deinem Button:

1. Klicke auf einen einzelnen Button im Bezahlen-Buttons-Block.
2. Klicke in der Seitenleiste mit den Blockeinstellungen auf den Tab Stile.
3. Scrolle zum Abschnitt Typografie.
4. Ändere die Größe des Button-Textes oder klicke auf die drei Punkte (⋮), um die Optionen für Schriftart und Schreibweise zu aktivieren.
5. Klicke oben rechts auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.

Weitere Informationen zu Typografieeinstellungen.

Du kannst den Text im Bezahlen-Button formatieren, etwa fett und kursiv. Befolge diese Schritte, um Formatierungen anzuwenden:

1. Klicke auf einen einzelnen Button im Zahlungsblock.
2. Markiere einen Teil oder den gesamten Text im Button.
3. Wende mithilfe der angezeigten Block-Werkzeugleiste einen der folgenden Stile an:
   • Fett
   • Kursiv
   • Das Mehr-Icon beinhaltet diese Optionen:
     • Hervorheben: Ändere die Text- und Hintergrundfarbe nur für den Text. Verwende Stile, um die Farbe des Buttons zu ändern.
     • Inline-Code
     • Inline-Bild
     • Stil der Tastatureingabe
     • Sprachattribut
     • Durchgestrichen
     • Tiefgestellt
     • Hochgestellt
4. Klicke oben rechts auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.