Como Criar um Formulário de Upload de Arquivos no WordPress

Não faz muito tempo, adicionar um formulário de upload de arquivos no WordPress exigia código personalizado ou soluções alternativas complicadas. Não era exatamente amigável para iniciantes e muitas vezes causava confusão tanto para os proprietários do site quanto para os visitantes.

É por isso que passamos anos testando diferentes ferramentas e ajudando empresas a otimizar esse processo.

Digamos que você precise coletar candidaturas de emprego, receber feedback de clientes ou reunir documentos importantes para um projeto. Nesse caso, um formulário de upload de arquivos pode tornar seu site muito mais eficiente e profissional!

Neste guia passo a passo, mostraremos como criar facilmente um formulário de upload de arquivos no WordPress usando um plugin amigável para iniciantes — sem necessidade de codificação. É o mesmo método que muitas de nossas marcas parceiras utilizam para simplificar a coleta de documentos e melhorar a interação do usuário.

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

Um formulário de upload de arquivos é uma ótima ideia para coletar qualquer tipo de arquivo de seus usuários em seu site WordPress.

Você pode permitir que os usuários enviem imagens, arquivos PDF, documentos do Word ou outros tipos de arquivos.

Usar um formulário de upload de arquivos facilita a vida para você e seus usuários. Em vez de trocar e-mails, você pode criar um formulário que inclua todos os campos necessários para coletar todas as informações de uma vez.

Além disso, seu formulário deve salvar automaticamente os dados do formulário em seu banco de dados do WordPress. Dessa forma, você pode encontrar facilmente os envios, mesmo que perca ou exclua um e-mail.

Dito isso, mostraremos como criar um formulário de upload de arquivos no WordPress. Aqui está uma visão geral rápida do que abordaremos neste artigo:

Vamos começar!

Como Criar um Formulário de Upload de Arquivos no WordPress

Para este tutorial, usaremos o WPForms, que é o melhor criador de formulários online do mercado. Ele é fácil para iniciantes, mas poderoso o suficiente para lidar com recursos avançados como uploads de arquivos, lógica condicional e formulários de várias etapas.

Usamos o WPForms em vários de nossos sites para lidar com tarefas essenciais como formulários de contato, solicitações de migração de site e nossa pesquisa anual com usuários. Ele tornou fácil para nós coletar e gerenciar respostas sem ter que lidar com e-mails ou planilhas.

Para mais informações, veja nossa análise completa do WPForms.

Primeiro, você precisará instalar e ativar o plugin WPForms. Para mais instruções, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Ao ativar, acesse a página WPForms » Adicionar Novo na barra lateral de administração do WordPress.

Isso o levará à página ‘Pesquisar Modelo’, onde você pode começar nomeando seu novo formulário.

Em seguida, você escolherá como construir seu formulário: usando uma tela em branco, um construtor de formulários com IA ou um modelo pronto.

Por exemplo, se você escolher o construtor de formulários WPForms AI, tudo o que você precisa fazer é descrever o tipo de formulário que precisa em um prompt simples. O WPForms gerará automaticamente o formulário para você.

Para este tutorial, no entanto, usaremos um modelo pré-fabricado. Você pode usar a barra de pesquisa para encontrar rapidamente o modelo de formulário de upload de arquivos.

Assim que o encontrar, basta clicar no botão ‘Usar Modelo’ abaixo da opção ‘Formulário de Upload de Arquivos’.

Você será levado agora para o construtor do WPForms, onde o Formulário de Upload de Arquivos será carregado automaticamente para você.

Você pode usar o modelo de formulário de upload de arquivos sem fazer nenhuma alteração, ou também pode arrastar e soltar campos de formulário da barra lateral ‘Adicionar Campos’.

Em seguida, clique no campo ‘Upload de Arquivo’ no formulário para abrir suas configurações na coluna esquerda.

Por padrão, você pode fazer upload de diferentes tipos de arquivos no formulário, incluindo:

• Formatos de arquivo de imagem: .png, .gif, .jpg
• Documentos: .doc, .xls, .ppt, .pdf
• Áudio: .wav, .mp3, .mp4
• Vídeo: .mpg, .mov, .wmv

Você pode aceitar qualquer formato de arquivo digitando-o na caixa ‘Extensões de Arquivo Permitidas’.

Para este tutorial, vamos permitir os formatos de imagem .png, .gif e .jpg. Certifique-se de separar cada formato de arquivo com uma vírgula.

Você também pode definir um limite máximo de tamanho de arquivo e um número máximo de arquivos. Para o nosso tutorial, vamos permitir que as pessoas enviem até 3 fotos de até 50MB cada.

Se você quiser impedir que as pessoas enviem o formulário do WordPress sem anexar seus arquivos, você pode ativar a opção 'Obrigatório'. Isso significa que o formulário não pode ser enviado a menos que pelo menos 1 arquivo tenha sido carregado.

Em seguida, basta alternar para a aba 'Avançado' no topo.

Por padrão, o Campo de Upload de Arquivo usa um formato moderno que permite aos usuários arrastar e soltar seus arquivos.

No entanto, se você tiver espaço limitado para seu formulário ou preferir um campo de upload clássico, você pode mudar isso. Basta selecionar a opção 'Clássico' no menu suspenso 'Estilo'.

Observe que o campo de upload clássico permite o upload de apenas um arquivo. Se você quiser que os usuários possam enviar mais de um arquivo, você precisará adicionar vários Campos de Upload de Arquivo ao seu formulário.

Você também pode optar por armazenar os arquivos enviados na Biblioteca de Mídia do WordPress ativando a opção 'Armazenar arquivo na Biblioteca de Mídia do WordPress'. Isso facilita para você adicionar os arquivos carregados a uma postagem ou página.

Por exemplo, se você estiver realizando um concurso de fotografia, talvez queira incluir as melhores fotos ao anunciar o vencedor.

Se você quiser editar qualquer um dos outros campos em seu formulário, você pode clicar neles para abrir as configurações do campo na coluna da esquerda.

Você também pode adicionar outros campos ao seu formulário de Upload de Arquivo a partir da coluna da esquerda.

Por exemplo, você pode querer adicionar um campo de Website/URL ao formulário para que os usuários possam fornecer o link para o site deles.

Assim que estiver satisfeito com seu formulário, clique no botão ‘Salvar’ no canto superior direito da tela para armazenar suas configurações.

Configurando as Notificações do Seu Formulário de Upload de Arquivo

Para alterar as configurações de notificação do formulário, você precisa abrir a aba ‘Configurações’ no lado esquerdo. Uma vez lá, basta clicar na aba ‘Notificações’.

Por padrão, o formulário envia uma notificação por e-mail para {admin_email} após o envio do formulário.

Se você criou seu site WordPress sozinho, este será o seu endereço de e-mail. Caso contrário, você pode excluir {admin_email} e digitar seu próprio endereço de e-mail aqui em vez disso.

No entanto, se você não tiver certeza se {admin_email} é o seu endereço de e-mail, basta visitar a página Configurações » Geral do seu painel administrativo do WordPress.

Uma vez lá, procure a seção ‘Endereço de E-mail de Administração’. Você pode alterar o endereço de e-mail do administrador a partir daqui.

Quando terminar, não se esqueça de clicar no botão ‘Salvar Alterações’ para armazenar suas configurações.

Se você deseja que os arquivos enviados sejam enviados para mais de uma pessoa, talvez você queira ver nosso tutorial sobre como criar um formulário de contato com múltiplos destinatários de notificação.

Você também pode alterar a mensagem de confirmação que os usuários veem após o envio do formulário.

Para fazer isso, visite a página Configurações » Confirmações na coluna da esquerda. Em seguida, digite a mensagem na caixa 'Mensagem de Confirmação'. Você também pode adicionar formatação como negrito e itálico.

Por fim, não se esqueça de salvar seu formulário depois de fazer as alterações.

Você pode sair do construtor de formulários clicando no 'X' no canto superior direito.

Adicionando o Formulário de Upload de Arquivos ao Seu Site

Depois de terminar de criar seu formulário, você precisará adicioná-lo ao seu site.

Para fazer isso, você deve abrir uma página/postagem do WordPress existente ou nova página/postagem da barra lateral de administração. Para este tutorial, adicionaremos o formulário de upload de arquivos a uma nova página.

Uma vez lá, clique no botão Adicionar Novo Bloco '(+)' no canto superior esquerdo da tela e encontre o bloco WPForms.

Ao adicionar o bloco, você verá um menu suspenso WPForms exibido na página.

Vá em frente e selecione o formulário de upload de arquivos que você acabou de criar.

Finalmente, clique no botão 'Publicar' ou 'Atualizar' para salvar suas alterações. Para mais detalhes, veja nosso guia sobre como incorporar formulários do WordPress.

Agora você pode visitar seu site para ver o formulário de upload de arquivos em ação.

Você também pode fazer alterações em seu formulário a qualquer momento visitando a página WPForms » Todos os Formulários na barra lateral de administração.

A partir daqui, basta clicar no nome do formulário ou passar o mouse sobre ele e clicar no link ‘Editar’ para abrir o construtor de formulários.

Ao editar seu formulário, ele será atualizado automaticamente em seu site WordPress, portanto, você não precisa adicioná-lo à sua página novamente.

Visualizando ou Baixando os Arquivos Enviados

Quando alguém envia um arquivo usando seu formulário de upload de arquivos, você pode vê-lo em sua caixa de entrada de e-mail ou em seu painel do WordPress.

Com cada entrada de formulário, você receberá um e-mail como este:

Basta clicar nos links para visualizar ou baixar os próprios arquivos.

Você também pode encontrar facilmente os arquivos em seu painel do WordPress. Simplesmente vá para a página WPForms » Entradas e, em seguida, clique no nome do seu formulário.

Você pode ver os arquivos enviados na tabela de entradas do formulário do WordPress.

Alternativamente, você pode clicar no link ‘Visualizar’ para ver os detalhes completos de cada entrada do formulário.

Dica Bônus 🌟: Como Estilizar Seus Formulários do WordPress

Depois de criar um formulário de upload de arquivos, é uma boa ideia personalizá-lo de acordo com as cores da sua marca. Isso pode tornar seu formulário visualmente atraente e incentivar mais usuários a enviá-lo em seu site, gerando leads.

Você pode fazer isso facilmente com o WPForms. Ao adicionar seu formulário de upload de arquivos a uma página ou postagem, basta visitar a página WPForms » Configurações no painel do WordPress.

Aqui, marque a opção ‘Usar Marcação Moderna’ e clique no botão ‘Salvar Alterações’.

Agora abra a página onde você adicionou seu formulário e dê uma olhada no painel de blocos à direita. Aqui, você notará algumas novas configurações que pode usar para estilizar o formulário de upload de arquivos.

Você pode alterar as cores dos campos, as cores do texto e as cores dos botões para tornar seu formulário visualmente atraente.

Quando terminar, basta clicar no botão ‘Publicar’ ou ‘Atualizar’ no topo para salvar suas configurações. Agora você estilou com sucesso seu formulário de upload de arquivos.

Para mais detalhes, veja nosso tutorial sobre como personalizar e estilizar seus formulários do WordPress.

Tutorial em Vídeo

Prefere instruções em vídeo? Confira nosso tutorial completo no YouTube sobre como criar um formulário de upload de arquivos no WordPress:

Inscreva-se no WPBeginner

Esperamos que este tutorial tenha ajudado você a aprender como criar um formulário de upload de arquivos no WordPress. Você também pode querer conferir nosso guia definitivo para formulários do WordPress e nossas escolhas de especialistas para os melhores plugins de upload de arquivos do WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.