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.
-
Digita il testo che desideri visualizzare sul pulsante nell'apposito campo.
-
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
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.
-
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 Pulsanti del sito.
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 mobile un pulsante nell'editor classico o fisso nell'editor 2.0:
-
Nel pannello laterale, fai clic suwidget. Cerca il widget Pulsante, quindi fai clic e trascinalo sull'area di lavoro.
-
Fare clic con il pulsante destro del mouse e quindi scegliere Modifica design. Se sei nell'Editor 2.0, fai clic sul pulsante per aprire il menu mobile e seleziona Modifica design. Si apre il pannello di progettazione sul lato destro dello schermo. Scorri verso il basso fino alla sezione Posizione del pannello di progettazione.
-
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. Se si utilizza l'Editor 2.0, fare clic per espandere il menu Tipo di posizione e selezionare Fisso. In questo modo il pulsante rimane in una posizione fissa mentre l'utente scorre sul sito. Questa modifica si applica a tutte le dimensioni dello schermo, tuttavia è possibile sostituirla se necessario. Una volta selezionata la posizione, non è possibile passare da Fisso a Bloccato. Ciò è dovuto al fatto che quando si seleziona Fisso, il pulsante viene rimosso dal contenitore originale in modo che possa rimanere visibile sullo schermo durante lo scorrimento dell'utente. Se dovessi passare da Fisso a Bloccato, l'editor non saprebbe in quale contenitore posizionare il pulsante. Se è necessario cambiare, è necessario prima tornare a Predefinito. Il pulsante verrà spostato nella prima sezione della finestra.
-
Selezionare una posizione per il pulsante. Cambia la visualizzazione del dispositivo per modificare la posizione su dispositivi diversi. Se ci si trova nell'Editor 2.0, nel menu Spaziatura, utilizzare le impostazioni Margine per definire la posizione del pulsante nella finestra. Questa operazione è particolarmente importante da configurare se si dispone di due pulsanti fissi nella stessa posizione della finestra.
-
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).
-
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.
I pulsanti bloccati rimangono fedeli all'elemento padre (colonna o colonna interna) per tutto il tempo in cui l'elemento padre si trova nella finestra. Se c'è più di un pulsante bloccato nella stessa posizione, il pulsante in alto sarà il primo pulsante.
Nota
L'aggiunta non è un'opzione nelle griglie avanzate.
Per abilitare un pulsante bloccato nell'Editor 2.0:
-
Nel pannello laterale, fai clic suwidget. Cerca il widget Pulsante, quindi fai clic e trascinalo sull'area di lavoro.
-
Fai clic sul pulsante per aprire il menu mobile e seleziona Modifica design. Si apre il pannello di progettazione sul lato destro dello schermo.
-
Nel pannello di progettazione, scorri verso il basso fino alla sezione Posizione.
-
Fare clic per espandere il menu Tipo di posizione e selezionare Appuntato. In questo modo, il pulsante rimane fedele all'elemento principale (colonna o colonna interna) finché l'elemento principale si trova nel riquadro di visualizzazione. Questa modifica si applica a tutte le dimensioni dello schermo, tuttavia è possibile sostituirla se necessario.
-
Nella sezione Posizione, configurare l'offset del pulsante. L'offset è il punto in cui il pulsante verrà bloccato sullo scorrimento prima di lasciare la finestra. Se impostato dal desktop, le altre dimensioni dello schermo avranno gli stessi valori, tuttavia può essere sovrascritto in base alle dimensioni dello schermo se necessario. Se l'intestazione fissa è abilitata, l'offset si baserà sull'altezza predefinita dell'intestazione. Se si abilita un'intestazione adesiva dopo aver impostato l'offset, non si aggiornerà automaticamente e sarà necessario tornare indietro e regolare manualmente l'offset.
Se in qualsiasi momento si sposta il pulsante su un elemento padre diverso (colonna o colonna interna), le impostazioni del pannello di progettazione, come l'offset, verranno mantenute.
Ci sarà un'icona dell'indicatore appuntata sia nel menu mobile del pulsante che nel pannello di progettazione.