Widgets: Button

I pulsanti sono il modo più semplice per spingere i visitatori del sito all'azione. Con un clic li portano su un'altra pagina del tuo sito o su una pagina di un altro sito web. Un pulsante può anche aprire un pop-up, un modulo di contatto, una prenotazione online, un indirizzo email e altro ancora.

Per sapere come aggiungere i widget, consulta «Add Widgets».

Editor di contenuto

Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per l'editor di contenuto.

1. Scrivi nel campo apposito il testo che vuoi mostrare sul pulsante.
2. Scegli a cosa rimanda il pulsante tra queste opzioni:
   • Existing Page.
   • Website address.
   • Popup.
   • Anchor.
   • Back to top.
   • Email Address.
   • Click To Call.
   • File for download.

Suggerimento: per i dettagli su queste opzioni, consulta «Link Picker».

Editor di design

Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per modificare il design.

Con l'editor di design scegli se il pulsante eredita lo stile primario o secondario definito nel pannello Tema. Puoi anche scegliere tra i vari layout di pulsante, modificare lo stile del pulsante (larghezza, altezza) e il suo testo (carattere, dimensione del testo, colore, formato, allineamento e direzione) e regolare la spaziatura interna ed esterna.

Qualsiasi modifica fatta nell'editor di design ha la priorità sugli stili definiti a livello del pulsante del tema. Se vuoi tornare allo stile del pulsante del tema, fai clic su Ripristina lo stile del tema.

Per informazioni sulle opzioni di design non specifiche di questo widget (ad esempio layout, stile o spaziatura), consulta «Widget Design».

Pulsanti del tema primario e secondario

• Se fai modifiche al pulsante (che hanno la priorità sugli stili definiti a livello del pulsante del tema), sullo stile del pulsante Primario o secondario resta comunque un riquadro indicatore.
• Se fai clic sullo stile di pulsante che non ha il riquadro indicatore, il pulsante torna allo stile definito a livello del pulsante del tema.

Nota: per saperne di più sui pulsanti del tema, consulta «Site Theme».

Pulsanti fluttuanti (pulsanti fissi nell'Editor 2.0)

I pulsanti fluttuanti mantengono un pulsante sempre visibile, anche quando il visitatore scorre la pagina. Usali per tenere le tue call to action più importanti fisse, visibili e cliccabili su tutte le pagine del sito.

Alcuni casi ideali:

• Contattaci
• Iscriviti
• Chiedi un preventivo

Per rendere fluttuante un pulsante:

1. Nel pannello laterale, fai clic su Aggiungi, poi su Elementi.
2. Cerca il widget Button, poi trascinalo sul canvas.
3. Fai clic con il tasto destro sul pulsante, poi su Modifica design. Se usi l'Editor 2.0: fai clic sul pulsante per aprire il menu fluttuante e seleziona Modifica design. Si apre il pannello di design. Scorri fino alla sezione Posizione.
4. Nella scheda Stile, scorri e fai clic sull'opzione Galleggiante. Se l'attributo Floating è disattivato, il pulsante compare automaticamente nella prima riga, in cima alla pagina.
5. Scegli una posizione per il pulsante. Cambia la vista dispositivo per regolare la posizione sui diversi dispositivi.
6. Per mostrare il pulsante fluttuante solo sulla pagina corrente, attiva l'opzione Mostra solo su questa pagina.

Nota: un pulsante fluttuante si può impostare perché compaia su pagine specifiche, ma di default compare su tutte (per ora non c'è modo di disattivarlo solo su alcune pagine).

Consigli per il mobile

• Sul mobile, ti consigliamo di mettere il pulsante fluttuante in un angolo in basso dello schermo, così i visitatori possono toccarlo con una mano sola.
• Sul mobile puoi mostrare un'icona al posto del testo: scegli il layout che prevede un'icona in questa versione.
• Se un pulsante fluttuante non compare sul mobile, forse stai usando un vecchio layout mobile. Per aggiornarlo, vai nell'editor di design e fai clic su Layout sito.