Checkout anpassen
Hier gestalten Sie den Bezahlvorgang (Checkout) Ihres Shops: Branding, welche Formularfelder abgefragt werden, welche rechtlichen Hinweise angezeigt werden, ob Produktempfehlungen eingeblendet werden und welche Tracking-Skripte laufen.
Abbildung
Checkout anpassen
BrandingFelderRichtlinienUpsellSkripte
Logo-URL
https://cdn.example.com/logo.svg
Primärfarbe
#2B6CB0
Hintergrundfarbe
#FFFFFF
Schriftart
Inter
Eckenradius
Medium⌄
Bestellzusammenfassung anzeigen
an/checkoutWas kann ich hier tun?
- Branding festlegen: Logo, Primär- und Hintergrundfarbe, Schriftart, Eckenradius, ob die Bestellzusammenfassung angezeigt wird
- Checkout-Formularfelder ein-/ausblenden, als Pflichtfeld markieren und in der Reihenfolge sortieren
- Anzeige von AGB, Datenschutzerklärung und Widerrufsbelehrung im Checkout steuern
- Produktempfehlungen (Upsell) im Checkout aktivieren und deren Position/Anzahl konfigurieren
- Benutzerdefinierte Tracking-Skripte und Tracking-Pixel (z. B. Facebook, Google, TikTok) einbinden
- Jeden Bereich einzeln auf die Standardeinstellungen zurücksetzen
Schritt für Schritt
- Branding anpassen: Tab „Branding" öffnen, Logo-URL eintragen, Primär- und Hintergrundfarbe wählen, Schriftart und Eckenradius festlegen; die Live-Vorschau rechts zeigt das Ergebnis sofort. Mit „Speichern" übernehmen.
- Checkout-Felder konfigurieren: Tab „Felder" öffnen, gewünschte Felder per Schalter aktivieren/deaktivieren, mit den Pfeilsymbolen die Reihenfolge ändern, „Pflicht" ankreuzen wo nötig, speichern.
- Rechtliche Hinweise einstellen: Tab „Richtlinien" öffnen, AGB/Datenschutz/Widerruf einzeln ein- oder ausblenden; bei AGB kann zusätzlich eine Zustimmungspflicht aktiviert werden.
- Tracking-Pixel hinzufügen: Tab „Skripte" öffnen, „Pixel hinzufügen" klicken, Name, Typ (Facebook/Google/TikTok/Custom) und Pixel-ID eintragen, speichern.
Felder erklärt
Branding
| Feld | Bedeutung | Hinweise/Auswirkung |
|---|---|---|
| Logo-URL | Direkter Link zum Logo-Bild im Checkout-Header | Wird in der Vorschau sofort angezeigt |
| Primärfarbe | Hauptfarbe für Buttons und Akzente | Wirkt sich u. a. auf den „Jetzt bezahlen"-Button aus |
| Hintergrundfarbe | Hintergrund des Checkout-Bereichs | — |
| Schriftart | Schriftfamilie im Checkout | Auswahl aus vordefinierter Liste (Inter, Roboto, Open Sans u. a.) |
| Eckenradius | Rundung von Boxen/Buttons (Small/Medium/Large/Extra Large) | Rein optisch |
| Bestellzusammenfassung anzeigen | Zeigt eine Zusammenfassung der Bestellung im Checkout | Wenn deaktiviert, sieht Kundschaft keine Live-Übersicht der Positionen |
Felder
| Feld | Bedeutung | Hinweise/Auswirkung |
|---|---|---|
| Feldname (E-Mail, Vorname, Nachname, Adresse, Telefon, Firma, Anmerkungen) | Formularfeld im Checkout | Reihenfolge per Pfeiltasten änderbar |
| Aktiv | Ob das Feld im Checkout überhaupt erscheint | Deaktivierte Felder werden nicht abgefragt |
| Pflicht | Ob das Feld ausgefüllt werden muss | Nur änderbar, wenn das Feld aktiv ist |
Richtlinien
| Feld | Bedeutung | Hinweise/Auswirkung |
|---|---|---|
| AGB anzeigen | Zeigt einen Link/Hinweis zu den Allgemeinen Geschäftsbedingungen | Kann zusätzlich mit Zustimmungspflicht kombiniert werden |
| AGB-Zustimmung erforderlich | Erzwingt ein Häkchen zur Bestätigung der AGB | Nur sichtbar, wenn „AGB anzeigen" aktiv ist |
| Datenschutz anzeigen | Zeigt einen Hinweis zur Datenschutzerklärung | — |
| Widerrufsbelehrung anzeigen | Zeigt die Widerrufsbelehrung im Checkout | — |
Upsell
| Feld | Bedeutung | Hinweise/Auswirkung |
|---|---|---|
| Upsell aktivieren | Schaltet Produktempfehlungen im Checkout ein | — |
| Überschrift | Titeltext über den empfohlenen Produkten | Standard: „You might also like" |
| Max. Produkte | Anzahl gleichzeitig angezeigter Empfehlungen | 1 bis 6 |
| Position | Wo die Empfehlungen im Checkout erscheinen | „Nach dem Warenkorb" oder „Vor der Zahlung" |
Skripte
| Feld | Bedeutung | Hinweise/Auswirkung |
|---|---|---|
| Head-Skripte | Code, der im <head>-Bereich der Checkout-Seite eingefügt wird |
Wird serverseitig bereinigt; nur vertrauenswürdigen Code einfügen |
| Body-Skripte | Code, der vor dem schließenden Body-Tag eingefügt wird | Wird serverseitig bereinigt |
| Tracking-Pixel (Name, Typ, Pixel-ID) | Conversion-Tracking-Codes von Werbeplattformen | Einzeln aktivierbar/deaktivierbar |
Werte & Status
Upsell-Position (checkout_upsell_position)
| Wert | Bedeutung | Was passiert dann |
|---|---|---|
| Nach dem Warenkorb | Empfehlungen erscheinen direkt nach der Warenkorb-Übersicht | Kundschaft sieht Empfehlungen früh im Checkout-Ablauf |
| Vor der Zahlung | Empfehlungen erscheinen kurz vor dem Zahlungsschritt | Höhere Sichtbarkeit direkt vor Kaufabschluss |
Tracking-Pixel-Typ
| Wert | Bedeutung | Was passiert dann |
|---|---|---|
| Meta/Facebook-Conversion-Pixel | Sendet Checkout-Events an Facebook Ads | |
| Google-Conversion-Tracking | Sendet Checkout-Events an Google Ads/Analytics | |
| TikTok | TikTok-Conversion-Pixel | Sendet Checkout-Events an TikTok Ads |
| Custom | Frei definierbares Tracking-Skript | Für andere Anbieter oder eigene Zwecke |
Häufige Fragen
Warum sieht meine Kundschaft ein Formularfeld nicht mehr im Checkout?
Das Feld wurde im Tab „Felder" deaktiviert. Aktivieren Sie es über den entsprechenden Schalter.
Wie kann ich erzwingen, dass Kundschaft den AGB aktiv zustimmen muss?
Im Tab „Richtlinien" bei „AGB anzeigen" aktivieren und zusätzlich „AGB-Zustimmung erforderlich" einschalten.
Was passiert, wenn ich „Zurücksetzen" klicke?
Der jeweilige Bereich (Branding, Felder, Richtlinien, Upsell oder Skripte) wird auf die SCS-Standardwerte zurückgesetzt. Andere Bereiche bleiben unverändert.
Sind eingefügte Tracking-Skripte sicher?
Die Skripte werden serverseitig bereinigt, dennoch sollten Sie nur Code von vertrauenswürdigen Quellen einfügen, da er auf der Checkout-Seite Ihrer Kundschaft ausgeführt wird.