Como adicionar o widget de reservas a um site existente

Se já tem um site em WordPress, Wix, Squarespace, Webflow ou qualquer outro, não precisa de o mudar. Cole um pequeno código de incorporação e o fluxo de reservas da Goiaba corre dentro das suas páginas atuais, com o pagamento a ir para a sua própria conta exatamente como no seu site Goiaba.

Escolha um widget

Vá a Widgets (/admin/widgets). Há três tipos:

• Calendar Widget: o calendário de disponibilidade de um tour. Os clientes escolhem uma data e seguem para o checkout.
• Product Page Widget: a página completa do tour, com descrição, fotografias e calendário.
• Booking Button: um botão Book now que abre o fluxo de reserva numa janela. Defina o Button Label e a Button Action: o calendário de um tour, a sua página completa de produto, ou a lista de todos os seus tours.

Gere o código

1. Abra o tipo de widget, escolha a Excursion e clique em Generate embed code.
2. Clique em Copy por baixo de Embed Code. Use Preview Embed para o ver antes de colar.

O código tem duas linhas: um <script> que carrega o widget uma vez por página, e um <div class="excursionsWidget"> que marca onde aparece. Pode colar vários <div> numa página (um por tour); a linha do script só é necessária uma vez.

Cole-o no seu site

• WordPress: acrescente um bloco Custom HTML onde quer o widget, cole, e atualize a página. Construtores de páginas como o Elementor têm um elemento HTML que funciona da mesma forma.
• Wix: Add › Embed Code › Embed HTML, cole na caixa de código e redimensione a moldura.
• Squarespace: acrescente um bloco Code e cole.
• Webflow: acrescente um elemento Embed e cole.
• HTML simples: cole em qualquer sítio dentro de <body>.

As reservas feitas através de um widget aparecem em Bookings como qualquer outra, com os mesmos emails de confirmação e vouchers. Se o widget ficar em branco, verifique se o tour está online no seu site Goiaba e se o seu construtor de páginas não removeu a linha <script>.