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.
    • LinkStoreFront . Chiede al dispositivo del visitatore di aprire l'accesso, il carrello acquisti o la pagina del prodotto dello store. Viene visualizzato solo se il sito dispone di 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

Per accedere all'editor di progettazione, fai clic con il tasto destro su widget e poi fai clic su Modifica design.

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.

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

Per rendere sempre visibile un pulsante, anche quando un visitatore scorre verso il basso, imposta l'interruttore su Flottante . Per ulteriori informazioni, consulta Pulsanti flottanti.

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.

Nota

Solo un layout di pulsanti supporta le icone.

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.