hhtraylor53 Posted May 22, 2022 Share Posted May 22, 2022 Site URL: https://octahedron-grasshopper-7fpn.squarespace.com/properties I'm setting up a website for my real estate and short term rental management business. On our properties page I want to display our Airbnb properties. Airbnb provides an HTML code to embed on your website to display a widget for your listing. However, when I embed the code in the code block, it just displays the code. If you go to this link and scroll down you'll see the code: https://octahedron-grasshopper-7fpn.squarespace.com/properties Link to comment
Beyondspace Posted May 22, 2022 Share Posted May 22, 2022 Have you tried set this code into a new block in code block? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted May 22, 2022 Share Posted May 22, 2022 I mean adding your codes like this <script>...</script> <div>...</div> BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
hhtraylor53 Posted May 22, 2022 Author Share Posted May 22, 2022 1 hour ago, bangank36 said: I mean adding your codes like this <script>...</script> <div>...</div> Sorry, I'm very much a novice who googles a lot when it comes to coding. So I'm not sure what you mean. Would you be willing to paste how the code should be so I know what you mean? Link to comment
Solution Beyondspace Posted May 22, 2022 Solution Share Posted May 22, 2022 You can try <script async="" src="https://www.airbnb.com/embeddable/airbnb_jssdk"></script> <div class="airbnb-embed-frame" data-id="621177625280156656" data-view="home" style="width:450px;height:300px;margin:auto"><a href="https://www.airbnb.com/rooms/621177625280156656?guests=1&adults=1&s=66&source=embed_widget">View On Airbnb</a><a href="https://www.airbnb.com/rooms/621177625280156656?guests=1&adults=1&s=66&source=embed_widget" rel="nofollow">Lovely 'Laurel Lie' Treetop Mountain Cabin</a></div> BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
hhtraylor53 Posted May 22, 2022 Author Share Posted May 22, 2022 Awesome, that worked! Thank you!!! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment