Anmeldeformular auf der eigenen Website einbinden

Zuerst legst Du ganz normal Dein Event an. Das bedeutet, Du pflegst die Informationen zum Event, legst die Einstellungen fest und passt das Formular nach Deinen Wünschen an.

Obwohl Du nur das Anmeldeformular auf der Website einbindest, bekommt Dein Gast trotzdem in E-Mails (z. B. Einladungen) und seinem Gäste-Dashboard diese Informationen angezeigt.

Wenn Du das Event angelegt hast, kannst Du das Anmeldeformular ganz einfach auf Deiner Seite einbinden. Es gibt zwei Möglichkeiten:

Einbindung per iFrame

1. Klicke im Menü auf der rechten Seite auf "Anmeldeformular"
2. Kopiere den "Code zum Einfügen in die Website" und füge ihn an der Stelle in den HTML-Code Deiner Website ein, an der das Formular erscheinen soll.
3. Fertig :)

Dieser Abschnitt ist für Dich interessant, wenn Du...

• ...Deine eigene Eventwebsite hast und nur das Anmeldeformular von guestoo nutzen möchtest
• ...die Einladungen ganz bequem und personalsiert aus guestoo versenden möchtest
• optional: ...das Formuar schon vorausgefüllt sein soll mit den Daten des Gastes

1. Weiterleitung auf die eigene Website in guestoo einrichten

In diesem Schritt stellst Du ein, dass jedes Mal wenn ein Gast die guestoo Eventwebsite aufruft (z. B. über den Link in der Einladungs-Email oder den Infomailings), er automatisch auf Deine Event-Website weitergeleitet wird. Die Weiterleitung beinhaltet auch eine Information, mit der Du den Gast auf Deiner Website identifizieren kannst (siehe 3. - unten)

1. Gehe in das entsprechende Event
2. Wechsle in den Reiter "Settings"
3. Scrolle nach unten zu "Eigene Eventwebsite / API"
4. Trage hier Deine eigene Event-Website ein
5. Aktiviere darunter "guestoo Eventseite auf korrespondierende Eventwebsite weiterleiten"

2. Anmeldeformular in die eigene Website einbinden

In diesem Schritt bauen wir das Anmeldeformular in Deiner Event-Website ein, sodass sich Gäste registrieren können.

1. Rechts im Menü des Events findest Du den Punkt "Anmeldeformular". Wenn Du ihn anklickst öffnet sich ein Fenster mit dem Code, den Du an der Stelle auf Deiner Website einfügen musst, an der das Formular erscheinen soll (Details dazu findest Du weiter oben auf dieser Seite unter "Binde das Formular in Deiner Seite ein").
2. Wenn Du keinen Wert auf ein vorausgefülltes Formular legst oder Dein Event nicht auf "Nur mit Einladung" steht, bist Du hier fertig.
   Ansonsten geht es so weiter:

3. Einladungscode des Gastes an das Formular übergeben

Wenn Du Einladungen oder Infomailings an Deine Gäste versendest, beinhalten diese den individuellen Code für den entsprechenden Gast. Dieser Code sorgt dafür, dass guestoo weiß um wen es sich handelt und er zum Beispiel zur Anmeldung legitimiert ist, die Absage-Funktion sieht oder seine Daten schon vorausgefüllt sind. Diesen Code solltest Du im Formular berücksichtigen. So gehts:

1. Wir übergeben in der Weiterleitung zu Deiner Website den Code des Gastes als Parameter (invitationCode) in der URL.
   Beispiel: https://deineDomain.de/event?invitationCode=AAA-BBB-CCC
2. Diesen Parameter müsst ihr abfragen und in dem Aufruf des Formulars einbauen. Wie ihr den Parameter abruft, hängt von Eurem Content Management System ab - Euer Webmaster sollte aber schnell helfen können ( so fragt Ihr den Parameter z.B. in Wordpress ab - externer Link ).
3. In dem Code aus 2. (Formular in eigene Website einfügen) müsst ihr nur folgende Stelle ändern:
   aus: src="https://app.guestoo.de/public/event/…/frame
   wird: src="https://app.guestoo.de/public/event/invited/{{CODE AUS DEM PARAMETER}}/frame

Damit seid ihr fertig :)

Vorweg: Wenn Du einen Gast auf die Gästeliste setzt und über guestoo einlädst, sind alle Daten des Gastes automatisch im Formular vorausgefüllt. In diesem Abschnitt geht es nur um den Fall, dass der Gast aus einer anderen Quelle kommt (z. B. einer App) und die dort vorhandenen Daten schon voreingetragen werden oder z. B. eine Kampagne, aus der der Gast kommt, zu speichern.

Formular beim Aufruf befüllen

Anmeldeformulare können beim Aufruf schon vorbefüllt werden. Hierfür können Parameter im Aufruf genutzt werden. Wird die Eventseite mit Parametern aufgerufen, werden die Daten ebenfalls an das Formular übermittelt.
Beispiel:

https://app.guestoo.de/public/event/de450e2b-8814-4a04-b26d-f04afc86e1bb/frame?email=test@guestoo.de&kmProJahr=20000

Stammdatenfelder

• email
• delegateEmail
• saluation
• title
• firstName
• lastName
• birthday
• gender
• phoneNumber
• mobilePhoneNumber
• company
• position
• web
• info

Eventspezifische Felder

Es können alle eventspezifischen Felder der Typen Text, Zahl und Ja/Nein als Parameter angegeben werden.
Um eventspezifische Felder zu befüllen, müssen diese auf "Pflicht" oder "Freiwillig" stehen. Unsichtbare Felder können aus Sicherheitsgründen nicht befüllt werden.
Der Parameter, der zur Befüllung der eventspezifischen Felder gebracht wird, ist der Wert, der am Feld unter "Code für dynamische Platzhalter" angegeben wurde (entsprechender Tarif vorausgesetzt).

Herkunft (z. B. Kampagne übergeben)

Um die Herkunft des Gastes mitzugeben, kann der Parameter "origin" angehangen werden. Dieser ist im Formular nicht sichtbar, wird aber am Gast übermittelt.

Er kann z. B. genutzt werden um verschiedene Kampagnen zu testen. Die Herkunft ist sowohl in den Gast-Details am Event sichtbar, als auch in der Statistik.

Eventseite mit Parameter aufrufen

Du kannst auch die Eventseite mit Parametern aufrufen. Diese werden dann genauso in das Formular übergeben.

Spracheinstellung

Die Sprache des Anmeldeformulars wird über die Sprache des Browsers voreingestellt. Du kannst aber auch direkt eine Sprache beim Aufruf mitgeben, indem Du den Parameter lang=de oder en mit an die URL des Anmeldeformulars hängst (egal ob im iFrame oder im Modalen Dialog).

Beispiel: https://app.guestoo.de/public/event/b33c7fb0-fcf5-451d-8e7a-9d60d0b5306b/frame?lang=de

API-Nutzung

Du kannst das Event auch per API in Deine Website einbinden und dir also z. B. alle aktuellen Events mit dem Tag XYZ und deren Informationen (inkl. freier Plätze) direkt per API holen und nahtlos in Deine Website einbinden. Die URL zum Anmeldeformular gibt es auch über die API. Die Möglichkeiten sind da. Nutze Sie ;)

Dieser Abschnitt ist für Dich interessant, wenn...

• ...Du Deine eigene Eventwebsite hast und nur das Anmeldeformular von guestoo nutzen möchtest
• ...und Du trotzdem individuelle Einladungslinks versenden möchtest, sodass das Formular in Deiner Website schon weiß um welchen Gast es sich handelt und auch der Absagen-Button erscheint

Individueller Einladungslink, um nur das Anmeldeformular aufzurufen

1. Hole Dir den Einladungslink des Gastes (aus der Excel-Liste, der Api oder der Gästeübersicht zum Event)
2. Hänge an den Link ein /frame an. Damit hast Du den Link, der das personalisierte Anmeldeformular aufruft
1. Einladungslink: https://app.guestoo.de/public/event/invited/VKV-4CP-CKW
2. Einladungslink nur Formular: https://app.guestoo.de/public/event/invited/VKV-4CP-CKW/frame

Einbinden in die Website

Hier wird es etwas technischer. Aber für Euren Website-Admin sollte es verständlich sein ;)

1. Übergebe die URL zum Anmeldeformular als Parameter in der URL zu Deiner Website. Achte dabei darauf, dass der Parameter URL encoded sein muss ( Externer Link: URL-Encoder )
1. Beispiel: www.meineDomain.de/?anmeldeformular=https%3A%2F%2Fapp.guestoo.de%2Fpublic%2Fevent%2Finvited%2FVKV-4CP-CKW%2Fframe
2. An der Stelle, an der das Anmeldeformular eingebunden werden soll, musst Du jetzt den Parameter abfragen
1. Beispiel: <iframe src="{{anmeldeformular}}"…></iframe>
3. Fertig :)