Pular para o conteúdo principal

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

  1. Vá a Online Store > Themes
  2. Clique em Customize no seu tema ativo
  3. Navegue até ao tipo de página (produto, coleção, etc.)
  4. Clique em Add section ou Add block
  5. Encontre PDF Connect em Apps
  6. Selecione PDF Button
  7. 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:

  1. Todos os PDFs aparecem como botões individuais
  2. Os botões mostram os nomes dos ficheiros PDF
  3. O cliente clica no PDF que pretende
  4. Esse PDF abre no popup
  5. 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

FuncionalidadeBotãoIncorporado
Espaço usadoMínimoGrande
Vários PDFsLista limpaVisualizadores empilhados
Otimizado para mobileExcelenteMais difícil
Foco da páginaMantém a página limpaMostra o PDF na página
Ação do clienteRequer cliqueVista 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.

Próximos passos