Compatibilità:

WebSite X5 Evo e Pro v.2019.3

Un elemento che non manca mai in una pagina web è il pulsante.


Attraverso i pulsanti, infatti, invitiamo chi visita le nostre pagine a compiere un'azione. Cliccando su un pulsante gli utenti possono, per esempio, aprire un'altra pagina, far partire la riproduzione di un video, scaricare una risorsa, iscriversi a una newsletter o acquistare un prodotto.


Più è importante per noi che l'utente compia una determinata azione, più dovremo essere bravi a realizzare un pulsante efficace, ovvero persuasivo e funzionante.


Gli aspetti su cui dobbiamo concentrarci per creare un pulsante, dunque, sono essenzialmente 2:


Come associare un collegamento al pulsante

  • Fai doppio click sull'Oggetto Pulsante 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

  • Usa le opzioni della sezione Proprietà 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;
    • il bordo e i margini interni del pulsante.
  • Per rendere evidente che si tratta di un pulsante, imposta un Effetto su passaggio del mouse scegliendo un diverso colore di sfondo. 
  • 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. Per creare i pulsanti, oltre all'Oggetto Pulsante, puoi utilizzare anche alcuni Oggetti Opzionali. Prova gli Oggetti Opzionali Animated Button, Dowload Button e Hover Button e scopri quello che meglio si adatta al tuo progetto.