X

Como Criar um Formulário de Upload de Arquivos no WordPress – (Passo a Passo)

Como criar um formulário de upload de arquivos

Procurando criar um formulário de upload de arquivos no WordPress? Adicionar o recurso de upload de arquivos aos seus formulários do WordPress facilita a coleta das informações que você precisa.

Neste artigo, mostraremos como criar um formulário de upload de arquivos no WordPress, passo a passo, da maneira mais fácil.

Por que Criar um Formulário de Upload de Arquivos no WordPress?

Usar um formulário de upload de arquivos em seu site WordPress permite que você colete facilmente diferentes tipos de arquivos e mídias dos visitantes do seu site.

Existem muitas razões diferentes para usar um formulário de upload de arquivos. Vamos dar uma olhada em algumas delas:

  • Aceite candidaturas de emprego online e permita que os usuários anexem seus currículos.
  • Permita que autores convidados façam upload de imagens através de formulários de envio de posts de convidados no front-end.
  • Dê aos clientes uma opção para enviar capturas de tela ou comprovantes
  • Exija comprovante de identidade ou idade para uma compra
  • Permita que potenciais clientes façam upload de documentos para estimar um orçamento
  • Adicione anexos de arquivo para a entrada de um concurso ou sorteio

Existem muitas razões para usar um formulário de upload de arquivos. Você só precisa ter certeza de que tem a ferramenta certa que lhe dará os recursos que você precisa.

Escolha um Plugin de Formulário para WordPress

Usar um plugin de formulário é a maneira mais fácil de publicar um formulário de upload de arquivos em seu site WordPress.

No entanto, é fácil ficar sobrecarregado com os milhares de plugins de formulário de upload de arquivos do WordPress no diretório de plugins do WordPress.org. É por isso que reduzimos para uma escolha para você:

WPForms

WPForms é o MELHOR construtor de formulários para sites WordPress. Você pode usá-lo para criar todos os tipos de formulários para o seu site, incluindo formulários de registro, login, contato, cotação e muito mais.

Existem formulários pré-fabricados projetados para upload de arquivos. Você pode explorar modelos, escolher um que seja melhor para você e personalizá-lo usando o construtor de arrastar e soltar. É isso. É realmente tão simples de usar que você nunca precisa tocar em nenhum código.

Aqui estão algumas maneiras pelas quais o WPForms se destaca:

1. Fácil de Usar:

O WPForms é o plugin de formulário de contato mais amigável para WordPress existente. Se você consegue apontar e clicar, então você pode facilmente construir um formulário de contato com o WPForms.

O backend é simples e construído de forma semelhante à interface do WordPress. Seu poderoso construtor de arrastar e soltar torna super fácil criar um belo formulário de contato em minutos, não em horas.

2. Modelos de Formulário:

A grande variedade de modelos de formulário incluídos com o WPForms permite que você crie facilmente um formulário WordPress sem ter que criar um do zero sempre.

Se você deseja criar um formulário WordPress adaptado à sua indústria ou nicho, você pode instalar o addon Form Templates Pack. Independentemente da indústria, você pode encontrar o modelo de formulário certo no WPForms.

3. Recursos:

Com o WPForms, construir formulários avançados em seu site WordPress é muito fácil.

O plugin principal vem com todos os recursos essenciais que você precisará para criar um formulário WordPress básico em seu site. Ao instalar addons, você pode facilmente criar formulários avançados, como pesquisas e enquetes, formulários de login, formulários de registro de usuário, formulários de pedido, formulários de doação, formulários de assinatura de newsletter e muito mais.

4. Extensões de Arquivo

Como a segurança é uma prioridade máxima no WPForms, por padrão, o plugin está configurado para aceitar os mesmos formatos padrão:

  • Imagens como .png, .gif, .jpg
  • Documentos como .doc, .xls, .ppt, .pdf
  • Áudio como .wav, .mp3, .mp4
  • Vídeo como .mpg, .mov, .wmv

Se você quiser aceitar tipos de arquivo adicionais, você só precisa instalar este plugin gratuito chamado File Upload Types, criado pela WPForms. Você poderá aceitar arquivos como .ai, .zip, .xml, .svg, .csv, .mobi, .cad, .dwg e .dxf. O plugin permite que você aceite quaisquer outras extensões de arquivo existentes, incluindo tipos de arquivo personalizados.

Por todas essas razões e mais, achamos que o WPForms é, sem dúvida, o melhor plugin de upload de arquivos para WordPress.

Pronto para criar seu formulário com uma opção de upload de arquivos? Comece com o WPForms »

Quer começar com a versão gratuita? Experimente o WPForms Lite.

Bônus: Usuários do IsItWP ganham 10% de desconto no WPForms. Basta usar nosso cupom WPForms: SAVE10

Leia a análise completa do WPForms para ainda mais informações. Agora estamos prontos para começar o tutorial passo a passo.

Passo 1: Crie um Formulário Simples no WordPress

A primeira coisa que você precisará fazer é instalar e ativar o plugin WPForms.

Em seguida, vá para WPForms » Adicionar Novo para criar um novo formulário.

Agora você verá a tela de configuração onde pode escolher um modelo de formulário e um nome para o seu formulário. Há uma barra de pesquisa à esquerda que permite pesquisar ou filtrar modelos.

Modelo de formulário de upload de arquivos do WPForms

Vamos escolher o modelo Formulário de Upload de Arquivos.

Agora você será direcionado para o construtor de formulários, onde pode adicionar novos campos ou personalizar os campos existentes com arrastar e soltar.

Por padrão, o modelo Formulário de Upload de Arquivos cria os seguintes campos: Nome, E-mail, Telefone, Upload de Arquivo e Comentário ou Mensagem.

Caso você tenha escolhido um modelo diferente que não tenha o campo de Upload de Arquivo, não se preocupe. Você verá os campos disponíveis na barra de tarefas esquerda. Você simplesmente precisa selecionar o campo de Upload de Arquivo e arrastá-lo e soltá-lo na prévia do seu formulário.

campo de formulário de upload de arquivo no WPForms

Assim, você pode adicionar quantos novos campos precisar. Alguns deles incluem controles deslizantes de números, HTML, texto rico, múltipla escolha e menus suspensos.

Para personalizar um campo, basta clicar nele no construtor e personalizá-lo no painel esquerdo. No construtor, você pode facilmente reorganizar os campos do formulário arrastando e soltando-os na sua posição preferida.

Passo 2: Personalize o Recurso de Upload de Arquivos

Agora que criamos um formulário de upload simples, você pode personalizar as configurações para atender às suas necessidades.

opções de upload de arquivos no WPForms

Ao selecionar o campo Upload de Arquivo na prévia do seu formulário, você verá opções de personalização se abrirem no menu esquerdo. Você pode explorar as configurações Geral, Avançado e Lógica Inteligente aqui.

Nas configurações Geral, você pode alterar o rótulo e a descrição. Em seguida, há opções para permitir apenas extensões de arquivo específicas. Por exemplo, se você estiver aceitando currículos ou CVs, poderá limitá-los apenas a PDF e Docs e impedir que alguém carregue formatos de arquivo como CSV e SVG.

Aqui estão os detalhes que você pode editar clicando neles no construtor:

  • Rótulo: Informa aos seus visitantes para que serve o campo do formulário.
  • Descrição: Você pode escrever uma descrição se quiser fornecer mais detalhes aos seus visitantes sobre o uso do campo do formulário.
  • Extensões de Arquivo Permitidas: Por motivos de armazenamento e segurança, você pode restringir os tipos de arquivo que seus usuários podem carregar, especificando os tipos neste campo, cada um separado por vírgula.
  • Limite Máximo de Tamanho de Arquivo: Você pode especificar o tamanho máximo de arquivo permitido em megabytes. Por padrão, o WPForms permite um máximo de 128 MB. Você pode aumentar esse limite se estiver aceitando arquivos grandes, como imagens de alta resolução.
  • Tamanho Máximo do Arquivo: Especifique o número de arquivos que uma pessoa pode carregar. Se você estiver aceitando uma identidade, então apenas o verso e a frente do cartão de identidade são suficientes, então você pode limitar isso a 2 arquivos.
  • Obrigatório: Marque o campo como obrigatório selecionando a caixa de seleção.

Nas configurações Avançadas, você pode decidir se deseja que os anexos de arquivo sejam armazenados na biblioteca de mídia do WordPress. Você pode alterar o estilo e também adicionar classes CSS personalizadas.

A melhor parte é que ele permite até mesmo carregar vários arquivos de uma vez. Tudo o que o usuário precisa fazer é arrastar e soltar os arquivos no seu campo de upload de arquivo.

Etapa 3: Habilite a Lógica Condicional, se necessário

A lógica condicional no WPForms permite que você mostre ou oculte campos com base nas entradas do usuário, para que você possa coletar as informações mais relevantes e evitar a confusão de ter muitos campos indesejados.

Essa funcionalidade permite que você mostre o campo de upload de formulário apenas se o usuário desejar fazer um upload de arquivo. Para habilitar a lógica condicional, vá para a aba Lógica Inteligente e ative Habilitar lógica condicional.

Assim, por exemplo, em nosso formulário, queremos dar aos usuários a opção de fazer upload de sua identidade apenas se eles tiverem uma.

Então, adicionamos um campo de lista suspensa que permite ao usuário escolher se ele tem um ID existente ou não. Em seguida, selecionamos o campo Upload de Arquivo e ativamos a lógica condicional na guia Lógica Inteligente. Selecionamos ‘Mostrar’ este campo se ‘Você tem um ID médico existente’ for ‘Sim’.

lógica condicional em formulário de upload de arquivos

Agora, se o usuário disser que tem um ID médico, um novo campo aparecerá onde ele poderá fazer o upload do seu ID. Caso contrário, este campo de upload de arquivo não aparecerá.

Após personalizar o formulário, clique em Salvar.

Agora seu formulário está pronto para ser publicado. Antes disso, há algumas configurações no WPForms que gostaríamos de explorar com você.

Passo 4: Configure as Configurações Gerais do Seu Formulário de Upload de Arquivo

Para configurar as configurações gerais, vá para Configurações » Geral.

configurações do WPForms

Aqui você pode configurar os seguintes detalhes:

  • Nome do formulário: Renomeie o nome do seu formulário, se desejar.
  • Descrição do formulário: Dê uma descrição ao formulário.
  • Texto do botão de envio: Personalize o texto do botão do formulário.
  • Prevenção de Spam: Para evitar envios de bots de spam, basta ativar esta opção.
  • Melhorias de GDPR: Para cumprir as leis de GDPR, você pode desativar o armazenamento de entradas do formulário e detalhes do usuário, como endereços IP e agentes de usuário. Para mais detalhes, confira como adicionar um campo de acordo GDPR aos formulários de contato do seu site.

Certifique-se de salvar seu formulário quando terminar.

Passo 5: Adicione Notificações para o Seu Formulário de Upload de Arquivo

Em seguida, vamos ver como configurar notificações por e-mail para o seu formulário.

Se as notificações estiverem ativadas, você receberá um e-mail sempre que alguém enviar um formulário.

notificações de formulário de upload de arquivos

Para melhorar a entrega de e-mails, os arquivos não são anexados aos e-mails. Em vez disso, um link para download é enviado nos e-mails de notificação.

Você também pode criar uma nova notificação para enviar uma confirmação ao usuário de que você recebeu a submissão dele. Aqui também, há lógica condicional. Isso permite que você envie e-mails diferentes com base no que o usuário seleciona no formulário.

Por exemplo, se eles anexarem arquivos à submissão, você pode informá-los de que você os revisará e retornará o contato. Se eles não anexaram nada, você pode enviar um e-mail apresentando sua marca junto com instruções passo a passo sobre o que eles precisam fazer a seguir.

Com o WPForms, você também pode integrar o formulário ao seu serviço de marketing por e-mail. Algumas dessas integrações incluem Constant Contact e Brevo. Isso permite que você adicione automaticamente novos assinantes à sua lista de e-mail e os inicie em campanhas de gotejamento.

Você pode até adicionar um gateway de pagamento como Stripe e PayPal para coletar pagamentos online.

Etapa 6: Configure a Confirmação do Seu Formulário de Upload de Arquivo

Em seguida, vamos ver como configurar a mensagem de confirmação do formulário. A mensagem de confirmação informa aos seus visitantes se o formulário foi processado com sucesso ou não.

O WPForms tem 3 tipos de confirmação para escolher:

  1. Mensagem: Você pode exibir uma mensagem simples de agradecimento confirmando que o formulário foi processado com sucesso.
  2. Mostrar página: Você pode redirecionar seus clientes para uma página de agradecimento em seu site usando esta opção.
  3. Ir para URL (Redirecionar): Esta opção pode ser usada quando você deseja redirecionar visitantes do site para um site diferente.

Mostraremos como configurar uma confirmação de formulário simples no WPForms.

Vá para Configurações » Confirmação no editor do seu formulário.

confirmação em wpforms

Em seguida, selecione o tipo de confirmação que você deseja criar. Para fins deste exemplo, escolheremos Mensagem.

Certifique-se de editar a mensagem de confirmação da maneira que desejar e, em seguida, salve suas alterações.

Agora, você pode prosseguir e publicar o formulário de contato em seu site.

Etapa 7: Publique seu formulário de upload de arquivos

Com o WPForms, publicar seu formulário de upload de arquivos é fácil. O plugin permite que você publique seu formulário em qualquer lugar do seu site, incluindo posts, páginas, widgets de barra lateral ou áreas de rodapé com widgets.

Vamos dar uma olhada em como publicar seu formulário em posts ou páginas.

Crie um novo post ou página no WordPress e adicione um novo bloco. Em seguida, escolha o bloco WPForms e você verá um menu suspenso adicionado à sua página do WordPress.

adicionar wpforms no editor de blocos

Aqui você pode selecionar o formulário que acabou de criar e publicar a página. É isso. Você também pode adicioná-lo ao seu rodapé ou barra lateral na guia Aparência » Widgets. Você verá o widget WPForms que pode arrastar e soltar em sua barra lateral. Em seguida, você terá a opção de adicionar um título e selecionar o formulário.

adicionar wpforms à barra lateral

O WPForms também suporta shortcodes, se você precisar deles. Com isso, você incorporou um formulário de upload de arquivos ao seu site.

Etapa 8: Visualize os arquivos enviados

Para visualizar os arquivos enviados, você pode navegar até WPForms » Entradas. Você verá análises integradas e todos os formulários que criou aqui.

entradas de formulário no WPForms

Escolha o formulário de upload de arquivos aqui e você será levado a uma nova página onde poderá ver cada envio de formulário.

ver entrada no WPForms

Em seguida, você pode visualizar entradas individuais e verá o arquivo disponível aqui.

ver upload de arquivo no WPForms

Agora você pode encontrar as entradas do formulário, incluindo o arquivo enviado, no seu painel do WordPress. Você pode adicionar notas a cada entrada para se organizar ou para trabalhar em equipe. Você também verá opções para tomar medidas, como imprimir, exportar, reenviar notificação ou destacar a entrada.

É isso!

Esperamos que este guia tenha ajudado você a criar facilmente um formulário de upload de arquivos no WordPress. Você pode fazer muito mais com o WPForms. Você pode criar formulários de registro de webinar, formulários de inscrição de emprego, formulários de concurso e qualquer outra coisa que precisar. Para saber mais sobre isso, leia nossa análise completa do WPForms.

Se você quiser adicionar este formulário a um pop-up, recomendamos dar uma olhada no OptinMonster. É o melhor construtor de pop-ups focado em conversão. Ele se integra perfeitamente com o WPForms e exibe o formulário dentro do seu pop-up.

Comentários   Deixe uma Resposta

  1. Para confirmar, o arquivo enviado vai para a sua conta de e-mail, certo? Eu quero criar uma galeria e não quero que ninguém tenha a capacidade de fazer upload direto de uma imagem.

  2. Navneet Gupta May 25, 2020 at 2:31 am

    Basta instalar o plugin Flexi Gallery, que é suficiente para você sem nenhuma configuração, você pode permitir que seus visitantes enviem arquivos, vídeos e os exibam como galeria.

Adicionar um comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!