Inhalt

Zahlungsfeld-Anwendungsfall

Calculoid stellt das Zahlungsfeld für die bezahlten Pläne bereit. Sie können sich direkt mit Ihrem PayPal- (oder Stripe-) Konto verbinden. Calculoid übernimmt keine Provision von den mit Ihren Taschenrechnern geleisteten Zahlungen. Lassen Sie uns einen Blick darauf werfen, wie Sie es konfigurieren und für Ihr Projekt verwenden können.

Lassen Sie Ihre Kunden bezahlen, was sie berechnen

Mit dem Zahlungsfeld wird Ihr Rechner zum Warenkorb. Es ist natürlich keine Lösung für große E-Commerce-Lösungen. Es gibt jedoch Fälle, in denen Calculoid die beste Lösung als Zahlungsmittel ist. Betrachten Sie diese Beispiele:

Eine kleine Bäckerei

Eine kleine Familienbäckerei ist auf 5-Kuchensorten spezialisiert. Jeder Kuchenpreis unterscheidet sich durch die Kuchengröße, die Füllmaterialien und die verschiedenen Füllungsbestandteile. In diesem Fall ist es nicht schwer, einen Taschenrechner zu erstellen, ein paar Textfelder einzufügen, um die Kundenadresse und den Liefertermin zu erhalten, und dann den Kunden den Preis berechnen zu lassen und direkt für den Kuchen zu zahlen. Dann kopieren und modifizieren Sie es 4 mehrmals, um jeden Kuchentyp natürlich mit dem Illustrationsfoto anzupassen, in Ihre Website einzubetten und die E-Commerce-Lösung ist fertig.

Marketing-Agentur

Stellen Sie sich eine Marketingagentur vor, die für jede Aufgabe Zeit der Experten verkauft. Sie haben eine Grafik, einen Webentwickler, einen Texter, einen PPC-Experten und einen Projektmanager. Jeder Experte hat einen anderen Stundensatz. Sie möchten auch einen Mengenrabatt gewähren. In diesem Fall hätte der Rechner ein Kontrollkästchen für jeden Experten und einen Schieberegler für die Anzahl der Stunden, die er die Zeit des Experten kaufen möchte. So können die Kunden leicht berechnen, wie hoch die Kosten für ihr Projekt sind, und sie können sie mit einem Klick auf die Schaltfläche erwerben.

Mit dem Zahlungsfeld können Sie benutzerdefinierte Waren und Dienstleistungen verkaufen. Der Kunde kann genau das konfigurieren, was er braucht.

Wichtige E-Commerce-Funktionen

Calculoid bietet mehr Funktionen, um Ihre E-Commerce-Anforderungen zu erfüllen, als nur einen Bezahlknopf.

  • Die Zahlungen können mit Zahlungskarten über abgewickelt werden Stripe-Zahlungstor oder über PayPal.
  • Sie und der Kunde können bekommen personalisierte E-Mail über die Zahlung mit allen Rechnerfeldwerten.
  • Die Bestellliste ist mit allen Kunden- und Zahlungsdetails und verfügbar Rezensionen für jeden Rechner.
  • Die Bestellungen können auch sein in CSV exportiert Sie können es dann in einem Tabellenkalkulationsprozessor wie MS öffnen Excel.
  • Webhooks Damit können Sie die Auftragsdaten in Echtzeit bearbeiten. Senden Sie die Informationen an Ihre CRM- oder Rechnungsanwendung.
  • Wir arbeiten auch an einfach zu installierenden Integrationen wie der für Redmine.

Die Zahlungsfeldkonfiguration

Sie müssen nicht bezahlen, um das Zahlungsfeld zu konfigurieren und zu testen. Das Feld ist im kostenlosen Plan verfügbar. Es wird nicht nur für Sie angezeigt, wenn Sie angemeldet sind. Es wird vor anderen verborgen.

1. Anmelden oder Registrieren

Wenn Sie das noch nicht getan haben, anmelden!

2. Erstellen Sie einen neuen Rechner

Gehen Sie zu Taschenrechner Und klicken Sie auf die Neuer Rechner Taste. Oder Sie bearbeiten den, den Sie als Zahlungsrechner verwenden möchten. Oder kopieren Sie einen vorhandenen Rechner. Es kann Zeit sparen, wenn Sie einen ähnlichen Rechner wie den in Ihrem Kopf finden.

3. Fügen Sie das Zahlungsfeld hinzu

Sie finden das Zahlungsfeld folgendermaßen:

Calculoid-Add-Payment-Feld

Klicken Sie auf Zahlungen Feldtyp. Das neue Feld wird Ihrem Rechner hinzugefügt. 

4. Bearbeiten Sie das Feld

Nachdem Sie den Feldtyp ausgewählt haben, den Sie Ihrem Taschenrechner hinzufügen möchten, wird das Feld an den Rechner angehängt, so dass Folgendes angezeigt wird:

Calculoid-Zahlungsfeld

Beachten Sie, dass beim Bewegen des Felds weitere Optionen angezeigt werden. Sie sehen die Feld-ID, die für die Formel wichtig ist. Es gibt die Bearbeitungsschaltfläche, mit der das Bearbeitungsformular für dieses Feld geöffnet wird. Dann gibt es einen Griff, mit dem Sie das Feld verschieben können. Es ist jetzt nicht relevant, wenn wir nur ein Feld dort haben, aber später nützlich sein wird. Und wenn Sie sich über einen Rand des Feldes befinden, können Sie die Größe des Felds ändern.

5. Fügen Sie einige Felder hinzu, die mit berechnet werden sollen

Jetzt haben wir dort das Zahlungsfeld, aber wir haben keinen Wert, damit zu bezahlen. Fügen Sie weitere 2-Felder hinzu, um den Wert zu berechnen. Öffne das "Feld hinzufügen"Tab erneut und fügen Sie ein Radiobox herunter ,ein Slider und einem Formelfeld. Das Ergebnis sollte so aussehen:

Calculoid-Rohfelder

6. Ändern Sie das Layout des Rechners

Das ist genug Platz für einen so kleinen Rechner. Verwenden Sie die Größenänderungsfunktion, um sie zu verkleinern. Zum Beispiel so:

Calculoid geschrumpft

7. Bearbeiten Sie die Feldoptionen

Lassen Sie uns die Radiobox und das Schiebereglerfeld bearbeiten, um einige Optionen für unsere Kunden hinzuzufügen. Ich werde einen Rechner für eine SaaS-App vorbereiten, in dem 3-Pläne zur Auswahl stehen und die Anzahl der Benutzer. Ich werde hier nicht alle Bearbeitungsoptionen anzeigen. Entdecken Sie die verfügbaren Optionen, indem Sie wie oben gezeigt auf die Schaltfläche Bearbeiten klicken.

8. Bauen Sie die Formel auf

Schauen wir uns genauer an, wie die Formel aufgebaut ist. Bearbeiten Sie also das Formelfeld, geben Sie ihm einen Namen (ich habe es "den Endpreis" genannt), das Präfix ($), das Postfix (/ Monat), vergrößern Sie die Schrift oder gestalten Sie sie wie gewünscht. Der Kern des Formelfeldes und des gesamten Rechners ist die Formel selbst. Wir haben 2-Felder, in die der Kunde seine Informationen eingeben kann. Wir möchten einfach die Werte dieser Felder multiplizieren. Jedes Feld hat eine eindeutige ID. Die Formel für uns lautet also: "Wähle den Plan" * "Wie viele Benutzer brauchst du?" = F40981 * F40982. Wenn wir die aktuellen Werte dort addieren, ist dies 20 * 5 = 100. Es scheint, dass der Rechner richtig zählt. Kehren wir nun zum Zahlungsfeld zurück und konfigurieren Sie es.

Calculoid-Formel bearbeiten

9. Konfigurieren Sie das Zahlungsfeld

Wichtig ist, das Zahlungsfeld mit dem Feld zu verknüpfen, das den Preis enthält. Dies kann leicht durch Bearbeiten des Zahlungsfelds durch Auswahl des Feldes aus verfügbaren Feldern durchgeführt werden:

Calculoid-Payment-Edit

Jetzt können Sie feststellen, dass in der Zahlungsschaltfläche derselbe numerische Wert angezeigt wird. Die übrigen Felder hier sind leicht zu erraten, was sie tun. Lassen Sie uns im letzten Schritt die PayPal-Konfiguration vornehmen.

10. Die PayPal-Konfiguration

Lassen Sie uns die Registerkarte PayPal in der Zahlungsfeldkonfiguration öffnen:

Calculoid-Paypal-Bearbeitung

Wenn Sie die Felder hier bewegen, wird dies ausführlicher erklärt, was es bedeutet, also werde ich den Workflow hier beschreiben. PayPal bietet ein Test-Zahlungsfenster, an dem Sie die Zahlungen testen können, bevor Sie live gehen. Auf diese Weise wissen Sie, dass der gesamte Prozess funktioniert, und wenn Sie sicher sind, können Sie zu Production Payment Gate wechseln und die tatsächlichen Zahlungen erhalten. So sollten Sie folgendes tun:

  1. Einloggen in sandbox.paypal.com und erstellen Sie einen Testkunden. Schauen Sie sich das an PayPal-Testanleitung wenn Sie mehr Informationen benötigen.
  2. Vergewissern Sie sich, dass Sie Ihren Taschenrechner gespeichert haben, da der PayPal-Zahlungstest Sie zum PayPal-Gate weiterleitet und Sie möglicherweise die nicht gespeicherte Einstellung verlieren.
  3. Fügen Sie nun eine Test-E-Mail-Adresse in den E-Mail-Bereich "Zahlungsfeld" ein (nicht ein Konfigurationsfeld, das eigentliche E-Mail-Feld im Feld "Zahlung". Dies wird etwas verwirrend. Ich hoffe, ich habe Sie noch nicht verloren.) Und klicken Sie auf Pay-Taste Dadurch werden Sie zur Sandbox Payment Gate weitergeleitet, wo Sie die Testkunden-E-Mail einfügen können, die Sie in Schritt 1 erstellt haben, und mit der Zahlung fortfahren.
  4. Wenn alles gut gegangen ist, wechseln Sie zum Produktionstor, damit Sie es später nicht vergessen. Ich habe das getan ;)

Andere Möglichkeiten

Sie werden wahrscheinlich wollen Betten Sie Ihren Rechner in Ihre Website ein. Vergessen Sie nicht, den Rechner zu konfigurieren und als "Fertig" zu markieren. Das ist erforderlich, damit das Embed funktioniert.

Damit ist Ihr PayPal-Zahlungsrechner fertig. Aber vielleicht möchten Sie Ihren Kunden auch erlauben, mit ihnen zu bezahlen Zahlungskarte über Stripe-Bezahlfenster. Die Einreichungen / Bestellungen können sein übersichtlich und / oder heruntergeladen. Wenn Sie die Bestellungen mit einem anderen Dienst verbinden möchten, Überprüfen Sie die Webhooks. Und wenn Sie sich in einem Schritt dieses Tutorials verirrt haben oder eine Frage stellen möchten, kontaktiere uns.

Der Beispielrechner

Sehen Sie sich den letzten Live-Rechner an, den ich in diesem Tutorial erstellt habe. Wenn Sie es kopieren und als Basis für Ihren Taschenrechner verwenden möchten, finden Sie es hier: http://app.calculoid.com/#/calculator/7595

Zusätzliche Informationen

Starten Kostenlos

Erstellen Sie in wenigen Minuten Ihren eigenen Web-Rechner.
Testen Sie alle Funktionen der kostenlosen 30-Testversion. 

Kostenfreie Registrierung

Keine Kreditkarte oder Installation nötig