Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um formulário de upload de arquivos no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja criar um formulário de upload de arquivo no WordPress?

Talvez você esteja contratando funcionários e queira coletar currículos, ou talvez esteja realizando um concurso de fotografia em que precise que o candidato anexe arquivos.

Neste artigo, mostraremos como criar facilmente um formulário de upload de arquivo no WordPress, passo a passo.

Creating a File Upload form in WordPress

Por que criar um formulário de upload de arquivos no WordPress?

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

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

O uso de um formulário de upload de arquivo facilita a sua vida e a de seus usuários. Em vez de ficar enviando e-mails para lá e para cá, você pode criar um formulário que inclua todos os campos necessários para coletar todas as informações de uma só vez.

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

Dito isso, vamos dar uma olhada em como criar um formulário de upload de arquivo no WordPress.

Tutorial em vídeo

Subscribe to WPBeginner

Se você preferir instruções por escrito, continue lendo.

Como criar um formulário de upload de arquivos no WordPress

Para este tutorial, usaremos o WPForms, que é o melhor plugin de formulário de contato para WordPress.

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

Primeiro, você precisará instalar e ativar o plug-in WPForms. Para obter mais instruções, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: o WPForms também oferece uma versão gratuita. No entanto, você precisará da versão Pro do plug-in para desbloquear o modelo de formulário de upload de arquivo.

Após a ativação, vá para a página WPForms ” Adicionar novo na barra lateral de administração do WordPress.

Isso o levará à página “Search Template” (Pesquisar modelo), onde você poderá começar a nomear seu novo formulário. Você também precisa procurar o modelo de formulário de upload de arquivo na caixa de pesquisa à esquerda.

Em seguida, basta clicar no botão “Use Template” (Usar modelo) na opção “File Upload Form” (Formulário de upload de arquivo).

Choose the File Upload form template

Agora você será levado ao construtor do WPForms, onde o formulário de upload de arquivos será criado automaticamente para você.

Você pode usar o modelo de formulário de upload de arquivo sem fazer nenhuma alteração ou também pode arrastar e soltar campos de formulário da barra lateral “Add Fields”.

File Upload form will now be automatically created for you

Em seguida, clique no campo “File Upload” no formulário para abrir suas configurações na coluna da esquerda.

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

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

Tudo o que você precisa fazer é digitar os formatos de arquivo que deseja aceitar na caixa “Extensões de arquivo permitidas”.

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

Type file extension type

Observação: O WordPress limita os tipos de arquivos que podem ser carregados no site por motivos de segurança do WordPress. Você pode adicionar tipos de arquivos adicionais ao WordPress se quiser permitir que os usuários carreguem tipos de arquivos que normalmente não são permitidos.

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

Se quiser impedir que as pessoas enviem o formulário sem anexar seus arquivos, você pode ativar a opção “Required”. Isso significa que o formulário não pode ser enviado a menos que pelo menos um arquivo tenha sido carregado.

Choose file size and the number of files to be uploaded

Em seguida, basta alternar para a guia “Advanced” (Avançado) na parte superior.

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

No entanto, se você tiver espaço limitado para o formulário ou preferir um campo de upload clássico, poderá alterar isso. Basta selecionar a opção “Classic” no menu suspenso “Style” (Estilo).

Dica: o campo de upload clássico permite o upload de apenas um arquivo. Se quiser que os usuários possam enviar mais de um arquivo, será necessário adicionar vários campos de upload de arquivo ao formulário.

Choose the Classic option as the form style from the dropdown menu

Você também pode optar por armazenar os arquivos enviados na Biblioteca de mídia do WordPress, ativando a opção “Store file in WordPress Media Library” (Armazenar arquivo na Biblioteca de mídia do WordPress). Isso facilita a adição dos arquivos carregados a um post ou página.

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

Observação: Os arquivos carregados ainda serão salvos no banco de dados do WordPress, mesmo que você não marque essa caixa. Eles são apenas armazenados em uma pasta separada na sua conta de hospedagem do WordPress.

Toggle the switch to allow the form to store files in the media library

Se quiser editar qualquer um dos outros campos do 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 formulário File Upload na coluna da esquerda.

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

Save the form after adding additional fields

Quando estiver satisfeito com seu formulário, clique no botão “Save” (Salvar) no canto superior direito da tela para armazenar suas configurações.

Configuração das notificações do formulário de upload de arquivos

Para alterar as configurações de notificação do formulário, você precisa abrir a guia “Settings” (Configurações) no canto esquerdo. Quando estiver lá, basta clicar na guia “Notifications” (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 por conta própria, esse será 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.

Change the email address the receives the notifications

No entanto, se não tiver certeza de que {admin_email} é o seu endereço de e-mail, basta acessar a página Configurações ” Geral no painel de administração do WordPress.

Quando estiver lá, procure o endereço de e-mail de administração. Agora você pode alterar o endereço de e-mail do administrador aqui.

Check the admin email

Quando terminar, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Se quiser que os arquivos enviados sejam enviados para mais de uma pessoa, consulte nosso tutorial sobre como criar um formulário de contato com vários destinatários de notificação.

Também é possível alterar a mensagem de confirmação que os usuários veem depois que o formulário é enviado.

Para fazer isso, você precisa acessar a página Configurações ” Confirmações na coluna da esquerda. Em seguida, basta digitar a mensagem na caixa “Confirmation Message” (Mensagem de confirmação). Você também pode adicionar formatação, como negrito e itálico.

Change the confirmation message

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

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

Adição do formulário de upload de arquivos ao seu site

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

Para fazer isso, você deve abrir uma página/post existente ou nova do WordPress na barra lateral do administrador. Para este tutorial, adicionaremos o formulário File Upload a uma nova página.

Quando estiver lá, clique no botão Add New Block ‘(+)’ no canto superior esquerdo da tela e localize o bloco WPForms.

Locate and add the WPForms block

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

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

Choose the File Upload form from the dropdown menu

Por fim, clique no botão “Publicar” ou “Atualizar” para salvar suas alterações.

Agora você pode visitar seu site para ver o formulário File Upload em ação.

File upload form preview

Você também pode fazer alterações em seu formulário a qualquer momento visitando a página WPForms ” All Forms (Todos os formulários ) na barra lateral do administrador.

A partir daí, 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.

Edit form

Quando você editar o formulário, ele será atualizado automaticamente no site, portanto, não será necessário adicioná-lo novamente à página.

Dica: é uma boa ideia testar seu formulário para ter certeza de que ele está funcionando conforme o esperado. Se você não receber uma notificação por e-mail após criar uma entrada de formulário, leia nosso guia passo a passo sobre como corrigir o problema do WordPress que não envia e-mails.

Visualização ou download dos arquivos carregados

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

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

Preview of the email you'll receive when someone fills the form

Basta clicar nos links para visualizar ou baixar os arquivos.

Você também pode encontrar facilmente os arquivos em seu painel do WordPress. Basta acessar a página WPForms ” Entradas e clicar no nome do seu formulário.

Choose the file upload form on the entries page

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

Como alternativa, você pode clicar no link “Visualizar” para ver os detalhes completos de cada formulário de inscrição.

View form entries

Bônus: Como estilizar seus formulários do WordPress

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

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

Aqui, marque a opção “Use Modern Markup” (Usar marcação moderna) e clique no botão “Save Changes” (Salvar alterações).

Enable modern markup in WPForms

Agora, abra a página em que adicionou o formulário e dê uma olhada no painel de blocos à direita. Aqui, você verá algumas novas configurações que podem ser usadas para estilizar o formulário de upload de arquivos.

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

Style your file upload form

Quando terminar, basta clicar no botão “Publish” (Publicar) ou “Update” (Atualizar) na parte superior para armazenar suas configurações. Agora você conseguiu estilizar seu formulário de upload de arquivos.

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

Esperamos que este tutorial tenha ajudado você a aprender como criar um formulário de upload de arquivo no WordPress. Talvez você também queira conferir nossas escolhas de especialistas para os melhores plug-ins de pesquisa do WordPress e ler nosso guia sobre como criar um boletim informativo por e-mail.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

14 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez says

    I can that WPForms seems to be the best contact form plugin for WordPress for any business bro has.
    But what if I want to store the uploaded files in another location, maybe third party location, like AWS, azure or Google drove, do that I can be able to collect more files and never overload my shared WordPress hosting database.

    • WPBeginner Support says

      WPForms does allow you to send the uploaded files to storage like AWS or drive to not have the files on your hosting itself.

      Administrador

  3. Ralph says

    This is really nice idea for a contest. Way better than leaving an email that can be spammed with a lot of files. This is clear, offer security in form of deciding what files are accepted and how many of them. Great guide!

  4. Jiří Vaněk says

    Before I had my own server where I configured PHP according to my needs, it’s important to note that the upload file size limit might still be on the provider’s side. Many providers have a much smaller PHP limit per file. Be mindful of this. Sometimes, you can adjust it in the .htaccess file, sometimes with a .user.ini file, and sometimes not at all. You might need to contact the server administrator to increase the file upload limit using PHP.

  5. Patricia Dueck says

    When a person uploads a file to a WordPress form, do they have to have a WordPress account or a certain type of email address or can anyone upload a file regardless of their email address?

    • WPBeginner Support says

      It would depend on how you set up the form but you can accept uploads from anyone you wanted :)

      Administrador

  6. Leandro says

    Hello, first thanks for sharing knowledge.

    One question: is there any way to change the path for sending the file, for example to an S3 bucket?

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.