Compatibilità:

WebSite X5 Evo e Pro


L’Oggetto Hover Button è perfetto per creare dei pulsanti animati da inserire nelle pagine del tuo sito. Nella pagina di Anteprima trovi solo alcuni esempi di ciò che puoi realizzare: con un po’ di fantasia e grazie alle opzioni e agli effetti disponibili potrai ottenere risultati sorprendenti. Noi lo abbiamo usato in tanti dei nostri Template: per esempio lo trovi in Fashion Bytes o in CV Power.



Come associare un collegamento al pulsante

  • Fai doppio click sull'Oggetto Hover Button inserito per accedere alla finestra con tutte le opzioni.
  • Clicca sul pulsante per impostare il Collegamento.
  • Nella finestra richiamata, scegli l’azione che desideri, imposta i parametri necessari e clicca su Ok per confermare.


Come definire lo stile grafico del pulsante

  • Sempre nella finestra Hover Button, usa le opzioni delle sezioni Stile, Bordo e Icona per definire lo stile del pulsante nello stato rilasciato. Come vedi hai molte possibilità; per esempio, puoi: 
    • specificare il testo da inserire nel pulsante e formattarlo;
    • decidere dimensioni, colori e bordi;
    • importare e posizionare un’immagine di sfondo.
  • Sfrutta le opzioni della sezione Stile al passaggio del Mouseper definire, invece, come deve presentarsi il pulsante nello stato hover. Prova a:
    • impostare una Variazione testo perché il testo del pulsante diventi, per esempio, corsivo;
    • importare un’immagine di sfondo diversa da quella prevista per lo stato rilasciato o a posizionare diversamente la stessa immagine;
    • scegliere fra quelli disponibili l’effetto per animare il pulsante.
  • Quando sei soddisfatto, clicca sul pulsante Ok per confermare. 


4 consigli per creare pulsanti efficaci

Generalmente i pulsanti sono elementi importanti di un pagina web. Ecco cosa devi fare perché funzionino al meglio:

  1. Scegli con cura la CTA (Call To Action) da inserire come Etichetta del pulsante: ti conviene essere conciso, diretto e chiaro. Chi legge deve capire subito cosa vuoi che faccia e cosa succederà se clicca.
  2. Cura la grafica: per i tuoi pulsanti scegli dei colori che, pur armonizzando con il template del sito, abbiamo un buon contrasto rispetto allo sfondo.
  3. Sfrutta a tuo vantaggio animazioni ed effetti: le micro-interazioni facilitano il riconoscimento e l’utilizzo dei pulsanti. 
  4. Se ne hai la possibilità, fai dei test. Prova CTA, colori ed effetti diversi: non sempre quella che ti piace di più è la soluzione che porta più click.    


#tip - Alternative. Puoi creare i tuoi pulsanti anche con l'Oggetto Pulsante che trovi nell'elenco degli Oggetti Principali. Prova anche gli Oggetti Opzionali Animated Button e Download Button e scopri quello che meglio si adatta al tuo progetto.


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Hover Button


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti