Booking Widget 3.0

Booking widget: Integration on website

In this article, we will cover how to generate a widget code from your TrekkSoft website and integrate it into your external website.

Last updated: September 16, 2025


Here's an overview of what we cover in this article:

________________________________________________________________________

How to Integrate the Booking Widget into your website?

    The booking widget can be found inside your TrekkSoft Backoffice / Admin Desk by navigating to  Settings > Product & Booking  Settings > Booking widget on the left-hand side menu.

     

    ________________________________________________________________________

    Generating widget code

    Here you can generate the widget code to insert into your website. Check out this screen recording for steps to generate widget code from your TrekkSoft website. You can customize the button as per your requirements:

    Generate booking widget

    ________________________________________________________________________

    Embedding widget code

    See the screen recording below showing how to embed a generated widget code from TrekkSoft into your WordPress website using an HTML element:

    Embedding widget code

    ________________________________________________________________________

    Widget booking flow

    See the screen recording below showing the smooth widget booking flow:

    Booking widget flow

     

    IMPORTANT NOTE! Please do not customize the widget script code after generating the code from TrekkSoft as it may create issues with the widget functionality.

    Help Center Article! Get more details on generating widget code for different Integration types here.