Wie kann ich meine Konversionsrate im Checkout steigern?

Ein schneller und einfacher Checkout sind eine wichtige Voraussetzung für eine gute Konversion. Umso schmerzhafter ist es, wenn Kundinnen und Kunden ihren Kauf vorzeitig abbrechen, weil ihnen das letzte Quäntchen Vertrauen in dein Angebot fehlt.

Das Trusted Shops Gütesiegel und der damit verbundene Käuferschutz schaffen dieses Vertrauen und sorgen für ein sicheres Gefühl.

Um auch während des Checkouts bestmöglich von diesem Effekt zu profitieren, kannst du das Widget „Trusted Checkout" in deine Webseite einbauen. Es stärkt das Kundenvertrauen im sensibelsten Moment des Einkaufserlebnisses und steigert somit deine Konversionsrate.

Wie integriere ich Trusted Checkout in meine Webseite?

Schritt 1: Erzeugung des Widget-Codes

Das Widget „Trusted Checkout" findest du in der eTrusted Widget-Bibliothek.

1. Ins eTrusted Kontrollzentrum einloggen.
2. In der Hauptnavigation auf den Stern („Bewertungen") () klicken. Anschließend auf „Marketing" () klicken.
3. Den Reiter „Widgets" () öffnen.
   
4. Auf den zum Widget „Trusted Checkout" gehörenden Button „Erstellen" klicken.
   
5. Der Konfigurationsmodus des Widgets öffnet sich. Das Farbschema wählen (), in dem das Widget angezeigt werden soll:
   - "Hell" wählen, wenn das Widget immer im Standard-Farbschema angezeigt werden soll.
   - "Dark" wählen, wenn das Widget immer im Dark Mode angezeigt werden soll.
   - "OS default" wählen, wenn die Dark-Mode-Einstellungen deiner Kundschaft darüber bestimmen sollen, ob das Widget im Dark Mode angezeigt wird.
6. Möchtest du im Widget die Schriftart nutzen, die auch deine Webseite verwendet? Dann ein Häkchen bei „Schriftart Ihrer Website verwenden" () setzen.
7. Auf „Widget-Code erzeugen" () klicken. Die Übersicht „Wie du das Widget in deiner Webseite integrierst" öffnet sich.
   

Damit hast du den Widget-Code erfolgreich erzeugt. Nun muss der Widget-Code in deine Checkout-Seite integriert werden.

Schritt 2: Einbindung des Widget-Codes in deine Checkout-Seite

Um das Widget auf deiner Webseite anzuzeigen, ist die Einbindung von HTML- und JavaScript-Code im Head und im Body deines Webseiten-HTMLs erforderlich. Die hierfür notwendigen Code-Schnipsel findest du in der Übersicht „Wie du das Widget in deiner Webseite integrierst", die sich nach der Erzeugung des Widget-Codes öffnet.

Du verfügst nicht über die nötigen Kenntnisse, um den Widget-Code in dein Webseiten-HTML einzufügen? Dann klicke auf „Alle Anweisungen kopieren". Öffne anschließend ein Textdokument deiner Wahl und füge den kopierten Widget-Code in das Textdokument ein. Sende das Textdokument anschließend an die Admins deiner Webseite.

Du möchtest den Widget-Code selbst in das HTML deiner Webseite einbinden? Dann folge diesen Schritten:

1. Auf das Dokumentensymbol im oberen Codefeld klicken, um den Code-Schnipsel in deinen Zwischenspeicher zu kopieren.
   
2. Innerhalb deines Webseiten-HTMLs den Head-Abschnitt öffnen. Den zwischengespeicherten Code-Schnipsel in den Head-Abschnitt einfügen.

3. Zur Übersicht „Wie du das Widget in deiner Webseite integrierst" zurückkehren. Auf das Dokumentensymbol im unteren Codefeld klicken, um den Code-Schnipsel in deinen Zwischenspeicher zu kopieren.
   
4. Innerhalb des HTMLs deiner Webseite den Body-Abschnitt der gewünschten Checkout-Seite öffnen. Den zwischengespeicherten Code-Schnipsel an der Stelle in den Body-Abschnitt einfügen, an der du das Widget platzieren möchtest.

Das Widget ist responsiv. Du kannst es somit an jeder gewünschten Stelle platzieren. Das Widget passt sich anschließend bestmöglich in den verfügbaren Raum ein.
Hier siehst du einige Beispiele für das Widget:

5. Zur Übersicht „Wie du das Widget in deiner Webseite integrierst" zurückkehren. Auf „Widget-Konfiguration abschließen" klicken.
   

Damit hast du das Widget erfolgreich in die gewünschte Checkout-Seite eingebunden.