Crie um Formulário de Upload de Arquivos no WordPress Grátis: Guia para Iniciantes

Quer saber como os usuários podem enviar currículos, capturas de tela, documentos ou arquivos de projeto através do seu formulário WordPress?

Um campo de upload de arquivos simples permite que eles enviem tudo com o envio do formulário. Você não precisa coletar arquivos separadamente por e-mail. E se você for um usuário de WordPress, é ainda mais fácil. Você só precisará do plugin de formulário correto.

Veja a frustração: Alguém preenche todos os campos básicos do seu formulário de contato, mas não encontra uma maneira de anexar uma captura de tela do problema. O formulário não possui um campo de upload de arquivos, então a pessoa precisa enviar por e-mail. Isso quebra o fluxo e o usuário sente desconforto. Torna-se um incômodo tanto para o usuário quanto para o administrador gerenciar todos os dados do formulário e a caixa de entrada ao mesmo tempo.

Então, seja para coletar imagens ou qualquer tipo de documento, adicionar uma opção de upload de arquivos é obrigatório. Hoje, veremos como criar um formulário de upload de arquivos no WordPress, totalmente gratuito.

Por que Adicionar um Campo de Upload de Arquivos em Formulários WordPress?

Nem todos os formulários exigem um campo para envio de arquivos. Na maioria dos casos, campos de texto são suficientes para coletar informações básicas. No entanto, há certas situações em que o envio de arquivos torna o processo mais rápido e fácil. Vamos ver alguns cenários reais em que você precisa de um formulário com campo para envio de arquivos:

• Ao resolver tickets de suporte, anexar uma captura de tela do erro facilita a compreensão e a resolução do problema pela equipe.
• No formulários de candidatura a vagas de emprego, os entrevistadores precisam dos currículos e portfólios dos candidatos para avaliá-los. 
• Durante o processo de inscrição on-line, os alunos costumam ser solicitados a enviar históricos escolares, cartas de recomendação e documentos de identificação.
• Para formulários legais onde o cliente pode precisar enviar contratos ou outros documentos jurídicos.
• Nos formulários médicos, os pacientes podem anexar suas receitas, laudos e outros documentos necessários.  
• Em formulários de concursos, por exemplo, em um formulário de concurso de fotografia, os participantes precisam enviar suas fotos clicadas. 

Se não houvesse um campo para envio de arquivos, os usuários teriam enviado seus arquivos por e-mail. Com o tempo, os e-mails começam a se acumular, um após o outro. Você acaba tendo que lidar com os dados do formulário em um lugar e com os arquivos em outro.

Isso significa ficar alternando constantemente entre o painel do WordPress e sua caixa de entrada apenas para associar os envios aos respectivos arquivos. Essa alternância vai atrasar todo o processo e aumentar a chance de perder informações importantes.

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

Agora que você viu em quais formas as opções de upload de arquivos são úteis. A próxima parte, que geralmente parece confusa no início, é: criar uma e configurá-la corretamente sem quebrar o fluxo do seu formulário.

O bom é que existem criadores de formulários fáceis de usar, do tipo “arrastar e soltar”, como o Bit Form no WordPress. Com esse plugin, criar um formulário de envio de arquivos no WordPress é mais fácil do que você imagina.

E o melhor de tudo? O Bit Form inclui um campo para upload de arquivos no versão gratuita. Além disso, o plugin vem com mais de 50 campos de formulário e vários recursos gratuitos com os quais você pode criar formulários ilimitados, como formulários com várias etapas, formulários de lógica condicional, formas coloquiais, e muito mais.

Agora, vamos construir o formulário de upload de arquivos passo a passo

Passo 1: Instalar e ativar o Bit Form

Se você ainda não instalou o Bit Form, acesse o painel do WordPress.

Você pode seguir o procedimento habitual: acesse Plug-ins → Adicionar Novo→Pesquisar por Bit Form e instale-o e ative-o. Ou, simplesmente baixe o arquivo Bit Form do site.

Depois de ativado, você verá “Bit Form” no seu painel.

Etapa 2: Criar um novo formulário com envio de arquivo 

Agora, clique em “+Criar Formulário”. Você verá várias opções para começar do zero ou usar um modelo pré-fabricado.

Para este guia, usarei um modelo simples de formulário de contato.

Você também pode renomear o formulário com base em sua finalidade. Esta é uma boa prática quando você está gerenciando vários formulários.

O modelo já inclui campos básicos como:

• Nome
• E-mail
• Mensagem

Agora você precisa adicionar uma opção de upload de arquivo. 

Após adicionar, o próximo passo é configurar as definições do campo.

Passo 3: Configurar as definições do campo de upload de arquivo 

Vá para o painel de configurações do campo de upload de arquivos.

Vamos começar com as Configurações Básicas

• Adicione um rótulo claro para que os usuários entendam o que fazer upload
• Torne o campo obrigatório se o arquivo for obrigatório
• Adicione um texto de ajuda curto, se necessário

Você também pode permitir que os usuários façam upload de:

• Vários arquivos
• Diferentes tipos de arquivo dependendo do seu caso de uso

Estas são as suas opções centrais de upload de arquivo.

Passo 4: Em seguida, vá para Configurações Avançadas

Aqui você pode:

• Personalize o texto do botão de upload
• Adicione ícones para melhor clareza visual
• Mostrar status de seleção de arquivo

Você também pode ativar a visualização de arquivos ou a visualização em lista. Além disso, havia muitos outros recursos úteis. Essas opções ajudam os usuários a entender o que eles fizeram o upload antes de enviar o formulário. Isso reduz erros e melhora a experiência geral do usuário.

Após terminar a configuração, não se esqueça de clicar em “Atualizar”botão no canto superior direito. 

Nesta fase, seu formulário do WordPress com upload de arquivos está totalmente funcional.

Passo 5: Estilize seu formulário

Assim que o campo de upload de arquivos estiver pronto, você pode ajustar o design do formulário na aba Estilo. Você pode estilizar seu formulário de upload de arquivos como desejar com Bit Form’s editor de estilo funcionalidade. 

Assim como eu fiz, mova para a “Estilo” aba. Aqui, você pode rapidamente ir para a Ajustes Rápidos de Tema painel para ajustar cores de fundo, fontes, tamanhos de campo e outros elementos. Ou, você também pode personalizar o elementos globais ou projetar os elementos do formulário individualmente. As alterações aparecem ao vivo, o que facilita a combinação do formulário com o design do seu site.

Como gerenciar arquivos enviados com opções de armazenamento em nuvem

Agora você deve estar se perguntando para onde vão os arquivos enviados? Bem, por padrão, eles são armazenados no seu servidor. Isso funciona bem para formulários pequenos, mas o problema surge quando você precisa gerenciar arquivos maiores e quando as submissões aumentam.

O que acontece quando os arquivos são armazenados em seu servidor:

• Eles esgotam rapidamente o seu espaço de hospedagem
• Arquivos grandes podem deixar seu site lento
• Gerenciar arquivos fica bagunçado com o tempo
• Backup e recuperação tornam-se mais críticos

Uma maneira melhor de gerenciar arquivos

Em vez de depender apenas do seu servidor, você pode enviar arquivos carregados diretamente para o armazenamento em nuvem.

O Bit Form oferece suporte a integrações populares com serviços de armazenamento em nuvem, como o Dropbox e o Google Drive. Neste exemplo, usaremos o Dropbox.

A integração com o Dropbox está disponível na versão gratuita, permitindo enviar arquivos carregados para o Dropbox sem gastar um centavo. Para configurar, siga os passos abaixo:

Nota: Bit Form integra com mais de 50 plataformas e serviços, e todos eles são grátis.

Passo 1: Vá para Integrações

Então mude para a “Configurações” painel do painel. Em seguida, vá para “Integrações” do menu à esquerda.

Então pesquise por Dropbox. 

Passo 2: Conectar o Dropbox

Assim que o aplicativo aparecer, clique nele e uma janela de autorização será exibida. Para conectar sua conta do Dropbox, primeiro autorize o aplicativo do Dropbox com a chave de API, segredo e código de acesso. 

Após completar a autorização, a integração se torna ativa.

Passo 3: Campo de Upload de Arquivo do Mapa

Depois de conectar o Dropbox, como você pode ver na imagem, faltam apenas mais duas etapas.

No segundo passo, você precisa mapear o campo de entrada de arquivo com a pasta dropbox para que os arquivos sejam enviados para o local correto.

Existe também a opção de remover arquivos do seu servidor WordPress após eles serem enviados para o Dropbox. Ative esta opção se você quiser manter seu servidor limpo.

Clicar Próximo, e, em seguida, conclua a configuração.

Passo 4: Salvar a Integração

Clique em “Finalizar e Salvar” e sua integração de armazenamento em nuvem está feita!

Etapa 5: Definir o Gatilho para Upload de Arquivo

Após conectar sua conta do Dropbox, você precisa informar ao formulário quando ele deve enviar os arquivos para o Dropbox.

Ir para a Lógica Condicional configurações. Você verá uma condição padrão chamada Mensagem de Sucesso. Clique nele e mantenha as condições existentes como estão.

Agora role para baixo para Configurações Adicionais. A partir daqui, selecione a integração do Dropbox que você acabou de criar. Isso vincula o envio do formulário ao seu armazenamento em nuvem.

Salve as configurações após terminar. Agora teste seu formulário: envie um arquivo através dele e verifique sua pasta selecionada no Dropbox. Deve estar funcionando perfeitamente.

Como manter seu formulário de upload de arquivos seguro sem prejudicar a experiência do usuário

Adicionar um formulário com upload de arquivos sempre vem com uma preocupação: E se alguém enviar algo prejudicial? Mas com algumas decisões inteligentes, os problemas podem ser solucionados mais rapidamente.

A maioria dos problemas acontece quando os formulários ficam muito abertos. Por exemplo, permitir qualquer tipo de arquivo ou tamanho ilimitado pode parecer flexível, mas torna seu site vulnerável a ataques e o deixa mais lento.

Comece com o controle do tipo de arquivo. Permita apenas formatos que você realmente precisa. Por exemplo, use o formato PDF ou DOCX para documentos e o formato JPG ou PNG para imagens.

O tamanho do arquivo é a próxima coisa a gerenciare. Se não houver limite, os usuários poderão enviar arquivos grandes, o que pode afetar o desempenho do seu site. Portanto, defina um limite para evitar sobrecarga desnecessária no seu sistema.

Armazenamento também desempenha um papel na segurança. Quando os arquivos são mantidos apenas no seu servidor, tudo depende do seu ambiente de hospedagem. Como fizemos na seção anterior, o uso de armazenamento em nuvem reduz essa dependência e oferece maior controle sobre seus arquivos.

Você também deve esperar spam. Formulários do WordPress tendem a atrair envios automatizados. Um simples CAPTCHA ou a camada de validação geralmente é suficiente para bloquear a maior parte disso sem tornar o formulário mais difícil de usar.

Se você estiver coletando documentos confidenciais, como contratos ou prontuários médicos, você pode usar as configurações do Bit Form para desabilitar visualização pública de entradas e restringe o acesso apenas a usuários logados. Isso mantém os arquivos carregados fora do alcance de qualquer pessoa sem uma conta.

Por fim, continue revisando os uploads ocasionalmente e remover o que você não precisa torna seu sistema mais fácil de gerenciar.

Bônus: O Campo de Upload de Arquivo Avançado (Pro)

Se você atualizar para Bit Form Pro (a partir de $29 por ano), você tem acesso a um campo de upload de arquivo avançado que lhe dá mais controle sobre a experiência de upload.

Veja a seguir o que o campo “Upload avançado de arquivos” suporta:

• Arrastar e Soltar: Os usuários podem arrastar arquivos diretamente da área de trabalho para a zona de envio, em vez de clicar em um navegador de arquivos.
• Copiar e colar: Os arquivos podem ser colados diretamente no campo a partir da área de transferência.
• Reordenação de arquivos: Os usuários podem reorganizar a ordem dos arquivos selecionados antes de enviá-los.
• Captura da câmera: Em dispositivos móveis, os usuários podem tirar uma foto diretamente pelo formulário, usando a câmera frontal ou traseira, sem sair da página.
• Opções de layout compacto e expandido: Escolha como o painel de envio será exibido: em uma única linha ou em uma visualização expandida.
• Personalização do estilo do arquivo: Controle a aparência do botão de envio, incluindo os estilos “somente ícone”, “clássico” e “plano”.

No entanto, você não precisa necessariamente do Plano Premium para criar um formulário padrão de envio de arquivos no WordPress.

O Pro vale a pena ser considerado se o seu fluxo de trabalho precisar especificamente de upload por arrastar e soltar, captura de câmera móvel ou um layout de upload mais personalizado. Se nenhum desses itens parecer importante no momento, a versão gratuita é mais do que suficiente para criar um formulário padrão do WordPress com um campo de upload de arquivos.

Considerações finais

Espero que, ao ler até aqui, tenha ficado claro para você que coletar arquivos em um formulário não é complicado. Você não precisa de uma configuração complexa nem de um plugin pago para criar um formulário básico de envio de arquivos.

Criar um formulário com a opção de envio de arquivos é simples se o criador de formulários oferecer o campo adequado e instruções claras. Aqui, com esse plugin, defini os tipos e tamanhos de arquivo, personalizei o formulário e enviei os arquivos enviados para um serviço de armazenamento em nuvem, como o Dropbox.

Assim, da próxima vez que alguém precisar enviar um currículo, uma captura de tela ou um documento para você, não precisará vasculhar a caixa de entrada para enviar um e-mail. A pessoa poderá enviar diretamente pelo seu site.

Perguntas frequentes