Passa al contenuto principale

Pulsante PDF

Mostra un pulsante che apre i PDF in un overlay popup. Quando sono collegati più PDF, vengono visualizzati come un elenco.

Questa pagina tratta entrambi:

  • PDF Button (PDF collegati)
  • PDF Button Manual (URL manuali nelle impostazioni del tema)

Cosa fa il pulsante PDF​

Il pulsante PDF mostra un pulsante cliccabile o un link. Quando i clienti cliccano, il PDF si apre in un overlay popup sopra alla tua pagina.

Quando colleghi più PDF a una risorsa, vengono visualizzati automaticamente come un elenco di pulsanti.

Come appare​

PDF singolo:

  • Un pulsante con il nome del PDF
  • Il clic apre il PDF nell'overlay
  • L'overlay copre la pagina
  • Il pulsante Chiudi ritorna alla pagina

PDF multipli:

  • Elenco di pulsanti, uno per PDF
  • Ogni pulsante apre il suo PDF
  • I pulsanti sono impilati verticalmente
  • Tutti i PDF accessibili da un unico punto

Quando usare la visualizzazione a pulsante​

Ideale per:

  • Più PDF su una pagina
  • Negozi ottimizzati per mobile
  • Pagine con spazio limitato
  • Documenti di riferimento rapido
  • PDF orientati al download

Perfetto per:

  • Pagine prodotto con manuali, tabelle delle taglie e garanzie
  • Pagine di risorse con più guide
  • Pagine dove i visualizzatori incorporati occuperebbero troppo spazio

Aggiungi il pulsante PDF al tuo tema​

  1. Vai su Negozio online > Temi
  2. Clicca su Personalizza nel tuo tema attivo
  3. Naviga al tipo di pagina (prodotto, collezione, ecc.)
  4. Clicca su Aggiungi sezione o Aggiungi blocco
  5. Trova PDF Connect in App
  6. Seleziona PDF Button
  7. Clicca su Salva

Per usare la modalità manuale, aggiungi PDF Button Manual e inserisci gli URL (e le etichette opzionali) nelle impostazioni del blocco.

Personalizza l'estensione pulsante​

Nell'editor del tema, puoi personalizzare l'aspetto del pulsante (non il visualizzatore PDF in sé):

Mostra intestazione - Attiva/disattiva l'intestazione della sezione

Testo intestazione - Personalizza il titolo della sezione (es. "Scarica PDF")

Testo pulsante - Personalizza l'etichetta del pulsante

Sorgente testo pulsante - Scegli testo generico, nome del PDF o descrizione del PDF

Allineamento pulsante - Posizione a sinistra, al centro o a destra

Allineamento testo pulsante - Allineamento del testo all'interno del pulsante

Layout PDF multipli - Visualizzazione verticale (colonna) o orizzontale

Mostra icona PDF - Visualizza l'icona PDF sui pulsanti

Mostra bordo contenitore - Aggiungi un bordo intorno all'area del pulsante

Colori:

  • Colore di sfondo del pulsante
  • Colore del testo del pulsante
  • Colore di sfondo del pulsante al passaggio del mouse

Dimensione modale visualizzatore PDF - Scegli quanto grande appare il popup (Piccolo 60%, Medio 70%, Grande 80%, Extra Grande 90%)

Queste impostazioni controllano solo l'aspetto del pulsante. Il visualizzatore PDF effettivo (personalizzato, light o flipbook) è configurato nell'app.

Per PDF Button Manual, il tipo di visualizzatore e il comportamento sono impostati nelle impostazioni del blocco.

Come funziona l'elenco​

Quando più PDF sono collegati:

  1. Tutti i PDF appaiono come pulsanti individuali
  2. I pulsanti mostrano i nomi dei file PDF
  3. I clienti cliccano sul PDF che vogliono
  4. Quel PDF si apre nel popup
  5. Il pulsante Chiudi ritorna all'elenco

Non è necessaria nessuna configurazione aggiuntiva - l'elenco appare automaticamente.

Configurazione del visualizzatore PDF​

Prima di personalizzare l'estensione pulsante, devi scegliere quale visualizzatore PDF usare. Questo si configura nell'app, non nell'editor del tema.

Per i blocchi collegati, questa sezione si applica direttamente. Per i blocchi manuali, gli stessi tipi di visualizzatore sono disponibili nelle impostazioni del blocco del tema.

Imposta il tipo di visualizzatore nell'app​

Nella pagina dei dettagli del PDF, trova la sezione Configurazione visualizzatore:

Visualizzatore personalizzato (completo)

  • Visualizzatore PDF completo con tutti i controlli di navigazione
  • Funzionalità di ricerca, strumenti di zoom, opzioni di visualizzazione personalizzabili
  • Visualizzazione ottimizzata per mobile
  • Configura: Pagina iniziale, livello di zoom, layout di pagina, direzione di scorrimento
  • Abilita/disabilita: Download, barra degli strumenti, timbri immagine, evidenziatore, strumenti di disegno, selezione testo

Light Viewer (veloce e semplice)

  • Visualizzatore semplice e a caricamento rapido con interfaccia minimale
  • Perfetto per l'anteprima rapida dei documenti
  • Ottimizzato per mobile
  • Nessuna opzione di configurazione - funziona subito

Flipbook Viewer (pagine interattive)

  • Esperienza interattiva di sfoglio delle pagine
  • Simula la lettura di un libro o di una rivista fisica
  • Ottimo per cataloghi, brochure, materiali di marketing
  • Non ottimizzato per mobile
  • Configura: Stile animazione, ombre delle pagine, colore di sfondo

Visualizzatore browser nativo (standard)

  • Usa il rendering PDF integrato del browser
  • Leggero e comportamento familiare

Per i PDF collegati, una configurazione del visualizzatore salvata viene riutilizzata sia per il pulsante che per il visualizzatore incorporato. Per i blocchi manuali, una configurazione del visualizzatore a livello di blocco viene riutilizzata per tutti gli URL inseriti.

Come funziona l'overlay popup​

Quando i clienti cliccano sul pulsante, il PDF si apre in un popup usando la configurazione del visualizzatore impostata:

Popup Visualizzatore personalizzato:

  • Visualizzazione a schermo intero con tutti i controlli
  • Zoom, ricerca, navigazione delle pagine
  • Download/stampa (se abilitato)
  • Barra degli strumenti personalizzabile

Popup Light Viewer:

  • Interfaccia semplice e pulita
  • Navigazione di base
  • Caricamento rapido

Popup Flipbook Viewer:

  • Animazione di sfoglio delle pagine
  • Esperienza realistica del libro
  • Migliore su desktop

Confronto pulsante vs incorporato​

FunzionalitàPulsanteIncorporato
Spazio occupatoMinimoGrande
PDF multipliElenco pulitoVisualizzatori impilati
Mobile-friendlyEccellenteComplesso
Focus paginaMantiene la pagina pulitaMostra il PDF inline
Azione del clienteClic richiestoVisualizzazione immediata

Suggerimenti per la visualizzazione a pulsante​

Nomina i PDF chiaramente - Le etichette dei pulsanti usano i nomi dei file

L'ordine è importante - Il PDF più importante prima

Testa su mobile - I pulsanti funzionano bene su schermi piccoli

Considera il raggruppamento - I PDF correlati funzionano bene come elenco

Personalizzazione del testo del pulsante​

Rendi le etichette dei pulsanti più chiare per i clienti:

Predefinito: "product-manual-v2.pdf"
Meglio: "Manuale del prodotto"

Puoi personalizzare il testo del pulsante nelle impostazioni del tema o rinominando i PDF prima del caricamento.

Passaggi successivi​