Pulsanti

I pulsanti sono un ingrediente essenziale per far interagire le persone con le tue pagine web. Possono essere "Call-to-Action" una tantum, oppure possono essere raggruppati per formare la base di una navigazione completa del sito. A un livello semplice, puoi creare un pulsante aggiungendo l'elemento "pulsante" all'area di lavoro. Da lì, puoi stilizzare il pulsante utilizzando tutte le opzioni presenti nel pannello di stile di Sitely.

La prima cosa che devi fare è dare un'etichetta al tuo pulsante, in modo che gli utenti sappiano cosa rappresenta. Devi anche dire a Sitely cosa vorresti che il pulsante facesse quando viene cliccato. Questa azione è chiamata "Azione On-Click".

Ecco un riepilogo delle opzioni:

Vai alla Pagina in questo Sito: Questa opzione collegherà a qualsiasi pagina del tuo sito che designi.
Vai a Link Esterno: Crea un link a un URL esterno.
Apri Email: Questa opzione creerà un link che apre il client di posta elettronica dell'utente e prepara un nuovo messaggio da inviare a un indirizzo email designato.
Scarica File: Questa azione scaricherà un file che designi.
Chiama Numero di Telefono: Questa è una funzione utile per le pagine mobile del tuo sito web. Cliccando su questo tipo di link si avvierà una chiamata telefonica a un numero di telefono designato.
Invia Messaggio di Testo: Funziona allo stesso modo dell'opzione numero di telefono, ma avvia un messaggio di testo invece di una chiamata.
Condividi questa Pagina: Questo è un link di condivisione che consente ai visitatori di condividere la tua pagina web su piattaforme di social media popolari.
Invia Modulo di Contatto Via Email: Questa azione è tipicamente collegata a un pulsante di invio su un modulo di contatto e invierà le informazioni dal modulo a un indirizzo email designato.
Invio Avanzato di Moduli: Questo è simile all'opzione normale di modulo di contatto via email, ma offre alcune funzionalità aggiuntive che potrebbero essere richieste da alcuni server di hosting web.
Apri/Chiudi Popup: Queste azioni faranno aprire o chiudere un popup designato quando il pulsante viene cliccato. I popup possono anche essere attivati con l'azione di passaggio del mouse nel pannello di stile.
Controllo Media: Questo consente a un pulsante di controllare contenuti video o audio sulla pagina. Utilizzando diversi pulsanti, puoi creare un lettore multimediale personalizzato, con ogni pulsante che controlla un aspetto diverso del media (play, pausa, silenzioso, ecc.).
Visibilità del Blocco Layout: Questa azione può nascondere, visualizzare o alternare la visibilità di un blocco di layout sulla tua pagina.
Esegui Funzione Javascript: Questa è per gli sviluppatori tra di noi che potrebbero voler approfondire l'aspetto del coding nel design web. Questa opzione consente a un pulsante di attivare una funzione Javascript.

Una volta che hai dato al tuo pulsante un'etichetta e un'azione, tutto ciò che devi fare è stilizzarlo utilizzando tutte le familiari opzioni di stile di Sitely. Puoi impostare colori, riempimenti, contorni, arrotondamenti, font e avere diverse opzioni di stile per ciascuno stato del pulsante.

Pensare Fuori dagli Schemi

Quando si tratta di pulsanti, Sitely ti offre tutte le opzioni che potresti mai desiderare. Non sei bloccato con i soliti design che tutti usano. Con Sitely, puoi essere davvero creativo. Qui ti mostriamo alcuni esempi di pulsanti interattivi.

PRESS

Questi sono pulsanti immagine creati aggiungendo immagini allo sfondo del pulsante. Puoi avere variazioni dell'immagine per ogni stato del pulsante: Normale, Passaggio del mouse e Cliccato.

Come Fly With Us

Click the Bird to Book

Questo elemento è un composito di un riquadro standard contornato di rosso, due riquadri di testo e un pulsante immagine al centro. Basta raggruppare gli elementi per creare un unico elemento facile da posizionare.

Ecco un altro elemento interattivo composito. In questo primo esempio, la nuvoletta è stata copiata da Apple Pages. Il pulsante è stato posizionato sopra e gli è stata data un sfondo trasparente. Il link sarebbe impostato per Chiamare un Numero di Telefono. La funzione Clicca/Tocca per chiamare funziona solo sugli smartphone. Può anche essere usata per far inviare un messaggio di testo all'utente.

If you’re viewing on a Computer

Phone +34 000 111 111 2222

Click Here

Call me NOW

In quest'ultimo esempio, puoi creare un link che apre un client di posta elettronica, oppure cambiare l'etichetta del pulsante e far sì che il link invii un messaggio di testo, o magari apra un modulo. Qualunque cosa tu scelga, l'elemento viene creato nello stesso modo. Il testo è un pulsante con uno sfondo trasparente. È stato raggruppato con l'immagine della mano per rendere più facile muoverlo sulla tua pagina come un elemento completo.

Click Here to write me an email

Gestione delle pagine

Mappe