Aggiungi un pulsante di invito all'azione all'intestazione del tuo sito Web utilizzando un pulsante Menu, aumentando la probabilità che i visitatori facciano clic sul pulsante.
Questo pulsante viene visualizzato nell'intestazione del tuo sito web. La posizione di questo pulsante dipende dal layout di intestazione che scegli, mentre sui dispositivi mobili viene sempre visualizzato all'interno dell'icona del menu sotto le voci di menu.
Pixpa ti offre la possibilità di mostrare qualsiasi pagina che desideri evidenziare nell'intestazione come pulsante del menu. Puoi sempre scegliere di mostrarlo o nasconderlo dall'intestazione del tuo sito web.
In questo articolo:
- Aggiungere un pulsante del menu
- Opzioni del pulsante del menu
- Colori dei pulsanti del menu
- Esempio di pulsante del menu
Aggiungi un pulsante Menu
- Clicca sul Opzioni (3) scheda dove vedrai l'opzione per personalizzare il Tasto Menu (4).
In alternativa, puoi utilizzare l'opzione di ricerca di Pixpa per accedere alla sezione dei pulsanti Menu.
- entra pulsante del menu (1) nella barra di ricerca.
- Vedrai i relativi risultati.
- Clicca sul Pulsante Menu - Intestazione sito web opzione (2) sotto Collegamenti dello studio.
Facendo clic su di esso, vedresti una pagina in cui potresti farlo gestire il pulsante Menu. Puoi scegliere di mostrare/nascondere il pulsante del menu, collegarlo a una pagina e altro.
Opzioni del pulsante del menu
- Mostra pulsante – Abilita/Disabilita Tasto Menu sul sito.
- Collegamento - Clicca sul Generatore di link icona a scegli la pagina o il link che vuoi connettere con il pulsante Menu.
- Etichetta - specificare la etichetta per il pulsante Menu.
- Dimensione pulsante – Scegli il tuo Dimensione del bottone da Piccolo, medio o grande.
- Finestra di destinazione – Impostare il finestra di destinazione per aprire il pulsante del menu in Stessa finestra o una nuova finestra.
- Stile pulsante – Scegli lo stile del pulsante come predefinito (impostato in Pulsanti e collegamenti scheda della sezione Design), Solido, Contorno o un collegamento testuale.
- Predefinito: Segue le impostazioni del tema del tuo sito.
- Solido: Un pulsante in grassetto e pieno.
- Outline: Sfondo trasparente con bordo.
- Collegamento testuale: Stile semplice e pulito, solo testo (nessun riquadro con pulsanti).
- Icona del pulsante – Aggiungi un'icona accanto all'etichetta del pulsante. Puoi scegliere tra diverse opzioni di icone.
- disposizione – Controlla il posizionamento dell'icona rispetto all'etichetta. Le opzioni di layout disponibili sono:
- Etichetta + Icona: Prima appare il testo, seguito dall'icona.
- Icona + Etichetta: Prima appare l'icona, poi il testo.
- Etichetta + Icona (Ampia): Testo e icone disposti con maggiore spaziatura, adatti a pulsanti più larghi.
- Icona + Etichetta (Larga): Prima l'icona, layout con padding più ampio.
- Colore dell'icona – Scegli il colore dell'icona del pulsante. Puoi impostarlo su Testo pulsante colore o il Brand colore.
Colori dei pulsanti del menu
Utilizza il pannello Colori dei pulsanti del menu per personalizzare l'aspetto del pulsante nella navigazione del tuo sito. Queste impostazioni consentono il pieno controllo sul colore del testo e dello sfondo, sia per le intestazioni standard che per quelle trasparenti o personalizzate.
- Specifica il colore – Scegli come il pulsante del menu eredita i suoi colori.
- Predefinito: Eredita le impostazioni del tema.
- Invertire: Inverte i colori del testo/sfondo dei pulsanti.
- Personalizzato: Consente di scegliere colori specifici per il testo e lo sfondo.
- Testo pulsante – Se si utilizza Colore del pulsante personalizzato, puoi impostare il colore del testo (etichetta) da qui.
- Sfondo del pulsante – Disponibile anche in Personalizzato, imposta il colore di sfondo del pulsante. Abbinalo al colore del testo per la massima leggibilità e stile.
- Sostituisci per intestazione trasparente/personalizzata – Se il tuo sito web utilizza un design di intestazione trasparente o personalizzato, puoi attivare questa opzione per applicare un set di colori separato, specifico per quello stile di intestazione. Puoi anche personalizzare il colore del pulsante del menu per ogni pagina.
- Specifica il colore – Scegli come deve apparire il pulsante nelle intestazioni trasparenti o personalizzate.
- Predefinito: Eredita le impostazioni del tema.
- Invertire: Inverte i colori del testo/sfondo dei pulsanti.
- Personalizzato: Consente di scegliere colori specifici per il testo e lo sfondo.
-
Colore del menu della pagina: Applica il colore dell'elemento impostato per la pagina specifica come colore del pulsante, assicurando che il pulsante del menu corrisponda automaticamente allo stile di quella pagina.
- Testo pulsante – Se si utilizza Colore del pulsante personalizzato, puoi impostare il colore del testo (etichetta) da qui.
- Sfondo del pulsante – Disponibile anche in Personalizzato, imposta il colore di sfondo del pulsante. Abbinalo al colore del testo per la massima leggibilità e stile.
Esempio di pulsante del menu su un sito web
Dai un'occhiata al pulsante Menu dimostrativo su un sito.