Como permitir o upload de arquivos CSV no WordPress (passo a passo)

Deseja permitir uploads de CSV no WordPress?

Permitir que seus visitantes anexem arquivos CSV aos formulários pode ajudá-lo a aceitar facilmente as informações armazenadas em tabelas.

Neste artigo, mostrarei a você como criar facilmente um formulário de upload de CSV no WordPress.

Crie seu formulário de upload de CSV agora

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

CSV significa "comma-separated value" (valor separado por vírgula). Basicamente, é apenas um arquivo de texto simples que contém vários dados. Esses tipos de arquivos armazenam dados em tabelas.

Portanto, eles existem basicamente para facilitar o envio desses dados de um aplicativo para outro.

Por exemplo, aqui estão alguns motivos reais pelos quais você pode querer permitir que os visitantes carreguem um arquivo CSV nos formulários do seu site:

• Você está reunindo as planilhas de horas dos funcionários que estão trabalhando em um plano de aprimoramento pessoal.
• Você deseja coletar diários de nutrição para clientes com planos de saúde ou bem-estar.
• Você precisa armazenar detalhes de inventário para um formulário de checkout de equipamento.
• Você está reunindo informações financeiras para um pedido de hipoteca.
• Você deseja permitir compras em massa em um formulário de pedido de atacado.
• Seu negócio on-line precisa coletar pagamentos com seus uploads de arquivos.
• Você deseja criar um formulário RSVP no WordPress e permitir que seus visitantes carreguem anexos.

Você provavelmente pode pensar em muitos outros.

É muito fácil permitir uploads de CSV no WordPress. Você pode coletar dados em arquivos CSV de qualquer página do seu site.

O WordPress bloqueia alguns tipos de arquivos por motivos de segurança. Mas a maioria dos arquivos de imagem pode ser carregada usando o WPForms, e os arquivos CSV são permitidos por padrão. Se você tiver problemas com outros tipos de arquivos, leia nosso guia sobre como permitir tipos adicionais de upload de arquivos.

Vamos criar nosso primeiro formulário de upload de CSV.

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

Neste artigo, usaremos o plugin WPForms para criar rapidamente um formulário que permitirá o upload de arquivos CSV no WordPress.

Nós o dividimos em 7 etapas.

Vamos direto ao assunto.

Etapa 1: Crie seu formulário de upload de CSV no WordPress

Para criar seu formulário de upload de CSV, você precisará instalar o plug-in WPForms.

O WPForms é o melhor plugin de upload de arquivos para WordPress. Ele facilita muito a criação de um formulário para qualquer finalidade usando um construtor de arrastar e soltar.

Depois de criar o formulário de upload de CSV, você poderá exibi-lo em qualquer lugar do site. Você pode até mesmo colocá-lo na barra lateral.

Se você precisar de ajuda para instalar o plug-in WPForms, consulte este guia passo a passo sobre como instalar um plug-in no WordPress.

Depois de instalar o WPForms, ative o plug-in. Você verá o WPForms no menu de navegação à esquerda no painel do WordPress.

Clique em WPForms " Add New para criar um novo formulário. Digite um nome para seu formulário na parte superior.

Vamos começar com um modelo e depois personalizá-lo para permitir uploads de CSV.

No WPForms, role para baixo até a seção Select a Template (Selecionar um modelo ). Pesquise por "file upload" e clique em Use Template (Usar modelo) para o modelo File Upload Form (Formulário de upload de arquivo).

O WPForms criará um formulário em branco com 5 campos: Nome, E-mail, Telefone, Upload de arquivo e Comentários adicionais.

Para adicionar mais campos ao formulário, arraste e solte o campo que deseja adicionar do painel à esquerda para a área de visualização à direita.

Você também pode alterar a ordem dos campos. Clique no campo que deseja mover e arraste-o para cima ou para baixo na visualização do formulário.

Você já tem um formulário que deseja usar para uploads de CSV? Você pode adicionar facilmente o campo File Upload a ele. Abra o formulário existente no editor WPForms, expanda o menu suspenso Fancy Fields e arraste um campo File Upload do painel esquerdo para a área de visualização.

Etapa 2: Configurar as opções do campo de upload de arquivos

Agora você tem um campo de upload de arquivo em seu formulário. Por padrão, ele permitirá que os usuários carreguem vários tipos de arquivos diferentes.

Para permitir apenas o upload de arquivos CSV, clique no campo File Upload (Upload de arquivo). No campo Extensões de arquivo permitidas, digite "csv".

Às vezes, os aplicativos salvam arquivos CSV em um formato diferente. Para facilitar a vida de seus visitantes, talvez você queira permitir esses formatos também.

Por exemplo, para permitir o upload de arquivos formatados em Excel e arquivos CSV, digite "csv,xls,xlsx" no campo Allow File Extensions (Permitir extensões de arquivo ).

Você também pode alterar outras opções do campo File Upload aqui:

• Rótulo - Dê ao campo File Upload um rótulo como "Upload Your CSV File" para que seus visitantes saibam para que serve o campo.
• Descrição - Adicione uma descrição. Por exemplo, talvez você queira especificar quais extensões de arquivo os visitantes podem carregar.
• Max File Size (Tamanho máximo do arquivo) - Especifique o tamanho máximo do arquivo CSV que os usuários podem carregar. Se você não especificar um número aqui, o WPForms usará como padrão o tamanho máximo de arquivo permitido pelo seu servidor. Se você precisar alterar isso, consulte este tutorial sobre como aumentar o tamanho máximo de upload de arquivos no WordPress.
• Max File Uploads - Se o seu campo File Upload permitir que os usuários carreguem vários arquivos, você poderá especificar o número de arquivos permitidos aqui. Deixar esse campo em branco fará com que o upload máximo de arquivos seja padronizado como 1.
• Required (Obrigatório ) - Se essa configuração estiver ativada, o visitante deverá anexar um arquivo CSV para poder enviar o formulário.

Há algumas outras opções para seu campo File Upload na guia Advanced.

Aqui você pode selecionar:

• Estilo - Você pode escolher o estilo Moderno de carregador de arquivos ou o estilo Clássico. O estilo Moderno permite que os usuários arrastem e soltem os arquivos no formulário e permite o carregamento de vários arquivos. O estilo Clássico usa um botão Choose File (Escolher arquivo) para que os usuários possam selecionar o arquivo a ser carregado de seus computadores. Ele permite que os usuários carreguem apenas um arquivo.
• Store file in WordPress Media Library (Armazenar arquivo na biblioteca de mídia do WordPress) - Quando essa opção estiver ativada, os arquivos carregados no formulário serão adicionados à biblioteca de mídia do WordPress. Se essa configuração estiver desativada, os arquivos serão armazenados na pasta Uploads do site do WordPress, que pode ser acessada via FTP. No entanto, se não quiser armazenar arquivos na Biblioteca de mídia, mas ainda precisar acessá-los facilmente, mostraremos como enviá-los por e-mail para você mesmo na próxima etapa.
• Enable File Access Restrictions (Ativar restrições de acesso a arquivos) - Essa opção permite restringir o acesso aos arquivos carregados. É possível restringir o acesso com base na função do usuário (os usuários devem estar conectados). Também é possível restringir o acesso protegendo os arquivos com senha.
• Hide Label (Ocultar rótulo ) - Essa opção permite ocultar o rótulo do campo de formulário.

Terminamos de criar nosso formulário de upload simples!

Se você tiver um formulário complicado, poderá facilitar a navegação seguindo nosso tutorial sobre como criar um formulário de várias etapas no WordPress.

Etapa 3: Configure as definições de seu formulário de upload de CSV

Agora você precisará definir algumas configurações para o formulário de upload de CSV. Clique em Settings " General para abrir as configurações do formulário.

Nessa seção, é possível configurar as seguintes opções:

• Nome do formulário - Edite o nome do seu formulário.
• Descrição do formulário - Adicione uma descrição para seu formulário. Você pode optar por exibir a descrição acima do formulário ao incorporá-lo em seu site.
• Tags - Adicione tags para organizar os formulários do seu site e localizá-los com mais facilidade.
• Texto do botão Enviar - Personalize o texto do botão Enviar.
• Submit Button Processing Text (Texto de processamento do botão Enviar) - Altere o texto que aparece enquanto o formulário está sendo enviado.

Você também pode expandir as configurações avançadas para configurar o seguinte:

• Classes CSS - Adicione CSS personalizado ao seu formulário ou botão de envio.
• Preenchimento prévio por URL - Preencha alguns campos automaticamente com base em um URL personalizado.
• Ativar envio de formulário AJAX - Ative as configurações de AJAX para que o formulário possa ser enviado sem recarregar a página.
• Desativar o armazenamento de informações de entrada no WordPress - Torne seu formulário compatível com o GDPR. Isso reduzirá a quantidade de dados que o formulário captura sobre seus visitantes. Se for provável que seu formulário seja usado por pessoas que moram na União Europeia, talvez seja necessário verificar isso. Para obter mais detalhes, consulte nosso guia sobre como adicionar um campo de acordo com o GDPR aos formulários do seu site.

Depois de concluir todas as configurações gerais, vá para as configurações de Proteção contra spam e Segurança .

• Ative a proteção antispam - Impeça que os spammers enviem entradas indesejadas por meio do seu formulário de contato. Você pode usar o recurso antispam, o CAPTCHA personalizado, o hCaptcha ou o Google reCAPTCHA. Lembre-se de que o recurso antispam é ativado em todos os novos formulários por padrão.
• Habilite a proteção antispam Akismet - Se você usa o plug-in Akismet para combater o spam de comentários, também pode conectá-lo ao formulário para evitar envios de spam.
• Ativar filtro de país - Impedir envios de um país específico.
• Ativar filtro de palavras-chave - Impeça envios que incluam determinadas palavras ou frases.

Clique em Salvar quando terminar.

Etapa 4: Personalize as notificações de seu formulário de upload de CSV

Você pode escolher como gostaria de ser notificado quando alguém enviar seu formulário.

Por padrão, todos os formulários têm notificações por e-mail ativadas. Você pode personalizar a notificação por e-mail ou desativá-la no painel Settings " Notifications (Configurações " Notificações ).

Se precisar de ajuda para configurar esses e-mails de notificação, leia nosso guia sobre como configurar notificações de formulário no WordPress.

Você também pode enviar uma notificação ao visitante automaticamente quando ele enviar um formulário. Essa é uma ótima maneira de informá-los de que você recebeu o arquivo deles. Para configurar isso, você precisará usar Smart Tags em seu modelo de notificação.

Você também pode enviar o arquivo CSV para outros departamentos da sua empresa. Por exemplo, todos os seus pedidos de atacado podem ser enviados para o centro de atendimento.

Para enviar várias notificações, leia nosso guia sobre o envio de várias notificações de formulário no WordPress.

Lembra-se de que dissemos que você poderia acessar os uploads de CSV em suas notificações por e-mail? O uso de Smart Tags para incluir o campo de upload de arquivo do formulário no corpo do e-mail o adicionará como um link no qual você pode clicar para visualizar o arquivo CSV.

A outra opção é rolar para baixo até as configurações avançadas de sua notificação por e-mail e ativar o upload de arquivos anexados.

É importante observar que a maioria dos provedores de e-mail limita o tamanho dos anexos, portanto, suas notificações podem falhar quando essa configuração estiver ativada. Para evitar isso, verifique se você definiu o tamanho máximo de upload de arquivos, conforme mencionado na Etapa 2.

Por fim, se você quiser marcar seus e-mails, o WPForms pode adicionar uma imagem ou o logotipo da empresa aos e-mails de notificação como uma imagem de cabeçalho personalizada. Seu logotipo será exibido na parte superior do e-mail, como na captura de tela abaixo.

Etapa 5: Configure suas confirmações de formulário de upload de CSV

As confirmações são ações que ocorrem automaticamente quando um formulário é enviado. Se precisar de mais ajuda com isso, leia nosso tutorial sobre como configurar confirmações de formulário.

Você pode escolher entre três tipos diferentes de confirmações:

1. Mensagem - Exibe uma mensagem para confirmar que o formulário foi enviado. Essa é a Confirmação padrão para todos os formulários. Você pode personalizá-la, se desejar.
2. Display Page (Exibir página ) - Exibe automaticamente uma página ou post em seu site quando o formulário é enviado.
3. Redirecionamento - carrega automaticamente uma página em outro site.

Para nosso formulário de upload de CSV, vamos exibir uma mensagem de confirmação simples.

Volte para o editor de formulários e abra o formulário. Clique em Settings " Confirmations (Configurações " Confirmações).

No menu suspenso Confirmation Type (Tipo de confirmação ), selecione Message (Mensagem).

Personalize a mensagem e clique em Salvar.

Tudo pronto! Tudo está completo, exceto por uma etapa importante. Vamos colocar o formulário de upload de CSV em seu site.

Etapa 6: Adicione seu formulário de upload de CSV ao seu site

O WPForms permite que você adicione formulários em qualquer lugar do WordPress, como uma página, um post, uma barra lateral ou o rodapé do site. Neste exemplo, vamos adicioná-lo a uma nova página.

Crie uma nova página e clique no botão de adição (+) para adicionar um novo bloco. Procure e clique no bloco WPForms.

O bloco WPForms será carregado no editor. Na lista suspensa, selecione o formulário de upload de CSV que você criou.

Em seguida, clique no botão azul Publish (Publicar ) no canto superior direito.

Está tudo pronto! Seu novo arquivo de upload CSV agora está ativo em seu site e pronto para que os visitantes façam upload de seus arquivos.

Etapa 7: Visualizar os arquivos CSV

Você pode visualizar todos os envios de formulários recebidos no painel do WordPress, inclusive os arquivos que os usuários carregaram. Clique em WPForms " Entries e localize seu formulário de upload de CSV.

Para visualizar cada envio de formulário individual, clique no link Visualizar no lado direito da linha.

Você pode salvar ou abrir os arquivos que o usuário carregou clicando no link.

Se você precisar armazenar os arquivos carregados no Dropbox ou no Google Drive, poderá usar o complemento Zapier para fazer isso automaticamente.

Crie seu formulário de upload de CSV agora

Em seguida, crie um widget de upload de arquivos

É isso aí! Agora você sabe como permitir uploads de arquivos CSV no WordPress.

Se quiser criar um widget de barra lateral para seus formulários de upload de CSV, veja como criar um widget de upload de arquivo no WordPress.

Você sabia que também pode exportar entradas de formulários do WordPress no formato CSV? É uma ótima maneira de visualizar suas entradas de formulário de contato no Excel.

Crie seu formulário WordPress agora

Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

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