Zum Inhalt springen
Workspace öffnen
Hilfethemen durchsuchen
Banner und Gestaltung

Lassen Sie Ihr Banner zur Website passen.

Passen Sie Farben, Layout, Texte und Datenschutz-Schaltfläche Ihrer Website an und prüfen Sie das Ergebnis auf einer echten Seite.

3 Min. LesezeitGeprüft am 23. September 2026

Mit der richtigen Website beginnen

Öffnen Sie Banner in Ihrem Workspace und wählen Sie die Website, die Sie ändern möchten. Prüfen Sie vor dem Bearbeiten den Namen der Website. Wenn Sie All sites sehen und die Bedienelemente deaktiviert sind, wählen Sie eine einzelne Website aus.

Der Editor teilt die Einstellungen in Appearance, Content & languages, Preferences und Privacy button auf. Nutzen Sie beim Bearbeiten die Vorschau, speichern Sie dann und testen Sie die veröffentlichte Website.

Farben und Position festlegen

  1. Starten Sie unter Appearance mit einem Theme-Preset oder passen Sie Button colour, Background und Text colour an.
  2. Wählen Sie eine Position: Leiste über die volle Breite, Ecke oder zentriertes Modal. Nutzen Sie die Platzierungseinstellung, wo sie verfügbar ist.
  3. Passen Sie Banner corners an den Rest Ihrer Website an.
  4. In einem berechtigten bezahlten Tarif fügen Sie mit Upload logo eine PNG-, JPG- oder WebP-Datei mit bis zu 1 MB hinzu.

Text und Bedienelemente müssen sich gut vom Hintergrund abheben. Beachten Sie Kontrastwarnungen im Editor und prüfen Sie das Banner vor hellen und dunklen Bereichen Ihrer Website.

Gestalten Sie für die Entscheidung.

Akzeptieren, Ablehnen und Einstellungen müssen leicht zu finden sein. Prüfen Sie, dass weder ein Chat-Widget noch ein fixierter Checkout-Button noch die mobile Navigation das Banner verdeckt.

Klare Texte in jeder Sprache schreiben

Öffnen Sie Content & languages, aktivieren Sie die Sprachen, die Ihre Website braucht, und wählen Sie die Editing language. Prüfen Sie Überschrift und Text für jede aktivierte Sprache, auch den Fallback, den der Editor anzeigt.

Beschreiben Sie, wie Sie Cookies und ähnliche Technologien tatsächlich einsetzen. Erklären Sie, was optional ist und wo Besucher ihre Auswahl ändern können. Erwecken Sie nicht den Eindruck, die Einwilligung sei Pflicht, wenn sie es nicht ist.

Ein Ausgangspunkt für Ihren Text

„Wir verwenden Cookies, um zu messen, wie unsere Website genutzt wird, und um unsere Werbung zu unterstützen. Sie können akzeptieren, ablehnen oder auswählen, welche optionalen Cookies Sie zulassen. Ihre Auswahl können Sie in den Datenschutzeinstellungen ändern.“

Passen Sie diesen Text an die Technologien auf Ihrer Website an. Prüfen Sie unter Preferences, ob die Kategoriebeschreibungen zu Ihrer Implementierung passen; eine Textänderung allein ordnet keine Skripte neu zu und blockiert auch keine.

Datenschutzeinstellungen in Reichweite halten

Prüfen Sie im Tab Privacy button das Bedienelement, das Besucher nach ihrer ersten Entscheidung nutzen. Platzieren Sie es so, dass es sichtbar bleibt, ohne wichtige Inhalte zu verdecken.

Wenn Sie die integrierte Schaltfläche durch einen eigenen Link ersetzen, kann Ihre Implementierung window.Velo.openPreferences() aufrufen, nachdem das SDK geladen ist. Stellen Sie diese funktionierende Alternative bereit, bevor Sie das integrierte Bedienelement deaktivieren.

  • Das Bedienelement ist auf jeder relevanten Seite sichtbar.
  • Wer die Tastatur nutzt, kann es erreichen und aktivieren.
  • Es öffnet die Einstellungen nach Akzeptieren und nach Ablehnen.
  • Das Speichern einer geänderten Auswahl aktualisiert die Tags.

Änderungen speichern und prüfen

Klicken Sie auf Save changes und warten Sie, bis die Speicherung bestätigt ist. Öffnen Sie Ihre veröffentlichte Website in einer neuen Sitzung und prüfen Sie die Darstellung auf Desktop und Mobilgerät. Kontrollieren Sie lange übersetzte Texte, Links, Schaltflächen und die Einstellungsebene.

Ich habe gespeichert, aber das Live-Banner sieht noch alt aus.

Prüfen Sie, ob Sie die Site-ID bearbeitet haben, die das veröffentlichte Snippet verwendet. Laden Sie die Website neu, achten Sie auf eine zwischengespeicherte Konfiguration und prüfen Sie, ob Attribute einer Inline-Installation Ihre Einstellungen überschreiben. Auch eine zweite Velo-Installation kann dazu führen, dass das falsche Banner erscheint.

Die Logo-Option oder eine andere Einstellung ist nicht verfügbar.

Prüfen Sie Ihren Tarif und Ihre Berechtigungen im Workspace. Eigene Logos setzen einen bezahlten Tarif voraus. Wenn die Nutzung Ihr Kontingent überschritten hat, kann die Bearbeitung pausiert sein, während das bestehende Live-Banner weiter funktioniert. Siehe Nutzungslimits.

Die Vorschau stimmt, aber das Banner überdeckt meine Website.

Testen Sie auf der echten Seite, einschließlich Chat, fixierter Navigation und Checkout-Elementen. Ändern Sie die Position, speichern Sie und wiederholen Sie die Prüfung auf dem Smartphone. Die Vorschau im Editor kann nicht jedes Element Ihrer Website berücksichtigen.