Buttontext und Farben ändern

Wortlaut und Aussehen des Angebotsbuttons finden Sie beide auf dem Tab Button & widget, nur in verschiedenen Abschnitten. Diese Seite behandelt beides.

Wortlaut ändern

1. Button-Einstellungen öffnen

   Gehen Sie in der App zu Quote settings, klicken Sie auf Customize und öffnen Sie dann den Tab Button & widget.

2. Button text bearbeiten

   Button text ist das erste Feld im Abschnitt Quote Button Settings. Der Standard ist Add to Quote, und der Hilfetext lautet: „This text appears on product pages and collection pages. Recommended default: Request a Quote.“

   

3. Speichern und Onlineshop neu laden

   Speichern Sie Ihre Änderungen und laden Sie dann eine Produktseite neu, um den neuen Wortlaut zu sehen.

   

   Der Wortlaut aus Button text auf einer Live-Produktseite.

Hinweis

Der Wortlaut ist wichtiger, als es scheint. „Request a Quote“ wirkt wie eine Verpflichtung. Etwas Leichteres wie „Check price“ bringt bei hochpreisigen Produkten oft mehr Klicks. Halten Sie ihn kurz, denn derselbe Text muss auch auf eine Produktkarte im Kollektionsraster passen.

Aussehen ändern

Scrollen Sie auf demselben Tab nach unten zu Style.

Einstellung	Was sie ändert
Button type	Filled, Outline oder Text link. Filled erregt die meiste Aufmerksamkeit, Text link ist am dezentesten.
Size	Medium, Large oder Full width. Full width wirkt direkt unter einem Kaufbutton meist am besten.
Text color	Die Farbe des Textes auf dem Button.
Background color	Die Füllfarbe des Buttons.
Font size	Die Schriftgröße in px.

Achtung

Prüfen Sie das Ergebnis sowohl auf dem Smartphone als auch am Desktop. Das Bedienfeld Preview hat einen Umschalter für Desktop und Mobilgerät – eine Schriftgröße, die auf einem breiten Bildschirm passt, ist auf einer Produktkarte auf dem Smartphone oft zu groß.

Passend zu Ihrem Theme

Eine bewährte Kombination ist Outline mit der Akzentfarbe Ihres Themes als Text color: Der Angebotsbutton bleibt klar zweitrangig gegenüber Ihrem gefüllten Button „Add to Cart“, gehört aber trotzdem zum selben Design.

Wenn der Angebotsbutton neben Ihren Kaufbuttons steht, passen Sie seine Size an deren Größe an, damit die Reihe nicht uneinheitlich wirkt.

Weitere Sprachen

Button text legt den Wortlaut für Ihre Standardsprache fest. Um ihn zusammen mit allem anderen zu übersetzen, was Kundschaft sieht, nutzen Sie Translations AI unter Advanced settings – „Translate everything your customers see — quote form, storefront text and both quote emails.“

Siehe Texte im Onlineshop übersetzen.

Nächste Schritte

• Verhalten nach dem Klick festlegen – was beim Klicken passiert
• Angebotsbutton auf Produktseiten – wo der Button steht
• Design an Ihr Theme anpassen – das Angebotsformular passend gestalten