Como Criar um Widget de Upload de Ficheiros no WordPress

Dar aos utilizadores a capacidade de adicionar ficheiros e multimédia aos formulários do seu site pode facilitar muito a recolha das informações de que necessita. É por isso que precisa de um widget de carregamento de ficheiros.

Pode estar preocupado em como tornar o processo contínuo sem lidar com codificação complexa ou plugins não confiáveis. Compreendo perfeitamente — ninguém quer passar horas a resolver problemas de algo que deveria ser simples.

É por isso que, neste guia, vou mostrar-lhe como criar um widget de carregamento de ficheiros no WordPress para aceitar ficheiros dos visitantes do seu site.

Crie o seu formulário de widget de carregamento de ficheiros do WordPress agora! 🙂

Como Criar um Widget de Upload de Ficheiros no WordPress

Dependendo do tipo de informação que pretende recolher no seu formulário, utilizar um widget de carregamento do WordPress é uma das melhores formas de lhe facilitar a obtenção de mais informações dos seus utilizadores rapidamente.

Por exemplo, esta seria uma ótima colocação de formulário para permitir que os visitantes carreguem imagens para o WordPress. Tornar os formulários mais fáceis de preencher e mais acessíveis ajuda a reduzir a sua taxa de abandono de formulários para que o seu site WordPress possa gerar mais receita.

Também pode aprender como aceitar tipos de ficheiro adicionais nos seus formulários de carregamento do WordPress ou pode saltar para outro guia se desejar exigir pagamento pelo carregamento de ficheiros.

Se estiver pronto para começar, aqui está um tutorial em vídeo sobre como criar um widget de carregamento de ficheiros no WordPress ou pode seguir as instruções escritas.

Antes de criar o seu widget de carregamento do WordPress, terá de criar um formulário de carregamento de ficheiros do WordPress. Se já o fez, pode saltar para o Passo 6.

Passo 1: Crie o seu formulário de carregamento de ficheiros no WordPress

O WPForms é o melhor plugin para carregamentos de ficheiros. Ao contrário da funcionalidade de carregamento de ficheiros do Google Forms, o WPForms permite-lhe adicionar carregamentos de ficheiros em qualquer lugar do seu site, não apenas em páginas de formulários.

A primeira coisa que terá de fazer é instalar e ativar o plugin WPForms. Para mais detalhes sobre como instalá-lo, consulte este guia passo a passo sobre como instalar um plugin no WordPress.

Em seguida, vá ao seu painel do WordPress e clique em WPForms » Adicionar Novo no menu do lado esquerdo para criar um novo formulário e dê-lhe o nome que desejar.

Em seguida, role para baixo até à secção Selecionar um Modelo e procure o modelo de formulário de carregamento de ficheiros. Em seguida, clique em Usar Modelo para o abrir.

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

Aqui, pode adicionar campos adicionais ao seu formulário arrastando-os do painel esquerdo para a área de pré-visualização direita. Ou, pode remover campos para garantir que o seu formulário se encaixa bem no seu widget de carregamento quando o adicionar no Passo 6.

Com o modelo de Formulário de Upload de Ficheiros, já terá os campos Nome, Email, Telefone, Upload de Ficheiro e Comentários Adicionais .

Clique em qualquer um dos campos do formulário para fazer alterações. Também pode clicar num campo do formulário e arrastá-lo para reorganizar a ordem no seu formulário de contacto.

Para o nosso exemplo, removeremos os campos Telefone e Comentários Adicionais para tornar este formulário menor, de modo a caber melhor no nosso widget. Basta clicar no ícone do caixote do lixo para remover um campo.

Tenha em atenção que também pode adicionar o campo Upload de Ficheiro a qualquer formulário WordPress que crie. Basta arrastar o campo do formulário Upload de Ficheiro, encontrado em Campos Elaborados, do painel esquerdo para a área de pré-visualização.

Passo 2: Configure as Opções do Campo de Upload de Ficheiro

Pode personalizar o seu campo Upload de Ficheiro clicando nele para abrir as opções do campo.

Aqui pode alterar o:

• Etiqueta — Dê um nome ao campo do formulário para que os visitantes do seu site saibam para que serve.
• Descrição — Adicione uma descrição explicando detalhes aos utilizadores. Por exemplo, se quiser apenas que as pessoas façam o upload de uma imagem, diga-lhes isso.
• Extensões de Ficheiro Permitidas — Se quiser restringir os tipos de ficheiros que podem ser carregados para o seu formulário WordPress, coloque-os aqui, cada um separado por uma vírgula
• Tamanho Máximo do Ficheiro — Especifique, em megabytes, o tamanho máximo do ficheiro que permitirá aos utilizadores fazer o upload. Se não digitar um número aqui, o WPForms utilizará por defeito o tamanho máximo de ficheiro permitido pelo seu servidor. Se precisar de alterar isto, consulte este tutorial sobre como aumentar o tamanho máximo de upload de ficheiros no WordPress.
• Uploads Máximos de Ficheiros — Se estiver a usar o campo de Upload de Ficheiros com estilo Moderno, pode definir um limite para o número de ficheiros que os utilizadores podem carregar de uma só vez.
• Obrigatório — Se quiser exigir que os utilizadores façam o upload de um ficheiro antes de poderem submeter o seu formulário, selecione esta caixa de verificação.

Existem mais opções disponíveis também no separador Avançado.

• Estilo — Pode alternar entre o estilo Moderno predefinido e o estilo Clássico. O campo de Upload de Ficheiro Moderno permite aos utilizadores arrastar e largar ficheiros no seu formulário e permite múltiplos uploads de ficheiros. O estilo Clássico oferece aos utilizadores um botão Escolher Ficheiro para selecionar um ficheiro do seu computador.
• Armazenar Ficheiros na Biblioteca de Média do WordPress — Por defeito, todos os ficheiros carregados pelos utilizadores são armazenados na pasta WPForms dentro do diretório Uploads do seu site. Para facilitar as coisas, também pode armazenar estes ficheiros na sua Biblioteca de Média do WordPress.
• Ativar Restrições de Acesso a Ficheiros — Restrinja o acesso a ficheiros carregados com base em funções de utilizador ou adicionando proteção por palavra-passe.
• Ocultar Etiqueta — Ocultar a etiqueta do campo do formulário

Também pode fazer com que os formulários tenham um ótimo aspeto seguindo os passos do nosso artigo sobre como criar um formulário de Vários Passos no WordPress. Mas, para efeitos deste tutorial, ficaremos com uma única página.

Quando o seu formulário tiver o aspeto desejado, clique em Guardar no canto superior direito do construtor.

Passo 3: Personalize as definições do seu formulário de carregamento de ficheiros

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

Aqui 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.
• Etiquetas — Adicione etiquetas aos seus formulários para os organizar.
• Texto do Botão de Envio — Personalize o texto no botão de envio.
• Texto de Processamento do Botão de Envio — Altere o texto que é exibido enquanto o seu formulário está a ser enviado.

Em seguida, expanda a secção Avançadas para configurar também as seguintes definições:

• Classes CSS — Adicione CSS personalizado ao seu formulário ou botão de submissão.
• Preenchimento automático por URL — Preencha automaticamente alguns campos com base num URL.
• Ativar envio de formulário AJAX — Ative as definições AJAX sem recarregar a página.
• Desativar o armazenamento de informações de entrada no WordPress — Pode desativar o armazenamento de informações de entrada e detalhes do utilizador, como endereços IP e agentes de utilizador, no esforço de cumprir os requisitos do GDPR. Consulte as nossas instruções passo a passo sobre como adicionar um campo de consentimento GDPR ao seu formulário de contacto simples.

Quando terminar com as definições Gerais, passe para as definições de Proteção contra Spam e Segurança.

Aqui estão algumas definições adicionais que pode configurar:

• Ativar proteção anti-spam — Pare o spam de formulários de contacto com a funcionalidade anti-spam, hCaptcha ou Google reCAPTCHA. A caixa de verificação anti-spam é automaticamente selecionada em todos os novos formulários.
• Ativar proteção anti-spam Akismet — Se utilizar o plugin Akismet para gerir spam, pode conectá-lo a este formulário para evitar entradas falsas.
• Ativar filtro de país — Impede entradas de países específicos.
• Ativar filtro de palavras-chave — Bloqueie submissões que incluam certas palavras ou frases.

E quando terminar, clique em Guardar.

Passo 4: Configure as notificações do seu formulário

As notificações são uma excelente forma de saber quando alguém envia um ficheiro para o seu widget de upload do WordPress.

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

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

Além disso, se utilizar Etiquetas Inteligentes, pode enviar uma notificação personalizada aos visitantes do seu site depois de estes preencherem o seu formulário para os informar que o recebeu. Isto garante aos utilizadores que o seu formulário foi processado corretamente, juntamente com o seu ficheiro carregado.

Para mais informações sobre isto, consulte o nosso guia passo a passo sobre como enviar múltiplas notificações de formulário no WordPress.

Também pode utilizar Etiquetas Inteligentes para incluir uma ligação para o ficheiro carregado na entrada na notificação por e-mail.

Ou, se preferir, pode incluir o ficheiro como anexo. Basta percorrer as definições Avançadas da sua notificação e Ativar Anexos de Ficheiros Carregados.

Tenha em atenção que os fornecedores de e-mail, por vezes, têm restrições relativas aos tamanhos dos anexos de e-mail. Anexos grandes podem impedir que os seus e-mails sejam entregues corretamente.

Finalmente, tem a opção de personalizar facilmente os seus e-mails de notificação adicionando o seu logótipo ou qualquer imagem que escolha na área de imagem de cabeçalho personalizada. O logótipo/imagem que escolher aparecerá no topo das notificações por e-mail, como o logótipo WPForms abaixo.

Passo 5: Configure as confirmações do seu formulário de carregamento de ficheiros

As confirmações de formulário são formas de agir imediatamente (e automaticamente) após o seu utilizador ter enviado informações para o seu widget de upload do WordPress. Para obter ajuda adicional com este passo, consulte o nosso tutorial sobre como configurar confirmações de formulário.

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

1. Mensagem — Este é o tipo de confirmação padrão que aparece depois que alguém envia o formulário e é personalizável. Veja as nossas dicas sobre como personalizar a sua mensagem de confirmação para aumentar a satisfação dos visitantes do seu site.
2. Página de Exibição — Envie automaticamente os utilizadores para qualquer página do seu site, como uma página de agradecimento.
3. Redirecionamento — Útil se quiser levar o utilizador para um site diferente ou um URL especializado para um desenvolvimento mais complexo.

Vejamos, então, como configurar uma confirmação de formulário simples no WPForms para que possa personalizar a mensagem de sucesso que os visitantes do site verão quando enviarem um formulário no seu site.

Para come, clique no separador Confirma no Editor de Formulrios, em Defini.

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

Em seguida, personalize a mensagem de confirmação ao seu gosto e clique em Guardar quando terminar.

Agora está pronto para adicionar o seu formulário aos widgets do seu site.

Passo 6: Adicione o seu formulário de carregamento de ficheiros a um widget

Depois de ter criado o seu formulário, pode adicioná-lo a uma área de widget no seu site WordPress.

O WPForms permite-lhe adicionar os seus formulários a vários locais no seu site, incluindo páginas, publicações de blogue e widgets do WordPress.

Para adicionar o formulário de carregamento de ficheiros a um widget e criar o seu próprio widget de carregamento, vá ao menu do lado esquerdo no seu painel do WordPress e clique em Aparência » Widgets.

Aqui verá diferentes secções para as áreas de widget que o seu tema do WordPress fornece. Expanda a secção da área onde pretende adicionar o seu formulário de carregamento de ficheiros. Para o nosso exemplo, vamos colocá-lo na barra lateral.

Clique no botão mais (+) para adicionar um novo bloco à sua área de widget e selecione o bloco WPForms . Pode procurá-lo se não o vir imediatamente.

Em seguida, escolha o seu formulário de carregamento de ficheiros no menu suspenso no bloco WPForms.

O seu formulário de carregamento de ficheiros será carregado no widget. Agora só precisa de clicar no botão Atualizar para tornar o seu widget de carregamento de ficheiros ativo.

É tudo! O seu formulário de carregamento de ficheiros está agora num widget do WordPress no seu site.

Passo 7: Ver ficheiros enviados

O WPForms armazena cada envio de formulário como uma entrada na base de dados do WordPress. Para ver os ficheiros carregados, vá a WPForms » Entradas. Em seguida, clique no nome do seu formulário de widget de carregamento de ficheiros.

Assim que estiver a ver todas as entradas, pode clicar em Ver na coluna Ações de uma entrada individual para aceder ao ficheiro que foi carregado através do widget de carregamento do WordPress.

Agora, pode clicar com o botão direito do rato no ficheiro para o descarregar, ou clicar nele para o ver no seu navegador.

Melhor ainda, pode usar o nosso complemento Zapier, para guardar automaticamente todos os carregamentos de ficheiros em:

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

E para descobrir como as pessoas estão a encontrar o seu formulário de carregamento e o seu site, leia o nosso guia sobre como instalar o Google Analytics no WordPress.

FAQs – Como Criar um Widget de Carregamento de Ficheiros no WordPress

Como adiciono uma funcionalidade de carregamento de ficheiros no WordPress?

Para adicionar uma funcionalidade de carregamento de ficheiros no WordPress, pode usar um plugin como o WPForms. Basta instalar o WPForms, criar um novo formulário e adicionar-lhe o campo Carregamento de Ficheiro. Em seguida, incorpore o formulário na página ou área de widget desejada.

O WordPress suporta o carregamento de ficheiros?

Sim, o WordPress suporta carregamentos de ficheiros por defeito, mas pode melhorar esta funcionalidade com plugins como o WPForms, que lhe permite criar facilmente formulários com opções de carregamento de ficheiros, tornando simples para os utilizadores enviarem ficheiros diretamente através do seu site.

Como permito que alguém carregue um ficheiro para o WordPress?

Para permitir que alguém carregue um ficheiro para o seu site WordPress, use o WPForms. Crie um formulário com um campo de Carregamento de Ficheiro e coloque-o no seu site. Os visitantes poderão então usar o formulário para carregar os seus ficheiros diretamente para a sua biblioteca de multimédia do WordPress.

Como adiciono um botão de carregamento de imagem no WordPress?

Para adicionar um botão de carregamento de imagem no WordPress, pode usar o WPForms. Crie um formulário e inclua o campo Carregamento de Ficheiro, que pode ser configurado para aceitar ficheiros de imagem. Isto cria uma forma fácil para os utilizadores carregarem imagens através do seu site.

Em seguida, Permita Carregamentos de Adobe Illustrator no WordPress

Se quiser aceitar ficheiros de designers, certifique-se de que verifica como ativar carregamentos de Adobe Illustrator (AI) no WordPress. Certifique-se também de que consulta a nossa publicação com ótimas dicas sobre marketing para pequenas empresas que pode experimentar hoje.

Crie o seu formulário WordPress agora

Pronto para construir o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.