Como criar um formulário de upload de arquivo no WordPress (facilmente)

Quer saber como permitir que os visitantes do seu site carreguem anexos de arquivos em seus formulários do WordPress?

Oferecer aos usuários a capacidade de adicionar arquivos e mídia aos formulários do seu site pode facilitar a coleta das informações de que você precisa.

Neste artigo, mostraremos como criar facilmente um formulário de upload de arquivo usando um plugin do WordPress.

Clique aqui para fazer seu formulário de upload de arquivo agora

Aqui está um índice para facilitar a navegação de cada etapa:

1. Crie seu formulário de upload de arquivo no WordPress
2. Alternar para o campo de upload de arquivo de estilo clássico (opcional)
3. Personalize as configurações do formulário de upload de arquivos
4. Configure as notificações do formulário de upload de arquivos
5. Configure as confirmações do formulário de upload de arquivos
6. Adicione o formulário de upload de arquivo ao seu site
7. Ver os arquivos

Por que usar um campo de upload de arquivo do WordPress em seus formulários?

Dependendo do tipo de informação que você deseja coletar em seu formulário, usar um campo de upload de arquivo é uma das melhores maneiras de tornar mais fácil para você obter mais informações de seus usuários rapidamente. Além disso, tornar os formulários mais fáceis de preencher ajuda a reduzir a taxa de abandono de formulários para que seu site possa gerar mais receita.

Você pode precisar adicionar um campo de upload de arquivo aos seus formulários WordPress para que possa coletar diferentes tipos de arquivos e mídia com upload de front-end dos visitantes do site conforme eles enviam seus formulários para você.

Aqui estão algumas das ocasiões mais comuns em que você pode permitir que os usuários carreguem um arquivo por meio do seu formulário de contato:

• Formulários de candidatura a vagas para que os candidatos possam anexar seus currículos
• Imagens como arquivos de imagem para um concurso ou para uso se estiver usando um plugin de oferta
• Formulários de conteúdo enviados pelo usuário para que os usuários possam anexar uma postagem de blog ou imagem que desejam compartilhar (upload de arquivo de front-end do WordPress)
• Formulários de atendimento ao cliente para que os clientes possam anexar sua planilha ou documento de especificações do projeto
• Formulários de suporte ao cliente para que os clientes possam anexar documentos para fornecer informações adicionais
• Clipes de áudio para você reproduzir durante o seu podcast
• Uploads de arquivos CSV para que os visitantes possam enviar pedidos ou planilhas de horas
• Formulários de upload de arquivos com um campo Stripe para que você possa juntar documentos e pagamentos
• Formulários de pedido ou formulários de patrocinador onde você deseja exigir o pagamento com o upload do arquivo
• Vídeos enviados por usuários em um formulário de inscrição de evento para que você tenha conteúdo para reproduzir em seu evento (ótimo para casamentos, aniversários e arrecadação de fundos).
• Funciona muito bem com plug-ins WooCommerce.

E este é apenas o começo do que seu plug-in de formulário de upload de arquivo WordPress pode fazer.

Felizmente, o WPForms é um dos plug-ins de upload de arquivo do WordPress mais fáceis de usar e torna mais fácil para os visitantes do seu site fazer upload de todos os tipos de arquivos para seus formulários de contato, incluindo, mas não se limitando a:

• Documentos (.doc, .xls, .ppt e .pdf)
• Imagens (.png, .gif e .jpg)
• Vídeo (.mpg, .mov e .wmv)
• Áudio (.wav, .mp3 e .mp4)

Portanto, se você está se perguntando como adicionar um documento ao WordPress, o WPForms é a maneira perfeita de fazer exatamente isso.

Por motivos de segurança do WordPress, os tipos de arquivo padrão que podem ser carregados são limitados. Veja como permitir tipos de upload de arquivo adicionais para seus formulários, incluindo upload de arquivos do Adobe Illustrator.

Então, vamos ver como adicionar o campo de upload de arquivo ao seu formulário de contato do WordPress.

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

Siga estas etapas para configurar seu formulário de upload de arquivo online.

Prefere instruções escritas? Confira as etapas abaixo:

Etapa 1: crie seu formulário de upload de arquivo no WordPress

Ainda está se perguntando como adicionar arquivos ao WordPress? A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms.

Ao contrário do recurso de upload de arquivo do Google Form, o WPForms permite adicionar uploads de arquivo em qualquer lugar do seu site, não apenas nas páginas do formulário. Para obter mais detalhes sobre como instalá-lo, consulte este guia passo a passo sobre como instalar um plugin no WordPress.

Em seguida, vá para o painel do WordPress e clique em WPForms »Add New no painel esquerdo para criar um novo formulário e nomeá-lo como quiser.

Em seguida, role para baixo até a seção Modelos adicionais e digite “Formulário de upload de arquivo” e clique nele para abrir o modelo.

Certifique-se de que você já ativou o complemento do pacote de modelos de formulário para pesquisar este formulário.

Agora, WPForms preencherá um Formulário de Upload de Arquivo pré-construído e exibirá o construtor de arrastar e soltar.

Aqui, você pode adicionar campos adicionais ao seu formulário de contato arrastando-os do painel esquerdo para o painel direito. Por exemplo, você pode adicionar um campo de pagamento se desejar exigir o pagamento em seus formulários de upload de arquivo.

Com o modelo de formulário de upload de arquivo, você já terá os campos Nome , Email , Telefone, Upload de arquivo e Comentários adicionais .

Clique em qualquer um dos campos do formulário para fazer alterações. Você também pode clicar em um campo de formulário e arrastá-lo para reorganizar o pedido em seu formulário de contato.

Você também pode adicionar o campo Upload de arquivo a qualquer formulário WordPress que criar . Basta arrastar o campo de formulário File Upload, encontrado em Fancy Fields , do painel esquerdo do Form Editor para o painel direito.

Você pode clicar no campo Upload de arquivo e também alterar:

• Rótulo - Nomeie o campo do formulário para que os visitantes do seu site saibam para que serve.
• Descrição - Adicione uma descrição explicando os detalhes aos usuários. Por exemplo, se você só quer que as pessoas carreguem uma imagem, diga isso a elas.
• Extensões de arquivo permitidas - Se você deseja restringir os tipos de arquivos que podem ser carregados em seu formulário WordPress, coloque-os aqui, cada um separado por uma vírgula
• Tamanho máximo do arquivo - especifique, em megabytes, o tamanho máximo do arquivo que você permitirá que os usuários carreguem. Se você deixar em branco, os WPForms usarão como padrão o limite de tamanho máximo permitido pelo seu host. Se você precisar aumentá-lo, consulte este tutorial sobre como aumentar o tamanho máximo de upload de arquivo no WordPress.
• Obrigatório - se desejar exigir que os usuários carreguem um arquivo antes de enviar o formulário, marque esta caixa de seleção.
• Estilo - você pode alternar entre o estilo moderno padrão (recomendado) e o estilo clássico (que abordaremos em detalhes na próxima etapa)

Quer saber onde esses uploads de arquivo serão armazenados?

Por padrão, todos os arquivos carregados por usuários são armazenados na pasta WPForms dentro do diretório Uploads do seu site. Para tornar as coisas mais fáceis, você também pode armazenar esses arquivos em sua Biblioteca de mídia do WordPress marcando o campo Armazenar na caixa de seleção Biblioteca de mídia do WordPress em Opções avançadas.

Você também pode fazer com que os formulários tenham uma ótima aparência, seguindo as etapas em nossa postagem sobre como criar um formulário com várias etapas no WordPress. Mas por causa deste tutorial, ficaremos com uma única página.

Etapa 2: mudar para o campo de upload de arquivo clássico (opcional)

Esta etapa é opcional e geralmente não é recomendada. Mas, se desejar alterar o estilo do campo Upload de arquivo do estilo moderno padrão para o estilo Clássico com um botão 'Escolha agora', vá para Opções avançadas » Estilo e clique no menu suspenso para selecionar Clássico.

Voltar para o estilo Clássico pode ser uma boa escolha:

• Você ou seus usuários preferem um campo de Upload de arquivo no estilo 'botão'
• Você prefere um campo de upload de arquivo mais compacto (e você está aceitando apenas 1 arquivo)

Lembre-se de que o estilo Classic File Upload aceita apenas 1 upload por campo. Você precisará adicionar outro campo Upload de arquivo para aceitar uploads múltiplos em seu formulário se estiver usando o estilo Clássico.

Para fazer com que seu formulário pareça desorganizado, você deseja habilitar a lógica condicional no primeiro campo clássico de Upload de arquivo antes de adicionar esses outros campos. Dessa forma, esses campos extras de upload de arquivo não serão exibidos em seu formulário, a menos que um usuário precise deles.

Cada estilo clássico do campo Upload de arquivo permite que os usuários carreguem apenas um único arquivo. Para saber como adicionar vários uploads de arquivo com o tipo de campo Uploader de estilo clássico, continue lendo. Se apenas um campo de upload de arquivo funcionar para você, pule a próxima etapa.

Para ativar a lógica de condição em um campo de upload de campo de estilo clássico, arraste um campo suspenso do painel esquerdo para o seu formulário, logo acima do campo de upload de arquivo. (Isso funcionará com qualquer número de campos de arquivo de upload, mas por causa deste exemplo, faremos 3.)

Agora clique no campo suspenso para ver as opções de campo no painel esquerdo e edite o rótulo do campo suspenso para dizer Número de arquivos a serem enviados e as opções para dizer 1 , 2 e 3 .

Depois disso, clique no campo Upload de arquivo e nas opções, role para baixo e expanda a guia Condicionais no painel esquerdo. Em seguida, selecione a marca de seleção para Ativar lógica condicional .

Personalize a lógica condicional do campo Upload de arquivo, assim como a captura de tela abaixo:

Lembre-se de que novos campos são adicionados clicando no botão Adicionar novo grupo, que aplica a lógica OR. Se precisar de mais detalhes sobre como usar a lógica OU, leia nosso guia sobre como usar a lógica condicional E OU.

A próxima etapa é duplicar este campo Upload de arquivo.

Em seu formulário, clique no ícone duplicado no lado direito do campo Upload de arquivo.

No painel esquerdo, altere o rótulo do novo campo Carregamento de arquivo para Carregar seu segundo arquivo .

Agora configure a lógica condicional para este novo campo como na imagem abaixo. A única alteração da etapa acima é que removemos a primeira ação em que diz que o número de arquivos para upload é 1.

Agora, duplique o segundo campo de upload de arquivo clicando no ícone e alterando o rótulo para Upload de seu terceiro arquivo .

Configure o campo de lógica condicional como na captura de tela abaixo. Manteremos apenas o último campo onde diz que o número de arquivos para upload é 3.

Quando terminar de personalizar seu formulário, clique em Salvar no canto superior direito da tela. Você acabou de adicionar vários campos de upload de arquivo ao seu formulário.

Como você pode ver, na maioria dos casos, você desejará usar o estilo Moderno para aceitar uploads de vários arquivos.

Portanto, agora que você tem a quantidade certa de campos de upload de arquivo em seu formulário (seja apenas 1 ou vários), você está pronto para definir as configurações do formulário.

Etapa 3: personalizar as configurações do formulário de upload de arquivos

Para começar, vá para Configurações » Geral .

Aqui você pode configurar o seguinte:

• Nome do formulário - altere o nome do seu formulário aqui, se desejar.
• Descrição do formulário - Dê uma descrição ao seu formulário.
• Texto do botão de envio - Personalize a cópia no botão de envio.
• Prevenção de spam - interrompa o spam de formulário de contato com o recurso anti-spam, hCaptcha ou Google reCAPTCHA. A caixa de seleção anti-spam é marcada automaticamente em todos os novos formulários.
• Formulários AJAX - Habilite o AJAX Multi Upload sem recarregar a página do WordPress.
• Aprimoramentos do GDPR - você pode desabilitar o armazenamento de informações de entrada e detalhes do usuário, como endereços IP e agentes do usuário, em um esforço para cumprir os requisitos do GDPR. Confira nossas instruções passo a passo sobre como adicionar um campo de contrato GDPR ao seu formulário de contato simples.

E quando terminar, clique em Salvar .

Etapa 4: configurar as notificações do seu formulário

As notificações são uma excelente maneira de saber quando alguém envia um de seus formulários de upload de arquivo.

E, a menos que desative o recurso de notificação, você receberá uma notificação por e-mail sempre que alguém enviar um formulário em seu site.

Para receber uma mensagem de e-mail quando alguém preencher seu formulário, você precisará configurar notificações de formulário no WordPress e fornecer seu endereço de e-mail.

Além disso, se você usar tags inteligentes, poderá enviar uma notificação personalizada aos visitantes do seu site assim que concluírem o formulário para que saibam que você o recebeu. Isso garante aos usuários que o formulário foi processado corretamente, junto com o upload do arquivo.

Para saber mais sobre isso, confira nosso guia passo a passo sobre como enviar notificações de vários formulários no WordPress.

Além disso, você tem a opção de marcar facilmente seus e-mails de notificação, adicionando seu logotipo ou qualquer imagem que você escolher na área de imagem de cabeçalho personalizada. O logotipo / imagem que você escolher aparecerá na parte superior das notificações por e-mail, como o logotipo do WPForms abaixo.

Nota: Portanto, uma vez que os anexos de arquivo muitas vezes podem prejudicar a capacidade de entrega do e-mail , o WPForms não anexa os arquivos do seu usuário em e-mails de notificação. Em vez disso, enviamos os uploads de arquivos por e-mail como links.

Etapa 5: configurar as confirmações do formulário de upload de arquivos

As confirmações de formulário são maneiras de agir imediatamente (e automaticamente) após o usuário enviar as informações ao seu formulário. Para obter ajuda extra com esta etapa, verifique nosso tutorial sobre como configurar confirmações de formulário.

Existem 3 tipos diferentes de confirmações em WPForms:

1. Mensagem - Este é o tipo de confirmação padrão que aparece depois que alguém clica em enviar no seu formulário e é personalizável. Portanto, se os visitantes originalmente estavam se perguntando como adicionar um documento ao WordPress e virem uma mensagem de confirmação, eles podem ter certeza de que você a recebeu.
2. Página de exibição - Envie automaticamente os usuários para qualquer postagem ou página em seu site, como uma página de agradecimento
3. Redirecionar - Útil se você quiser levar o usuário a um site diferente ou URL especializado para um desenvolvimento mais complexo.

Então, vamos ver como configurar uma confirmação de formulário simples em WPForms para que você possa personalizar a mensagem de sucesso que os visitantes do site verão quando enviarem um formulário em seu site.

Para começar, clique na guia Confirmação no Editor de formulários em Configurações .

Em seguida, selecione o tipo de confirmação que deseja criar. Para este exemplo, selecionaremos Mensagem .

Em seguida, personalize a mensagem de confirmação de acordo com sua preferência e clique em Salvar quando terminar.

Agora você está pronto para adicionar seu formulário ao seu site.

Etapa 6: adicione o formulário de upload de arquivo ao seu site

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

E WPForms permite adicionar seus formulários a vários lugares em seu site WordPress, incluindo suas páginas, postagens de blog e widgets da barra lateral.

Então, vamos dar uma olhada na opção de posicionamento mais comum: incorporação de página / postagem.

Para começar a incorporar seu formulário de upload de arquivo, crie uma nova página ou postagem no WordPress ou vá para as configurações de atualização em uma página existente. Depois disso, clique dentro do primeiro bloco (a área em branco abaixo do título da página) e clique no ícone Adicionar WPForms.

Agora, o widget WPForms aparecerá dentro do seu bloco. Clique na lista suspensa WPForms e escolha o formulário que você já criou e deseja inserir em sua página. Portanto, selecione o formulário de upload de arquivo.

Você está perto de criar a página de upload perfeita no WordPress.

Em seguida, clique no botão azul no canto superior direito que diz Publicar ou Atualizar, para que o formulário apareça no seu site.

É isso! Seu formulário de upload de arquivo agora está em seu site.

Etapa 7: Ver os arquivos

O WPForms armazena cada envio de formulário como uma entrada. Para visualizar os arquivos carregados, vá para WPForms » Entries .

E a partir daí, selecione o formulário correto no menu suspenso e clique em Exibir .

Em seguida, clique com o botão direito do mouse no arquivo para baixá-lo ou clique para visualizá-lo em seu navegador.

Melhor ainda, o plugin WPForms para WordPress tem vários complementos que você pode instalar para fazer mais com seus arquivos. Por exemplo, você pode usar nosso complemento Zapier para salvar automaticamente todos os uploads de arquivos em:

• Google Drive
• Dropbox
• e muitos outros serviços de armazenamento em nuvem.

Clique aqui para fazer seu formulário de upload de arquivo agora

Considerações finais sobre formulários de upload de arquivos do WordPress

E aí está! Agora você sabe criar um formulário de upload de arquivo com um plugin do WordPress.

Se você deseja permitir que os visitantes do site carreguem arquivos diretamente para o seu site, certifique-se de verificar nosso guia útil sobre como criar um widget de upload de arquivo WordPress.

Então, o que você está esperando? Comece hoje com o plug-in de construtor de formulários WordPress mais fácil de usar. O WPForms Pro inclui um recurso de upload de arquivo gratuito e um formulário de upload de arquivo gratuito e oferece uma garantia de reembolso de 14 dias.

E não se esqueça, se gostou deste artigo, siga-nos no Facebook e Twitter.