Como exibir reservas dinamicamente em um calendário

Configurações do plugin JetBooking

Navegue até a guia Reservas > Configurações e ajuste as seguintes configurações:

  • Guia geral :
    • selecione a opção “Plain” no menu suspenso do modo de reserva ;
    • selecione o CPT (“Propriedades” para este tutorial) no menu suspenso Tipo de postagem da instância de reserva .
guia geral das configurações de reserva
  • Guia Ferramentas : crie uma nova coluna para armazenar dados dos usuários (a coluna user_data deste tutorial) para futuras solicitações de consulta.
guia de coluna de configurações de reserva

Pressione o botão “ Atualizar Tabelas de Reservas ”.

Configurações de consulta JetEngine

Abra a guia JetEngine> Query Builder e pressione o botão “ Adicionar novo ” para criar uma nova consulta. Digite o nome da consulta (aqui, “Consulta para reservas”) no campo Nome e selecione a opção “Consulta JetBooking” no menu suspenso Tipo de consulta .

Navegue até a guia Geral e selecione o status necessário das reservas para exibição (ou seja, em espera, pendente, etc.) no menu suspenso Status .

guia geral das configurações de reserva

Para especificar a coluna para armazenamento de dados dos usuários, navegue até a guia Consulta de Coluna das configurações do JetBooking Query e selecione o nome da coluna no menu suspenso Coluna .

configurações de consulta de coluna

Pressione o botão “ Adicionar consulta ” para salvá-la.

Obtendo dados de reserva

Defina o bloco do formulário JetBooking associado aos dados dos usuários coletados: selecione a opção Apartment Booking das Post Submit Actions e selecione o campo do formulário para registrar os dados dos usuários na coluna adicionada (aqui, user_data ).

configurações de pós-envio do jetform

Adicione o formulário a uma única página da postagem CPT.

o formulário adicionado à única página

Após o envio do formulário, todos os dados da reserva serão coletados pelo plugin JetBooking na aba Reservas > Reservas .

dados de reserva coletados

Listagem de configurações de itens

Navegue até a guia JetEngine> Listagens e pressione o botão “ Adicionar novo ” para criar um item de listagem com as seguintes configurações:

  • selecione a opção “Query Builder” no menu suspenso Fonte da listagem ;
  • selecione a consulta necessária no menu suspenso Consulta (aqui, “Consulta para reservas”);
  • defina o nome do item de listagem no campo Nome do item de listagem ;
  • selecione o editor no menu suspenso Visualização de listagem .
listando configurações de itens

Pressione o botão “ Criar item de listagem ”.

Adicione os campos necessários ao item da listagem. Para este tutorial, adicionamos os seguintes dados de reserva: o ID da reserva, as datas de check-in e check-out e o ID da instância da reserva. Encontre, arraste e solte o widget Campo Dinâmico e coloque-o no item da listagem. Selecione a opção “Dados pós-prazo/usuário/objeto” no menu suspenso Fonte e selecione os dados de reserva necessários (ou seja, o ID da reserva, a data de check-in e check-out ou o ID da instância da reserva) que podem pode ser encontrado nas opções “JetBooking” no menu suspenso Campo do objeto .

configurações de campo dinâmico

Para exibir os dados no formato necessário, ative a alternância de saída do campo Filtro e selecione a opção de formato no menu suspenso Retorno de chamada .

Para adicionar a reserva ao Google Agenda, adicione o widget Dynamic Link e selecione a opção “JetBooking: Adicionar reserva ao Google Calendar” no menu suspenso Fonte .

configurações de link dinâmico

Pressione o botão “ Atualizar ”.

Exibindo reservas no widget de calendário

Crie uma nova página única. Navegue até as configurações da página (o ícone de roda no canto inferior esquerdo), abra a guia Configurações de visualização e selecione CPT (aqui, “Propriedades”) no menu suspenso Tipo de postagem .

configurações de página única

Pressione o botão “ Atualizar ”.

Encontre o widget Calendário e arraste e solte-o em uma única página. Selecione o item de listagem construída no menu suspenso Listagem e a opção “Data de reserva” no campo Agrupar postagens por .

configurações de listagem de calendário dinâmico

Desenrole a guia Consulta personalizada e ative a opção Usar consulta personalizada . Esta alternância ativa o menu suspenso Consulta personalizada para selecionar a consulta necessária (aqui, “Consulta_para_reservas”).

configurações de consulta de calendário dinâmico

Atualize a página única e verifique o calendário no front end.

Pressionar o link “ Adicionar ao Google Agenda ” adiciona a reserva ao Google Agenda.

configurações do Google Agenda

Trata-se de exibir dados de reserva por meio do widget JetEngine Calendar .

Índice