Ir para conteúdo principal

Motor de reservas: Como criar um widget

Motor de reservas | Widget | Formulário | Calendário | Botão para reservar

Adriana Silva avatar
Escrito por Adriana Silva
Atualizado há mais de 3 semanas

Os widgets são blocos de código que pode inserir facilmente no seu site para mostrar formulários, calendários ou botões de reserva personalizados. São compatíveis com a maioria das plataformas web e não exigem conhecimentos técnicos avançados para serem implementados.

Principais benefícios:

  • Criar facilmente elementos interativos para incentivar a reserva direta.

  • Personalizar cores, textos e formatos para ajustar ao seu site.

  • Oferecer uma experiência de compra rápida e amigável, sem redirecionar o utilizador.

Através da AvaiBook, pode inserir widgets no seu site para os viajantes reservarem diretamente.


Aceder à criação de widgets:

No painel da AvaiBook, vai a Motor de reservas > Publicar no meu sítio web > Widgets.

Se ainda não tiver widgets criados, o sistema mostrará automaticamente as opções disponíveis para começar.


Escolher o tipo de widget

Pode selecionar entre duas opções principais:

  • Calendário de disponibilidade

  • Formulário (Barra de pesquisa)

Clica em Selecionar após escolher o tipo.


Widget Calendário

Escolhe estilo, cor e alojamento associado.

🔹 Tipo de calendário

Escolhe entre diferentes formatos:

  • Calendário mensal (predefinido)

  • Calendário trimestral

  • Calendário anual

  • Calendário matriz

👉 Isto define quantos meses serão visíveis no widget.

🔹 Seleção de cor

Tem 10 cores disponíveis para personalizar o visual do widget. A cor escolhida será aplicada aos elementos visuais, como botões e bordas do calendário.

🔹 Seleção de alojamento

Escolhe a qual dos seus alojamentos este widget será associado. O menu suspenso mostra os alojamentos configurados na sua conta.

🔹 Pré-visualização do widget

No lado direito, verá uma pré-visualização do calendário, incluindo:

  • Mês selecionado

  • Dias disponíveis e ocupados com legenda (branco = livre, cinza = ocupado)

  • Botão “RESERVA ONLINE” para iniciar a reserva

Guarda a configuração atual do widget antes de passar ao próximo passo.

Antes de finalizar a criação do widget, revê a informação da primeira secção:

  • Alterar o nome do widget

  • Ajustar largura e altura geral

  • Modificar tamanho do calendário interno

  • Ativar/desativar: botão de reserva, fundo transparente, borda transparente

  • Personalizar cores: fundo, borda, textos, cabeçalho e dias da semana

Após rever, clica em Guardar para finalizar e gerar o código do widget.

Clica em Copiar para obter o código e inserir no seu site.


Widget Formulário (Barra de pesquisa)

Este widget permite criar uma barra de pesquisa personalizada para os viajantes poderem buscar e reservar entre um ou vários dos seus alojamentos diretamente no seu site.

Nota:

Compatível com todos os tipos de sites, incluindo WordPress. Não são necessários conhecimentos avançados de programação.

Opções de configuração:

  • Tipo de pesquisa:

    • Alojamentos individuais

    • Listagens (conjunto de alojamentos agrupados)

  • Alojamento: Escolhe mostrar todos ou um específico

  • Resultados: Mostrar unidades alojativas ou zonas

  • Filtros visíveis: Nenhum, zonas, alojamentos

  • Comportamento ao abrir resultados: Nova aba ou mesma aba

Pré-visualização:
No lado direito, verá exemplos do design visual adaptável ao estilo do seu site.

Código HTML:
Copia o código gerado com o botão Copiar código e cola no HTML do teu site no local desejado.

Após configurar, clica em Guardar, atribui um nome ao widget, define tamanho e cores, e copia o código para inserir no site.

Para mais detalhes, consulta o artigo: Barra de pesquisa


A ter em consideração:

Caso já tenha algum widget criado, ao aceder ao menu Motor de reservas > Publicar no meu sítio web > Widgets, encontrará no canto superior direito o botão para criar um widget.


Editar um widget já criado

Mesmo após inserir o widget no site, pode editá-lo a qualquer momento.

Acede a: Motor de reservas > Publicar no meu sítio web > Widgets.

Verá todos os widgets criados. À direita de cada um, encontrará opções para: editar, visualizar/obter código ou eliminar o widget.

Para mais detalhes, consulta o artigo: Como posso editar e gerir um widget que já criei?


Aprenda ao seu próprio ritmo e de qualquer lugar. Junte-se a nós para crescermos juntos!

Isto respondeu à sua pergunta?