Konfigurations-Anleitung
Horizon Studio und App konfigurieren
Passen Sie Ihre App an und entdecken Sie alle Funktionen von Horizon Studio. Die Felder sind bereits mit optimalen Werten vorausgefüllt: Ändern Sie nur das, was Sie anpassen möchten.
CORS-Fix für externe Integration
Wenn Ihre Website innerhalb der App angezeigt wird und die Bilder nicht sichtbar sind, müssen Sie diese Zeilen zu Ihrem Server hinzufügen. Ohne diese Einstellung kann die App die Bilder von Ihrer Website nicht laden.
Wozu dient CORS?
📱 Ihre App
→
🌐 Ihre Website
❌ Bilder blockiertDer Server erlaubt kein externes Laden
📱 Ihre App
→
✅ Ihre Website
mit aktivem CORS
mit aktivem CORS
✅ Bilder geladen!Der Server erlaubt das Laden
Kopieren Sie diesen Code an den Anfang Ihrer Datei
.htaccess. Er muss der erste Block der Datei sein. Wenn Sie nicht wissen, wo sich diese Datei befindet, fragen Sie Ihren Webmaster oder Ihren Hosting-Anbieter. .htaccess
# CORS-FIX
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, OPTIONS, POST"
Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Authorization"
</IfModule>Bei einem 500-Fehler oder wenn der Server die Direktiven nicht erkennt, muss das Apache-Modul „headers" über das Server-Terminal aktiviert werden mit dem Befehl:
Starten Sie anschließend Apache neu mit
sudo a2enmod headersStarten Sie anschließend Apache neu mit
sudo systemctl restart apache2Nachdem Sie den Code hinzugefügt haben, sind die Bilder Ihrer Website innerhalb weniger Minuten in der App sichtbar. Sollte das Problem weiterhin bestehen, kontaktieren Sie den Support.
Integration von Website, Blog oder Social Embed (White-Label)
Um Ihre Website, Ihren Blog oder Social-Inhalte innerhalb der Plattform anzuzeigen, muss die Quelle das „Framing" erlauben. Folgen Sie dieser Vorgehensweise. In wenigen Minuten ist alles eingerichtet.
Pro-Plan: Die Integration Ihrer eigenen Website oder Ihres Blogs in die App ist ausschließlich mit dem Pro-Plan verfügbar. Die Pläne Starter und Premium nutzen Horizon Studio als Veröffentlichungsplattform.
Phase 1: Kompatibilitäts-Test
Bevor Sie etwas ändern, prüfen Sie, ob Ihre Website/Ihr Blog bereits bereit ist.
1
Gehen Sie auf die Website IFrameTester.com
2
Fügen Sie die vollständige URL Ihrer Website oder Ihres Blogs ein (z. B.
https://www.meinblog.de)3
Klicken Sie auf Render
Erscheint Ihre Website im Rahmen? Sie müssen nichts tun: Ihre Website/Ihr Blog ist bereits kompatibel!
Sehen Sie einen Fehler wie „Refused to connect" oder einen grauen Rahmen? Ihr Server blockiert die Integration. Fahren Sie mit Phase 2 fort.
Phase 2: Technische Lösung
Bitten Sie Ihren Webmaster oder Ihren Hosting-Anbieter, eine dieser Konfigurationen anzuwenden. Diese Anweisungen entfernen die Sicherheitsblockaden und erlauben der Plattform, Ihre Inhalte anzuzeigen.
Option A: Nginx-Server
Bearbeiten Sie die Konfigurationsdatei der Website und fügen Sie diese Zeilen hinzu:
nginx
# Entfernt die restriktive Sicherheitsblockade
proxy_hide_header X-Frame-Options;
add_header X-Frame-Options "" always;
# Erlaubt universelle Integration (White-Label)
add_header Content-Security-Policy "frame-ancestors *;" always;Option B: Apache-Server (.htaccess) ← Empfohlen
Fügen Sie diese Zeilen am Anfang Ihrer Datei .htaccess hinzu:
apache
<IfModule mod_headers.c>
Header always unset X-Frame-Options
Header always set Content-Security-Policy "frame-ancestors *"
</IfModule>Option C: functions.php ← Am einfachsten
Wenn Sie keinen Zugriff auf die Serverdateien haben, fügen Sie diesen Code der Datei functions.php Ihres aktiven Themes hinzu:
php
function allow_white_label_framing() {
// Hebt die Sicherheitsbeschränkungen der Website auf
remove_action( 'login_init', 'send_frame_options_header', 10 );
remove_action( 'admin_init', 'send_frame_options_header', 10 );
// Aktiviert die externe Darstellung
header("Content-Security-Policy: frame-ancestors *");
header_remove("X-Frame-Options");
}
add_action('send_headers', 'allow_white_label_framing', 1);Phase 3: Erweiterte Funktionen aktivieren (Optional)
Um Ihren Nutzern das beste Erlebnis zu bieten, fügen Sie dieses Script in den <head> Ihrer Website ein. Das Script aktiviert zusätzliche Funktionen wie optimierte Navigation und flüssige Animationen innerhalb der App.
1
Öffnen Sie die HTML-Datei Ihrer Website (oder die Template-Datei des Themes)
2
Finden Sie den Tag
<head> ... </head>3
Fügen Sie das folgende Script vor dem schließenden
</head> einhtml
<script src="https://scripts.travelinfluencer.co/horizon-webview-helper.js" data-horizon-webview async></script>Was dieses Script bewirkt: Es aktiviert optimierte Navigation, flüssige Animationen und fortgeschrittene Übergänge, wenn Ihre Website innerhalb der Travelinfluencer-App angezeigt wird. Die Website funktioniert auch ohne das Script normal weiter.
Optional, aber empfohlen: Das Script ist leicht, wird asynchron geladen und beeinträchtigt die Performance Ihrer Website nicht. Es tut nichts, wenn die Website nicht in der App geöffnet ist.
Grundlegende Voraussetzungen
HTTPS-Protokoll: Ihre Website/Ihr Blog muss ein aktives SSL-Zertifikat haben. Websites unter
http:// (unsicher) können nicht geladen werden.Cloudflare: Wenn Sie Cloudflare verwenden, deaktivieren Sie eventuelle Regeln vom Typ „HSTS" oder „Origin Shield", die den Header
X-Frame-Options: SAMEORIGIN erzwingen.Support: Wenn der Test nach dem Anwenden dieser Änderungen weiterhin fehlschlägt, kontaktieren Sie den technischen Support Ihres Anbieters und senden Sie den Screenshot des auf IFrameTester.com durchgeführten Tests.
Social Embed: Einige Social-Plattformen erlauben es, ihre Inhalte direkt (als Embed) in Ihre App zu integrieren. Die Verfügbarkeit dieser Funktion hängt von der jeweiligen Social-Plattform ab: Nicht alle unterstützen Embeds. Wenn es die Plattform erlaubt, wird der Inhalt nativ innerhalb der App angezeigt, ohne dass zusätzliche Konfigurationen nötig sind.
Eigene Domain (White-Label)
Wenn Ihr Plan die Option „Custom Domain" umfasst, können Sie Ihre Domain oder Subdomain (z. B. app.ihrname.de) mit der Plattform verbinden. Ihre Nutzer greifen dann über Ihre Webadresse auf Ihre App zu.
Wie die DNS-Weiterleitung funktioniert
🌐 app.ihrname.de
→
🔗 CNAME-Eintrag
verweist auf
→
connect.travelinfluencer.co
🔒 SSL-Zertifikat
automatisch erstellt
automatisch erstellt
→
✅ Ihre App ist online!
erreichbar unter app.ihrname.de
erreichbar unter app.ihrname.de
Anleitung zur DNS-Weiterleitung
Melden Sie sich im Verwaltungspanel Ihrer Domain an (z. B. Aruba, Cloudflare, Register) und fügen Sie einen neuen DNS-Eintrag hinzu:
| Feld | Einzutragender Wert |
|---|---|
| Eintragstyp | CNAME |
| Host / Name | appoder einen Namen Ihrer Wahl: reisen, portal, connect … |
| Ziel / Wert | connect.travelinfluencer.co |
| TTL | Automatisch oder 3600 |
Wichtige Hinweise
Keine Einträge vom Typ A (IP-Adressen) verwenden. Verwenden Sie ausschließlich den CNAME-Eintrag, der auf
connect.travelinfluencer.co verweist. Das stellt sicher, dass Ihr Dienst auch bei Aktualisierungen unserer Server aktiv bleibt.Automatisches SSL / HTTPS: Sobald die Weiterleitung konfiguriert ist, aktiviert das System automatisch ein kostenloses SSL-Zertifikat für Ihre Domain. Die Aktivierung erfolgt in der Regel innerhalb weniger Minuten, kann aber von externen technischen Faktoren (einschließlich DNS-Propagation) abhängen und in Ausnahmefällen länger dauern.
DNS-Propagation: Änderungen an den DNS können wenige Minuten bis einige Stunden benötigen, um weltweit sichtbar zu werden.
Was passiert als Nächstes?
1
Sie erstellen den CNAME-Eintrag in Ihrem DNS-Panel
2
Unser System erkennt die Weiterleitung und erstellt automatisch das SSL-Zertifikat
3
Ihre App ist unter Ihrer personalisierten Adresse erreichbar (z. B.
app.ihrname.de)Achtung. Downgrade von eigener Domain zu Subdomain: Die eigene Domain ist in die interne Konfiguration Ihrer App integriert (Nutzersitzungen, SSL-Zertifikate, Indexierung). Der Wechsel von einer eigenen Domain zu einer Standard-Subdomain erfordert eine vollständige Umstrukturierung der Umgebung, die vorhandene Daten inkompatibel macht. App-Konfiguration, persönliche Einstellungen und der Domain zugeordnete Inhalte gehen endgültig verloren. Dieser Vorgang ist irreversibel: Sichern Sie vor einem Downgrade alles, was Sie benötigen.
Horizon Studio
Horizon Studio ist die Plattform, mit der Sie Ihre App konfigurieren und Ihren Inhalts-Blog verwalten.
Vollständige Plattform: Horizon Studio ist viel mehr als nur ein Blog. Es umfasst einen fortschrittlichen Editor, Promo-Badges, CTAs mit externen Links, View-Monitoring, Like-System, Kommentare und anpassbare Autorenprofile — alles über das Frontend verwaltet.
📝 Erstellung und Verwaltung von Inhalten
Alles, was Sie zum Erstellen und Verwalten Ihrer Artikel benötigen, direkt über das Frontend.
| Funktion | Beschreibung |
|---|---|
| Vollständiger Frontend-Editor | Artikel erstellen und bearbeiten mit dem visuellen TinyMCE-Editor (komplette Symbolleiste). Textformatierung, Bilder einfügen, Links und vieles mehr. |
| Beitragsbilder | Upload mit sofortiger Vorschau. Das System zeigt eine Vorschau vor der Veröffentlichung. |
| Veröffentlichungsstatus | Schnelles Umschalten zwischen Veröffentlicht und Entwurf direkt in der Artikelliste. Keine Bestätigung nötig: ein Klick zum Statuswechsel. |
| Endgültige Löschung | Artikel werden mit ausdrücklicher Bestätigung gelöscht. Zugehörige Bilder werden automatisch entfernt. |
| Kommentare | Ein/Aus-Schalter für jeden Artikel. Individuelles Kommentar-Template mit Unterstützung für verschachtelte Antworten. Aktivieren oder deaktivieren Sie Kommentare für jeden Inhalt einzeln. |
🏷️ Badge-System
Jeder Artikel kann mit einem visuellen Badge markiert werden, das auf der Card und im einzelnen Beitrag angezeigt wird. Die Badges erscheinen als farbige Labels als Overlay über dem Beitragsbild.
| Badge | Bedeutung | Anwendungsfall |
|---|---|---|
| Promo | Promotionelles Angebot | Rabatte, zeitlich begrenzte Angebote, Promo-Codes |
| Neu | Frisch veröffentlichter Inhalt | Neuheiten kennzeichnen, neue Katalogeinträge |
| Hot | Beliebter Inhalt | Bestseller, aktuelle Trends, virale Inhalte |
| Gratis | Kostenloser Inhalt | Kostenlose Ressourcen, Gratis-Guides, Trials, Zugaben |
Wo sie erscheinen: Die Badges sind auf der Artikel-Card in der Liste, im Autorenprofil und im einzelnen Beitrag sichtbar — stets als Overlay über dem Beitragsbild.
🔗 CTAs mit externen Links
Jeder Artikel kann eine Call-To-Action mit externem Link enthalten, ideal zur Monetarisierung von Inhalten und zur Weiterleitung an externe Ressourcen.
Anwendungsfälle
| Typ | Beschreibung | Beispiel |
|---|---|---|
| Affiliate-Link | Weiterleitung zu Produkten/Diensten Dritter mit Provisions-Tracking | Links zu Booking.com, Amazon usw. |
| Pakete und Produkte | Links zu Kaufseiten, Landingpages, E-Commerce | „Reisepaket buchen" |
| Guides und Ressourcen | Weiterleitung zu Tutorials, Dokumentation, Online-Kursen | „PDF-Guide herunterladen" |
| Externe Websites | Beliebige externe URL für Vertiefungen, Demos usw. | „Website des Partners besuchen" |
Funktionsweise im einzelnen Beitrag
Die CTA wird als sichtbare Schaltfläche im Promo-Box des einzelnen Beitrags angezeigt, mit:
- Label — der Text der Schaltfläche (z. B. „€29.99", „Entdecken", „Jetzt buchen")
- Link — öffnet in einem neuen Tab mit
rel="noopener noreferrer"aus Sicherheitsgründen - Pfeil-Icon — zeigt die Aus-Aktion zur externen Website an
👁 View-Monitoring
Die Zählung der Aufrufe ist automatisch und standardmäßig aktiv für alle Artikel. Keine Konfiguration erforderlich.
| Funktion | Detail |
|---|---|
| Automatischer Zähler | Der Zähler wird bei jedem Aufruf des einzelnen Beitrags automatisch erhöht. |
| Anzeige in der Liste | Die Zählung wird auf jeder Artikel-Card mit dem Icon 👁 angezeigt. |
| Keine Konfiguration | Das Tracking ist für alle veröffentlichten Artikel standardmäßig aktiv. |
👤 Profil-Aufrufe
Die Zählung der Aufrufe der Autoren-/Influencer-Profile ist automatisch und standardmäßig aktiv. Keine Konfiguration erforderlich.
| Funktion | Detail |
|---|---|
| Automatischer Zähler | Der Zähler wird bei jedem Aufruf des Autoren-/Influencer-Profils automatisch erhöht. |
| Anzeige im Profil | Die Zählung wird auf der Profilseite des Autoren-/Influencers mit dem Icon 👁 angezeigt. |
| Keine Konfiguration | Das Tracking ist für alle veröffentlichten Autoren-/Influencer-Profile standardmäßig aktiv. |
❤️ Like-System
Öffentliches Wertschätzungssystem, ohne erforderliches Login. Funktioniert für alle Besucher, einschließlich anonymer.
| Funktion | Detail |
|---|---|
| Öffentliches Like | Kein Login erforderlich. Anonyme Besucher können jeden Artikel liken. |
| Duplikat-Vermeidung | Der Like-Status wird im Browser gespeichert, um mehrfache Likes desselben Geräts zu vermeiden. |
| Visuelles Feedback | Das Herz füllt sich und der Zähler aktualisiert sich in Echtzeit mit einer flüssigen Animation. |
| Öffentlicher Endpunkt | Zugänglich sowohl für authentifizierte Nutzer als auch für anonyme Besucher. Keine Authentifizierung erforderlich. |
👤 Anpassbare Autorenprofile
Jeder Autor hat eine öffentliche Profilseite, die vollständig anpassbar und für alle Besucher sichtbar ist.
| Element | Beschreibung |
|---|---|
| Hero-Bild | Banner in voller Breite mit Gradient-Overlay. Das Bild bedeckt den gesamten oberen Bereich des Profils. |
| Avatar | Kreisförmiges Bild, über dem Hero platziert. Wird zum visuellen Symbol des Autors auf der gesamten Website. |
| HTML-Bio | Beschreibung mit Rich-Formatierung (Fett, Links, Listen). Unterstützt vollständiges HTML für eine professionelle Bio. |
| Nickname | Angepasster Anzeigename, unabhängig vom Benutzernamen. |
| Individuelle Farben | 6 anpassbare Farben (Hintergrund, Schaltflächen, Text, Card) + Bild-Eckrundung. Jedes Profil kann seinen eigenen Stil haben. |
| Artikel-Raster | Alle veröffentlichten Beiträge des Autors, im Raster angezeigt mit Badges und hervorgehobenem Preis auf jeder Card. |
Vollständige Anpassung: Die Autorenprofile sind völlig unabhängig. Jeder Autor kann eigene Farben, ein eigenes Hero und einen eigenen Stil wählen — und so eine einzigartige visuelle Identität innerhalb der Plattform schaffen.
App-Konfiguration
Alle Felder sind bereits mit optimalen Werten vorausgefüllt. Ändern Sie nur das, was Sie anpassen möchten. Sie können jederzeit mit der Schaltfläche Reset zu den Ursprungswerten zurückkehren.
Sie müssen nicht alles ausfüllen! Die Standardwerte sind für die meisten Nutzer bereits optimal. Passen Sie nur das an, was Ihre App einzigartig macht.
Felder und Pläne: Einige Felder hängen vom gebuchten Plan ab (Starter, Premium, Pro). Durch den Plan gesperrte Felder sind nicht änderbar. Diese Anleitung zeigt alle verfügbaren Felder. Die nicht zugänglichen erscheinen in der Konfiguration deaktiviert.
Erster Zugriff: Bevor Sie auf Ihre App zugreifen können, werden Sie gebeten, einen Domain-Namen zu wählen (z. B.
ihrname.travelinfluencer.co). Um die App zu öffnen, geben Sie diese Adresse in die Adressleiste Ihres Browsers ein. branding · colors
Die visuelle Identität Ihrer App: Logo, Farben und Schriftart.
| Feld | Standard | Wirkung |
|---|---|---|
logoUrlURL | TravelInfluencer-Logo | Das Bild, das Ihre App repräsentiert. Format PNG, mindestens 512×512px. Wird als Icon an jeder Stelle der App verwendet. So fügen Sie das Logo ein: Laden Sie ein Bild aus Ihrem Profil hoch und kopieren Sie die generierte URL, oder fügen Sie direkt die URL eines Online-Bildes ein. Wenn Bilder nicht laden, ziehen Sie die Section CORS-Fix zurate. |
backgroundColorFarbe | #00519C | Die Hauptfarbe Ihrer Marke. Wird in der Browser-Leiste und als Theme-Farbe verwendet. |
splashBackgroundColorFarbe | #FFFFFF | Die Hintergrundfarbe beim Start der App. Üblicherweise Weiß oder die Markenfarbe. |
Alle anpassbaren Farben anzeigen
Jede Farbe liegt im Format #RRGGBB vor. Die gezeigten Werte sind die Standards.
Oberfläche und Hintergrund
| Feld | Standard | Verwendung |
|---|---|---|
colors.primary | #00519C | Primäre Schaltflächen, aktive Indikatoren, AppBar |
colors.surface | #FFFFFF | Hintergrund von Card, Dialog, Bottom-Sheet |
colors.background | #F7F9FC | Haupt-Hintergrund hinter allem |
colors.surfaceTint | #E8EDF5 | Halbtransparente Hintergründe, Switch-Track |
colors.surfaceTintLight | #F0F4FA | Hellere Variante von surfaceTint |
Text
| Feld | Standard | Verwendung |
|---|---|---|
colors.textPrimary | #0F172A | Titel und wichtige Inhalte |
colors.textSecondary | #475569 | Untertitel und ergänzende Infos |
colors.textTertiary | #94A3B8 | Hinweise, Platzhalter, unwichtige Infos |
colors.textDisabled | #CBD5E1 | Deaktivierte Elemente |
Zustände
| Feld | Standard | Verwendung |
|---|---|---|
colors.success | #16A34A | Bestätigungen, Status „abgeschlossen" |
colors.warning | #F59E0B | Warnungen und Hinweise |
colors.error | #DC2626 | Hauptfehler |
colors.errorLight | #FEF2F2 | Heller Hintergrund für Fehlerbereiche |
colors.errorBorder | #FECACA | Rahmen von Fehler-Cards/-Containern |
colors.errorSecondary | #EF9A9A | Sekundäre Fehlerfarbe, heller Hintergrund |
colors.errorText | #E53935 | Text von Fehlermeldungen |
colors.errorDark | #D32F2F | Dunkle Fehlerfarbe, für wichtige Aktionen |
Reise-Kategorien
| Feld | Standard | Verwendung |
|---|---|---|
colors.categoryAccommodation | Unterkunftsfarbe | Hotels, B&B usw. |
colors.categoryTransport | Transportfarbe | Flüge, Züge usw. |
colors.categoryFood | Farbe Essen | Restaurants usw. |
colors.categoryActivities | Farbe Aktivitäten | Touren, Ausflüge |
colors.categoryOther | Farbe Sonstiges | Nicht klassifizierbare Ausgaben |
Reise-Zustände
| Feld | Verwendung |
|---|---|
colors.statusUpcoming | Badge „Anstehend" |
colors.statusInProgress | Badge „Laufend" |
colors.statusCompleted | Badge „Abgeschlossen" |
Verschiedenes
| Feld | Verwendung |
|---|---|
colors.border | Standardrahmen für Cards und Eingaben |
colors.borderLight | Leichter Rahmen für feine Trennungen |
colors.divider | Trennlinien zwischen Abschnitten |
colors.iconSecondary | Sekundäre dekorative Icons |
colors.overlayBackground | Dunkler Overlay-Hintergrund (Popup, Dialog) |
colors.overlayText | Text auf dunklem Overlay-Hintergrund |
colors.shadow | Basis-Schattenfarbe (üblicherweise #000000) |
colors.shadowOpacity0.0-1.0 | Transparenz der Schatten |
colors.onPrimary | Text/Icons über der Primärfarbe |
colors.onSecondary | Text/Icons über der Sekundärfarbe |
colors.onSurface | Text/Icons über der Surface-Farbe |
colors.onError | Text/Icons über der Fehlerfarbe |
app
Die Basisinformationen: Name, Version und Identität der App.
| Feld | Standard | Wirkung |
|---|---|---|
appNameText | Horizon | Der Name Ihrer App, den die Nutzer sehen: erscheint im Titel, in der Leiste und überall in der App. |
appVersionText | 1.0.0 | Versionsnummer (interne Referenz). |
poweredByTextText | powered by travelinfluencer.co | „Powered by"-Text unten auf der Info-Seite. Nur sichtbar, wenn „Powered by anzeigen" aktiv ist. |
aiButtonTextText | HorizonAI | Der Name Ihres KI-Assistenten: erscheint in der Leiste und im KI-Bildschirm. Um die Identität zu ändern, gehen Sie zum Abschnitt ai. |
links
Alle Links und Seiten, die mit Ihrer App verknüpft sind.
| Feld | Typ | Wirkung |
|---|---|---|
website | URL | Link zu Ihrer Website, Horizon Studio oder Social (sofern Embed möglich): wird als Schaltfläche „Entdecken" auf der Info-Seite angezeigt. Hinweis: Der Link zu Ihrer eigenen Website ist nur mit dem Pro-Plan verfügbar. |
privacyPolicy | URL | Link zur Seite der Datenschutzerklärung. |
termsAndConditions | URL | Link zur Seite der Allgemeinen Geschäftsbedingungen. |
promoPopup | URL | URL der Seite, die im Promo-Popup angezeigt wird. Erscheint X Sekunden nach dem Öffnen. |
infoHeaderImageUrl | URL | Header-Bild oben auf der Info-Seite. Empfohlene Breite: 1200px+. So fügen Sie das Header-Bild ein: Laden Sie ein Bild aus Ihrem Profil hoch und kopieren Sie die generierte URL, oder fügen Sie direkt die URL eines Online-Bildes ein. Wenn Bilder nicht laden, ziehen Sie die Section CORS-Fix zurate. |
services · socialLinks
Die Dienste in der Navigationsleiste (Bottom-Bar) und die Social-Links im Seitenmenü (Drawer) der App.
Maximal 5 aktive Dienste in der Navigationsleiste. Die Anzahl der verfügbaren Dienste hängt vom Plan ab. Nur die ersten 5 Dienste mit aktivem Schalter erscheinen in der unteren Leiste.
Verfügbare Dienste
Geben Sie für jeden Dienst den Affiliate-Link ein und nutzen Sie den Schalter, um ihn zu aktivieren oder zu deaktivieren. Die Anzahl der verfügbaren Dienste hängt vom Plan ab.
| Icon | Dienstname | Was Sie ins URL-Feld eintragen |
|---|---|---|
| ✈️ | Flights | Affiliate-Link für die Flugsuche |
| 🏨 | Hotels | Affiliate-Link für Hotelbuchungen |
| 🏡 | Vacation Homes | Affiliate-Link für Ferienhäuser und Wohnungen |
| 📦 | Packages | Affiliate-Link für Urlaubspakete (Flug + Hotel) |
| 🚗 | Cars | Affiliate-Link für Mietwagen |
| 🛡️ | Insurance | Affiliate-Link für Reiseversicherungen |
| 📱 | eSIM | Affiliate-Link für virtuelle SIM-Karten |
| 🗺️ | Tours | Affiliate-Link für Touren, Museumstickets und Aktivitäten |
| 🚢 | Cruises | Affiliate-Link für Kreuzfahrten |
| 🧳 | Luggage Storage | Affiliate-Link für Gepäckaufbewahrung |
| 🚂 | Trains | Affiliate-Link für Zugtickets |
| 🚌 | Bus | Affiliate-Link für Bustickets |
| ⛴️ | Ferries | Affiliate-Link für Fähren |
| 🚕 | Taxi | Affiliate-Link für Taxi-Buchungen |
| 🛺 | Airport Transfer | Affiliate-Link für Flughafentransfers |
| 🔒 | VPN | Affiliate-Link für VPN-Dienste |
| 🍽️ | Restaurants | Affiliate-Link für Restaurant-Reservierungen |
| ⛷️ | Equipment Rental | Affiliate-Link für Sportgerätemiete |
| 🛥️ | Yachts | Affiliate-Link für Yacht- und Bootsvermietung |
| 🚐 | Camper | Affiliate-Link für Wohnmobil-/Camper-Miete |
| 📋 | Book Now | Link zur allgemeinen Buchungsseite |
| 🛍️ | Buy Now | Link zur Kaufseite |
| 🚲 | Bike | Affiliate-Link für Fahrradmiete |
| 🏍️ | Motorcycle | Affiliate-Link für Motorradmiete |
| 🔑 | Rent Now | Affiliate-Link für allgemeine Vermietung |
| 💬 | Tragen Sie whatsapp ein: öffnet den Chat mit der unter Business festgelegten Nummer | |
| ✉️ | Tragen Sie email ein: öffnet das E-Mail-Programm mit der Geschäftsadresse | |
| 📞 | Phone | Tragen Sie phone ein: öffnet die Wahlfunktion mit der Geschäftsnummer |
Spezielle URLs: Verwenden Sie für WhatsApp, E-Mail und Telefon jeweils
whatsapp, email, phone als URL: die App öffnet automatisch die richtige Anwendung. Die Kontaktdaten dieser Felder werden im Abschnitt „business" festgelegt.Social-Plattformen (sichtbar im Seitenmenü der App)
| Icon | Plattform | Was Sie ins URL-Feld eintragen |
|---|---|---|
| ▶️ | YouTube | URL des YouTube-Kanals, z. B. https://youtube.com/@yourchannel |
| 🎵 | TikTok | URL des TikTok-Profils, z. B. https://tiktok.com/@yourprofile |
| 📸 | URL des Instagram-Profils, z. B. https://instagram.com/yourprofile | |
| 👍 | URL der Facebook-Seite, z. B. https://facebook.com/yourpage | |
| 🐦 | X (Twitter) | URL des X-Profils, z. B. https://x.com/yourprofile |
| 💼 | URL der LinkedIn-Seite oder des Profils, z. B. https://linkedin.com/company/your-company | |
| 📌 | URL des Pinterest-Profils oder Boards, z. B. https://pinterest.com/yourprofile | |
| 🎧 | Spotify | URL des Spotify-Profils oder der Playlist, z. B. https://open.spotify.com/user/yourprofile |
| 🎶 | Apple Music | URL des Apple-Music-Profils, z. B. https://music.apple.com/yourprofile |
| ☁️ | SoundCloud | URL des SoundCloud-Profils, z. B. https://soundcloud.com/yourprofile |
| 📦 | Amazon | URL des Amazon-Stores oder Storefronts, z. B. https://amazon.com/shop/yourprofile |
| 🎬 | Vimeo | URL des Vimeo-Profils, z. B. https://vimeo.com/yourprofile |
ai
Konfigurieren Sie das Verhalten Ihres integrierten KI-Assistenten. Das verwendete Modell ist LFM von Liquid AI, vollständig auf dem Gerät ausgeführt: Es werden keine Daten an externe Server gesendet.
| Feld | Standard | Wirkung |
|---|---|---|
aiModelTemperature0.0-1.0 | 0.5 | Wie kreativ die KI ist. 0 = präzise und wiederholbar, 1 = kreativ und variabel. Empfohlen: 0.3–0.7. |
aiModelTopKZahl | 38 | Vielfalt der Antworten bei jedem Schritt. Niedrige Werte = fokussierter, hohe Werte = variabler. |
aiSystemPromptText | - | Die Anweisungen, die das Verhalten Ihrer KI definieren. Sie können den Prompt mit XML-Tags strukturieren und folgende spezielle Platzhalter verwenden:<identity> = Identität und Rolle des Assistenten<rules> = Regeln und Einschränkungen des Verhaltens<context> = dynamischer Kontext (Reisen und Links)<user_trips> = Liste der Reisen des Nutzers<app_links> = Links der aktiven Dienste |
ui · webview
Steuert das visuelle Erscheinungsbild der Oberfläche: Navigationsleiste, Icons, Schatten und mehr.
| Feld | Standard | Wirkung |
|---|---|---|
useIslandBottomBarJa/Nein | false | Stil der Navigationsleiste: aktiv = schwebende „Insel"-Leiste mit abgerundeten Ecken, deaktiviert = klassische, am Rand anliegende Leiste. |
showBottomBarLabelsJa/Nein | true | Zeigt den Text unter den Icons in der Leiste. Deaktiviert = nur Icons. |
showAIJa/Nein | true | Zeigt die Schaltfläche des KI-Assistenten in der Leiste. |
showMyTripsJa/Nein | true | Zeigt den Tab „Meine Reisen" in der Leiste. |
loadingIndicatorShapeText | Circle | Die Form der Lade-Animation. Alle verfügbaren Stile ansehen ↓ |
Erweiterte Grafik-Einstellungen anzeigen
| Feld | Standard | Wirkung |
|---|---|---|
useIconBackgroundHighlightJa/Nein | false | Fügt einen farbigen Hintergrund hinter das aktive Icon in der Leiste hinzu. |
showPoweredByJa/Nein | true | Zeigt den Text „powered by" unten auf der Info-Seite. |
showBusinessInfoCardJa/Nein | true | Zeigt die Card mit Unternehmensinformationen auf der Info-Seite. |
useOutlinedIconsJa/Nein | true | Icon-Stil: aktiv = nur Kontur, deaktiviert = ausgefüllt. |
showInputFieldBordersJa/Nein | false | Zeigt den Rahmen in Eingabefeldern. Aktiv = Felder mit sichtbarem Rahmen, deaktiviert = Felder ohne Rahmen. |
showPromoPopupJa/Nein | true | Aktiviert das Promo-Popup nach X Sekunden. |
promoPopupDelaySecondsZahl | 15 | Sekunden Wartezeit bis zur Anzeige des Popups. |
buttonRadiusPixel | 30.0 | Abgerundete Ecken der Schaltflächen. 0 = eckig, 30+ = stark abgerundet. |
cardRadiusPixel | 30.0 | Abgerundete Ecken der Cards. Gleiches Prinzip wie buttonRadius. |
elevation0.0+ | 5.0 | Intensität des Schattens auf Cards und schwebenden Elementen. 0 = kein Schatten. |
redirect
Die Übergangs-Animation, wenn die App einen externen Link öffnet.
| Feld | Standard | Wirkung |
|---|---|---|
redirectOverlayEnabledJa/Nein | true | Zeigt ein dunkles Übergangs-Overlay, bevor externe Links geöffnet werden. |
redirectOverlayDurationMsms | 800 | Dauer des Overlays in Millisekunden. Typische Werte: 500–1500. |
business
Die Unternehmensinformationen, die auf der Info-Seite Ihrer App angezeigt werden.
| Feld | Typ | Wirkung |
|---|---|---|
whatsappPhoneNumberText | WhatsApp-Nummer | Nummer für schnellen Kontakt. Internationales Format: +49123456789 |
emailE-Mail | Kontakt-E-Mail | Die E-Mail, unter der Kunden Sie erreichen können. |
phoneNumberText | Telefon | Telefonnummer. Internationales Format: +49123456789 |
aboutDescriptionText | Freitext | Die „Über uns"-Beschreibung Ihres Unternehmens. |
businessAddressText | Adresse | Die rechtliche Adresse Ihres Unternehmens. |
businessVatText | USt-IdNr. | Umsatzsteuer-Identifikationsnummer / VAT-Nummer. |
businessOpeningHoursText | Öffnungszeiten | Die Öffnungszeiten Ihres Unternehmens. |
network
Wie Ihre App dem restlichen Web gegenüber auftritt.
| Feld | Standard | Wirkung |
|---|---|---|
userAgentText | - | Der „Name", mit dem Ihre App gegenüber Websites auftritt. Empfohlenes Format: Appname/1.0 (email@beispiel.com) |
defaultCurrencyText | EUR | Standardwährung für Reisen. ISO-Code: EUR, USD, GBP, JPY usw. |
map (erweitert)
Die meisten Nutzer müssen diese Einstellungen nicht ändern. Die Karte verwendet OpenStreetMap.
| Feld | Standard | Wirkung |
|---|---|---|
defaultMapLatitudeZahl | 41.9028 | Breitengrad des Kartenzentrums beim Öffnen (Standard: Rom). |
defaultMapLongitudeZahl | 12.4964 | Längengrad des Kartenzentrums beim Öffnen (Standard: Rom). |
mapInitialZoomZahl | 3.0 | Anfangs-Zoom. Niedrige Werte = Kontinentsicht, hohe = Straßenansicht. |
mapSelectedLocationZoomZahl | 5.0 | Zoom, wenn Sie einen Ort aus der Liste auswählen. |
mapMarkerSizePixel | 40.0 | Größe der Marker auf der Karte. |
mapPolylineWidthPixel | 3.0 | Dicke der Linie, die die Routenpunkte verbindet. |
mapZoomForSelectionZahl | 15.0 | Zoom für die genaue Auswahl einer Adresse. |
mapMinZoomZahl | 2.0 | Minimal zulässiger Zoom. |
mapMaxZoomZahl | 18.0 | Maximal zulässiger Zoom. |
Denken Sie daran: Sie haben jederzeit die Schaltfläche Reset, um zu den Standardwerten zurückzukehren! Sie können nichts „kaputtmachen": mit einem Klick ist alles wieder wie vorher.
Schriftart-Anleitung
Die Schriftarten Ihrer App werden von Google Fonts geladen. Verwenden Sie den exakten Namen, wie er auf Google Fonts erscheint: schon ein anderer Buchstabe und die Schrift wird nicht geladen.
Achtung: Der Name muss exakt mit dem auf Google Fonts übereinstimmen, einschließlich Leerzeichen und Groß-/Kleinschreibung. Existiert die Schriftart nicht, wird die Systemschrift verwendet.
Die beiden Schriftfelder
| Feld | Was es steuert |
|---|---|
bodyFont | Die Schriftart für den gesamten Text der App: Absätze, Beschreibungen, Listen, Schaltflächen. Üblicherweise eine einfache, gut lesbare Schrift. |
titleFont | Die Schriftart für Titel: AppBar, Abschnittsüberschriften, Logo. Meist eine dekorativere oder fette Schrift. |
Beliebte Schriftarten: Klick für die Ansicht auf Google Fonts
Sora
Modern und geometrisch. Ideal für Titel.
Onest
Sauber und lesbar. Perfekt für Fließtext.
Inter
Die am häufigsten verwendete Schrift für digitale Oberflächen.
Poppins
Geometrisch und freundlich. Sehr beliebt.
Montserrat
Elegant und vielseitig. Toll für die Marke.
Lato
Klassisch und professionell. Gute Lesbarkeit.
Roboto
Die Android-Schrift. Allen vertraut.
Open Sans
Neutral und sehr lesbar. Ein großer Klassiker.
Playfair Display
Elegante Serifenschrift. Perfekt für edle Titel.
Nunito
Weich und abgerundet. Freundlich.
Raleway
Schmal und elegant. Sehr stilvoll.
Quicksand
Abgerundet und verspielt. Für einen lockeren Look.
Sie finden nicht die gesuchte Schriftart? Besuchen Sie fonts.google.com: dort gibt es über 1500 kostenlose Schriftarten. Denken Sie daran, den exakten Namen zu kopieren!
Lade-Indikatoren
Wählen Sie die Lade-Animation für Ihre App. Jeder Stil hat einen Namen; tragen Sie ihn in das Feld loadingIndicatorShape im Abschnitt ui · webview ein.
Circle
Standard
FadingCircle
ThreeBounce
DoubleBounce
Wave
Pulse
RotatingCircle
FadingFour
DualRing
HourGlass
PouringHourGlass
PouringHourGlassRefined
Ripple
DancingSquare
CubeGrid
Ring
SpinningCircle
ChasingDots
ThreeInOut
FoldingCube
PumpingHeart
WanderingCubes
FadingGrid
SpinningLines
SquareCircle
PianoWave
RotatingPlain
FadingCube
WaveSpinner
PulsingGrid
So wird es verwendet: Wählen Sie die gewünschte Animation und tragen Sie den exakten Namen (wie oben gezeigt) in das Feld
loadingIndicatorShape im Abschnitt ui · webview ein.📱 So installieren Sie die App
Ihre App ist eine PWA (Progressive Web App): Sie wird nicht aus dem App Store oder dem Google Play Store heruntergeladen, sondern direkt über den Browser installiert. Sie ist schnell, leicht und funktioniert wie eine native App. Folgen Sie der Anleitung für Ihr Gerät.
🤖 Android (Chrome)
Um die App auf einem Android-Gerät zu installieren, verwenden Sie den Browser Google Chrome.
1
Öffnen Sie Chrome auf Ihrem Android-Telefon.
2
Öffnen Sie Ihre App im Browser — gehen Sie zur Adresse Ihrer App.
3
Tippen Sie auf das Menü über das Symbol ⋮ (drei vertikale Punkte) oben rechts auf dem Bildschirm.
4
Wählen Sie „Zum Startbildschirm hinzufügen" oder „App installieren" im Dropdown-Menü.
5
Bestätigen Sie mit „Hinzufügen" oder „Installieren" im Bestätigungsfenster.
6
Fertig! Das App-Symbol erscheint auf Ihrem Startbildschirm. Sie können sie nun wie jede andere App öffnen.
Tipp: Auf einigen Android-Geräten wird unten ein automatisches Banner eingeblendet, das Sie zur Installation einlädt. Tippen Sie in diesem Fall direkt auf „Installieren" im Banner.
🍎 iPhone und iPad (Safari)
Um die App auf iPhone oder iPad zu installieren, verwenden Sie den Browser Safari (nicht Chrome oder andere Browser).
1
Öffnen Sie Safari auf Ihrem iPhone oder iPad.
2
Öffnen Sie Ihre App im Browser — gehen Sie zur Adresse Ihrer App.
3
Tippen Sie auf das Teilen-Symbol über ⬆️ (das Quadrat mit dem nach oben zeigenden Pfeil) in der unteren Leiste.
4
Wischen Sie das Menü nach unten und wählen Sie „Zum Home-Bildschirm" (oder „Zum Startbildschirm hinzufügen").
5
Passen Sie den Namen der App bei Bedarf an und tippen Sie oben rechts auf „Hinzufügen".
6
Fertig! Das App-Symbol erscheint auf Ihrem Home-Bildschirm. Sie können sie nun wie jede andere App öffnen.
Wichtig: Unter iOS funktioniert die PWA-Installation nur über Safari. Wenn Sie Chrome, Firefox oder einen anderen Browser auf dem iPhone verwenden, ist die Option „Zum Home-Bildschirm" nicht verfügbar. Öffnen Sie den Link in Safari.
🖥️ Desktop (Chrome, Edge, Brave)
Sie können die App auch auf Ihrem Computer installieren, mit Google Chrome, Microsoft Edge oder Brave.
1
Öffnen Sie den Browser (Chrome, Edge oder Brave) auf Ihrem Computer.
2
Öffnen Sie Ihre App im Browser — gehen Sie zur Adresse Ihrer App.
3
Suchen Sie das Installations-Symbol in der Adressleiste: ein Symbol ⊕ (Installationszeichen) oder das Menü ⋮ (drei Punkte) oben rechts.
4
Klicken Sie auf „App installieren" oder „Travelinfluencer installieren" im Menü.
5
Bestätigen Sie mit einem Klick auf „Installieren" im Dialogfenster.
6
Fertig! Die App öffnet sich in einem eigenen Fenster ohne Adressleiste, und Sie finden das Symbol auf dem Desktop oder im Startmenü.
Tipp: Bei Chrome und Edge wird möglicherweise direkt ein Symbol ⊕ in der Adressleiste angezeigt, sobald die PWA erkannt wird. Klicken Sie darauf für eine schnelle Installation mit einem Klick.
Warum die App installieren? Nach der Installation öffnet sich die App im Vollbild ohne Browser-Leiste, wie eine native App. Sie erhalten schnelleren Zugriff, ein flüssigeres Erlebnis und das Symbol immer griffbereit auf Ihrem Startbildschirm.
Häufige Probleme
Ein Problem? Wahrscheinlich finden Sie die Lösung hier. Änderungen können einige Minuten benötigen, bis sie in der App sichtbar werden. Und denken Sie daran: Sie haben immer die Schaltfläche Reset, um zu den Ursprungswerten zurückzukehren!
Ich habe ein Feld geändert, sehe aber keine Änderung
Wenn ein Feld leer gelassen oder entfernt wird, lädt das System automatisch den Standardwert. Das bedeutet, dass Ihre Änderung möglicherweise nicht korrekt gespeichert wurde.
Vorgehen: Stellen Sie sicher, dass das Feld mit einem gültigen Wert ausgefüllt ist. Ist das Feld leer, verwendet das System den Standard: Das ist kein Fehler, sondern gewollt!
Tipp: Vergessen Sie nach dem Ausfüllen des Feldes nicht, die Änderungen zu speichern, und laden Sie dann die Seite neu, um zu prüfen.
Die eingegebene Farbe funktioniert nicht
Farben müssen im 6-stelligen HEX-Format vorliegen, mit dem Symbol # am Anfang.
| Format | Beispiel | Funktioniert? |
|---|---|---|
| HEX 6-stellig | #00519C | ✅ Ja |
| Ohne # | 00519C | ❌ Nein |
| Farbname | red | ❌ Nein |
| RGB | rgb(0,81,156) | ❌ Nein |
Inspiration gesucht? Nutzen Sie einen Online-Farbwähler wie ColorHunt, um harmonische Paletten zu finden, und kopieren Sie dann den HEX-Code.
Die Schriftart ändert sich nicht
Der Name der Schriftart muss exakt mit dem auf Google Fonts übereinstimmen, einschließlich Groß-/Kleinschreibung und Leerzeichen. Ist der Name falsch, wird die Systemschrift verwendet.
| Eingegebener Name | Korrekt? |
|---|---|
Poppins | ✅ Ja |
poppins | ❌ Großbuchstabe fehlt |
Playfair Display | ✅ Ja (mit Leerzeichen) |
Playfairdisplay | ❌ Leerzeichen fehlt |
Verfügbare Schriftarten: Sie können jede Schriftart auf Google Fonts verwenden (über 1500 kostenlose). Kopieren Sie den exakten Namen von der Seite der Schriftart.
Eine Dienst-URL öffnet sich nicht
Dienst-URLs müssen vollständig und sicher sein. Hier die Regeln:
Korrekte URL: Muss mit
https:// beginnen, Beispiel: https://flights.travelinfluencer.coUnsichere URL: URLs, die mit
http:// (ohne „s") beginnen, werden aus Sicherheitsgründen nicht geladen.Spezielle URLs: Verwenden Sie für WhatsApp, E-Mail und Telefon einfach
whatsapp, email oder phone: kein https, sie werden automatisch verarbeitet!Ich habe einen Dienst aktiviert, sehe ihn aber nicht in der Leiste
Die Navigationsleiste zeigt maximal 5 aktive Dienste. Haben Sie mehr aktiviert, erscheinen nur die ersten 5 in der Leiste.
Limit: 5 Dienste. Wenn Sie 6 oder mehr Dienste mit aktivem Schalter haben, sind der sechste und die folgenden nicht sichtbar. Deaktivieren Sie die weniger wichtigen Dienste, um Platz für die zu schaffen, die Sie anzeigen möchten.
Prioritätsreihenfolge: Die Dienste werden in der Reihenfolge angezeigt, in der sie in der Liste stehen. Die ersten 5 aktiven gewinnen. Die anderen bleiben verfügbar, sind aber in der Leiste ausgeblendet.
Ich habe ein Bild ins Profil hochgeladen, sehe es aber nicht in der App
Wenn Sie ein Bild aus Ihrem Profil hochladen (Logo oder Titelbild), erzeugt das System einen URL-Link für dieses Bild. Sie müssen diese URL kopieren und in das richtige Feld der Konfiguration einfügen.
Vorgehen: Kopieren Sie in Ihrem Profil nach dem Hochladen des Bildes über die entsprechende Schaltfläche die Bild-URL. Gehen Sie dann in die Konfiguration und fügen Sie sie in das Feld
logoUrl (für das Logo) oder infoHeaderImageUrl (für das Titelbild) ein.Wichtig: Das Bild wird nicht automatisch verknüpft: Sie müssen die URL manuell kopieren. Ohne die URL im Feld zeigt die App weiterhin das Standardbild.
Ich möchte nach einer eigenen Domain zur Subdomain zurückkehren
Der Wechsel von einer eigenen Domain zu einer Standard-Subdomain ist möglich, führt aber zum vollständigen Verlust der Daten, die mit Ihrer App verknüpft sind.
Warum? Die eigene Domain ist in die interne Konfiguration integriert (Sitzungen, SSL-Zertifikate). Das Downgrade erfordert eine Umstrukturierung der Umgebung, die vorhandene Daten inkompatibel macht.
Vor dem Fortfahren: Sichern Sie alle Einstellungen und Inhalte, die Sie benötigen. Nach dem Downgrade gehen App-Konfiguration, persönliche Einstellungen und der Domain zugeordnete Inhalte endgültig verloren. Der Vorgang ist irreversibel.
Die Website oder App ist nicht erreichbar
Wenn Sie nicht auf die Website, die App oder Horizon Studio zugreifen können, findet möglicherweise eine geplante oder außerordentliche Wartung statt.
Geplante Wartung: Geplante Wartungen werden vorab per E-Mail oder über einen Hinweis in der Plattform kommuniziert. Wenn Sie eine Benachrichtigung erhalten haben, warten Sie die angegebene Zeit und versuchen Sie es erneut.
Außerordentliche Wartung: Bei technischen Notfällen oder Sicherheitsproblemen kann der Dienst vorübergehend ohne Vorwarnung ausgesetzt werden. Das Team arbeitet daran, ihn so schnell wie möglich wiederherzustellen.
Vorgehen: Prüfen Sie Ihre Internetverbindung. Funktioniert die Verbindung, warten Sie einige Minuten und laden Sie die Seite neu. Besteht das Problem länger als 30 Minuten, kontaktieren Sie den Support.
Die App funktioniert nicht richtig im Inkognito-/Privatmodus
Wenn Sie den Browser im Inkognito-, InPrivate- oder Privatmodus verwenden, funktionieren viele App-Funktionen möglicherweise nicht richtig. Das liegt an den Einschränkungen, die Browser in diesem Modus anwenden.
Eingeschränkte Funktionen: In der Privatsphäre blockiert der Browser viele Speicher-APIs. Das bedeutet, dass der Download des KI-Modells (HorizonAI) möglicherweise nicht funktioniert, die Daten von „Meine Reisen" (Dokumente und Reiserouten) nicht dauerhaft gespeichert werden und Einstellungen sowie Konfiguration nicht erhalten bleiben.
Warum das passiert: Browser im Privatmodus beschränken den Zugriff auf einige Speicherfunktionen, um die Privatsphäre zu schützen. Die App benötigt diese Technologien, um richtig zu funktionieren.
Lösung: Öffnen Sie ein normales (nicht privates) Browserfenster und greifen Sie von dort auf die App zu. Alle Funktionen sind verfügbar und Ihre Daten werden korrekt gespeichert.
Meine Website hat in der App keine Navigation oder Animationen
Wenn Ihre Website in der App sichtbar ist, die Navigation aber eingeschränkt wirkt oder Animationen nicht funktionieren, fehlt möglicherweise das Integrations-Script im Abschnitt <head> Ihrer Website.
Vorgehen: Fügen Sie dieses Script vor dem schließenden Tag
</head> auf Ihrer Website ein:html
<script src="https://scripts.travelinfluencer.co/horizon-webview-helper.js" data-horizon-webview async></script>Details: Dieses Script aktiviert optimierte Navigation, flüssige Animationen und weitere fortschrittliche Funktionen, wenn Ihre Website in der App geöffnet wird. Es ist leicht, asynchron und beeinträchtigt die Performance der Website nicht. Siehe den Abschnitt Website-Integration → Phase 3 für weitere Details.
Die App stürzt nach dem Download der KI ab
Wenn sich die App nach dem Download des KI-Modells (HorizonAI) unerwartet schließt oder hängen bleibt, liegt das an unzureichenden Ressourcen auf Ihrem Gerät.
Warum das passiert: HorizonAI führt das KI-Modell lokal auf dem Gerät aus. Das erfordert erhebliche RAM- und Rechenleistung. Wenn Ihr Telefon wenig freien Speicher oder einen veralteten Prozessor hat, kann das System das Modell nicht bewältigen und die App stürzt ab.
Vorgehen: Versuchen Sie, alle anderen Apps im Hintergrund zu schließen, um Speicher freizugeben, und öffnen Sie die App erneut. Besteht das Problem weiterhin, verfügt Ihr Gerät möglicherweise nicht über die minimal nötige Hardware für die KI. In diesem Fall können Sie die KI in der Konfiguration deaktivieren (setzen Sie
showAI auf false): alle anderen App-Funktionen funktionieren weiterhin normal.Sie können nichts kaputtmachen! Sie haben jederzeit die Schaltfläche Reset, um mit einem Klick zu den Standardwerten zurückzukehren. Wenn etwas nicht wie gewünscht funktioniert, nutzen Sie Reset und beginnen Sie von vorn: dafür ist sie da! Besteht das Problem auch nach dem Reset weiter, kontaktieren Sie den Support.
Konto schließen
Wenn Sie Ihr Konto schließen und alle Ihre Daten entfernen möchten, folgen Sie dieser Anleitung aufmerksam. Der Vorgang ist irreversibel: Lesen Sie jeden Schritt gut durch, bevor Sie fortfahren.
Schritt 1. Abonnement kündigen
Bevor Sie das Konto schließen können, müssen Sie Ihr aktives Abonnement kündigen. Eine Kontolöschung ist nicht möglich, solange ein Plan läuft.
Achtung: Die Kündigung des Abonnements löscht Ihr Konto nicht sofort. Ihr Abonnement bleibt bis zum natürlichen Ablauf des bereits bezahlten Zeitraums aktiv.
Aussetzung oder ungültige Zahlung: Wenn Ihr Abonnement wegen fehlgeschlagener Zahlung, abgelaufener Karte oder ungültiger Zahlungsmethode ausgesetzt wird, gilt dieselbe Vorgehensweise: Nach Ablauf des Abonnements wechselt Ihr Konto automatisch in die 30-tägige Kulanzfrist und wird danach endgültig gelöscht. Sie erhalten vorab Benachrichtigungs-E-Mails.
Schritt 2. Kulanzfrist (30 Tage)
Nach Ablauf des Abonnements wechselt Ihr Konto in eine 30-tägige Kulanzfrist. Während dieser Zeit:
Sie können noch reaktivieren: Wenn Sie es sich anders überlegen, können Sie Ihr Abonnement jederzeit innerhalb der 30 Tage reaktivieren und finden alles genau so vor, wie Sie es verlassen haben: Konfiguration, Daten und Einstellungen bleiben unversehrt.
Ihre Daten sind sicher: Während der Kulanzfrist werden alle Ihre Daten aufbewahrt und geschützt. In dieser Phase werden keine Informationen gelöscht.
💡 Alternative: Zum Starter-Plan wechseln
Wenn Sie Ihr Konto nicht verlieren, aber kein teures Abonnement wünschen, können Sie zum Starter-Plan wechseln, dem Basisplan mit reduzierten Kosten. Das ermöglicht Ihnen:
- ✅ Ihr Konto erhalten samt Profildaten
- ✅ Zugang zur Plattform behalten
- ✅ Automatische Löschung vermeiden wegen Inaktivität oder fehlendem Abonnement
Achtung — App-Konfiguration geht verloren: Der Wechsel zum Starter-Plan ist ein Downgrade und führt zur Löschung und Neuerstellung des App-Konfigurationsordners. Alle bisherigen individuellen Konfigurationen (Layout, Inhalte, Einstellungen, Integrationen) gehen endgültig verloren. Wir empfehlen, Ihre Konfigurationen zu sichern, bevor Sie das Downgrade durchführen.
Schritt 3. Endgültige Löschung
Nach Ablauf der 30-tägigen Kulanzfrist werden alle Ihre Daten automatisch und dauerhaft gelöscht. Das umfasst:
- App-Konfiguration und persönliche Einstellungen
- Profildaten und Unternehmensinformationen
- Hochgeladene Bilder (Logo, Titelbild)
- Nutzungsverlauf und Statistiken
- Alle weiteren Daten, die mit Ihrem Konto verknüpft sind
Irreversibel: Dieser Vorgang ist dauerhaft und nicht umkehrbar. Er gilt in allen Fällen: freiwillige Kündigung des Abonnements, Aussetzung wegen Zahlungsausfall, abgelaufene Karte oder ungültige Zahlungsmethode. Einmal gelöscht, können die Daten auf keine Weise wiederhergestellt werden. Wenn Sie denken, dass Sie zurückkehren könnten, empfehlen wir, zum Starter-Plan zu wechseln, um Ihr Konto zu erhalten (beachten Sie, dass die App-Konfiguration verloren geht).
Noch Fragen? Wenn Sie Fragen zur Löschung haben oder Unterstützung benötigen, kontaktieren Sie den Support. Wir sind hier, um Ihnen zu helfen.
Suche
Einstellungen und Abschnitte