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