La maggior parte degli utenti non ha bisogno di cambiare queste impostazioni. La mappa usa OpenStreetMap. CampoDefaultCosa fa Latitudine Predefinita Numero 41.9028 Latitudine del centro mappa all'apertura (default: Roma). Longitudine Predefinita Numero 12.4964 Longitudine del centro mappa all'apertura (default: Roma). Zoom Iniziale Numero 3.0 Zoom iniziale. Valori bassi = vista continente, alti = vista strada. Zoom Località Selezionata Numero 5.0 Zoom quando selezioni una posizione dalla lista. Dimensione Marker Pixel 40.0 Dimensione dei marker sulla mappa. Spessore Linea Percorso Pixel 3.0 Spessore della linea che collega i punti del percorso. Zoom Selezione Numero 15.0 Zoom per la selezione precisa di un indirizzo.

Guida Configurazione

Horizon Studio e Configura la tua App

Q: Opzione B: Server Apache (.htaccess) ← Consigliata

Aggiungi queste righe in cima al tuo file .htaccess: apache 📋 Copia <IfModule mod_headers.c> Header always unset X-Frame-Options Header always set Content-Security-Policy "frame-ancestors *" </IfModule>

Personalizza la tua app e scopri tutte le funzionalità di Horizon Studio. I campi sono già pre-compilati con valori ottimali: cambia solo quello che vuoi personalizzare.

CORS Fix per Integrazione Esterna

Se il tuo sito è mostrato dentro l'app e le immagini non si vedono, devi aggiungere queste righe al tuo server. Senza questa impostazione, l'app non può caricare le immagini dal tuo sito.

Perché serve il CORS?

📱 La tua App

→

🌐 Il tuo sito

❌ Immagini bloccateIl server non permette il caricamento esterno

📱 La tua App

→

✅ Il tuo sito
con CORS attivo

✅ Immagini caricate!Il server permette il caricamento

⚠️

Copia questo codice in cima al tuo file .htaccess. Deve essere il primo blocco del file. Se non sai dove trovare questo file, chiedi al tuo webmaster o al tuo provider di hosting.

.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>

⚠️

In caso di errore 500 o se il server non riconosce le direttive, è necessario abilitare il modulo headers di Apache dal terminale del server con il comando:
sudo a2enmod headers
Dopodiché riavviare Apache con sudo systemctl restart apache2

✅

Dopo aver aggiunto il codice, le immagini del tuo sito saranno visibili nell'app entro pochi minuti. Se il problema persiste, contatta il supporto.

Integrazione Sito, Blog o Social Embed (White-Label)

Per visualizzare il tuo sito web, blog o contenuti social all'interno della piattaforma, la fonte deve permettere il "framing". Segui questa procedura. In pochi minuti è tutto pronto.

📌

Piano Pro: L'integrazione del tuo sito web o blog personalizzato all'interno dell'app è disponibile esclusivamente con il piano Pro. I piani Starter e Premium utilizzano Horizon Studio come piattaforma di pubblicazione.

Fase 1: Test di Compatibilità

Prima di modificare qualsiasi cosa, verifica se il tuo sito/blog è già pronto.

Vai sul sito IFrameTester.com

Incolla l'URL completo del tuo sito o blog (es. https://www.ilmioblog.it)

Clicca su Render

✅

Il tuo sito appare nel riquadro? Non devi fare nulla: il tuo sito/blog è già compatibile!

❌

Vedi un errore tipo "Refused to connect" o un riquadro grigio? Il tuo server sta bloccando l'integrazione. Procedi alla Fase 2.

Fase 2: Soluzione Tecnica

Chiedi al tuo webmaster o al tuo provider di hosting di applicare una di queste configurazioni. Queste istruzioni rimuovono i blocchi di sicurezza e permettono alla piattaforma di visualizzare il tuo contenuto.

Opzione A: Server Nginx

Modifica il file di configurazione del sito aggiungendo queste righe:

nginx

# Rimuove il blocco di sicurezza restrittivo
proxy_hide_header X-Frame-Options;
add_header X-Frame-Options "" always;
# Permette l'integrazione universale (White-Label)
add_header Content-Security-Policy "frame-ancestors *;" always;

Opzione B: Server Apache (.htaccess) ← Consigliata

Aggiungi queste righe in cima al tuo file .htaccess:

apache

<IfModule mod_headers.c>
Header always unset X-Frame-Options
Header always set Content-Security-Policy "frame-ancestors *"
</IfModule>

Opzione C: functions.php ← Più semplice

Se non hai accesso ai file del server, aggiungi questo codice al file functions.php del tuo tema attivo:

php

function allow_white_label_framing() {
// Sblocca le restrizioni di sicurezza del sito
remove_action( 'login_init', 'send_frame_options_header', 10 );
remove_action( 'admin_init', 'send_frame_options_header', 10 );
// Abilita la visualizzazione esterna
header("Content-Security-Policy: frame-ancestors *");
header_remove("X-Frame-Options");
}
add_action('send_headers', 'allow_white_label_framing', 1);

Fase 3: Abilitare Funzionalità Avanzate (Opzionale)

Per offrire la migliore esperienza ai tuoi utenti, aggiungi questo script nell'<head> del tuo sito. Lo script abilita funzionalità aggiuntive come navigazione ottimizzata e animazioni fluide all'interno dell'app.

Apri il file HTML del tuo sito (o il file template del tema)

Trova il tag <head> ... </head>

Incolla il seguente script prima della chiusura di </head>

html

<script src="https://scripts.travelinfluencer.co/horizon-webview-helper.js" data-horizon-webview async></script>

✅

Cosa fa questo script: Abilita navigazione ottimizzata, animazioni fluide e transizioni avanzate quando il tuo sito viene visualizzato all'interno dell'app Travelinfluencer. Il sito continua a funzionare normalmente anche senza lo script.

💡

Facoltativo ma consigliato: Lo script è leggero, si carica in modo asincrono e non influisce sulle performance del tuo sito. Non fa nulla se il sito non è aperto dentro l'app.

Requisiti Fondamentali

🔒

Protocollo HTTPS: Il tuo sito/blog deve avere un certificato SSL attivo. I siti in http:// (non sicuri) non possono essere caricati.

☁️

Cloudflare: Se usi Cloudflare, disattiva eventuali regole di tipo "HSTS" o "Origin Shield" che forzano l'header X-Frame-Options: SAMEORIGIN.

💬

Supporto: Se dopo aver applicato queste modifiche il test continua a fallire, contatta il supporto tecnico del tuo provider fornendo lo screenshot del test effettuato su IFrameTester.com.

📱

Social Embed: Alcune piattaforme social permettono di integrare (embed) i loro contenuti direttamente nella tua app. La disponibilità di questa funzionalità dipende dalla piattaforma social: non tutti i social supportano l'embed. Se il social lo consente, il contenuto verrà visualizzato nativamente all'interno dell'app senza bisogno di configurazioni aggiuntive.

Dominio Personalizzato (White-Label)

Se il tuo piano include l'opzione Custom Domain, puoi collegare il tuo dominio o sottodominio (es. app.tuonome.it) alla piattaforma. I tuoi utenti accederanno alla tua app dal tuo indirizzo web.

Come funziona il puntamento DNS

🌐 app.tuonome.it

→

🔗 CNAME Record

punta a

→

connect.travelinfluencer.co

🔒 Certificato SSL
generato automaticamente

→

✅ La tua App è online!
accessibile da app.tuonome.it

Istruzioni per il Puntamento DNS

Accedi al pannello di gestione del tuo dominio (es. Aruba, Cloudflare, Register) e aggiungi un nuovo record DNS:

Campo	Valore da inserire
Tipo di Record	CNAME
Host / Nome	`app`, oppure il nome che preferisci: viaggi, portal, connect...
Destinazione / Valore	`connect.travelinfluencer.co`
TTL	Automatico oppure 3600

Note Importanti

🚫

Non usare record di tipo A (indirizzi IP). Usa esclusivamente il record CNAME puntato a connect.travelinfluencer.co. Questo garantisce che il tuo servizio rimanga attivo anche in caso di aggiornamenti dei nostri server.

🔒

SSL / HTTPS automatico: Una volta configurato il puntamento, il sistema attiva automaticamente un certificato SSL gratuito per il tuo dominio. L'attivazione avviene di norma entro pochi minuti, ma può dipendere da fattori tecnici esterni (propagazione DNS inclusa) e, in casi eccezionali, richiedere tempi superiori.

⏱️

Propagazione DNS: Le modifiche ai DNS possono richiedere da pochi minuti fino a qualche ora per essere visibili a livello globale.

Cosa succede dopo?

Crei il record CNAME nel tuo pannello DNS

Il nostro sistema rileva il puntamento e genera automaticamente il certificato SSL

La tua app sarà accessibile dal tuo indirizzo personalizzato (es. app.tuonome.it)

🔴

Attenzione. Downgrade da dominio personalizzato a sottodominio: Il dominio personalizzato è integrato nella configurazione interna della tua app (sessioni utente, certificati SSL, indicizzazione). Il passaggio da un dominio personalizzato a un sottodominio standard comporta una ristrutturazione completa dell'ambiente che rende incompatibili i dati esistenti. Configurazione dell'app, impostazioni personalizzate e contenuti associati al dominio verranno persi definitivamente. Questa operazione è irreversibile: prima di effettuare un downgrade, assicurati di aver salvato tutto ciò di cui hai bisogno.

Horizon Studio

Horizon Studio è la piattaforma che ti permette di configurare la tua app e gestire il tuo blog di contenuti.

💡

Piattaforma completa: Horizon Studio è molto più di un semplice blog. Include editor avanzato, badge promozionali, CTA con link esterni, monitoraggio visualizzazioni, sistema like, commenti e profili autore personalizzabili — tutto gestito dal frontend.

📝 Creazione e Gestione Contenuti

Tutto quello che serve per creare e gestire i tuoi articoli, direttamente dal frontend.

Funzionalità	Descrizione
Editor frontend completo	Creazione e modifica articoli con editor visuale TinyMCE (toolbar completa). Formattazione del testo, inserimento immagini, link e molto altro.
Immagini in evidenza	Upload con anteprima immediata. Il sistema mostra un'anteprima prima della pubblicazione.
Stato pubblicazione	Toggle rapido tra Pubblicato e Bozza direttamente dalla lista articoli. Nessuna conferma richiesta: un click per cambiare stato.
Eliminazione permanente	Eliminazione articoli con conferma esplicita. Le immagini associate vengono rimosse automaticamente.
Commenti	Toggle on/off per ogni articolo. Template commenti personalizzato con supporto risposte annidate. Attiva o disattiva i commenti singolarmente per ogni contenuto.

🏷️ Sistema Badge

Ogni articolo può essere contrassegnato con un badge visivo mostrato sulla card e nel singolo post. I badge appaiono come etichette colorate in overlay sull'immagine in evidenza.

Badge	Significato	Caso d'uso
Promo	Offerta promozionale	Sconti, offerte a tempo limitato, codici promo
Nuovo	Contenuto appena pubblicato	Segnalare novità, recenti aggiunte al catalogo
Hot	Contenuto popolare	Best-seller, trend del momento, contenuti virali
Gratis	Contenuto gratuito	Risorse free, guide gratuite, trial, omaggi

📍

Dove appaiono: I badge sono visibili sulla card articolo nella lista, nel profilo autore e nel singolo post — sempre in overlay sull'immagine in evidenza.

🔗 CTA con Link Esterni

Ogni articolo può includere una Call-To-Action con link esterno, perfetta per monetizzare i contenuti e rimandare a risorse esterne.

Casi d'uso

Tipo	Descrizione	Esempio
Link di affiliazione	Rimandare a prodotti/servizi di terze parti con tracciamento commissioni	Link a Booking.com, Amazon, ecc.
Pacchetti e prodotti	Link a pagine di acquisto, landing page, e-commerce	"Prenota il pacchetto vacanza"
Guide e risorse	Rimandare a tutorial, documentazione, corsi online	"Scarica la guida PDF"
Siti esterni	Qualsiasi URL esterno per approfondimenti, demo, ecc.	"Visita il sito del partner"

Come funziona nel singolo post

La CTA viene mostrata come un pulsante visibile nel box promo del singolo post, con:

Label — il testo del pulsante (es. "€29.99", "Scopri", "Prenota ora")
Link — apre in una nuova scheda con rel="noopener noreferrer" per sicurezza
Icona freccia — indica l'azione di uscita verso il sito esterno

👁 Monitoraggio Visualizzazioni

Il conteggio delle visualizzazioni è automatico e attivo di default per tutti gli articoli. Nessuna configurazione richiesta.

Funzionalità	Dettaglio
Contatore automatico	Il contatore viene incrementato automaticamente ad ogni visita al singolo post.
Visualizzazione nella lista	Il conteggio è mostrato su ogni card articolo con l'icona 👁.
Nessuna configurazione	Il tracking è attivo di default per tutti gli articoli pubblicati.

👤 Visualizzazioni Profilo

Il conteggio delle visualizzazioni dei profili autore/influencer è automatico e attivo di default. Nessuna configurazione richiesta.

Funzionalità	Dettaglio
Contatore automatico	Il contatore viene incrementato automaticamente ad ogni visita al profilo dell'autore/influencer.
Visualizzazione nel profilo	Il conteggio è mostrato sulla pagina del profilo autore/influencer con l'icona 👁.
Nessuna configurazione	Il tracking è attivo di default per tutti i profili autore/influencer pubblicati.

❤️ Sistema Like

Sistema di apprezzamento pubblico, senza login richiesto. Funziona per tutti i visitatori, anonimi inclusi.

Funzionalità	Dettaglio
Like pubblico	Nessun login richiesto. I visitatori anonimi possono mettere like a qualsiasi articolo.
Prevenzione duplicati	Lo stato del like è salvato nel browser per evitare like multipli dallo stesso dispositivo.
Feedback visivo	Il cuore si riempie e il contatore si aggiorna in tempo reale con un'animazione fluida.
Endpoint pubblico	Accessibile sia da utenti autenticati che da visitatori anonimi. Nessuna autenticazione necessaria.

👤 Profili Autore Personalizzabili

Ogni autore ha una pagina profilo pubblica completamente personalizzabile, visibile a tutti i visitatori.

Elemento	Descrizione
Immagine hero	Banner a larghezza piena con overlay gradiente. L'immagine copre tutta la parte superiore del profilo.
Avatar	Immagine circolare sovrapposta all'hero. Diventa il simbolo visivo dell'autore in tutto il sito.
Bio HTML	Descrizione con formattazione ricca (grassetto, link, elenchi). Supporta HTML completo per una bio professionale.
Nickname	Nome visualizzato personalizzato, indipendente dal nome utente.
Colori personalizzati	6 colori personalizzabili (sfondo, pulsanti, testo, card) + arrotondamento immagine. Ogni profilo può avere il suo stile unico.
Griglia articoli	Tutti i post pubblicati dell'autore, mostrati in griglia con badge e prezzo in evidenza su ogni card.

🎨

Personalizzazione totale: I profili autore sono completamente indipendenti. Ogni autore può scegliere i propri colori, la propria hero e il proprio stile — creando un'identità visiva unica all'interno della piattaforma.

Configurazione dell'App

Tutti i campi sono già pre-compilati con valori ottimali. Cambia solo quello che vuoi personalizzare. Puoi sempre tornare ai valori originali con il pulsante Reset.

💡

Non devi compilare tutto! I valori predefiniti sono già ottimali per la maggior parte degli utenti. Personalizza solo ciò che rende la tua app unica.

🔒

Campi e piani: Alcuni campi dipendono dal piano sottoscritto (Starter, Premium, Pro). I campi bloccati dal piano non sono modificabili. Questa guida mostra tutti i campi disponibili. Quelli non accessibili appariranno disabilitati nella configurazione.

🌐

Primo accesso: Prima di poter accedere alla tua app, ti viene chiesto di scegliere un nome di dominio (es. tuonome.travelinfluencer.co). Per aprire l'app, digita quell'indirizzo nella barra di ricerca del tuo browser.

branding · colors

L'identità visiva della tua app: logo, colori e font.

Campo	Default	Cosa fa
`Icona App`URL	Logo TravelInfluencer	L'immagine che rappresenta la tua app. Formato PNG, minimo 512×512px. Usata come icona in ogni punto dell'app. Come inserire il logo: carica un'immagine dal tuo profilo e copia l'URL generato, oppure incolla direttamente l'URL di un'immagine online. Se le immagini non si caricano, consulta la sezione CORS Fix.
`Colore Sfondo Principale`Colore	#00519C	Il colore principale del tuo brand. Usato nella barra browser e come colore tema.
`Colore Sfondo Splash`Colore	#FFFFFF	Il colore di sfondo quando l'app si avvia. Di solito bianco o il colore del brand.

Mostra tutti i colori personalizzabili

Ogni colore è in formato #RRGGBB. I valori mostrati sono i default.

Superficie e Sfondo

Campo	Default	Uso
`Colore Primario`	#00519C	Bottoni primari, indicatori attivi, AppBar
`Colore Superficie`	#FFFFFF	Sfondo di card, dialog, bottom sheet
`Colore Sfondo`	#F7F9FC	Sfondo principale dietro a tutto
`Tinta Superficie`	#E8EDF5	Sfondi semi-trasparenti, switch track
`Tinta Superficie Chiara`	#F0F4FA	Variante più chiara di surfaceTint

Testo

Campo	Default	Uso
`Colore Testo Primario`	#0F172A	Titoli e contenuti importanti
`Colore Testo Secondario`	#475569	Sottotitoli e info complementari
`Colore Testo Terziario`	#94A3B8	Hint, placeholder, info poco importanti
`Colore Testo Disabilitato`	#CBD5E1	Elementi disabilitati

Stati

Campo	Default	Uso
`Colore Successo`	#16A34A	Conferme, stato "completato"
`Colore Avviso`	#F59E0B	Avvisi e attenzione
`Colore Errore`	#DC2626	Errori principali
`Colore Errore Chiaro`	#FEF2F2	Sfondo leggero per aree di errore
`Colore Bordo Errore`	#FECACA	Bordo card/contenitori di errore
`Colore Errore Secondario`	#EF9A9A	Colore errore secondario, sfondo leggero
`Colore Testo Errore`	#E53935	Testo messaggi di errore
`Colore Errore Scuro`	#D32F2F	Colore errore scuro, per azioni importanti

Categorie Trip

Campo	Default	Uso
`Categoria Alloggio`	Colore alloggi	Hotel, B&B, ecc.
`Categoria Trasporti`	Colore trasporti	Voli, treni, ecc.
`Categoria Cibo`	Colore cibo	Ristoranti, ecc.
`Categoria Attività`	Colore attività	Tour, escursioni
`Categoria Altro`	Colore altro	Spese non classificabili

Stati Trip

Campo	Uso
`Colore Stato In Arrivo`	Badge "In arrivo"
`Colore Stato In Corso`	Badge "In corso"
`Colore Stato Completato`	Badge "Completato"

Varie

Campo	Uso
`Colore Bordo`	Bordo standard per card e input
`Colore Bordo Chiaro`	Bordo leggero per separazioni sottili
`Colore Divisore`	Linee divisori tra sezioni
`Colore Icona Secondario`	Icone decorative secondarie
`Sfondo Overlay`	Sfondo overlay scuro (popup, dialog)
`Testo Overlay`	Testo su sfondo overlay scuro
`Colore Ombra`	Colore base ombre (di solito #000000)
`Opacità Ombra`0.0-1.0	Trasparenza delle ombre
`Testo su Primario`	Testo/icone sopra il colore primary
`Testo su Secondario`	Testo/icone sopra il colore secondary
`Testo su Superficie`	Testo/icone sopra il colore surface
`Testo su Errore`	Testo/icone sopra il colore error

app

Le informazioni base: nome, versione e identità dell'app.

Campo	Default	Cosa fa
`Nome App`Testo	Horizon	Il nome della tua app mostrato agli utenti: appare nel titolo, nella barra e ovunque nell'app.
`Versione App`Testo	1.0.0	Numero versione (riferimento interno).
`Testo “Powered By”`Testo	powered by travelinfluencer.co	Testo "powered by" in fondo alla pagina info. Visibile solo se "Mostra powered by" è attivo.
`Testo Pulsante AI`Testo	HorizonAI	Il nome del tuo assistente AI: appare nella barra e nella schermata AI. Per cambiare l'identità vai alla sezione ai.

links

Tutti i link e le pagine collegate alla tua app.

Campo	Tipo	Cosa fa
`Link Sito Web`	URL	Link al tuo sito web, horizon studio o social (se embed è possibile): mostrato come bottone "Esplora" nella pagina info. Nota: il link al tuo sito web personalizzato è disponibile solo con il piano Pro.
`Link Informativa Privacy`	URL	Link alla pagina Privacy Policy.
`Link Termini e Condizioni`	URL	Link alla pagina Termini e Condizioni.
`Link Popup Promo`	URL	URL della pagina mostrata nel popup promozionale. Appare dopo X secondi dall'apertura. La pagina deve consentire la visualizzazione in iframe (header X-Frame-Options / CSP frame-ancestors): alcuni siti di terze parti bloccano l'incorporamento e non vengono mostrati.
`Immagine Header Info`	URL	Immagine header in cima alla pagina info. Larghezza consigliata: 1200px+. Come inserire l'immagine header: carica un'immagine dal tuo profilo e copia l'URL generato, oppure incolla direttamente l'URL di un'immagine online. Se le immagini non si caricano, consulta la sezione CORS Fix.

services · socialLinks

I servizi mostrati nella barra di navigazione (bottom bar) e i link social nel menu laterale (drawer) dell'app.

📌

Massimo 5 servizi attivi nella barra di navigazione. Il numero di servizi disponibili dipende dal piano. Solo i primi 5 servizi con toggle attivo appariranno nella barra in basso.

Servizi disponibili

Per ogni servizio inserisci il link di affiliazione e usa il toggle per attivarlo o disattivarlo. Il numero di servizi disponibili dipende dal piano.

Icona	Nome Servizio	Cosa inserire nel campo URL
✈️	Voli	Link affiliato per la ricerca voli
🏨	Hotel	Link affiliato per prenotazione hotel
🏡	Case Vacanza	Link affiliato per case vacanza e appartamenti
📦	Pacchetti	Link affiliato per pacchetti vacanza (volo + hotel)
🚗	Auto	Link affiliato per noleggio auto
🛡️	Assicurazione	Link affiliato per assicurazione viaggio
📱	eSIM	Link affiliato per schede SIM virtuali
🗺️	Tours	Link affiliato per tour, biglietti musei e attività
🚢	Crociere	Link affiliato per crociere
🧳	Deposito Bagagli	Link affiliato per deposito bagagli
🚂	Treni	Link affiliato per biglietti treno
🚌	Autobus	Link affiliato per biglietti autobus
⛴️	Traghetti	Link affiliato per traghetti e ferry
🚕	Taxi	Link affiliato per prenotazione taxi
🛺	Transfer Aeroporto	Link affiliato per transfer da/per aeroporto
🔒	VPN	Link affiliato per servizi VPN
🍽️	Ristoranti	Link affiliato per prenotazione ristoranti
⛷️	Noleggio Attrezzatura	Link affiliato per noleggio attrezzatura sportiva
🛥️	Yacht	Link affiliato per noleggio yacht e barche
🚐	Camper	Link affiliato per noleggio camper e RV
📋	Prenota Ora	Link alla pagina di prenotazione generica
🛍️	Compra Ora	Link alla pagina di acquisto
🚲	Bici	Link affiliato per noleggio biciclette
🏍️	Moto	Link affiliato per noleggio moto
🔑	Noleggia Ora	Link affiliato per noleggio generico
🏷️	Offerte	Link affiliato per offerte e sconti
💆	Spa	Link affiliato per spa e centri benessere
🎫	Eventi	Link affiliato per biglietti di eventi, concerti e spettacoli
🛎️	Concierge	Link per il servizio concierge e assistenza personalizzata
👥	Viaggi di Gruppo	Link affiliato per viaggi di gruppo e tour organizzati
🍴	Menu	Link al menù
🛒	Shop	Link al negozio
💬	WhatsApp	Scrivi `whatsapp`: apre chat con il numero impostato in Azienda
✉️	Email	Scrivi `email`: apre client email con l'indirizzo aziendale
📞	Telefono	Scrivi `phone`: apre compositore con il numero aziendale

💬

URL speciali: Per WhatsApp, Email e Telefono usa rispettivamente whatsapp, email, phone come URL: l'app aprirà automaticamente l'applicazione corretta. Le informazioni di contatto di questi campi vengono impostate nella sezione "business".

Piattaforme Social (visibili nel menu laterale dell'app)

Icona	Piattaforma	Cosa inserire nel campo URL
▶️	YouTube	URL del canale YouTube, es. `https://youtube.com/@iltuocanale`
🎵	TikTok	URL del profilo TikTok, es. `https://tiktok.com/@iltuoprofilo`
📸	Instagram	URL del profilo Instagram, es. `https://instagram.com/iltuoprofilo`
👍	Facebook	URL della pagina Facebook, es. `https://facebook.com/latuapagina`
🐦	X (Twitter)	URL del profilo X, es. `https://x.com/iltuoprofilo`
💼	LinkedIn	URL della pagina o profilo LinkedIn, es. `https://linkedin.com/company/la-tua-azienda`
📌	Pinterest	URL del profilo o board Pinterest, es. `https://pinterest.com/iltuoprofilo`
🎧	Spotify	URL del profilo o playlist Spotify, es. `https://open.spotify.com/user/iltuoprofilo`
🎶	Apple Music	URL del profilo Apple Music, es. `https://music.apple.com/iltuoprofilo`
☁️	SoundCloud	URL del profilo SoundCloud, es. `https://soundcloud.com/iltuoprofilo`
📦	Amazon	URL dello store o storefront Amazon, es. `https://amazon.com/shop/iltuoprofilo`
🎬	Vimeo	URL del profilo Vimeo, es. `https://vimeo.com/iltuoprofilo`

ai

Configura il comportamento del tuo assistente AI integrato. Il modello utilizzato è LFM di Liquid AI, eseguito interamente sul dispositivo: nessun dato viene inviato a server esterni.

Campo	Default	Cosa fa
`Temperatura AI`0.0-1.0	0.2	Quanto è creativo l'AI. 0 = preciso e ripetitivo, 1 = creativo e variabile. Consigliato: 0.1-0.35.
`Prompt di Sistema AI`Testo	-	Le istruzioni che definiscono il comportamento del tuo AI. Puoi strutturare il prompt con tag XML e usare questi placeholder speciali: `<identity>` = identità e ruolo dell'assistente `<rules>` = regole e vincoli del comportamento `<context>` = contesto dinamico (viaggi e link) `<user_trips>` = elenco viaggi dell'utente `<app_links>` = link dei servizi attivi

ui

Controlla l'aspetto visivo dell'interfaccia: barra di navigazione, icone, ombre e altro.

Campo	Default	Cosa fa
`Barra Inferiore a Isola`Sì/No	false	Stile barra di navigazione: attivo = barra floating "isola" con bordi arrotondati, disattivato = barra classica attaccata al bordo.
`Etichette Barra Inferiore`Sì/No	true	Mostra il testo sotto le icone nella barra. Disattivato = solo icone.
`Mostra AI`Sì/No	true	Mostra il bottone dell'assistente AI nella barra.
`Mostra I Miei Viaggi`Sì/No	true	Mostra il tab "I Miei Viaggi" nella barra.
`Forma Indicatore Caricamento`Testo	Circle	La forma dell'animazione di caricamento. Vedi tutti gli stili disponibili ↓

Mostra impostazioni grafiche avanzate

Campo	Default	Cosa fa
`Icone Evidenziate`Sì/No	false	Aggiunge uno sfondo colorato dietro l'icona attiva nella barra.
`Mostra “Powered By”`Sì/No	true	Mostra il testo "powered by" in fondo alla pagina info.
`Scheda Info Business`Sì/No	true	Mostra la card con informazioni aziendali nella pagina info.
`Icone Contorno`Sì/No	true	Stile icone: attivo = solo contorno, disattivato = piene.
`Bordi Campi Input`Sì/No	false	Mostra il bordo nei campi di input. Attivo = campi con bordo visibile, disattivato = campi senza bordo.
`Mostra Popup Promo`Sì/No	true	Abilita il popup promozionale dopo X secondi.
`Ritardo Popup (s)`Numero	15	Secondi di attesa prima di mostrare il popup.
`Raggio Pulsanti`Pixel	30.0	Bordi arrotondati dei bottoni. 0 = squadrati, 30+ = molto arrotondati.
`Raggio Card`Pixel	30.0	Bordi arrotondati delle card. Stesso principio di buttonRadius.
`Elevazione`0.0+	5.0	Intensità dell'ombra su card ed elementi floating. 0 = nessuna ombra.

redirect

L'animazione di transizione quando l'app apre un link esterno.

Campo	Default	Cosa fa
`Overlay Reindirizzamento`Sì/No	true	Mostra un overlay scuro di transizione prima di aprire link esterni.
`Durata Overlay (ms)`ms	800	Durata dell'overlay in millisecondi. Valori tipici: 500-1500.

business

Le informazioni aziendali mostrate nella pagina info della tua app.

Campo	Tipo	Cosa fa
`Numero WhatsApp`Testo	Numero WhatsApp	Numero per contatto rapido. Formato internazionale: `+39123456789`
`Email`Email	Email di contatto	L'email dove i clienti possono raggiungerti.
`Numero di Telefono`Testo	Telefono	Numero telefono. Formato internazionale: `+39123456789`
`Descrizione Chi Siamo`Testo	Testo libero	La descrizione "Chi Siamo" della tua attività.
`Indirizzo`Testo	Indirizzo	L'indirizzo legale della tua azienda.
`Partita IVA`Testo	P. IVA	Partita IVA / VAT number.
`Orari di Apertura`Testo	Orari	Gli orari di apertura della tua attività.

network

Come la tua app si presenta al resto del web.

Campo	Default	Cosa fa
`User Agent`Testo	-	Il "nome" con cui la tua app si presenta ai siti web. Formato consigliato: `NomeApp/1.0 (email@esempio.com)`
`Valuta Predefinita`Testo	EUR	Valuta predefinita per i viaggi. Codice ISO: EUR, USD, GBP, JPY, ecc.

map (avanzate)

La maggior parte degli utenti non ha bisogno di cambiare queste impostazioni. La mappa usa OpenStreetMap.

Campo	Default	Cosa fa
`Latitudine Predefinita`Numero	41.9028	Latitudine del centro mappa all'apertura (default: Roma).
`Longitudine Predefinita`Numero	12.4964	Longitudine del centro mappa all'apertura (default: Roma).
`Zoom Iniziale`Numero	3.0	Zoom iniziale. Valori bassi = vista continente, alti = vista strada.
`Zoom Località Selezionata`Numero	5.0	Zoom quando selezioni una posizione dalla lista.
`Dimensione Marker`Pixel	40.0	Dimensione dei marker sulla mappa.
`Spessore Linea Percorso`Pixel	3.0	Spessore della linea che collega i punti del percorso.
`Zoom Selezione`Numero	15.0	Zoom per la selezione precisa di un indirizzo.

💡

Ricorda: hai sempre il pulsante Reset per tornare ai valori predefiniti! Non puoi "rompere" nulla: torna tutto come prima con un click.

Guida Font

I font della tua app vengono caricati da Google Fonts. Usa il nome esatto come appare su Google Fonts: anche una lettera diversa e il font non caricherà.

⚠️

Attenzione: Il nome deve corrispondere esattamente a quello su Google Fonts, inclusi spazi e maiuscole. Se il font non esiste, verrà usato il font di sistema.

I due campi font

Campo	Cosa controlla
`Font Corpo`	Il font per tutto il testo dell'app: paragrafi, descrizioni, elenchi, bottoni. Di solito un font semplice e leggibile.
`Font Titoli`	Il font per i titoli: AppBar, titoli di sezione, logo. Di solito un font più decorativo o in grassetto.

Font popolari: clicca per vedere su Google Fonts

Sora

Moderno e geometrico. Ottimo per titoli.

Onest

Pulito e leggibile. Perfetto per il corpo testo.

Inter

Il font più usato per interfacce digitali.

Poppins

Geometrico e amichevole. Molto popolare.

Montserrat

Elegante e versatile. Ottimo per il brand.

Lato

Classico e professionale. Buona leggibilità.

Roboto

Il font di Android. Familiare per tutti.

Open Sans

Neutrale e molto leggibile. Grande classico.

Playfair Display

Elegante con grazie. Perfetto per titoli di lusso.

Nunito

Morbido e arrotondato. Amichevole.

Raleway

Sottile ed elegante. Molto stiloso.

Quicksand

Arrotondato e giocoso. Per un look informale.

🔍

Non trovi il font che cerchi? Visita fonts.google.com: ci sono oltre 1500 font gratuiti. Ricorda di copiare il nome esatto!

Indicatori di Caricamento

Scegli l'animazione di caricamento per la tua app. Ogni stile ha un nome e inseriscilo nel campo Forma Indicatore Caricamento della sezione ui.

Circle

Default

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

📝

Come usarlo: Scegli l'animazione che preferisci e inserisci il nome esatto (come mostrato sopra) nel campo Forma Indicatore Caricamento nella sezione ui.

📱 Come installare l'App

La tua app è una PWA (Progressive Web App): non si scarica dall'App Store o dal Google Play Store, ma si installa direttamente dal browser. È veloce, leggera e funziona come un'app nativa. Segui la procedura per il tuo dispositivo.

🤖 Android (Chrome)

Per installare l'app su un dispositivo Android, utilizza il browser Google Chrome.

Apri Chrome sul tuo telefono Android.

Apri la tua app nel browser — vai all'indirizzo della tua app.

Tocca il menu premendo sull'icona ⋯ (tre puntini verticali) in alto a destra dello schermo.

Seleziona "Aggiungi alla schermata Home" oppure "Installa app" dal menu a tendina.

Conferma premendo su "Aggiungi" o "Installa" nella finestra di conferma.

Fatto! L'icona dell'app apparirà nella tua schermata Home. Ora puoi aprirla come qualsiasi altra app.

💡

Suggerimento: Su alcuni dispositivi Android potresti vedere un banner automatico in basso che ti invita a installare l'app. In tal caso, basta toccare "Installa" direttamente dal banner.

🍎 iPhone e iPad (Safari)

Per installare l'app su iPhone o iPad, utilizza il browser Safari (non Chrome o altri browser).

Apri Safari sul tuo iPhone o iPad.

Apri la tua app nel browser — vai all'indirizzo della tua app.

Tocca l'icona Condivisione premendo su ⬆️ (il quadrato con la freccia che punta verso l'alto) nella barra in basso.

Scorri il menu verso il basso e seleziona "Aggiungi alla Home" (o "Aggiungi alla schermata Home").

Personalizza il nome dell'app se lo desideri, poi tocca "Aggiungi" in alto a destra.

Fatto! L'icona dell'app apparirà nella tua schermata Home. Ora puoi aprirla come qualsiasi altra app.

⚠️

Importante: Su iOS l'installazione della PWA funziona solo da Safari. Se stai usando Chrome, Firefox o un altro browser su iPhone, l'opzione "Aggiungi alla Home" non sarà disponibile. Apri il link in Safari.

🖥️ Desktop (Chrome, Edge, Brave)

Puoi installare l'app anche sul tuo computer, con Google Chrome, Microsoft Edge o Brave.

Apri il browser (Chrome, Edge o Brave) sul tuo computer.

Apri la tua app nel browser — vai all'indirizzo della tua app.

Cerca l'icona di installazione nella barra degli indirizzi: un'icona ⊕ (simbolo di installazione) oppure il menu ⋯ (tre puntini) in alto a destra.

Clicca su "Installa app" o "Installa Travelinfluencer" dal menu.

Conferma cliccando su "Installa" nella finestra di dialogo.

Fatto! L'app si aprirà in una finestra dedicata senza barra degli indirizzi, e troverai l'icona sul desktop o nel menu delle applicazioni.

💡

Suggerimento: Su Chrome e Edge potresti vedere direttamente un'icona ⊕ nella barra degli indirizzi quando la PWA è rilevata. Cliccala per un'installazione rapida con un solo clic.

✨

Perché installare l'app? Una volta installata, l'app si aprirà a schermo intero senza la barra del browser, come un'app nativa. Avrai un accesso più rapido, un'esperienza più fluida e l'icona sempre a portata di mano sulla tua Home.

Problemi Comuni

Hai un problema? Probabilmente la soluzione è qui sotto. Le modifiche possono richiedere qualche minuto per essere visibili nell'app. E ricordati: hai sempre il pulsante Reset per tornare ai valori originali!

Ho modificato un campo ma non vedo il cambiamento

Se un campo viene lasciato vuoto o rimosso, il sistema carica automaticamente il valore predefinito. Questo significa che la tua modifica potrebbe non essere stata salvata correttamente.

✅

Cosa fare: Assicurati che il campo sia compilato con un valore valido. Se il campo è vuoto, il sistema userà il default: non è un errore, è di design!

💡

Suggerimento: Dopo aver compilato il campo, ricordati di salvare le modifiche, poi ricarica la pagina per verificare.

Il colore che ho inserito non funziona

I colori devono essere nel formato HEX a 6 cifre, con il simbolo # all'inizio.

Formato	Esempio	Funziona?
HEX 6 cifre	`#00519C`	✅ Sì
Senza #	`00519C`	❌ No
Nome colore	`red`	❌ No
RGB	`rgb(0,81,156)`	❌ No

🎨

Serve ispirazione? Usa un color picker online come ColorHunt per trovare palette armoniose, poi copia il codice HEX.

Il font non cambia

Il nome del font deve corrispondere esattamente a quello su Google Fonts, incluse maiuscole, minuscole e spazi. Se il nome non è corretto, verrà usato il font di sistema.

Nome inserito	Corretto?
`Poppins`	✅ Sì
`poppins`	❌ Manca la maiuscola
`Playfair Display`	✅ Sì (con spazio)
`Playfairdisplay`	❌ Manca lo spazio

🔗

Font disponibili: Puoi usare qualsiasi font su Google Fonts (oltre 1500 gratuiti). Copia il nome esatto dalla pagina del font.

L'URL di un servizio non si apre

Gli URL dei servizi devono essere completi e sicuri. Ecco le regole:

✅

URL corretto: Deve iniziare con https://, esempio: https://flights.travelinfluencer.co

❌

URL non sicuro: Gli URL che iniziano con http:// (senza la "s") non vengono caricati per motivi di sicurezza.

💬

URL speciali: Per WhatsApp, Email e Telefono usa semplicemente whatsapp, email o phone: niente https, sono gestiti automaticamente!

Ho abilitato un servizio ma non lo vedo nella barra

La barra di navigazione mostra al massimo 5 servizi attivi. Se ne hai abilitati di più, solo i primi 5 appariranno nella barra.

📌

Limite: 5 servizi. Se hai 6 o più servizi con toggle attivo, il sesto e successivi non saranno visibili. Disabilita i servizi meno importanti per far spazio a quelli che vuoi mostrare.

🔢

Ordine di priorità: I servizi vengono mostrati nell'ordine in cui appaiono nella lista. I primi 5 attivi vincono. Gli altri restano disponibili ma nascosti dalla barra.

Ho caricato un'immagine nel profilo ma non la vedo nell'app

Quando carichi un'immagine dal tuo profilo (logo o immagine copertina), il sistema genera un link URL per quell'immagine. Devi copiare quell'URL e incollarlo nel campo corretto della configurazione.

📋

Come fare: Nel tuo profilo, dopo aver caricato l'immagine, usa il pulsante apposito per copiare l'URL dell'immagine. Poi vieni nella configurazione e incollalo nel campo logoUrl (per il logo) o infoHeaderImageUrl (per l'immagine di copertina).

⚠️

Importante: L'immagine non viene collegata automaticamente: devi copiare l'URL manualmente. Senza l'URL nel campo, l'app continuerà a mostrare l'immagine predefinita.

Voglio tornare al sottodominio dopo aver usato un dominio personalizzato

Il passaggio da dominio personalizzato a sottodominio standard è possibile, ma comporta la perdita completa dei dati associati alla tua app.

🔴

Perché? Il dominio personalizzato è integrato nella configurazione interna (sessioni, certificati SSL). Il downgrade richiede una ristrutturazione dell'ambiente che rende i dati esistenti incompatibili.

⚠️

Prima di procedere: Salva tutte le impostazioni e i contenuti di cui hai bisogno. Dopo il downgrade, configurazione dell'app, impostazioni personalizzate e contenuti associati al dominio verranno persi definitivamente. L'operazione è irreversibile.

Il sito o l'app non sono accessibili

Se non riesci ad accedere al sito, all'app o a Horizon Studio, potrebbe essere in corso un intervento di manutenzione programmata o straordinaria.

🔧

Manutenzione programmata: Le manutenzioni programmate vengono comunicate in anticipo via email o tramite avviso nella piattaforma. Se hai ricevuto una notifica, attendi il tempo indicato e riprova.

⚡

Manutenzione straordinaria: In caso di emergenze tecniche o problemi di sicurezza, il servizio può essere temporaneamente sospeso senza preavviso. Il team lavora per ripristinarlo il prima possibile.

✅

Cosa fare: Controlla la tua connessione internet. Se la connessione funziona, attendi qualche minuto e ricarica la pagina. Se il problema persiste per più di 30 minuti, contatta il supporto.

L'app non funziona correttamente in modalità incognito/privata

Se stai usando il browser in modalità incognito, InPrivate o navigazione privata, molte funzionalità dell'app potrebbero non funzionare correttamente. Questo è dovuto alle restrizioni che i browser applicano in questa modalità.

⚠️

Funzionalità limitate: In navigazione privata il browser blocca molte API di archiviazione. Questo significa che il download del modello AI (HorizonAI) potrebbe non funzionare, i dati di "I Miei Viaggi" (documenti e itinerari) non verranno salvati in modo permanente, e le preferenze e la configurazione non saranno mantenute.

💡

Perché succede: I browser in modalità privata limitano l'accesso ad alcune funzionalità di archiviazione per proteggere la privacy. L'app ha bisogno di queste tecnologie per funzionare correttamente.

✅

Soluzione: Apri una finestra di navigazione normale (non privata) nel tuo browser e accedi all'app da lì. Tutte le funzionalità saranno disponibili e i tuoi dati verranno salvati correttamente.

Il mio sito non ha navigazione o animazioni nell'app

Se il tuo sito si vede nell'app ma la navigazione sembra limitata o le animazioni non funzionano, potrebbe mancare lo script di integrazione nella sezione <head> del tuo sito.

📋

Cosa fare: Aggiungi questo script prima della chiusura del tag </head> nel tuo sito:

html

<script src="https://scripts.travelinfluencer.co/horizon-webview-helper.js" data-horizon-webview async></script>

✅

Dettagli: Questo script abilita la navigazione ottimizzata, le animazioni fluide e altre funzionalità avanzate quando il tuo sito viene aperto dentro l'app. È leggero, asincrono e non influisce sulle performance del sito. Vedi la sezione Integrazione Sito → Fase 3 per maggiori dettagli.

L'app va in crash dopo aver scaricato l'AI

Se l'app si chiude improvvisamente o si blocca dopo il download del modello AI (HorizonAI), il problema è dovuto a risorse insufficienti sul tuo dispositivo.

⚠️

Perché succede: HorizonAI esegue il modello AI localmente sul dispositivo. Questo richiede una quantità significativa di RAM e potenza di calcolo. Se il tuo telefono ha poca memoria disponibile o un processore datato, il sistema non riesce a gestire il modello e l'app va in crash.

💡

Cosa fare: Prova a chiudere tutte le altre app in background per liberare memoria, poi riapri l'app. Se il problema persiste, il tuo dispositivo potrebbe non avere le risorse hardware minime necessarie per eseguire l'AI. In questo caso, puoi disabilitare l'AI dalla configurazione (imposta showAI su false): tutte le altre funzionalità dell'app continueranno a funzionare normalmente.

🛡️

Non puoi rompere nulla! Hai sempre il pulsante Reset per tornare ai valori predefiniti con un click. Se qualcosa non funziona come dovrebbe, usa Reset e ricomincia: è fatto apposta! Se il problema persiste anche dopo il reset, contatta il supporto.

Cancellazione Account

Se desideri chiudere il tuo account e rimuovere tutti i tuoi dati, segui attentamente questa procedura. L'operazione è irreversibile: leggi bene ogni passaggio prima di procedere.

Passaggio 1. Cancella il tuo abbonamento

Prima di poter chiudere l'account, devi cancellare il tuo abbonamento attivo. Non è possibile eliminare l'account se hai un piano in corso.

⚠️

Attenzione: La cancellazione dell'abbonamento non elimina immediatamente il tuo account. Il tuo abbonamento rimarrà attivo fino alla data di scadenza naturale del periodo già pagato.

💳

Sospensione o pagamento non valido: Se il tuo abbonamento viene sospeso per mancato pagamento, carta scaduta, o metodo di pagamento non valido, si applica la stessa identica procedura: dopo la scadenza dell'abbonamento, il tuo account entra automaticamente nel periodo di grazia di 30 giorni e successivamente viene cancellato definitivamente. Riceverai email di notifica prima che ciò avvenga.

Passaggio 2. Periodo di grazia (30 giorni)

Una volta scaduto l'abbonamento, il tuo account entra in un periodo di grazia di 30 giorni. Durante questo periodo:

💡

Puoi ancora riattivare: Se cambi idea, puoi riattivare il tuo abbonamento in qualsiasi momento durante i 30 giorni e ritrovare tutto esattamente come lo avevi lasciato: configurazione, dati e impostazioni saranno intatti.

🔒

I tuoi dati sono al sicuro: Durante il periodo di grazia, tutti i tuoi dati vengono conservati e protetti. Nessuna informazione viene cancellata in questa fase.

💡 Alternativa: Passa al Piano Starter

Se non vuoi perdere il tuo account ma non desideri un abbonamento costoso, puoi passare al Piano Starter, il piano di base a costo ridotto. Questo ti permette di:

✅ Preservare il tuo account e i dati del profilo
✅ Mantenere l'accesso alla piattaforma
✅ Evitare la cancellazione automatica per inattività o mancanza di abbonamento

⚠️

Attenzione — Configurazione app persa: Il passaggio al Piano Starter è un downgrade e comporta la cancellazione e ricreazione della cartella di configurazione dell'app. Tutte le configurazioni personalizzate precedenti (layout, contenuti, impostazioni, integrazioni) saranno definitivamente perse. Ti consigliamo di salvare le tue configurazioni prima di effettuare il downgrade.

Passaggio 3. Cancellazione definitiva

Al termine dei 30 giorni di grazia, tutti i tuoi dati verranno cancellati automaticamente e permanentemente. Questo include:

Configurazione dell'app e impostazioni personalizzate
Dati del profilo e informazioni aziendali
Immagini caricate (logo, copertina)
Cronologia e statistiche di utilizzo
Qualsiasi altro dato associato al tuo account

🔴

Irreversibile: Questa operazione è permanente e non reversibile. Si applica in tutti i casi: cancellazione volontaria dell'abbonamento, sospensione per mancato pagamento, carta scaduta o metodo di pagamento non valido. Una volta cancellati, i dati non potranno essere recuperati in alcun modo. Se pensi di poter tornare in futuro, ti consigliamo di passare al Piano Starter per preservare il tuo account (tieni presente che la configurazione dell'app verrà persa).

💬

Hai dubbi? Se hai domande sulla cancellazione o vuoi assistenza, contatta il supporto. Siamo qui per aiutarti.