Compatibilità:

WebSite X5 Evo e Pro

OpenWidget è una piattaforma che fornisce widget da integrare nei siti web al fine di migliorare l'esperienza degli utenti e ottimizzare il supporto clienti. La configurazione dei widget è molto semplice e il loro utilizzo è completamente gratuito. Ora, grazie all'apposito Oggetto Opzionale OpenWidget, anche l'integrazione dei widget nelle pagine create con WebSite X5 è estremamente facile.  



In questa guida vedremo:

  1. Che cosa sono i widget 
  2. Cosa possono fare le widget di OpenWidget
  3. Come si crea un widget con OpenWidget
  4. Come si inserisce il widget nel tuo sito
  5. Come si aggiorna il widget realizzato


Che cosa sono i widget

Un widget (da "window" + "gadget") è un piccolo componente dell'interfaccia grafica di un programma che permette all'utente di interagire con esso in modo semplice e immediato.


In altre parole, puoi pensare ai widget come a delle mini-applicazioni che, in genere, si distinguono per il fatto di  essere: piccole e compatte (non occupano molto spazio sullo schermo), visivamente accattivanti, interattive e a volte anche personalizzabili dall'utente. Esistono diversi tipi di widget: informativi (per es., per il meteo, le notizie, o l'ora), di controllo (per es., per la riproduzione musicale o la regolazione del volume), Social (mostrano i feed di social media come Facebook, Twitter o Instagram) o di gioco (offrono piccoli giochi o attività divertenti).


Cosa possono fare i widget di OpenWidget

Con OpenWidget puoi configurare il widget da inserire nelle pagine del tuo sito web in modo da abilitare proprio le funzioni che più ti servono per dialogare con i tuoi clienti, offrire loro supporto tecnico e spingere le vendite del tuo e-commerce.


Tra i widget messi a disposizione da OpenWidget ci sono:

  • WhatsApp Chat: dai la possibilità ai visitatori di dialogare via WhatsApp per avere informazioni e risolvere dubbi.   
  • Modulo di contatto: è il modo più semplice per consentire ai visitatori del sito web di inviarti messaggi.
  • FAQ: crea una sezione FAQ per consentire ai visitatori di trovare le risposte alle domande più frequenti.
  • Schede prodotto: usalo per promuovere i tuoi prodotti e servizi con schede prodotto accattivanti.
  • Feed Instagram: mostra il tuo feed Instagram sul tuo sito web per aumentare il coinvolgimento dei clienti.


Come si crea un widget con OpenWidget   

OpenWidget è un servizio che richiede la registrazione ma che puoi utilizzare gratuitamente e senza limiti:

  • Collegati a https://openwidget.com/ e clicca sul pulsante Get started free.
  • Segui la procedura e inserisci tutti i dati richiesti: confermata la tua e-mail sarai subito pronto per iniziare.
  • Ora che sei loggato puoi iniziare a configurare il tuo widget.
  • Come vedi, sulla sinistra dello schermo hai una barra con 3 strumenti: Widget Content, Customize Look e Add to website. Rimani in Widget Content e utilizza il pannello laterale per scegliere le funzioni da attivare. Di fianco puoi vedere un'anteprima di come si presenterà il widget una volta inserito sul tuo sito.
  • Quando hai finito di configurare il widget, clicca sul pulsante Customize Look in modo da personalizzarne l'aspetto agendo su impostazioni come: il logo, la lingua, il messaggio di benvenuto, i colori, ecc...
  • Ora che il tuo widget è pronto, clicca sul pulsante Add to website. Clicca sul pulsante Copy Code in modo da copiare il codice che ti servirà per inserire il widget nelle pagine del tuo sito web.       

Come si inserisce il widget nel tuo sito

In WebSite X5 puoi integrare il widget realizzato con OpenWidget usando l'Oggetto Opzionale OpenWidget. Lo puoi inserire:

  • in una una pagina specifica: così facendo i visitatori del sito vedranno il widget solo nella pagina scelta (per esempio, la Home Page).
  • nell'Header o nel Footer del template: in questo modo, il widget sarà presente in tutte le pagine del sito.


Ecco come devi procedere:

  • Se vuoi avere il widget in una pagina specifica, vai al Passo 3 - Mappa e fai doppio click sulla pagina che ti interessa in modo da aprirla: inserisci l'Oggetto OpenWidget in una cella della griglia di impaginazione. 
  • Se, invece, vuoi avere il widget in tutte le pagine del sito, vai al Passo 2 - Contenuto del Modello, posizionati nella sezione Header o nella sezione Footer e inserisci l'Oggetto OpenWidget.
#tip - Non è importante in quale cella della griglia di impaginazione o in quale punto dell'Header/Footer inserisci l'Oggetto: il widget verrà comunque visualizzato in sovraimpressione rispetto alla pagina. 
  • In qualsiasi caso, dopo averlo inserito, fai doppio click sull'Oggetto OpenWidget per accedere alla finestra delle impostazioni e incolla il codice ottenuto nel campo dedicato.
  • Salva e clicca su Anteprima per verificare che il widget funzioni e sia visibile sul tuo sito. 


In alternativa, puoi integrare il codice di OpenWidget anche senza usare l'apposito Oggetto Opzionale:

  • inserendo il codice in Proprietà Pagina > Esperto: attivi il widget in una pagina specifica.
  • inserendo il codice in Impostazioni del Sito > Statistiche e Codice > Codice: attivi il widget in tutte le pagine del sito.
#tip - In questi casi, devi incollare il codice ottenuto prima della chiusura del tag </body>.


Come si aggiorna il widget realizzato

Se, per esempio, vuoi aggiungere nuove funzioni o modificare l'aspetto del widget che hai realizzato sei libero di aggiornarlo in qualsiasi momento. Accedi al tuo account su OpenWidget e apporta tutte le modifiche che ritieni opportune.

In WebSite X5 non dovrai fare nulla. Il widget visualizzato è sempre aggiornato in base a quanto impostato.  



Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto OpenWidget: è free.