Jotform Anywhere.

Jotform Anywhere ist ein kleines JavaScript SDK, das die Fähigkeiten vom Jotform Formular-Builder in alle Webanwendungen bringt.

Jotform Anywhere bietet eine Reihe von kundenseitigen Funktionalitäten, die Sie einen Formular-Builder in Ihrer Web-Applikation einbinden lassen. Ihre Nutzer können Formulare erstellen/bearbeiten, ohne Ihre Webseite zu verlassen.

Über 7500 gebrauchsfertige Formularvorlagen

Benutzer können Formulare aus über 7500 schönen Formularvorlagen mit nur wenigen Klicks direkt einbetten.

Formulargenerator

Lassen Sie Ihre Nutzer mit über 25 Formular-Frage-Typen und mehr als 350 Widgets jede Art von Web-Formularen erstellen.

Kopieren Sie diesen Code und fügen ihn ein, um die Javascript Bibliothek zu initialisieren:

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

Kopieren Sie den HTML-Code unten, um durch Einfügen in Ihre Seite einen Button zu erzeugen, der den Formular-Builder startet

  <button onclick="JotFormAnywhere.launchFormBuilder({});">Add Form</button>

Ein Klick auf diesen Button wird den Jotform iFrame starten (den einbettbaren Formular-Ersteller) und das erstellte/ausgewählte Formular wird standardmäßig an den Body angehängt. Lesen Sie die Dokumentation für weitere Anpassungsmöglichkeiten.

• Wie Breezi Jotform Anywhere einsetzt on their website builder as a form builder.
• Sidengo verwendet Jotform Anywhere, um Nutzer personalisierte Formulare erstellen zu lassen..

Was ist Jotform Anywhere

Jotform ist ein Online Formulargenerator. Mit dem Drag & Drop Formular-Editor von Jotform und seinen mehr als 7500 gebrauchsfertigen Vorlagen ist die Erstellung von Formularen schnell, einfach und macht Spaß.

Jotform Anywhere ist eine kleine JavaScript SDK, welche die Fähigkeiten des Formular-Builders von Jotform in alle Webanwendungen überträgt. Sie können den Jotform Formular-Builder so ganz leicht in Ihre Webseite einbetten und Ihre Nutzer können den Formular-Builder als Lightbox-Assistenten öffnen, ihre Formulare erstellen und diese zu ihren Webseiten hinzufügen.

Für wen ist Jotform Anywhere geeignet?

Jotform Anywhere ist besonders nützlich für Webseiten Ersteller und Blog-Anbieter. Aber es kann tatsächlich jede Art von Web-Applikation, die es Nutzern erlauben soll Formulare zu erstellen, davon profitieren.

Welche Möglichkeiten hat Jotform Anywhere momentan?

1. Formular hinzufügen
Ihre Benutzer können ein Formular an beliebiger Stelle auf der Seite hinzufügen. Ihre Benutzer können aus einer der über 7500 vorgefertigten Formularvorlagen auswählen oder den Formular-Builder verwenden, um ihr Formular zu erstellen.

2. Formular bearbeiten/löschen
Wenn ein Formular im Editor hinzugefügt wurde, kann der Benutzer mit dem Mauszeiger über das Formular fahren und auf die Schaltfläche „Bearbeiten“ klicken, um den Assistenten zur Formularerstellung erneut zu starten.

3. Formular-Code erhalten
Die JavaScript-Bibliothek JotFormAnywhere liefert einen Formular-Code, den Sie in der Live-Version der Website platzieren können. Sie können auch zusätzliche Daten wie die Breite/Höhe des Formulars von JotFormAnywhere erhalten.

Wenn Sie weitere Anforderungen haben, kontaktieren Sie uns bitte. Wir sind gerne bereit, zusätzliche Funktionen zu implementieren, um eine engere Integration zu unterstützen.

Gibt es irgendwelche Voraussetzungen oder Einschränkungen?

Sie können Jotform Anywhere ohne Erlaubnis verwenden. Sie müssen keinen API Key von uns erhalten oder eine Bewerbung ausfüllen. Kopieren Sie einfach die Code-Beispiele und fügen Sie diese ein, und schon können Sie loslegen.

Es gibt keine Einschränkungen für die Menge der Verwendungen. Sie können es auf jeder beliebigen Seite Ihrer Web-Applikation einbauen.

Müssen meine Nutzer ein Jotform Konto einrichten?

Nein, Ihre Nutzer benötigen keine Jotform Konto, um Formulare zu erstellen oder ihre Formular-Antworten per E-Mail zu erhalten. Da sie eine E-Mail-Adresse eingeben, um die Formular-Antworten zu erhalten, akzeptieren wir diese E-Mail-Adresse als Registrierung und erstellen im Hintergrund ein Gast-Konto.

Warum sollte ich Jotform Anywhere verwenden?

Wenn Sie eine Plattform haben, auf der Nutzer gerne Formulare für Ihre Seiten erstellen möchten, ist Jotform Anywhere ein großartiger Weg, ihnen diese Funktionalität zur Verfügung zu stellen.

Was soll ich tun, wenn ich weitere Fragen habe?

Bitte nehmen Sie gerne Kontakt mit uns auf. Wir helfen Ihnen gerne mit Ihren Fragen und wenn Sie weitere Hilfe benötigen, werden wir Ihnen einen Entwickler zuweisen, der Sie bei der Integration unterstützt.

Laden Sie die JotformAnywhere Javascrip Bibliothek

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

Nachdem Sie das Javascript oben geladen haben, können Sie das JotformAnywhere Objekt verwenden. Dieses JS Objekt bietet die notwendigen Methoden, um es Webseiten zu ermöglichen, Formulare über Jotform zu erstellen und einzubetten.

Methods

JotFormAnywhere.launchFormBuilder

Wenn keine Option angegeben ist, wird JotformAnywhere.launchFormBuilder eine modale Box öffnen, in der der von Jotform bereitgestellte iFrame enthalten ist. Jeder Formular-Erstellungs- oder Änderungsprozess wird in diesem iFrame durchgeführt.

Höchstwahrscheinlich werden Sie diese Methode als Callback eines Klick-Ereignisses aufrufen.

Beispiel

JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})

Parameter

Optionen

JotFormAnywhere.insertForm

JotformAnywhere.insertForm erstellt ein div mit der ID "jotform_form_container_{formID}“ und bettet das Formular darin ein.

Die Verwendung dieser Methode zum Einfügen von Formularen in Ihre Webseite wird sowohl für die Bearbeitung als auch für die Live-Phase dringend empfohlen

Beispiel

JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})

Parameter

Optionen

JotFormAnywhere.createInstantForm

Durch die Verwendung der JotformAnywhere.createInstantForm Methode können Sie die JotformAnywhere Bibliothek dazu anweisen, sofort nach dem Laden der Javascript Datei ein Formular zu erstellen. Diese Methode wird die Klasse jotform.formCreated veröffentlichen, welche Sie abonnieren können.

Beispiel

JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})

Parameter

Optionen

JotformAnywhere.editForm

Sie können den Edit-Bildschirm von eingefügten Formularen mit dieser Methode öffnen, damit Nutzer Ihre Formulare nicht durch den „Formular bearbeiten“ Button bearbeiten müssen.

Beispiel

JotFormAnywhere.editForm(
"31343042093342"
)

Parameter

Diese Methode nimmt lediglich einen erforderlichen Parameter als Formular-ID

JotFormAnywhere.deleteForm

Sie können eingefügte Formulare mit dieser Methode löschen, sodass die Benutzer ihre Formulare nicht über die Schaltfläche "Formular löschen" löschen müssen.

Beispiel

JotFormAnywhere.deleteForm(
"31343042093342"
)

Parameter

Diese Methode nimmt lediglich einen erforderlichen Parameter als Formular-ID

JotFormAnywhere.subscribe

Die Methode JotformAnywhere.subscribe hängt einen Handler an ein von der JS-Bibliothek definiertes Ereignis an und ruft Ihren Callback auf, wenn das Ereignis ausgelöst wird.

Beispiel

Sie möchten wahrscheinlich mit den relevanten Daten informiert werden, wenn das Formular erfolgreich in Jotform erstellt wurde.

JotFormAnywhere.subscribe("jotform.formCreated", 
function(response){
console.log("Form is created with properties:", response)
}
)

Oder wenn das Formular aktualisiert wurde

JotFormAnywhere.subscribe("jotform.formUpdated", 
function(response){
console.log("Form is updated with properties:", response)
}
)

Events

Globale Events, die Sie abonnieren können:

• jotform.formCreated - ausgelöst, wenn Formular in Jotform erstellt wurde
• jotform.formUpdated - ausgelöst, wenn Formular geändert und in Jotform gespeichert wurde
• jotform.formDeleted - ausgelöst, wenn Formular gelöscht wurde
• jotform.formLoaded - ausgelöst, wenn Formular iFrame komplett geladen wurde

Das Antwort-Objekt, welches in die Callback Funktion für den formCreated aund formUpdated Event übergeben wird, sieht wie folgt aus:

{
formEmbedUrl:"https://form.jotformpro.com/jsform/30654794751967">", 
height:465, 
width:320, 
formID:"30654794751967", 
}

Das Antwort-Objekt, welches in die Callback Funktion für den formDeleted und formLoaded Event übergeben wird, sieht wie folgt aus:

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

Mit der JotformAnywhere.customize-Methode können Sie die Standardfarben des Jotform iFrames anpassen

Beispiel

JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})

Parameter

Optionen