Mobirise Tutorials

Smart Cart Stripe

Stripe Spende
Smart Cart Erweiterung

Mit dieser Erweiterung vom 28.07.2022 vom Drittanbieter ElectricBlaze kann man Zahlungen über  "Stripe" oder auch "PayPal" vornehmen.

Weiterhin kann man über "WhatsApp" kleine Bestellungen aufgeben.

Ich habe hier mal einen Spenden-Beispiel mit Stripe erstellt. Klicke auf einen beliebigen Button "Spende". Mit den unterschiedlichen Buttons können die Beträge auch kombiniert werden.

Bitte benutzt den Cart nicht in Verbindung mit dem Translator, damit alles korrekt funktioniert, denn sonst werden die + und - Zeichen und das x Symbol im Einkaufswagen nicht funktionieren.

Eine Zahlung erfolgt nicht. Diese würde erst nach dem Checkout auf der Stripe Seite vorgenommen werden.

Smart Cart Erweiterung Stripe

Mobirise hat diese Erweiterung Smart Cart, zusätzlich zu der bereits vorhandenen Erweiterung PayPal Shopping Cart, im Juli 2022 vorgestellt. Diese Erweiterung wurde vom Drittanbieter ElectricBlaze erstellt, der auch bereits etliche Social Media Erweiterungen erstellt hat.

Nachdem die Erweiterung Smart Cart am + Zeichen installiert wurde, wird diese als zusätzliches Tab im Mobirise Link-Fenster angezeigt. Ihr könnt also einen Textlink oder einen Button zur Verlinkung zu PayPal, Stripe oder auch WhatsApp verwenden.

PayPal und Stripe sind Bezahldienstleister und WhatsApp ein Messenger-Dienst. WhatsApp muss auf dem eigenen Smartphone installiert sein, kann aber damit auch über den Desktop bedient werden. Mit WhatsApp kann man dann eine simple Bestellung übermitteln.

Dabei könnt ihr jeweils am Radio-Button wählen, ob der Betrag zunächst in den Einkaufswagen (Cart) gelegt werden oder gleich das jeweilige Option direkt (Buy Now) aufgerufen werden soll.

Es ist nicht möglich eine zweite Smart Cart Option im gleichen Projekt zu verwenden, da es immer nur einen Warenkorb geben kann.

Insofern zeige ich hier als Beispiel diese Spende. Ihr könnt das natürlich gerne testen und nichts zahlen, da die eigentliche Zahlung ja erst auf der Webseite von Stripe vorgenommen wird.

Informiert euch auch über die Gebühren von Stripe, die vom Verkäufer bezahlt werden müssen.

Es muss immer ein Preis eingetragen werden und es kann nur pro Link jeweils ein Betrag erstellt werden, der aber dann im Einkaufswagen vervielfältigt werden kann.

Hier reicht eure E-Mail Adresse, die ihr bei Stripe hinterlegt habt, nicht aus. Ihr benötigt eine Stripe Account Schlüssel, die Ihr bei Stripe generieren lassen könnt. "ElectricBlaze" hat das sehr gut auf seiner Webseite beschrieben:

https://electricblaze.com/smart-cart/how-to-get-client-id.html

Ihr loggt Euch also zunächst mit euren Zugangsdaten bei eurem Stripe Konto ein. Öffne diese Seite:

https://p.electricblaze.com/stripe/connect

Folgt nun den Anweisungen. Hier könnt ihr ein neues Konto bei Stripe erstellen oder euch einloggen.
 
Kopiere die "Stripe Account Key" in das dafür vorgesehene Feld im Smart Cart Fenster.

Smart Cart

Smart Cart Link Fenster

Caption Editor

Caption Editor

Caption Editor

Klick im Smart Cart Fenster auf den Link "Edit Captions", um zu diesem Editor zu gelangen.

Hier könnt ihr die verschiedenen Titel-Zeilen eintragen, die dann z.B. im Einkaufswagen angezeigt werden.

Stripe Zahlung

Stripe Zahlung

Stripe Zahlung

Nachdem ihr im Einkaufswagen den Button "Bezahlen mit Stripe" geklickt habt, werdet ihr zur Seite von "Stripe" weitergeleitet.

Dort kann man dann seine Kartendaten eintragen, um die Bezahlung abzuschließen.

Die Zahlungen werden dann automatisch von Stripe innerhalb weniger Tage, abzüglich der Gebühren für Stripe, auf euer hinterlegtes Bankkonto überwiesen.

© Copyright Mobirise-Tutorials.com

Datenschutz und Impressum

Google Translator
Funktionale Cookies akzeptieren