Das Anfrageformular
Das Anfrageformular öffnet sich, wenn ein Besucher auf einer Kaleidr-Karte eine Anfrageaktion wie Reserve, Schedule a Tour oder Request Pickup antippt, oder Prüfen und Senden bei einer Anfrage, die Kaleidr AI vorbereitet hat. Es sendet die Anfrage in den Posteingang Ihrer Organisation. Wie Sie Anfragen einrichten, steht unter Buchungsanfragen.
Wo es läuft
Das Formular läuft nur auf Kaleidrs eigenen Seiten. Es ist kein Skript, das Sie Ihrer Seite hinzufügen. Auf Ihrer Website öffnet es sich in einer veröffentlichten Karte, die Sie mit <kaleidr-map product="viewer"> einbetten: Der Viewer ist eine Kaleidr-Seite in einem iframe, und das Formular öffnet sich über seiner Karte. Es läuft auch in Kaleidr Studio und in Kaleidr Map, solange sie Kaleidrs eigene Basiskarte zeigt.
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<kaleidr-map product="viewer" share-id="YOUR_MAP_ID" layout="guide"
style="display:block; height:640px"></kaleidr-map>
- Nichts zu Ihrer Content Security Policy hinzuzufügen. Das Formular und seine Prüfung, ob ein Mensch es sendet, laden im iframe des Viewers, daher braucht Ihre Seite nur die eigenen
script-src- undframe-src-Einträge des Viewers. - Es lädt beim ersten Antippen. Eine Karte, deren Besucher das Formular nie öffnen, lädt es nie.
- Nur Orte, die Anfragen annehmen, zeigen die Schaltfläche. Welche das sind, legen Sie in Studio und Kaleidr Booking fest; siehe Anfragen aktivieren.
Was der Besucher sieht
- Das Formular, betitelt mit der Beschriftung der Aktion: die Felder des Kits, wie Ihre Organisation sie eingerichtet hat, Name, E-Mail, eine optionale Telefonnummer, eine Nachricht und die Einwilligungszeile mit Ihrem Unternehmensnamen und dem Link zu Ihrer Datenschutzerklärung.
- Anfrage senden, aktiv, sobald die Pflichtfelder ausgefüllt sind und das Einwilligungskästchen angehakt ist. Das Kästchen ist anfangs nicht angehakt. Ein Besucher, der nicht bei Kaleidr angemeldet ist, durchläuft eine kurze Prüfung, ob er ein Mensch ist.
- Anfrage gesendet, mit der Referenz, etwa
K-7XQ2MD, und „Wir haben eine Kopie an“ die E-Mail des Besuchers „gesendet“, wenn Ihre Organisation Empfangsbestätigungen sendet.
Das Formular füllt nichts über den Besucher aus. Eine Anfrage, die Kaleidr AI vorbereitet hat, enthält nur, was der Besucher gesagt hat, etwa ein Datum oder eine Personenzahl, und der Besucher prüft sie vor dem Senden.
| Der Besucher sieht | Wann |
|---|---|
| „Dieser Ort nimmt keine Online-Anfragen an.“ | Anfragen sind für den Ort oder für Ihre Organisation deaktiviert. |
| Dasselbe, mit der Telefonnummer oder dem Link des Ortes | Ihre Organisation hat ihr monatliches Anfragelimit erreicht. |
| Einen Satz neben dem Feld | Ein Pflichtfeld ist leer oder eine Antwort liegt außerhalb des zulässigen Bereichs. |
Die Beschriftungen des Formulars folgen der Sprache der Karte: Englisch, Spanisch, Französisch, Deutsch, Portugiesisch, Japanisch, Koreanisch, vereinfachtes und traditionelles Chinesisch sowie Arabisch. Ihre eigenen Fragen und Beschriftungen werden so gezeigt, wie Sie sie geschrieben haben.
Ereignisse
Das Formular meldet sich bei der Kaleidr-Seite, die es enthält, nicht bei Ihrer Seite:
| Ereignis | Wann |
|---|---|
ready | Das Formular wird gezeigt. |
resize | Seine Höhe hat sich geändert. |
submitted | Die Anfrage wurde angenommen, mit ihrer Referenz. |
error | Die Anfrage wurde abgelehnt, mit einem Fehlercode. |
close | Der Besucher hat das Formular geschlossen. |
Ihre Seite empfängt keines davon. Ein Viewer sendet keine öffentliche Nachricht, wenn eine Anfrage gesendet wird, und die Nachrichten aus dem iframe außer ready und error sind kein öffentlicher Vertrag. Um auf eine Anfrage zu reagieren, nutzen Sie Ihren Posteingang oder einen Webhook, der Ihre eigenen Systeme mit der vollständigen Anfrage erreicht.
Ist Kaleidr Analytics für die veröffentlichte Karte aktiviert, zählt eine gesendete Anfrage als Conversion dieser Karte. Die Conversion enthält nur die Art der Anfrage, nie die Angaben des Besuchers.
Gestaltung
Das Formular zeichnet sich in einem eigenen Shadow Root und übernimmt Farben, Schrift und Eckenradius von der Karte, über der es sich öffnet, im hellen wie im dunklen Modus. Das CSS Ihrer Seite erreicht es nicht: Es liegt im iframe des Viewers.
Dies sind die CSS-Custom-Properties, mit denen das Formular gestaltet wird, und ihre Standardwerte. Kaleidrs Seiten setzen sie aus dem Theme der Karte.
| Property | Standard | Gestaltet |
|---|---|---|
--kbw-font | inherit | Die Schrift. |
--kbw-fg | #111 | Den Text. |
--kbw-bg | #fff | Den Hintergrund. |
--kbw-muted | #6b7280 | Hinweise und Sekundärtext. |
--kbw-border | #d1d5db | Feldrahmen. |
--kbw-accent | #2da84a | Die Senden-Schaltfläche und den Fokusring. |
--kbw-accent-fg | #fff | Den Text auf der Senden-Schaltfläche. |
--kbw-danger | #b91c1c | Fehlersätze. |
--kbw-radius | 10px | Den Eckenradius. |
--kbw-space | 8px | Die Abstandseinheit. |