Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como incorporar arquivos PDF no WordPress

Você está em:

Como incorporar arquivos PDF no WordPress
Como incorporar arquivos PDF no WordPress

Não sabe como incorporar um PDF no WordPress? Ou ainda tentando decidir se você quer? Pode haver momentos em que você adoraria incorporar um arquivo PDF em sua postagem ou página:

  • Um autor de livro pode querer dar aos leitores uma cópia gratuita.
  • Para adicionar catálogos de produtos em seu site.
  • Para compartilhar seus projetos em formato PDF com os clientes.
  • Você pode estar administrando uma agência de viagens e deseja exibir o itinerário dos pacotes turísticos.

Mas há um problema!

Embora o WordPress permita incorporar áudios, vídeos e, claro, imagens, não é possível incorporar arquivos PDF em suas postagens e páginas. Este recurso não está disponível até o momento, talvez seja adicionado no futuro.

Caso você queira adicionar um arquivo PDF, você pode fazer o upload do arquivo usando a opção Adicionar mídia , inseri-lo e o link para esse arquivo será adicionado à sua página. E seus visitantes podem baixá-lo ou visualizar o arquivo no navegador da Web, saindo do seu site.

Mas e se você quiser incorporar arquivos PDF em suas postagens e permitir que seus visitantes os visualizem sem sair do seu site? Há alguma solução para isso? A resposta curta é sim.

Então, neste post, mostrarei como você pode incorporar um arquivo PDF em seu post ou página do WordPress. Antes de começar, você provavelmente deseja criar um documento PDF bem formatado e organizado usando um Editor de PDF . Então você estará pronto para adicioná-lo em seus posts com ou sem o uso de um plugin. Vamos começar.

Como incorporar um arquivo PDF com um plug-in

Existem muitos plugins que você pode usar para adicionar um arquivo PDF ao seu post do WordPress.

No entanto, usaremos um plugin chamado PDF Embedder . É um plug-in gratuito que está disponível no diretório de plug-ins do WordPress, embora você possa atualizar para a versão pro do plug-in para obter mais recursos. A melhor coisa sobre este plugin é que ele usa javascript para fazer seu trabalho e não algum serviço de terceiros ou iframes.

Etapa 1: instalar o plug-in do PDF Embedder

Faça login no seu painel do WordPress e vá para Plugins > Adicionar novo . Agora pesquise  PDF Embedder na caixa de pesquisa. Depois de encontrar o plugin, basta instalá-lo e ativá-lo. Simples, não é?

Instale o plug-in do PDF Embedder

Etapa 2: configurar o plug-in

Embora você possa começar a incorporar seus arquivos PDF depois de instalar este plug-in, primeiro você pode modificar as configurações para melhorar a aparência dos arquivos incorporados. Para abrir a página de configurações deste plugin, vá para Configurações > PDF Embedder na barra lateral esquerda do seu painel do WordPress.

Configurações do PDF Embedder

A versão gratuita deste plugin permite que você altere o seguinte:

  • Largura e altura – Você pode modificar a largura e a altura do visualizador de PDF. Aceita valores inteiros (em pixels) ou  máximo  (100% de largura).
  • Localização  da barra de ferramentas – A barra de ferramentas deste visualizador de PDF permite que seu público aumente ou diminua o zoom e vá para a página seguinte ou anterior. Você pode ter a barra de ferramentas na parte superior, inferior ou ambas.
  • Foco na barra  de ferramentas – Você pode selecionar se deseja que a barra de ferramentas fique visível apenas ao passar o mouse sobre o documento ou não.

Agora, essas são as configurações universais. Mas e se você quiser alterar as configurações de um arquivo específico? Bem, você pode fazer isso com a ajuda de códigos de acesso. Aqui está um exemplo:

[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width=”500″ toolbar=”top” toolbarfixed=”on”]

No exemplo acima, a largura é definida como 500px, a localização da barra de ferramentas é definida como superior e a barra de ferramentas será fixa. Você também pode definir a barra de ferramentas na parte inferior e a barra de ferramentas fixa como desligada.

Este plugin também possui uma versão premium que oferece recursos como botão de download, visualizações de faixas e download, rolagem contínua de página e links abertos em uma nova janela.

Etapa 3: incorpore o arquivo PDF em sua postagem ou página

Depois de terminar as configurações, você pode começar a fazer o trabalho sujo. Agora, se você estiver usando o Editor Clássico ou o Editor Gutenberg, você pode facilmente usar este plugin para obter o resultado desejado.

Se você estiver usando o Editor Clássico , incorporar um arquivo PDF é semelhante ao que você faria para uma imagem ou vídeo.

Primeiro, crie uma nova postagem ou abra uma existente e clique no botão Adicionar mídia . Agora, carregue seu arquivo PDF, clique no botão Inserir na postagem e um código de acesso será adicionado à sua postagem.

Incorporar arquivo PDF Editor clássico

É isso – agora você pode visualizar sua postagem para verificar se está funcionando corretamente ou não.

E quanto ao  Editor Gutenberg ? Bem, o plugin PDF Embedder vem com um bloco específico. Portanto, crie uma nova postagem e clique no ícone Adicionar bloco. Em seguida, procure o bloco PDF Embedder  e selecione-o.

Incorporar arquivo PDF Editor Gutenberg

Por fim, clique no bloco para selecionar (ou carregar) seu arquivo PDF e seu trabalho está feito.

Aqui está o resultado final, independentemente de qual editor você está usando:

Arquivo PDF incorporado final

Embora o plugin PDF Embedder faça um bom trabalho, é sempre bom ter algumas alternativas. Então, deixe-me agora compartilhar alguns plugins de visualizador de PDF gratuitos e premium, em nenhuma ordem específica:

Visualizador de PDF para WordPress

Visualizador de PDF para WordPress Plugin

INFORMAÇÕES E DOWNLOAD

Com mais de 3900 vendas, o visualizador de PDF para WordPress é o plugin de visualização de PDF mais vendido no CodeCanyon. É um plugin totalmente responsivo e compatível com vários navegadores. Este plug-in permite ativar ou desativar opções como impressão, download, zoom, navegação na página e compartilhamento social. Você também pode usar o Google Analytics com WordPress para rastrear o número de visitantes que lêem seus PDFs.

Incorporador do Google Drive

Plug-in incorporador do Google Drive

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

O Google Drive Embedder é um plug-in gratuito que permite acessar o Google Drive a partir do painel do WordPress e incorporar PDFs, documentos do Word ou planilhas em sua postagem ou página. No entanto, para usar este plug-in, você também precisa instalar  o Login do Google Apps  – o objetivo deste plug-in é conectar seu Google Drive ao seu site WordPress.

Visualizador de PDF Algori

Plugin do Visualizador de PDF Algori

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Procurando um plug-in de bloco Gutenberg para incorporar arquivos PDF? Você pode experimentar o plugin Algori PDF Viewer. Este plugin gratuito é compatível com todos os navegadores da web como Google Chrome, Firefox, Safari, Opera e Internet Explorer 11. Ele permite carregar vários arquivos em uma única página e suporta o modo de apresentação.

Plugin WordPress Real3D FlipBook

Plugin WordPress Real3D FlipBook

INFORMAÇÕES E DOWNLOAD

Como o nome sugere, o Real3D FlipBook é um plug-in flipbook 3D responsivo e amigável ao toque para exibir PDFs e imagens. Foi desenvolvido em HTML5 e não requer o uso de Flash. Você pode personalizar configurações como velocidade do flip, som do flip, nível de zoom e ângulo da câmera. Este plugin também suporta o modo lightbox e fullscreen.

Incorporar Qualquer Documento Plus

Incorporar Qualquer Documento Plus

INFORMAÇÕES E DOWNLOAD

Embed Any Document Plus é um plugin único que permite carregar e incorporar facilmente arquivos de documentos (PDF, Word, PPT, Excel, etc) facilmente em sites WordPress. O plug-in adiciona um botão ‘Adicionar documento’ acima do editor visual. Isso abrirá o pop-up EAD Plus de onde você pode selecionar a fonte do seu documento. Ele também é totalmente integrado aos serviços em nuvem do Google Drive, Dropbox e Box.com. Você pode permanecer no seu site WordPress e fazer upload de arquivos para os serviços em nuvem e incorporar diretamente a partir daí.

Depois de carregar ou selecionar o documento que você deseja incorporar, você também terá uma opção para selecionar qual serviço de documento você gostaria de escolher para incorporar seu arquivo. O plug-in reconhecerá o formato do arquivo automaticamente e sugerirá o visualizador. Os visualizadores podem manipular um arquivo de tamanho máximo de 5 a 8 MB. Para arquivos maiores, os desenvolvedores recomendam enviá-los para o Google Drive e incorporá-los a partir daí.

Como incorporar um arquivo PDF sem um plug-in

Bem, se você é um daqueles que está sempre procurando soluções sem um plugin, então esta seção é para você. Certamente podemos incorporar um arquivo PDF em posts e páginas do WordPress sem instalar outro plugin.

A ideia é simples – você terá que fazer upload do seu arquivo PDF para sua conta do Google Drive e então usar o código iframe para incorporar esse arquivo em seu site. Embora esse método seja seguro, o único problema é que ele usa iframes.

Etapa 1 : Vá para  o Google Drive e faça login na sua conta (basta se inscrever em uma conta gratuita do Gmail para obter 15 GB de espaço no Drive gratuitamente).

Passo 2 : Faça o upload do arquivo PDF que você deseja incorporar em sua postagem do WordPress aqui. Para fazer isso, clique em Novo na barra lateral esquerda da sua conta do Google Drive, selecione Upload de arquivo e faça upload do arquivo do seu computador local.

Upload de arquivo do Google Drive

Passo 3 : Depois que o arquivo for carregado para sua unidade, clique duas vezes nele para visualizar o arquivo. Agora, clique nos 3 pontos verticais (Mais ações) presentes no canto superior direito e selecione Abrir em uma nova janela .

Google Drive: Abra o PDF em uma nova janela

Passo 4 : Na nova janela, clique em Mais Ações (os 3 pontos verticais no canto superior direito) e selecione Compartilhar .

Google Drive: compartilhar

Passo 5 : Um pop-up chamado “Compartilhar com pessoas e grupos” e “Obter link” será aberto. Aqui, clique em Alterar para qualquer pessoa com o link na seção “Obter link”. Isso garante que qualquer pessoa com o link do arquivo PDF possa visualizá-lo. Se você não fizer isso, o arquivo permanecerá privado e não ficará visível para o público do seu site.

Google Drive: Configurações de compartilhamento

Você deverá ver a seguinte confirmação:

Google Drive: compartilhe qualquer pessoa

Depois de clicar em Concluído .

Passo 6 : Agora é hora de pegar o código de incorporação que usaremos em nosso post. Para obter isso, clique novamente em Mais ações, selecione Incorporar item.

Google Drive: opção de incorporação

Etapa 7 : Isso abrirá um pop-up onde você poderá copiar o código do iframe.

Google Drive: incorporar código

Passo 8 : Vá até o painel do WordPress e crie ou edite a postagem ou página onde deseja incorporar o arquivo PDF. Agora, se você estiver usando o Editor Clássico , basta ir na aba Texto e colar o código:

Guia Texto do Editor Clássico

Para o Gutenberg Editor , você deve adicionar um novo bloco, pesquisar por HTML personalizado e, finalmente, adicionar o código iframe no bloco HTML personalizado:

Bloco HTML personalizado

Etapa 9 : é isso – agora visualize sua postagem ou página para verificar seu arquivo PDF incorporado.

Nota final sobre como incorporar arquivos PDF no WordPress

O WordPress permite que você vincule seus arquivos PDF – mas não os incorpore. No entanto, este tutorial resolve esse problema. Ele mostra como você pode incorporar seus arquivos PDF em suas postagens ou páginas, assim como suas imagens e vídeos, com ou sem o uso de um plug-in.

Você já incorporou um arquivo PDF em seu site usando qualquer um dos dois métodos? Você tem um plugin alternativo em mente e acredita que é melhor do que os mencionados neste artigo? Deixe-me saber seus pensamentos na seção de comentários.

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.