{"id":2946,"date":"2025-06-30T13:24:25","date_gmt":"2025-06-30T13:24:25","guid":{"rendered":"https:\/\/www.makcorps.com\/blog\/?p=2946"},"modified":"2025-06-30T13:30:48","modified_gmt":"2025-06-30T13:30:48","slug":"build-booking-hotel-price-finder-with-loveable","status":"publish","type":"post","link":"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/","title":{"rendered":"How I Built Booking.com Hotel Price Finder with Loveable\u00a0"},"content":{"rendered":"\n<p>Do you want an easier way to grab hotel prices from Booking? Maybe you\u2019re a developer who doesn\u2019t want to start from scratch, or a no-coder who just wants data without the pain.&nbsp;<\/p>\n\n\n\n<p>Scraping Booking.com is tricky, and their API is not available for every business. That\u2019s why I built a hotel price scraper using Loveable that requires minimal to no coding skills. I\u2019ll show you, step by step, how you can set it up and get those prices fast.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #e29a12;color:#e29a12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #e29a12;color:#e29a12\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/#What_Youll_Need\" >What You\u2019ll Need<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/#1_Get_Your_Makcorps_Bookingcom_API_Key\" >1. Get Your Makcorps Booking.com API Key<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/#2_Understand_the_API_Endpoint_and_How_it_Works\" >2. Understand the API Endpoint and How it Works<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/#3_Add_the_Prompt_in_Loveable\" >3. Add the Prompt in Loveable<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/#5_Test_Debug\" >5. Test &amp; Debug<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.makcorps.com\/blog\/build-booking-hotel-price-finder-with-loveable\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Youll_Need\"><\/span><strong>What You\u2019ll Need<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Account on Makcorps<br><\/li>\n\n\n\n<li>Loveable account<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Get_Your_Makcorps_Bookingcom_API_Key\"><\/span><strong>1. Get Your Makcorps Booking.com API Key<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.makcorps.com\/signup.html\">Sign up<\/a> at Makcorps and verify your email.<br><\/li>\n\n\n\n<li>You\u2019ll receive your API key via email (30 free credits for testing).<br><br><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"207\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeRTxBSHnRRyXYFala3bCdq6l8OLa5j0iP9UBUc9NVUMqCpT_qwVqOVe3SANh4SLS71figScUzaRCWqvF1std23ysOBYabdfFyXiajbUX49ejIQ33EhX1hySYTDkfDJp6aBx7H7NQ?key=KeNOQ0lVUcdLWubF03yQLg\"><br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Understand_the_API_Endpoint_and_How_it_Works\"><\/span><strong>2. Understand the API Endpoint and How it Works<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Read the<a href=\"https:\/\/docs.makcorps.com\/hotel-price-apis\/booking.com-hotel-price-api\" target=\"_blank\" rel=\"noopener\"> Booking.com Hotel Price API Documentation<\/a> for full details.<\/p>\n\n\n\n<p><strong>Endpoint:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;api.makcorps.com\/booking?country=us&amp;hotelid=the-lenox&amp;checkin=2024-12-05&amp;checkout=2024-12-11&amp;currency=USD&amp;kids=0&amp;adults=2&amp;rooms=1&amp;api_key=YOUR-API-KEY<\/code><\/pre>\n\n\n\n<p><strong>What Each Parameter Means:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>hotel_id: The unique code for the hotel on Booking.com (find this in the URL of any hotel listing).<br><\/li>\n\n\n\n<li>checkin: The date your guest wants to check in (format: YYYY-MM-DD).<br><\/li>\n\n\n\n<li>checkout: The check-out date (format: YYYY-MM-DD).<br><\/li>\n\n\n\n<li>adults: Number of adults for the search.<br><\/li>\n<\/ul>\n\n\n\n<p><strong>How to Use:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Replace the values with your own (hotel ID, dates, number of guests) and add your api key in place of <mark style=\"background-color:var(--global-palette8)\" class=\"has-inline-color\">YOUR_API_KEY<\/mark>.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Add_the_Prompt_in_Loveable\"><\/span><strong>3. Add the Prompt in Loveable<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/lovable.dev\/signup\" target=\"_blank\" rel=\"noopener\">Create your account<\/a> on Loveable.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeZN7ZGPVxcJBVvmZz9EOdPmRiHloFtIzlwbdb8Y4OVs_o2MkNAowTgTtsRwzGLn1Dave05V9xJ0rgzzPCHI76M1aKtZwGxWHf_PU4eSMCC06zSYwAOtk0VQbWQ4xqweIS6qs66gw?key=KeNOQ0lVUcdLWubF03yQLg\" alt=\"\"\/><\/figure>\n\n\n\n<p>In Loveable, paste the prompt given below \ud83d\udc47 and include your API key.<\/p>\n\n\n\n<p><strong>Prompt:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>I want to build a minimal Booking.com hotel price extractor tool using the MakCorps API.\n\nFeatures:\n\nDual input: User can either paste a Booking.com hotel URL or manually enter hotel details.\n\nIf a URL is provided, extract:\n\nhotelid: The hotel slug from the URL, e.g., \/hotel\/nz\/pullman-rotorua.html \u2192 pullman-rotorua\n\ncountry: The country code from the URL, e.g., \/hotel\/nz\/ \u2192 nz\n\nIf entering manually, user inputs both hotelid (hotel-name-in-this-format) and country code (like us).\n\nOther required params: Dates, adults, kids, rooms, currency\u2014all as per API.\n\nSubmit: On submit, call:\n\narduino\nCopyEdit\nhttps:&#47;&#47;api.makcorps.com\/booking?country={country}&amp;hotelid={hotelid}&amp;checkin={checkin}&amp;checkout={checkout}&amp;currency={currency}&amp;kids={kids}&amp;adults={adults}&amp;rooms={rooms}&amp;api_key={API_KEY}\n\nResponse: Parse response. It's a 2-element array:\n\nresponse&#91;0]: array of room objects, each with:\n\nroom (Room Type)\n\nprice (Price)\n\ntax (Tax)\n\npayment_details (array of bullet points)\n\nresponse&#91;1]: hotel meta object, e.g., {name, address}\n\nUI\/UX:\n\nMinimal, Google-style design: white background, light borders, lots of space, nice type.\n\nUse color #E39A12 for buttons, header backgrounds, highlights; otherwise, keep it black\/white.\n\nShow hotel name (from response&#91;1]) and check-in\/out summary above the table.\n\nDisplay rooms in a table with these columns: Room Type | Price | Tax | Payment Details (as a bulleted list in the cell).\n\nFooter: \"Powered by MakCorps.com\"\n\nSpecial notes:\n\nDates must be valid (check-out > check-in, at least 1 night).\n\nIf API returns a 410 error, show user-friendly error: \"Check-out date must be after check-in date.\"\n\nMake everything work in a single page, no tabs.\n\nExample API response:\n\njson\n\nCopyEdit\n\n&#91;\n\n\u00a0\u00a0&#91;\n\n\u00a0\u00a0\u00a0\u00a0{\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"room\": \"Superior King Room with City View\",\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"price\": \"$179\",\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"tax\": \"Excluded: 15 % VAT\",\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"payment_details\": &#91;\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Good breakfast $30\",\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Total cost to cancel\",\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"No prepayment needed \u2013 pay at the property\"\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\n\u00a0\u00a0\u00a0\u00a0},\n\n\u00a0\u00a0\u00a0\u00a0...\n\n\u00a0\u00a0],\n\n\u00a0\u00a0{\n\n\u00a0\u00a0\u00a0\u00a0\"name\": \"Pullman Rotorua\",\n\n\u00a0\u00a0\u00a0\u00a0\"address\": \"\"\n\n\u00a0\u00a0}\n\n]\n\nAPI Key: <strong>ADD_YOUR_API_KEY<\/strong>\n\nInstructions for Loveable:\nBuild the tool as described above. All data extraction, table formatting, and error handling as per instructions. No raw JSON output\u2014show only the organized table to users!<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Test_Debug\"><\/span><strong>5. Test &amp; Debug<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Try out your new tool and see if you\u2019re getting price data.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.makcorps.com\/blog\/wp-content\/uploads\/2025\/06\/WhatsApp-Video-2025-06-27-at-13.20.27-1.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If you run into any problems, start by checking your API key and the information you entered. Sometimes it\u2019s just a date in the wrong format, like using slashes instead of dashes, or picking a year that doesn\u2019t exist.&nbsp;<\/p>\n\n\n\n<p>Another thing to watch for: if Loveable isn\u2019t pulling out the data correctly, it might be because the info is buried inside extra layers of the response. You can describe what you want, and Loveable will usually figure it out. Plus, if you want to change how your tool looks, colors, layout, or anything visual. Just ask, and it\u2019ll adjust to your style.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You\u2019re all set to create a Booking.com hotel price finder web app that anyone can use\u2014no need to wrestle with long lines of code or complicated setups. Just remember to grab your Makcorps API (you get 30 free test credits) and check out the full<a href=\"https:\/\/docs.makcorps.com\/hotel-price-apis\/booking.com-hotel-price-api\" target=\"_blank\" rel=\"noopener\"> documentation<\/a> to really get the hang of how everything works.<\/p>\n\n\n\n<p>Makcorps stands out as one of the <a href=\"https:\/\/www.makcorps.com\/blog\/hotel-api-provider-companies\/\">top hotel API providers <\/a>out there. You can also explore their other powerful APIs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.makcorps.com\/\"><strong>Hotel Price Comparison API<\/strong><\/a><strong>:<\/strong> Pull prices from over 200 vendors<br><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.makcorps.com\/hotel-price-apis\/expedia-hotel-price-api\" target=\"_blank\" rel=\"noopener\"><strong>Expedia API<\/strong><\/a><strong>:<\/strong> Extract data from Expedia.com<br><\/li>\n\n\n\n<li><a href=\"https:\/\/www.makcorps.com\/historical-hotel-price.html\"><strong>Historical Hotel Price Data API<\/strong><\/a><strong>:<\/strong> Analyze price trends over time<br><\/li>\n<\/ul>\n\n\n\n<p>Want to see what else you can build? Check out these tutorials I\u2019ve put together using Makcorps APIs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.makcorps.com\/blog\/extract-hotel-prices-from-multiple-vendors-using-google-sheet-api\/\">Extract Hotel Prices from Multiple Vendors Using Google Sheets<br><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.makcorps.com\/blog\/extract-booking-com-data-with-python-and-makcorps-api\/\">Extract Booking.com Data with Python and Makcorps API<br><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.makcorps.com\/blog\/track-hotel-deals-under-budget-using-hotel-price-api\/\">Track Hotel Deals Under Budget Using Hotel Price API<br><\/a><\/li>\n<\/ul>\n\n\n\n<p>Ready to build your own tool? <a href=\"https:\/\/www.makcorps.com\/signup.html\">Try Makcorps API for free<\/a> Today!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want an easier way to grab hotel prices from Booking? Maybe you\u2019re a developer who doesn\u2019t want to start from scratch, or a no-coder who just wants data without the pain.&nbsp; Scraping Booking.com is tricky, and their API is not available for every business. That\u2019s why I built a hotel price scraper using&#8230;<\/p>\n","protected":false},"author":3,"featured_media":2948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[49],"tags":[],"class_list":["post-2946","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/posts\/2946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/comments?post=2946"}],"version-history":[{"count":2,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/posts\/2946\/revisions"}],"predecessor-version":[{"id":2996,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/posts\/2946\/revisions\/2996"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/media\/2948"}],"wp:attachment":[{"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/media?parent=2946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/categories?post=2946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makcorps.com\/blog\/wp-json\/wp\/v2\/tags?post=2946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}