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 ontem

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?