Integrazione con Lovable
Aggiungere una live chat al tuo sito Lovable
Il tuo sito Lovable è online e i tuoi visitatori hanno domande. Con Hooky compare una bolla di chat su tutte le pagine: incolli un prompt in Lovable, pubblichi e rispondi dal telefono.
Perché una chat su un sito Lovable
Lovable ti porta dall’idea al sito in una serata. Ma un sito nuovo di zecca porta anche visitatori indecisi: «spedite a Bologna?», «il modulo non funziona sul mio telefono», «avete posto sabato?». Se non hanno un modo semplice per chiedere, se ne vanno.
La bolla di Hooky dà loro questo modo, senza creare un account. Tu ricevi una notifica e rispondi dall’app. E siccome un sito Lovable è un’app React (Vite), basta un solo tag in index.html per coprire tutte le pagine.
Installare Hooky in Lovable
Crea il tuo account Hooky (gratis per un sito) e aggiungi il tuo sito: nome e indirizzo, per esempio
mio-sito.lovable.app.Copia il prompt di installazione in Siti: contiene già la chiave del tuo sito. Quello qui sotto è lo stesso, adattato a Lovable, con una chiave d’esempio.
Apri il progetto in Lovable e incolla il prompt nella chat del progetto, in modalità Build (le modalità Chat e Plan discutono o preparano un piano senza toccare il codice).
Pubblica: pulsante Publish in alto a destra nell’editor, poi Publish changes se il sito è già online. Finché non pubblichi, la versione online non ha la bolla.
Il prompt per Lovable
Aggiungi la bolla di chat di Hooky a questo sito, su tutte le pagine. Incolla questo tag una sola volta in index.html, nella radice del progetto, subito prima di </body>:
<script src="https://heyhooky.com/widget.js" data-site-key="LA_TUA_CHIAVE_PUBBLICA" async></script>Lascialo così com’è in index.html: non spostarlo in un componente React e non aggiungerlo con un useEffect. Non modificare l’indirizzo dello script né l’attributo data-site-key, e non cambiare nient’altro.
Con un piano a pagamento di Lovable puoi controllare tu stesso: scheda Code, file index.html; la riga deve stare subito prima di </body>. Nel piano gratuito l’editor del codice è in sola lettura, ma puoi comunque guardare.
Verificare che la bolla compaia
Apri il tuo indirizzo pubblicato (mio-sito.lovable.app o il tuo dominio) in una nuova scheda e ricarica. La bolla compare in basso, a destra per impostazione predefinita. Mandati un primo messaggio: arriva subito in Messaggi.
Non compare niente? Nell’ordine:
- hai cliccato su Publish changes dopo la modifica;
- l’indirizzo che stai provando è tra gli indirizzi autorizzati del sito in Hooky (appena ce n’è uno, la bolla resta nascosta altrove);
- il tag è intatto, con la chiave giusta (chiedi a Lovable di mostrarti la riga).
Il tuo dominio e l’indirizzo lovable.app
Lovable pubblica prima il sito su un indirizzo lovable.app, poi colleghi il tuo dominio. Aggiungi entrambi nella pagina del sito, in Hooky: conversazioni e statistiche restano nello stesso posto, e la bolla funziona su tutti e due senza reinstallare nulla. Non serve aggiungere www.: tuosito.it copre anche www.tuosito.it.
Rispondere ai tuoi visitatori
I messaggi di tutti i tuoi siti arrivano in un’unica casella, nell’app per iPhone, iPad, Mac e Android, o nella dashboard web. Una notifica ti avvisa. I visitatori possono mandarti foto o un PDF (uno screenshot del bug, per esempio), e se qualcuno se ne va prima della tua risposta dopo aver lasciato l’email, la risposta lo raggiunge via email, con un link per riprendere la conversazione.
Vuoi andare oltre? Chiedi a Lovable anche di contare le iscrizioni o gli ordini con Hooky.track: il prompt ti aspetta nella scheda Statistiche, e tutto è nella documentazione.
Domande frequenti
La bolla compare nell’anteprima dell’editor di Lovable?
L’anteprima dell’editor gira su un indirizzo di sviluppo. Finché non dichiari nessun indirizzo in Hooky, la bolla compare ovunque; appena ne dichiari, compare solo su quelli. La cosa più semplice: prova sull’indirizzo pubblicato.
Lovable ha messo il tag fuori da index.html
Succede: a un’IA piace «riordinare» il codice in un componente. Basta dirle: «Rimetti il tag di Hooky così com’era in index.html, subito prima di </body>, e toglilo dal componente». Poi pubblica di nuovo.
Serve un piano a pagamento di Lovable?
Non per Hooky: il prompt passa dalla chat del progetto. Ti basta poter pubblicare il sito. Il dominio personalizzato, invece, dipende dal tuo piano Lovable.
Ho più siti su Lovable
Crea un sito in Hooky per ognuno: ogni prompt ha la sua chiave. Il piano Gratis copre un sito, Creator dieci e Studio cinquanta, e arrivano tutti nella stessa casella.
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.