Inhalt

Das Video-Tutorial, #2, #3

Calculoid-Dokumentation für Entwickler

So erstellen, speichern und löschen Sie einen Taschenrechner

So fügen Sie ein Feld hinzu und entfernen es

Rechnerdesign und Felddesign

Verfügbare Arten von Feldern

Bedingte Felder

So konfigurieren Sie einen Taschenrechner

So integrieren Sie einen Taschenrechner

So integrieren Sie Google Analytics

So füllen Sie die Daten im Taschenrechner vor

Wie man einen Rechner einbettet

Statistiken

So erstellen, speichern und löschen Sie einen Taschenrechner

Calculoid.com ist eine einfache statische JavaScript-Webanwendung, die das AngularJS-Framework zur Ausführung verwendet. Im Vergleich zur Embed-App ist dies eine schwere Anwendung, deren Hauptziel es ist, eine öffentliche Bibliothek für Taschenrechner und einen leistungsstarken Taschenrechner-Editor zu sein. Weitere Informationen zu Calculoid finden Sie unter "Wie funktioniert Calculoid?".

Um einen neuen Rechner zu erstellen, navigieren Sie zu "Liste der Rechner"im Hauptmenü und klicken Sie auf"Neuer Rechner"Button in der oberen rechten Ecke. Im ersten Schritt (Wählen Sie Ihre Vorlage aus), wählen Sie die Vorlage Ihres Rechners (Leerzeichen, Preis, ROI, Kosten usw.).

Kalkül.com

Im zweiten Schritt (grundlegende Rechnereinstellungen), geben Sie den Namen des Rechners, Beschreibung, Sprache und Tags ein und klicken Sie auf "Konfiguration speichern". Sie werden zum Gebäudeassistenten weitergeleitet, in dem Sie Ihrem Rechner Felder hinzufügen können.

Kalkül.com

Um die Änderungen in Ihrem Rechner zu speichern, verwenden Sie die grüne Schaltfläche "Calc speichern"in der oberen rechten Ecke.

Um einen Rechner zu löschen, gehen Sie zu "Config"Tab und nach unten scrollen, wo Sie finden"Rechner löschen" Möglichkeit.

So fügen Sie ein Feld hinzu und entfernen es

In "Add"Tab, wählen Sie ein Feld aus, das Sie hinzufügen möchten - Schieberegler / Optionsfeld / Textfeld / Formel / Kontrollkästchen / Ergebnisse senden / Zahlungen / html / Textbereich / Messgerät.Bearbeiten"Bearbeiten Sie das betreffende Feld.

Um ein Feld aus Ihrem Rechner zu löschen, klicken Sie auf "Bearbeiten"(ein Stiftsymbol) auf dem jeweiligen Feld und dann das"Bearbeiten"Tab öffnet sich auf der linken Seite und dort finden Sie"Feld entfernen" Möglichkeit.

Kalkül.com

Die Grundeinstellungen sind für alle Arten von Feldern gleich:

  • Feldname - Benennen Sie das Feld und legen Sie fest, ob der Name angezeigt werden soll und ob das Feld der Öffentlichkeit angezeigt werden soll
  • Nachkommastellen - Wählen Sie, wie viele Dezimalstellen angezeigt werden sollen
  • Andeuten - Feldhinweis
  • Vorsilbe - Fügen Sie ein Präfix wie% oder eine Währung hinzu
  • Postfix - Fügen Sie ein Postfix wie% oder eine Währung hinzu

Kalkül.com

Rechnerdesign und Felddesign

In Calculoid gibt es zwei Designkonfigurationen - eine für den gesamten Rechner und eine für jedes Feld des Rechners. Das Rechnerdesign kann in konfiguriert werden Config> Design, Jeweils Config> Erweitertes Design. Das Felddesign kann unter konfiguriert werden Feld bearbeiten> Design. Wenn das Felddesign konfiguriert ist, überschreibt es die Konfiguration des Taschenrechners. Wenn das Felddesign nicht konfiguriert ist, gilt das Taschenrechnerdesign auch für das Feld.

Kalkül.com

Verfügbare Arten von Feldern

Slider - variables Feld, Benutzer definieren den Wert der Variablen durch Verschieben des Zeigers auf der Leiste.

Das Slider-Feld ist eine großartige Option, wenn Sie vordefinierte Max- und Min-Werte für ein Eingabefeld benötigen. Wenn Sie beispielsweise möchten, dass ein Benutzer einen Prozentsatz auswählt, wissen Sie, dass der minimale Wert 0 und der maximale Wert 100% ist. Der Schieberegler ist ein nettes interaktives Element für den gesamten Taschenrechner, da der Benutzer den Mauszeiger per Drag & Drop ziehen oder einen Wert durch einfaches Klicken oder Berühren auswählen kann. Dieses Feld ist auch für mobile Geräte optimiert. Zusätzliche Eingabemöglichkeit zur Eingabe einer bestimmten Nummer, falls erforderlich. Mit dem Calculoid-Schieberegler können Sie auch bestimmte Optionen festlegen, aus denen Sie auswählen können. Eine solche Einstellung ist sehr nützlich, wenn der Benutzer nur vordefinierte Nummern oder Optionen auswählen soll.

Slider-Einstellungen:

  • Mindestwert: Der Minimalwert, den ein Benutzer auswählen kann. 0 standardmäßig.
  • Maximalwert: Der maximale Wert, den ein Benutzer auswählen kann. 100 standardmäßig.
  • Schritt: Der Schritt, den der Schieberegler auswählen kann. Wenn Sie beispielsweise einen Schieberegler von 0 nach 1.000.000 haben, können Sie einem Benutzer nur volle Tausender auswählen lassen, indem Sie den Schritt als 1000 auswählen. 1 standardmäßig.
  • Standardwert: Der Standardwert, den ein Benutzer sieht, wenn der Rechner zum ersten Mal geladen wird.
  • Maßstab: Das Schiebereglerfeld kann eine Skala unterhalb des Schiebereglers anzeigen. Geben Sie die durch Komma getrennten Skalenwerte ein. Zum Beispiel: 25,50,75. Wenn Sie anstelle der tatsächlichen Zahlen einige Labels anzeigen möchten, fügen Sie die Labels wie folgt hinzu: 25: low, 50: medium: 75: high.
  • Skalenwerte anzeigen: Ja / Nein-Einstellung zum Anzeigen oder Ausblenden der Skalierungswerte.
  • Zusätzlicher Eingang: Fügen Sie neben dem Schieberegler ein kleines Kästchen hinzu, in das der Endbenutzer die erforderliche Anzahl eingeben kann.
  • Auswahlleiste ausblenden: Ja / Nein-Einstellung, um das ausgewählte Teil auf der Skala anzuzeigen.
  • Auswahlleiste Farbverlauf: Designeinstellung für die Skalenfarbe.
  • Logarithmische Darstellung: Nur verfügbar, wenn der Mindestwert größer als 0 ist. Ändern Sie den für jeden Abschnitt des Schiebereglers angegebenen Abstand.
  • Nachkommastellen erzwingen: Ja / Nein Einstellung.
  • Vor Skalentext: Ein Text, der vor dem Wert auf der Skala angezeigt wird.
  • Nach Skalentext: Ein Text, der nach dem Wert auf der Skala angezeigt wird.

Zubehör:

  • Neue Option: Fügt dem Schieberegler eine vordefinierte Option hinzu.

Calculoid verwendet diese Open-Source-Bibliothek für Schieberegler

Kalkül.com

Optionsfeld - variables Feld, Benutzer wählen einen Wert / eine Option aus der definierten Liste aus.

Zubehör:

  • Neue Option - fügen Sie eine neue Option zur Auswahl hinzu
  • Optionsname - ein Name der Option
  • Optionswert - ein versteckter Wert der Option, beispielsweise der Preis (sollte für jede Option numerisch und eindeutig sein)

Funkfeldkonfiguration:

  • Standardwert - ein standardmäßig vorgewählter Wert, wenn der Rechner geladen wird (die Option mit diesem Wert wird vorgewählt)
  • Spalten - eine Reihe von Spalten, in denen die Optionen angezeigt werden

Kalkül.com

Textfeld - variables Feld, Benutzer fügen den Variablenwert manuell in das Textfeld ein.

Textfeld Config:

  • Standardwert - Ein standardmäßig ausgefüllter Wert, z. B. eine Zeichenfolge oder eine Zahl
  • Wird benötigt? - Ja / Nein - Legen Sie fest, ob das Feld ausgefüllt werden muss
  • Feldtyp - Text / Nummer / E-Mail / Telefon / Sonstiges
  • Zeichenfolge erzwingen - Ja / Nein - Alle in das Feld eingegebenen Eingaben sind vom Typ Zeichenfolge, einschließlich Zahlen, um eine automatische Änderung der Formatierung zu verhindern, wenn dies unerwünscht ist (z. B. für Bankkontonummern, persönliche Identifikationsnummern, Sozialversicherungsnummern usw.). )

Weitere Informationen zu Textfeld finden Sie unter:

Kalkül.com

Formel - Ergebnisfeld: Der Administrator definiert, wie die Variablen berechnet werden. Benutzer sehen das Ergebnis.

Eine Formel ist ein Algorithmus, der seinen Wert aus anderen Feldern, Ausdrücken oder Werten ableitet. Mithilfe von Formeln können Sie den Wert eines Felds basierend auf anderen Feldern automatisch berechnen. Für weitere Informationen zu Formula lesen Sie bitte:

Kalkül.com

Feld "Use Form of Formula" - Vordefiniertes Kommentarfeld basierend auf einem Feldwert

Mit dem Formelfeld mit der Funktion "Hinzufügen" in der Formel können Sie ein praktisches Feld "Kommentare" erstellen, das einen der vordefinierten Kommentare basierend auf dem Wert eines anderen Felds anzeigt. Hier ist ein Beispiel:

  • Im Feld Gewicht haben Sie einen Wert unter 60 kg eingegeben. → Es wird automatisch ein Kommentar angezeigt "Sie haben ein Gewicht von XX kg eingegeben und das bedeutet, dass Sie schlank sind."
  • Im Feld Gewicht haben Sie einen Wert zwischen 60-90 kg eingegeben. → Es wird automatisch ein Kommentar angezeigt "Sie sind ein normaler Typ, weil Sie XX kg wiegen".
  • Im Feld Gewicht haben Sie einen Wert eingegeben, der größer als 90 kg ist. → Es wird automatisch ein Kommentar angezeigt: "Essen Sie weniger, weil Sie XX kg wiegen."

Unten sehen Sie eine Beispielformel und die beiden Felder in Calculoid.

Kalkül.com

CheckBox - Feld für Ja / Nein-Fragen / -Bedingungen und für Mehrfachauswahloptionen.

Kontrollkästchen Feld Config:

  • Wert wenn markiert - ein numerischer Wert des Feldes, wenn es markiert ist
  • Wert, wenn nicht angehakt - ein numerischer Wert des Feldes, wenn es nicht markiert ist

Kalkül.com

Stellen Sie den Wert für aktiviert / deaktiviert für weitere Berechnungen im Formelfeld ein.

Für die Mehrfachauswahl können mehrere Kontrollkästchen verwendet werden. Verwenden Sie das HTML-Feld, um die Frage und die Kontrollkästchenfelder für Antworten / Optionen anzuzeigen.

Kalkül.com

Ergebnisse senden - Konvertierungsfeld, ein Ergebnis der Berechnung kann mit der übermittelten E-Mail gesendet werden.

E-Mail-Details:

  • Ergebnisse auch an senden - E-Mail-Adresse eingeben, an die die Ergebnisse gesendet werden (zusätzlich zu der vom Benutzer des Rechners angegebenen E-Mail-Adresse)
  • Senden Sie eine E-Mail
  • Absender
  • Betreff
  • Umleiten - URL zum Weiterleiten eingeben
  • E-Mail senden - Ja / Nein - Wenn ja, wird eine E-Mail an die unter "Ergebnisse auch senden an" angegebene Adresse gesendet, andernfalls wird keine E-Mail an die Adresse gesendet
  • Senden Sie an den Kunden - Ja / Nein - Wenn ja, wird eine E-Mail an die vom Benutzer des Rechners angegebene Adresse gesendet, andernfalls wird keine E-Mail an die Adresse gesendet

Weitere Informationen zum Senden von Ergebnissen finden Sie unter "Erstellen Sie eine Ergebnis-E-Mail bis ins kleinste Detail".

Kalkül.com

Zahlungen - Umrechnungsfeld, Benutzer können berechnete Beträge auf dem Konto des Administrators bezahlen

Verfügbare Zahlungsmethoden:

  • PayPal
  • Kreditkarte
  • Rechnung / Banküberweisung

Zahlungsdetails:

  • Senden Sie Informationen zur Bestellung an - Geben Sie die E-Mail-Adresse ein, an die die Informationen gesendet werden (zusätzlich zu der vom Benutzer des Rechners angegebenen E-Mail-Adresse).
  • Währung - Wählen Sie eine Währung aus der Liste aus
  • Feld Preis - Wählen Sie ein Feld mit Preisinformationen
  • Umleiten - URL zum Weiterleiten eingeben
  • E-Mail-Betreff
  • E-Mail senden von
  • Absender
  • Standardzahlungsgatter - PayPal / Stripe / Global Payments / GoPay / GP Webpay
  • E-Mail senden - Ja / Nein - Wenn ja, wird eine E-Mail an die unter "Ergebnisse auch senden an" angegebene Adresse gesendet, andernfalls wird keine E-Mail an die Adresse gesendet
  • Senden Sie an den Kunden - Ja / Nein - Wenn ja, wird eine E-Mail an die vom Benutzer des Rechners angegebene Adresse gesendet, andernfalls wird keine E-Mail an die Adresse gesendet

Abrechnungsdaten:

  • Zahlungsinformationen anzeigen? - Ja Nein

Verfügbare Variablen:

  • {Menge} - Der numerische Betrag aus dem Feld, das Sie für den zu zahlenden Betrag ausgewählt haben.
  • {Währung} - Die von Ihnen gewählte Währung.

Kalkül.com

Zahlungswiederholung:

Diese Funktion ermöglicht die automatische Wiederholung einer Zahlung in einem definierten wiederkehrenden Zyklus / Zeitraum. Gehe zu "Feld bearbeiten"Menü eines"Zahlungen"Feld. Hier öffnen Sie die"Wiederholung der Zahlung"Untermenü. Damit die Zahlung wiederholt werden kann, müssen Sie die folgenden Felder festlegen:

  • Wiederkehrende Zahlungen aktivieren - Standard - Wählen Sie Ja oder Nein, um die wiederkehrenden Zahlungen für dieses Feld standardmäßig zu aktivieren / deaktivieren.
  • Wiederkehrende Zahlungen aktivieren - Überschreiben des Felds - Wählen Sie aus, welches Feld steuert, ob die Wiederholung aktiviert ist. Feldwert 1 für aktiviert, jeder andere Wert bedeutet deaktiviert. Dies gibt dem Benutzer die Freiheit, selbst zu entscheiden, und überschreibt die oben definierte Standardeinstellung.
  • Wiederkehrender Zyklus - Standard - Wählen Sie die Zeiteinheit für die wiederkehrende Periode (Tage, Wochen, Monate oder Jahre).
  • Wiederkehrender Zyklus - Feldüberschreibung - Wählen Sie aus, welches Feld den wiederkehrenden Zyklus enthält. Der Feldwert muss eines der folgenden Zeichen sein: D, W, M, Y. Dies gibt dem Benutzer die Freiheit, selbst zu entscheiden, und überschreibt die oben definierte Standardeinstellung.
  • Wiederkehrende Periode - default - Geben Sie die Anzahl der Zyklen zwischen den Zahlungen ein.
  • Wiederkehrender Zeitraum - Feldüberschreibung - Wählen Sie aus, in welchem ​​Feld die wiederkehrende Periode enthalten ist. Der Feldwert muss eine positive Zahl (Ganzzahl) sein. Dies gibt dem Benutzer die Freiheit, selbst zu entscheiden, und überschreibt die oben definierte Standardeinstellung.

Die Details zu den realisierten Zahlungen finden Sie auch unter Details> Beiträge Menü des Rechners mit dem Zahlungsfeld. Wenn Sie Ihren Taschenrechner in ein externes System (z. B. Mautic, Redmine oder ein anderes) integriert haben, kann eine realisierte Zahlung so konfiguriert werden, dass automatisch ein CRM-Fall im System erstellt wird.

Kalkül.com

Wenn Sie Ihr Calculoid in Drittsysteme integriert haben, können Sie die Ausführung dieser Integrationen bei jeder Zahlungswiederholung wiederholen. Wenn beispielsweise eine Standardzahlung eingerichtet ist, um automatisch eine neue Aufgabe oder einen neuen CRM-Fall zu erstellen, wird bei jeder Wiederholung der Zahlung eine andere Aufgabe oder ein anderer CRM-Fall erstellt. Um diese Einstellung zu konfigurieren, gehen Sie auf die Registerkarte "Integrieren" im oberen Menü, wählen Sie "Andere" in der linken Seitenleiste aus und schalten Sie den Schalter "Wiederkehrende Zahlungsintegrationen" um.

Kalkül.com

Im Zusammenhang mit der Zahlungswiederholung stehen spezielle Variablen zur Verfügung. Diese können mit E-Mail-Vorlagen oder anderen Entitäten mit anwendbaren Variablen verwendet werden.

Kalkül.com

Für weitere Informationen zu Zahlungen lesen Sie bitte:

HTML - Beschreibungsfeld, dient zum Einfügen von HTML in den Taschenrechner.

Das HTML-Feld ist auf ungefähr 3000-Zeichen begrenzt. Um die effektive Anzahl von Zeichen zu reduzieren, entfernen Sie HTML-Schriftstile (Farbe, Größe ...) aus dem Text.

Kalkül.com

Benutzer von Textarea - Rechnern können eine Nachricht eingeben, bevor sie ihr Ergebnis senden.

Textfeld-Feldkonfiguration:

  • Textbereich Höhe - Geben Sie einen Wert in Pixel ein
  • Zeige die Anzahl der Wörter - Ja Nein

Kalkül.com

Messgerät - Ein Diagramm, das wie ein Tachometer aussieht, kann den Wert jedes Felds anzeigen.

Anzeige Config:

  • Wert aus Feld anzeigen - Wählen Sie ein Feld in der Liste aus
  • Spurweite max - Geben Sie einen Wert in Pixel ein
  • Min Wert
  • Maximalwert
  • Hauptzecken - die Anzahl der Hauptstrichmarkierungen auf der Anzeige
  • Kleinere Zecken - die Anzahl der kleinen Häkchen auf der Anzeige
  • Grün von + grün nach - der Wertebereich für die grüne Farbe am Messgerät
  • Gelb Von + Gelb bis - der Wertebereich für die gelbe Farbe am Messgerät
  • Rot von + rot nach - der Wertebereich für die rote Farbe am Messgerät

Kalkül.com

Kreisdiagramm - Ein Kreisdiagramm zur Veranschaulichung des Zahlenverhältnisses

Ein Kreisdiagramm (oder ein Kreisdiagramm) ist eine kreisförmige statistische Grafik, die in Segmente unterteilt ist veranschaulichen den numerischen Anteil. In einem Kreisdiagramm ist die Bogenlänge jeder Schicht (und folglich ihr zentraler Winkel und ihre Fläche) proportional zu der Menge, die sie darstellt.

Diagrammkonfiguration:

  • Neue Reihe - fügen Sie eine neue Zeile in das Kreisdiagramm ein
  • Zeilenname - Geben Sie den Namen der Zeile ein
  • Zeilenwert - Wählen Sie ein Feld aus, aus dem der numerische Wert übernommen werden soll
  • Höhe + Breite - Ändern Sie die Standardabmessungen des Kreisdiagramms

Kalkül.com

Feld auswählen - Ein Dropdown-Menü mit unbegrenzten Optionen

Im Gegensatz zum Optionsfeld mit Optionen, die als Kontrollkästchen angezeigt werden, ist das Feld "Auswählen" als ein Feld definiert Dropdown-Menü also passt es besser zu den situationen, wenn die Die Anzahl der Optionen ist sehr hoch. Im "Feld bearbeiten> Optionen"können Sie wählen, ob Sie neue Optionen manuell hinzufügen oder eine Tabelle auswählen möchten Importieren Sie die Optionen von. Wenn Sie die zweite Option auswählen, stellen Sie sicher, dass die Tabelle zuerst hinzugefügt wird, bevor Sie eine auswählen können. Um eine Tabelle zu Calculoid hinzuzufügen, verwenden Sie die Schaltfläche "Tabellen" auf der linken Seite des Bildschirms. Beim Hinzufügen einer Tabelle aus a CSV-Datei, bitte beachte, dass nur Kommas (keine Semikolons) werden als Feldtrennzeichen in der Datei unterstützt.

Wählen Sie ein Feld mit der CSV-Importoption aus - Calculoid.com

Dies ist ein Beispiel für das richtige CSV-Datenformat.

Wählen Sie ein Feld mit der CSV-Importoption aus - Calculoid.com

Datumsfeld - Benutzer kann ein Datum aus dem Kalender auswählen, weitere Berechnungen sind mit Funktionen im Formelfeld möglich.

    • Wird benötigt? - Ja / Nein-Option
    • Datumsformat - Einstellung für ein benutzerdefiniertes Format. Verfügbare benutzerdefinierte Formate finden Sie hier: https://docs.angularjs.org/api/ng/filter/date
    • Mindestdatum - Legen Sie das Mindestdatum fest, um den Endbenutzer in der Datumsauswahl einzuschränken
    • Maximales Datum - Legen Sie das maximale Datum fest, um den Endbenutzer in der Datumsauswahl einzuschränken

Kalkül.com

Bedingte Felder

In Calculoid wird das Einrichten logischer Bedingungen verwendet, um bestimmte Felder eines Rechners anzuzeigen / auszublenden. Wenn die Bedingungen für ein bestimmtes Feld erfüllt sind, wird das Feld angezeigt (weißes Feld), andernfalls wird es ausgeblendet (graues Feld). Ein solches Verhalten ist praktisch, wenn einige Felder in einem Taschenrechner nur relevant sind, wenn bestimmte numerische Werte in andere Felder eingegeben werden (z. B. ein Schieberegler, ein Messgerät, eine Formel ...), dh die Dateneingabe ist nur unter bestimmten Bedingungen erforderlich, aber nicht anders . Weitere Informationen zu bedingten Feldern finden Sie unter "Web-Rechner mit bedingten Feldern".

Kalkül.com

So konfigurieren Sie einen Taschenrechner

Wenn Sie alle Felder bearbeitet haben, fahren Sie mit demSetzen"Registerkarte mit den folgenden Optionen:

  • Name - Ändern Sie den Namen des Rechners
  • Beschreibung - Bearbeiten Sie die Rechnerbeschreibung
  • Sprache - Wählen Sie die Sprache des Rechners
  • Thema - Wählen Sie das standardmäßige Erscheinungsbild
  • Farbschema
  • Tags - Markieren Sie Ihren Rechner
  • Ist fertig - Ihr Rechner wird erst dann online angezeigt, wenn Sie auf JA klicken
  • Computer - überprüfe unsere FAQ für Informationen zu öffentlichen und privaten Rechnern
  • Unterschrift - überprüfe unsere FAQ Informationen zur Signatur können nur ausgeblendet werden, wenn Sie ein kostenpflichtiges Abonnement haben
  • Benachrichtigung
  • Tausendertrennzeichen
  • Dezimaltrennzeichen

Kalkül.com

So integrieren Sie einen Taschenrechner

Im "Integrieren"Tab, finden Sie verfügbare Integrationen:

  • Webhook
  • Mautic
  • Redmine
  • Einfaches Redmine CRM

Kalkül.com

So integrieren Sie Google Analytics

Google Analytics kann nur Ereignisse in bestimmten Taschenrechnerfeldern nachverfolgen.Ergebnisse senden" und "Zahlungen"Gehen Sie zu"Feld bearbeiten"Menü des jeweiligen Feldes. Hier öffnen Sie das"Beim Absenden"Untermenü. Ändern Sie die"Google Analytics-Ereignis senden?"Wert auf Ja. Damit Google Analytics-Ereignisse funktionieren können, müssen Sie die folgenden Felder festlegen und auch einschließen analytics.js auf der gleichen Seite, auf der Sie Ihren Rechner einbetten. Die iframe-Version wird nicht unterstützt. Ereignisse werden während der Bearbeitung oder Vorschau des Rechners nicht ausgelöst.

  • Google Analytics-Ereigniskategorie (zB "Video")
  • Google Analytics-Ereignisaktion (zB "play")
  • Google Analytics-Ereignislabel (zB "Herbstkampagne")
  • Google Analytics-Ereigniswert (zB 42)

Kalkül.com

Die durch eine Aktivität in den bestimmten Calculoid-Feldern erstellten Daten werden in Google Analytics als angezeigt Ereignisse mit oben definierten Attributen.

Kalkül.com

So füllen Sie die Daten im Taschenrechner vor

Es gibt zwei Möglichkeiten, Daten im Taschenrechner vorzufüllen, über die URL-Abfragezeichenfolge oder über das Attribut ng-init im Element <div>.

Von ng-init atribute

Die Prefill-Konfiguration wird in die Funktion ng-init-init () als neues Objekt eingefügt Werte (Beispiel: Werte: {}). Um individuelle Werte festzulegen, müssen Sie einen Schlüssel mit der ID des Feldes und seinem Wert hinzufügen. (Beispiel: Werte: {F12345: 'Beispielwert'} - Diese Beispielkonfiguration füllt die Feld-ID F12345 mit 'Beispielwert' auf. Der Einbettungscode selbst wird also so aussehen:

<link rel = "stylesheet" href = "http://embed2.calculoid.com/styles/main.css" />
<script src = "http://embed2.calculoid.com/scripts/combined.min.js"> </ script>
<div ng-app = "calculoid" ng-controller = "CalculoidMainCtrl" ng-init = "init ({calcId: 12345, apiKey: 'xxxxxxxxx', Werte: {F12345: 'Beispielwert'}})" ng-include = "load ()"> </ div>

Es können nur E-Mail-, Slider-, Radio-, Text-, Textbereich-, Zahlungs- und Kontrollkästchen-Felder ausgefüllt werden.

Wenn in Ihrem Taschenrechner ein Zahlungsfeld verwendet wird, können Sie alle Zahlungsinformationen (außer benutzerdefinierte Kontrollkästchen) durch Hinzufügen eines neuen Objekts vorbelegen Rechnungs- in Werte{} (Beispiel: Werte: {Abrechnung: {}}).

Abrechnung inf. vorfüllen:

Adresse, Stadt, Firma, Land, E-Mail, Vorname, Nachname, OAC, Telefon, vatid, zip

Beispiel:

<link rel = "stylesheet" href = "http://embed2.calculoid.com/styles/main.css" />
<script src = "http://embed2.calculoid.com/scripts/combined.min.js"> </ script>
<div ng-app="calculoid" ng-controller="CalculoidMainCtrl" ng-init="init({calcId:12345,apiKey:'xxxxxxxxx', values:{ F12345 : 'example value', billing:{address:‘Example address‘, city:‘Example city‘, country:‘US‘, zip:‘111111‘, email:‘This email address is being protected from spambots. You need JavaScript enabled to view it.‘, firstname:‘John‘, lastname:‘Doe‘, oac:true, phone:‘+111123456789‘, companyName:‘Company name‘, vatid:‘GBxxxxxxxx‘} })" ng-include="load()"></div>

oac = Checkbox als Unternehmen (kann nur sein) was diese Dinge sind. or falsch)

Nach URL-Abfragezeichenfolge

Daten werden eingefügt, indem Abfrageparameter im Format hinzugefügt werden: field_id = vorgefüllter_Wert

Beispiel:

http://www.your.domain/index.html?F12345=example%20text&F12346=another%20example%20text

(Hinweis: Daten müssen URL-kodiert sein, mehr Informationen)

In Formel verwendbare Variablen

  • FX - Feldwert (außer E-Mail-, Zahlungs- und HTML-Feld) * Ersetzen Sie FX durch die Feld-ID. Beispiel: F3456
  • BillingFirstname - Vorname aus Zahlungsinformationen
  • BillingLastname - Nachname aus Zahlungsinformationen
  • Rechnungsadresse - Adresse aus Zahlungsinformationen
  • BillingCity - Stadt aus Zahlungsinformationen
  • BillingCountry - Land aus Zahlungsinformationen
  • BillingZip - Postleitzahl aus Zahlungsinformationen
  • BillingCompanyName - Firmenname aus Zahlungsinformationen
  • BillingVatid - Umsatzsteuer-ID aus Zahlungsinformationen
  • BillingValidViesVatID - Wenn die Mehrwertsteuer-ID-Überprüfung durch VIES aktiviert ist, ist diese Var. Aktiviert. gibt 1 zurück, wenn die Überprüfung erfolgreich war, andernfalls 0
  • PaymentType - gibt zurück, welche Zahlungsart ausgewählt ist (paypal = 1, Streifen = 2, Rechnung = 3)

Verfügbare Variablen für Integrationen und E-Mails

Einige Arten von Feldern (z. B. Ergebnisse senden oder Zahlungen) verwenden E-Mail-Vorlagen. In den Vorlagen werden diese Variablen durch tatsächliche Daten ersetzt, bevor die E-Mail gesendet wird. Gleiches gilt für Integrationen.

  • {FX: value} - einzelner Feldwert * Ersetzen Sie FX durch die Feld-ID. Beispiel: F3456
  • {FX: Name} - einzelner Feldname * Ersetzen Sie FX durch die Feld-ID. Beispiel: F3456
  • {FX: Hinweis} - Beschreibung eines einzelnen Feldes * Ersetzen Sie FX durch die Feld-ID. Beispiel: F3456
  • {FX: Präfix} - Einzelfeldtext vor Wert * Ersetzen Sie FX durch die Feld-ID. Beispiel: F3456
  • {FX: postfix} - Einzelfeldtext nach Wert * Ersetzen Sie FX durch die Feld-ID. Beispiel: F3456
  • {calculatorName} - Rechnername
  • {fields} - Liste der Felder
  • {sourceUrl} - Rechner-URL
  • {description} - Rechnerbeschreibung
  • {Benutzername} - Name des Autorenkontos
  • {email} - E-Mail-Adresse aus dem E-Mail- oder Zahlungsfeld
  • {price} - Preis aus dem Zahlungsfeld
  • {Währung} - Währung des Zahlungsfelds
  • {status} - Statusanzeige
  • {b illing: Vorname } - Vorname aus Zahlungsinformationen
  • {b illing: lastname } - Nachname aus Zahlungsinformationen
  • {b illing: address } - Adresse aus Zahlungsinformationen
  • {b illing: city } - Stadt aus Zahlungsinformationen
  • {b illing: country } - Land aus Zahlungsinformationen
  • {b illing: zip } - Postleitzahl aus Zahlungsinformationen
  • {b illing: companyName } - Firmenname aus Zahlungsinformationen
  • {b illing: vatid } - Umsatzsteueridentifikationsnummer aus Zahlungsinformationen
  • {submissionId} - Eindeutige ID der E-Mail oder Zahlungseinreichung (kann als Referenznummer für die Rechnung verwendet werden)

Wie man einen Rechner einbettet

Um einen Rechner einzubetten, gehen Sie zu "Einbetten"Tab und kopieren Sie einen HTML-Code:

  • HTML-Code ohne iFrame - Dieser Code übernimmt das CSS Ihrer Website. Stellen Sie sicher, dass Sie den Code bei CodePen testen
  • HTML-Code mit iFrame - Sollten Sie beim Einbetten des Rechners auf Ihrer Website Probleme mit der Formatierung haben, verwenden Sie bitte die zweite Option, bei der der Rechner mit der Formatierung angezeigt wird, die Sie bei der Erstellung Ihres Rechners in Calculoid gewählt haben

Weitere Informationen zum Einbetten finden Sie unter "Einbettung von Calculoid-Rechnern".

Kalkül.com

Statistiken

Übermittlungsdetails und Berichte für einen bestimmten Rechner finden Sie unter "Übermittlungen" auf der linken Seite Ihres Rechners. Öffnen Sie für globale Statistiken den Menüpunkt "Berichte".

  • Einsendung - sehen Sie alle Einreichungen, die über Ihren Rechner ausgeführt werden, einschließlich Zahlungen und ausstehende Zahlungen
  • Berichte - sehen Sie, wie oft Ihre Taschenrechner angezeigt wurden und wie viele Einsendungen gemacht wurden
    Webhooks

Kalkül.com

Das Slider-Feld ist eine großartige Option, wenn Sie vordefinierte Max- und Min-Werte für ein Eingabefeld benötigen. Wenn Sie beispielsweise möchten, dass ein Benutzer einen Prozentsatz auswählt, wissen Sie, dass der minimale Wert 0 und der maximale Wert 100% ist. Der Schieberegler ist ein nettes interaktives Element für den gesamten Taschenrechner, da der Benutzer den Mauszeiger per Drag & Drop ziehen oder einen Wert durch einfaches Klicken oder Berühren auswählen kann. Dieses Feld ist auch für mobile Geräte optimiert. Zusätzliche Eingabemöglichkeit zur Eingabe einer bestimmten Nummer, falls erforderlich. Mit dem Calculoid-Schieberegler können Sie auch bestimmte Optionen festlegen, aus denen Sie auswählen können. Eine solche Einstellung ist sehr nützlich, wenn der Benutzer nur vordefinierte Nummern oder Optionen auswählen soll.

Weitere Informationen

Starten Kostenlos

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

Registriere dich kostenlos

Keine Kreditkarte oder Installation nötig

Kontaktieren Sie uns

Telefon

US: + 1 415 800 3787
UK: + 44 207 097 3577
CZ: + 420 222 743 843
Bürozeiten: 9: 00 - 17: 00 UTC + 1

Information

info@calculoid.com

Unterstützung

support@calculoid.com

Easy Software Ltd.

Kemp House, 152-160
City Road, EC1V
2NX London, Großbritannien
Company ID: 08960980
Umsatzsteuer-ID: GB226711521

Einfaches Entwicklungszentrum

Jugoslávských partyzánů 34
160 00 Prag
Tschechien