Compatibilità:

WebSite X5 Evo e Pro


I pulsanti sono degli elementi molto importanti all'interno di una pagina web. Attraverso i pulsanti, infatti, chiedi ai tuoi utenti di fare qualcosa: iscriversi ad un tuo servizio, acquistare un prodotto, scaricare un documento, ecc… Per creare dei pulsanti animati puoi usare l’Oggetto Animated Button e ottenere risultati simili a quelli che ti presentiamo nella pagina di Anteprima. Noi l'abbiamo usato in molti dei nostri Template, tra i quali in BonBon Ceremonies



Come associare un collegamento al pulsante

  • Fai doppio click sull'Oggetto Animated 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 Animated Button, usa le opzioni della sezione Stile per definire: 
    • il Testo che deve essere visualizzato all'interno del pulsante;
    • le dimensioni e il font del testo;
    • il colore del testo e dello sfondo del pulsante;
    • opzionalmente, l’immagine da utilizzare come sfondo del pulsante;
    • le dimensioni in pixel del pulsante.
  • Per rendere evidente che si tratta di un pulsante, imposta un effetto su passaggio del mouse. Usa le opzioni della sezione Effetto per:
    • scegliere il Tipo di Effetto da applicare, ovvero l’elemento del pulsante che deve subire una variazione al passaggio del mouse: la forma, lo sfondo, il bordo o l’ombra;
    • scegliere uno Stile dell’effetto fra quelli disponibili.
  • 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 Dowload Button e Hover Button e scopri quello che meglio si adatta al tuo progetto.


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


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