Botão de PDF
Mostre um botão que abre PDFs numa sobreposição (popup). Quando existem vários PDFs ligados, é apresentada uma lista.
Esta página abrange ambos:
- PDF Button (PDFs ligados)
- PDF Button Manual (URLs manuais nas definições do tema)
O que o botão de PDF faz
O botão de PDF apresenta um botão ou link clicável. Quando os clientes clicam, o PDF abre numa sobreposição (popup) por cima da sua página.
Quando liga vários PDFs a um recurso, estes aparecem automaticamente como uma lista de botões.
Como fica
PDF único:
- Um botão com o nome do PDF
- Ao clicar, abre o PDF na sobreposição (popup)
- A sobreposição cobre a página
- O botão de fechar volta à página
Vários PDFs:
- Lista de botões, um por PDF
- Cada botão abre o seu PDF
- Os botões aparecem empilhados na vertical
- Todos os PDFs ficam acessíveis num só local
Quando usar apresentação por botão
Melhor para:
- Vários PDFs na mesma página
- Lojas otimizadas para mobile
- P áginas com pouco espaço
- Documentos de consulta rápida
- PDFs focados em download
Ideal para:
- Páginas de produto com manuais, tabelas de tamanhos e garantias
- Páginas de recursos com vários guias
- Páginas onde um visualizador incorporado ocuparia demasiado espaço
Adicionar o botão de PDF ao seu tema
- Vá a Online Store > Themes
- Clique em Customize no seu tema ativo
- Navegue até ao tipo de página (produto, coleção, etc.)
- Clique em Add section ou Add block
- Encontre PDF Connect em Apps
- Selecione PDF Button
- Clique em Save
Para usar o modo manual, adicione PDF Button Manual e indique os URLs (e, opcionalmente, etiquetas) nas definições do bloco.
Personalizar a extensão do botão
No editor de temas, pode personalizar a aparência do botão (não o visualizador de PDF em si):
Show heading - Ativar/desativar o título da secção
Heading text - Personalizar o título da secção (ex.: “Download PDF”)
Button text - Personalizar o texto do botão
Button text source - Escolher entre texto genérico, nome do PDF ou descrição do PDF
Button alignment - Posição à esquerda, ao centro ou à direita
Button text alignment - Alinhamento do texto dentro do botão
Multiple PDFs layout - Apresentação vertical (coluna) ou horizontal
Show PDF icon - Mostrar ícone de PDF nos botões
Show container border - Adicionar uma borda à volta da área dos botões
Colors:
- Cor de fundo do botão
- Cor do texto do botão
- Cor de fundo do botão ao passar o rato (hover)
PDF viewer modal size - Escolher o tamanho do popup (Small 60%, Medium 70%, Large 80%, Extra Large 90%)
Estas definições controlam apenas a aparência do botão. O visualizador de PDF (custom, light ou flipbook) é configurado na app.
Para PDF Button Manual, o tipo de visualizador e o respetivo comportamento são definidos nas definições do bloco.
Como funciona a lista
Quando existem vários PDFs ligados:
- Todos os PDFs aparecem como botões individuais
- Os botões mostram os nomes dos ficheiros PDF
- O cliente clica no PDF que pretende
- Esse PDF abre no popup
- O botão de fechar volta à lista
Não é necessária configuração adicional — a lista aparece automaticamente.
Configuração do visualizador de PDF
Antes de personalizar a extensão do botão, precisa de escolher que visualizador de PDF vai usar. Isto é configurado na app, não no editor de temas.
Para blocos ligados, esta secção aplica-se diretamente. Para blocos manuais, os mesmos tipos de visualizador estão disponíveis nas definições do bloco no tema.
Definir o tipo de visualizador na app
Na página de detalhes do PDF, encontre a secção Viewer Configuration:
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 integrada no browser
- Comportamento leve e familiar
Para PDFs ligados, uma configuração de visualizador guardada é reutilizada entre botão + incorporado. Para blocos manuais, uma configuração de visualizador ao nível do bloco é reutilizada para todos os URLs introduzidos.
Como funciona a sobreposição (popup)
Quando os clientes clicam no botão, o PDF abre num popup com a configuração de visualizador que definiu:
Custom Viewer popup:
- Visualização em ecrã inteiro com todos os controlos
- Zoom, pesquisa e navegação de páginas
- Download/impressão (se ativado)
- Barra de ferramentas personalizável
Light Viewer popup:
- Interface simples e limpa
- Navegação básica
- Carregamento rápido
Flipbook Viewer popup:
- Animação de virar páginas
- Experiência realista de livro
- Melhor em desktop
Comparação: botão vs. incorporado
| Funcionalidade | Botão | Incorporado |
|---|---|---|
| Espaço usado | Mínimo | Grande |
| Vários PDFs | Lista limpa | Visualizadores empilhados |
| Otimizado para mobile | Excelente | Mais difícil |
| Foco da página | Mantém a página limpa | Mostra o PDF na página |
| Ação do cliente | Requer clique | Vista imediata |
Dicas para apresentação por botão
Nomeie os PDFs de forma clara - As etiquetas dos botões usam os nomes dos ficheiros
A ordem importa - Coloque o PDF mais importante primeiro
Teste em mobile - Os botões funcionam muito bem em ecrãs pequenos
Considere agrupar - PDFs relacionados funcionam bem como lista
Personalização do texto do botão
Torne as etiquetas dos botões mais “amigas” para o cliente:
Por defeito: "product-manual-v2.pdf"
Melhor: "Manual do produto"
Pode personalizar o texto do botão nas definições do tema ou renomear os PDFs antes do upload.