{"id":1071,"date":"2024-03-14T02:41:02","date_gmt":"2024-03-14T09:41:02","guid":{"rendered":"https:\/\/hostex.io\/help\/?p=1071"},"modified":"2026-04-22T20:44:59","modified_gmt":"2026-04-23T03:44:59","slug":"widget","status":"publish","type":"post","link":"https:\/\/hostex.io\/help\/widget\/","title":{"rendered":"How to Embed the Direct Booking Widget into My Website Using Hostex?"},"content":{"rendered":"\n

Hostex offers the Direct Booking Widget feature, which allows you to embed it into your own created website, as long as the website supports iframe embedding.<\/p>\n\n\n\n

Step-by-Step Guide<\/strong>:<\/p>\n\n\n\n

Step 1: Access the Hostex Booking site<\/a> feature and click on “Create a site<\/strong>“<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 2: Select the option “I already have my own booking site.<\/strong>“<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3: Choose your currency and enter your site name (for internal reference only)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4: Get into your site, and click on “+Add listings<\/strong>” to create the properties you want to sell<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5: Add the necessary rate plans that you want to offer for each property (similar to Booking.com)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 6: Add your preferred payment methods in the Payment Account section (Stripe or PayPal)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 7: Configure widget appearance, search widget, promotion codes (optional)<\/p>\n\n\n\n

Step8: Enable and preview the widget for the listing<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 8: Copy and embed the widget into your website<\/p>\n\n\n\n

By following these step-by-step instructions, you can easily embed the Direct Booking Widget into your website using Hostex. This will enable your customers to make bookings directly through your website, enhancing the booking experience and streamlining your business operations.<\/p>\n\n\n\n

\n\n\n\n
\n

Important Notes<\/h1>\n\n\n\n
    \n
  1. Do not place the widget inside any iframe<\/strong>\uff1aThe widget is designed to replace iframes. It must not<\/strong> be embedded in an iframe, whether used individually or for linkage between multiple widgets. Almost all functional issues are caused by nested iframes. Due to security policies, iframes impose many restrictions that prevent most features from working properly.<\/li>\n\n\n\n
  2. Special case for the WIX platform<\/strong>\uff1aFor users who build websites on the WIX platform and are unable to modify the source code, the widget cannot be used perfectly.<\/li>\n<\/ol>\n<\/blockquote>\n\n\n\n
    \n\n\n\n

    Related questions:<\/p>\n\n\n\n

    https:\/\/hostex.io\/help\/direct-booking-site\/<\/a><\/p>\n\n\n\n

    \n
    How to create a direct booking website with Hostex?<\/a><\/blockquote>