Como criar um calendário de eventos enviado pelo usuário no WordPress (facilmente)

Deseja que os usuários enviem eventos para um calendário no seu site?

Permitir que os usuários enviem seus próprios eventos é uma maneira incrível de permitir que eles criem um calendário comunitário.

Neste artigo, mostraremos como criar um calendário de eventos do WordPress para que seus visitantes possam enviar eventos livremente para o seu site.

Crie agora seu formulário de eventos enviado pelo usuário

O que é o envio de calendário de eventos de front-end?

O envio de front-end permite que você aceite listagens de eventos sem fazer com que o usuário faça login. Isso torna muito fácil para as pessoas contribuírem com eventos para o seu calendário do WordPress.

O WPForms Pro tem um complemento incrível para envio de posts que você pode integrar facilmente a um plug-in de calendário chamado The Events Calendar.

Usando essa combinação de plug-ins, é fácil receber envios de front-end para:

• Eventos da comunidade local
• Exibição de filmes
• Festas de rua
• Concertos e festivais
• Webinars
• Jogos esportivos
• ...e mais.

Você também pode ganhar dinheiro on-line cobrando pelas listagens de eventos publicadas no calendário do seu site ou adicionando botões de pagamento para vender ingressos.

Como criar um formulário de calendário de eventos enviado pelo usuário no WordPress

Etapa 1: instalar o plug-in WPForms

A primeira coisa que você precisa fazer é instalar e ativar o plug-in WPForms. O WPForms é o melhor plug-in de criação de formulários do WordPress. Se você é novo no WordPress, aqui está um guia passo a passo sobre como instalar um plug-in do WordPress.

Em seguida, você precisará instalar e ativar o complemento Post Submissions para o WPForms. O complemento está disponível na versão Pro ou superior. Esse complemento adicionará a funcionalidade de envio de posts de front-end ao seu site WordPress.

Para fazer isso, vá para WPForms " Addons.

Role a tela para baixo até encontrar a opção Post Submissions.

Clique em Install Addon e, em seguida, em Activate.

Isso é tudo para a etapa 1. Agora é hora de criar seu formulário de envio de eventos.

Etapa 2: Criar um formulário para eventos enviados pelo usuário

O WPForms facilita a criação de qualquer tipo de formulário para o seu site graças à sua enorme biblioteca de modelos pré-criados. Você obtém uma categoria inteira de modelos de formulários de planejamento de eventos para que possa encontrar facilmente o formulário perfeito para suas necessidades específicas.

Ao instalar o complemento Post Submissions, você receberá um novo modelo chamado Blog Post Submission Form template. Observe que o modelo de que você precisa tem o rótulo Addon para mostrar que ele foi projetado especificamente para funcionar com o complemento Post Submissions:

Em seguida, vamos renomear os campos para transformá-lo em um formulário de envio de evento:

• Título da postagem : Renomear como título do evento
• Imagem em destaque : Renomear como imagem promocional
• Postar trecho: Renomear como descrição curta do evento

Agora precisamos adicionar mais alguns campos ao formulário.

Primeiro, vamos adicionar um campo Rich Text para que seu visitante possa adicionar listagens de eventos totalmente formatadas com imagens.

Exclua o campo de texto existente para Post Content e, em seguida, arraste um campo Rich Text para o seu lugar. Você deve chamá-lo de Full Event Description (Descrição completa do evento).

Nas opções de campo para o campo Rich Text, ativamos todas essas três configurações:

• Allow Media Uploads (Permitir carregamentos de mídia): isso permitirá que o visitante adicione imagens à listagem do evento
• Armazenar arquivos na Biblioteca de mídia do WordPress: adiciona imagens carregadas à Biblioteca de mídia do WordPress
• E também definimos o campo como obrigatório.

Agora vamos adicionar dois campos de Data/Hora: um para a hora de início do evento e outro para a hora de término do evento. Usando esses campos, os visitantes podem adicionar eventos de um dia ou de vários dias ao calendário do WordPress.

Em ambos os campos de data/hora, é uma boa ideia desativar as datas anteriores. Você encontrará isso nas Opções avançadas do campo Data/Hora.

Desativar datas passadas significa que todos os seus novos eventos precisam ter uma data futura. Isso pode ajudar a detectar erros, como selecionar acidentalmente o ano errado.

Pronto, já terminamos. Vamos clicar em Salvar.

Etapa 3: Instalar o plug-in do calendário de eventos

Em seguida, você precisará instalar um plugin de calendário de eventos do WordPress. O Events Calendar é um plug-in gratuito para sites do WordPress que funciona muito bem com o WPForms.

O plug-in Events Calendar cria um tipo de post personalizado chamado Events que aparecerá em seu painel do WordPress.

Quando um visitante enviar seu formulário, ele criará uma nova postagem de evento. Usaremos alguns metadados no formulário que dirão ao The Events Calendar como listá-lo. Se preferir uma maneira mais simples de permitir que os usuários enviem eventos em seu site, não deixe de conferir nosso tutorial sobre como permitir eventos enviados por usuários usando o WPForms e o Sugar Calendar.

Vamos começar a usar nosso calendário de eventos do WordPress agora.

A versão gratuita do The Events Calendar permite que seus usuários criem eventos únicos da comunidade local. Você pode criar eventos recorrentes com o The Events Calendar Pro.

Para instalá-lo, vá para Plugins " Adicionar novo no painel do WordPress e pesquise The Events Calendar.

Clique em Install Now (Instalar agora) para instalar o plug-in.

Ative o plug-in Events Calendar agora e execute as configurações. É importante fazer isso agora para que seu tipo de postagem Events esteja pronto para a próxima etapa.

Agora, vamos criar uma conexão entre seu formulário e o plugin de eventos do WordPress.

Leia também: Como mudar do Events Calendar para o Sugar Calendar

Etapa 4: Conecte seu formulário ao calendário de eventos do WordPress

Depois de configurar o plugin The Events Calendar, você precisa conectar o formulário que criou ao seu calendário.

Abra o formulário de envio de eventos que você criou anteriormente. Em seguida, vá para Settings " Post Submissions (Configurações " Envios de mensagens) no editor de formulários e Enable Post Submissions (Ativar envios de mensagens).

Em seguida, você deverá combinar os campos do formulário com os campos que o The Events Calendar está procurando.

Como usamos o modelo Blog Post Submission Form, parte desse mapeamento já estará feito. No entanto, há algumas coisas que você precisa definir manualmente.

Configure seu mapeamento da seguinte forma:

• Título da postagem mapeado para o título do evento
• Post Content mapeado para Full Event Description, que é o campo Rich Text que adicionamos
• Postar mapas de trechos na Descrição resumida do evento
• A imagem em destaque da postagem mapeia a imagem promocional

Mais adiante, também mapeamos esses campos do formulário para a postagem de eventos:

• O Post Type provavelmente estará definido como Posts, portanto, precisamos alterá-lo para Events
• O status da postagem deve ser definido como Pending Review (Revisão pendente)
• O usuário atual pode ser o que você quiser - nós o mapeamos para nossa conta de administrador do site no WordPress.

O status Pending Review (Revisão pendente ) nos permitirá aprovar cada envio de evento antes que ele seja publicado. Você certamente desejará usar esse status se estiver aceitando pagamento para suas listagens de eventos, para que possa verificar se o pagamento foi feito com sucesso.

Se você quiser publicar eventos assim que eles forem enviados, mostraremos como na seção de perguntas frequentes no final deste artigo.

Configuração da meta de postagem personalizada

Para mapear a data e a hora, role para baixo até a seção Custom Post Meta.

Vamos definir alguns parâmetros aqui para mapear os horários de início e término em seu formulário para os horários de início e término no The Events Calendar. Observe que todos esses quatro parâmetros devem ser definidos.

• _EventStartDate é mapeado para Start Time
• _EventEndDate é mapeado para End Time
• _EventStartDateUTC mapeado para Hora de início
• _EventEndDateUTC mapeado para End Time

Na verdade, a seção Custom Post Meta é útil para todos os tipos de campos personalizados. Consulte a seção FAQ no final deste artigo para obter mais campos que podem ser usados aqui.

Já terminamos, então vamos clicar em Salvar.

Etapa 5: Personalizar a mensagem de confirmação após o envio do evento

Antes de publicar o formulário de envio de eventos, é uma boa ideia alterar a mensagem de agradecimento padrão que os usuários verão.

Você pode fazer isso acessando Configurações " Confirmações.

No painel de visualização, personalize sua mensagem da maneira que desejar.

O WPForms oferece muitas opções depois que alguém envia um evento para o calendário do seu site. Você também pode:

• Use confirmações condicionais para mostrar uma mensagem diferente, dependendo do tipo de evento
• Encaminhar seu visitante para uma página de agradecimento designada
• Encaminhe-os para um site separado.

Para obter ajuda com confirmações de formulários:

• Confira esta documentação útil sobre como configurar confirmações de formulário no WordPress.
• Se você quiser mais de uma confirmação, veja como criar várias confirmações de formulário no WPForms.

Não se esqueça de permitir que seus usuários visualizem a entrada antes de enviar o formulário. Aqui está o nosso guia que mostra como visualizar uma entrada de formulário antes de enviá-la.

Leia também: Modelos de lembretes de compromissos para e-mail e SMS

Etapa 6: Publique seu formulário de eventos enviado pelo usuário

Pronto, agora estamos prontos para publicar o evento em seu site do WordPress!

O WPForms permite que você adicione seus formulários de diferentes maneiras, como:

• Assistente de incorporação
• Código curto
• Bloco WPForms no editor de blocos
• Widget da barra lateral
• Módulo de formulário do Elementor
• Divi embed
• Módulo SeedProd

Vamos adicionar seu formulário de registro de evento com o assistente de incorporação neste exemplo. Isso criará automaticamente uma nova página para que seus visitantes adicionem eventos enviados pelo usuário.

Na parte superior da janela do construtor de formulários, clique em Incorporar.

Agora, clique em Create New Page (Criar nova página).

E, por fim, digite um nome para sua página e clique no botão laranja Let's Go para criá-la.

Agora tudo o que você precisa fazer é clicar em Publish para publicar o formulário.

E é isso! Seu formulário está ativo. Se desejar, você pode usar CSS para estilizar ainda mais o formulário.

Agora, os visitantes podem enviar eventos por meio do formulário e você pode gerenciá-los usando o plug-in The Events Calendar.

Etapa 7: Revisar e publicar os envios do calendário de eventos

Fantástico! Agora que publicamos seu formulário de eventos enviado pelo usuário no WordPress, vamos testá-lo.

Esta é a aparência do nosso no frontend:

Vá em frente e envie o formulário.

Para revisar o evento, vá para Events (Eventos ) no painel do WordPress.

Você verá que todos os eventos enviados por meio do formulário do calendário serão listados como Pendentes. Isso significa que eles precisam ser aprovados por você na tela do gerenciador de eventos antes de serem exibidos no calendário do seu site.

Para editar eventos, clique em Edit (Editar ) abaixo do título do evento.

Visualize o envio; com o campo de rich text do WPForms, você pode visualizar os detalhes completos do evento, incluindo imagens, no painel.

Uma observação especial sobre a hora e a data na parte inferior da tela. Se você mapeou isso corretamente, ele mostrará o evento no fuso horário do seu site WordPress.

Quando terminar de revisar todos os detalhes do evento, clique em Publicar. Você verá a lista em seu novo calendário de eventos em  http://yoursite.com/events

E aí está! Agora você sabe como criar um calendário de eventos enviado pelo usuário no WordPress usando o WPForms.

Perguntas frequentes sobre o calendário de eventos enviados pelo usuário

Tem mais perguntas sobre eventos enviados por usuários? Vamos dar uma olhada em outras maneiras de usar essa integração do WPForms Events Calendar.

Posso adicionar eventos ao WordPress sem aprovação?

Sim! Se quiser, você pode publicar eventos enviados assim que alguém enviar o formulário do calendário. Dessa forma, você não precisará aprová-los manualmente, e eles serão exibidos no calendário de eventos do WordPress instantaneamente.

O plug-in de calendário de eventos do WordPress que estamos usando é compatível com isso.

Para que isso funcione, há duas coisas que você precisará ajustar nas etapas acima.

Nas configurações de Envios de Postagem de seu formulário de calendário, defina o Status da Postagem como Publicado em vez de Revisão Pendente.

E é isso! Você sincronizou seu formulário de registro de evento com o The Events Calendar. Agora seus eventos serão ativados assim que o formulário do calendário for enviado.

Se você tiver algum problema com isso, geralmente é devido a uma incompatibilidade de fuso horário. Para corrigi-lo, vá para as Configurações gerais no Calendário de eventos e clique em Atualizar dados de fuso horário.

Posso cobrar pela listagem de eventos no WordPress?

Sim, o WPForms também facilita isso!

Você pode adicionar um campo de pagamento ao seu formulário de listagem de eventos e conectar seu gateway de pagamento ao WPForms. Você pode integrar o WPForms a vários dos principais gateways de pagamento, como Stripe, Square, Authorize.net e PayPal.

Aqui estão alguns guias úteis que explicam detalhadamente como coletar pagamentos por meio do WPForms:

• Como aceitar pagamentos com o Stripe no WPForms
• Como adicionar pagamentos Square ao WordPress
• Como usar o complemento do PayPal Standard com o WPForms
• Como usar o complemento do PayPal Commerce com o WPForms
• Como usar o Authorize.Net com o WPForms
• Como permitir que os usuários escolham um método de pagamento em seu formulário

Lembre-se de que você deverá verificar manualmente se o pagamento foi bem-sucedido antes de aprovar manualmente o evento.

Posso enviar notificações por e-mail para envios de eventos?

Sim, você pode! Por padrão, o WPForms enviará um e-mail para o endereço de e-mail do administrador no WordPress quando você receber uma nova listagem de eventos. Se você quiser personalizar a notificação por e-mail ou adicionar mais notificações, consulte este guia para enviar e-mails de notificação de formulário.

Se desejar, você pode desativar as notificações do WPForms e permitir que o The Events Calendar envie uma notificação por e-mail para cada evento. Se não estiver recebendo esses alertas do The Events Calendar, veja como corrigir o fato de o The Events Calendar não enviar e-mails.

O guia também mostrará como registrar e-mails enviados pelo The Events Calendar.

Posso notificar meus visitantes quando publicar um evento?

Com certeza! Você sabia que pode enviar notificações push do navegador a partir do WordPress com um plug-in gratuito? Confira este artigo sobre como enviar notificações push do WordPress.

Posso enviar novos eventos para o Google Agenda?

Sim! O WPForms permite que você envie facilmente entradas de formulários do WordPress para o Google Agenda também.

Como faço para exportar eventos para CSV?

Com o WPForms, você pode exportar qualquer entrada de formulário para CSV ou XLSX. Confira este guia sobre como exportar entradas de formulário no WordPress.

Posso usar mais campos meta de postagem personalizados?

Sim, você pode usar campos como:

• _EventAllDay - mapeiam para um campo de caixa de seleção com o valor YES se estiver marcado, e em branco se não estiver marcado
• _EventCost - mapear para um campo numérico em seu formulário para exibir um preço ou usar um campo oculto com o valor 0 (zero) se todos os seus eventos forem gratuitos
• _EventShowMap - mapear para uma caixa de seleção com TRUE e FALSE ou um campo oculto com o valor TRUE se você sempre quiser mostrar o mapa
• _EventURL - mapeia para um campo de URL em seu formulário.

Antes de adicionar mais campos, saiba que:

• Os campos que começam com _Venue ou _Organizer não funcionarão com o tipo de post de evento
• As matrizes serializadas não podem ser mapeadas para um formulário
• Os campos que extraem dados de outras postagens, como _EventVenueID, provavelmente não funcionarão.

O mapeamento de campos adicionais é uma técnica avançada. Para obter mais ajuda, consulte a documentação da meta postagem do Events Calendar.

Crie agora seu formulário de eventos enviado pelo usuário

Em seguida, aceite as postagens de blog enviadas pelo usuário

Agora que os usuários podem enviar um evento do WordPress para o seu site, não seria legal se eles também pudessem escrever um blog sobre ele? Se você aceitar postagens enviadas por usuários, seus visitantes poderão compartilhar comunicados à imprensa e outras informações sobre o evento para direcionar o tráfego para o calendário.

Para configurar isso, confira a maneira fácil de aceitar postagens enviadas por usuários no WordPress.

E se você planeja tirar fotos no seu evento, não se esqueça de fazer um formulário de liberação de modelo on-line.

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 um modelo de formulário de evento 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.