Como adicionar o recurso de upload de arquivos aos formulários do WordPress

Como adicionar o recurso de upload de arquivos aos formulários do WordPress

Às vezes, os campos de texto não são suficientes. Você precisa que os usuários enviem currículos, carreguem fotos, anexem documentos ou enviem capturas de tela. Os campos de upload de arquivos transformam formulários de contato básicos em poderosas ferramentas de coleta de documentos.

Neste guia, você aprenderá como adicionar a funcionalidade de upload de arquivos aos seus formulários do WordPress — desde a configuração básica até a configuração avançada.

Por que adicionar o recurso de upload de arquivos aos formulários?

Colete o que o texto não consegue capturar.

  • Currículos/CVs – Documentos formatados dizem mais do que texto
  • Fotos – Provas visuais, exemplos, portfólios
  • Screenshots – Mostre exatamente o que os usuários veem
  • Documentos – Contratos, certificados, registros

Simplifique os fluxos de trabalho

  • Não é permitido anexar arquivos de e-mail separadamente.
  • Arquivos relacionados a envios de formulários
  • Tudo em um só lugar
  • Mais fácil de rastrear e organizar.

Experiência profissional

  • Capacidade de forma moderna
  • Os usuários esperam opções de upload de arquivos.
  • Reduz as solicitações de ida e volta

Casos de uso comuns para upload de arquivos

Os pedidos de emprego

  • Currículo/CV (PDF, DOC)
  • Carta de apresentação
  • Amostras de portfólio
  • Certificações

Tickets de Suporte

  • Capturas de tela dos problemas
  • Logs de erros
  • Arquivos de configuração
  • Gravações de vídeo

Solicitações de cotação

  • Especificações do projeto
  • Imagens de referência
  • Projetos existentes para replicar
  • Plantas baixas, projetos

Reivindicações de seguro

  • Fotos de danos
  • Boletins policiais
  • Registros médicos
  • Recibos

Feedback dos nossos clientes

  • Fotos do produto
  • Imagens antes/depois
  • Conteúdo gerado por usuários

Registro de Eventos

  • Verificação de identificação
  • Prova de elegibilidade
  • Rosters da equipe

Formulários de inscrição de contratados/fornecedores

  • Licenças empresariais
  • Certificados de seguro
  • Amostras de trabalho

Adicionando o envio de arquivos ao seu formulário

Veja como adicionar uploads de arquivos com Construtor automático de formulários:

Passo 1: Instale o Construtor Automático de Formulários

  1. Acesse Plugins → Adicionar Novo
  2. Procurar por "A.F.B.(Abreviação de Auto Form Builder)
  3. Encontrar "AFB – Criador Automático de Formulários – Criador de Formulários com Arrastar e Soltar"
  4. Clique Agora instale, Em seguida Ativação

Etapa 2: Crie ou edite seu formulário

  1. Acesse Construtor automático de formulários → Adicionar novo (ou editar formulário existente)
  2. Você verá o construtor de formulários do tipo "arrastar e soltar".

Passo 3: Adicione o campo de upload de arquivos

  1. Encontre Anexar Ficheiro na paleta de campos
  2. Arraste-o para a tela do seu formulário.
  3. Posicione onde desejar (normalmente após os campos de contato).

Etapa 4: definir configurações básicas

Clique no campo de upload de arquivos para abrir as configurações:

Legenda do campo

Dê a isso um rótulo claro e descritivo:

  • “Enviar currículo”
  • “Anexar documentos”
  • “Enviar capturas de tela”
  • “Anexar arquivos”

Obrigatório/Opcional

Decida se o envio de arquivos é obrigatório:

  • Exigido – O usuário deve fazer o upload para enviar
  • Opcional – O usuário pode enviar sem arquivos

Texto de ajuda

Adicionar instruções para os usuários:

  • “Faça o upload do seu currículo em formato PDF ou Word”
  • Anexe capturas de tela que mostrem o problema.
  • “Tamanho máximo do arquivo: 10 MB”

Etapa 5: Configurar restrições de tipo de arquivo

Controle quais tipos de arquivo são aceitos:

Por categoria

  • Imagens – JPG, PNG, GIF, WebP
  • Documentos – PDF, DOC, DOCX
  • Spreadsheets – XLS, XLSX, CSV
  • Arquivo – ZIP, RAR
  • em áudio – MP3, WAV
  • Vídeo – MP4, MOV

Ative apenas o que você precisa.

Para currículos: Ative somente Documentos
Para capturas de tela: Ative somente imagens
Para anexos em geral: Ative Documentos + Imagens

Etapa 6: Defina os limites de tamanho

Impeça o envio de arquivos muito grandes:

  • Limite por arquivo – Tamanho máximo para cada arquivo
  • Configurações comuns: 5 MB, 10 MB, 25 MB
  • Leve em consideração as limitações do servidor.

Etapa 7: Configurar vários arquivos (opcional)

Permitir que os usuários carreguem mais de um arquivo:

  • Habilitar vários arquivos - Ativar
  • Arquivos mínimos – Mínimo obrigatório (0 para opcional)
  • Número máximo de arquivos – Tampa para evitar abusos

Etapa 8: salvar e testar

  1. Salve seu formulário
  2. Pré-visualizar ou incorporar em uma página
  3. Teste o envio de vários arquivos.
  4. Verificar se os arquivos aparecem nos envios

Opções de configuração de upload de arquivos

Arquivo único vs. Arquivos múltiplos

Configuração Usar quando Exemplo
Único arquivo Apenas um documento necessário Foto de perfil, currículo único
Vários arquivos Vários arquivos esperados Portfólio, várias capturas de tela

Restrições de tipo de arquivo

Cenário Tipos recomendados
Pedidos de emprego PDF, DOCX, DOCX
Bilhetes de suporte Imagens (JPG, PNG) + PDF
Envio de fotos JPG, PNG, WebP
Importações de dados CSV, XLS, XLSX
Documentos gerais PDF, DOC, DOCX, Imagens
Arquivos compactados ZIP

Diretrizes de Limite de Tamanho

Tipo de arquivo Tamanho típico Limite sugerido
Documentos de texto (DOC, PDF) 100 KB – 2 MB 5-10 MB
Spreadsheets 100 KB – 5 MB 10 MB
Fotos (comprimidas) 500 KB – 5 MB 10 MB
Imagens de alta resolução 5 MB – 20 MB 20-25 MB
Vídeos curtos 10 MB – 100 MB 50-100 MB

Exemplos de campos para upload de arquivos

Envio de currículo (candidatura a emprego)

  • Gravadora: “Enviar currículo”
  • Requeridos: Sim
  • Múltiplo: Não (fila única)
  • Tipos de arquivo: PDF, DOCX, DOCX
  • Tamanho máximo: 5 MB
  • Texto de ajuda: Faça o upload do seu currículo (formato PDF ou Word, máximo 5 MB)

Anexo de captura de tela (Ticket de suporte)

  • Gravadora: “Anexar capturas de tela”
  • Requeridos: Não (opcional)
  • Múltiplo: Sim (até 5)
  • Tipos de arquivo: JPG, PNG, GIF
  • Tamanho máximo: 10 MB cada
  • Texto de ajuda: “Faça o upload de capturas de tela mostrando o problema (opcional, até 5 imagens)”

Pacote de Documentos (Solicitação de Orçamento)

  • Gravadora: “Documentos do Projeto”
  • Requeridos: Não
  • Múltiplo: Sim (até 10)
  • Tipos de arquivo: PDF, DOC, Imagens, ZIP
  • Tamanho máximo: 15 MB cada
  • Texto de ajuda: Anexe quaisquer documentos, imagens ou especificações relevantes.

Envio de fotos (Concurso)

  • Gravadora: “Fotos para inscrição no concurso”
  • Requeridos: Sim
  • Múltiplo: Sim (3-5 arquivos)
  • Tipos de arquivo: Somente JPG e PNG
  • Tamanho máximo: 10 MB cada
  • Texto de ajuda: “Faça o upload de 3 a 5 fotos de alta qualidade (JPG ou PNG)”

Acessando arquivos enviados

Em Formulários de Submissão

  1. Acesse Criador automático de formulários → Envio de formulários
  2. Encontre e clique na submissão.
  3. Os arquivos enviados aparecem com a entrada.
  4. Clique para baixar ou visualizar

Local de armazenamento de arquivos

Os arquivos enviados são normalmente armazenados em:

  • Pasta de uploads do WordPress
  • Organizado por data ou formulário
  • Acesso pela Biblioteca de Mídia ou links diretos.

Em notificações por e-mail

Dependendo das configurações:

  • Arquivos anexados ao e-mail de notificação
  • Ou links para baixar arquivos

Observação: Arquivos grandes podem exceder os limites de anexos de e-mail. Links são mais seguros para arquivos grandes.

Exportação em CSV

Os campos de arquivo normalmente são exportados como:

  • URLs para os arquivos enviados
  • Nomes de arquivos

Requisitos e limites do servidor

Configurações PHP

A configuração do servidor afeta os uploads:

Configuração O que ele controla Valores comuns
upload_max_filesize Tamanho máximo por arquivo 2M, 10M, 64M
post_max_size Dados POST totais máximos 8M, 32M, 128M
max_file_uploads Número máximo de arquivos por solicitação 20
max_execution_time Tempo limite do script 30, 60, 300 segundos

Testando seus limites

Para descobrir os limites do seu servidor:

  1. Acesse Ferramentas → Saúde do Site → Informações
  2. Expandir servidor seção
  3. Procure por valores relacionados ao upload.

Se os limites forem muito baixos

  • Entre em contato com seu provedor de hospedagem
  • Ou adicione ao .htaccess / php.ini (se permitido)
  • Defina os limites do formulário abaixo dos limites do servidor.

Considerações de Segurança

Validação de tipo de arquivo

Sempre restrinja os tipos de arquivo:

  • Ative apenas os tipos que você realmente precisa.
  • Nunca permita arquivos executáveis ​​(.exe, .php, .js)
  • A validação ocorre tanto no cliente quanto no servidor.

Segurança de armazenamento de arquivos

  • Arquivos armazenados fora da raiz da web sempre que possível.
  • O acesso direto ao URL pode ser restrito.
  • Considere quem pode acessar os arquivos enviados.

Prevenção de malware

Para aplicações sensíveis:

  • Utilize plugins de segurança com verificação de malware.
  • Restringir a formatos seguros comuns (PDF, JPG)
  • Analise os arquivos enviados antes de usá-los.

Melhores Práticas

1. Seja específico quanto aos requisitos.

Diga aos usuários exatamente o que devem enviar:

  • Tipos de arquivo aceitos
  • Tamanho máximo do arquivo
  • Número de arquivos permitidos
  • O que o arquivo deve conter

2. Utilize limites apropriados

Adequar os limites às necessidades reais:

  • Os currículos não precisam ter limite de 50 MB.
  • Os concursos de fotografia precisam de limites maiores.
  • Considere a capacidade do servidor.

3. Torne-o opcional sempre que possível.

Não exija arquivos a menos que sejam essenciais:

  • Os usuários podem não ter arquivos prontos.
  • Aumenta a taxa de preenchimento de formulários
  • Se necessário, faça o acompanhamento para obter os arquivos.

4. Ative o recurso de arrastar e soltar.

Experiência de usuário moderna e fácil de usar:

  • Os usuários esperam a funcionalidade de arrastar e soltar.
  • Mais rápido do que clicar, navegar e selecionar.
  • Funciona com vários arquivos

5. Mostrar progresso do upload

Arquivos grandes demoram a carregar:

  • A barra de progresso evita confusão.
  • Os usuários sabem que o upload está funcionando.
  • Reduz o número de uploads abandonados

6. Teste exaustivamente

Antes de entrar no ar:

  • Carregar vários tipos de arquivos
  • Teste nos limites de tamanho
  • Tente usar tipos de arquivo inválidos (devem ser rejeitados)
  • Verificar se os arquivos aparecem nos envios
  • Teste em dispositivos móveis

Solução de problemas de upload de arquivos

O upload falha imediatamente

Verifica:

  • É permitido o tipo de arquivo
  • O tamanho do arquivo está dentro do limite.
  • O JavaScript está ativado no navegador.

O upload falha durante o processo.

Causas possíveis:

  • Tempo limite do servidor
  • Conexão interrompida
  • O tamanho máximo do servidor foi excedido.

Soluções:

  • Reduzir o tamanho do arquivo
  • Verificar limites do servidor
  • Experimente primeiro com arquivos menores.

Arquivos que não aparecem no envio

Verifica:

  • Carregar formulário preenchido antes de enviar
  • O servidor tem espaço em disco disponível.
  • Permissões de arquivo adequadas no servidor

Erro "Tipo de arquivo não permitido"

Soluções:

  • Ative o tipo de arquivo nas configurações do campo.
  • O usuário pode estar enviando um arquivo em formato incorreto.
  • Verifique se a extensão do arquivo corresponde ao conteúdo.

Não consigo baixar os arquivos enviados.

Verifica:

  • Os arquivos existem no local de armazenamento.
  • Permissões de arquivo corretas
  • Links/caminhos são válidos

Perguntas frequentes

O recurso de upload de arquivos está incluído na versão gratuita?

Sim! O Auto Form Builder inclui a funcionalidade de upload de arquivos na versão gratuita — não é necessário fazer upgrade para uma versão paga para uploads básicos de arquivos.

Que tipos de arquivos os usuários podem enviar?

Você controla isso nas configurações do campo. As opções comuns incluem imagens (JPG, PNG), documentos (PDF, DOC), planilhas (XLS, CSV) e arquivos compactados (ZIP). Habilite apenas o que você precisa.

Qual é o tamanho máximo do arquivo?

Você define isso nas configurações do campo, mas também é limitado pela configuração PHP do seu servidor. Verifique a configuração upload_max_filesize do seu servidor.

Os usuários podem enviar vários arquivos?

Sim, habilite a opção “Permitir vários arquivos” nas configurações do campo e defina os limites mínimo e máximo.

Onde os arquivos enviados são armazenados?

Os arquivos são armazenados na pasta de uploads do WordPress e vinculados aos envios de formulário. Visualize-os no painel de envios.

Os arquivos enviados estão seguros?

O envio de arquivos inclui a validação dos tipos permitidos. Para segurança adicional, restrinja os tipos de arquivo apenas ao necessário e considere o uso de plugins de segurança para verificação de malware.

Resumo

Adicionando o envio de arquivos aos formulários do WordPress:

  1. Adicione o campo de upload de arquivos – Arraste para o seu formulário
  2. Defina uma etiqueta clara. – Informe aos usuários o que devem enviar.
  3. Restringir tipos de arquivo – Habilite apenas o que você precisa
  4. Defina limites de tamanho – Dentro das capacidades do servidor
  5. Configurar vários arquivos – Se necessário
  6. Adicionar texto de ajuda – Explicar os requisitos
  7. Teste completamente – Vários arquivos, tamanhos, dispositivos

Conclusão

O recurso de upload de arquivos amplia seus formulários para além da simples coleta de texto. Currículos, fotos, documentos, capturas de tela — tudo o que você precisar, os usuários podem enviar diretamente pelo formulário. Sem anexos de e-mail, sem arquivos perdidos, tudo organizado no momento do envio.

Construtor automático de formulários A versão gratuita inclui o upload de arquivos, com recursos como arrastar e soltar, suporte a múltiplos arquivos, restrições de tipo e limites de tamanho. Adicionar arquivos leva apenas alguns cliques.

Pronto para aceitar uploads de arquivos? Baixe o Construtor Automático de Formulários Adicione hoje mesmo a funcionalidade de upload de arquivos aos seus formulários.

Deixa um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *