---
title: ErlebnisApp gestalten & neue Streams hinzufügen
description: So strukturierst du deine Streams und passt das Design deiner ErlebnisWebApp individuell an
---

[Zu Content springen](https://support.giggle.tips/help-center/design-webapp#main-content)

- [Deutsch](https://support.giggle.tips/help-center/design-webapp)
- [English](https://support.giggle.tips/en/help-center/experienceapp)

Deutsch

Untermenü für Übersetzungen anzeigen

[![01\_giggle](https://support.giggle.tips/hubfs/01_giggle.svg)](https://support.giggle.tips/?hsLang=de)

Hauptnavigation öffnen

Hauptnavigation schließen

- - [Deutsch](https://support.giggle.tips/help-center/design-webapp)
    - [English](https://support.giggle.tips/en/help-center/experienceapp)

  Deutsch
  
  Untermenü für Übersetzungen anzeigen
- [Go to Dashboard](https://cms.giggle.tips/)

[Go to Dashboard](https://cms.giggle.tips/)

 Hallo, wie können wir dir weiterhelfen?

- Es gibt keine Vorschläge, da das Suchfeld leer ist.

1. [Help Center](https://support.giggle.tips/help-center?hsLang=de)
2. [WebApp](https://support.giggle.tips/help-center/webapp?hsLang=de)

# ErlebnisApp gestalten & neue Streams hinzufügen

## So strukturierst du deine Streams und passt das Design deiner ErlebnisWebApp individuell an

In diesem Artikel zeigen wir dir Schritt für Schritt,  
✅ wie du **neue Streams zur ErlebnisWebApp hinzufügst**  
✅ und wie du **Farben, Logo und Hintergrundbild** an dein Design anpasst.

👉 Einen kurzen Überblick zur **Darstellung von Streams in der ErlebnisApp** findest du hier im Video:

<iframe width="256" height="144.64" src="https://www.youtube.com/embed/_768B3kLa1s?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Wie kann ich Erlebnis Streams in meiner WebApp ausspielen?" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>

---

1. [Neuen Stream erstellen](https://support.giggle.tips/help-center/design-webapp#neuen-stream)
2. [Stream zur ErlebnisApp hinzufügen](https://support.giggle.tips/help-center/design-webapp#stream-hinzufuegen)
3. [Stream in der ErlebnisApp anpassen](https://support.giggle.tips/help-center/design-webapp#stream-anpassen)
4. [Design deiner ErlebnisApp anpassen (Hintergrundbild, Farben, Logo)](https://support.giggle.tips/help-center/design-webapp#design)
5. [Änderungen speichern & prüfen & Fazit](https://support.giggle.tips/help-center/design-webapp#speichern-fazit)

### ➕ 1. Neuen Stream erstellen

1. Gehe im CMS zu **„Streams“**
2. Klicke auf **„Stream erstellen“**
3. Gib dem Stream einen Namen, z. B.:
   
     - Relax & Spa
     - Aktivprogramm
     - Kulinarik Highlights
4. Wähle den gewünschten **Sortierungstyp (individuell oder chronologisch)**  
   👉 Mehr dazu findest du hier:  
   [**Erlebnisse sortieren: manuell oder chronologisch**](https://support.giggle.tips/help-center/sortierung-der-erlebnisse-im-stream?hsLang=de)
5. Speichere den Stream

---

### 🌐 2. Stream zur ErlebnisApp hinzufügen

1. Gehe im CMS zu **„Erlebnisse teilen“**
2. Wechsle in den Bereich **„ErlebnisApp“**
3. Klicke unten auf **„Stream hinzufügen“ (Plus-Symbol)**
4. Wähle den gewünschten Stream aus und bestätige mit **„Fertig“**

---

### ✏️ 3. Stream in der ErlebnisApp anpassen

- **Position ändern**  
  Ziehe den Stream per **Drag & Drop** an die gewünschte Stelle
- **Darstellung ändern** (nur bei individuellen Streams)  
  Klicke auf den **Pfeil rechts**, um:
  
    - zwischen **großer** oder **kleiner Kachel** zu wählen
    - den Stream aus der App zu entfernen (**„Remove Stream“**)
    
  ![](https://support.giggle.tips/hs-fs/hubfs/ErlebnisApp-jpg.jpeg?width=510&height=424&name=ErlebnisApp-jpg.jpeg)

---

### 🎨 4. Design deiner ErlebnisApp anpassen

Du möchtest Farben, Logo oder das Hintergrundbild ändern?  
So geht's:

1. Gehe im CMS zu **„Settings \> Design“**
2. Dort findest du folgende Design-Bereiche:

#### 🖼️ ErlebnisApp-Hintergrundbild

- Empfohlene Größe: **1920 × 1080 Pixel** (oder im 16:9-Format)
- Unterstützte Formate: **PNG, JPG, WebP**
- Max. Dateigröße: **6 MB**
- Mit Klick auf das **Bleistift-Symbol** kannst du ein neues Bild hochladen oder das aktuelle Bild ganz einfach austauschen

#### 🖌️ Farben

- Hinterlege einen **Hexcode** für deine CI-Farben oder such dir mit Klick auf das Farbfeld eine gewünschte Farbe aus
- Wähle deine **Hauptfarbe** (für Buttons & Highlights)
- Lege die **Textfarbe** auf Buttons fest

#### 🧩 Logo

- Empfohlene Größe: **512 × 512 Pixel**
- Am besten im quadratischen Format
- Formate: **PNG, JPG, WebP**
- Max. Dateigröße: **1 MB**
- Mit Klick auf das **Bleistift-Symbol** kannst du ein neues Bild hochladen oder das aktuelle Bild ganz einfach austauschen

![](https://support.giggle.tips/hs-fs/hubfs/Design-Einstellungen-jpg.jpeg?width=688&height=455&name=Design-Einstellungen-jpg.jpeg)

---

### 💾 5. Änderungen speichern & prüfen

- **Speichern nicht vergessen** – sowohl die Einstellungen in der ErlebnisApp als auch unter „Design“
- **ErlebnisApp neu laden**, um alle Änderungen zu sehen oder oben rechts auf den Link "**Zu deiner ErlebnisApp**" klicken, damit sich deine ErlebnisWebApp neu öffnet.

---

### ✅ Fazit

Mit individuell gestalteten Streams und passendem Design sorgst du für:

✔️ Eine klare Struktur in deinem Angebot  
✔️ Ein professionelles, markenkonformes Auftreten  
✔️ Mehr Sichtbarkeit, Buchungen und Nutzungen deiner Erlebnisse

---

📩 Du brauchst Unterstützung beim Anlegen von Streams oder beim Ändern deiner ErlebnisApp?  
**Unser Support-Team ist jederzeit für dich da!**

- [Giggle 3.0](https://support.giggle.tips/help-center/giggle-3-0?hsLang=de)
- [Erlebnisse](https://support.giggle.tips/help-center/erlebnisse?hsLang=de#main-content)

    - [Erlebniserstellung & -verwaltung](https://support.giggle.tips/help-center/erlebnisse?hsLang=de#erlebniserstellung-verwaltung)
    - [Kategorien](https://support.giggle.tips/help-center/erlebnisse?hsLang=de#kategorien)
    - [Anfragen & Buchungen](https://support.giggle.tips/help-center/erlebnisse?hsLang=de#anfragen-buchungen)
    - [Teams](https://support.giggle.tips/help-center/erlebnisse?hsLang=de#teams)
    - [Statistik](https://support.giggle.tips/help-center/erlebnisse?hsLang=de#statistik)
- [Website](https://support.giggle.tips/help-center/website?hsLang=de)
- [WebApp](https://support.giggle.tips/help-center/webapp?hsLang=de#main-content)

    - [Streams](https://support.giggle.tips/help-center/webapp?hsLang=de#streams)
- [API & KI Bots](https://support.giggle.tips/help-center/api-ki-bots?hsLang=de#main-content)

    - [ExperienceAPI](https://support.giggle.tips/help-center/api-ki-bots?hsLang=de#experienceapi)
    - [KI Bots](https://support.giggle.tips/help-center/api-ki-bots?hsLang=de#ki-bots)
- [Social Media](https://support.giggle.tips/help-center/social-media?hsLang=de#main-content)

    - [Facebook](https://support.giggle.tips/help-center/social-media?hsLang=de#facebook)
    - [Instagram](https://support.giggle.tips/help-center/social-media?hsLang=de#instagram)
    - [Pinterest](https://support.giggle.tips/help-center/social-media?hsLang=de#pinterest)
- [Google](https://support.giggle.tips/help-center/google?hsLang=de#main-content)

    - [Google Places](https://support.giggle.tips/help-center/google?hsLang=de#google-places)
- [Mailings](https://support.giggle.tips/help-center/mailings?hsLang=de)
- [Gedrucktes Wochenprogramm](https://support.giggle.tips/help-center/gedrucktes-wochenprogramm?hsLang=de)
- [Digital Signage](https://support.giggle.tips/help-center/digital-signage?hsLang=de)
- [Gästeinfotools](https://support.giggle.tips/help-center/g%C3%A4steinfotools?hsLang=de)
- [Login & Technisches](https://support.giggle.tips/help-center/login-technisches?hsLang=de)

[![white\_01\_giggle](https://support.giggle.tips/hubfs/white_01_giggle.svg "white_01_giggle")](http://giggle.tips)

giggle.tips Help Center

<https://www.facebook.com/giggle.tips>

Copyright © 2025, Giggle GmbH