Featured

News

Flights

Social Good

Asia

Europe

USA

Philippines

Thailand

Squarespace Booking Embed: Add Hotel Search to Your Squarespace Site

Date Modified: May 22, 2026

Can You Embed a Hotel Booking Widget on Squarespace?

Yes. Squarespace supports custom HTML and JavaScript embeds via its Code Block, available in the Page Editor on all paid Squarespace plans (Personal, Business, Basic Commerce, and Advanced Commerce). This allows publishers on Squarespace to add any third-party widget — including the IMPT hotel booking embed — to any page, blog post, or section of their site.

The Code Block in Squarespace is designed for exactly this purpose: embedding third-party tools like maps, booking widgets, social feeds, and payment forms. The IMPT embed code is two lines of HTML and works in the Code Block without modification.

Step-by-Step: Adding the Hotel Booking Embed to Squarespace

Step 1 — Get your IMPT partner key

Visit swarm.impt.io/widget, click ‘Get a partner key,’ and complete the free registration (60 seconds). Receive your personalised two-line embed code.

Step 2 — Open Squarespace Pages editor

Log in to Squarespace. Navigate to Pages in the left panel. Click on the page where you want the hotel search to appear. Click Edit to open the Page Editor.

Step 3 — Add a Code Block

Click the ‘+’ icon to add a new block in your desired location on the page. Scroll to or search for ‘Code’ in the block menu. Click ‘Code’ to add a Code Block.

Step 4 — Paste the IMPT embed code

In the Code Block editor, ensure the language is set to HTML (the default). Delete any placeholder text. Paste both lines of the IMPT embed code: the script tag and the impt-swarm div. Click ‘Apply.’

Step 5 — Preview and publish

Click Preview to see how the hotel search form renders on your page. The IMPT widget should appear as a search form with a destination input and a Search Hotels button. Click Save and then Publish Changes to make it live.

Adding the Hotel Embed to Squarespace Blog Posts

For Squarespace blog posts, add the Code Block within the post body by clicking the ‘+’ icon at any point in the post content. This is particularly effective for travel destination posts where adding hotel search directly below your accommodation recommendations captures booking intent at peak moment.

Best Squarespace Sites for a Hotel Booking Embed

Travel portfolios and personal travel blogs built on Squarespace — known for its strong design templates — benefit from the IMPT widget on destination pages and blog posts. Squarespace wedding websites, where guests often need local hotel recommendations, can add the IMPT embed to an Accommodation page for direct bookings. Event websites built on Squarespace for conferences, retreats, or workshops can include the hotel search on their Travel/Stay page. Lifestyle and food bloggers who occasionally cover travel can add the embed to relevant posts without it disrupting their broader site design.

Earnings From a Squarespace Hotel Booking Embed

The 5% commission and 90-day cookie apply regardless of the platform your website uses. A Squarespace travel blog generating 5,000 monthly visitors on destination content with a 0.4% booking conversion rate generates 20 bookings per month. At 5% commission on an average €250 booking, that is €250 per month from a widget that cost nothing to install and 60 seconds to set up.

Frequently Asked Questions

Does the Code Block work on Squarespace Personal plan?

Yes. Code Blocks are available on all paid Squarespace plans. However, some Squarespace plan tiers restrict the execution of custom JavaScript in Code Blocks. If JavaScript does not execute, upgrade to the Business plan or above, which removes this restriction.

Will the hotel embed slow down my Squarespace site?

No. The IMPT widget is 8.7 KB gzipped and loads asynchronously. Squarespace’s CDN delivers your page content independently of the widget load, so your Squarespace site speed is unaffected.

Can I style the IMPT widget to match my Squarespace template?

The standard IMPT widget renders in a neutral style that suits most Squarespace templates. For brand-matched styling, fork the MIT open-source code from GitHub and modify the CSS. The fork retains full attribution and commission functionality.

Can the booking embed appear on every page of my Squarespace site?

To add the embed to every page, inject the code via Settings > Advanced > Code Injection (available on Business plan and above) in the Footer Code section. This places the widget globally without manually adding it to each page.

Add the Hotel Booking Embed to Your Squarespace Site — Free

Get your partner key at swarm.impt.io/widget. Add a Code Block to your Squarespace page. Paste two lines. Earn 5% on every hotel booking your visitors make — with a 90-day cookie and 1 tonne CO₂ offset per stay.

Keep Reading / Similar Blogs

Post Views: 10

Ready to travel sustainably? 🌍✈️

Book your eco-friendly hotel with IMPT Travel today and join the movement towards a greener future!

Click here to start your journey!

Download Our App

Join the movement towards a greener future—discover sustainable stays, earn carbon offset rewards, and make every trip count.

🌿 Available on iOS and Android

Comments are closed.

IMPT TRAVEL

Travel with purpose! IMPT Travel lets you book eco-friendly stays, offset your carbon footprint, and earn rewards—making every journey a step toward a greener world. 🌍✨