Skip to main content
Nachdem du Fragen generiert hast, kannst du das Widget so stylen, dass es sich auf deinen Produktseiten nativ anfühlt. Das Styling verwaltest du im Tab Branding im Bereich KI-Produktfragen deines Assistenten.
Bevor du startest: schließe die erste Einrichtung ab, damit eine Konfiguration existiert. Eine Live-Vorschau ist integriert, sodass du das Widget stylen kannst, ohne es vorher einzubetten. Bette das Widget ein, wenn du es auf deinem echten Storefront sehen möchtest.

Erscheinungsbild anpassen

1

Branding-Tab öffnen

Öffne deinen Assistenten, wähle KI-Produktfragen und wechsle zum Tab Branding.
2

Container stylen

Lege unter Container Hintergrundfarbe, Innenabstand, Eckenrundung, einen optionalen Rahmen und den Abstand zwischen den Fragen fest.
3

Buttons stylen

Lege unter Buttons Hintergrund- und Textfarbe, Schriftgröße und -stärke, Innenabstand, Eckenrundung und einen optionalen Rahmen fest. Die Schriftart wird automatisch von deiner Website übernommen, daher gibt es keine separate Schrifteinstellung.
4

Freie Frage konfigurieren

Unter Freie Frage legst du fest, wie Besucher eine eigene Frage stellen können — über den Button, der den Chat öffnet, und/oder über das Eingabefeld direkt auf der Produktseite. Beide lassen sich unabhängig voneinander aktivieren.Für das Eingabefeld wählst du die Position über oder unter den vorgeschlagenen Fragen, den Platzhalter und das Icon des Senden-Buttons (Pfeil, Papierflieger, Chevron oder Lupe), der am Ende des Feldes sitzt. Button- und Icon-Größe lassen sich getrennt einstellen. Lass Standard-Button Style übernehmen aktiviert, damit alles zu den vorhandenen Frage-Buttons passt, oder schalte die Option aus, um Feld und Senden-Button separat zu stylen.Alternativ lädst du ein eigenes SVG hoch. homie reduziert die Datei auf ihre reinen Formen, sodass sie die eingestellte Farbe annimmt und keine fremden Inhalte mitbringt.
5

Vorschau ansehen und speichern

Beobachte, wie sich die Live-Vorschau bei jeder Änderung aktualisiert, und klick dann auf Speichern.
Freie Frage und Eingabe können gleichzeitig aktiviert sein. Freie Frage öffnet zuerst den Chat, während Eingabe die eingetippte Frage sofort sendet und die Antwort im Chat öffnet.
Wenn Farben und Abstände des Widgets zu deinem Theme passen, fühlen sich die Fragen wie ein integrierter Teil der Seite an, nicht wie ein Aufsatz.

Styling-Tipps

Stimme die Hintergrundfarbe der Buttons auf deine primäre Markenfarbe ab und halte Innenabstand und Abstand des Containers konsistent mit den umliegenden Seitenelementen, damit die Fragen als Teil deiner Produktseite wahrgenommen werden.

Nächste Schritte

Zurück zur Einrichtung

Generiere Fragen und bette das Widget auf deinen Produktseiten ein.

Produktfragen-Überblick

Erfahre, wie Produktfragen Shoppern helfen und die Conversion steigern.