{"id":1465,"date":"2025-06-19T03:33:11","date_gmt":"2025-06-19T10:33:11","guid":{"rendered":"https:\/\/hostex.io\/help\/?p=1465"},"modified":"2025-06-19T03:33:11","modified_gmt":"2025-06-19T10:33:11","slug":"search-widge","status":"publish","type":"post","link":"https:\/\/hostex.io\/help\/search-widge\/","title":{"rendered":"How to Embed a Search Widget into My Website?"},"content":{"rendered":"\n

The \u200bHostex Search Widget\u00a0lets you embed an Airbnb-style search tool on your website, allowing guests to search your listings directly from your homepage.<\/p>\n\n\n\n

Follow these steps to add the Hostex Search Widget to your website and connect it with your booking pages:<\/p>\n\n\n\n

Step 1: Access your self-hosted booking site<\/a> in Hostex<\/p>\n\n\n\n

Step 2: Switch to the\u00a0Search Widget<\/strong>\u00a0section and follow the on-screen steps to embed the widget into your website.<\/p>\n\n\n\n

Step 3: For each listing, enter the URL of the corresponding property page where bookings will take place.<\/p>\n\n\n\n

Step 4: Pass search parameters to the booking widget (recommended)<\/p>\n\n\n\n

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

\u200bCustomization Options<\/strong><\/h3>\n\n\n\n
    \n
  • In the\u00a0Design<\/strong>\u00a0section, you can preview how the Search Widget looks on your selected theme. Customize it to match your website style before publishing.<\/li>\n<\/ul>\n\n\n\n

    \u200bTroubleshooting<\/strong><\/h3>\n\n\n\n
      \n
    • \u200bWidget Not Displaying?<\/strong>\n
        \n
      • Ensure the embed code is placed correctly in your site\u2019s HTML.<\/li>\n\n\n\n
      • Clear your browser cache and reload the page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • \u200bSearch Results Incorrect?<\/strong>\n
          \n
        • Double-check your default search settings in Hostex.<\/li>\n\n\n\n
        • Verify that your listings are published and active.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

          For further assistance, contact Hostex Support at\u00a0contact@hostex.com\u00a0or visit our\u00a0Help Center<\/p>\n","protected":false},"excerpt":{"rendered":"

          The \u200bHostex Search Widget\u00a0lets you embed an Airbnb-style search tool on your website, allowing guests to search your listings directly from your homepage. Follow these steps to add the Hostex Search Widget to your website and connect it with your booking pages: Step 1: Access your self-hosted booking site in Hostex Step 2: Switch to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51],"tags":[],"class_list":["post-1465","post","type-post","status-publish","format-standard","hentry","category-direct-booking-site"],"_links":{"self":[{"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/posts\/1465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/comments?post=1465"}],"version-history":[{"count":1,"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/posts\/1465\/revisions"}],"predecessor-version":[{"id":1467,"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/posts\/1465\/revisions\/1467"}],"wp:attachment":[{"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/media?parent=1465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/categories?post=1465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostex.io\/help\/wp-json\/wp\/v2\/tags?post=1465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}