DOCS

Checkout design

/

Checkout-Design

Fügen Sie Ihr Markenlogo, Favicon und Farben hinzu.

Verbessern Sie Ihr checkout-Erlebnis mit einer persönlichen Note, indem Sie Ihre internationale checkout-Seite mit Ihrem Logo, Favicon und Markenfarben anpassen.

Laden Sie Ihr Logo hoch

Um Ihr Logo auf Ihrer checkout-Seite hochzuladen:

  1. Gehen Sie zu Dashboard -> Einstellungen -> Checkout -> Erscheinungsbild.
  2. Klicken Sie auf Neues Logo hochladen.
  3. Wählen Sie die Datei von Ihrem Computer aus und klicken Sie auf Öffnen.

Laden Sie Ihr Favicon hoch

Um Ihr Favicon auf Ihrer checkout-Seite hochzuladen:

  1. Gehen Sie zu Dashboard -> Einstellungen -> Checkout -> Erscheinungsbild.
  2. Klicken Sie auf Neues Favicon hochladen.
  3. Wählen Sie die Datei von Ihrem Computer aus und klicken Sie auf Öffnen.

Suchen Sie die Favicon-Datei zum Speichern

Wenn Sie Ihre Favicon-Datei nicht auf Ihrem Computer haben, befolgen Sie diese Schritte, um sie von Ihrer Website abzurufen, bevor Sie sie im Dashboard hochladen.

  1. Gehen Sie zu Ihrer Website.
  2. Klicken Sie mit der rechten Maustaste auf Ihre Website-Seite und wählen Sie dann Seitenquelltext anzeigen aus dem Dropdown-Menü.
  3. Finden Sie das Favicon, indem Sie Strg + F (oder Befehl + F auf einem Mac) drücken und das Wort "Favicon" suchen.
  4. Klicken Sie auf den Link, der für das Favicon erscheint, um das Bild aufzurufen.
  5. Klicken Sie mit der rechten Maustaste auf das Bild und speichern Sie das Bild im ICO-Format.
    1. Wenn Ihr Bild nicht im ICO-Format gespeichert werden kann, speichern Sie es im aktuellen Format und verwenden Sie ein Programm wie Convertio, um die Datei in eine ICO-Datei zu konvertieren.

Farben anpassen

Um die Farben auf Ihrer checkout-Seite anzupassen:

  1. Gehen Sie zu Dashboard -> Einstellungen -> Checkout -> Erscheinungsbild.
  2. Unter Farben klicken Sie auf die Farbe, die Sie ändern möchten.
  3. Wählen Sie eine voreingestellte Farbe oder geben Sie den Hex-Farbcode der gewünschten Farbe ein.

Wenn Sie Hilfe beim Auffinden des Hex-Farbcodes Ihrer Markenfarben benötigen, können Sie eine Farbauswahlerweiterung in Ihrem Browser verwenden, um die Hex-Farbcodes von Ihrer Website abzurufen.

Elemente, die Sie in Farbe anpassen können

Sie können die checkout-Seite mit bis zu drei Farben anpassen:

  • Primärfarbe (für Optionsfelder, Kontrollkästchen, Eingaben, Links)
  • Schaltflächenfarbe (die Farbe der Schaltfläche des checkout, die Sie drücken, um eine Bestellung aufzugeben)
  • Kopfzeilenfarbe (die Hintergrundfarbe der Kopfzeile)

Vorschau Ihres checkout-Designs

  1. Gehen Sie zu Dashboard -> Einstellungen -> Checkout -> Erscheinungsbild.
  2. Klicken Sie oben rechts auf der Seite auf Live-Vorschau.

Problembehandlung, wenn die Live-Vorschau nicht angezeigt wird

Wenn die Live-Vorschau nicht angezeigt wird, befolgen Sie die folgenden Schritte, um ein simuliertes checkout zu generieren. Nachdem Sie dies einmal getan haben, funktioniert die Live-Vorschau korrekt, ohne dass die folgenden Schritte bei weiteren Vorschauen erforderlich sind.

  1. Gehen Sie zu Dashboard -> Bestellungen -> Simuliertes checkout.
  2. Klicken Sie auf checkout generieren.

War diese Seite hilfreich?