Skip to main content

How to integrate widgets into your own website

Highlights

  • Adding booking or catalog widgets is very easy. Add a small script to your website, it renders automatically.

  • It works with all website builders (WordPress, Wix, Squarespace) or your custom website.

  • If you struggle, feel free to reach us at support@kiwilaunch.com

Why Widgets?

We believe all services should be sold with a narrative. Your clients will want to know what's unique about your services and your company. We believe your website is the best way to tell your story.

Depending on how much you tell your story, we complement it with online booking functionality.

Let's assume you provide personal training. You may have multiple pages where you inform about your group sessions, private sessions, private at-home sessions. If this is the case, the most conversion-optimized way to make the most out of these pages is to add individual booking widgets for each of these services. On the other hand, if you have only one page titled "My Services", then you can add a catalog to this page and the client can choose the service and book it.

Do I need to use widgets to use your platform?

You don't necessarily have to use the widgets. They are built to make the best out of your already-developed website.

There are 2 other recommended ways:

  1. Use your booking landing page: Go to your admin panel, and on the dashboard, you will see "Booking Page" under "Easy Links" section. If you want to update your booking page (add contact information, update picture, header, description, add terms or social links) you can visit Booking Page in System Settings.

  2. Standalone service booking links: Once you constructed a service, you will see a button labeled as "Booking Link" on the service page. This is a standalone page to directly share with your customers, or add as destination URL to the buttons.

How to add Service Booking Widget?

You first need to construct your service, and click the menu opening near Booking Link. If you click "Embed preview" it opens a new window to show you how the booking widget will look like. If you click "Embed to your website", it will open a dialog from where you can copy and inject the script into your website.


Can I choose how the service booking widget looks like?

You can adjust labels and branding settings but you cannot choose which widgets to show. Based on the service configurations we are optimizing the functionality of the widget.

Currently, there are 4 types of widgets

1) Simple button:

For simple appointment bookings, the widget will show like a button.

2) Package selector with price:

When packages are provided for appointment-typed services (e.g. 8 and 16 sessions of Private Swimming)

3) Area/zip code checker:

For home/field services to navigate the customer based on the served areas.

4) List of start dates:

If the dates are predefined (single-session experiences or multi-session courses/programs).

How to add a Catalog widget

First, you have to construct a catalog by creating and adding services to it. A default catalog titled "All Services" is created as default to show on your booking page.

Here are different examples of catalogs you can create "Kids Classes", "French Classes", and "Beginner Classes". Depending on how you constructed your website, you can wrap a set of services in a catalog and embed it on any page.

At the bottom of the page, you will see two links

1) Embed to your website:

You will be prompted to choose the grid or list view to decide how you want the services to be shown. When there is proper symmetry (3 or 6 services) we recommend the grid view, when there are 1,2,4,5 services we recommend the list view so there is no white space.

2) Embed preview:

Opens in a new window to show you how the catalog will look like on your website.

Did this answer your question?