I pulsanti rappresentano elementi interattivi fondamentali all’interno di una pagina web, poiché permettono di guidare la navigazione dell’utente verso contenuti specifici o azioni precise, come l’apertura di una pagina, il download di un file o l’avvio di una finestra informativa.
Inserimento del Pulsante
L’inserimento di un pulsante avviene direttamente dall’area di progettazione dell’editor, utilizzando i componenti disponibili nella barra degli elementi, per aggiungere un pulsante alla pagina è necessario:
- individuare la Barra degli elementi situata sul lato sinistro dell’interfaccia
- accedere alla categoria Pulsanti
- selezionare il modello di pulsante desiderato tra quelli disponibili
- trascinare il componente nell’area di lavoro e rilasciarlo nel punto desiderato della pagina
Una volta inserito, il pulsante può essere configurato e personalizzato secondo le esigenze del sito.
Configurazione del Collegamento
Per rendere il pulsante operativo è necessario definire la destinazione del collegamento.
Per configurare il link è sufficiente selezionare il pulsante con il tasto sinistro del mouse e cliccare sull’icona della catena (Aggiungi link). Attraverso questa funzione è possibile scegliere la destinazione che verrà aperta quando l’utente cliccherà sul pulsante, il sistema supporta diverse tipologie di collegamento:
- Pagina interna del sito: indirizza l’utente verso una pagina già presente nel progetto
- Sito web esterno: collega il pulsante a un URL esterno
- Ancoraggio: permette di saltare rapidamente a una sezione specifica della stessa pagina
- Finestra pop-up: apre un riquadro informativo in sovrimpressione
- File: consente di scaricare o visualizzare un documento caricato sul server
- Nessun link: mantiene il pulsante come semplice elemento grafico
È importante ricordare che, dopo ogni modifica alla configurazione del link o alle altre impostazioni del pulsante, è necessario salvare le modifiche per evitare la perdita dei dati inseriti.
Personalizzazione del Testo e dello Stile
L’editor consente di modificare separatamente il contenuto testuale del pulsante e il suo aspetto grafico, permettendo così di adattarlo allo stile del sito.
Modifica del Contenuto Testuale: per modificare il testo del pulsante è sufficiente fare doppio clic sull’elemento, selezionare l’icona della matita e digitare la nuova dicitura nel campo di testo disponibile.
La personalizzazione grafica può invece essere gestita attraverso alcune icone dedicate presenti nell’editor:
- Icona Colori, permette di modificare il colore del testo e dello sfondo del pulsante
- Icona Stile menu, consente di impostare il font e la dimensione del testo per migliorare la leggibilità della call to action
Gestione dei Bordi e Impostazioni Avanzate
Per ottenere una configurazione più precisa dell’elemento è possibile intervenire anche sui bordi del pulsante e su alcune impostazioni avanzate.
Cliccando sull’icona del quadrato è possibile accedere alle opzioni di personalizzazione del bordo, tra cui:
- Spessore del bordo, che regola l’intensità della linea di contorno
- Colore del bordo, che definisce la tonalità cromatica del profilo
- Arrotondamento degli angoli, che modifica il raggio di curvatura del pulsante
All’interno dello stesso menu è inoltre presente la sezione Avanzate, che permette di intervenire sulla spaziatura dei caratteri, aumentando o riducendo la distanza tra le lettere per migliorare la resa visiva del testo.
Animazione del Pulsante
Per rendere il pulsante più evidente all’interno della pagina, l’editor mette a disposizione alcune animazioni che possono essere applicate all’elemento.
Selezionando l’icona della stella è possibile scegliere tra diversi effetti di comparsa o movimento, utili per attirare l’attenzione dell’utente su una specifica azione.
Una volta completata la configurazione e la personalizzazione del pulsante, è necessario procedere al salvataggio delle modifiche, così da rendere permanenti tutte le impostazioni applicate all’interno dell’editor di SuperSite.