Integrazione con Framer
Aggiungere una live chat al tuo sito Framer
In Framer non c’è un prompt: incolli una riga nel codice personalizzato del sito e la bolla di Hooky compare su tutte le pagine dalla prossima pubblicazione. Poi rispondi ai visitatori dal telefono.
Perché una chat su un sito Framer
Un sito Framer è spesso una vetrina curata: uno studio, un freelance, un’app in lancio. Chi arriva lì ha una domanda precisa («sei disponibile a marzo?», «quanto costa un logo?»). Una bolla di chat la coglie al momento giusto, senza modulo. Framer stesso cita la live chat tra gli usi del codice personalizzato.
Installare Hooky in Framer
Crea il tuo account Hooky (gratis per un sito), aggiungi il sito con il suo indirizzo (
mio-sito.framer.websiteo il tuo dominio) e copia il tag<script>in Siti.Apri le impostazioni del sito in Framer (Site Settings, chiamate Project Settings nelle versioni recenti) e vai alla sezione Custom Code.
Aggiungi uno script: Add Script (o + se ce ne sono già), chiamalo «Hooky», incolla il tag e scegli come posizione la fine del tag <body>. Lascialo su tutte le pagine; se ti chiede la frequenza di esecuzione, scegli Once.
Pubblica il sito. Il codice personalizzato non si carica nell’anteprima del canvas: solo la versione pubblicata mostra la bolla.
Il tag da incollare (il tuo contiene la chiave vera del tuo sito):
<script src="https://heyhooky.com/widget.js" data-site-key="LA_TUA_CHIAVE_PUBBLICA" async></script>Framer cambia ogni tanto i nomi dei menu: se non li trovi, cerca «Custom Code» nell’aiuto di Framer. L’importante: un codice a livello di sito (non di una sola pagina), posizionato alla fine di <body>.
Verificare che la bolla compaia
Apri il sito pubblicato in una nuova scheda: la bolla è in basso. Passa da una pagina all’altra: resta lì, e la conversazione pure. Un messaggio di prova arriva subito in Messaggi.
Non compare? Controlla di aver ripubblicato, che il codice sia a livello di sito e alla fine di <body>, e che l’indirizzo aperto sia tra gli indirizzi autorizzati del sito in Hooky, se ne hai dichiarati.
framer.website e il tuo dominio
Il tuo sito ha un indirizzo Framer e spesso il tuo dominio. Aggiungi entrambi nella pagina del sito, in Hooky: una sola casella, le stesse statistiche. www. è coperto automaticamente.
Abbinare la bolla al tuo design
Non serve toccare Framer: in Hooky, nella pagina del sito, scegli il colore della bolla, il lato (destra o sinistra) e il messaggio di benvenuto, con un’anteprima dal vivo. Le modifiche valgono senza ripubblicare.
Un pulsante «Scrivimi» nel menu? Dagli un link che chiami Hooky.open() oppure, più semplice in Framer, lascia lavorare la bolla.
Rispondere ai tuoi visitatori
Una notifica sul telefono, e rispondi dall’app Hooky (iPhone, iPad, Mac, Android) o dalla dashboard web. Il visitatore può allegare una foto o un PDF (un brief, un mockup), e se lascia il sito dopo aver dato l’email, la tua risposta gli arriva via email con un link per riprendere la conversazione.
Domande frequenti
Serve un piano a pagamento di Framer?
L’aiuto di Framer non indica un piano minimo per il codice personalizzato. Il dominio personalizzato, invece, richiede un piano a pagamento. Se la sezione Custom Code non è disponibile nel tuo progetto, controlla le condizioni del tuo piano Framer.
Voglio la bolla solo su alcune pagine
Framer permette di limitare uno script a certe pagine. Ma per una chat la cosa più utile è averla ovunque: la conversazione segue il visitatore di pagina in pagina.
Niente prompt per Framer?
Framer è un editor visuale: non gli chiedi di scrivere codice, incolli tu il tag. È una sola riga, e non la tocchi più.
E le statistiche?
Hooky.track si chiama dal codice: in Framer passa da un componente di codice o da un override. Per un semplice sito vetrina, spesso basta la bolla. Vedi la documentazione.
Gli altri strumenti
I tuoi visitatori hanno domande. Rispondi da dove sei.
Gratis per un sito, installato con un prompt. Poi ti basta tenere il telefono in tasca.