Zum Hauptinhalt springen

Installationsprozess für das PrestaShop-Plugin

Wie installiere ich das Hero Gateway Payment-Plugin für Prestashop

Schritt 1: Plugin herunterladen und hochladen

  1. Laden Sie das Plugin herunter, indem Sie auf diesen Link klicken: PrestaShop-Plugin herunterladen.

  2. Gehen Sie zu Module und klicken Sie auf Modulmanager

    Modulmanager
  3. Klicken Sie auf die Schaltfläche Modul hochladen

    Modul hochladen
  4. Klicken Sie auf Datei auswählen und wählen Sie die .zip-Datei des Plugins aus, die Sie gerade heruntergeladen haben. Sobald sie hochgeladen ist, klicken Sie auf Konfigurieren

    Datei auswählen und konfigurieren

Schritt 2: Testmodus konfigurieren

  1. Im Schritt 1 der Hero-Modulkonfiguration müssen Sie den Test-API-Schlüssel eingeben. Kopieren Sie den hier bereitgestellten API-Testschlüssel und fügen Sie ihn in das Feld ein - Ihr Test-API-Schlüssel:

    key_72057320-53e6-4943-a777-a9a033ac9742
    Test-API-Schlüssel-Konfiguration
  2. Sobald der Test-API-Schlüssel in das Feld eingefügt wurde, klicken Sie auf Meinen Test-API-Schlüssel überprüfen

    Test-API-Schlüssel überprüfen

Schritt 3: Integration überprüfen

  1. Folgen Sie in Schritt 2 den Anweisungen. Klicken Sie mit der rechten Maustaste auf Meinen Shop anzeigen und überprüfen Sie, ob alles, was in den Testschritten beschrieben ist, gut funktioniert

    Shop anzeigen
    Testschritte (für Details erweitern)
    1. Erkunden Sie Ihre Website und fügen Sie eines der Produkte zum Warenkorb hinzu, um die Zahlungsseite und die Weiterleitung zu testen.
    2. Sobald Sie das Produkt hinzugefügt haben, leiten Sie den Checkout ein. Sie sollten die Hero-Zahlungsmethode auf der Zahlungsseite Ihrer Website sehen können
      Hero-Zahlungsmethode
    3. Wenn Sie auf Bezahlen klicken, sollten Sie zur Testzahlungsseite von Hero weitergeleitet werden
      Hero-Testzahlungsseite
  2. Sobald Sie die Überprüfungen abgeschlossen haben, aktivieren Sie das Kontrollkästchen - Ich bestätige, dass ich alle oben genannten Überprüfungen durchgeführt habe und klicken Sie auf Nächster Schritt:

    Überprüfung abgeschlossen

Schritt 4: Testzahlung

  1. In Schritt 3 tätigen Sie eine Testbestellung auf Ihrer Website mit TEST-Kreditkartendaten. Wenn der Test erfolgreich ist, können Sie mit der Plugin-Einrichtung fortfahren, andernfalls schreiben Sie uns an support@hero.fr.

    Testzahlungsdaten:

    Karte: 4010 0617 0000 0021
    Ablaufdatum: 12/34
    CVV: 123
    3DS-Code: Checkout1!
    Testzahlungseinrichtung
    Testzahlungsschritte (für Details erweitern)
    1. Initiieren Sie die Zahlung erneut auf Ihrer Website und geben Sie die TEST-Kreditkartendaten auf der Hero-Zahlungsseite ein:
      Testzahlungseingabe
    2. Geben Sie den 3DS-Testcode ein: Checkout1! - um die TEST-Zahlung zu bestätigen
      3DS-Code-Eingabe
    3. Sobald die Zahlung erfolgreich ist, sehen Sie die Kaufbestätigungsseite und danach werden Sie zurück zu Ihrer Website weitergeleitet, um die TEST-Bestellung zu sehen
      Kaufbestätigung
    4. Klicken Sie in Ihrem Prestashop-Admin auf Bestellungen und überprüfen Sie, ob die erfolgreiche Bestellung in Ihren Bestellungen sichtbar ist
      Bestellungsüberprüfung 1
      Bestellungsüberprüfung 2
  2. Sobald Sie die Überprüfungen abgeschlossen haben, aktivieren Sie das Kontrollkästchen - Ich bestätige, dass ich alle oben genannten Überprüfungen durchgeführt habe und klicken Sie auf Nächster Schritt:

    Testüberprüfung abgeschlossen

Schritt 5: Produktionseinrichtung

  1. In Schritt 4 müssen Sie Ihren Produktions-API-Schlüssel einfügen, den Sie im Admin-Panel von Hero finden können. Gehen Sie zur Hero-Website und melden Sie sich bei Ihrem Konto an: https://onboarding.heropay.eu/signin?flow=registered&country=FR

    Hero-Anmeldung
    Ihren Produktions-API-Schlüssel erhalten (für Details erweitern)
    1. Sobald Sie sich angemeldet haben, klicken Sie auf Encaissements
      Encaissements-Menü
    2. Nachdem Sie auf der Seite Encaissements angekommen sind, klicken Sie auf Paramètres, dann auf Configuration site Internet und kopieren Sie Ihren API-Schlüssel, indem Sie auf die Schaltfläche Copier la clé API klicken
      API-Schlüssel kopieren
    3. Nachdem Sie den API-Schlüssel kopiert haben, fügen Sie ihn in dieses Feld in Ihrer PrestaShop-Admin-Seite ein und klicken Sie auf Plugin aktivieren
      Plugin aktivieren
  2. In Schritt 5 aktivieren Sie das Kontrollkästchen - Ich bestätige, dass ich alle oben genannten Überprüfungen durchgeführt habe und klicken Sie auf Setup abschließen

    Setup abschließen 1
  3. In Schritt 5 aktivieren Sie das Kontrollkästchen - Ich bestätige, dass ich alle oben genannten Überprüfungen durchgeführt habe und klicken Sie auf Setup abschließen

    Setup abschließen 2

Schritt 6: Zahlungsanzeigereihenfolge konfigurieren

  1. Jetzt können Sie die Anzeigereihenfolge Ihrer Zahlungsmethoden wählen. Gehen Sie dazu zu Design und klicken Sie auf Positionen

    Design-Positionen
  2. Aktivieren Sie das Kontrollkästchen - Nicht positionierbare Hooks anzeigen und geben Sie paymentOptions in Nach einem Hook suchen ein, um die gewünschte Position der Hero-Zahlungsmethode auf der Zahlungsseite zu ändern

    Zahlungsoptionen-Position
  3. Klicken und ziehen Sie Hero an die gewünschte Position. So wird es aussehen, wenn Hero an erster Stelle steht

    Hero an erster Stelle