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

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.

Nitish Singh

Ver comentários

  • Olá - aqui está minha ideia de não ser desequilibrado Frage: A sincronização e a Datenschutz foram relevantes Daten übertragen?
    gostaríamos de agradecer sua apreciação no calendário

    • Olá, todos os dados de privacidade são gerenciados pelo Google porque são a fonte do evento, como se você incorporasse um vídeo do YouTube em seu site. Saúde,

  • Olá! Espero que esteja bem, quero saber se este plugin também permite adicionar o agendamento gerado na agenda do cliente final.

    • Olá, sim, claro que os detalhes são enviados por e-mail e podem ser importados para um calendário do cliente (no Gmail isso é automático)

  • Bonjour,
    você pode usar seu Google Agenda de maneira reservada e fácil de usar.
    Desde então, minha ligação com o Google está interligada, não sei o que esperar:

    "Google Agenda: Erro ao atualizar o token OAuth2, mensagem: '{ "error": "disabled_client", "error_description": "O cliente OAuth foi desativado." }'"

    Existe solução para as interrupções entre células comuns? A Car devoir recomenda a criação de um projecto a seguir de forma a encontrar uma solução viável a longo prazo...

    • Olá, o erro parece ser devido a uma alteração na API do Google. Você deve verificar se existe uma atualização plugin .

  • Boa tarde,
    alguém poderia recomendar algum desenvolvedor que possa contratar para terminar de integrar Bookly on my page web? Você pode fazer isso usando o Google Agenda (ele comprou para fazer isso) e poderá resolver o problema sem ter que "acessar os terceiros" sem ter que se preocupar com a opção de integrar.

  • Buenos dias,

    Quando se trata de verificar o aplicativo, não há necessidade de se preocupar em verificar o aplicativo.

  • Buenos dias,

    Como você pede um dominio autorizado, como você conhece o livreto ou como você usa a web para instalá-lo?

    Obrigado!

  • Bom dia,

    Agora você está convidado a continuar (obrigado beaucoup) enquanto termina a fita no "avancé" do "staff" e clica em "sincronização do Google Calendar", você tem uma mensagem d 'Erreur comme quoi mon O aplicativo não é válido pelo Google "O Google não é válido para este aplicativo. O aplicativo exige acesso às informações sensíveis de sua conta do Google. Nous vous recommandons de não utilizar este aplicativo, pois "o processo de desenvolvimento requer um certa quantidade de validação através do Google."
    Há também uma mensagem na nuvem do Google que diz “Etat de Validation – Validation non requise”. Pouvez-vous m’aider?
    Obrigado

    • Olá, acho que você precisa verificar todas as autorizações ao fazer a conexão. O Google Agenda pode ter adicionado novos desde que esta postagem foi feita!

  • Recebo uma notificação na última etapa, por isso não consigo me vincular como funcionário à agenda

    Erro 403: access_denied
    O desenvolvedor não concedeu acesso a este aplicativo. Atualmente está sendo testado e não foi verificado pelo Google. Se você acha que deveria ter acesso, entre em contato com o desenvolvedor (*******@gmail).

    Alguém tem uma solução para isto?

    • Sim, é porque você não é administrador da agenda criada. Para sincronizar dados você precisa de acesso de administrador, a configuração deve ser feita no Google Agenda

  • Olá!
    É uma grande arte e parece fantástica.
    Tenho uma consulta, estou realizando um site de um salão de beleza com sistema de reservas.
    Meu guia do Google Agenda é o guia do Bookly e as opções estão disponíveis.
    A ideia é criar uma variedade de calendários para o atendimento diário, durante os quais o salão será utilizado no horário comercial normal, enquanto os profissionais continuarão trabalhando em seus serviços durante o dia.
    Você só pode criar vários calendários no Google Agenda?
    Você também não precisa contratar o Google Workspace? Só com o plug-in do Bookly? Como funciona?
    Obrigado.

    • Olá, acho que usar um calendário diferente no Bookly é a melhor solução ou sincronizar vários calendários do Google pode ser uma opção

Postagens recentes

Como usar cabeçalhos e rodapés com Elementor

Os cabeçalhos e rodapés de um site são elementos essenciais. Na maioria dos casos, o cabeçalho fornece navegação…

6 de janeiro de 2022

Comparação de temas WordPress: Astra vs OceanWP

Dois dos temas WordPress mais populares do mercado são Astra e OceanWP. Profissional…

2 de janeiro de 2022

Comparação de temas de notícias do WordPress: Jornal vs. Astra

Criar um excelente site de notícias não exige que você se torne um web designer. Nós…

25 de outubro de 2021

Crie um site relacionado a notícias com tema de jornal

O tema Jornal é um dos temas WordPress mais importantes desenvolvido por tagDiv, um…

18 de outubro de 2021

Como construir um comércio eletrônico com o construtor Avada WooCommerce

Quando se trata de abrir uma loja online, WooCommerce é o plugin ideal. Isto…

4 de outubro de 2021

Como usar cabeçalho fixo e efeitos de rolagem com Elementor

Um cabeçalho geralmente é a primeira coisa que uma pessoa vê quando visita seu site,…

21 de setembro de 2021