Zum Inhalt springen
Developer

Widget Event-Moments

Gäste laden Fotos, Videos, Sprachnachrichten, Texte und Zeichnungen zu einer Veranstaltung hoch, ohne App und ohne Konto.

Mit Event-Moments sammeln Gäste ihre Erinnerungen an eine Veranstaltung: Fotos, Videos, Sprachnachrichten, kurze Texte und Zeichnungen. Sie brauchen dafür weder App noch Konto, nur den Link oder QR-Code der Veranstaltung. Die Beiträge landen in vynst an der Veranstaltung.

Fertige Seite

Jede Installation hat eine fertige Seite. Den Link mit dem Token der Veranstaltung könnt ihr direkt weitergeben oder als QR-Code aufhängen:

https://verein.iw-erp.de/ui/event-moments.html?token=EBEMOM…

Mit &types=IMAGE,VIDEO begrenzt ihr die Arten der Beiträge, mit &template=1 nutzt ihr eine gestaltete Vorlage (Vorlage 1 ist für Hochzeiten).

In die eigene Website einbinden

<div data-iw-event-moments
     data-iw-host="verein.iw-erp.de"
     data-iw-moments-token="EBEMOM…"></div>
<script src="https://verein.iw-erp.de/frontend_assets/backend/iw_erp_web_ui/event-moments.js" async></script>

Shortcode: [iw-event-moments host="verein.iw-erp.de" token="EBEMOM…"]

Attribut Standard Bedeutung
data-iw-moments-token Token der Veranstaltung. Fehlt er, liest das Widget ?token= aus der Adresse der Seite.
data-iw-allowed-types alle AUDIO, TEXT, DRAWING, IMAGE, VIDEO, durch Komma getrennt
data-iw-design-template keine Nummer einer Vorlage
data-iw-fullscreen aus ganze Seite nutzen
data-iw-allowed-image-mime-types gängige Bildformate inklusive HEIC erlaubte Bildformate
data-iw-allowed-video-mime-types MP4, WebM, QuickTime, M4V, Ogg erlaubte Videoformate

Gut zu wissen

  • Große Dateien: Bis 10 MB geht eine Datei in einem Stück hoch, größere in Teilen. Die Größe der Teile legt max_chunked_file_size_mb in vynst fest.
  • Sprachnachrichten gibt es nur in Browsern, die Aufnahmen erlauben. Sonst blendet das Widget die Möglichkeit aus.
  • Eigene Beiträge können Gäste im selben Browser wieder löschen.
  • Gestaltung der fertigen Seite: Einstellungen moments_design und moments_design_template in vynst.
  • Bindet ihr das Widget auf eurer eigenen Website ein, tragt sie in CORS - HTTP Origins ein. Die fertige Seite braucht das nicht.

Ereignisse

iw:event-moments:ready, :item-submitted, :submitted, :error und :diagnostic für die Fehlersuche.