Pulsanti, link e file sono gli strumenti che trasformano una pagina in azione: guidano il visitatore verso l'obiettivo, gli permettono di scaricare i tuoi documenti e di consultarli senza uscire dal sito. Questa guida ti mostra come usarli su SuperSite.
Aggiungi un pulsante di invito all'azione
Il Pulsante è un elemento visivo pensato per essere notato e spingere all'azione: non un semplice link testuale, ma un bottone con testo, colori, bordi, icona e animazioni personalizzabili. Ogni pagina dovrebbe avere un pulsante principale - quello più importante, con il colore più deciso - e usare uno stile più discreto per gli altri, così la gerarchia visiva guida il visitatore verso l'azione che conta.
Modifichi il testo con un doppio clic sul pulsante e lo tieni breve e diretto: “Richiedi preventivo” funziona meglio di una frase lunga. Il pulsante può portare a una nuova pagina creata dal testo del pulsante, a una pagina esistente del sito o a un indirizzo esterno.
Puoi personalizzare carattere, dimensione (con un valore separato per mobile), colori di testo, sfondo e bordo, l'arrotondamento degli angoli e un'icona. Puoi anche impostare colori diversi al passaggio del mouse - l'inversione di testo e sfondo è tra gli effetti più efficaci - e scegliere tra diverse animazioni. Usa l'icona solo quando aggiunge chiarezza immediata, per esempio una freccia per proseguire o un carrello per l'acquisto.
Offri un file da scaricare
Il Download con contatore ti permette di caricare un file e mostrare un pulsante di download ben visibile, con il numero di volte che il file è stato scaricato (“Scaricato: X volte”). Il contatore è una forma di prova sociale: un catalogo scaricato molte volte comunica più valore.
Accetta molti formati - immagini, documenti (incluso PDF), fogli di calcolo, presentazioni e archivi compressi - mentre i formati non supportati vengono bloccati. Il PDF resta la scelta più universale per cataloghi, listini e brochure, perché è leggibile su qualsiasi dispositivo e mantiene la formattazione.
Quando carichi un nuovo file, quello precedente viene rimosso e il contatore riparte da zero: così misuri i download separatamente per ogni versione, per esempio il listino di quest'anno rispetto a quello dell'anno scorso. Il riquadro grafico resta identico, quindi aggiorni il documento senza toccare il layout né rischiare link rotti. Puoi personalizzare l'icona, lo sfondo della barra e lo stile della scritta.
Mostra un documento PDF nella pagina
Puoi mostrare un PDF direttamente nella pagina, così i visitatori lo consultano senza scaricarlo. Hai due componenti, da scegliere in base al tipo di documento:
- PDF sfogliabile: mostra il documento come una rivista digitale, con le pagine che si sfogliano. È adatto a cataloghi, brochure e menu grafici, dove sfogliare aggiunge valore.
- Visualizzatore PDF: mostra il documento da scorrere come una pagina web. È adatto ai documenti di consultazione, come regolamenti, informative, listini tecnici e manuali.
In entrambi i casi carichi un solo file PDF per componente e lo sostituisci ricaricandolo: l'indirizzo della pagina e i link restano invariati, cambia solo il contenuto. Il visualizzatore si adatta automaticamente a computer, tablet e smartphone.
Prepara un PDF ottimizzato prima di caricarlo: comprimi le immagini per ridurne il peso, usa testi leggibili anche su mobile ed evita documenti con troppe pagine, che rallentano il caricamento sulle connessioni lente. Dai al riquadro un'altezza sufficiente (per esempio almeno 400–600 px) perché il documento sia leggibile senza barre di scorrimento anomale.
Problemi comuni e soluzioni
Il file non si carica.
Controlla che l'estensione sia tra i formati supportati; i formati non compatibili vengono bloccati. Per un documento, converti in PDF. Se il file è molto pesante, comprimilo prima di caricarlo.
Il contatore dei download non si aggiorna.
Controlla che il contatore sia attivo e che il file sia stato caricato. Se hai appena sostituito il file, è normale che riparta da zero.
Dopo il caricamento non vedo il PDF.
Attendi qualche secondo: il visualizzatore si ricarica con un piccolo ritardo. Se il problema resta, controlla la connessione, aumenta l'altezza del riquadro e prova con un browser aggiornato.
Il testo del pulsante va a capo o viene tagliato.
Il pulsante è pensato per una sola riga. Accorcia il testo, aumenta la larghezza del componente oppure riduci un po' la dimensione del carattere.
Il colore del pulsante non cambia al passaggio del mouse.
L'opzione per usare colori diversi al passaggio del mouse non è attiva. Attivala e imposta i colori desiderati.