Configure uma integração do Google Agenda com Plugin WordPress Bookly

Você usa o plugin WordPress Bookly para gerenciar reservas e compromissos em seu site? Quer sincronizar todas as reservas e compromissos realizados usando o plugin para sincronizar automaticamente com o seu Google Agenda?

Se sim, então você veio ao lugar certo!

Aqui preparamos um tutorial abrangente e aprofundado sobre tudo o que você precisa saber sobre como configurar a integração do Google Agenda com o plugin WordPress Bookly.

Isenção de responsabilidade : você precisa usar o plugin Bookly Pro plugin Bookly gratuito . A versão gratuita, apesar de ser ótima apenas para configurar um sistema básico de reservas, carece de muitos dos recursos avançados de qualidade de vida, como suporte para integração com o Google.

Então, sem mais delongas, vamos começar:

Índice

• Diferentes métodos de sincronização do Google Agenda disponíveis no Bookly
• Sincronização unilateral
• Apenas front-end bidirecional
• Sincronização bidirecional
• Encontre seu ID de cliente e segredo de cliente do Google
• Conecte o Google Agenda ao Bookly Calendar
• Como configurar a sincronização bidirecional com o Google Agenda
• Como sincronizar manualmente o Google Agenda com o Bookly
• Empacotando

Diferentes métodos de sincronização do Google Agenda disponíveis no Bookly

O plugin Bookly Pro WordPress apresenta três métodos de sincronização do Google Agenda – sincronização unidirecional, apenas front-end bidirecional e sincronização bidirecional adequada.

Aqui está uma olhada no que esses métodos fazem:

Sincronização unilateral

Se você escolher este método de sincronização, o plugin enviará automaticamente todos os novos compromissos, incluindo campos personalizados e quaisquer outros ajustes feitos no Calendário Bookly, diretamente para o Google Agenda conectado, mas não o contrário.

Isso é útil quando você deseja que o seu Google Agenda permaneça atualizado com o seu calendário do Bookly, mas também precisa fazer ajustes livremente no seu calendário do Google sem que isso afete o seu calendário do Bookly.

Apenas front-end bidirecional

Com este método de sincronização, o plugin buscará automaticamente dados de eventos do Google Calendar conectado e, em seguida, removerá os horários correspondentes do Booking Calendar durante a etapa “Selecionar horário” para marcar um compromisso.

Como tal, ao ativar esta opção, você pode ter certeza de que nenhum dos seus compromissos do Bookly competirá com os eventos do Google Agenda.

Dito isto, observe que este método não copiará ou exibirá os eventos do Google Calendar no Bookly Calendar. Para fazer isso, você precisa do próximo método de sincronização.

Observação : leva algum tempo para sincronizar os compromissos entre o Google Calendar e o Bookly Calendar. Como tal, esta opção aumentará o tempo de carregamento da etapa “Selecionar intervalo de tempo”. Para solucionar esse problema, limite o número de eventos buscados relacionados a esta opção.

Sincronização bidirecional

Este é um método adequado de sincronização bidirecional, onde todas as reservas criadas e atualizadas no Calendário Bookly são refletidas automaticamente no Google Agenda conectado e vice-versa.

No entanto, esse recurso não é compatível com o plugin . Para isso, você precisa do complemento adicional – Advanced Google Calendar for Bookly . E isso não é tudo – você também precisará pré-configurar o Google Agenda antes de ativar esta configuração.

Temos uma seção detalhada sobre como configurar a sincronização bidirecional em uma seção posterior.

Encontre seu ID de cliente e segredo de cliente do Google

O plugin Bookly exige que você insira seu ID de cliente Google e segredo de cliente para integrar o Calendário Bookly ao seu Google Agenda.

Para fazer isso, você precisará acessar o Google Developer Console e fazer login com sua conta. Uma vez lá, selecione um projeto existente ou crie um novo projeto.

Se esta for a primeira vez que você usa o Google Developer Console, você verá a opção CRIAR PROJETO conforme mostrado na imagem abaixo.

Clique nele e será solicitado que você insira um “Nome do projeto” e “Organização pai ou pasta” para o projeto. Feito isso, clique em “Criar” e seu novo projeto será criado.

Você será direcionado para a seguinte tela:

Em seguida, você precisará certificar-se de que a API do Google Agenda está ativada. Para fazer isso, vá até a seção Biblioteca conforme indicado na imagem. Agora digite “Calendário” na caixa de pesquisa conforme mostrado na imagem e clique em Google Calendar API conforme destacado na imagem.

Isso o levará para a tela seguinte onde você precisa clicar no botão “ATIVAR” e pronto.

Com a API do Google Calendar habilitada para o seu projeto, volte para a APIs e serviços e agora vá para a “tela de consentimento do OAuth”.

A tela a seguir solicitará que você selecione seu usuário alvo.

Existem duas opções:

• Interno : disponível para usuários da sua organização. (Disponível apenas para usuários com uma do Workspace .)
• Externo : Disponível para qualquer usuário com conta Google.

Para este projeto, nosso tipo de usuário alvo será Interno (você também pode selecionar Externo se não tiver uma conta no Workspace). Depois de selecionar isso, clique em CRIAR . Isso o levará para a seguinte tela:

Basta preencher o Nome do aplicativo , E-mail , rolar para baixo e adicionar um Domínio Autorizado clicando no + ADICIONAR DOMÍNIO . Uma vez feito isso, clique em SALVAR E CONTINUAR na parte inferior da página.

Agora, com isso resolvido, use a barra lateral esquerda e vá para a Credenciais .

A partir daqui, clique no + CRIAR CREDENCIAIS conforme mostrado na imagem e, nas opções suspensas, clique em ID do cliente OAuth .

Na tela seguinte, você precisará selecionar um tipo de aplicativo em um menu suspenso.

Escolha “aplicativo da Web” e digite um nome para o cliente OAuth. E, finalmente, role para baixo e adicione um URI de redirecionamento autorizado.

Este deve ser o URI de redirecionamento fornecido na seção Bookly> Configurações> Google Agenda em seu site WordPress.

Depois de inserir o URI de redirecionamento Bookly na seção URI de redirecionamento autorizado, clique em Criar e uma janela pop-up aparecerá mostrando seu ID do cliente e segredo do cliente .

E é isso, você criou com sucesso um ID de cliente e um segredo de cliente do Google. Agora vamos voltar ao seu site WordPress e integrar o Google Calendar ao seu Bookly Calendar.

Observação : os eventos “Dia inteiro” criados no Google Agenda são definidos como “Gratuitos” por padrão. Dessa forma, se você deseja que esse dia fique indisponível no Bookly Calendar, lembre-se de alterar o status para “Ocupado”. Ou então, o Calendário Bookly mostrará o dia disponível para agendamentos.

Conecte o Google Agenda ao Bookly Calendar

Agora que você tem seu ID de cliente e segredo de cliente do Google, faça login no painel do WordPress e vá para Bookly > Configurações > Google Calendar . Uma vez lá, role para baixo e insira o ID do cliente e o segredo nos campos designados.

Uma vez feito isso, selecione o modo de sincronização preferido.

Como você pode ver na imagem acima, existem apenas duas opções para escolher – “Unidirecional” e “Somente front-end bidirecional”. Habilitar a sincronização “bidirecional” adequada é um pouco complicado e por isso discutimos isso exclusivamente em uma seção posterior.

Se você não precisa da sincronização “bidirecional”, selecione um dos dois métodos de sincronização disponíveis e role para baixo.

Na seção subsequente você encontrará as seções “Modelo para título do evento” e “Modelo para descrição do evento”.

Essas opções permitirão que você configure o que aparece como título e descrição do evento do Google Calendar que é sincronizado com o Bookly Calendar.

Aqui está um guia detalhado que mostra quais códigos usar para personalizar as entradas do Google Agenda .

Feito isso, clique no Salvar e o Google Agenda será integrado ao seu Calendário Bookly. Agora só falta conectar-se ao seu Google Agenda.

Para fazer isso, vá até Bookly > Membros da equipe na barra lateral esquerda. A partir daqui, escolha um membro da equipe cujos compromissos você deseja sincronizar com o Google Agenda e clique no botão Editar

Isso abrirá uma janela pop-up. A partir daqui, vá para a Avançado e clique no Conectar na de integração do Google Agenda para sincronizar os compromissos dos membros da equipe com o Google Agenda.

E é isso! Agora você já sabe como conectar seu Calendário Bookly ao Google Agenda e sincronizar compromissos. O único problema é que você precisa conectar manualmente todos os compromissos de seus funcionários ao Google Agenda, um de cada vez.

Agora que isso está resolvido, vamos falar sobre como configurar a sincronização bidirecional com o Bookly e o Google Calendar.

Como configurar a sincronização bidirecional com o Google Agenda

As opções de sincronização “unidirecional” e “somente front-end bidirecional” estão disponíveis diretamente com o plugin Bookly Pro WordPress, e acabamos de abordar como você pode configurar e usar esses recursos.

Agora, se desejar configurar a sincronização “bidirecional” entre o Bookly e o Google Calendar, você precisará do complemento Bookly Advanced Google Calendar

Nota : Este é um complemento para o plugin Bookly Pro . Como tal, você precisará ter o plugin instalado em seu WordPress e, além disso, instalar este complemento.

Agora, com o complemento instalado, você deverá ver a opção de sincronização “bidirecional” disponível em Bookly > Configurações > Google Agenda , o que anteriormente não acontecia.

Além disso, logo abaixo você tem o campo “Sincronizar histórico de compromissos”, onde você pode especificar o número de dias de dados anteriores do calendário que deseja sincronizar entre os dois calendários.

Para o valor padrão – “0”, nenhum evento passado será sincronizado.

Agora, dito isso, habilitar a sincronização bidirecional não será tão simples quanto selecionar a opção e clicar no botão “Salvar”.

Para garantir que todos os eventos do Calendário sejam sincronizados com eficiência, é aconselhável seguir o guia de sincronização da API do Google Agenda

Além disso, você precisará verificar e registrar seu domínio no Google Search Console antes de fazer com que a sincronização bidirecional da agenda funcione.

Aqui está o guia oficial do Google sobre como verificar a propriedade do seu site .

Depois que o nome de domínio do seu site for verificado, você precisará registrá-lo como um domínio permitido para o seu projeto – o projeto cujo ID do cliente e segredo do cliente estão conectados ao seu plugin Bookly.

Para fazer isso, acesse a Verificação de domínio no API Console e clique em “Adicionar domínio”. Agora basta preencher o formulário e clicar novamente no botão “Adicionar domínio”.

Desde que seu domínio tenha passado no processo de verificação, agora você pode selecioná-lo para começar a receber notificações push e, assim, estabelecer uma sincronização bidirecional entre seu Google Agenda e o Bookly.

Como sincronizar manualmente o Google Agenda com o Bookly

Por padrão, o plugin Bookly sincroniza eventos com o Google Agenda após um intervalo de tempo definido. Se desejar sincronizar eventos agora, você pode acessar Bookly> Calendário no painel do WordPress e clicar no botão “Sincronizar” conforme mostrado na imagem:

Empacotando

Como você pode ver, a integração do Google Agenda com o Bookly leva apenas alguns cliques. O verdadeiro problema é configurar suas APIs do Google e obter os detalhes do OAuth.

Esperamos que este tutorial tenha ajudado a orientá-lo durante o processo e que você tenha conseguido integrar com sucesso o Google Agenda ao seu plugin Bookly. E caso você tenha algum problema, fique à vontade para nos informar nos comentários. Faremos o nosso melhor para resolver o problema o mais rápido possível.