Widget del 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.

Per aggiungere pulsanti:

1. Nel pannello a sinistra, fai clic su Widget.
2. Tieni premuto e trascina il widget del pulsante sul tuo sito.

Per maggiori informazioni sull'aggiunta di widget al sito, vedi Aggiungere widget.

Editor di contenuti

Per accedere all'editor dei contenuti, fai clic con il pulsante destro del mouse sul widget e poi su Modifica contenuto.

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: invia il visitatore a una pagina esistente sul tuo sito.
   • URL del sito web: reindirizza il visitatore a un URL specifico.
     • Sono disponibili i seguenti attributi:
       • Apri in una nuova finestra.
       • Imposta come "no follow". Chiedi ai motori di ricerca di non associare o eseguire la scansione della pagina collegata dal tuo sito.
       • Imposta come sponsorizzato. Ciò consente ai motori di ricerca di sapere che il link è il risultato di un annuncio o di un posizionamento a pagamento.
       • Imposta come contenuto generato dall'utente (UGC). Questo informa i motori di ricerca dei link creati dagli utenti (ad esempio, un link pubblicato da qualcuno in un commento), che non sono necessariamente affidabili.
   • Popup: apre un popup. Scegli tra i popup presenti in Pagine e popup oppure creane uno nuovo.
   • Ancoraggio: invia il visitatore a un ancoraggio su qualsiasi pagina del sito.
   • Checkout del piano di abbonamento. Invia il visitatore alla pagina di checkout per un piano di abbonamento. Questo si visualizza solo se il sito ha aggiunto la funzione di abbonamento.
   • Link allo store. Chiede al dispositivo del visitatore di aprire l'accesso, il carrello acquisti o la pagina del prodotto dello store. Questo si visualizza solo se il sito ha uno store.
   • Indirizzo e-mail: chiede al dispositivo del visitatore di aprire un client di posta elettronica con un indirizzo e-mail specifico.
   • Chiamata con un clic: chiede al dispositivo del visitatore di chiamare un numero di telefono specifico.
   • File da scaricare: richiede al dispositivo del visitatore di scaricare un file specifico.

Editor di progettazione

Se si utilizza l'editor classico, fare clic con il pulsante destro del mouse sul widget e quindi scegliere Modifica design per accedere all'editor di design. Se utilizzi Editor 2.0, fai clic sul widget, quindi seleziona Modifica design nel menu mobile per accedere al pannello Design.

Utilizzate l'editor di progettazione per selezionare se il pulsante eredita lo stile del pulsante principale o secondario definito nel pannello del tema. Inoltre, è possibile scegliere tra i diversi layout dei pulsanti, apportare modifiche allo stile del pulsante (larghezza, altezza) e al testo del pulsante (carattere, dimensione del testo, colore, formato, allineamento e direzione) e regolare la spaziatura interna ed esterna.

Tutte le modifiche apportate all'interno dell'editor di design sostituiranno gli stili impostati a livello di pulsante del tema. Se devi tornare allo stile del pulsante del tema, clicca su Ripristina lo stile del tema.

Pulsanti tema Primario 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.

Pulsanti flottanti

Nell'editor classico è possibile rendere un pulsante visibile in ogni momento, anche quando un visitatore scorre la pagina verso il basso, facendo clic sull'interruttore Mobile. Se si utilizza l'Editor 2.0, selezionare Fisso dal menu Tipo di posizione per rendere sempre visibile un pulsante.

Per ulteriori informazioni, consulta Pulsanti flottanti.

Pulsante bloccato nell'editor 2.0

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.

Per abilitare un pulsante bloccato nell'Editor 2.0:

1. Nel pannello laterale, fare clic widget. Cerca il widget Pulsante , quindi cliccaci sopra e trascinalo sulla tela.

2. Fai clic sul pulsante per aprire il menu mobile e seleziona Modifica design. Si apre il pannello di progettazione sul lato destro dello schermo.

3. Nel pannello di progettazione, scorri verso il basso fino alla sezione Posizione .

4. 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.

5. 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, se necessario, è possibile sovrascrivere tale impostazione in base alle dimensioni dello schermo.
   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.

Aggiungere uno sfondo per il pulsante

Puoi aggiungere un'immagine o un colore di sfondo a un pulsante. L'aggiunta di uno sfondo tramite il menu del design del pulsante del tema modifica lo sfondo di tutti i pulsanti. L'aggiunta di uno sfondo a un singolo pulsante comporta la modifica solo di quel pulsante specifico.

Per aggiungere uno sfondo a un pulsante specifico, fai clic sulla scheda Stile dell'editor di design e scorri fino alla sezione Sfondo.

Per maggiori informazioni su opzioni di progettazione che non sono specifiche per questo widget (es. layout, stile o spaziature), vedi Design dei widget.

Aggiungere le icone dei pulsanti

Scegli dalla nostra collezione font-icon per decorare i pulsanti. Tramite le icone, i visitatori possono individuare i pulsanti più agevolmente senza dover leggere le relative etichette. Le icone possono essere colorate e unite al testo per rendere unici i pulsanti e attirare l'attenzione degli utenti.

Per selezionare le icone per i pulsanti:

1. Fai clic con il tasto destro del mouse sul widget del pulsante e scegli Modifica design.
2. Nella sezione Layout, fai clic sul pulsante per aprire il menu Seleziona layout, quindi seleziona lo stile compatibile con le icone.
3. Scorri fino alla sezione Stile. Assicurati che l'opzione Mostra icona sia attivata.
4. Fai clic su Scegli per aprire il Selettore di icone.
5. Fai clic su un'icona per aggiungerla al pulsante. Per trovare più facilmente un'icona, digita un argomento o un nome nel campo di ricerca oppure utilizza il menu a discesa.

Per ulteriori informazioni sull'aggiunta di widget e sul loro design, vedi Aggiungere widget e Design di widget.