Como Criar um Formulário de Upload do Dropbox no WordPress

O upload de arquivos no WordPress era frustrante.

Quando eu costumava fornecer suporte técnico, meus clientes descreviam seus problemas por e-mail, mas sem ver logs de erro ou capturas de tela, eu muitas vezes estava no escuro.

Foi quando descobri o poder dos formulários de upload do Dropbox no WordPress. Ao contrário do uploader de mídia padrão do WordPress, que tinha limites de tamanho de arquivo, os tamanhos de arquivo não eram um problema com os formulários de upload do Dropbox. Isso ajudou meu servidor a ficar limpo e eu podia acessar os uploads de qualquer lugar.

Neste artigo, mostrarei exatamente como criar um formulário de upload do Dropbox que otimiza tudo.

Por que usar o Dropbox para Anexos de Formulário

Por padrão, o WordPress salva todos os arquivos enviados diretamente na sua Biblioteca de Mídia. Embora isso funcione para uso básico, muitas vezes cria problemas ao executar sites WordPress avançados, como um quadro de empregos ou um site com vários formulários de envio.

O principal problema é que o WordPress não organiza automaticamente os uploads pelo formulário de origem.

• Todos os tipos de arquivo são armazenados juntos em um só lugar, dificultando o gerenciamento.
• Não há como categorizar arquivos pela entrada específica do formulário a que pertencem.

Dessa forma, encontrar o arquivo certo enviado pelo usuário pode ser frustrante e demorado.

Outra desvantagem é o uso de armazenamento do servidor, pois cada arquivo enviado ocupa espaço no seu plano de hospedagem. Arquivos grandes, como dezenas de documentos PDF somando centenas de megabytes, podem consumir rapidamente o armazenamento e até forçá-lo a atualizar sua hospedagem.

Além disso, a Biblioteca de Mídia do WordPress carece de recursos avançados de gerenciamento de arquivos, como controle de permissões. Isso significa que há sempre um risco de exclusão acidental sem uma opção fácil de recuperação.

Ao conectar seus formulários WordPress ao Dropbox, você resolve todos esses problemas. Arquivos enviados são armazenados com segurança na nuvem, organizados de forma limpa e não diminuirão a velocidade do seu site nem ocuparão espaço de armazenamento da hospedagem.

Essa configuração funciona especialmente bem para formulários que coletam arquivos grandes e importantes, como:

• Quadros de empregos para gerenciar currículos, cartas de apresentação e portfólios
• Formulários de proposta de projeto para lidar com propostas, orçamentos e documentos de apoio
• Formulários de registro de eventos para digitalizações de identidade, termos de responsabilidade e formulários de consentimento
• Formulários de matrícula escolar ou de curso para enviar trabalhos, históricos e projetos
• E muitos outros...

Neste artigo, mostrarei o método exato que usamos para conectar nossos formulários WordPress ao Dropbox. Aqui está uma visão geral rápida de todas as etapas que abordaremos neste guia:

1. Instalar e Ativar o WPForms
2. Conectar o WPForms à Sua Conta Dropbox
3. Criar Seu Formulário de Upload de Arquivos para Dropbox
4. Configurar Notificações e Confirmação do Formulário
5. Configure Dropbox Storage Settings
6. Testar e Publicar Seu Formulário
7. Dica Bônus: Acompanhe os Envios do Seu Formulário WordPress
8. Perguntas Frequentes: Formulário de Upload do Dropbox no WordPress
9. Outros Guias Úteis para Usar Formulários no WordPress

Pronto? Vamos começar.

Passo 1: Instalar e Ativar o WPForms

A maneira mais fácil de criar um formulário do Dropbox no WordPress é usando o WPForms. É o melhor plugin de formulário de contato para WordPress e oferece modelos pré-construídos, um criador de formulários de arrastar e soltar e integrações premium.

Usamos o WPForms para criar formulários para aceitar candidaturas de emprego e oferecer suporte técnico que lida com arquivos de mídia grandes. Seja um formulário de contato ou nossas pesquisas anuais de usuários, o WPForms simplifica o processo. Veja nossa análise completa do WPForms para ver o que ele pode fazer.

Primeiro, vamos instalar e ativar o plugin WPForms. Para mais detalhes, você pode conferir nosso artigo sobre como instalar um plugin do WordPress.

Após a ativação, você precisará ir para WPForms » Configurações no seu painel do WordPress e inserir sua chave de licença. Você pode encontrar facilmente a chave de licença na sua área da conta WPForms.

Etapa 2: Conecte o WPForms à sua Conta Dropbox

Antes de começar a enviar arquivos para o Dropbox, você precisa instalar o addon do Dropbox e conectar suas contas.

Para começar, você pode ir para WPForms » Addons no seu painel do WordPress. Na próxima tela, role para baixo até encontrar o addon ‘Dropbox’ na lista e clique no botão ‘Instalar Addon’.

O addon será baixado, instalado e ativado automaticamente.

Após a ativação, você poderá conectar sua conta do Dropbox.

Para fazer isso, navegue até WPForms » Configurações no seu painel do WordPress. Em seguida, clique na aba ‘Integrações’ na parte superior da página de configurações.

Prossiga e clique na seção Dropbox para expandi-la.

Em seguida, você pode clicar no botão ‘Adicionar Nova Conta’ para iniciar a integração.

Isso abrirá uma nova janela ou aba que o levará para a página de autorização do Dropbox. Se você ainda não estiver logado no Dropbox, precisará inserir suas credenciais do Dropbox.

Em seguida, o Dropbox solicitará permissão para permitir que o WPForms acesse sua conta. Você pode revisar as permissões cuidadosamente. Mas, em geral, o WPForms precisará de acesso para criar pastas e fazer upload de arquivos para sua conta do Dropbox.

Depois disso, você pode clicar em ‘Permitir’ para conceder essas permissões.

Após a autorização, você será redirecionado de volta ao seu site WordPress.

Você deverá ver uma mensagem de confirmação de que sua conta do Dropbox foi conectada com sucesso ao WPForms.

Etapa 3: Crie seu formulário de upload de arquivos do Dropbox

Agora, você pode começar a criar seu formulário de upload do Dropbox.

Simplesmente navegue até WPForms » Adicionar Novo na sua área de administração do WordPress.

Isso o levará à página de Configuração.

Aqui, a primeira coisa que você vai querer fazer é nomear seu formulário. Recomendo usar um nome claro e descritivo, para que seja fácil de reconhecer mais tarde, especialmente se você criar vários formulários.

Por exemplo, nomeei nosso formulário como “Formulário de Upload do Dropbox”.

Depois disso, você escolherá como criará seu formulário: começando com um formulário em branco, usando o Construtor de Formulários com IA ou escolhendo entre modelos pré-fabricados.

Se você quiser usar o construtor de formulários com IA, basta escrever um prompt simples descrevendo seu formulário e esperar que a ferramenta o gere para você. Leva apenas alguns segundos.

Para este tutorial, no entanto, mostrarei as etapas usando o modelo pré-fabricado Formulário de Upload de Arquivos.

Como o WPForms tem mais de 2.000 modelos para escolher, é fácil selecionar um que atenda às suas necessidades e, em seguida, ajustá-lo para se adequar perfeitamente ao seu projeto.

Você pode digitar 'Formulário de Upload' na barra de pesquisa para refinar suas opções. Esses modelos já incluem a estrutura básica para coletar arquivos junto com as informações do usuário.

Depois de encontrar o melhor para o seu formulário, basta passar o mouse sobre ele e clicar em 'Usar Modelo'.

Isso abrirá o construtor de formulários de arrastar e soltar.

Aqui, você pode ver que o modelo inclui campos padrão como Nome, E-mail, um campo de Upload de Arquivo e muito mais.

Em seguida, vamos clicar no campo 'Upload de Arquivo' para personalizá-lo.

Para evitar ter que vasculhar uma bagunça de arquivos como 'documento(1).pdf' ou 'imagem.jpeg', recomendo adicionar uma pequena nota perto do campo de upload de arquivos com diretrizes de nomenclatura.

Aqui estão alguns exemplos para diferentes casos de uso:

• ✅ "NomeSobrenome-Curriculo.pdf" para formulários de candidatura de emprego
• ✅ "ProjetoXYZ-Proposta.pdf" para formulários de envio
• ✅ "FotosEvento-Julho2024.zip" para uploads de mídia

Vá em frente e adicione uma nota, como "Por favor, nomeie seu arquivo neste formato: PrimeiroNome-Sobrenome-NomeDoProjeto.pdf", no campo 'Descrição'.

Em 'Descrição', você encontrará mais opções de personalização para o campo de upload de arquivos. Aqui você pode:

• Restringir tipos de arquivo, como .pdf, .jpg, .svg ou .docx. Basta inserir os formatos desejados, separados por vírgulas
• Definir o tamanho máximo do arquivo em megabytes para evitar uploads excessivos
• Limitar o número de arquivos que um usuário pode enviar

Por exemplo, permiti arquivos .pdf, .jpg e .docx de até 10 MB cada, com um máximo de 5 uploads.

Se o seu site atende usuários na UE (ou outras regiões com leis de privacidade como a CCPA), você é obrigado a obter consentimento explícito antes de coletar dados pessoais ou arquivos — especialmente se esses arquivos forem armazenados em serviços de terceiros como o Dropbox.

Para aceitar o consentimento do usuário, você pode arrastar o campo ‘Caixas de seleção’ do painel esquerdo e soltá-lo na área de visualização do formulário.

Em seguida, você pode personalizar sua descrição clicando no campo.

Você pode escrever algo como “Concordo em ter meu arquivo enviado armazenado com segurança no Dropbox” e torná-lo obrigatório. Isso garante que os usuários entendam para onde seus arquivos estão indo e lhe dá permissão adequada para armazená-los.

Não se esqueça de excluir as opções restantes usando o ícone ‘-‘, pois você não precisará delas.

Em seguida, você pode querer ocultar o rótulo do campo para manter seu formulário de upload do Dropbox limpo e minimalista.

Basta alternar para a aba ‘Avançado’ e ativar a opção ‘Ocultar Rótulo’.

Isso é tudo o que você precisa para criar um formulário de upload do Dropbox. Se quiser ir além, basta arrastar e soltar novos campos no formulário e editar seus detalhes.

Etapa 4: Configurar Notificações e Confirmação do Formulário

Assim que estiver satisfeito com a aparência do seu formulário, vá para a aba ‘Configurações’ para configurar notificações e confirmações.

Na seção ‘Notificações’, você notará que o WPForms está configurado para enviar automaticamente um e-mail de notificação ao administrador do site sempre que alguém enviar o formulário.

Se você quiser enviar notificações para vários destinatários, você também pode fazer isso. Basta adicionar os e-mails deles no campo ‘Enviar para’, separados por vírgulas.

Na seção ‘Confirmação’, você pode escolher o que os usuários veem após enviar o formulário. A melhor parte é que você também pode personalizá-los:

• Mensagem – Exibe uma mensagem de confirmação simples. Cada modelo vem com uma mensagem padrão, mas você pode editá-la facilmente para combinar com o tom da sua marca.
• Mostrar Página – Decida para onde você quer enviar os usuários dentro do seu site, como uma página de agradecimento, após eles terem enviado o formulário.
• Ir para URL (Redirecionar) – Redirecione os usuários para qualquer link que você escolher, incluindo um site externo, uma página de destino personalizada ou uma oferta especial.

Etapa 5: Configurar Configurações de Armazenamento do Dropbox

Nesta etapa, você escolherá exatamente para qual pasta do Dropbox os arquivos enviados devem ser salvos.

A melhor parte? O WPForms facilita – você pode definir o destino do Dropbox diretamente no construtor de formulários, sem precisar sair do seu painel do WordPress.

Atribuir uma Pasta do Dropbox no WPForms

Do construtor do WPForms, vamos para o painel Configurações » Dropbox. Em seguida, clique em ‘Adicionar Nova Conexão’.

No pop-up que aparece, você pode dar um nome descritivo à sua conexão, como “Uploads de Arquivos de Clientes” ou “Envios de Currículos”.

Você também pode usar o mesmo nome do seu formulário de upload de arquivos.

Agora, para a conta do Dropbox, o WPForms detectará automaticamente a integração disponível.

No campo ‘Nome da Pasta’, você pode simplesmente digitar o nome que desejar. O WPForms criará então uma nova pasta no Dropbox dentro de Apps/WPForms/[Nome da Pasta].

Em seguida, em ‘Local de Armazenamento’, você pode escolher onde os arquivos enviados devem ser armazenados.

A configuração padrão é: “Todos os Campos de Upload de Arquivo” irão para a pasta “Raiz”. Isso significa que todos os campos de upload de arquivo serão salvos na pasta que você acabou de criar.

Mapear Campos de Upload de Arquivo para Subpastas Diferentes (Opcional)

Quer manter as coisas mais organizadas? Esta etapa opcional permite que você classifique automaticamente os arquivos de diferentes campos de upload em subpastas separadas no Dropbox.

Por exemplo, você pode ter currículos salvos em uma pasta e cartas de apresentação em outra, tornando muito mais fácil gerenciar os envios.

Se você estiver satisfeito com todos os arquivos indo para uma única pasta, sinta-se à vontade para pular para a seção ‘Configurar Lógica Condicional’ abaixo.

Para configurar o mapeamento de upload de arquivos, você precisará primeiro criar manualmente subpastas em sua conta do Dropbox.

Vamos abrir uma nova aba, ir para o site do Dropbox e fazer login em sua conta. No seu painel do Dropbox, você pode navegar até Todos os Arquivos » Apps e clicar na pasta ‘WPForms’.

Na próxima tela, você verá a pasta Dropdown File Upload que você acabou de criar.

Vamos clicar nela para criar subpastas.

Isso abrirá o Formulário de Upload do Dropbox, onde todos os seus arquivos serão armazenados.

Basta clicar em ‘Criar uma pasta’ para configurar sua primeira subpasta.

No pop-up que aparece, você pode digitar um nome para sua subpasta.

Depois disso, clique no botão ‘Criar’.

A partir daqui, você pode adicionar quantas subpastas precisar.

E você verá todas as suas subpastas listadas na pasta Formulário de Upload do Dropbox assim:

Quando terminar, você pode retornar à aba do construtor de formulários do WPForms para criar o mapeamento do upload de arquivos.

Basta usar os botões de ‘+’ e ‘-‘ para adicionar ou remover configurações.

No menu suspenso ‘Campo de Upload de Arquivo’, você verá todos os campos de upload de arquivo em seu formulário.

Selecione um campo de upload de arquivo para adicionar.

Em seguida, você pode escolher em qual subpasta armazená-los em ‘Pasta para Armazenar Dados’.

Basta clicar no menu suspenso para expandir e selecionar a subpasta.

Você pode repetir o processo para todos os campos de upload de arquivo que você tem.

Configurar Lógica Condicional para Uploads de Arquivos

Em seguida, vamos garantir que seus arquivos sejam armazenados no Dropbox apenas quando os usuários derem consentimento explícito. O WPForms facilita isso com seu recurso de lógica condicional inteligente.

Você pode clicar em ‘Ativar Lógica Condicional’ para começar.

Isso abrirá a seção de configuração onde você pode configurar a lógica condicional para processar uploads apenas quando a caixa de seleção de consentimento for selecionada.

Em seguida, você pode configurá-la assim:

1. No primeiro menu suspenso, escolha a opção ‘Processar’. Isso define uma regra que diz ao WPForms: ‘Envie o arquivo para o Dropbox apenas’ se a seguinte condição for atendida.
2. No próximo campo, escolha seu campo de Caixas de Seleção. Este deve ser aquele em que os usuários dão permissão para armazenamento em nuvem.
3. Defina a condição como ‘é’.
4. No último menu suspenso, escolha a opção ‘Eu concordo em ter meus uploads armazenados no Dropbox’ (ou qualquer que seja a redação que você usou).

Com essa configuração, o WPForms enviará arquivos para o Dropbox apenas quando os usuários marcarem ativamente a caixa de permissão.

Habilitando a Opção de Limpeza (Opcional)

Por fim, há uma opção de limpeza para remover automaticamente os arquivos do seu site WordPress após serem armazenados com segurança no Dropbox.

Ao ativar isso, a biblioteca de mídia do WordPress não fica sobrecarregada com uploads que você já armazenou no Dropbox.

Para habilitar isso, você primeiro precisará expandir a seção ‘Opções Avançadas’. Depois disso, você pode ativar a opção ‘Excluir Arquivos Locais Após Upload’.

A partir daqui, você pode clicar em ‘Salvar’ para armazenar suas configurações de configuração do Dropbox.

Etapa 6: Teste e Publique Seu Formulário

Antes de publicar seu formulário, você precisa testar tudo absolutamente.

Comece visualizando seu formulário dentro do construtor do WPForms. Em seguida, basta clicar no botão ‘Visualizar’ na parte superior do editor de formulário para ver exatamente como seu formulário aparecerá para os visitantes.

Na guia de visualização, você vai querer verificar se todos os seus campos são exibidos corretamente e se as notas adicionais são fáceis de entender.

Para o teste real, você pode preencher o formulário completamente usando informações de teste.

Isso permitirá que você verifique se a validação do formulário está funcionando. Por exemplo, se um campo obrigatório foi pulado ou se um valor foi inserido no formato errado.

Você também pode fazer upload de um arquivo de exemplo do seu computador.

Você pode então clicar no botão ‘Enviar’ e ver se sua mensagem de confirmação personalizada aparece.

Aqui está o meu, por exemplo:

Agora, você pode verificar se recebeu sua submissão de teste.

Nesta aba, você pode abrir sua área de administração do WordPress, navegar até WPForms » Entradas e clicar em Formulário de Upload de Dropdown na lista.

Na lista de entradas do formulário, você pode ver links à direita.

Clique em ‘Ver’ para abrir os detalhes da entrada.

Na próxima tela, você deverá ver todas as informações que enviou no formulário.

Para verificar se seu arquivo carregado foi enviado para o Dropbox, passe o mouse sobre o link e veja se ele mostra um URL do Dropbox no canto inferior esquerdo.

Se você não ativou a opção de limpeza na Etapa 5, verá o link Ver no Dropbox junto com os arquivos carregados em vez disso.

Isso ocorre porque os arquivos são armazenados tanto no WordPress quanto no Dropbox.

Assim que você verificar que tudo funciona corretamente, pode retornar ao seu construtor de formulários e incorporar seu formulário em seu site WordPress.

A partir daqui, vamos clicar no botão ‘Incorporar’.

No pop-up que aparece, o WPForms perguntará onde você adicionará seu formulário: uma página existente ou uma nova página.

Para este tutorial, escolherei ‘Selecionar Página Existente’, mas o processo é bastante semelhante para ambos.

Em seguida, você pode selecionar uma página usando o menu suspenso. Você verá um prompt para nomear sua nova página em vez disso, se seguir esse caminho.

Vá em frente e clique em ‘Vamos Lá!’

Isso o levará ao editor de blocos do WordPress.

A partir daqui, você pode clicar no botão ‘+’ e adicionar o bloco WPForms.

Agora, você deverá ver o menu suspenso WPForms em seu editor de conteúdo.

Basta expandir o menu suspenso e selecionar o formulário de upload do Dropbox que você acabou de criar.

O WordPress carregará então o formulário no editor de conteúdo.

Para deixar as coisas mais claras, você pode habilitar a opção ‘Mostrar Título’ no painel direito. Isso exibirá o título do formulário para os usuários.

Se tudo já parecer bom, você pode prosseguir e clicar em ‘Salvar’ ou ‘Publicar’.

Agora, se você visitar sua página, verá seu formulário de upload do Dropbox em ação:

Dica Bônus: Acompanhe os envios dos seus formulários do WordPress

Uma vez que seu formulário de upload do Dropbox estiver no ar, é uma boa ideia acompanhar como os usuários estão interagindo com ele. Dessa forma, você pode ver quantas pessoas começam a preenchê-lo, quantas completam seus uploads e onde você pode estar perdendo envios.

Para acompanhar seus formulários dessa maneira, você primeiro precisará de uma conta do Google Analytics.

A maneira mais fácil de conectar seu site ao Google Analytics é usando o MonsterInsights, o plugin de Google Analytics nº 1. Ele pode ajudá-lo a rastrear automaticamente os envios de formulários, incluindo formulários de upload de arquivos, graças ao seu complemento de Formulários.

Na WPBeginner, nós realmente usamos o MonsterInsights para muitas tarefas de rastreamento. Para mais informações sobre o plugin, veja nossa análise completa do MonsterInsights.

Assim que você instalar o complemento e os dados começarem a chegar, você poderá ver impressões, conversões e taxas de conversão para todos os seus formulários do WordPress.

Isso ajuda você a identificar se os usuários estão concluindo uploads ou abandonando o formulário no meio do caminho, para que você possa otimizar para obter melhores resultados.

Para mais detalhes, você pode consultar nosso guia sobre como rastrear e reduzir o abandono de formulários no WordPress.

Perguntas Frequentes: Formulário de Upload do Dropbox no WordPress

Aqui estão as respostas para algumas das perguntas mais comuns sobre a configuração de uploads de arquivos

Posso limitar os tipos de arquivo e o tamanho para uploads?

Sim, absolutamente. WPForms lhe dá controle total sobre o campo de upload de arquivos, o que considero incrivelmente útil para gerenciar envios em meu próprio site.

Ao clicar no campo 'Upload de Arquivo' no construtor de formulários, você pode especificar as extensões de arquivo permitidas (como .pdf, .jpg, .docx) e definir um tamanho máximo de arquivo em megabytes. Isso impede que os usuários façam upload de arquivos não suportados ou excessivamente grandes.

Este processo é seguro?

Sim, todo o processo é seguro. O WPForms lida com segurança o envio do formulário em seu site WordPress, e a transferência para o Dropbox também é criptografada.

O que acontece se minha conta do Dropbox estiver cheia?

Se sua conta do Dropbox ficar sem espaço de armazenamento, o upload do arquivo do seu formulário falhará. O WPForms ainda salvará as informações enviadas pelo usuário em seu painel do WordPress, mas o arquivo em si não será enviado para o Dropbox.

Outros Guias Úteis para Usar Formulários no WordPress

Espero que este artigo tenha ajudado você a aprender como criar um formulário de upload do Dropbox no WordPress. Em seguida, você também pode querer ver nossos guias sobre:

• Como Personalizar e Estilizar Seus Formulários WordPress
• Como Mostrar um Formulário de Contato Flutuante no WordPress
• Como Criar Formulários Multilíngues no WordPress
• Como Bloqueei 18.000 Ataques de Spam de Leads no Meu Formulário WordPress
• Como Exportar Automaticamente Entradas de Formulários WordPress
• Como Criar um Formulário Airtable Personalizado no WordPress
• Como Conectar o Salesforce aos Seus Formulários WordPress
• Formulário WordPress Não Funciona: Dicas de Solução de Problemas

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