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

Você usa o plugin - plugin WordPress Bookly para gerenciar reservas e compromissos em seu site? Você deseja sincronizar todas as reservas e compromissos feitos 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 plug- plugin WordPress Bookly.

Isenção de responsabilidade : você precisa usar o plugin - plugin Bookly Pro premium e não o plug- plugin Bookly gratuito . A versão gratuita, embora ó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:

Tabela de Conteúdo

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

Diferentes métodos do Google Calendar Sync disponíveis no Bookly

O plug- plugin Bookly Pro WordPress apresenta três métodos de sincronização do Google Agenda - sincronização unilateral, somente 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 - plugin enviará automaticamente todos os novos compromissos, incluindo campos personalizados e quaisquer outros ajustes feitos no Bookly Calendar diretamente para o Google Calendar conectado, mas não o contrário.

Isso é útil quando você deseja que o Google Calendar fique atualizado com o Bookly Calendar, mas também precisa fazer ajustes livremente no Google Calendar sem que isso afete o Bookly Calendar.

Apenas front-end bidirecional

Com este método de sincronização, o plugin irá buscar automaticamente os dados do evento do Google Calendar conectado e, em seguida, remover os intervalos de tempo correspondentes do Booking Calendar durante a etapa “Selecionar intervalo de tempo” ao fazer um compromisso.

Como tal, ao ter essa opção ativada, você pode ter certeza de que nenhum de seus compromissos Bookly compete com seus eventos do Google Agenda.

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

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

Sincronização bidirecional

Este é um método de sincronização bidirecional adequado, em que todas as reservas criadas e atualizadas no Bookly Calendar refletem automaticamente no Google Calendar conectado e vice-versa.

plugin Bookly Pro padrão . 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 essa configuração.

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

Encontre seu ID e segredo de cliente do Google

O plug- plugin Bookly requer que você insira seu ID de cliente do Google e o segredo do cliente para integrar o Calendário do 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 é a primeira vez que usa o Google Developer Console, você verá uma opção para CRIAR PROJETO, conforme mostrado na imagem abaixo.

Clique nele e será solicitado que você insira um “Nome do projeto” e “Organização ou pasta pai” 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á para a seção Biblioteca conforme indicado na imagem. Agora digite “Calendário” na caixa de pesquisa conforme mostrado na imagem e clique em API do Google Calendar conforme destacado na imagem.

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

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

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

Existem duas opções:

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

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

Basta preencher o campo Nome do aplicativo , campo E-mail , rolar para baixo e adicionar um domínio autorizado clicando no botão + ADICIONAR DOMÍNIO . Quando terminar, clique em SALVAR E CONTINUAR na parte inferior da página.

Agora com isso fora do caminho, use a barra lateral esquerda e vá para a seção Credenciais .

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

Na tela a seguir, 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 no seu site WordPress.

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

E é isso, você criou com sucesso um Google Client ID e Client Secret. Agora vamos voltar para o 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 "Gratuito" por padrão. Como tal, se você quiser 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 com a Agenda Bookly

Agora que você tem seu ID de cliente do Google e seu segredo do cliente, 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 em seus 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 - “One-Way” e “Two-Way Front-End Only”. 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 “Two-Way”, 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 de evento” e “Modelo para descrição de evento”.

Essas opções permitirão que você configure o que aparece como o título do evento e a descrição do evento para o evento do Google Agenda que está sincronizado do 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. Tudo o que resta agora é conectar-se ao seu Google Agenda.

Para fazer isso, vá para 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 Editar .

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

E é isso! Agora você sabe conectar seu Bookly Calendar com o Google Calendar e sincronizar compromissos. O único problema é que você precisa conectar manualmente todos os compromissos de um membro da equipe ao Google Agenda, um de cada vez.

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

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

As opções de sincronização “One-Way” e “Two-Way Front-End” estão disponíveis diretamente com o plug- plugin Bookly Pro WordPress, e acabamos de cobrir como você pode configurar e usar esses recursos.

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

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

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

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

Para o valor padrão - “0”, nenhum evento anterior 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 Google Agenda sejam sincronizados com eficiência, é recomendável seguir o guia oficial do Google Calendar API Sync .

Além disso, você precisará verificar e registrar seu domínio no Google Search Console antes de fazer com que a sincronização bidirecional de calendário 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 plug- plugin Bookly.

Para fazer isso, vá para a Verificação de Domínio no Console da API e clique em “Adicionar domínio”. Agora é só 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 Bookly.

Como sincronizar manualmente o Google Agenda com o Bookly

Por padrão, o plug- plugin Bookly sincroniza eventos com o Google Agenda após um determinado intervalo de tempo. Se você deseja sincronizar eventos agora, pode ir até Bookly> Agenda 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 Bookly leva apenas alguns cliques. O verdadeiro problema é configurar suas APIs do Google e obter seus detalhes de OAuth.

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