# Shopify

## Allgemein

Shopify ist eine E-Commerce-Plattform, mit der Unternehmen Online-Shops erstellen und verwalten können, ohne dass dafür umfangreiche technische Kenntnisse benötigt werden.

### Links

* Webseite von [Shopify](https://www.shopify.com/)
* [Shopify App Store](https://apps.shopify.com/payrexx-payment-app?locale=de) mit Showcase
* [Installations-URL](https://accounts.shopify.com/store-login?redirect=%2Fadmin%2Fsettings%2Fpayments%2Falternative-providers%2F46497793)

{% hint style="info" %}
**Information zur Preisgestaltung**

Für Zahlungen über Shopify fällt eine Gebühr von 0.35 % pro Transaktion an – zusätzlich zu den Payrexx-Transaktionsgebühren. Zudem verrechnet Shopify je nach gewähltem Shopify-Plan ebenfalls [Transaktionsgebühren](https://www.shopify.com/pricing).
{% endhint %}

## Funktionen

* ✅ Zahlungsmittel-Logos im Checkout
* ✅ Webhook-Fähigkeit
* ✅ Rückerstattungen in Shopify ausführen
* ✅ Einstellungen zu Look & Feel
* ❌ Abonnement-Support
* ❌ Mehrwährungsfähigkeit
* ❌ Warenkorb-Übertragung
* ❌ Individuelle Zahlungsmittel-Konfiguration

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

### Zahlungsarten

Die folgenden Zahlungsarten werden durch das Shopify-Plugin unterstützt:

<table><thead><tr><th width="206.74072265625">Payrexx Pay</th><th width="244.1112060546875">Payrexx Pay Plus</th><th width="197.5555419921875">Externe Zahlungsanbieter</th><th data-hidden></th></tr></thead><tbody><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FzmSiSts3E0QSDEMQl9Hf%2Fimage.png?alt=media&#x26;token=c257a146-eb71-43a1-893f-c396efea3280" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/mastercard">Mastercard</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FzmSiSts3E0QSDEMQl9Hf%2Fimage.png?alt=media&#x26;token=c257a146-eb71-43a1-893f-c396efea3280" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/mastercard">Mastercard</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FYUro3ZNB2O1czlYNRZJH%2Fimage.png?alt=media&#x26;token=cee16066-e0a7-4930-a4dd-181a53a109ca" alt="" data-size="line"> <a href="../../bezahldienste/externe-zahlungsanbieter/wallets-and-alternative/giropay">giropay</a></td><td></td></tr><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FOMih5TP6rtMuvtI0LblW%2Fimage.png?alt=media&#x26;token=49593e63-5c2d-4778-bced-720873dd9e6f" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/visa">Visa</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FOMih5TP6rtMuvtI0LblW%2Fimage.png?alt=media&#x26;token=49593e63-5c2d-4778-bced-720873dd9e6f" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/visa">Visa</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FrkWyu2um2XCilcuzf4hy%2Fimage.png?alt=media&#x26;token=b9ecb2a8-7568-4632-8fe3-815a88577b89" alt="" data-size="line"> <a href="../../bezahldienste/externe-zahlungsanbieter/wallets-and-alternative/powerpay">POWERPAY</a></td><td></td></tr><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FLVgIjDrsMTOficb0o0E2%2Fcard_postfinance-pay%402x.png?alt=media&#x26;token=5b14cab5-b791-4e5f-9f4f-cf1b56a9878b" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/postfinance-pay">PostFinance Pay</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FQ4Pw15SbyF5HZmLTdeby%2Fimage.png?alt=media&#x26;token=7cf3e352-5a26-490a-813e-0f56b4c63651" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/american-express">American Express</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FoS9INIgKHrrfcr1MsRl3%2Fcembrapay.png?alt=media&#x26;token=d09d8dbd-7fc4-4ab7-b5d5-953472f61e12" alt="" data-size="line"> <a href="../../bezahldienste/externe-zahlungsanbieter/wallets-and-alternative/cembrapay">CembraPay</a></td><td></td></tr><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FQmoNlTY2RHjz12DsLE6S%2Fimage.png?alt=media&#x26;token=8f2d9059-59ab-4318-a4b0-8f923f55f60e" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/twint">TWINT</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FOQDbOLnSJqpBiQbs9B2Q%2Fimage.png?alt=media&#x26;token=b02b0d3a-18a4-4723-ac5c-4ddca01edf81" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/diners-club-international">Diners Club International</a></td><td></td><td></td></tr><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2Fla27VdQMTgI6rJn64Vk6%2Fimage.png?alt=media&#x26;token=fd69f5ef-39e7-4a47-854c-a36916ab6891" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/samsung-pay">Samsung Pay</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2Fabg6kdxmdazOeDRyb33F%2Fimage.png?alt=media&#x26;token=976d916a-87aa-49be-8c94-5e44821b348e" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/discover-card">Discover Card</a></td><td></td><td></td></tr><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FkkMmDyJFEkA46T6Ln0lh%2Fimage.png?alt=media&#x26;token=c8a675ed-f20b-4918-ae0f-765e0336acf3" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/reka">Reka</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FhwFChllXfqdTZ64sg6sz%2Fimage.png?alt=media&#x26;token=07f340b8-4d88-46b1-8e25-592715b04489" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/klarna">Klarna</a></td><td></td><td></td></tr><tr><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FN6DI4ZZfjuglMh4W1Umi%2Fcard_centi.svg?alt=media&#x26;token=63c67bdb-5dd0-4821-9ae7-e43c135dbbc8" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/centi">Centi</a></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2Fa9qJxVG6I1Tmyh2jZS5A%2Fimage.png?alt=media&#x26;token=b3149362-5518-49ea-a38e-b066ccdf67a7" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/ideal">iDEAL</a></td><td></td><td></td></tr><tr><td></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FifrpSEUR4sogoBeV95Y5%2Fimage.png?alt=media&#x26;token=b8ba901e-be48-49c1-b888-cfcb2cfc8eb3" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/eps">eps</a></td><td></td><td></td></tr><tr><td></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FvkXEYrMZgk3VR63rvmGI%2Fimage.png?alt=media&#x26;token=a4fec841-c4be-4dfe-9d3e-6883baaba298" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/bancontact">Bancontact</a></td><td></td><td></td></tr><tr><td></td><td><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FP4nDWl562sdO5cg3caSh%2Fimage.png?alt=media&#x26;token=b9af55a5-1e57-4d87-acb2-765b236e19e2" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/sepa-debit-direct">SEPA Debit Direct</a></td><td></td><td></td></tr><tr><td></td><td> <img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FtcgwAAI2P15pgHTcXVKs%2Fimage.png?alt=media&#x26;token=46f2f762-3523-4c0e-aab7-6352e6b59930" alt="" data-size="line"> <a href="../../bezahldienste/payrexx-pay/zahlungsmittel/przelewy24">Przelewy24</a></td><td></td><td></td></tr></tbody></table>

{% hint style="danger" %}
Bitte beachte, dass die Zahlungsarten Apple Pay, Google Pay und Kauf auf Rechnung durch das Shopify-Plugin nicht unterstützt werden.
{% endhint %}

## Setup

In diesem Abschnitt erfährst Du, wie Du das Plugin installieren und konfigurieren kannst.

{% embed url="<https://youtu.be/l6al1ygQ2-8>" %}
Videotutorial der Plugin-Installation
{% endembed %}

### Installation

1. Öffne den Installations-Link des Plugins oder klicke auf den [Link auf der Präsentationsseite im App Store.](https://apps.shopify.com/payrexx-payment-app)
2. Wähle den Store aus, auf dem Du die App installieren möchtest.
3. Klicke auf "Installieren" in der rechten oberen Ecke, um den Installationsprozess zu starten.&#x20;

<div align="left" data-full-width="false"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FgNQlVR80308f03EsARem%2FShopify%20Plugin%20Installation.png?alt=media&#x26;token=63a93676-1798-4056-a1d4-f54d88614a41" alt=""><figcaption><p>Initialisierung der Plugin-Installation</p></figcaption></figure></div>

4. Anschliessend siehst Du eine Übersicht der Payrexx Payment App. Die App benötigt Zugriff auf bestimme Daten. Klicke auf "Installieren", wenn Du mit den Zugriffsrechten einverstanden bist.

<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%2FuiO0wZPJcZC8wpgtPrqb%2FShopify%20App%20Installation.png?alt=media&#x26;token=42929670-dd9c-4e54-80bb-daef6f4af989" alt=""><figcaption><p>Payrexx Payment App Übersicht</p></figcaption></figure></div>

5. Anschliessend wirst Du auf die Konfigurationsseite (seitens Payrexx) des Plugins weitergeleitet. Zur Authentifizierung müssen dort folgende Daten aus dem Payrexx Dashboard oder dem Dashboard Deiner Plattform eingetragen werden:

   * URL der Plattform (beispielsweise payrexx.com)
   * Instanzname\*
   * API-Schlüssel (siehe Abschnitt "[Konfiguration - Payrexx](#konfiguration-payrexx)")

   Speichere die Werte mit einem Klick auf "Speichern" in der rechten unteren Ecke.\
   \
   \&#xNAN;***\*** Der Instanzname ist der Name Deines Payrexx-Kontos. Du findest ihn am Anfang der URL, wenn Du in Deinem Konto angemeldet bist. Wenn dort **beispiel**.payrexx.com steht, so lautet Dein Instanzname **beispiel**.*

<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%2FZryHBCb3BuX3gXKe2sXb%2FShopif%20App%20Einstellung.png?alt=media&#x26;token=9d98f9e1-0a82-4ca5-8bb7-2175af29254f" alt=""><figcaption><p>Konfiguration Shopify Plugin</p></figcaption></figure></div>

6. Wenn die eingegebenen Daten stimmen, wirst Du auf die nächste Konfigurationsseite weitergeleitet. Wähle aus, welche Zahlungsmethoden Du in Deinem Shop zur Verfügung stellen möchtest. Diese Einstellungen beeinflussen nur die Zahlungsmethoden-Anzeige im Checkout Deines Shops. Die Anzeige der Zahlungsarten im Zahlungs-Gateway wird im Payrexx Dashboard konfiguriert (Punkt 7).

<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%2FY7Idmzt1lM9tf5qTtr4q%2FShopify%208.png?alt=media&#x26;token=cc1fcfdd-3848-49bd-9749-2cfc4448ae22" alt=""><figcaption><p>Zahlungsmethoden konfigurieren</p></figcaption></figure></div>

7. Öffne die Einstellungen der Zahlungsanbieter und Zahlungsmethoden Deines Payrexx-Kontos. Konfiguriere diese so, dass nur Zahlungsmethoden aktiv sind, welche auch bei Shopify (Punkt 6) ausgewählt wurden. Ist dies nicht der Fall, kann es sein, dass mehr Zahlungsmethoden auf dem Zahlungs-Gateway zu sehen sind als beim Checkout im Shop.
8. Klicke auf die Schaltfläche "Aktivieren", um die Integration abzuschliessen.\
   \
   In [diesem Artikel](https://docs.payrexx.com/merchant/bezahldienste/payrexx-direct/aktivierung-and-konfiguration) findest Du ein Beispiel, wie Zahlarten bei Payrexx Pay und Payrexx Pay Plus konfiguriert werden können.

### 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 %}

1. Navigiere zu **API und Integration** und füge eine neue Shopify Integration aus der E-Commerce Sektion hinzu.

<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%2F2nsiUHUOgH6NjCYxQmtK%2FPayrexx%20API%20%26%20Integration.png?alt=media&#x26;token=3b8f8a1a-b1ca-4304-aa4b-9249c978d87d" alt=""><figcaption><p>Payrexx Dashboard Ansicht der E-commerce Integrationen</p></figcaption></figure></div>

3. Gib Deine Shopify-Store-URL (endet mit myshopify.com) an und aktiviere die neue Integration. Du wirst den Payrexx "API Key" und den "Instanznamen" im Schritt [Plugin-Konfiguration](#installation) benötigen.

<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%2FxVi6cesmDRy2VzjIhKch%2FPlugin%20Konfiguration%20Payrexx.png?alt=media&#x26;token=31767abb-24e2-4059-ab69-93df506a9c08" alt=""><figcaption><p>Payrexx Dashboard-Ansicht der Shopify-Plugin-Konfiguration</p></figcaption></figure></div>

### Konfiguration von Shopify

Bei der Installation wirst Du durch alle Konfigurationsschritte durchgeführt. Solltest Du zu einem späteren Zeitpunkt Einstellungen aktualisieren wollen, kannst Du dies an folgenden Orten erledigen:

* Konfiguration Zahlungsmittel: **Einstellungen > Zahlungen > Payrexx**
* Konfiguration Plugin: **Einstellungen > Zahlungen > Payrexx > Weitere Aktionen > Verwalten**

<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%2FdBbnBfgrlCy961TliuhD%2F12-03-_2024_13-49-55.png?alt=media&#x26;token=f1dd33ee-6a3d-4182-a590-9140521caf5d" alt=""><figcaption><p>Konfiguration des Shopify-Plugins öffnen</p></figcaption></figure></div>

## Rückerstattungen

Rückerstattungen sollten nur über das Admin-Dashboard von Shopify erstellt werden. Auf diese Weise werden die Informationen zwischen beiden Plattformen synchronisiert. Wenn Du eine Rückerstattung im Händler-Backend von Payrexx erstellst, wird sie zwar korrekt verarbeitet, aber nicht an Shopify übermittelt.

## Manuelles Erfassen von Bestellungen

Wenn Du für einen Kunden manuell eine Bestellung erfassen möchtest, eignet sich dafür [Kauf auf Rechnung](https://docs.payrexx.com/merchant/bezahldienste/payrexx-pay/zahlungsmittel/kauf-auf-rechnung). Da dieses Zahlungsmittel vom Shopify-Plugin aber nicht unterstützt wird, musst Du die entsprechende Bestellung nicht in Shopify, sondern in der Händler-Administration von Payrexx erstellen.

## Bestellprozess aus Kundensicht

Der folgende Ablauf zeigt die Bestellung und Bezahlung eines Produkts in einem Shopify-Shop mit integrierter Zahlungslösung von Payrexx:

* Der Kunde wählt ein Produkt aus und legt es in den Warenkorb:

<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%2FzR91DbCNm9eyKqfF90yW%2Fimage.png?alt=media&#x26;token=40b1701d-c14e-4e6e-81d4-33d4e2ec7de3" alt=""><figcaption><p>Hinzufügen eines Produkts zum Warenkorb</p></figcaption></figure></div>

* Nach der Erfassung der Adressdaten und der Überprüfung des Warenkorbs fährt der Kunde weiter zum Checkout:

<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%2FzIWlq32CfZSy4eR7iD9k%2Fimage.png?alt=media&#x26;token=74944679-c006-4249-856c-88b842f31a2d" alt=""><figcaption><p>Erfassung der Kundendaten und Starten des Bezahlprozesses</p></figcaption></figure></div>

* Der Kunde wird zu Payrexx weitergeleitet und wählt aus der Liste das gewünschte Zahlungsmittel aus, im folgenden Beispiel Visa:

<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%2FYeQ3wmhutpXl1tevPxKn%2Fimage.png?alt=media&#x26;token=a6630f03-20e4-48c0-8752-eebaddc82ab9" alt="" width="402"><figcaption><p>Auswahl des gewünschten Zahlungsmittels</p></figcaption></figure></div>

* Der Kunde gibt seine E-Mail-Adresse und die Kartendaten ein und schliesst die Bestellung ab:

<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%2F042hs2YaCSTG2q0ZEGuQ%2Fimage.png?alt=media&#x26;token=07795d50-8bf5-46c0-b21f-1f33d9cedf51" alt="" width="360"><figcaption><p>Auslösen der Zahlung</p></figcaption></figure></div>

{% hint style="success" %}
Die Zahlung im Shopify-Shop ist erfolgreich abgeschlossen.
{% endhint %}
