incluir uma opção de adicionar ao calendário nos seus formulários WordPress

Como Incluir uma Opção de Adicionar ao Calendário nos Seus Formulários WordPress

Quer incluir uma opção Adicionar ao Calendário nos seus formulários WordPress?

Dar aos visitantes do site uma forma fácil de adicionar datas de eventos aos seus calendários após se registarem no seu site é um toque pessoal adicional que as pessoas irão apreciar. Se preferir, pode sempre adicionar esta opção às confirmações ou notificações por e-mail do seu formulário.

Neste artigo, vamos mostrar-lhe como incluir uma opção Adicionar ao Calendário nos seus formulários WordPress, para que os visitantes do site possam começar a planear os seus próximos eventos a partir do momento em que enviam um formulário no seu website.

Crie o seu formulário WordPress agora

Como Incluir uma Opção de Adicionar ao Calendário nos Seus Formulários WordPress

Passo 1: Criar um Formulário WordPress

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

No nosso exemplo, vamos criar um formulário simples de RSVP para uma festa de aniversário que as pessoas podem preencher e enviar. Para obter ajuda com este passo, certifique-se de que consulta este tutorial sobre como criar um formulário de RSVP no WordPress.

Veja como fica o modelo Convite para Festa de Aniversário Formulário RSVP no construtor de formulários:

O modelo de formulário de RSVP para Convite de Aniversário no construtor de formulários

Para adicionar uma pequena mensagem ao seu formulário, informando as pessoas sobre quando é a festa, basta arrastar o campo de formulário Conteúdo do lado esquerdo do construtor de formulários para a área de pré-visualização do lado direito. Em seguida, clique no campo para fazer alterações.

Veja o que adicionámos ao nosso formulário:

Adicionar um campo de Conteúdo a um formulário de RSVP

Agora é hora de incluir a opção Adicionar ao Calendário no seu formulário.

Passo 2: Criar um Evento no Google Calendar

A primeira coisa que faremos antes de adicionar a opção de calendário ao nosso formulário é criar um evento no Google Calendar.

Para fazer isso, inicie sessão na sua conta Google e vá ao seu Google Calendar. Em seguida, clique em Criar » Evento e preencha os detalhes do evento.

Criar um novo evento no Google Agenda

Clique em Guardar para que o seu evento seja guardado no seu calendário.

Em seguida, localize o evento no seu calendário e clique no ícone de 3 pontos. No menu suspenso, selecione Publicar evento.

Publicar um evento no Google Agenda

Quando o fizer, aparecerá uma janela modal com links para o seu evento. Copie o link para usar no seu formulário WordPress.

Copiar um link de evento do Google Agenda

Para que os visitantes do seu site vejam o seu evento publicado, terá de garantir que o seu Google Calendar está definido como "Público".

Para alterar o seu Google Calendar para "Público" para que todos o vejam, primeiro escolha Definições no menu suspenso do seu calendário.

A abrir a configuração do seu Google Calendar

Em seguida, clique no calendário que deseja tornar Público, role para baixo até Permissões de acesso para eventos e clique na caixa de seleção Tornar disponível para público.

Tornar o seu Google Calendar público

Tornar o seu Google Agenda Publico fará com que todos os seus eventos da agenda fiquem visíveis para o mundo, inclusive atrav de pesquisas Google. Se tiver assuntos privados na sua agenda,  sugerido que crie uma agenda Google separada para eventos que deseja que os visitantes do site adicionem  suas pr prias agendas.

Agora o seu evento est pronto para ser adicionado ao seu formulrio WordPress.

Passo 3: Incluir uma Opção Adicionar ao Calendário no seu Formulário WordPress

Existem vrios locais onde pode incluir a sua op de Adicionar  Agenda nos seus formulrios:

  1. No pr prio formulrio
  2. Em confirma de formulrio
  3. Em notifica de email

Vamos primeiro ver como incluir a op de Adicionar  Agenda no seu formulrio atual.

Se ainda n o fez, adicione um campo de formulrio Contedo ao seu formulrio de evento arrastando-o do painel esquerdo para o painel direito.

Adicionmos este campo de formulrio desde o in cio porque queramos ter a certeza de que as pessoas sabiam um pouco sobre o nosso evento.

Depois de adicionar o campo de formulrio Contedo, clique nele para fazer altera. Adicione o link que copiou do Google Agenda.

Adicionar um link do Google Calendar a um campo de Conteúdo

Clique em Guardar no topo do construtor de formulrios quando terminar.

Guardar o seu formulário

Quando um visitante do site clicar no bot CTA com o t tulo Google Agenda, o Google abrir e pedir-lhe para iniciar sess o na sua conta. Depois, o evento aparecer com todos os detalhes que adicionou para que o possa guardar na sua pr pria agenda, se assim o desejar.

Agora, se preferir n ter uma op de Adicionar  Agenda no seu formulrio WordPress atual, pode sempre adicionar o link do seu evento nas confirma ou notifica do seu formulrio.

Passo 4: Incluir uma Opção Adicionar ao Calendário na Mensagem de Confirmação do seu Formulário

As confirma de formulrio s mensagens que s exibidas aos visitantes do site depois de estes submeterem um formulrio no seu website. Elas informam as pessoas de que o seu formulrio foi processado e oferecem-lhe a oportunidade de as informar sobre os pr ximos passos.

O WPForms tem tr tipos de confirma  escolher:

  1. Mensagem. Este  o tipo de confirma padr no WPForms. Quando um visitante do site submete o seu formulrio de RSVP, aparece uma confirma de mensagem simples a inform-lo de que o seu formulrio foi processado.
  2. Mostrar P gina. Este tipo de confirma levar os visitantes do site a uma p gina web espec fica no seu site, agradecendo o seu RSVP. Para obter ajuda com isto, consulte o nosso tutorial sobre redirecionar clientes para uma p gina de agradecimento.
  3. Ir para URL (Redirecionar). Esta opção é utilizada quando pretende enviar os visitantes do site para um website diferente.

Para o nosso formulrio de evento, criaremos uma mensagem de confirma, completa com a op de Adicionar  Agenda para que os visitantes do site possam adicionar imediatamente o nosso pr ximo evento  suas Agendas Google.

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.

A abrir as definições de confirmação para um formulário de RSVP

Como estamos a adicionar a op de adicionar o seu evento a uma agenda na confirma do formulrio, temos duas op:

  1. Criar 1 mensagem simples, adicionando a op de Adicionar  Agenda na mensagem, independentemente de as pessoas comparecerem ou n o.
  2. Criar m ltiplas confirma de formulrio e ativar a l gica condicional inteligente para que apenas aqueles que comparecer ou possam comparecer vejam a mensagem de confirma com a op de Adicionar  Agenda.

Para simplificar, criaremos 1 mensagem de confirmação que será exibida a todos os visitantes do site, quer planeiem comparecer ao evento ou não. Basta inserir algum texto e adicionar o link do seu evento do Google Agenda.

Adicionar um link de evento do Google Calendar a uma mensagem de confirmação

É assim que a confirmação do formulário aparece quando alguém envia um formulário de RSVP:

Uma mensagem de confirmação com um link do Google Calendar

Novamente, tudo o que o seu visitante do site precisa de fazer é clicar no link do Google Agenda e adicionar o seu evento à sua própria agenda.

Se quiser criar várias confirmações de formulário e usar lógica condicional para exibir mensagens diferentes às pessoas, dependendo das suas respostas de RSVP, consulte este tutorial sobre criação de confirmações de formulário condicionais.

Passo 5: Incluir uma Opção Adicionar ao Calendário nas Notificações por E-mail do seu Formulário

O último local onde pode incluir uma opção Adicionar à Agenda nos seus formulários WordPress é na notificação por e-mail que as pessoas recebem quando enviam um formulário no seu site.

Mas antes de entrarmos em como fazer isto, terá de se certificar de que tem um campo de formulário de E-mail no seu formulário de RSVP, o que no nosso exemplo não fizemos. Esta é a única maneira de o WPForms saber para enviar um e-mail de notificação aos seus visitantes do site.

Depois de adicionar um campo de formulário de e-mail ao seu formulário de evento, vá para Definições » Notificações no Editor de Formulários.

Aceder às definições de notificações de um formulário

Por defeito, receberá sempre uma notificação por e-mail quando alguém enviar um formulário no seu site.

Para garantir que os visitantes do site também recebem uma notificação, terá de usar Smart Tags para adicionar o e-mail do seu visitante do site à notificação por e-mail.

Para fazer isto, clique em Mostrar Smart Tags.

Mostrar Smart Tags nas definições de Notificações

Em seguida, selecione a opção E-mail no menu suspenso para que o WPForms saiba enviar uma notificação por e-mail para o e-mail que o seu visitante do site inseriu no seu formulário de RSVP.

Adicionar o campo de Email à configuração de Endereço de Email de Envio com uma Smart Tag

Agora é hora de personalizar a mensagem com a opção Adicionar à Agenda.

Para este método, precisará do código HTML para o seu link do Google Agenda. Volte às definições de publicação no Google Agenda e copie a opção HTML da janela pop-up.

Copiar o HTML para o seu link de evento do Google Calendar

De volta ao construtor de formulários, navegue até Mensagem de E-mail e adicione a mensagem que deseja que as pessoas vejam no seu e-mail. Em seguida, cole o código HTML do seu evento do Google Agenda.

Adicionar o seu HTML de evento do Google Calendar à sua mensagem de notificação por e-mail

Agora, sempre que alguém preencher o seu formulário de evento, receberá uma notificação completa com um botão para adicionar o evento aos seus Google Agendas.

Um botão do Google Calendar numa notificação por e-mail

Em seguida, Adicione um Seletor de Data aos Seus Formulários WordPress

E aí está! Agora sabe como incluir uma opção Adicionar à Agenda nos seus formulários WordPress para que os visitantes do site possam facilmente adicionar o seu próximo evento à sua própria Agenda Google.

Se estiver a criar formulários para eventos ou reservas, também vai gostar deste guia sobre como criar um formulário WordPress com um seletor de data.

Sabia que pode permitir que os seus visitantes adicionem eventos de agenda a um WordPress Agenda partilhada? Aqui está o nosso guia fácil para adicionar um formulário para eventos enviados por utilizadores.

Se estiver preocupado com todos os visitantes do site a ver e a preencher o seu formulário de eventos, saiba que o WPForms permite-lhe ativar permissões específicas para que apenas aqueles com uma palavra-passe possam preencher e submeter o seu formulário de eventos. Para obter ajuda com este passo, consulte este tutorial fácil de seguir sobre como proteger com palavra-passe os seus formulários WordPress.

Então, o que está à espera? Comece hoje mesmo com o mais poderoso plugin de formulários WordPress.

E não se esqueça, se gostar deste artigo, siga-nos no Facebook e Twitter.

Divulgação: O nosso conteúdo é suportado pelo leitor. Isto significa que se clicar em alguns dos nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, porque é importante e como pode apoiar-nos.

Claire Broadley

Claire é a Gestora de Conteúdo da equipa WPForms. Tem mais de 13 anos de experiência a escrever sobre WordPress e alojamento web. Saber Mais

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

6 comentários em “Como Incluir uma Opção Adicionar ao Calendário nos Seus Formulários WordPress

  1. Olá, como posso inserir o icalendar no meu email? (apple).

    Olá, Como Incluir um .ICS Adicionar aos Formulários WordPress nas notificações por email

    1. Olá Jan,

      Peço desculpa, mas não temos uma forma integrada de inserir o iCalendar nas Notificações por Email. Concordo que seria muito útil! Adicionei o seu voto para considerar isto como um Pedido de Funcionalidade para futuras melhorias.

      Obrigado pela sua compreensão! :)

  2. Nem todos os membros da minha organização têm uma agenda Google. Alguns usam Outlook, outros icalender, alguns nenhum calendário. Este projeto serve apenas utilizadores Google, não é?

    1. Olá Patrick – Para incluir uma opção de adicionar ao calendário no Google Agenda, os utilizadores necessitarão de uma conta Gmail. Caso pretenda ligar com o Outlook, pode considerar usar a nossa integração Zapier. Se for útil, pode integrar o Google Agenda com o iCalendar. Dito isto, se se refere a uma integração diferente, por favor, sinta-se à vontade para entrar em contacto através do nosso formulário de contacto com detalhes adicionais.

  3. Isto é muito útil, obrigado! Como posso incluir a ‘opção de adicionar calendário’ para agendar compromissos? Para compromissos, o evento do Google Agenda não pode ser criado com antecedência, pois o cliente pode escolher qualquer dia no calendário

Adicionar um comentário

Temos todo o gosto que tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com a nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário está protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.