Tilda
Schritt 1. Widget-Code erhalten
Oeffnen Sie in tikento das Event -> Registrierung -> Widget fuer die Website. Kopieren Sie den Code.
Schritt 2. HTML-Block auf der Seite hinzufuegen
Im Tilda-Editor:
- Klicken Sie auf "+" zum Hinzufuegen eines neuen Blocks.
- Navigieren Sie zur Kategorie "Sonstiges" -> waehlen Sie den Block T123 (HTML-Block).
- Klicken Sie auf den Block zur Bearbeitung und fuegen Sie den Widget-Code ein.
Schritt 3. Website veroeffentlichen
Klicken Sie auf "Veroeffentlichen" in Tilda. Das Widget erscheint auf der veroeffentlichten Seite.
CORS fuer Tilda einrichten
Fuegen Sie Ihre Domain zur Liste der erlaubten Quellen in tikento hinzu:
- Benutzerdefinierte Domain:
yourdomain.com - Tilda-Domain:
yoursite.tilda.ws
Anleitung: CORS einrichten.
Webflow
Schritt 1. Embed-Komponente hinzufuegen
Im Webflow Designer:
- Klicken Sie auf "+" -> Komponente "Embed" (Abschnitt "Components" oder "Add").
- Ziehen Sie die Komponente an die gewuenschte Stelle auf der Seite.
Schritt 2. Code einfuegen
Doppelklicken Sie auf die Embed-Komponente, fuegen Sie den tikento-Widget-Code ein. Klicken Sie auf "Save".
Schritt 3. Veroeffentlichen
Klicken Sie auf "Publish" in Webflow. Embed-Komponenten werden nur auf veroeffentlichten Seiten angezeigt, nicht im Editor.
CORS fuer Webflow
Fuegen Sie in tikento Ihre Webflow-Domain hinzu (.webflow.io oder benutzerdefiniert).
Wix
Schritt 1. HTML iFrame hinzufuegen
Im Wix-Editor:
- Klicken Sie auf "+" -> "Mehr" -> "HTML iFrame".
- Fuegen Sie das Element auf der Seite hinzu.
Schritt 2. Code einfuegen
Klicken Sie auf das Element -> "Code bearbeiten". Fuegen Sie den Widget-Code ein. Klicken Sie auf "Anwenden".
Wix verwendet einen isolierten iFrame fuer HTML-Code, was die Widget-Hoehe beeinflussen kann. Setzen Sie eine ausreichende iFrame-Hoehe (empfohlen 800px fuer mehrstufige Formulare).
CORS fuer Wix
Fuegen Sie Ihre Wix-Domain hinzu (yoursite.wixsite.com oder benutzerdefiniert).
Framer
- Oeffnen Sie das Projekt -> "Insert" -> "Custom Code" (im Abschnitt Assets).
- Fuegen Sie den Widget-Code in das Codefeld ein.
- Platzieren Sie die Komponente auf der gewuenschten Seite.
WordPress
Ueber das Plugin Header Footer Code
- Installieren Sie das Plugin "Header Footer Code Manager" oder ein vergleichbares.
- Fuegen Sie das Widget-Script (
<script src="...">) im Footer-Bereich hinzu. - Fuegen Sie auf der gewuenschten Seite einen Shortcode oder HTML-Block mit dem Container
<div data-tikento-widget="...">ein.
Ueber Gutenberg
Fuegen Sie im Seiteneditor den Block "Benutzerdefiniertes HTML" hinzu und fuegen Sie den vollstaendigen Widget-Code (Container + Script) ein.
Universelles HTML
Fuer jede andere Website fuegen Sie den Code direkt vor dem Tag </body> ein:
<div data-tikento-widget="IHRE_EVENT_ID"></div>
<script src="https://tikento.com/widget.js" async defer></script>