So integrierst du die Widget-Codes auf deiner Website

Erlebnisse einfach & schnell auf deiner Website sichtbar machen – in jedem CMS

Unsere Erlebnis-Widgets lassen sich unkompliziert in nahezu jedes Content Management System (CMS) einbinden – egal ob WordPress, Typo3, Contao, Webflow, Wix oder andere.

In diesem Artikel zeigen wir dir, wie du deine Widget-Codes Schritt für Schritt in den gängigsten Systemen implementierst.


🧩 Allgemeines Vorgehen (für alle CMS)

In jedem CMS gibt es die Möglichkeit, HTML-Code manuell einzufügen – meist über einen Button wie „+“, „Neues Element“ oder „Inhalt hinzufügen“.

👉 Dort wählst du in der Regel ein Element wie „HTML“, „Embed“ oder „Ungefiltertes HTML“ aus und fügst deinen Widget-Code per Copy & Paste ein.


💻 Schritt-für-Schritt nach CMS

  1. Contao
  2. Wordpress
  3. Typo3
  4. Webflow 
  5. Wix

🟠 Contao

  1. Klicke auf „Neues Element“
  2. Wähle „HTML“ als Elementtyp
  3. Im Feld „HTML-Code“ fügst du deinen Widget-Code ein
  4. ✅ Speichern & veröffentlichen


 



🔵 WordPress

Mit WPBakery Page Builder:

  1. Klicke auf das „+“ an der gewünschten Stelle

  2. Wähle „Ungefiltertes HTML“ im Pop-up

  3. Füge den Widget-Code ein

  4. ✅ Speichern & veröffentlichen

Mit Elementor:

  1. Wähle das Element „HTML“ aus der linken Seitenleiste

  2. Ziehe es an die gewünschte Stelle

  3. Füge den Code in das HTML-Feld ein

  4. ✅ Speichern & veröffentlichen


🟣 Typo3

  • Klicke auf das „+“ an der gewünschten Stelle

  • Wähle „Reines HTML“ unter „Besondere Elemente“

  • Füge den Code in das HTML-Feld ein

  • ✅ Speichern & veröffentlichen


🟢 Webflow

  1. Klicke auf das „+“ (Add Panel)

  2. Unter „Advanced“ findest du das Element „Embed“

  3. Füge dort den Widget-Code ein

  4. ✅ Speichern und veröffentlichen


🟡 Wix

  1. Klicke auf „+“ → „Embed“ → „HTML einbetten“

  2. Füge das Element auf deiner Seite ein

  3. Kopiere deinen Widget-Code in das Element

📌 Wichtig für Wix:
Da es sich um ein iFrame handelt, empfiehlt es sich, die Erlebnisse in einem neuen Tab zu öffnen:
🔧 Ergänze deinen Code mit:

&experiencesNewTab=true

📎 Weitere hilfreiche Artikel:


❓Noch Fragen zur Integration?

Unser Support-Team hilft dir gerne weiter:
📩 hello@giggle.tips