Zahlungsfeld-Anwendungsfall

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

Falls Sie das noch nicht getan haben, melden Sie sich an!

2. Erstellen Sie einen neuen Rechner

Gehen Sie zu „Rechner“ und klicken Sie auf „ Neuer Rechner“ . Alternativ können Sie den Rechner bearbeiten, den Sie als Zahlungsrechner verwenden möchten. Oder Sie kopieren einen vorhandenen Rechner. Es kann Ihnen Zeit sparen, wenn Sie einen ähnlichen Rechner finden, der Ihrem gewünschten entspricht.

3. Fügen Sie das Zahlungsfeld hinzu

Sie finden das Zahlungsfeld folgendermaßen:

Klicken Sie auf den Feldtyp „Zahlungen“ . Dadurch wird das neue Feld zu Ihrem Taschenrechner 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:

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

Wir haben nun das Zahlungsfeld, aber noch keinen Betrag. Fügen wir zwei weitere Felder hinzu, um den Betrag zu berechnen. Öffnen Sie erneut den Tab „ Feld hinzufügen “ und fügen Sie ein Optionsfeld , einen Schieberegler und ein Formelfeld hinzu . Das Ergebnis sollte wie folgt aussehen:

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:

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 das Formelfeld, geben Sie ihm einen Namen (ich habe es „Endpreis“ genannt), das Präfix ($), das Suffix (/ Monat) und passen Sie die Schriftgröße oder das Format nach Ihren Wünschen an. Das Herzstück des Formelfelds und des gesamten Rechners ist die Formel selbst. Wir haben zwei Felder, in die der Kunde seine Daten eingeben kann. Wir möchten die Werte dieser Felder einfach multiplizieren. Jedes Feld hat eine eindeutige ID. Die Formel lautet also: „Wählen Sie den Tarif“ * „Wie viele Benutzer benötigen Sie?“ = F40981 * F40982 . Addieren wir die aktuellen Werte, erhalten wir 20 * 5 = 100. Der Rechner scheint korrekt zu rechnen. Kehren wir nun zum Zahlungsfeld zurück und konfigurieren wir es.

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:

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:

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 Ihren Taschenrechner wahrscheinlich in Ihre Website einbetten wollen . Vergessen Sie nicht, den Taschenrechner zu konfigurieren und ihn als „Fertig“ zu markieren. Dies ist erforderlich, damit die Einbettung funktioniert.

Ihr PayPal-Zahlungsrechner ist fertig. Vielleicht möchten Sie Ihren Kunden aber auch die Zahlung per Karte über Stripe ermöglichen . Die Bestellungen können eingesehen und/oder heruntergeladen werden . Wenn Sie die Bestellungen mit einem anderen Dienst verknüpfen möchten, informieren Sie sich über Webhooks . Sollten Sie bei einem Schritt dieser Anleitung nicht weiterkommen oder Fragen haben, kontaktieren Sie uns.

Der Beispielrechner

Schau dir den fertigen, funktionsfähigen Taschenrechner an, den ich in diesem Tutorial erstellt habe. Wenn du ihn kopieren und als Grundlage für deinen eigenen Taschenrechner verwenden möchtest, findest du ihn hier: http://app.calculoid.com/#/calculator/7595