Come aggiungere una bolla video a Webflow

La procedura è semplice: copi lo script di CompleteGreet nelle impostazioni del sito Webflow, pubblichi e controlli il risultato sul dominio reale o sul sottodominio di staging.

Il tempo necessario dipende dal video, dalle impostazioni e dai test. Non occorre inserire codice in ogni pagina né lavorare nel Designer per caricare il widget su tutto il sito.

Piani, limiti e modalità di conteggio possono cambiare. Prima di scegliere, controlla sempre il listino aggiornato e le condizioni mostrate nel tuo account, soprattutto se prevedi picchi di traffico.

Il codice personalizzato può essere provato sul sottodominio di staging. Per usarlo su un dominio pubblicato, verifica quale piano Webflow supporta attualmente questa funzione.

Colore, posizione e pulsanti di invito all’azione si configurano senza scrivere CSS. Una bolla ben inserita mostra subito una persona reale senza obbligare il visitatore ad aprire una chat.

CompleteGreet è pensato per saluti, presentazioni e raccolta di contatti, non per questionari complessi. Su un sito Webflow può aggiungere una presenza umana mantenendo il flusso semplice.

Come si installa CompleteGreet su Webflow?

Aggiungere un widget con bolla video a Webflow richiede uno script e una pubblicazione di prova. La disponibilità del codice personalizzato sui domini live dipende dal piano Webflow corrente, mentre il sottodominio di staging permette di verificare il risultato prima del lancio.

Ecco i passaggi:

1. Accedi alla dashboard di CompleteGreet e crea il widget. Scegli il video, scrivi il messaggio iniziale e imposta il comportamento di visualizzazione.

2. Salva il widget e apri la sezione che contiene il codice di installazione. Copia l’intero script assegnato al widget.

3. Apri il progetto in Webflow, vai nelle impostazioni e scegli la sezione Custom Code. Inserisci lo script di CompleteGreet nel campo Head Code, seguendo le indicazioni di installazione correnti.

4. Salva le impostazioni e pubblica il sito. Il codice personalizzato non viene eseguito nell’anteprima del Designer, quindi il controllo va fatto sul sito pubblicato o sul sottodominio di staging.

Questo dettaglio crea spesso confusione: Webflow esegue il codice personalizzato sulle pagine pubblicate, non nel Designer o nell’anteprima in sola lettura. Anche il Centro assistenza ufficiale di Webflow lo specifica. Se la bolla non appare mentre modifichi la pagina, apri l’URL pubblicato e verifica lì.

Dopo la pubblicazione, ricarica la pagina ignorando la cache per assicurarti di vedere gli asset aggiornati.

La bolla dovrebbe apparire nella posizione scelta nella dashboard. Se non succede, controlla lo script, le regole sulle pagine, il consenso e la cache.

Che cosa si può personalizzare su Webflow?

Puoi gestire il pubblico, le azioni disponibili e l’aspetto della bolla. Le opzioni effettive dipendono dalla versione e dal piano in uso.

Pagine e pubblico

Le regole sulle pagine permettono, per esempio, di mostrare un saluto nella pagina dei prezzi senza inserirlo negli articoli del blog. Le modifiche si fanno dalla dashboard, senza aggiungere un altro script.

Se la configurazione attuale lo consente, puoi mostrare messaggi diversi ai visitatori nuovi e a quelli di ritorno.

Puoi anche valutare segmenti basati sulla provenienza, come LinkedIn o Instagram. Prima di usarli, verifica che il tracciamento e il consenso siano configurati correttamente e che la funzione sia disponibile nel tuo account.

Inviti all’azione e moduli

Un pulsante può portare a un calendario, a un download o a un’altra pagina. Anche il testo conta: su un sito di servizi, “Prenota una chiamata” e “Richiedi un preventivo” possono produrre risposte diverse.

Provali sul traffico reale e confronta i risultati. Non serve modificare Webflow per cambiare il testo.

I moduli disponibili nel widget possono raccogliere contatti senza spostare il visitatore dalla pagina. Campi, obbligatorietà e destinazione dei dati vanno verificati nella configurazione corrente.

Controlla nella dashboard che ogni invio venga registrato correttamente.

Verifica anche le notifiche e l’eventuale integrazione con email o CRM prima della pubblicazione.

Identità visiva e posizione

Puoi usare logo, colori del marchio, foto dell’agente e miniatura del video. La posizione deve lasciare liberi menu, pulsanti, banner di consenso e altri elementi importanti, sia in basso a destra sia in basso a sinistra.

Raggio degli angoli, ombra e messaggio iniziale vanno controllati nell’editor visivo. Un testo breve tende a funzionare meglio sui display piccoli, ma non esiste un limite universale valido per ogni layout.

Non dimenticare il comportamento sui dispositivi mobili. Puoi usare una modalità più compatta o nascondere la bolla su schermi piccoli, se la configurazione lo permette. Prova i breakpoint reali del progetto invece di affidarti a un valore generico.

Una bolla generica può sembrare un popup estraneo. Colori coerenti, posizione corretta e un invito all’azione preciso la fanno apparire come parte del sito. Per confrontare le opzioni, consulta anche il nostro confronto tra widget video .

See the static HTML data above for the full breakdown.

Che cosa controllare prima della pubblicazione?

Prima di pubblicare, controlla il sito su più browser desktop. Verifica che il widget con bolla video appaia nell’angolo previsto, risponda al clic e non copra navigazione, banner di consenso o inviti all’azione nel footer.

Il test su mobile merita la stessa attenzione del desktop. La quota di traffico da smartphone varia da sito a sito, quindi controlla i tuoi dati invece di presumere una percentuale.

Apri il sito su iOS Safari e Android Chrome. La bolla deve adattarsi allo schermo, riprodurre il video nel modo previsto e offrire un pulsante di chiusura facile da raggiungere. Se copre menu o acquisto, correggi posizione e distanza dai bordi.

Controlla poi le regole sulle pagine.

Assicurati che il widget venga caricato soltanto dove serve. Homepage, prezzi e pagine prodotto possono richiedere messaggi diversi, mentre checkout e conferma ordine spesso vanno esclusi. Prova ogni regola URL, compresi percorsi con e senza barra finale.

Misura anche le prestazioni. Video e script aggiungono risorse alla pagina. Segui le indicazioni di Google sui Web Vitals e confronta LCP, CLS e interattività prima e dopo l’installazione. Se i valori peggiorano, verifica caricamento dello script, formato del video, dimensioni e comportamento iniziale senza affidarti a una soglia generica.

Prova l’intero invio del modulo senza mandare dati reali a contatti esterni. Usa un ambiente o un recapito di test autorizzato e verifica che il contatto arrivi nella destinazione prevista.

Pubblica soltanto quando comportamento, accessibilità, regole, prestazioni e invii sono stati controllati sul sito reale.

Domande frequenti

Quanto costa CompleteGreet e che cosa comprende?

Prezzi, visitatori, numero di bolle e funzioni incluse dipendono dal listino corrente. Controlla la pagina dei prezzi e il tuo account prima di scegliere. Non basarti su vecchie cifre, perché piani e condizioni possono cambiare.

CompleteGreet funziona con Shopify, WordPress e siti React personalizzati?

CompleteGreet può essere installato sulle piattaforme supportate tramite app, plugin o script. Metodo, funzioni e test dipendono dalla piattaforma, dal tema, dal consenso e dalla configurazione attuale. Usa sempre le istruzioni ufficiali più recenti.

Quanto tempo serve per configurare CompleteGreet su un sito?

Una configurazione semplice può essere rapida, ma il tempo reale comprende registrazione, video, design, regole, consenso, accessibilità e prove su dispositivi diversi. Pubblica soltanto dopo aver verificato il risultato.

Per quali aziende è più adatto CompleteGreet rispetto alla live chat?

È adatto quando un saluto personale, una presentazione o un breve invito all’azione può ridurre dubbi prima del contatto. Se serve una conversazione bidirezionale in tempo reale, una live chat può essere più adatta. La scelta dipende dal flusso e dal personale disponibile.

Come vengono conteggiati i visitatori per la fatturazione?

Definizioni, soglie e comportamento oltre il limite sono indicati nel piano corrente e nell’account. Verifica come vengono trattati visitatori di ritorno, dispositivi e periodi di conteggio prima di stimare i costi.

Quali limiti bisogna conoscere prima di scegliere CompleteGreet?

CompleteGreet è pensato soprattutto per saluti video, creazione di fiducia e semplici inviti all’azione. Flussi con molte domande, logica ramificata o chat bidirezionale possono richiedere uno strumento specializzato. Controlla le funzioni attuali rispetto al tuo caso d’uso.