# nopCommerce

{% hint style="info" %}
Verfügbar für die Versionen 4.10, 4.20, 4.30, 4.40, 4.50, 4.60, 4.70, 4.80
{% endhint %}

## Allgemein

Mit der Open-Source-Lösung von nopCommerce erstellen Händler leistungsfähige und skalierbare E-Commerce-Systeme. Unter anderem unterstützt nopCommerce Produktkataloge, Kundenverwaltung, Zahlungs- und Versandoptionen sowie Multi-Store- und Multi-Vendor-Fähigkeiten.

Mit dem von nopCommerce entwickelten Plugin kann die Zahlungslösung von Payrexx ganz einfach in nopCommerce integriert werden.

### Links

* [Webseite](https://www.nopcommerce.com) von nopCommerce
* Download des [Plugins](https://www.nopcommerce.com/payrexx-payment-gateway-nopcommerce-team)

{% hint style="info" %}
Bitte beachte, dass die Integration in nopCommerce nur in den Preisplänen "Standard" und "Premium" verfügbar ist. [Weitere Informationen](https://payrexx.com/de-ch/preise)
{% endhint %}

## Integration

### Installation des Plugins

* Öffne den Link zum [Download des Plugins](https://www.nopcommerce.com/en/payrexx-payment-gateway) auf der Webseite von nopCommerce.
* Melde Dich in Deinem Konto bei nopCommerce an.
* Lade das Plugin herunter, indem Du auf "Extension abrufen" klickst:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FB1r757b9jzsxWYGzANp6%2Fimage.png?alt=media&#x26;token=64f2d609-f67b-4d89-b46a-73a9d10845f1" alt=""><figcaption><p>Herunterladen des Plugins auf der Webseite von nopCommerce</p></figcaption></figure></div>

* Navigiere im Hauptmenü Deines nopCommerce-Kontos zu **Configuration > Local Plugins**.
* Klicke auf die grüne Schaltfläche "Upload plugin or theme":

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2Fz74AvP2FEJzHzmzEabih%2Fimage.png?alt=media&#x26;token=0e68ccba-2c7d-49ba-9e33-dfa072f40176" alt=""><figcaption><p>Hochladen des Plugins in nopCommerce (Schritt 1 von 2)</p></figcaption></figure></div>

* Wähle die zuvor heruntergeladene Plugin-Datei aus (1) und lade sie hoch (2):

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FLL8IGuJIt0msSJos9F0K%2Fimage.png?alt=media&#x26;token=f709b022-ea15-489b-a9ea-fcf7ead3daef" alt="" width="548"><figcaption><p>Hochladen des Plugins in nopCommerce (Schritt 2 von 2)</p></figcaption></figure></div>

* Suche in der Liste der Plugins nach dem Payrexx-Plugin.
* Klicke neben dem Plugin auf den Button "Install".

### Aktivierung des Plugins

* Suche in der Liste der Plugins erneut nach dem Payrexx-Plugin.&#x20;
* Klicke neben dem Plugin auf die graue Schaltfläche "Edit".
* Aktiviere im neu geöffneten Fenster die Checkbox "Is enabled" (1) und speichere die Einstellung, indem Du auf die blaue Schaltfläche "Save" klickst (2):

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FV24CPFQm2e1XPy2aEpJR%2Fimage.png?alt=media&#x26;token=beda8be0-7937-4273-aa27-e2d24cce6191" alt=""><figcaption><p>Konfiguration des Plugins in nopCommerce</p></figcaption></figure></div>

* Schliesse den aktuellen Browsertab nicht. Im übernächsten Schritt geht es mit der Konfiguration des Plugins weiter.

### Konfiguration von Payrexx

{% hint style="info" %}
Bitte beachte, dass Du bei Payrexx [eingeloggt](https://login.payrexx.com/de) sein musst, bevor Du beginnst. Falls Du noch kein Konto hast, [registriere](https://signup.payrexx.com/de/email-validation/) Dich bitte bei Payrexx.
{% endhint %}

* Navigiere im Hauptmenü Deines Kontos zu **API und Integrationen**.
* Suche unter "E-Commerce Integration hinzufügen" nach dem Plugin für nopCommerce.
* Klicke auf die Schaltfläche "Hinzufügen":

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2F7kwuZT8LZ74KpQSGbqw6%2Fimage.png?alt=media&#x26;token=336a1e72-345f-4e23-bb12-252334aa4f4c" alt=""><figcaption><p>Hinzufügen der Integration mit nopCommerce</p></figcaption></figure></div>

* Führe im folgenden Fenster die untenstehenden Schritte durch:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FmSrTvIKyDPBIlZglEQne%2Fimage.png?alt=media&#x26;token=d0aebc88-7d8d-4818-9f23-578673f05836" alt=""><figcaption><p>Konfiguration der Integration mit nopCommerce in Payrexx</p></figcaption></figure></div>

1. Kopiere die Werte der Felder "API-Schlüssel" und "Instanzname" in eine Textdatei, da Du sie im nächsten Schritt benötigst.
2. Erfasse die URL Deines Webshops, beispielsweise <https://beispielfirma.com/shop>.
3. Klicke auf die grüne Schaltfläche "Aktivieren".

### Konfiguration von nopCommerce

* Navigiere in der Liste der Plugins erneut zum Payrexx-Plugin und klicke auf die Schaltfläche "Configure":
* Füge die zuvor kopierten Informationen in die beiden Felder ein:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FY1AgSHKZVkyg6lGYbhZi%2Fimage.png?alt=media&#x26;token=9cbae7af-6b31-4eeb-9ca4-35cd68fbd7de" alt="" width="496"><figcaption><p>Eintragen von Instanznamen und API-Schlüssel</p></figcaption></figure></div>

1. **Instance name**: der Instanzname Deines Payrexx-Kontos. Wenn die URL Deines Kontos *beispiel.payrexx.com* ist, so lautet Dein Instanzname *beispiel*.
2. **API secret key:** API-Schlüssel aus dem vorherigen Schritt

Klicke auf "Save", um die Konfiguration abzuschliessen.

{% hint style="success" %}
Payrexx ist damit erfolgreich in nopCommerce integriert.
{% endhint %}