Share

Opencart One Page Checkout – User Manual

1.0 Beidhändige Rückhand: Einleitung

Die meisten Besucher brechen den Kaufvorgang ab, weil sie ihn als komplex und langwierig empfinden. Dies führt letztendlich zu immer mehr abgebrochenen Warenkörben. Um die Abbruchraten zu senken, bietet Knowband Folgendes an: OpenCart One Page Checkout Pro Plugin für OpenCart-Shops. Durch die Implementierung des One-Page-Checkouts für Ihren Onlineshop können Sie außerdem Ihre Conversion-Rate verbessern, da der mehrstufige Checkout-Prozess durch einen einseitigen Checkout ersetzt wird.

Mobile Ansicht:

Wichtigste Merkmale der OpenCart One Page Checkout-Erweiterung:

  1. Die Erweiterung bietet eine Gast-Checkout-Funktion, mit der Benutzer ihre Bestellungen einfach und schnell als Gastkunden abschließen können, ohne ein neues Konto im Online-Shop erstellen zu müssen.
  2. Die OpenCart Fast Checkout-Erweiterung ermöglicht es Kunden, sich schnell über ihre Google-, Facebook- und PayPal-Konten auf der Website anzumelden.
  3. Die Felder auf der Checkout-Seite lassen sich vom Administrator im Backend der OpenCart One Page Checkout Pro-Erweiterung ganz einfach anpassen. Der Shop-Administrator kann einzelne Felder ein- oder ausblenden und sie als optional oder obligatorisch festlegen. Die Anordnung der Felder kann per Drag & Drop geändert werden.
  4. Der Shop-Inhaber kann das Erscheinungsbild der Checkout-Seite ganz einfach anpassen, z. B. die Farbe der Schaltflächen, die Hintergrundfarbe der Schaltflächen, die Textfarbe usw. ändern.
  5. Der OpenCart One Page Supercheckout bietet Multi-Shop- und Mehrsprachigkeit.
  6. Die OpenCart One Step Checkout-Erweiterung unterstützt nahezu alle gängigen Versand- und Zahlungsmethoden und stärkt so das Vertrauen der Kunden, die gewünschte Methode direkt auf der Checkout-Seite auszuwählen.
  7. Der Onlinehändler kann eines der drei verschiedenen Checkout-Layouts auswählen: 1-spaltig, 2-spaltig oder 3-spaltig. Die Felder lassen sich einfach per Drag & Drop neu anordnen.
  8. Das OpenCart Quick Checkout-Modul bietet eine Integration mit MailChimp, Klaviyo und SendinBlue, die es Ihnen ermöglicht, die Datenbank Ihrer Benutzer automatisch mit diesen Konten zu synchronisieren, ohne dass Sie manuell etwas dafür tun müssen.
  9. Der Onlinehändler kann das Erscheinungsbild der Erweiterung auch über benutzerdefiniertes CSS und JS anpassen.
  10. Das OpenCart Responsive One Step Checkout-Modul bietet die Testmodus-Funktion, mit der der Shop-Inhaber die vorgenommenen Anpassungen überprüfen und ansehen kann, bevor diese auf der Website live geschaltet werden.
  11. Das OpenCart-Modul „Vereinfachter Checkout“ bietet die Funktion „Ship2Pay“, mit der Shopbetreiber bestimmte Zahlungsmethoden ausgewählten Versandarten zuordnen können. Nach Auswahl einer Versandart werden alle anderen Zahlungsmethoden ausgeblendet und dem Nutzer nur noch die dieser Versandart zugeordneten Zahlungsmethoden angezeigt.

2.0 Installationsanleitung OpenCart One Page Checkout-Erweiterung

Bevor Sie mit der Installation beginnen, müssen Sie Folgendes kaufen: OpenCart One Page Checkout-Erweiterung Aus dem Knowband-Shop. Nach dem Kauf erhalten Sie die folgenden Dateien an Ihre registrierte E-Mail-Adresse.

  • Quellcode der OpenCart One Page Checkout Extension im ZIP-Dateiformat.
  • Benutzerhandbuch der OpenCart One Page Checkout-Erweiterung.

Um den OpenCart Single Page Checkout in Ihrem Onlineshop zu installieren, folgen Sie diesen Schritten: 1. Entpacken Sie die ZIP-Datei. Sie erhalten die Ordner wie in der Abbildung unten dargestellt.


2. Kopieren Sie alle Ordner der ZIP-Datei über einen FTP-Manager in das Stammverzeichnis der OpenCart-Installation.

Schritte zur Installation der OCMOD-Datei
  • Nach dem Entpacken des Ordners finden Sie eine Datei namens supercheckout_pro.ocmod.xml, wie unten dargestellt:
  • Klicken Sie nun im Admin-Panel im Menü auf der linken Seite auf „Erweiterungen“. Klicken Sie anschließend auf „Erweiterungs-Installer“ ( Startseite -> Nebenstelle).

  • Laden Sie nun die Datei supercheckout_pro.ocmod.xml hoch. Nach dem Hochladen der Datei wird eine Erfolgsmeldung angezeigt.
  • Nachdem die Datei hochgeladen wurde, gehen Sie zu  Startseite -> Änderungen
  • Sie finden eine Datei mit dem Namen „Supercheckout Pro v2.8“ (das bedeutet, dass OCMod erfolgreich installiert wurde). Klicken Sie auf das zugehörige „+“-Symbol, um es zu aktivieren. Das grüne Symbol ändert seine Farbe in Rot, wie unten dargestellt.
  • Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“ (dies ist zwingend erforderlich).

Damit OpenCart One Page Checkout Pro Die Installation war erfolgreich und das Modul ist nun in Ihrem Shop einsatzbereit. Gehen Sie zum Admin-Menü, klicken Sie auf „Erweiterungen“ und anschließend auf „Module“. Klicken Sie auf die Schaltfläche „Konfigurieren“ neben … Knowband Supercheckout.

3.0 Admin-Schnittstelle von OpenCart responsives Ein-Schritt-Checkout-Modul

Unmittelbar nach der erfolgreichen Installation des One Page Checkouts für OpenCart können Sie die Felder des Checkout-Formulars nach Ihren Wünschen konfigurieren. Gehen Sie dabei in der angegebenen Reihenfolge vor: Admin Panel > Erweiterungsoptionen > Module > Knowband Supercheckout

Die leicht verständliche Administratoroberfläche von OpenCart One Page Checkout Pro ist in zehn Abschnitte unterteilt, nämlich: 1. Allgemeine Einstellungen 2. Anpassen 3. Anmeldeeinstellungen 4. Zahlungsadresse 5. Lieferadresse 6. Versandart 7. Ship2Pay 8. Zahlungsart 9. Warenkorb 10. Design 11. Newsletter Jeder dieser Abschnitte wird im Folgenden erläutert:

3.1 Allgemeine Einstellungen

  • Aktivieren deaktivieren: Mithilfe dieser Option können Sie die vollständige Funktionalität aktivieren oder deaktivieren. OpenCart One Page Checkout Pro Plugin von AUS auf EIN.
  • Newsletter-Option aktivieren: Sie können die Newsletter-Option auf der Supercheckout-Seite aktivieren oder deaktivieren. Sobald Sie diese Option aktiviert haben, gelten folgende Bedingungen: a) Die Newsletter-Option ist für Gastkunden nur dann sichtbar, wenn Sie die Option „Gast automatisch registrieren“ aktiviert haben. b) Die Newsletter-Option ist für Kunden, die ein neues Konto erstellen, immer sichtbar. c) Die Newsletter-Option ist für eingeloggte Kunden nie sichtbar.
  • Gäste automatisch registrieren: Sie können diese Option aktivieren, um Gastkunden in Ihrem Shop automatisch zu registrieren. Dadurch können Sie Ihre Kunden im Shop registrieren und ihnen ein generiertes Passwort per E-Mail zusenden.
  • Account registrieren: Durch Aktivierung dieses Feldes können Sie ein Passwortfeld auf der Supercheckout-Seite anzeigen, damit neue Benutzer das gewünschte Passwort für ihr Konto einfach festlegen können.
  • Standardoption an der Kasse auswählen: Mit dieser Option können Sie eine Standardoption im Anmeldebereich Ihres OpenCart-Kontos festlegen. Einseitige Superkasse Wählen Sie zwischen den Optionen Gast, Anmelden und Registrieren.
  • Gast deaktivieren: Sie können die Gastfunktion für die Benutzer im Anmeldebereich von One Page Checkout aktivieren oder deaktivieren.
  • Benutzerdefinierten Stil hinzufügen: Mit dieser Option können Sie der Supercheckout-Seite ein benutzerdefiniertes Design hinzufügen. Um benutzerdefiniertes CSS auf der Supercheckout-Seite anzuwenden, geben Sie den entsprechenden CSS-Code in das Textfeld rechts neben der Bezeichnung „Benutzerdefiniertes Design hinzufügen“ ein. Beispielsweise können Sie die Farbe der Schaltflächen auf der Supercheckout-Seite ändern.
  • Mindestbestellwert für die Anzeige des Banners für kostenlosen Versand festlegen: Über diese Registerkarte kann der Administrator einen Mindestbetrag festlegen, ab dem Kunden Anspruch auf kostenlosen Versand ihrer Bestellung haben.
  • Automatische Ländererkennung aktivieren: Nach Aktivierung dieser Funktion erkennt die Erweiterung automatisch das Land des Benutzers und trägt es im Länderbereich ein.
  • Inline-Validierung: Mit dieser Funktion zeigt die Erweiterung jedes Mal eine Fehlermeldung an, wenn der Benutzer ein Pflichtfeld auf der Checkout-Seite nicht ausfüllt.
  • Google-Auto-Adressausfüllung aktivieren: Sobald der Benutzer mit der Eingabe seiner Adresse beginnt, schlägt die Erweiterung ihm die Adresse vor, sofern diese Funktion aktiviert ist.
  • Neue Vorlage aktivieren oder deaktivieren: Mit der OpenCart One Page Checkout-Erweiterung kann der Shop-Inhaber je nach Wunsch in den allgemeinen Einstellungen entweder die neue oder die alte Checkout-Vorlage anwenden.
  • Testmodus: Diese Option hilft Ihnen, die Testmodus-Funktionalität dieses Geräts zu aktivieren oder zu deaktivieren. OpenCart-Erweiterung für einseitige Kassenabwicklung.
  • Test-URL: Sobald Sie den Testmodus aktiviert haben, können Sie eine Supercheckout-URL festlegen, unter der Sie die Funktionalität des One-Page-Checkouts testen können.

Konfigurator

Über die Registerkarte „Anpassen“ können Sie die Hintergrundfarbe der Schaltfläche, die Rahmenfarbe der Schaltfläche, die Vorschau der Schaltfläche, die Textfarbe der Schaltfläche, die untere Rahmenfarbe der Schaltfläche, die Hintergrundfarbe der Schaltfläche „Mein Konto“, die Hintergrundfarbe der Schaltfläche „Anmelden“, die Hintergrundfarbe der Schaltfläche „Abmelden“, die Hintergrundfarbe der Schaltfläche „Gutscheincode“, die Hintergrundfarbe der Schaltfläche „Rabattcode“ usw. anpassen.

  • Hintergrundfarbe der Leiste „Kostenloser Versand“: In diesem Abschnitt können Sie die Hintergrundfarbe der Leiste „Kostenloser Versand“ auf der Checkout-Seite ändern.
  • Benutzerdefiniertes CSS und JS: In diesem Abschnitt können Sie das Erscheinungsbild der Checkout-Seite mit benutzerdefiniertem CSS und JS anpassen.

3.2-Login

Unter diesem Reiter finden Sie Optionen zur Konfiguration der Anmeldeoptionen für Facebook, Google und PayPal, wie unten dargestellt.

  • Facebook-Login aktivieren: Mit dieser Option können Sie die Facebook-Login-Option im One Page Checkout aktivieren/deaktivieren.
  • Facebook-App-ID: Mit dieser Option können Sie die Facebook-App-ID festlegen, die mithilfe des Facebook-Entwicklerkontos generiert werden kann.
  • Geheimnis der Facebook-App: Mit dieser Option legen Sie den geheimen Schlüssel fest, der über das Facebook-Entwicklerkonto generiert wurde.
  • Google-Login aktivieren: Mit dieser Option können Sie die Google-Anmeldeoption im One Page Checkout aktivieren/deaktivieren.
  • Google App-ID: Mit dieser Option können Sie die GoogleApp-ID festlegen.
  • Die Google-Client-ID: In diesem Feld können Sie die in der Google Console erstellte Google-Client-ID festlegen.
  • Google App Geheimnis: Mit dieser Option können Sie den über die Google Console generierten App-Geheimschlüssel festlegen.
  • PayPal-Login aktivieren: Mit dieser Option können Sie Ihren Kunden ermöglichen, sich über ihre PayPal-Konten anzumelden.
  • PayPal-Client-ID: Mit dieser Option können Sie Ihre PayPal-Client-ID hinzufügen.
  • Paypal-Client-Geheimnis: Mit dieser Option können Sie Ihre PayPal-Client-Secret-ID hinzufügen.

Eine detaillierte Anleitung zum Generieren von App-ID, App-Geheimschlüssel und Client-ID finden Sie im nächsten Abschnitt.

3.2.1 Wie richte ich die Facebook-Anmeldung ein?

Eine Facebook-App kann mit den folgenden Schritten erstellt werden:

1: Gehen Sie zur angegebenen URL: https://developers.facebook.com/apps/

2: Klicken Sie auf die Schaltfläche „App erstellen“.

3 & 4: Wähle aus „Vernetzte Erlebnisse schaffen“ Wählen Sie die entsprechende Option und klicken Sie auf die Schaltfläche „Weiter“.

5 & 6: Fügen Sie einen „App-Anzeigenamen“ und eine „App-Kontakt-E-Mail“ hinzu, wählen Sie unter „Haben Sie ein Business Manager-Konto?“ aus und klicken Sie dann auf die Schaltfläche „App erstellen“.

7 & 8: Nachdem Sie auf „App-ID erstellen“ geklickt haben, müssen Sie eine Sicherheitsüberprüfung wie folgt durchlaufen:

9: Klicken Sie auf die Registerkarte „Einstellungen“.

Freundlich Callback-URL hinzufügen/löschen. Die Beschreibung der URL für den Lösch-Callback können Sie hier einsehen – https://developers.facebook.com/docs/development/create-an-app/app-dashboard/data-deletion-callback/

10-15: Im Dropdown-Menü stehen Ihnen zwei Optionen zur Verfügung: „Einfach“ und „Erweitert“. Klicken Sie auf „Einfach“. Geben Sie anschließend Ihre „App-Domain“, die „Datenschutz-URL“, die „Nutzungsbedingungen-URL“, das „Symbol hinzufügen“ und die „Kategorie auswählen“ ein und klicken Sie auf die Schaltfläche „Änderungen speichern“.

App Domains:

ihredomain.com ist und beseitigen Muskelschwäche

yourdomain.com/store ist unrichtig

www.domain.com ist unrichtig

16: Klicken Sie nun auf „+Plattform hinzufügen“.

17: Und wählen Sie als Plattform „Website“ aus.

18 & 19: Geben Sie jetzt die URL Ihrer Site ein.

20 & 21: Klicken Sie auf “Produkte+” und klicken Sie auf der Registerkarte „Facebook-Anmeldung“ auf die Schaltfläche „Einrichten“.

22: Wählen Sie das Web als Plattform für die App.

23: Fügen Sie die Website-URL hinzu und klicken Sie auf Speichern.

24-26: Klicken Sie auf „Einstellungen“ und fügen Sie gültige OAuth-Umleitungs-URIs hinzu.

Gültige OAuth-Umleitungs-URIs:

https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout&fblogin=1

27: Wähle aus “In Entwicklung” .

27-Entwicklung_zur_Produktion_en

28 & 29: Wählen Sie eine Kategorie aus dem Dropdown-Menü und klicken Sie auf die Schaltfläche „Modus wechseln“.

28-29-live_mode_en

30: Kopieren Sie die App-ID und das App-Geheimnis und fügen Sie sie in die dafür vorgesehenen Felder im Modul ein.

Letzter Schritt:

1. Melden Sie sich mit dem JavaScript SDK an.

Setzen Sie dieses Feld auf Ja.

2. Zulässige Domänen für das JavaScript SDK

Die Domain des Shops festlegen.

Hinweis: Hier muss die Domain im unten angegebenen Format eingegeben werden.

https://octest.knowband.com
Javascript-SDK

3.2.2 Wie richte ich die Google-Anmeldung ein?

Führen Sie die folgenden Schritte aus, um die Client-ID und das Client-Geheimnis zu erhalten. 1. Gehen Sie zum Link „ https://console.developers.google.com/project 2. Klicken Sie auf „Projekt erstellen“.

3. Geben Sie den gewünschten Projektnamen und den Namen Ihrer Organisation ein und klicken Sie auf „Erstellen“.


4. Gehen Sie zum API Manager, klicken Sie im linken Menü auf API & Services und anschließend auf Create Credentials.


5. Wählen Sie die Option „OAuth-Client-ID“.

6. Klicken Sie auf die Schaltfläche „Zustimmungsbildschirm konfigurieren“. Geben Sie „E-Mail-Adresse“ und „Produktname“ ein und klicken Sie anschließend auf die Schaltfläche „Speichern“.


7. Wählen Sie die Option „Extern“ und klicken Sie auf die Schaltfläche „Erstellen“.


Verwenden Sie die folgende Weiterleitungs-URL: https://your_store_url/index.php?route=supercheckout/supercheckout 8. Fügen Sie den App-Namen und die E-Mail-Adresse für den Benutzersupport hinzu.

9. Klicken Sie auf „Domäne hinzufügen“, fügen Sie die autorisierte Domäne hinzu und klicken Sie dann auf „Speichern und fortfahren“.

10. Klicken Sie auf die Schaltfläche „Speichern und fortfahren“.

Klicken Sie auf +Benutzer hinzufügen.

19-click_add_user_en

11. Geben Sie einen Benutzernamen ein und klicken Sie auf die Schaltfläche „Hinzufügen“.

12. Der hinzugefügte Benutzer wird angezeigt. Klicken Sie anschließend auf die Schaltfläche „Speichern und fortfahren“.

13. Klicken Sie auf den Bildschirm „Eidinhalt“ und anschließend auf die Schaltfläche „Hinzufügen veröffentlichen“.

14. Klicken Sie auf Anmeldeinformationen und dann auf die Schaltfläche +Anmeldeinformationen erstellen und wählen Sie dann Oath-Client-ID aus.

15. Geben Sie Anwendungstyp und Namen ein und klicken Sie dann auf die Schaltfläche „Hinzufügen“.

16. Fügen Sie die URLs hinzu und klicken Sie dann auf die Schaltfläche „Erstellen“.

17. Kopieren Sie die Client-ID und das Client-Geheimnis und fügen Sie sie in das unten angezeigte Textfeld im Prestashop-Einseiten-Checkout-Modul ein.

So generieren Sie den Google API-Schlüssel:

1) Gehen Sie zum API Manager, klicken Sie im linken Menü auf API & Services und anschließend auf Anmeldeinformationen.

Gehe zum API-Manager, klicke im linken Menü auf API-Dienste

2) Klicken Sie auf „Anmeldeinformationen erstellen“ und wählen Sie dann den API-Schlüssel aus.

2. Klicken Sie auf „Anmeldeinformationen erstellen“ und wählen Sie dann den API-Schlüssel aus.

3) Kopieren Sie den API-Schlüssel und geben Sie ihn im Feld „Google App-ID“ auf der Anmeldeseite des Admin-Endmoduls ein.

Kopieren Sie den API-Schlüssel und geben Sie ihn in das Feld „Google App-ID“ ein.

3.3 Zahlungsadresse

Dieser Tab enthält Einstellungen für die Felder, die im Abschnitt „Zahlungs- oder Rechnungsadresse“ auf der Checkout-Seite angezeigt werden sollen, wie unten dargestellt.

  1. Es besteht aus zwei Bereichen. Der linke Bereich ist für Gastkunden, der rechte für eingeloggte Kunden.
  2. Um ein Feld auf der Checkout-Seite ein- oder auszublenden, aktivieren Sie das Kontrollkästchen direkt links neben der Bezeichnung „Anzeigen“.
  3. Um ein Feld als Pflichtfeld zu kennzeichnen, aktivieren Sie das Kontrollkästchen direkt links neben „Erforderliche Bezeichnung“.
  4. Die Felder lassen sich je nach Bedarf neu anordnen. Bewegen Sie dazu einfach den Cursor auf das Ziehsymbol und ziehen Sie das Feld per Drag & Drop an die gewünschte Stelle, wie unten dargestellt.
  5. Beim Speichern werden die Felder entsprechend den Änderungen neu angeordnet.

3.4 Lieferadresse

Dieser Tab enthält Einstellungen für die Felder, die im Abschnitt „Lieferadresse“ auf der Checkout-Seite angezeigt werden sollen, wie unten dargestellt.

  1. Es besteht aus zwei Bereichen. Der linke Bereich ist für Gastkunden und der rechte Bereich für registrierte Kunden.
  2. Um ein Feld auf der Checkout-Seite ein- oder auszublenden, aktivieren Sie das Kontrollkästchen direkt links neben der Bezeichnung „Anzeigen“.
  3. Um ein Feld als Pflichtfeld zu kennzeichnen, aktivieren Sie das Kontrollkästchen direkt links neben „Erforderliche Bezeichnung“.
  4. Die Felder lassen sich je nach Bedarf neu anordnen. Bewegen Sie dazu einfach den Cursor auf das Ziehsymbol und ziehen Sie das Feld per Drag & Drop an die gewünschte Stelle, wie unten dargestellt.
  5. Beim Speichern werden die Felder entsprechend den Änderungen neu angeordnet.

3.5 Versandart

Dieser Tab enthält die Einstellungen für die Versandart, die auf der Checkout-Seite angezeigt wird. Hier können Sie die Versandart aktivieren/deaktivieren und die Standardversandart festlegen, wie unten dargestellt:

  • Versandarten anzeigen: Mit dieser Option können Sie die Versandarten auf der Checkout-Seite ein- bzw. ausblenden. Dazu müssen Sie den Schalter von EIN auf AUS oder umgekehrt umlegen.
  • Anzeigestil: Mit dieser Option können Sie den Darstellungsstil für die Versandarten auswählen, die Sie Ihrer Website hinzugefügt haben. Sie können zwischen drei Optionen wählen: Nur Text, Nur Bild oder Text mit Bildern.
  • Titel der Versandart anzeigen: Mit dieser Option können Sie die Titel der auf der Checkout-Seite angezeigten Versandarten aktivieren oder deaktivieren.
  • Wählen Sie eine Standardversandart aus: Mit dieser Option können Sie eine beliebige Versandart als Standardversandart für Ihren Shop auswählen.
  • Titel: Mit dieser Option können Sie Titel für jede der hinzugefügten und für Ihren Shop konfigurierten Versandarten festlegen. Sie können den Titel in Englisch oder Französisch einstellen.
  • Logo: Mit dieser Option können Sie für jede der in Ihrem Shop konfigurierten Versandarten das gewünschte Logo festlegen.

3.6 Ship2Pay

Die Ship2Pay-Funktion des OpenCart Supercheckout-Moduls deaktiviert automatisch die Zahlungsmethoden basierend auf der vom Kunden gewählten Versandart. Das heißt, der Administrator kann bestimmte Zahlungsoptionen bestimmten Versandoptionen im Shop zuordnen.

3.7 Zahlungsmethode

Dieser Tab enthält Einstellungen für die auf der Checkout-Seite angezeigten Zahlungsmethoden, wie z. B. das Aktivieren/Deaktivieren oder die Auswahl einer Standardmethode.

  • Zahlungsmethoden anzeigen: Mit dieser Option können Sie die Zahlungsmethoden auf der Checkout-Seite ein- bzw. ausblenden. Dazu müssen Sie den Schalter von EIN auf AUS oder umgekehrt umlegen.
  • Anzeigestil: Mit dieser Option können Sie den Darstellungsstil für die auf Ihrer Website hinzugefügten Zahlungsmethoden auswählen. Sie haben die Wahl zwischen drei Optionen: Nur Text, Nur Bild oder Text mit Bildern.
  • Wählen Sie eine Standardzahlungsmethode aus: Mit dieser Option können Sie eine beliebige Zahlungsmethode als Standardzahlungsmethode für Ihren Shop auswählen.
  • Titel: Mit dieser Option können Sie Titel für jede der hinzugefügten und für Ihren Shop konfigurierten Zahlungsmethoden festlegen. Sie können den Titel in Englisch oder Französisch einstellen.
  • Logo: Mit dieser Option können Sie für jede der in Ihrem Shop konfigurierten Zahlungsmethoden das gewünschte Logo festlegen.

3.8 Warenkorb

In diesem Abschnitt finden Sie die Warenkorbfelder, die in zwei Bereiche unterteilt sind: Der linke Bereich ist für Gastkunden, der rechte Bereich für registrierte oder angemeldete Kunden.

  1. Um den Warenkorb auf der Checkout-Seite ein- bzw. auszublenden, deaktivieren Sie das Kontrollkästchen vor der Bezeichnung „Warenkorb anzeigen“.
  2. Um eine Spalte im Warenkorb zu aktivieren/deaktivieren, aktivieren/deaktivieren Sie das Kontrollkästchen vor der jeweiligen Spalte.
  3. Um die Popup-Bilder für das Produkt zu aktivieren/deaktivieren, aktivieren/deaktivieren Sie das Kontrollkästchen vor der jeweiligen Spalte.
  4. Um die Größe des Bild-Popups zu ändern, geben Sie die Breite und Höhe des Popups in das Textfeld vor der Bezeichnung „Produktbildgröße“ ein.
  5. Die Optionen „Coupon“, „Prämienpunkte“ und „Gutschein“ können durch Aktivieren/Deaktivieren des entsprechenden Kontrollkästchens aktiviert bzw. deaktiviert werden. Bitte beachten Sie, dass das Textfeld für Prämienpunkte auf der Supercheckout-Seite erst sichtbar ist, wenn folgende drei Bedingungen erfüllt sind: a) Der Kunde muss angemeldet sein. b) Er muss mindestens einen Prämienpunkt auf seinem Konto haben. c) Er muss ein Produkt im Warenkorb haben, das mit Prämienpunkten bezahlt werden kann.

Bestätigen:

  1. Dieser Tab ist wiederum in zwei Abschnitte unterteilt: Der linke Abschnitt ist für Gastkunden und der rechte für registrierte oder angemeldete Kunden.
  2. Um das Kommentarfeld für die Kundenbestellung zu aktivieren, markieren Sie das Kontrollkästchen vor der Bezeichnung „Hinterlassen Sie einen Kommentar zur Bestellung“; um es zu deaktivieren, entfernen Sie das Häkchen bei demselben Kontrollkästchen.
  3. Um den Bedingungen oder anderen im Adminbereich des Shops gespeicherten Informationen zuzustimmen, aktivieren/deaktivieren Sie das Kontrollkästchen vor der Bezeichnung „Ich stimme den Bedingungen zu“.

3.9 Registerkarte „Design“

Dieser Tab enthält die Einstellungen für das Design von OpenCart One Page Checkout Pro, wie unten dargestellt:

1-Säulen

2-Säulen

3-Säulen

Sie können die Breite jeder Spalte ganz einfach ändern, indem Sie den Schieberegler oben wie unten dargestellt anpassen.

 

Außerdem können Sie verschiedene Blöcke der Checkout-Seite per Drag & Drop neu anordnen. Nach dem Speichern wird der Block entsprechend den Änderungen auf der Checkout-Seite neu angeordnet.

<br>
3.6 Newsletter

Durch Klicken auf die Registerkarte Newsletter der OpenCart responsives Ein-Schritt-Checkout-ModulSie können die Einstellungen für MailChimp, SendinBlue und Klaviyo Integrator wie unten gezeigt konfigurieren:

  • MailChimp aktivieren: Sie können die MailChimp-Integrationsfunktion für Ihren Shop aktivieren oder deaktivieren. Aktivieren Sie diese Option, wenn Sie die Newsletter-Abonnements für Ihren Shop steigern möchten.
  • MailChimp API-Schlüssel: Diese Option hilft Ihnen dabei, den Mailchimp-API-Schlüssel zum Erfassen von Kunden-E-Mails festzulegen.
  • MailChimp-Liste: Sobald der Schlüssel damit konfiguriert ist Mit der OpenCart-Erweiterung für schnellen Checkout können Sie die MailChimp-Liste abrufen und auswählen.

Das Gleiche lässt sich für SendinBlue und Klaviyo tun.

4.0 Frontschnittstelle von OpenCart One Step Checkout Erweiterung

Wenn der Benutzer auf die Schaltfläche „In den Warenkorb“ des jeweiligen Produkts klickt und den Bestellvorgang durchführt, wird ihm der folgende Supercheckout auf dem Bildschirm angezeigt.

5.0 Tutorial zu Opencart One Page Checkout Pro von Knowband

Um die Installation, Einrichtung und Konfiguration so einfach wie möglich zu gestalten, haben wir ein detailliertes und leicht verständliches Tutorial für OpenCart One Page Checkout Pro von Knowband erstellt. Diese Schritt-für-Schritt-Anleitung führt Sie durch alle Schritte – vom Herunterladen und Installieren des Moduls bis hin zur Konfiguration aller leistungsstarken Funktionen für ein schnelleres, reibungsloseres und benutzerfreundlicheres Checkout-Erlebnis. Egal, ob Sie OpenCart-Neuling oder erfahrener Nutzer sind: Mit diesem Tutorial können Sie Felder mühelos anpassen, Social-Login-Optionen verwalten, Gast-Checkout aktivieren, Zahlungs- und Versandmethoden konfigurieren und das Gesamtdesign optimieren – ganz ohne Verwirrung. Sehen Sie sich das vollständige Tutorial hier an, um eine reibungslose Installation und den einwandfreien Betrieb der One Page Checkout Pro-Erweiterung sicherzustellen.

OpenCart-Erweiterung für einseitige Kasse: https://www.knowband.com/opencart-one-supercheckout-pro

OpenCart One Page Checkout Admin Demo: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=admin&lang=en

OpenCart One Page Checkout Front Demo: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=front&lang=en

OpenCart-Einseiten-Kasse vom offiziellen OpenCart Marketplace: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=15353