widget: Pulsante

I pulsanti rappresentano la soluzione più semplice per invogliare i clienti a intraprendere azioni. I pulsanti possono indirizzare gli utenti su una pagina del sito diversa o di un altro sito, oppure visualizzare popup, moduli di contatto, prenotazioni online, indirizzi e-mail e altro ancora.

Editor di contenuti

  1. Digita il testo che desideri visualizzare sul pulsante nell'apposito campo.

  2. Seleziona la posizione a cui si collega il pulsante tra le opzioni di seguito:

    • Pagina esistente.

    • store collegamento. Questo verrà visualizzato solo se il sito ha un store.

    • Indirizzo del sito web.

    • Popup.

    • Ancora.

    • Piano di abbonamento checkout. Questo verrà visualizzato solo se il sito ha aggiunto la funzione Iscrizione.

    • Post sul blog. Questa opzione verrà mostrata solo se il sito ha un blog.

    • Indirizzo e-mail.

    • Fare clic per chiamare.

    • File da scaricare.

Suggerimento

Per informazioni dettagliate su queste opzioni, vedere Selezione collegamenti

Editor di progettazione

Usa l'editor di progettazione per scegliere se al pulsante viene applicato lo stile del pulsante primario o secondario definito nel pannello del tema. Inoltre, puoi scegliere tra diversi layout dei pulsanti, modificarne lo stile (larghezza, altezza), personalizzare il testo (carattere, dimensioni del testo, colore, formato, allineamento e direzione), e regolare la spaziatura interna ed esterna.

Qualsiasi modifica apportata all'interno dell'editor di design sovrascriverà gli stili impostati a livello di pulsante del tema. Se è necessario ripristinare lo stile del pulsante del tema, fare clic su Ripristina stile del tema.

Pulsanti del tema principale e secondario
  • Se vengono apportate modifiche al pulsante (che sovrascriveranno gli stili impostati a livello di pulsante del tema), sarà ancora presente una casella di indicazione sullo stile del pulsante Primario o Secondario.

  • Se lo stile del pulsante che non ha la casella dell'indicatore viene cliccato, il pulsante verrà reimpostato sullo stile impostato a livello di pulsante del tema.

Nota

Per ulteriori informazioni sui pulsanti del tema, vedere Tema del sito.

Pulsanti mobili

I pulsanti flottanti ti permettono di mantenere sempre visibile un pulsante, anche quando il visitatore scorre la pagina. Utilizzali per mantenere le CTA più importanti sempre in primo piano, visibili e pronte per essere cliccate su tutte le pagine del sito.

Alcuni casi di utilizzo ideali:

  • Contattaci

  • ISCRIVITI

  • RICHIEDI UN PREVENTIVO

Per rendere flottante un pulsante:

  1. Nel pannello laterale, fai clic suwidget. Cerca il widget Pulsante, quindi fai clic e trascinalo sull'area di lavoro.

  2. Fare clic con il pulsante destro del mouse e quindi scegliere Modifica design.

  3. Nella scheda Stile , scorrere verso il basso e fare clic sull'interruttore Mobile . Se l'attributo Floating è disabilitato, il pulsante viene visualizzato automaticamente nella prima riga nella parte superiore della pagina.

  4. Seleziona la posizione del pulsante. Cambia dispositivo per spostarlo nella visualizzazione corrispondente.

  5. Per visualizzare il pulsante mobile solo sulla pagina corrente, abilitare l'interruttore Mostra solo su questa pagina .

Nota

Un pulsante mobile può essere impostato per essere visualizzato su pagine specifiche, ma apparirà su tutte le pagine per impostazione predefinita (attualmente non esiste un modo per disattivarlo solo per pagine specifiche).

floating-Button-tutorial.GIF
Considerazioni sui dispositivi mobili
  • Sui dispositivi mobili, ti consigliamo di posizionare il pulsante flottante nell'angolo inferiore dello schermo in modo che i visitatori possano facilmente raggiungerlo con una sola mano.

  • Sui dispositivi mobili, invece che del testo puoi mostrare un'icona, scegliendo il layout che ne prevede l'utilizzo.

  • Se un pulsante mobile non viene visualizzato su un dispositivo mobile, è possibile che tu stia utilizzando un vecchio layout per dispositivi mobili. Per aggiornare il layout, accedi all'Editor di progettazione e fai clic su Layout del sito.