Como Permitir que Usuários Façam Upload de Imagens em um Site WordPress

Permitir que usuários enviem imagens no WordPress não deveria ser difícil. Mas erros de permissão, limites de tamanho de arquivo e preocupações de segurança frequentemente atrapalham.

Se você quer permitir que usuários contribuam com segurança, seja para um concurso de fotos ou para coletar conteúdo enviado por usuários, a solução mais fácil é adicionar um formulário de upload de imagens. Dessa forma, as pessoas podem enviar imagens sem precisar de acesso total de administrador.

Na WPBeginner, testamos várias ferramentas e o WPForms torna esse processo o mais simples. Muitos de nossos leitores e parceiros de negócios também configuraram uploads de imagens com este plugin, e é rápido e fácil – sem necessidade de codificação.

Neste guia, mostraremos como permitir que usuários enviem imagens com segurança em seu site WordPress. Há também um tutorial em vídeo se você preferir seguir passo a passo. 🧑‍💻

Como permitir que usuários enviem imagens em um site WordPress

Por que permitir que usuários enviem imagens com segurança no WordPress?

Se você tem um blog com vários autores, uma maneira fácil de permitir que os usuários contribuam com imagens é adicionando-os como autores em seu site. Mas dar aos usuários acesso total ao painel do WordPress nem sempre é ideal, especialmente para cenários únicos. É aí que um formulário de upload de imagens pode ajudar.

Um formulário de upload de imagens pode ser especialmente útil quando você só precisa que os usuários enviem imagens temporariamente ou para um propósito específico. Por exemplo:

  • Posts de convidados: Permita que os colaboradores enviem imagens para um único artigo sem dar a eles acesso contínuo.
  • Avaliações de produtos: Permita que os clientes compartilhem fotos de produtos que compraram.
  • Concursos de fotos: Colete participações com segurança de vários usuários sem expor o backend do seu site.
  • Galerias de eventos: Permita que os participantes enviem imagens de conferências, workshops ou encontros para exibir em uma galeria de imagens.
  • Conteúdo enviado por usuários: Deixe sua comunidade contribuir com imagens para depoimentos, fóruns ou páginas de exibição.

Felizmente, existem vários plugins do WordPress que permitem aos usuários enviar imagens sem comprometer a segurança do seu site ou dar acesso à área de administração do WordPress.

Com isso em mente, vamos dar uma olhada em algumas maneiras fáceis de permitir que os usuários enviem imagens no WordPress. Você pode usar os links rápidos abaixo para pular para o método que deseja usar:

Vamos começar.

Método 1: Permita que os usuários enviem imagens usando um formulário de upload de arquivos

Este método é perfeito se você deseja que os usuários enviem uma imagem ou outros arquivos, como candidaturas de emprego, cartas de apresentação ou documentos de verificação.

Você pode facilmente criar um formulário de upload de arquivos que coleta o nome do usuário, endereço de e-mail, arquivo enviado e uma mensagem opcional.

Para este método, usaremos o WPForms, o melhor plugin criador de formulários do WordPress. Ele vem com um campo de upload de arquivos integrado e torna todo o processo rápido e amigável para iniciantes.

Na WPBeginner, usamos o WPForms para tudo, desde nossos formulários de contato e migração de sites até nossa pesquisa anual de leitores. Vimos em primeira mão o quão flexível ele é para lidar com dados de usuários com segurança, incluindo formulários com campos de upload de imagens.

Para mais informações sobre o plugin, consulte nossa análise completa do WPForms.

Agora, vamos criar uma conta WPForms para começar a criar seu formulário de upload de imagem. No site do WPForms, clique no botão ‘Get WPForms Now’, selecione um plano e siga as instruções na tela para concluir o checkout.

Página inicial do WPForms

💡 Observação: Para este tutorial, você precisará do plano WPForms Basic ou superior para adicionar um campo de upload de imagem. Dito isso, você pode usar o WPForms Lite para criar formulários de contato simples em seu site WordPress.

Com isso feito, você terá seu próprio painel WPForms, onde poderá encontrar seu arquivo zip do WPForms Basic (ou superior) e a chave de licença.

Agora, você precisará instalar e ativar o plugin WPForms. Na sua área de administração do WordPress, vá para Plugins » Adicionar Novo Plugin.

O submenu Adicionar Novo Plugin em Plugins na área de administração do WordPress

Em seguida, você pode simplesmente pesquisar por WPForms usando o recurso de busca para encontrá-lo rapidamente.

Assim que o encontrar, clique em ‘Instalar Agora’ e ‘Ativar’ para concluir o processo de instalação.

O botão Instalar Agora no resultado da pesquisa do WPForms ao adicionar um novo plugin no WordPress

Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisa visitar a página WPForms » Configurações no seu painel do WordPress para inserir sua chave de licença.

Inserindo a chave de licença do WPForms

Você pode encontrar sua chave de licença na área da sua conta no site do WPForms, na aba ‘Downloads’.

Com isso feito, vá para WPForms » Adicionar Novo para criar seu formulário.

Na página ‘Configuração’, você pode nomear seu formulário no campo ‘Nomeie Seu Formulário’. Isso é apenas para sua referência, mas certifique-se de usar um nome claro para facilitar a organização.

nomeie seu formulário

Em seguida, você verá que o WPForms permite que você crie seus formulários usando uma tela em branco, WPForms AI e modelos prontos para uso.

Vamos supor que você queira usar o construtor de formulários com IA. Então, você pode passar o mouse sobre a caixa ‘Gerar com IA’ e clicar em ‘Gerar Formulário’.

Gerar formulário com IA

Na tela seguinte, tudo o que você precisa fazer é escrever um prompt simples. Alternativamente, você pode escolher entre os exemplos de prompt disponíveis, se relevante.

A ferramenta de IA gerará o formulário para você, assim!

Formulários WPForms AI em ação

Se você quiser usar um dos modelos, basta passar o mouse sobre ele e clicar em ‘Usar Modelo’.

O WPForms tem mais de 2.000 modelos prontos. Você sempre pode usar o recurso de pesquisa para refinar suas opções.

Por exemplo, aqui, vamos usar o ‘Formulário de Contato Simples’.

Escolhendo o modelo Formulário de Contato Simples

Isso o levará ao construtor de formulários de arrastar e soltar.

À sua esquerda, você pode ver todos os campos que pode adicionar ao seu formulário. E à sua direita, você tem a visualização ao vivo.

Um modelo de formulário de contato

Em seguida, vamos arrastar e soltar um campo ‘Upload de Arquivo’ em seu formulário.

Você pode encontrar este campo rolando para baixo até a seção ‘Campos Elegantes’ no painel esquerdo.

Adicionando um campo de Upload de Arquivo ao formulário

Uma vez adicionado, clique no campo ‘Upload de Arquivo’ em seu formulário para editá-lo.

Em seguida, você pode alterar o nome deste campo (seu rótulo) para ‘Sua Fotografia’ e especificar quais extensões de arquivo de imagem são permitidas. Por exemplo, você pode limitar os uploads a arquivos JPG/JPEG, PNG e GIF.

💡 Nota do Editor: Por padrão, o WordPress permite apenas certos tipos de arquivos de imagem para upload. Por exemplo, os usuários não poderão fazer upload de imagens .svg ou arquivos .zip a menos que você os adicione explicitamente à lista permitida.

Explicaremos como fazer isso em um momento. Por enquanto, vamos continuar ajustando as configurações do nosso campo.

Depois disso, vamos definir um limite de tamanho de arquivo.

Recomendamos definir o tamanho máximo do arquivo para cerca de 5 MB para ajudar a economizar espaço em disco na sua conta de hospedagem WordPress. Além disso, isso garante que os uploads dos usuários não deixem seu site lento.

Então, não se esqueça de marcar a caixa ‘Obrigatório’ para que o usuário não possa enviar o formulário até que tenha carregado uma imagem.

Configurando as definições para o campo de formulário de upload de arquivo

Você também pode definir opções adicionais para este campo clicando na aba ‘Avançado’.

Aqui, você pode escolher o estilo do seu campo de upload. Ele vem com um campo de arrastar e soltar ‘Moderno’ por padrão. Se desejar, você pode substituí-lo por um campo ‘Clássico’.

Estilizando o formulário de upload de arquivo

Adicionalmente, você pode optar por armazenar a imagem na Biblioteca de Mídia do WordPress ativando o interruptor. Esta é uma boa ideia se você for compilar suas imagens enviadas para um post de blog ou similar.

Assim que estiver satisfeito com seu formulário, clique em ‘Salvar’ e depois saia do construtor de formulários.

Adicionando Seu Formulário de Upload de Imagem no WordPress

Em seguida, você precisa incorporar seu formulário em um post ou página do WordPress e aceitar imagens enviadas por usuários. O WPForms torna super fácil adicionar seus formulários em qualquer lugar do seu site.

Simplesmente edite o post ou página onde você deseja adicionar o formulário de upload de imagem. No editor de conteúdo do WordPress, você precisa adicionar o bloco WPForms à sua área de conteúdo.

Adicionando um bloco WPForms à sua página

Depois disso, você precisa selecionar o formulário que criou anteriormente no menu suspenso. O WPForms exibirá uma prévia do seu formulário dentro da área de conteúdo.

Agora você pode salvar seu post ou página e visualizá-lo ao vivo para ver seu formulário de upload de imagem em ação.

Permitindo Outros Tipos de Arquivo para Upload

Às vezes, seus usuários podem ver este erro ao tentar fazer upload de um arquivo, mesmo quando você permitiu esse tipo de arquivo nas configurações do seu campo de upload:

Desculpe, este tipo de arquivo não é permitido por motivos de segurança

Isso acontece porque o WordPress permite apenas certos tipos de arquivo por padrão. A maneira mais fácil de permitir mais tipos de arquivo é usar um plugin complementar.

Recomendamos o plugin File Upload Types da WPForms. Depois de instalar o plugin no WordPress e ativá-lo, vá para Configurações » Tipos de Arquivo para Upload.

Você pode então escolher os tipos de arquivo da lista que deseja permitir, ou pode adicionar tipos de arquivo personalizados.

Área administrativa de Tipos de Upload de Arquivo

Observe que a lista não inclui os tipos que o WordPress já permite por padrão.

Se você estiver apenas querendo permitir o upload de imagens SVG, você pode usar o plugin gratuito WPCode em vez disso. Você pode aprender mais em nosso guia sobre como adicionar arquivos de imagem SVG no WordPress.

💡 Nota do Editor: Arquivos SVG contêm código, o que pode representar um risco de segurança se você permitir que o público os carregue. Recomendamos permitir uploads de SVG apenas de usuários confiáveis ou usar um plugin que sanitize os arquivos.

Método 2: Permita que os usuários enviem imagens como autores convidados

Um motivo chave para permitir que os usuários carreguem imagens é ao coletar envios de posts de convidados. Você também pode usar um método muito semelhante para outro conteúdo gerado pelo usuário, como depoimentos.

Primeiro, você precisará de uma conta WPForms. No site deles, basta clicar no botão 'Obter WPForms Agora' para começar. Em seguida, você pode selecionar um plano e concluir o processo de checkout.

Página inicial do WPForms

💡 Observação: Para este método, você precisará do plano WPForms Pro ou superior, pois ele inclui o addon 'Envios de Posts'. Dito isso, existe o WPForms Lite se você quiser experimentá-lo primeiro.

Agora, você pode instalar e ativar o plugin WPForms em seu site WordPress. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após ativar o plugin, você precisa visitar a página WPForms » Configurações no seu painel do WordPress para inserir sua chave de licença. Você pode encontrar sua chave de licença na aba 'Downloads' da sua conta no site WPForms.

É isso que você verá ao inserir a chave de licença em seu site:

Inserindo a chave de licença do WPForms

Em seguida, vá para WPForms » Addons para instalar o Addon de Submissão de Posts.

Clique no botão 'Instalar Addon'. Ele será instalado e ativado automaticamente

Instalando o add-on de submissões de post do WPForms

Agora, você pode começar a construir seu formulário de submissão de posts de convidados.

Vá para WPForms » Adicionar Novo, em seguida, role para baixo para encontrar o Formulário de Submissão de Posts de Blog.

Modelo de formulário de submissão de post de blog

Clique nele, e seu novo formulário será criado. Ele terá campos padrão para os detalhes do autor convidado, bem como o título proposto da postagem, imagem em destaque, conteúdo, resumo da postagem e categoria.

Você pode adicionar mais campos (seções do seu formulário) se desejar.

Por exemplo, você pode querer adicionar um campo 'Website / URL' onde o autor pode inserir o URL de seu próprio blog WordPress ou portfólio.

Adicionar um campo de site/URL

Para alterar o rótulo de um campo ou qualquer texto no formulário, basta clicar nele.

Por exemplo, você pode clicar na caixa 'Imagem em Destaque' e alterar a 'Descrição' para especificar o tamanho preferido da sua imagem em destaque.

Alterar as configurações do campo de imagem em destaque

Arquivos enviados através do campo predefinido 'Imagem em Destaque' são armazenados em sua Biblioteca de Mídia do WordPress por padrão.

Você pode ativar ou desativar esta opção clicando no dropdown 'Opções Avançadas' para o campo.

Armazenar arquivos na biblioteca de mídia

🧑‍💻 Dica de Especialista: O campo 'Envio de Postagens' adiciona imagens automaticamente à sua Biblioteca de Mídia. No entanto, se você adicionar um campo separado de 'Upload de Arquivo' a este formulário, ele não armazenará arquivos na Biblioteca de Mídia por padrão.

Você precisará habilitar essa configuração manualmente, como mostramos no Método 1.

Se desejar, você também pode permitir que os usuários enviem dois ou mais arquivos através do mesmo campo. Por exemplo, você pode querer que os usuários enviem apenas arquivos PNG.

Você também pode inserir um tamanho máximo de arquivo em MB. Se desejar, você pode permitir que os usuários façam upload de 2 ou mais arquivos.

Alterando as configurações de upload de arquivos

O campo de upload ‘Moderno’ (o padrão) permite que os usuários arrastem e soltem arquivos.

Se preferir, você pode alterá-lo para um campo ‘Clássico’ nas opções avançadas. Observe que isso permite que os usuários façam upload de apenas um único arquivo.

Assim que tiver todos os campos que deseja em seu formulário, vá para a aba ‘Configurações’. Você pode querer alterar detalhes em ‘Notificações’ aqui.

Por exemplo, se seus posts de convidado forem para um editor, você desejará o endereço dele na caixa ‘Enviar para Endereço de E-mail’.

Alterando as configurações do seu formulário

Você também pode querer alterar a mensagem de confirmação que um usuário vê após enviar o formulário. Você pode fazer isso em Configurações » Confirmação.

Assim que estiver satisfeito com seu formulário, basta clicar no botão ‘Salvar’ na parte superior da tela.

Adicionando o Formulário de Envio de Posts de Convidado ao Seu Site

Você pode adicionar seu formulário ao seu site em qualquer post ou página. Você pode querer criar uma nova página especificamente para envios de posts de convidados.

Se você estiver usando o editor Gutenberg (de blocos), basta clicar no ícone (+) para criar um novo bloco. Em seguida, selecione o bloco 'WPForms' para adicionar ao editor.

Em seguida, você verá um menu suspenso do WPForms. Selecione seu formulário na lista e ele será adicionado ao seu post.

Adicionar o bloco WPForms

🧑‍💻 Dica de especialista: Se você ainda estiver usando o editor Clássico, você verá um botão 'Adicionar Formulário' ao lado de 'Adicionar Mídia'. Clique nele para obter uma lista suspensa dos seus formulários. Selecione o que você deseja e clique em 'Adicionar Formulário' para inseri-lo no seu post.

Você pode usar o campo 'Upload de Arquivo' em qualquer formulário que criar, é claro. Isso significa que você pode usar o método acima para qualquer tipo de conteúdo gerado pelo usuário que você gostaria de coletar.

Método Bônus: Permita que os usuários enviem fotos para um concurso

Embora um formulário de upload de arquivos permita que os usuários enviem imagens, pode não ser a melhor solução se você estiver organizando um concurso de fotos completo.

Isso ocorre porque o WPForms é um construtor de formulários, não um plugin de concurso. Ele não vem com recursos como seleção de vencedores, compartilhamento viral, etc.

É aí que entra o RafflePress. É o melhor plugin de sorteio do WordPress que permite criar concursos virais para aumentar seu tráfego e seguidores de mídia social.

O site RafflePress

Você pode usá-lo para projetar um widget de concurso que permite aos usuários enviar fotos, mas também incentiva o compartilhamento e outras ações de engajamento para aumentar seu público.

Na verdade, usamos o RafflePress para realizar nosso sorteio anual de aniversário do WPBeginner. Ele nos ajudou a aumentar nossa lista de e-mails, aumentar o compartilhamento social e impulsionar o engajamento geral do site – tudo isso mantendo tudo fácil de gerenciar no nosso painel do WordPress.

Explore todos os seus recursos em nossa análise completa do RafflePress.

Ação de enviar uma imagem

Criamos um guia detalhado sobre como criar um concurso de fotos no WordPress com o RafflePress que você pode seguir para mais detalhes.

FAQ: Como Permitir que Usuários Enviem Imagens em um Site WordPress

Se você estiver configurando uploads de imagens em seu site, estas respostas rápidas o ajudarão a solucionar dúvidas comuns e a fazer tudo funcionar sem problemas.

Por que o WordPress não permite que os usuários enviem imagens?

Por padrão, o WordPress restringe o upload de arquivos a certas funções de usuário (como administradores e editores) por motivos de segurança. Para permitir que visitantes regulares enviem arquivos sem criar uma conta, você precisará usar um plugin de formulário de front-end como o WPForms.

Qual é o site onde os convidados podem enviar fotos?

Você não precisa de um site de terceiros separado. Você pode criar sua própria página de upload em seu site WordPress usando um plugin como o WPForms e permitir que os convidados enviem fotos diretamente para lá.

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

Você pode adicionar um usando um plugin de formulário como o WPForms. Basta criar um formulário, arrastar o campo de Upload de Arquivo e incorporar o formulário em qualquer página. Os visitantes poderão então fazer upload de imagens diretamente através desse botão.

Como faço um link de URL para fotos?

Uma vez que um usuário faz o upload de uma imagem e ela é armazenada na sua Biblioteca de Mídia, você pode clicar na imagem para encontrar a ‘URL do Arquivo’. Você pode então copiar e colar este link onde precisar.

Qual é o tamanho máximo de upload de imagem para o WordPress?

O tamanho máximo de upload de imagem depende da configuração do seu serviço de hospedagem web. Muitos sites ficam entre 2 MB e 64 MB. Você também pode definir um tamanho máximo de arquivo menor dentro das configurações do seu formulário para controlar o desempenho e o uso de armazenamento.

Tutorial em Vídeo: Permita que Usuários Enviem Imagens em um Site WordPress

Antes de ir, não perca nosso tutorial em vídeo sobre como permitir que os usuários enviem imagens em um site WordPress:

Inscreva-se no WPBeginner

Próximos Passos para Usar Imagens e Outros Arquivos de Mídia no WordPress

Esperamos que este artigo tenha ajudado você a aprender como permitir que os usuários façam upload de imagens em um site WordPress.

Se você achou isso útil, talvez também queira ver nossos outros guias sobre:

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.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

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

Interações do Leitor

2 CommentsLeave a Reply

Deixar uma resposta

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