Como usar um editor de PDF no WordPress [Projete seus PDFs!]

Publicados: 2023-03-15

Deseja criar e editar formulários PDF diretamente do painel do WordPress? Esta postagem mostrará como usar um editor de PDF no WordPress usando Formidable Forms.

Como usar um editor de PDF no WordPress

Tempo aproximado de leitura : 6 minutos

Procurando um editor de PDF no WordPress?

Seja criando certificados, exibindo um menu ou personalizando guias de remessa de faturas em PDF, um PDF editável no WordPress economiza seu tempo.

Esta postagem mostrará como criar seu PDF usando o melhor plug-in do WordPress para editor de PDF para o seu site WordPress, Formidable Forms . Você aprenderá como criar um formulário para inserir as informações necessárias e exibi-las em um PDF que você criou.

Formidable Forms é o melhor plugin do WordPress Form Builder. Obtenha gratuitamente!

Então vamos começar.

  • Por que você deve usar um editor de PDF no WordPress?
  • Como usar um editor de PDF no WordPress
    • 1. Instale o complemento Views e PDF
    • 2. Crie seu formulário
    • 3. Crie uma Visualização
    • 4. Personalize o PDF
    • 5. Publique o link de download do PDF

    Por que você deve usar um editor de PDF no WordPress ?

    Existem muitos motivos para usar um plug-in de editor de PDF do WordPress.

    Se você deseja criar um belo modelo de PDF, facilitar a visualização de PDFs em seu site ou ter um conteúdo fechado para o qual as pessoas precisam se inscrever.

    De qualquer forma, ter controle sobre o design e a publicação do seu PDF significa que você decide o que acontece no seu site.

    E há algumas pessoas diferentes que podem achar isso útil. Aqui estão alguns:

    1. Profissionais de negócios - Se você cria regularmente PDFs para download de clientes ou clientes, ter uma maneira de criar o seu próprio torna sua vida mais fácil.
    2. Profissionais de marketing - PDFs são uma das formas mais comuns de distribuir conteúdo ou materiais de marketing. E ter uma maneira de projetá-los você mesmo significa que você obtém controle total.
    3. Freelancers - Vocês enviam faturas em PDF? Em seguida, abandone seu software PDF e crie o seu próprio!
    4. Professores - Você pode até criar planos de aula e outros materiais educacionais usando seu próprio editor de PDF!
    5. Restaurantes - Quer personalizar seu próprio cardápio e exibi-lo em seu site? Um editor de PDF é perfeito para isso.
    PDF de menu de exemplo

    Agora, existem muitos plug-ins WordPress de edição de PDF (como Gravity Forms e Gravity PDF), mas eles não oferecem a flexibilidade e o poder da opção que recomendamos.

    E isso é Formidable Forms .

    Como usar um editor de PDF no WordPress

    Para começar, você precisará baixar Formidable Forms para começar a gerar PDFs.

    Formidable é o plugin WordPress mais avançado e fácil de usar para formulários e também para incorporar um documento PDF para download.

    Com este tutorial, você também precisará acessar o Formidable Views e o PDF add-on, que o ajudará a criar e publicar seu PDF.

    Se você não sabe o que é Formidable Views, não se preocupe. É simplesmente uma maneira poderosa de obter entradas de formulário e mostrá-las da maneira que você quiser - PDFs, como sua própria página ou até mesmo como um feed semelhante ao Instagram!

    Você pode usar a versão gratuita do Formidable Forms para testar o plug-in, mas ambos os complementos estão incluídos na versão premium do Formidable Forms em seu plano de negócios.

    Obtenha seu editor de PDF hoje!!

    Então, pegue uma licença para todas as ofertas de plug-in, instale-o e ative-o e siga cinco etapas simples:

    1. Instale o complemento Views e PDF
    2. Crie seu formulário e envie uma entrada de teste
    3. Criar uma visualização
    4. Personalize o design do PDF
    5. Publicar o link de download do PDF

    No nosso exemplo, mostraremos como personalizar um PDF de certificado, perfeito para qualquer criador de curso ou empresa educacional.

    Passo 1: Instale o complemento Views e PDF

    No painel do WordPress, vá para Formidável → Complementos .

    Complementos formidáveis

    Devemos instalar e ativar dois plugins: Visual Views e PDFs .

    Você pode rolar para encontrá-los ou usar a barra de pesquisa para procurá-los.

    Uma vez ativados, criaremos o formulário para inserir as informações a serem exibidas no PDF.

    Passo 2: Crie seu formulário

    Primeiro, vá para Formidable → Forms e clique em Add New para criar um novo formulário.

    Com o plano de negócios do Formidable, você pode acessar vários modelos pré-construídos diferentes. Então, se você sabe o que está procurando, tente procurar um modelo que corresponda a ele.

    Caso contrário, você pode escolher Formulário em branco para começar a criar um do zero usando o construtor de arrastar e soltar do Formidable.

    Depois de escolher o tipo de formulário, clique em Criar .

    Usando o construtor de formulários do Formidable, você pode adicionar quaisquer campos necessários com base nas informações que precisa coletar. Por exemplo, estamos criando certificados em PDF para quem concluir um de nossos cursos.

    Construtor de arrastar e soltar do Formidable

    Portanto, adicionaremos um campo Name , Date , Dropdown e Paragraph para personalizar parte do texto no certificado.

    Sinta-se à vontade para personalizar o seu próprio com base no que você precisa exibir.

    Quando terminar, clique em Atualizar para salvar suas alterações.

    A próxima etapa será mais fácil se tivermos uma entrada de teste enquanto projetamos a exibição. Portanto, clique em Entradas na parte superior da página e Adicionar novo para enviar uma entrada de teste.

    Exemplo de entrada de formulário

    Também lhe dará uma ideia de como seu formulário se parece para quem o preencher. Basta digitar qualquer nome que desejar, clicar em Enviar e você terá a entrada pronta para a próxima etapa.

    Agora, vamos criar uma View para exibir as informações como quisermos.

    Etapa 3: criar uma exibição

    Dentro do construtor de formulários, selecione a guia Visualizações e clique em Adicionar novo para começar.

    Você pode escolher qualquer tipo de visualização que desejar, mas usaremos um tipo de grade para nosso exemplo.

    Tipo de visualização em grade

    Em seguida, dê um nome à sua visualização e clique em Criar uma visualização .

    Você começará na página de listagem . Aqui é onde você pode mostrar uma coleção de entradas (como itens de menu, nomes, etc.).

    Você também tem a página de detalhes . Isto é para ver entradas específicas com mais detalhes.

    Para nosso exemplo, manteremos a página de listagem simples com apenas o nome da pessoa e um link para a página de detalhes.

    A página de detalhes mostrará o PDF personalizado que criamos.

    Em seguida, clique no botão Layout Builder e comece a criar seu layout. Assim como o construtor de formulários, o Construtor de Layout também é do tipo arrastar e soltar.

    Construtor de layout de arrastar e soltar

    Arrastaremos um único bloco usando o Layout Builder. Em seguida, clique na coluna e ela mostrará o Visual/Text Builder. Aqui, você pode personalizar sua página de listagem como desejar.

    Para o nosso exemplo, manteremos a simplicidade incluindo o [detaillink] dentro de um pedaço de link HTML e também adicionaremos o shortcode para o nome do usuário para facilitar a identificação. Então, vai sair parecido com isto:

    Exemplo de HTML para página de listagem

    Isso mostrará o nome, então veremos o PDF quando clicarmos no link.

    Passo 4: Personalize o PDF

    Em seguida, clicaremos na página de detalhes e personalizaremos nosso PDF.

    Como na página de listagem, clicaremos no Construtor de layout para a página de detalhes.

    Para o nosso exemplo, arrastaremos uma coluna de três, com uma única coluna abaixo dela e outras três colunas abaixo dessa.

    Visualização do Construtor de Layout

    Você pode criar o seu como quiser, mas clique em Salvar layout quando terminar.

    Agora podemos começar a personalizar as diferentes colunas. Portanto, queremos que nossa exibição se pareça com um certificado que você veria.

    Vamos clicar em cada coluna e usar o editor de texto para adicionar código para personalizá-lo exatamente como queremos. Você não precisa usar código para fazer algo bonito. Basta clicar na coluna que deseja editar e selecionar o Editor visual .

    Você pode até adicionar fotos usando a biblioteca de mídia do WordPress.

    Você notará que pode usar códigos de acesso diferentes ao editar sua Visualização. Se você colocá-los no editor, as informações desse campo serão inseridas automaticamente na área.

    Por exemplo, usando nossa entrada de teste anterior e o certificado que projetamos, o nosso ficaria mais ou menos assim:

    Exemplo de certificado

    Então, brinque com sua própria View e veja o que você pode desenvolver!

    Se você gostaria de começar a usar um modelo, vai adorar nosso modelo de certificado!

    Mas você terá uma ideia geral de como seu PDF ficará aqui.

    Agora queremos obter o ID da sua View antes de publicarmos o link. Então, no lado esquerdo da sua View, encontre o shortcode com . O número após o ID é o ID do seu formulário.

    Guarde-o para a próxima etapa.

    Etapa 5: publicar o link de download do PDF

    Precisamos adicionar um shortcode à sua página ou postagem para carregar o PDF em seu site.

    Então, vá para a postagem ou página onde deseja o link e digite o seguinte código:

     [frm-pdf view=”*YOUR VIEW ID*” entry="*ENTRY NUMBER OF DETAIL*" public=”1”]

    Em seguida, atualize sua página, clique em visualizar e você verá o link para download.

    Exemplo de exibição de PDF

    Ao clicar no botão de download, você verá seu arquivo PDF aberto em uma nova janela em um leitor ou visualizador de PDF!

    Como é um certificado, gostaríamos que aparecesse no modo paisagem. Portanto, tudo o que precisamos fazer é adicionar orientação="paisagem" ao shortcode.

    Então vai ficar assim:

    [frm-pdf view="119" entrada="10" orientação="paisagem" public="1"]

    O 119 é o ID da nossa View, 10 é o detalhe de entrada que queremos, a orientação nos ajuda a mostrá-lo corretamente e public garante que esteja visível.

    Então, é tão simples quanto baixar o PDF!

    Obtenha seu editor de PDF hoje!

    Pronto para tornar um PDF editável no WordPress?

    E assim, você tem um construtor de formulários, gerador de PDF e um incorporador de PDF, tudo em um.

    Este post mostrou como usar o Formidable Forms como um plug-in de PDF editável do WordPress para personalizar suas necessidades de PDF. Usando um plug-in, você pode transformar informações de formulários de contato, formulários de pedido e muito mais em um formulário PDF que você projetou e funciona com qualquer tema (incluindo WordPress Elementor).

    Então, não espere mais! Comece a personalizar seu PDF hoje com o Formidable Forms.

    E siga-nos no Facebook, Twitter e YouTube para mais dicas e truques.

    Leia mais sobre o formulário para PDF com o Formidable!


    Você sabia que o Formidable Forms é um dos plugins de criação de formulários WordPress mais rápidos disponíveis hoje? Se você ainda não o estiver usando, comece com nosso plug-in gratuito ou a versão profissional com todos os recursos!