Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Formulário de upload de arquivo do WordPress

Como criar um formulário do WordPress com upload de arquivos 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: Turner John
imagem do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja criar um formulário de upload de arquivos no WordPress? Oferecer aos visitantes a possibilidade de carregar arquivos em seu site WordPress é a maneira ideal de coletar informações importantes sobre eles. Assim, você poderá saber mais sobre seus usuários e aprimorar seus negócios para atendê-los melhor.

Neste artigo, mostraremos como usar o melhor plugin de upload de arquivos do WordPress para criar seu próprio formulário para coletar essas informações.

Mas, antes de mais nada, por que você deve permitir que os usuários façam upload de arquivos no seu site?

Por que usar um formulário de upload de arquivos do WordPress?

Usar um formulário do WordPress com uma opção de upload de arquivo é uma ótima maneira de coletar arquivos, fotos, capturas de tela e outras mídias dos visitantes do seu site.

Se você aceita candidaturas de emprego, por exemplo, precisará de uma opção de upload de arquivos para que as pessoas enviem seus currículos ou formulários de candidatura para a biblioteca de mídia do WordPress.

Por outro lado, se você for uma empresa ou um blogueiro, talvez queira coletar conteúdo gerado pelo usuário para exibir imagens com avaliações de produtos ou para usar nas mídias sociais para aumentar o envolvimento e os assinantes.

Um formulário de upload de arquivo pode até ser usado por podcasters para aceitar clipes de áudio a serem reproduzidos durante uma sessão.

Como você pode ver, há muitos motivos pelos quais você pode precisar permitir que os usuários carreguem imagens ou arquivos no seu site WordPress. Então, que tal mostrarmos a você como criar um formulário que permita o upload de qualquer tipo de arquivo?

Como criar um formulário de upload de arquivos no WordPress com um plug-in

Para adicionar um formulário de upload de arquivo ao WordPress, você deve primeiro escolher o plugin WordPress certo para o trabalho.

Neste tutorial, usaremos o WPForms para criar um formulário do WordPress com a funcionalidade de fazer upload de vários tipos de arquivos. 

Página inicial do WPForms

O WPForms é o melhor plugin de upload de arquivos para WordPress do mercado. É fácil de usar e simples o suficiente para que os iniciantes comecem a usar rapidamente, sem o incômodo de criar formulários do zero com HTML e CSS. Além disso, os poderosos modelos de formulários e o construtor de arrastar e soltar facilitam a criação de qualquer formulário.

E se você não acredita em nós, dê uma olhada nos comentários de usuários satisfeitos do WPForms.

Comentários sobre WPForms

Por que não dar uma olhada nesta análise detalhada do WPForms para obter todos os detalhes?

Portanto, vá em frente e obtenha sua cópia do WPForms aqui. Em seguida, instale o plug-in no WordPress seguindo estas instruções.

Observação: há uma versão gratuita do WPForms no repositório de plugins do WordPress.org. Para este guia, usaremos o WPForms Pro para integrações e recursos avançados.

Depois de ativar o plug-in no painel do WordPress, siga estas etapas para criar seu próprio formulário de upload de arquivo:

Etapa 1: Crie um formulário de contato no WordPress

A primeira etapa é criar um formulário usando um dos modelos pré-criados do WPForms. Para este tutorial, usaremos um formulário de contato padrão.

Para fazer isso, na área de administração do WordPress, vá para WPForms " Add New.

Adicionar um novo formulário de upload de arquivo ao WordPress

Você verá uma tela semelhante à tela acima, onde poderá dar um nome ao formulário e escolher um modelo.

Selecione o modelo Simple Contact Form (Formulário de contato simples ).

Em seguida, você será levado ao criador de formulários, onde poderá personalizar e adicionar novos campos ao modelo padrão.

construtor de formulários para upload de arquivos formulário do wordpress

Os rótulos de campo padrão incluídos no modelo Simple Contact Form são os seguintes:

  • Nome
  • E-mail
  • Comentário ou mensagem

E você pode clicar em qualquer um desses campos para arrastá-los e reorganizá-los. Para adicionar mais campos, basta clicar em uma opção do lado esquerdo da tela e arrastá-la para o formulário.

Etapa 2: Adicionar o campo de upload de arquivos

Com o formulário de contato simples pronto, você está pronto para adicionar a opção de upload de arquivo ao seu formulário.

Para fazer isso, vá até o cabeçalho Fancy Fields e selecione o campo File Uploads

Em seguida, arraste o campo do painel esquerdo e solte-o no local onde deseja que ele fique no formulário. Você também pode simplesmente clicar no campo File Uploads para que ele apareça em seu formulário. 

arraste o campo de upload de arquivo e solte-o em seu formulário.

Para editar o campo de upload de arquivo em seu formulário, basta clicar nele para abrir as opções de campo.

editar os campos de upload de arquivos

Aqui você pode editar as seguintes opções:

  • Rótulo - altera o nome do campo.
  • Descrição - insira o texto para a descrição do campo do formulário.
  • Extensões de arquivo permitidas - insira as extensões de arquivo que você gostaria de permitir, separadas por vírgulas.
  • Max File Size (Tamanho máximo do arquivo) - insira o limite máximo de tamanho do arquivo em megabytes. O tamanho mínimo é 300 MB.
  • Max File Number (Número máximo de arquivos) - insira quantos arquivos os usuários têm permissão para carregar. O padrão é 1. 
  • Obrigatório - marque essa caixa de seleção para tornar obrigatório o upload de um arquivo.

O melhor dos uploads de arquivos com o WPForms é que você pode permitir que os usuários anexem vários arquivos de uma só vez. Tudo o que os usuários precisam fazer é arrastar e soltar os arquivos na área de upload no front-end do seu site.

Por padrão, todos os arquivos são armazenados na pasta WPForms dentro do diretório Uploads do seu site. Você também pode armazenar seus arquivos na Biblioteca de mídia do WordPress marcando a caixa de seleção "Store field in WordPress Media Library" (Armazenar campo na Biblioteca de mídia do WordPress) em Advanced Options (Opções avançadas).

Etapa 3: Configurar as definições gerais do formulário

Agora que seu formulário está configurado para aceitar uploads de arquivos, é hora de definir as configurações gerais do formulário.

Para fazer isso, vá para Configurações " Geral.

Configurações gerais do formulário

Nas configurações gerais do formulário, você pode configurar as seguintes opções:

  • Nome do formulário - dê um novo nome ao seu formulário, se desejar.
  • Descrição do formulário - adicione uma descrição ao seu formulário para entender melhor para que ele serve. Por exemplo, você diz quais tipos de arquivo são aceitos, como GIF, PNG, JPG etc.
  • Texto do botão Enviar- altera o texto do botão Enviar.
  • Prevenção de spam - reduza os envios indesejados de formulários marcando a opção honeypot antispam.
  • Armazenamento de informações - desative o armazenamento de informações de entrada no WordPress para cumprir as leis do GDPR.

Clique em Save (Salvar ) quando tiver definido essas configurações e passe para a próxima etapa.

Etapa 4: Configure notificações para seu formulário de upload de arquivos 

Agora, clique em Notifications (Notificações ) na guia General Settings (Configurações gerais ).

Aqui você pode optar por ativar as notificações para receber um e-mail sempre que um formulário for enviado.

Defina as notificações para seu formulário de upload de arquivo do Wordpress

Para manter as coisas rápidas e melhorar a capacidade de entrega de e-mails, o WPForms não anexa os arquivos enviados à notificação por e-mail. Em vez disso, é fornecido um link para você clicar e visualizar os uploads.

Por padrão, as notificações estão ativadas. No entanto, você pode optar por desativá-las selecionando Off no menu suspenso. 

Desativar notificações de formulário

Em seguida, certifique-se de salvar suas alterações.

Etapa 5: Adicionar a mensagem de confirmação

Em seguida, clique na guia Confirmations (Confirmações ) para configurar a mensagem que as pessoas verão após o envio do formulário.

mensagem de confirmação do formulário

Há três tipos de mensagens de confirmação disponíveis no WPForms, que são:

  1. Mensagem - exibe uma mensagem simples de agradecimento confirmando que o formulário foi enviado.
  2. Show Page (Mostrar página ) - redirecione os visitantes para uma página de agradecimento em seu site.
  3. Ir para URL (Redirecionamento) - envia os visitantes para um site diferente após o envio do formulário.

Para usar a opção de confirmação de mensagem padrão, basta digitar uma mensagem na caixa de mensagem de confirmação fornecida e, em seguida, salvar as alterações.

Etapa 6: Publique seu formulário de upload de arquivos do WordPress

Agora é hora de incorporar seu formulário de upload de arquivos no WordPress. O WPForms torna a publicação de um formulário muito fácil. Você pode adicionar seu formulário a um post, página ou até mesmo na barra lateral do seu site com o widget e os códigos de acesso do WPForms.

Veja como publicar um formulário em uma página do WordPress.

Primeiro, vá para Pages " Add New para criar uma nova página do WordPress. Em seguida, clique no ícone de mais para adicionar um novo bloco de conteúdo.

adicionar um formulário de upload de arquivo ao wordpress com a opção de bloco de conteúdo

Na caixa de pesquisa, digite WPForms, e o bloco de formulário aparecerá. Clique nele para adicioná-lo à sua página.

Agora, selecione seu formulário de upload de arquivo do WordPress na caixa suspensa para inseri-lo.

Selecione seu formulário de upload de arquivo na caixa suspensa

Clique em Publish para publicar sua página e pronto.

Esta é a aparência da parte frontal de seu site.

Novo formulário do WordPress com upload de arquivo

Etapa 7: Visualizar os arquivos carregados no WordPress

Quando as pessoas começarem a carregar arquivos no seu site, você poderá visualizar esses arquivos acessando WPForms " Entries.

Exibir arquivos carregados no WordPress

E clique em visualizar em qualquer arquivo para ver os detalhes. O arquivo será aberto em uma nova guia do navegador, onde você poderá ver mais detalhes e clicar para fazer o download do arquivo para o seu computador.

Se você precisar de mais recursos, o plug-in WPForms oferece vários complementos que podem ser instalados. Por exemplo, você pode usar o complemento Zapier para salvar automaticamente todos os uploads de arquivos no Google Drive, Dropbox e outros serviços de armazenamento em nuvem. Você também pode aceitar pagamentos com a versão Pro do WPForms.

Exibir as informações do arquivo carregado no WordPress usando WPForms

Perguntas frequentes

Como posso limitar os tipos e tamanhos de arquivos que os usuários podem carregar?

Para limitar os tipos e tamanhos de arquivos, você pode definir as configurações no plug-in de upload de arquivos. Por exemplo, no WPForms, navegue até o campo "Allowed File Extensions" (Extensões de arquivo permitidas) para definir os tipos de arquivo permitidos e ajuste o campo "Max File Size" (Tamanho máximo do arquivo) para limitar o tamanho do arquivo.

Como faço para solucionar o erro "Excede o upload máximo" no WordPress?

Você pode solucionar esse erro localizando o arquivo php.ini e procurando os seguintes parâmetros:

"upload_max_filesize =" e "post_max_size ="

Defina o valor "=" como 32M e salve. Você também pode entrar em contato com o provedor de hospedagem para obter ajuda.

Parabéns! Agora você sabe como criar um formulário do WordPress que permite que os usuários carreguem seus próprios arquivos. Tudo isso usando um poderoso plugin de formulário do WordPress com recursos de upload de arquivos.

Esperamos que este tutorial tenha sido útil para você. Aqui estão alguns outros guias passo a passo que podem ser úteis:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.