# Magic Checkout

Mit unserem **Magic Checkout** könnt Ihr Eure Gutscheine **direkt über Eure eigene Homepage** verkaufen – ohne technischen Aufwand. Alles, was Ihr tun müsst, ist **einen Link einzufügen**.

🔗 **Den Link zu Eurem Magic Checkout findet Ihr in Eurem Gutschein-Cockpit.**\
📌 **Beispiel:**

```
https://www.zmyle.de/co/checkout/cafe-central-coesfeld
```

### **So funktioniert’s:**

* Der Kunde klickt auf den **Magic Checkout-Link** und wird zum Gutscheinverkauf auf zmyle weitergeleitet.
* Dort kann er den Kauf sicher abschließen.
* Nach dem Kauf wird er **automatisch wieder auf Eure Website zurückgeleitet**.
* Falls der Kunde den Kauf **abbricht**, landet er ebenfalls wieder auf Eurer Seite.

✨ **Wie eine magische Erweiterung für Eure Homepage!**

### **Wichtiger Vorteil:**

> Da der gesamte Kaufprozess **technisch auf unseren Seiten stattfindet**, müsst Ihr Euch **keine Gedanken über rechtliche Details** machen.\
> \
> ✅ **Datensicherheit & DSGVO** – vollständig von zmyle geregelt.\
> ✅ **Zahlungsabwicklung** – wir übernehmen den gesamten Prozess.<br>
>
> 🚀 **Mit dem Magic Checkout könnt Ihr sofort loslegen – ohne komplizierte Integration!**

### Link für Aktzeptanzstellen

Der Link deines Magic Checkout setz sich wie folgt zusammen:

```
https://www.zmyle.de/co/checkout/<zmyleId>?successUrl=<successUrl>&cancelUrl=<cancelUrl>
```

|                              |                                                                                                                                                                                                                                                                                                                                  |
| ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **\<zmyleId>**               | Deine zmyle Retailer-ID oder der slug deines Geschäftes. Z.B. `cafe-central-coesfeld`. Du kannst deinen slug finden indem Du dein zmyle Profil online aufrufst und diesen aus der URL heraus kopierst. Gleichzeitig findest Du aber auch einen schon fertigen, funktionierenden Magic Checkout Link in deinem Gutschein Cockpit. |
| **\<successUrl>** *optional* | Eine explizite URL auf die der Gutscheinkäufer nach erfolgreichem Gutscheinkauf weitergeleitet wird. Du kannst Z.B. eine 'Danke' Seite anlegen und dann auf diese Seite weiterleiten lassen. Wenn Du hier keine Angabe machst dann leiten wir den Gutscheinkäufer auf die Seite zurück von welcher er gekommen war.              |
| **\<cancelUrl>** *optional*  | Eine explizite URL auf die der Gutscheinkäufer weitergeleitet wird wenn er den Gutscheinkauf vorzeitig abbricht. Wenn Du hier keine Angabe machst dann leiten wir den Gutscheinkäufer auf die Seite zurück von welcher er gekommen war.                                                                                          |

{% hint style="warning" %}

#### Urls in Urls 🤯

Die 'successUrl' und die 'cancelUrl' müssen URL encodiert übergeben werden. Kopiere deine gewünschte URL [hier](https://meyerweb.com/eric/tools/dencoder/) in das Eingabefeld und klicke auf "Encode". Du siehst wie der Text sich verändert. Dann kopiere das Ergebnis als Parameter in deine checkout URL. Z.B., die URL:\
`https://stadtgutschein.net/gutschein/danke`\
wird zu diesem Text encodiert:`https%3A%2F%2Fstadtgutschein.net%2Fgutschein%2Fdanke`
{% endhint %}

### Link für Gutscheinnetzwerke (Stadtgutscheine)

Der Link deines Magic Checkout für deinen Stadtgutschein setz sich wie folgt zusammen:

```
https://<domain>/co/checkout?successUrl=<successUrl>&cancelUrl=<cancelUrl>
```

|                              |                                                                                                                                                                                                                                                                                                                     |
| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **\<domain>**                | Trage hier die Domain von deinem Stadtgutscheinportal ein. Z.B. '[www.stadtgutschein-gronauepe.de](http://www.stadtgutschein-gronauepe.de)'.                                                                                                                                                                        |
| **\<successUrl>** *optional* | Eine explizite URL auf die der Gutscheinkäufer nach erfolgreichem Gutscheinkauf weitergeleitet wird. Du kannst Z.B. eine 'Danke' Seite anlegen und dann auf diese Seite weiterleiten lassen. Wenn Du hier keine Angabe machst dann leiten wir den Gutscheinkäufer auf die Seite zurück von welcher er gekommen war. |
| **\<cancelUrl>** *optional*  | Eine explizite URL auf die der Gutscheinkäufer weitergeleitet wird wenn er den Gutscheinkauf vorzeitig abbricht. Wenn Du hier keine Angabe machst dann leiten wir den Gutscheinkäufer auf die Seite zurück von welcher er gekommen war.                                                                             |

{% hint style="warning" %}

#### Urls in Urls 🤯

Die 'successUrl' und die 'cancelUrl' müssen URL encodiert übergeben werden. Kopiere deine gewünschte URL [hier](https://meyerweb.com/eric/tools/dencoder/) in das Eingabefeld und klicke auf "Encode". Du siehst wie der Text sich verändert. Dann kopiere das Ergebnis als Parameter in deine checkout URL. Z.B., die URL:\
`https://stadtgutschein.net/gutschein/danke`\
wird zu diesem Text encodiert:`https%3A%2F%2Fstadtgutschein.net%2Fgutschein%2Fdanke`
{% endhint %}

### Beispiel

Der folgende Magic Checkout ist ein Beispiel für den Stadtgutschein Emden. Dies ist der Link den wir so z.B. auf [unserer eigenen Homepage](https://www.zmyle.de/networks/emden/) benutzen:

```
https://www.stadtgutschein-emden.de/co/checkout?successUrl=https%3A%2F%2Fstadtgutschein.net%2Fgutschein%2Fdanke&cancelUrl=https%3A%2F%2Fstadtgutschein.net%2Fgutschein%2Fabbruch
```

{% embed url="<https://www.stadtgutschein-emden.de/co/checkout?successUrl=https%3A%2F%2Fstadtgutschein.net%2Fgutschein%2Fdanke&cancelUrl=https%3A%2F%2Fstadtgutschein.net%2Fgutschein%2Fabbruch>" %}

\
\ <br>
