Checkout Design

So laden Sie Ihr Logo auf Ihre Checkout-Seite hoch:

1. Gehen Sie zu Dashboard -> Settings -> Checkout -> Appearance.
2. Klicken Sie auf Upload new logo.
3. Wählen Sie die Datei von Ihrem Computer und klicken Sie auf Open.

So laden Sie Ihr Favicon auf Ihre Checkout-Seite hoch:

1. Gehen Sie zu Dashboard -> Settings -> Checkout -> Appearance.
2. Klicken Sie auf Upload new favicon.
3. Wählen Sie die Datei von Ihrem Computer und klicken Sie auf Open.

Favicon-Datei zum Speichern finden 

Wenn Sie Ihre Favicon-Datei nicht auf Ihrem Computer haben, folgen Sie diesen Schritten, um sie von Ihrer Website zu holen, 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 View page source aus dem Dropdown.
3. Finden Sie das Favicon, indem Sie Strg+F (oder Befehl+F auf dem Mac) drücken und nach dem Wort „favicon“ suchen.
4. Klicken Sie auf den Link, der für das Favicon erscheint, um das Bild anzuzeigen.
5. Klicken Sie mit der rechten Maustaste auf das Bild und speichern Sie es im ICO-Format.
   1. Wenn Ihr Bild nicht im ICO-Format gespeichert werden kann, speichern Sie es im aktuellen Format und verwenden Sie dann ein Programm wie Convertio, um die Datei in eine ICO-Datei zu konvertieren.

So passen Sie die Farben auf Ihrer Checkout-Seite an:

1. Gehen Sie zu Dashboard -> Settings -> Checkout -> Appearance.
2. Klicken Sie unter Colors 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 Finden des Hex-Farbcodes Ihrer Markenfarben benötigen, können Sie eine Color-Picker-Erweiterung in Ihrem Browser verwenden, um die Hex-Farbcodes von Ihrer Website zu extrahieren.

Elemente, deren Farbe Sie anpassen können 

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

• Primärfarbe (für Radio-Buttons, Checkboxen, Eingabefelder, Links)
• Button-Farbe (die Farbe des Checkout-Buttons zum Aufgeben einer Bestellung)
• Header-Farbe (die Hintergrundfarbe des Headers)

Um Ihr Checkout-Design in der Vorschau anzuzeigen, erstellen Sie eine Testbestellung. Folgen Sie dazu diesen Schritten:

1. Navigieren Sie im Dashboard zu Orders.
2. Wechseln Sie zu Test Mode -> klicken Sie auf Create test order
3. Geben Sie die Testbestelldetails ein und klicken Sie auf Create order.

Ihr Checkout zeigt dann das Design an, das Sie im Abschnitt Appearance eingerichtet haben.