Zum Inhalt springen
Developer

Widget Fragebogen

Fragebögen aus vynst auf der Website ausfüllen lassen, etwa Anmeldungen, Umfragen, Kündigungen oder Widerrufe, mit Entwürfen, Anhängen und Vorbelegung.

Das Widget zeigt einen Fragebogen aus vynst (inwendo ERP) mit allen Fragen, Seiten und Bedingungen. Die Antworten landen direkt in vynst, wo ihr sie auswertet oder weiterverarbeitet.

<div data-iw-questionnaire
     data-iw-host="verein.iw-erp.de"
     data-iw-questionnaire-id="kuendigung"></div>
<script src="https://verein.iw-erp.de/frontend_assets/backend/iw_erp_web_ui/questionnaire.js" async></script>

Shortcode: [iw-questionnaire host="verein.iw-erp.de" id="kuendigung"]

Optionen

Attribut Standard Bedeutung
data-iw-questionnaire-id ID, Token oder Kurzname des Fragebogens
data-iw-answer-token leer eine angefangene Antwort (Entwurf) fortsetzen
data-iw-draft aus neue Antworten zuerst als Entwurf speichern
data-iw-show-draft-button aus Button „Entwurf speichern“ zeigen
data-iw-auto-save-draft aus Entwürfe beim Tippen automatisch speichern (mit data-iw-answer-token)
data-iw-hide-questionnaire-title aus Zwischenüberschrift „Fragebogen“ ausblenden
data-iw-hide-participant aus Kontaktdaten nicht abfragen, wenn der Fragebogen sie nicht verlangt
data-iw-prefill leer Antworten vorauswählen, als JSON {"Fragetext": "Wert"}. Der Wert muss eine der Antwortmöglichkeiten sein.
data-iw-lookups leer Fragen für den IBAN-Abgleich benennen, als JSON {"iban": "IBAN", "bic": "BIC", "institution": "Name der Bank"}. Aus der IBAN füllt das Widget BIC und Bank.
data-iw-session-token leer Sitzung eines angemeldeten Mitglieds; die Antwort gehört dann zu seinem Konto

Texte, die ihr oft anpasst: participant (Überschrift Kontaktdaten), start, send, success.

<div data-iw-questionnaire
     data-iw-host="verein.iw-erp.de"
     data-iw-questionnaire-id="kuendigung"
     data-iw-text-participant="Eure Mitgliedsdaten"
     data-iw-text-send="Kündigung abschicken"
     data-iw-prefill='{"Grund der Kündigung": "Umzug"}'></div>

Fragen nach einem Ticket (Fragetyp Ticket) kann das Widget nicht darstellen. Nutzt dafür die vynst App.

Anhänge

Erlaubt der Fragebogen Anhänge, können Besucher Dateien hochladen. Sie hängen an der Antwort in vynst.

In vynst einrichten

  • Den Fragebogen öffentlich machen. Ohne Freigabe zeigt das Widget den Text notAllowed.
  • Eure Website in CORS - HTTP Origins eintragen.

Ereignisse

iw:questionnaire:ready, :page-change, :submit-start, :submitted, :draft-saved, :error und :link.

Fragebögen, die ihr nacheinander im selben Element zeigt, räumt ihr vorher mit IwQuestionnaire.destroy(element) ab und startet sie in einem neuen Element.

API

Das Widget nutzt GET /api/media/questionnaire/{id} und POST /api/media/public/questionnaire_answer, für Entwürfe …/questionnaire_answer_draft. Details unter Medien.