Visualizador incorporado

Mostre PDFs diretamente na página, com controlos completos de navegação.

Esta página abrange ambos:

PDF Embedded Viewer (PDFs ligados)
PDF Embedded Manual (URLs manuais nas definições do tema)

O que o visualizador incorporado faz

O visualizador incorporado apresenta o seu PDF na própria página. Os clientes conseguem ler, fazer scroll, aplicar zoom e navegar entre páginas sem sair da sua loja.

Configuração do visualizador de PDF

Para o bloco ligado (PDF Embedded Viewer), escolha o tipo de visualizador na página de detalhes do PDF, na app, em Viewer Configuration.

Para o bloco manual (PDF Embedded Manual), escolha o tipo de visualizador nas definições do bloco, dentro do editor de temas.

Tipos de visualizador disponíveis:

Custom Viewer (Full Featured)

Visualizador de PDF completo, com todos os controlos de navegação
Pesquisa, ferramentas de zoom e opções de apresentação personalizáveis
Visualização otimizada para mobile
Configurar: página inicial, nível de zoom, layout da página e direção de scroll
Ativar/desativar: download, barra de ferramentas, carimbos de imagem, marcador, ferramentas de desenho e seleção de texto

Light Viewer (Fast & Simple)

Visualizador simples, com carregamento rápido e interface mínima
Ideal para pré-visualização rápida de documentos
Otimizado para mobile
Sem opções de configuração — funciona “como está”

Flipbook Viewer (Interactive Pages)

Experiência interativa de virar páginas
Imita a leitura de um livro ou revista físicos
Ótimo para catálogos, brochuras e materiais de marketing
Não é otimizado para mobile
Configurar: estilo de animação, sombras das páginas e cor de fundo

Native Browser Viewer (Standard)

Usa a renderização de PDF nativa do browser
Sem scripts extra de visualização
Opção mais leve
O comportamento pode variar ligeiramente consoante o browser

Para PDFs ligados, o visualizador escolhido aplica-se a todos os locais onde esse PDF é apresentado. Para blocos manuais, o visualizador escolhido aplica-se a todos os URLs introduzidos nesse bloco manual.

Como fica

O visualizador incorporado mostra o PDF diretamente na página, usando a configuração de visualizador escolhida:

Custom Viewer:

Conteúdo completo do PDF com barra de navegação
Controlos de página (anterior/seguinte, zoom)
Funcionalidade de pesquisa
Botões de download/impressão (se ativados)
Funcionalidades personalizáveis conforme as suas definições

Light Viewer:

Apresentação simples do PDF
Navegação básica
Interface mínima para carregamento rápido

Flipbook Viewer:

Animação de virar páginas
Experiência de leitura tipo livro
Virar páginas de forma interativa

Quando usar o visualizador incorporado

Melhor para:

Documentos longos que os clientes devem ler no seu site
Especificações técnicas que precisam de zoom
Catálogos em que “folhear” é importante
Páginas com espaço para o visualizador
Conteúdo mais focado em desktop

Não é ideal para:

PDFs curtos (use o botão em vez disso)
Lojas mobile-first (pode ficar apertado)
Páginas com pouco espaço
Quando tem muitos PDFs na mesma página

Adicionar o visualizador incorporado ao seu tema

Vá a Online Store > Themes
Clique em Customize no seu tema ativo
Navegue até à página onde quer que os PDFs apareçam
Clique em Add section ou Add block
Encontre PDF Connect em Apps
Selecione PDF Embedded Viewer
Clique em Save

Para usar o modo manual, adicione PDF Embedded Manual e cole um ou vários URLs nas definições do bloco.

Personalizar a extensão incorporada

No editor de temas, pode personalizar como o visualizador incorporado aparece na sua página:

Show heading - Ativar/desativar o título da secção

Heading text - Personalizar o título da secção (ex.: “Documentos PDF”)

Viewer height - Definir a altura como percentagem do viewport (apenas desktop; em mobile usa ecrã inteiro)

Show container border - Adicionar uma borda à volta do visualizador

Estas definições controlam apenas o layout e o estilo da extensão. As funcionalidades do visualizador (zoom, download, barra de ferramentas, navegação, etc.) são configuradas na secção Viewer Configuration da app, para cada PDF.

Para PDF Embedded Manual, as funcionalidades do visualizador são configuradas nas definições do bloco (não é necessário um PDF ligado).

Vários PDFs com visualizador incorporado

Se ligar vários PDFs a uma página, o visualizador incorporado mostra-os empilhados na vertical:

O primeiro PDF aparece no primeiro visualizador
O segundo PDF aparece no segundo visualizador
Os clientes fazem scroll para ver cada um

Isto pode tornar as páginas muito longas. Considere usar a apresentação por botão para vários PDFs.