Se il tuo sito non è fatto con WordPress o Shopify hai due strade: il campo per il codice personalizzato del tuo site builder, oppure il codice HTML del sito. In entrambi i casi lo snippet va in fondo a tutte le pagine.
Site builder: Wix, Squarespace, Webflow, Framer
Copia lo snippet dalla pagina Installazione, voce Integra con un site builder, con il bottone Copia.
- Nelle impostazioni del sito cerca la voce Codice personalizzato (in inglese Custom code o Code injection). Il percorso esatto per ogni strumento è qui sotto.
- Incolla lo snippet nella sezione Footer (o End of body / Body end), cioè il codice che va prima della chiusura di
</body>. Se puoi scegliere su quali pagine caricarlo, seleziona tutte le pagine. - Salva e ripubblica il sito: il codice personalizzato diventa attivo solo dopo la pubblicazione, non nell'anteprima dell'editor.
- Se il sito passa da un CDN o da una cache (Cloudflare, o la cache del builder stesso), svuotala dopo aver pubblicato. Altrimenti il widget può comparire con qualche ora di ritardo.
Dove si trova il campo, strumento per strumento:
- Wix: Impostazioni → Codice personalizzato → Aggiungi codice, posizione Corpo - fine, su tutte le pagine.
- Squarespace: Impostazioni → Avanzate → Inserimento codice (Code injection), riquadro Footer.
- Webflow: Project settings → Custom code → Footer code, poi Publish.
- Framer: Project settings → General → Custom code → End of
<body>tag.
Usi un altro strumento? Cerca nelle impostazioni una voce simile a "Codice personalizzato", "Script" o "Tracking": va bene qualsiasi campo che inserisca codice in fondo a tutte le pagine.
Per mostrare il widget dentro una pagina dedicata, aggiungi alla pagina un elemento Embed / HTML personalizzato nel punto in cui lo vuoi e incollaci il contenitore <div id="pickly-widget-inpage"></div>, oltre allo snippet. In quella pagina bottone e barra non compaiono.
Sito in HTML o con un altro CMS
Copia lo snippet dalla voce Integra con HTML della pagina Installazione.
- Apri il file che contiene il footer comune a tutte le pagine: di solito il layout o il template base del sito.
- Incolla lo snippet subito prima del tag
</body>. - Salva, pubblica e ricarica il sito: il widget compare come bottone o barra di ricerca, in base alla posizione scelta in Impostazioni.
- Se il sito passa da una cache o da un CDN (Cloudflare, Varnish, un plugin di cache…), svuotala dopo aver pubblicato.
Per una pagina dedicata, aggiungi il contenitore <div id="pickly-widget-inpage"></div> nel punto della pagina in cui vuoi il widget.
Controlla l'installazione
Nella pagina Installazione apri la voce che hai usato e clicca Verifica installazione: ti dice se lo snippet c'è e, se il widget non comparirà, perché e dove sistemarlo. Se il widget non compare, leggi Il widget non compare sul sito.
WhatsApp e Facebook Messenger
Nella pagina Installazione trovi anche WhatsApp e Facebook Messenger: sono integrazioni in arrivo, non ancora disponibili.