Passa al contenuto principale

Visualizzatore incorporato

Mostra i PDF direttamente nella pagina con controlli di navigazione completi.

Questa pagina tratta entrambi:

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

Cosa fa il visualizzatore incorporato

Il visualizzatore incorporato mostra il tuo PDF direttamente nella pagina. I clienti possono leggere, scorrere, ingrandire e navigare tra le pagine senza lasciare il tuo negozio.

Configurazione del visualizzatore PDF

Per il blocco collegato (PDF Embedded Viewer), scegli il tipo di visualizzatore nella pagina dei dettagli del PDF nell'app, nella sezione Configurazione visualizzatore.

Per il blocco manuale (PDF Embedded Manual), scegli il tipo di visualizzatore nelle impostazioni del blocco nell'editor del tema.

Tipi di visualizzatore disponibili:

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 nativo del browser
  • Nessuno script di visualizzazione aggiuntivo
  • Opzione più leggera
  • Il comportamento può variare leggermente da browser a browser

Per i PDF collegati, il visualizzatore scelto si applica in tutti i punti in cui quel PDF è mostrato. Per i blocchi manuali, il visualizzatore scelto si applica a tutti gli URL inseriti in quel blocco manuale.

Come appare

Il visualizzatore incorporato mostra il PDF direttamente nella pagina usando la configurazione del visualizzatore scelta:

Il Visualizzatore personalizzato mostra:

  • Contenuto PDF completo con barra degli strumenti di navigazione
  • Controlli pagina (precedente/successiva, zoom)
  • Funzionalità di ricerca
  • Pulsanti download/stampa (se abilitati)
  • Funzionalità personalizzabili in base alle impostazioni

Il Light Viewer mostra:

  • Visualizzazione PDF semplice
  • Navigazione di base
  • Interfaccia minimale per caricamento rapido

Il Flipbook Viewer mostra:

  • Animazione di sfoglio delle pagine
  • Esperienza di lettura simile a un libro
  • Sfoglio interattivo delle pagine

Quando usare il visualizzatore incorporato

Ideale per:

  • Documenti lunghi che i clienti dovrebbero leggere sul tuo sito
  • Schede tecniche che richiedono zoom
  • Cataloghi dove la navigazione è importante
  • Pagine con spazio per il visualizzatore
  • Contenuto orientato al desktop

Non ideale per:

  • PDF brevi (usa invece il pulsante)
  • Negozi pensati principalmente per mobile (può essere angusto)
  • Pagine con spazio limitato
  • Quando hai molti PDF su una pagina

Aggiungi il visualizzatore incorporato al tuo tema

  1. Vai su Negozio online > Temi
  2. Clicca su Personalizza nel tuo tema attivo
  3. Naviga alla pagina dove vuoi che i PDF appaiano
  4. Clicca su Aggiungi sezione o Aggiungi blocco
  5. Trova PDF Connect in App
  6. Seleziona PDF Embedded Viewer
  7. Clicca su Salva

Per usare la modalità manuale, aggiungi PDF Embedded Manual e incolla uno o più URL nelle impostazioni del blocco.

Personalizza l'estensione incorporata

Nell'editor del tema, puoi personalizzare come appare il visualizzatore incorporato nella tua pagina:

Mostra intestazione - Attiva/disattiva l'intestazione della sezione

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

Altezza visualizzatore - Imposta l'altezza come percentuale del viewport (solo desktop, su mobile è a schermo intero)

Mostra bordo contenitore - Aggiungi un bordo intorno al visualizzatore

Queste impostazioni controllano solo il layout e lo stile dell'estensione. Le funzionalità effettive del visualizzatore PDF (zoom, download, barra degli strumenti, navigazione, ecc.) sono configurate nella sezione Configurazione visualizzatore dell'app per ogni PDF.

Per PDF Embedded Manual, le funzionalità del visualizzatore sono configurate nelle impostazioni del blocco (non è richiesto nessun PDF collegato).

PDF multipli con il visualizzatore incorporato

Se colleghi più PDF a una pagina, il visualizzatore incorporato li mostra impilati verticalmente:

  • Il primo PDF viene mostrato nel primo visualizzatore
  • Il secondo PDF nel secondo visualizzatore
  • I clienti scorrono verso il basso per vedere ognuno

Questo può rendere le pagine molto lunghe. Considera l'utilizzo del pulsante per i PDF multipli.

Visualizzatore incorporato su mobile

Il visualizzatore si adatta agli schermi mobile ma:

  • Occupa molto spazio verticale
  • I controlli di zoom possono essere piccoli
  • Lo scorrimento all'interno del visualizzatore può essere difficile
  • Considera il pulsante per i negozi pensati principalmente per mobile

Funzionalità del visualizzatore

Zoom - I clienti possono ingrandire e rimpicciolire

Navigazione pagine - Vai a pagine specifiche

Ricerca - Trova testo nel PDF (alcuni visualizzatori)

Download - Salva il PDF sul dispositivo (se abilitato)

Stampa - Stampa direttamente dal visualizzatore (se abilitato)

Suggerimenti per le prestazioni

Ottimizza le dimensioni del PDF - I file sotto 5 MB si caricano più velocemente

Caricamento differito - Il visualizzatore si carica solo quando visibile nella pagina

Qualità anteprima - La prima pagina si carica prima del PDF completo

Considerazione mobile - I file più grandi potrebbero caricarsi lentamente con le connessioni mobile

Passaggi successivi