Goiaba
Start free trial

How to add the booking widget to an existing site

Generate an embed code for a calendar, a tour page or a Book now button and paste it into WordPress, Wix or any site.

In this guide
  1. Choose a widget
  2. Generate the code
  3. Paste it into your site

If you already have a website on WordPress, Wix, Squarespace, Webflow or anything else, you do not have to move it. Paste a small embed code and Goiaba's booking flow runs inside your existing pages, with payment going to your own account exactly as on your Goiaba site.

Choose a widget

Go to Widgets (/admin/widgets). There are three kinds:

  • Calendar Widget: the availability calendar of one tour. Customers pick a date and continue to checkout.
  • Product Page Widget: the full tour page, with description, photos and calendar.
  • Booking Button: a Book now button that opens the booking flow in a popup. Set the Button Label and the Button Action: the calendar of one tour, its full product page, or the list of all your tours.

Generate the code

  1. Open the widget type, pick the Excursion, and click Generate embed code.
  2. Click Copy under Embed Code. Use Preview Embed to see it before you paste.

The code is two lines: a <script> that loads the widget once per page, and a <div class="excursionsWidget"> that marks where it appears. You can paste several <div>s on one page (one per tour); the script line is only needed once.

Paste it into your site

  • WordPress: add a Custom HTML block where you want the widget, paste, and update the page. Page builders such as Elementor have an HTML element that works the same way.
  • Wix: Add › Embed Code › Embed HTML, paste into the code box, and resize the frame.
  • Squarespace: add a Code block and paste.
  • Webflow: add an Embed element and paste.
  • Plain HTML: paste anywhere inside <body>.

Bookings made through a widget show up in Bookings like any other, with the same confirmation emails and vouchers. If the widget stays blank, check that the tour is live on your Goiaba site and that your page builder did not strip the <script> line.

Still stuck? Email [email protected] with your account name and we will sort it out.