Zum Hauptinhalt gehen

Wie können wir dir helfen?

Ich habe bei Digistore24 bestellt

Digistore24-Warenkorb auf Website einbinden

Möchtest du deine Facebook-Ads mit iOS-Geräten auf dem Warenkorb tracken? Dann initialisiere den Warenkorb wie hier beschrieben und richte das Checkout auf deiner eigenen Domäne ein. Siehe hier.  

Für die Einbindung des Digistore24-Warenkorbs sind folgende Schritte notwendig:

1. Warenkorb einbauen und Links hinzufügen

a) Warenkorb einbauen

i. Via JavaScript

1. Füge den folgenden Code auf deiner Website ein:

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart(); </script>

ii) Via WordPress-Shortcode

Der WordPress-Shortcode funktioniert nur in Verbindung mit WordPress und dem installierten Digistore24-Plugin (Version 2.17 oder höher).

  1. Installiere zuerst das Digistore24-Plugin. Gehe vor wie hier beschrieben.
  2. Gehe zur Editierungsansicht deiner Website in WordPress.
  3. Gib nun im Textfeld an beliebiger Stelle folgenden Shortcode ein: [digistore_cart]
  4. Passe nun die Kaufen-Buttons deines Produkts an. Diese dürfen nicht mehr direkt zu deinem Bestellformular führen. Gehe vor wie hier beschrieben.
  5. Binde danach den Warenkorb-Button ein. Hier findest du eine Beschreibung dazu.

b) Kaufen-Links einrichten

Mit diesem Link werden die Produkte zum Warenkorb hinzugefügt, sobald der Kunde auf deinen Kaufen-Button klickt.

Wichtig:
Bitte verwende nur den klassischen HTML-Tag für Verlinkungen

<a href="Link">Link-Text</a>

Andernfalls erkennt Digistore24 den Kaufen-Button nicht korrekt.

Die Kaufen-URL für den Warenkorb lautet:

https://www.digistore24.com/add/PRODUKT-ID

  1. Ersetze den Platzhalter PRODUKT-ID durch deine Produkt-ID. Diese findest du z. B. bei Konto > Produkte in der Zeile des Produktes.
  2. Baue den Link korrekt ein, wie an den folgenden Beispielen sichtbar:

Code für einen Text-Link:

<a href="https://www.digistore24.com/add/PRODUKT-ID">LINK-TEXT</a>

Code für einen Bild-Link:

<a href="https://www.digistore24.com/add/PRODUKT-ID"><imgsrc="URL-ZUM-BILD"/></a>

c) Warenkorb-Link/-Button einbinden

Damit der Kunde immer sehen kann, was er kauft, und damit er die Bestellung leicht abschließen kann, baue auf deiner Website diesen Warenkorb-Link bzw. -Button ein:

https://www.digistore24.com/cart

Beispiel:

Code für einen Text-Link:

<a href="https://www.digistore24.com/cart">Link Text</a>

Code für einen Bild-Link:

<a href="https://www.digistore24.com/cart"><img src="url-zum-button-bild"/></a>

d) Optional: Check-out-Link bzw. Check-out-Button einbinden

Du kannst auf deiner Website einen direkten Link zum Bestellformular einrichten, so dass der Kunde direkt die Bezahldaten eingeben kann.

Die URL dafür ist:

https://www.digistore24.com/checkout

Code für einen Text-Link:

<a href="https://www.digistore24.com/checkout">Link Text</a>

Code für einen Bild-Link:

<a href="https://www.digistore24.com/checkout"><img src="url-zum-button-bild"/></a>

2. Check-out-Seite einrichten

a) Auf Digistore24-Domäne

Hier brauchst du nichts weiter zu tun, es sei denn, du möchtest dein eigenes Bestellformular angeben. Verwende dazu einen der folgenden Codes (JavaScript oder WordPress-Shortcode) und ersetze jeweils „4321“ durch die Bestellformular-ID.

JavaScript:

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart( 'ordeform_id=4321' ); </script>

WordPress-Shortcode:

[digistore_cart orderform_id=4321]

b) Auf eigener Domäne

Möchtest du deine Facebook-Ads auf dem Digistore24-Warenkorb mit iOS-Geräten tracken, ist es notwendig, dass du den Digistore24-Warenkorb auf deiner eigenen Domain einbindest.

  1. Füge dazu einen dieser Codes ein:
    • JavaScript: <style> body { margin:0; } </style> <script src='https://www.digistore24.com/service/js/orderform_widget.js'></script><iframe class='ds24_payIFrame' style='overflow: hidden; width: 100%; height: 100%; border: none; margin:0; padding: 0; background: transparent;' src='https://www.digistore24.com/checkout?iframe=1' ></iframe>
    • WordPress-Shortcode: [digistore_cart_checkout]
  2. In deiner Warenkorb-Initialisierung: Übergib die Checkout-URL an digistoreCart(). Beispiel:
    • JavaScript: <script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart( 'checkout_url=https://www.mydomain.com/my-checkout_url' ); </script>
    • WordPress-Shortcode: [digistore_cart checkout_url=https://www.mydomain.com/my-checkout_url]
  3. Ersetze checkout_url=https://www.mydomain.com/my-checkout_url durch die URL aus 3b, Schritt 1.
Hinweis

Du kannst die Check-out-URL und das Bestellformular gleichzeitig angeben:

JavaScript:

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart( 'orderform_id=4321 checkout_url=https://www.mydomain.com/my-checkout_url' ); </script>

WordPress-Shortcode:

[digistore_cart orderform_id=4321 checkout_url=https://www.mydomain.com/my-checkout_url]

3. Einstellungsmöglichkeiten des Digistore24-Warenkorbs

Der Warenkorb von Digistore24 hat mehrere Einstellungsmöglichkeiten. Um eine Einstellung zum Warenkorb hinzuzufügen, solltest du deinen iframe-, JavaScript- bzw. WordPress-Shortcode um folgende zusätzliche Optionen erweitern:

Im iframe:digistoreCart("Option1 Option2")

Im JavaScript-Code: digistoreCart("Option1 Option2")

Im WordPress-Shortcode: [digistore_cart Option1 Option2]

Mögliche Einstellungen und dazugehörige Optionen

Option Erklärung der Einstellung
info_position

Legt fest, wo Info-Meldung „Zum Warenkorb hinzugefügt“ angezeigt wird. Mögliche Werte:

  • top (Standard) – die Meldung wird ganz oben im Browserfenster angezeigt
  • bottom – die Meldung wird ganz unten im Browserfenster angezeigt
  • Zahl (z. B. 50) – die Meldung dieser Pixel-Zahl wird unterhalb des oberen Randes des Browserfensters angezeigt
info_sticky Falls angegeben, wird die Zusammenfassung vom Warenkorb immer angezeigt und am Fensterrand angeheftet.
brutto Alle Preise im Warenkorb werden inklusive Mehrwertsteuer angezeigt. Wenn im Code bzw. Shortcode nicht explizit definiert, wird als Standard die Einstellung des ersten Produkts im Warenkorb für alle weiteren Produkte übernommen.
netto Alle Preise im Warenkorb werden angezeigt als Nettopreis zzgl. Mehrwertsteuer. Wenn im Code bzw. Shortcode nicht explizit definiert, wird als Standard die Einstellung des ersten Produkts im Warenkorb für alle weiteren Produkte übernommen.
orderform_id=321 Wählt das Bestellformular aus, welches nach dem Klick auf „Zur Kasse gehen“ angezeigt wird. Wenn im Code bzw. Shortcode nicht explizit definiert, wird als Standard die Einstellung des ersten Produkts im Warenkorb für alle weiteren Produkte übernommen.
return_url=https://xyz Definiert, wohin der Kunde weitergeleitet wird, wenn er auf dem Bestellformular auf den Link „Weiter einkaufen“ klickt. Als Standard wird der HTTP-Referrer genutzt, also auf die zuletzt aufgerufene Seite zurückgeleitet.
thankyou_url=https://xyz Nach dem Kauf wird der Käufer auf diese Seite geleitet.
no_return_button Der Link „Weiter einkaufen“ wird auf dem Bestellformular ausgeblendet.
currency_symbol Auf dem Bestellformular wird statt der Währungsabkürzung das Währungssymbol angezeigt (z. B. EUR → €).
upsell=XXX

Definiert, ob und wie Upsells im Bestellverlauf angezeigt werden.

Es folgen mehrere Beispiele für Anwendungsmöglichkeiten:
upsell=any Digistore24 wählt die Upsells vom ersten Produkt im Warenkorb, das Upsells hat. Dies ist die Standardeinstellung.
upsell=1234 Zeigt nach dem Initialkauf die Upsells von Produkt 1234 an.
upsell=12,34,56,78,12 Zeigt nach dem Initialkauf die Upsells von Produkt 12 an, falls es im Warenkorb ist. Sonst werden die Upsells von Produkt 34 angezeigt, falls es im Warenkorb ist. Sonst wird erneut das nächste Produkt aus der Auflistung herangezogen. Falls keines der aufgezählten Produkte vom Kunden in den Warenkorb gelegt wurde, werden die Upsells der letzten Produkt-ID der Aufzählung angezeigt (in diesem Beispiel die Produkt-ID 12; diese ID darf eine doppelte ID sein, sollte es aber nicht).
upsell=123,any,456 Zeigt die Upsells von Produkt 123 nach dem Initialkauf an, sofern Produkt 123 vom Kunden in den Warenkorb gelegt wurde; sonst die Upsells von irgendeinem anderen Produkt im Warenkorb (sofern Upsells vorhanden sind); sonst die Upsells von Produkt 456 (selbst wenn das Produkt 456 nicht im Warenkorb liegt, werden dessen Upsells nach dem Initialkauf angezeigt).
upsell=123,456,none Falls das Produkt 123 im Warenkorb ist, werden nach dem Initialkauf die Upsells von Produkt 123 angezeigt. Sonst, falls das Produkt 456 im Warenkorb ist, werden nach dem Initialkauf die Upsells von Produkt 456 angezeigt. Falls keines der aufgelisteten Produkte Upsells hat, werden nach dem Initialkauf keine Upsells angezeigt und der Kunde wird direkt zur Dankeseite weitergeleitet.
upsell=none Deaktiviert das Anzeigen von Upsells komplett, unabhängig davon, ob Produkte im Warenkorb Upsells haben oder nicht.
upsell=first Zeigt nur die Upsells des ersten Produkts im Warenkorb an. Dies ist das Standard-Verhalten bei Verkäufen, die nicht über einen Warenkorb erfolgen.
language=en Stellt die Sprache auf Englisch um. Standardmäßig wird die Sprache des ersten Produkts verwendet, das in den Warenkorb gelegt wird. Mögliche Sprachen sind aktuell: en (Englisch) und de (Deutsch).
orderform_as_popup Wenn der Käufer auf die Schaltfläche „Zur Kasse gehen“ klickt, öffnet sich das Digistore24-Bestellformular im neuen Fenster.
tracking=dein_tracking_
keyodertracking ='Dein Tracking-Key'

Fügt den angegebenen Tracking-Key zum Kauf hinzu (genauso wie es sonst der GET-Parameter ds24tr macht).

Falls der Trackingkey Leerzeichen enthält, verwende bitte Anführungszeichen (also tracking='mein Key').
currency=USD Im Warenkorb wird die angegebene Währung verwendet. Mögliche Werte sind: EUR, USD und CHF.
quantity_readonly Auf dem Bestellformular kann die Anzahl nicht geändert werden. Es können auch keine Produkte entfernt werden.
show_total_amount =some_name Zeigt den Warenkorbwert in dem HTML-Element mit der angegebenen ID oder CSS-Klasse oder entsprechendem Namen an. Füge dazu im HTML-Code z. B. ein:0 EUR– 0 EUR wird dann durch den tatsächlichen Warenkorbwert ersetzt. Wenn der Käufer Produkte oder Mengen im Warenkorb ändert, wird der Betrag automatisch aktualisiert.
show_cart_items=some_name Zeigt den Inhalt des Warenkorbs in dem HTML-Element mit der angegebenen ID oder CSS-Klasse oder entsprechendem Namen an. Füge dazu im HTML-Code z. B. ein:
/div>
on_cart_change
=some_js_function

Ruft die JavaScript-Funktion some_js_function( cart ) bei jeder Änderung des Warenkorbs auf. cart ist ein Object mit diesen Feldern:

  • gross_amount – Bruttobetrag, z. B. 119.00
  • net_amount – Nettbetrag, z. B. 100.00
  • gross_amount_msg – der Bruttobetrag formatiert für die direkte Anzeige, z. B. "119,00 €"
  • net_amount_msg – dito für den Nettbetrag, z. B. "100,00 €"
  • currency – Währung
  • items – Array mit den Bestellpositionen im Warenkorb mit diesen Feldern:
    • product_id
    • gross_amount
    • vat_amount
    • can_show_price: true/false – bei false kann kein Wert angezeigt werden, z. B. bei Abos.
    • max_quantity – z. B. 5: So oft kann der Käufer das Produkt kaufen.
    • quantity – z. B. 1
    • is_quantity_readonly - true/false
on_message=some
_alert_function		 Ruft die JavaScript-Funktion some_alert_function( msg_type, msg_text) jedes Mal auf, wenn dem User eine Nachricht angezeigt werden soll. msg_type ist error, warning oder info.
voucher=some_voucher_code Fügt den Gutscheincode some_voucher_code der Bestellung hinzu. Der Gutscheincode wird bei der Bestellung angewendet (sofern er für das erste gekaufte Produkt gültig ist).
theme=modern Wählt ein modernes Theme für den Warenkorb aus. Um das klassische Theme zu verwenden, lässt man den Parameter weg oder setzt: theme=classic
Hinweis

Wenn im Code bzw. Shortcode nicht explizit definiert, wird als Standard die Einstellung des ersten Produkts im Warenkorb für alle weiteren Produkte übernommen.

Beispiel:

Im JavaScript-Code:

Im WordPress-Shortcode:

[digistore_cart language=en netto tracking="kampagne 1"] 

4. Tipps und Tricks zum Digistore24-Warenkorb

Tipp 1: Zahlungspläne aller Produkte aneinander anpassen

Wenn du Produkte via Abonnement oder Ratenzahlung verkaufst, solltest du bei allen Produkten die gleichen Abrechnungsintervalle wählen, z. B. monatlich oder jährlich. So kommt es zu einer geringeren Anzahl an Abbuchungen beim Kunden.

Du kannst dabei Einmal-Zahlungsprodukte mit Abo- und Ratenzahlungsprodukten mischen. Digistore24 bietet dem Käufer dann das Abrechnungsintervall, das zu allen Produkten passt.

Beispiel:

  • Produkt 1 hat Jahreszahlung und Monatszahlung.
  • Produkt 2 hat Jahreszahlung und Zwei-Jahres-Zahlung.
  • Produkt 3 hat nur Einmal-Zahlung.

Dann kann der Käufer nur per Jahreszahlung zahlen.

Wenn die Produkte Testzeiträume haben, wird der kürzeste Testzeitraum der gewählten Produkte verwendet. Damit die Abbuchungen gemeinsam vorgenommen werden können, sollte auch bei allen Produkten (inkl. Einmalzahlungen) entschieden werden, ob die MwSt. im Preis enthalten sein soll oder nicht.

Beides kannst du unter Konto > Produkte in den Produkt-Details im Tab „Zahlungspläne“ einstellen.

Tipp 2 (für deinen Webdesigner): Fenster dauerhaft anzeigen lassen

Falls dein Web-Designer den Warenkorb gestalten wird, möchte er evtl. die diversen Fenster dauerhaft anzeigen lassen, um sie besser umgestalten zu können. Dazu kann er zusätzlich zu der URL, auf welcher der Warenkorb eingebaut wurde, folgende Option hinzufügen:

?ds24debug, z.B. https://www.domain.com?ds24debug.

Tipp 3 (für deinen Webentwickler): Produkte per JavaScript hinzufügen

Wenn du deine Webseite flexibler gestalten möchtest, gibt es die Möglichkeit, mit der JavaScript-Funktion ds24cart_add() Produkte zum Warenkorb hinzuzufügen, z. B.:

  • ds24cart_add( 123 )
    fügt das Produkt 123 zum Warenkorb hinzu
  • ds24cart_add( 123, 3 )
    fügt das Produkt 123 drei Mal zum Warenkorb hinzu

Verwende ds24cart_show( button ), um den Warenkorb anzeigen zu lassen.

Beispiel:

<button onclick="return ds24cart_show(this);">Warenkorb anzeigen</button>