CMS Pay
Einkaufen

Einbinden

CMS Pay auf jeder Website.

Code kopieren, an der gewünschten Stelle einfügen, fertig. Design, Logo und Texte kommen zentral von cms-pay.de. Ändern wir etwas, ist es überall aktuell.

Box

Die vollständige CMS Pay Box mit Zahlungsarten, Versprechen und Stripe-Hinweis. Passt gut neben den Kauf-Button oder in die Seitenleiste.

<div data-cms-pay="box"><a href="https://cms-pay.de">Bezahlen mit CMS Pay</a></div>
<script src="https://cms-pay.de/embed/v1/cms-pay.js" async></script>
Bezahlen mit CMS Pay

Badge

Klein und unauffällig, zum Beispiel im Footer, im Warenkorb oder unter einem Preis.

<div data-cms-pay="badge"><a href="https://cms-pay.de">CMS Pay</a></div>
<script src="https://cms-pay.de/embed/v1/cms-pay.js" async></script>
CMS Pay

Banner

Ein breiter Streifen über die ganze Breite, etwa über dem Footer oder auf einer Infoseite.

<div data-cms-pay="banner"><a href="https://cms-pay.de">Bezahlen mit CMS Pay</a></div>
<script src="https://cms-pay.de/embed/v1/cms-pay.js" async></script>
Bezahlen mit CMS Pay

Anpassen

Mit diesen Angaben im <div> passt du die Einbindung an:

AngabeWerteWirkung
data-cms-paybox, badge, bannerWelche Variante gezeigt wird.
data-themelight, darkHell oder dunkel. Box und Badge sind standardmäßig hell, das Banner dunkel.
data-shopz.B. CMS KinderautosNennt den Shop im Text: „Bezahlen bei CMS Kinderautos mit CMS Pay“.
data-linkeine AdresseWohin Logo und Link führen. Standard ist cms-pay.de, z.B. auch /pages/cms-pay im Shop.

Beispiel: <div data-cms-pay="box" data-theme="dark" data-shop="CMS Toys"></div>. Mehrere Einbindungen auf einer Seite brauchen das <script> nur einmal.

Wo du den Code einfügst

Shopify

Theme anpassen, an der gewünschten Stelle einen Block „Benutzerdefiniertes Liquid“ hinzufügen und den Code hineinkopieren.

WordPress

Im Editor einen Block „Individuelles HTML“ einfügen und den Code hineinkopieren.

Andere Seiten

Überall, wo HTML erlaubt ist. Das Design ist gekapselt und wird vom Rest der Seite nicht verändert.

Ohne Script

Wo keine Scripts erlaubt sind, etwa in E-Mail-Signaturen oder auf Marktplätzen, nimmst du einfach das Logo mit Link:

<a href="https://cms-pay.de" target="_blank" rel="noopener"><img src="https://cms-pay.de/assets/cms-pay-logo.webp" alt="Bezahlen mit CMS Pay" width="64" height="65"></a>

Gut zu wissen