Cómo añadir el widget de reservas a una web existente

Si ya tienes una web en WordPress, Wix, Squarespace, Webflow o cualquier otro, no tienes que moverla. Pega un pequeño código de inserción y el flujo de reservas de Goiaba funciona dentro de tus páginas actuales, con el pago yendo a tu propia cuenta exactamente igual que en tu web de Goiaba.

Elige un widget

Ve a Widgets (/admin/widgets). Hay tres tipos:

• Calendar Widget: el calendario de disponibilidad de un tour. Los clientes eligen una fecha y siguen al checkout.
• Product Page Widget: la página completa del tour, con descripción, fotos y calendario.
• Booking Button: un botón Book now que abre el flujo de reserva en una ventana emergente. Fija el Button Label y la Button Action: el calendario de un tour, su página completa de producto, o la lista de todos tus tours.

Genera el código

1. Abre el tipo de widget, elige la Excursion y haz clic en Generate embed code.
2. Haz clic en Copy bajo Embed Code. Usa Preview Embed para verlo antes de pegarlo.

El código son dos líneas: un <script> que carga el widget una vez por página, y un <div class="excursionsWidget"> que marca dónde aparece. Puedes pegar varios <div> en una página (uno por tour); la línea del script solo hace falta una vez.

Pégalo en tu web

• WordPress: añade un bloque Custom HTML donde quieras el widget, pega y actualiza la página. Los constructores de páginas como Elementor tienen un elemento HTML que funciona igual.
• Wix: Add › Embed Code › Embed HTML, pega en el cuadro de código y redimensiona el marco.
• Squarespace: añade un bloque Code y pega.
• Webflow: añade un elemento Embed y pega.
• HTML plano: pega en cualquier sitio dentro de <body>.

Las reservas hechas a través de un widget aparecen en Bookings como cualquier otra, con los mismos emails de confirmación y bonos. Si el widget se queda en blanco, comprueba que el tour está publicado en tu web de Goiaba y que tu constructor de páginas no ha eliminado la línea <script>.