> For the complete documentation index, see [llms.txt](https://stores-docs.zmyle.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://stores-docs.zmyle.de/funktionen/verwaltung/marketing/magic-checkout.md).

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://stores-docs.zmyle.de/funktionen/verwaltung/marketing/magic-checkout.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
