Bottone Link

Il "Blocco Bottone Link" consente di inserire bottoni interattivi all'interno della tua pagina web. Quando un visitatore fa clic su uno di questi bottoni, verrà reindirizzato all'URL di destinazione che hai precedentemente inserito. Questa funzionalità aggiunge un elemento di interattività al tuo sito, guidando i visitatori verso contenuti, pagine o risorse esterne che ritieni rilevanti. I bottoni link possono essere un modo efficace per migliorare la navigazione e la fruizione del contenuto da parte degli utenti.

Aggiungere Blocco Bottone Link sulla tua Pagina Web

Inserisci l'URL di destinazione, cioè l'URL dove si verrà reindirizzati una volta cliccato il Bottone.
Scegli il nome da dare al Bottone, cioè il testo che verrà visualizzato sopra il Bottone e clicca su "Inserisci".

Esempio di Bottone con nome "Homepage"

Modifica delle Impostazioni del Bottone Link

All'interno della sezione di modifica della tua Pagina Web dirigiti nella sezione "Blocchi". Trova il blocco che corrisponde al Bottone Link che desideri modificare, fai clic sui tre puntini accanto ad esso. Nel menu che appare, seleziona "Modifica".
Una volta aperto il blocco del Bottone Link da modificare, accederai alla sezione dedicata alle opzioni di personalizzazione.
Le seguenti opzioni sono disponibili per la modifica del Divider:
- URL Destinazione: URL a cui desideri che il bottone reindirizzi gli utenti quando viene cliccato.
- Programma: Opzione per selezionare una data di inizio e una di fine in cui il bottone verrà visualizzato sulla Pagina Web.
- Nome: Testo che viene visualizzato sul bottone.
- URL Thumbnail Immagine: URL dell'immagine mostrata accanto al testo del bottone.
- Icon: Questo campo permette di modificare l'Icona presente al centro del Divider.
  
  Come inserire l'Icona
  1. Clicca sul link "Font Awesome" posizionato sotto il campo "Icon".
  2. Nel campo di ricerca del sito di Font Awesome, inserisci il termine "Hippo" o qualsiasi altra parola chiave relativa all'icona che desideri. Premi Invio per avviare la ricerca.
  3. Seleziona un'icona che preferisci, assicurandoti che non abbia il tag "pro", in modo da garantire che possa essere usata senza problemi.
  4. Nella parte inferiore della pagina che si apre dopo aver cliccato l'icona scelta, troverai uno snippet di codice che assomiglierà a questo:
```
 <i class="fa-solid fa-hippo"></i>
```
    Copia solo la parte tra le virgolette, nel nostro caso "fa-solid fa-hippo".
  5. Incolla il codice dell'icona appena copiato nel campo "Icon" del tuo divider.
  6. Premi il pulsante di aggiornamento per salvare le modifiche apportate al tuo Bottone.
- Colore Testo: Cambia il Colore del testo del Bottone.
- Colore Sfondo: Cambia il Colore del Bottone.
- Contono: Aggiunge un Contorno al bottone rendendone trasparente il resto.
- Raggio Bordo: Personalizza il "Raggio Bordo" per determinare lo stile dei bordi del bottone.
  
  Arrotondato
  
  Tondo
  
  Dritto
- Animazione: Se vuoi dare al tuo bottone un tocco dinamico, seleziona un'animazione dalla lista disponibile per farlo muovere o apparire in modo accattivante.

In caso di dubbi non esitare a contattarci all'indirizzo support@urlsear.ch