Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Airbnb Listing on your Canvas LMS website for FREE?

Showcase your property with our Airbnb Listing widget, allowing visitors to view details, check availability, and book your listing directly from your website for a seamless experience.

How to embed Airbnb Listing on your Canvas LMS website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
August 5, 2026 5 min read Ask ChatGPT
Quick answer

Your Airbnb Listing on Canvas LMS website — live in 3 steps

SociableKIT syncs your airbnb listing automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Airbnb Listing in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Canvas LMS website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Airbnb Listing with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Canvas LMS website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Airbnb Listing on your Canvas LMS website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Airbnb Listing widget

The first part is creating your Airbnb Listing widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Airbnb Listing on your Canvas LMS website for FREE?
  2. Select "Airbnb Listing" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Airbnb Listing" on the dropdown - How to embed Airbnb Listing on your Canvas LMS website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Airbnb Listing on your Canvas LMS website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Airbnb Listing on your Canvas LMS website for FREE?
  5. Paste the embed code and save your Canvas LMS website page. Please follow the second part below to add Airbnb Listing widget to your Canvas LMS website .

Add Airbnb Listing widget to your Canvas LMS website

The second part is adding your Airbnb Listing widget to your Canvas LMS website . After you customize your Airbnb Listing widget and copied the embed code, it is time to add it to your Canvas LMS website . Follow the steps below.

  1. Copy your free Airbnb Listing widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Canvas . If you don't have an account, you can register here at this link.
  3. In your Account tab, click ePortfolios.
  4. Click on 'Create an ePortfolio' button.
  5. Create your ePortfolio Name and Make it Public, then click on 'Make ePortfolio' button as shown on the image.
  6. Click on 'Go to the Actual ePortfolio' text link.
  7. Click on 'Edit This Page' button.
  8. Under the Add Content section, click on 'HTML/Embedded Content'.
  9. Paste your SociableKIT iFrame code (Note: JavaScript doesn't work on Canvas LMS).
  10. Copy and paste the ePortfolio link in your browser to view.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Airbnb Listing on your Canvas LMS site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Canvas . If you don't have an account, you can register here at this link.
  4. In your Account tab, click ePortfolios.
  5. Click on 'Create an ePortfolio' button.
  6. Create your ePortfolio Name and Make it Public, then click on 'Make ePortfolio' button as shown on the image.
  7. Click on 'Go to the Actual ePortfolio' text link.
  8. Click on 'Edit This Page' button.
  9. Under the Add Content section, click on 'HTML/Embedded Content'.
  10. Paste your SociableKIT iFrame code (Note: JavaScript doesn't work on Canvas LMS).
  11. Copy and paste the ePortfolio link in your browser to view.
Full Canvas LMS tutorial →

To embed Airbnb Listing on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Airbnb Listing on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Airbnb Listing on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Airbnb Listing on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Airbnb Listing on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Airbnb Listing on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Airbnb Listing on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Airbnb Listing widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Common questions

Frequently asked questions

Everything you need to know about embedding Airbnb Listing on your Canvas LMS website.

What is an Airbnb Listing widget?

An Airbnb Listing widget displays your property listing directly on your website. It helps visitors explore the accommodation and continue toward booking without searching for the listing themselves.

How does the SociableKIT Airbnb Listing widget work?

SociableKIT collects the available information from your connected Airbnb listing and turns it into a website-ready display. Create the widget, customize its design, copy the embed code, and paste it into your website.

What do I need to connect my Airbnb property?

You need a publicly accessible Airbnb listing and its listing link. Make sure the property is published and viewable before connecting it to SociableKIT.

Do I need coding skills to embed my Airbnb listing?

No coding experience is required for the standard setup. SociableKIT gives you one embed code that you can paste into a supported HTML, code, custom liquid, iframe, or embed block.

What property details can the widget display?

Available details may include the property title, photos, location, description, rating, review count, price, availability, and booking action. The exact information shown depends on the public Airbnb data and the SociableKIT layout you select.

Will changes to my Airbnb listing update automatically?

Yes, automatic syncing is included on paid SociableKIT plans. The free plan can be kept current using sync requests, so you do not need to rebuild the widget after every listing change.

Does the widget show current prices and availability?

The widget can display pricing and availability information received from the connected Airbnb source. Guests should still confirm their dates, total price, fees, and final availability on Airbnb before booking.

Can guests book my property through the widget?

The widget helps guests open your Airbnb listing and continue through the available booking process. Reservations, payments, guest details, and booking confirmation remain handled through Airbnb.

Does SociableKIT process Airbnb reservations or payments?

No. SociableKIT displays your listing on your website but does not replace Airbnb's reservation or payment system. Your existing Airbnb hosting and booking workflow stays in place.

Will the widget prevent double bookings?

No. The widget does not manage your property calendar or create reservations itself. Keep availability and connected calendars accurate in Airbnb because that remains the source used for booking.

Can the widget display my Airbnb rating and reviews?

Public rating and review information may be displayed when it is available from the listing and supported by the selected layout. Airbnb only shows an overall home rating after the listing has received enough guest ratings.

Will my exact property address appear on my website?

The widget follows the public location information available on your Airbnb listing. Airbnb generally keeps the numerical street address private until a reservation is confirmed, even when a more precise map location is shown.

What happens if I unlist or remove my Airbnb property?

An unlisted or removed property may no longer be available for the widget to display. After SociableKIT receives the latest source data, the listing can stop appearing or become unavailable on your website.

Can I display more than one Airbnb listing?

Yes. You can connect additional listing sources and create separate widgets for different properties. Paid SociableKIT plans include unlimited widgets, while pricing is based mainly on the number of connected sources.

Can I customize the widget to match my property website?

Yes. You can customize colors, fonts, layout, calls to action, and other visual details on every SociableKIT plan. This helps the listing feel like a natural part of your accommodation website.

Which website builders support the Airbnb Listing widget?

SociableKIT works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and custom HTML websites. Your platform only needs to support custom code or embedded content.

Will the widget work on mobile devices?

Yes. The widget is designed for responsive website layouts, helping guests explore your property on desktop, tablet, and mobile screens. Preview it at different screen sizes before publishing for the best experience.

Does SociableKIT offer a free Airbnb Listing widget?

Yes. The free plan includes one source, one widget, 2,000 monthly views, full design customization, SociableKIT branding, and sync requests. No credit card is required to start.

Are widget views unlimited on paid plans?

Yes. Paid SociableKIT plans include unlimited widget views, unlimited widgets, branding removal, and automatic syncing. They also support unlimited domains and teammates.

What support is available if I need help?

SociableKIT provides human support through chat and email on every plan, with 24/7 support included on paid plans. The team can help with source setup, embedding, customization, syncing, and common website-builder issues.

Add your Airbnb Listing widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Airbnb Listing widget page →