Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um formulário de upload do Dropbox no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja criar um formulário de upload do Dropbox no WordPress?

Um formulário de contato com uma opção de upload de arquivo pode ser difícil de gerenciar se você receber muitos anexos. Você pode conectar seu formulário ao Dropbox e enviar esses arquivos diretamente para a nuvem.

Neste artigo, mostraremos a você como criar facilmente um formulário de upload do Dropbox no WordPress.

Creating a WordPress Dropbox upload form

Por que usar o Dropbox para fazer upload de anexos de formulários?

Às vezes, pode ser necessário que os usuários façam upload de um anexo de arquivo usando um formulário no seu site. Por exemplo, um site de classificados de empregos pode precisar de uma opção de upload de arquivo para fazer upload de currículos ou amostras de trabalho.

Um formulário de feedback de cliente pode precisar de uma opção de upload de arquivo para que os usuários possam enviar capturas de tela. Ou um site de concurso de fotos pode precisar dessa opção para que os usuários façam upload de suas inscrições.

Ao receber os arquivos, você pode armazená-los em seu site do WordPress. Eles serão adicionados à pasta wp-content de seu site.

No entanto, se você espera receber uma tonelada de entradas e elas não estiverem relacionadas aos arquivos reais do site, é uma boa ideia salvá-las separadamente.

O envio de anexos de formulários para o Dropbox tem as seguintes vantagens:

  • Você pode manter as entradas de upload de formulários separadas dos arquivos do WordPress.
  • O Dropbox facilita o compartilhamento desses arquivos com qualquer pessoa, e você não precisará dar a elas acesso ao seu site.
  • Você pode navegar e gerenciar facilmente anexos de formulários a partir do seu painel do Dropbox.
  • Se você não precisar mais desses arquivos, poderá fazer download, arquivar e excluí-los.

Dito isso, vamos dar uma olhada em como criar um formulário do WordPress com uma opção para enviar arquivos para o Dropbox.

Criando um formulário de upload do Dropbox no WordPress

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

Primeiro, você precisa instalar e ativar o plug-in WPForms. Para obter mais detalhes, consulte nosso artigo sobre como instalar um plug-in do WordPress.

Observação: o WPForms é um plugin pago criado pela mesma equipe do WPBeginner, e você precisará de pelo menos o plano “Pro” para acessar o complemento Zapier que usaremos neste tutorial. Há também uma versão WPForms Lite que você pode usar gratuitamente.

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

Entering your WPForms license key on your site

Em seguida, você precisa acessar WPForms ” Add New na área de administração do WordPress.

A partir daqui, você pode adicionar um novo formulário de upload do WordPress Dropbox.

Add new form

Isso o levará à página do construtor de formulários WPForms.

Basta fornecer um nome para o formulário na parte superior e, em seguida, selecionar o modelo “Formulário de contato simples” como ponto de partida.

Choose simple contact form template

O WPForms carregará o modelo de formulário com os campos de formulário mais usados. Você pode clicar em qualquer campo para editar e arrastar os campos para reorganizá-los ou adicionar novos campos ao formulário.

Em seguida, clique no campo “File Upload” localizado na seção “Fancy fields” na coluna da esquerda.

Add file upload button

Isso adicionará o campo de upload de arquivo ao seu formulário.

Clique no botão “Save” (Salvar) para salvar o formulário, e seu formulário de upload de arquivo estará pronto.

Integração do Zapier com o WPForms

Em seguida, você precisa conectar seu formulário à sua conta do Dropbox.

Para isso, usaremos um serviço chamado Zapier. O Zapier permite que você conecte diferentes aplicativos ao seu site sem escrever nenhum código. Nesse caso, vamos usá-lo para criar uma conexão entre o WPForms e o Dropbox.

O WPForms vem com um “Zapier Addon” que você pode usar para se integrar a mais de 1.500 aplicativos populares, incluindo o Dropbox.

Para acessar esse complemento, você precisa ir para a página WPForms ” Addons. A partir daí, você precisa procurar o complemento Zapier e clicar no botão “Install Addon” (Instalar complemento). Ele ativará o complemento automaticamente.

Install Zapier addon

Em seguida, você precisa ir para a página WPForms ” Configurações ” Integrações na área de administração do WordPress.

A partir daí, você precisa copiar a “chave da API do Zapier” necessária para conectar seu site WordPress ao Zapier.

Copy Zapier API key

Depois de copiado, você deve acessar o site do Zapier e fazer login na sua conta do Zapier.

Em seguida, clique no botão “Create Zap” para continuar.

Create a zap

Em seguida, o Zapier solicitará que você selecione um acionador.

Haverá muitos aplicativos disponíveis. Pesquise por “WPForms” e selecione-o como um aplicativo de acionamento.

Select WPForms app

Depois disso, você precisa selecionar “New Form Entry” como um evento de acionamento para o aplicativo WPForms.

Ele criará um acionador em cada envio de formulário.

Choose an event

Em seguida, você precisará selecionar uma conta de formulários do WPForms.

Você pode ir em frente e clicar no botão “Sign” (Assinar) para conectar sua conta Zapier com o plug-in WPForms em seu site.

Sign in to your WPForms account

Uma nova janela será aberta.

Para conectar o Zapier ao seu site, você precisará adicionar o URL do site e a chave da API do Zapier que você copiou anteriormente.

Enter Zapier API key and website

Depois de inserir esses detalhes, clique no botão “Yes, Continue”.

Isso exibirá a conta do WPForms. Clique no botão “Continue” (Continuar).

Choose your WPForms account in Zapier

Em seguida, no menu suspenso “Form” (Formulário), você precisa selecionar o formulário de upload de arquivo que criou anteriormente.

Depois de fazer isso, clique no botão “Continue”.

Choose your contact form

Antes de ir para a próxima etapa, o Zapier solicitará que você teste o novo formulário de upload de arquivo para verificar se todas as configurações estão funcionando corretamente.

Você pode visitar a página WPForms ” All Forms (Todos os formulários ) na área de administração do WordPress e clicar no link “Preview” (Visualizar) abaixo do formulário de upload de arquivo.

Preview form

Para facilitar esse teste, faça upload de um arquivo e adicione um texto fictício na seção de mensagens.

Envie a entrada de teste e acesse sua conta do Zapier. Em seguida, clique no botão “Test trigger”.

Test your trigger

Observação: É possível verificar a entrada do teste na seção “Localizar dados”.

Se o teste for bem-sucedido, ele passará para a próxima etapa, na qual você poderá integrar seu formulário ao Dropbox.

Conectando o WPForms ao Dropbox

Primeiro, você precisa acessar sua conta do Dropbox e criar uma nova pasta de upload do Dropbox.

Você pode renomear essa pasta como “WPForms Uploads” ou dar a ela qualquer nome. Todos os anexos de arquivos serão carregados automaticamente nessa pasta.

Em seguida, você precisa voltar à sua conta Zapier. Na seção “Action” (Ação), você precisa procurar o “Dropbox app” e clicar nele.

Choose Dropbox as the action app

Ele solicitará que você crie uma ação para o Dropbox.

Selecione a opção “Upload File” (Carregar arquivo) e clique no botão “Continue” (Continuar).

Choose Dropbox action event

Depois disso, você precisa clicar no botão “Sign in” (Entrar).

Dessa forma, você pode selecionar sua conta do Dropbox e conectá-la ao Zapier.

Sign in to your Dropbox account

Em seguida, você precisará selecionar sua conta do Dropbox no menu suspenso.

Depois de selecionar a conta, basta clicar no botão “Continue” (Continuar).

Choose your Dropbox account

Agora, você precisa definir as configurações de arquivo do Dropbox. Ele lhe pedirá duas opções:

  1. A pasta do Dropbox onde você deseja salvar os anexos do arquivo
  2. O campo de upload de arquivo do WPForms
Set up Dropbox settings

Em seguida, você pode rolar para baixo para ver as configurações mais avançadas.

Basta clicar no botão “Continuar”.

More Dropbox settings in Zapier

Após a instalação, você pode prosseguir e testar suas configurações.

Clique no botão “Test & continue”.

Test your action

Quando o teste for bem-sucedido, você terá que publicar seu Zap.

Basta clicar no botão “Publish Zap”.

Click publish zap button

Por fim, uma janela pop-up será aberta.

Você pode seguir em frente e clicar no botão “Publish & Turn On” (Publicar e ativar).

Click publish and turn on zap

Seu formulário on-line com uma opção de upload de arquivo está pronto para ser adicionado ao seu site.

Adicionando o formulário de upload do Dropbox no WordPress

Para adicionar o formulário de upload do Dropbox no WordPress, você pode editar qualquer página ou post em que deseja exibi-lo.

Basta adicionar o bloco WPForms ao editor de conteúdo e selecionar o formulário que você criou anteriormente.

WPForms widget

No bloco WPForms, basta selecionar seu formulário de upload de arquivo do Dropbox no menu suspenso.

O WPForms carregará a visualização ao vivo do seu formulário dentro do editor de conteúdo.

Select form

Agora você pode visitar seu site para ver o formulário em ação.

Você também pode testar o formulário fazendo upload de um arquivo e preenchendo-o.

Previewing Dropbox upload form

Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de upload do Dropbox no WordPress. Talvez você também queira ver nosso guia sobre como realizar um concurso de brindes no WordPress para aumentar o envolvimento do usuário e nossas escolhas de especialistas dos melhores plug-ins do Dropbox para WordPress.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

2 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    WPForms is a great plugin and the more I see what it can do, the more I’m glad I have the full version. I see a great advantage in storing data on DropBox in that I can also protect my website space from malicious files. I will definitely use this guide, as I don’t want to let website users upload data directly to wp-content. It seems dangerous to me.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.