--- title: How to Embed Widget Codes on Your Website description: Easily display your experiences in any CMS – WordPress, Typo3, Contao, Webflow, Wix & more --- [Skip to content](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website#main-content) - [English](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website) - [Deutsch](https://support.giggle.tips/help-center/so-integrierst-du-die-widget-codes-auf-deiner-website) English Show submenu for translations ![01\_giggle](https://support.giggle.tips/hubfs/01_giggle.svg) Open main navigation Close main navigation - - [English](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website) - [Deutsch](https://support.giggle.tips/help-center/so-integrierst-du-die-widget-codes-auf-deiner-website) English Show submenu for translations - [Go to Dashboard](https://cms.giggle.tips/) [Go to Dashboard](https://cms.giggle.tips/) Hi, how can we help you? - There are no suggestions because the search field is empty. 1. [Help Center](https://support.giggle.tips/en/help-center?hsLang=en) 2. [Website](https://support.giggle.tips/en/help-center/website?hsLang=en) # How to Embed Widget Codes on Your Website ## Easily display your experiences in any CMS – WordPress, Typo3, Contao, Webflow, Wix & more Our Giggle experience widgets can be seamlessly integrated into almost any content management system. Whether you use **WordPress, Typo3, Contao, Webflow, or Wix** – it’s simple and fast. This article shows you how to insert your widget codes step by step in the most common systems. --- ### 🧩 General Instructions (for all CMS) Every CMS lets you add custom HTML code – typically via a **“+”**, **“Add element”**, or **“New section”** button. 👉 Simply choose an element like **“HTML”**, **“Embed”**, or **“Raw HTML”**, then **paste your widget code** into the field provided. --- ### 💻 Step-by-Step by CMS 1. [Contao](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website#contao) 2. [Wordpress](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website#wordpress) 3. [Typo3](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website#typo3) 4. [Webflow](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website#webflow)  5. [Wix](https://support.giggle.tips/en/help-center/how-to-integrate-the-widget-codes-on-your-website#wix) --- ### 🟠 **Contao** 1. Click **“New element”** 2. Select **“HTML”** as the element type 3. Paste the widget code into the **“HTML code”** field 4. ✅ Save and publish – done! ![](https://support.giggle.tips/hubfs/Contao_HTML-Element-jpg-3.jpeg) --- ### 🔵 **WordPress** #### Using WPBakery Page Builder: 1. Click the **“+”** at the desired location 2. Choose **“Raw HTML”** in the pop-up 3. Paste in your widget code 4. ✅ Save and publish – done! ![](https://support.giggle.tips/hubfs/Wordpress-jpg.jpeg) #### Using Elementor: 1. Select the **“HTML”** widget from the sidebar 2. Drag and drop it where needed 3. Paste your widget code into the HTML box 4. ✅ Save and publish – done! ![](https://support.giggle.tips/hubfs/Wordpress-Elementor-png.png) --- ### 🟣 **Typo3** 1. Click the **“+”** to add a new element 2. Under “Special Elements,” select **“Plain HTML”** 3. Paste the widget code into the field 4. ✅ Save and publish – done! ![](https://support.giggle.tips/hubfs/html-typo3-png.png) --- ### 🟢 **Webflow** 1. Click the **“+” (Add Panel)** 2. Under **“Advanced”**, choose **“Embed”** 3. Paste in your widget code 4. ✅ Save and publish – done! ![](https://support.giggle.tips/hubfs/Webflow-Embed-jpg.jpeg) --- ### 🟡 **Wix** 1. Go to **“+” → “Embed” → “Embed HTML”** 2. Place the element on your page 3. Paste the widget code into the field 📌 **Important for Wix**: Since Wix uses an iFrame, we recommend opening experiences **in a new tab** for the best display: 🔧 Add the following to the widget code: html KopierenBearbeiten `&experiencesNewTab=true` ![](https://support.giggle.tips/hs-fs/hubfs/Wix-png-1.png?width=423&height=389&name=Wix-png-1.png) ### 📎 More Useful Guides: - 👉 [How to Create & Customize Widget Codes](https://support.giggle.tips/en/help-center/how-to-create-widget-codes-to-include-your-experiences-on-your-website-in-your-digital-guest-portfolio-or-in-your-correspondence-tool?hsLang=en) - 👉 [Where to Best Place Your Experiences on the Website](https://support.giggle.tips/en/help-center/where-to-integrate-the-experiences-on-your-website?hsLang=en) --- ### ❓Need Help Embedding Your Widget? Our support team is happy to help: 📩 hello@giggle.tips - [Giggle 3.0](https://support.giggle.tips/en/help-center/giggle-3-0?hsLang=en) - [Experiences](https://support.giggle.tips/en/help-center/experiences?hsLang=en#main-content) - [Creation of experiences](https://support.giggle.tips/en/help-center/experiences?hsLang=en#creation-of-experiences) - [Categories](https://support.giggle.tips/en/help-center/experiences?hsLang=en#categories) - [Requests & Bookings](https://support.giggle.tips/en/help-center/experiences?hsLang=en#requests-bookings) - [Teams](https://support.giggle.tips/en/help-center/experiences?hsLang=en#teams) - [Statistics](https://support.giggle.tips/en/help-center/experiences?hsLang=en#statistics) - [Website](https://support.giggle.tips/en/help-center/website?hsLang=en) - [WebApp](https://support.giggle.tips/en/help-center/webapp?hsLang=en#main-content) - [Streams](https://support.giggle.tips/en/help-center/webapp?hsLang=en#streams) - [API & AI Bots](https://support.giggle.tips/en/help-center/api-ai-bots?hsLang=en#main-content) - [ExperienceAPI](https://support.giggle.tips/en/help-center/api-ai-bots?hsLang=en#experienceapi) - [AI Bots](https://support.giggle.tips/en/help-center/api-ai-bots?hsLang=en#ai-bots) - [Social Media](https://support.giggle.tips/en/help-center/social-media?hsLang=en#main-content) - [Facebook](https://support.giggle.tips/en/help-center/social-media?hsLang=en#facebook) - [Instagram](https://support.giggle.tips/en/help-center/social-media?hsLang=en#instagram) - [Pinterest](https://support.giggle.tips/en/help-center/social-media?hsLang=en#pinterest) - [Google](https://support.giggle.tips/en/help-center/google?hsLang=en#main-content) - [Google Places](https://support.giggle.tips/en/help-center/google?hsLang=en#google-places) - [Mailings](https://support.giggle.tips/en/help-center/mailings?hsLang=en) - [Printed weekly program](https://support.giggle.tips/en/help-center/printed-weekly-program?hsLang=en) - [Digital Signage](https://support.giggle.tips/en/help-center/digital-signage?hsLang=en) - [Guest Info Tools](https://support.giggle.tips/en/help-center/guest-info-tools?hsLang=en) - [Login & Technics](https://support.giggle.tips/en/help-center/login-technics?hsLang=en) [![](https://support.giggle.tips/hs-fs/hubfs/signatur%20logo.png?width=165&height=34&name=signatur%20logo.png)](http://giggle.tips) giggle.tips Help Center Copyright © 2026, Giggle GmbH