Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'iframe'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.crowmartialarts.com.au/contact Hey Guys, I'm a bit stuck with this one so I thought I'd share it with you guys to see if anyone's come across it before or has any suggestions. Basically at the bottom of our "Contact" page we're using an iFrame to display a Google Slide onto our website (to display our timetable). When viewing this page on iOS if a user scrolls down to look at the timetable it essentially traps them on the timetable. Regardless of which direction the user swipes the page doesn't scroll. Obviously this can be counter by zooming or scrolling at the top or bottom of the phone that is not displaying the timetable but that isn't a very user friendly solution. Any ideas on how I could resolve this?
  2. Site URL: https://apple-octagon-469r.squarespace.com/yellow-belt PW: `wimafcdemopoc` I have several collapsible markdown sections that have iframes containing embedded videos in them. Everything works as expected with videos and playback while I am on my computer. However, when I go to use a mobile device (so far tried Chrome, Firefox, and Safari), I receive the following error message in an overlay on the video: What makes this especially tricky is that the videos that have playback issues aren't always the same every time. When I go to refresh the page, some videos will begin working while previous ones will stop. Any suggestions on what can be done to remedy this?
  3. Site URL: https://dachshund-amethyst-38hy.squarespace.com/ Hi there. When I use the bottom iframe code (supplied by the provider) and add it to a code block, the frame shows the Webcam zoomed into the top left corner. For better understanding find the webcam link also below. iFrame Code: <iframe src="https://berghoffetz.webcam-livestream.at" style="width:100%; height:312px"frameborder="0"></iframe> Webcam Link: https://berghoffetz.webcam-livestream.at Thanks for your help!
  4. Hello! I have embedded my Square store into my Square Space (Canadian) based website using an iframe, however when I proceed to checkout after adding an item from the embedded store, there are no items in the checkout location. At the stand alone store page at Square.Site, checkout works without a problem. Square and Square Space have provided no help. I have tried to find a solution but I am at a loss. Any help would be greatly appreciated.
  5. Hi, I am starting to put together a website and have a live stream webcam that is inserted via an iframe. I have added the code block and put the iframe code in at which point it displays in the editor however, when viewing out of edit mode it doesn't display and is just a blank area. Any advice? Thanks
  6. Site URL: https://bobcat-cheetah-9z4m.squarespace.com/ I embedded an external court booking site using iframe and it looks fine when I'm logged in as squarespace admin. When I try to look at it from an incognito window or from IE or on mobile it shows completely blank. I have seen some other threads on this but no resolution. the embedded url is https. please let me know if there is any help on this? Thank you https://bobcat-cheetah-9z4m.squarespace.com/ go to member area-> book court lmk if you need the password.
  7. Site URL: https://www.dylanwhite.me/ Are there any official plans for supporting NFT integration on squarespace ? There is a workaround on one of the forums with iframes / opensea but I couldn’t seem to get it to work with IPFS. As many visual artists increasingly look to sell NFTs either via marketplaces and / or free storefront hub services such as lynkfire, linktree etc I am increasingly wondering why I pay for 2 squarespace sites. Please let me know if you’ve any NFT integration plans soon or I will probably just transfer my url to a linktree that points to hen, fnd, objkt et al. thanks again Dylan
  8. Site URL: https://www.sdrretail.com/get-in-touch Microsoft offers an appointment booking service (who knew??) that comes with the option to embed an iFrame. I'd love to embed into my Squarespace site, but I'm not able to get the code to work (other than inserting a hyperlink, which I can already easily do with a Squarespace link or button). Is anyone able to give me some help? Here is the source site with the booking request capability. Below is the iFrame Embed code that they provide. I just don't know exactly what to do with it to try to get it embedded into a Squarespace page... <iframe src='https://outlook.office365.com/owa/calendar/SDRRetailConsulting@sdrretail.com/bookings/' width='100%' height='100%' scrolling='yes' style='border:0'></iframe>
  9. Site URL: https://tiacs.org/impact Hello! I've been attempting to add an embed using both an embed and code block, but it removes all content beneath it on the page, including the global footer. In addition, it completely lags out the editor and makes it almost impossible to use. The code is: <iframe name="rooy-dashboard" src="https://admin.rooy.co/#/workspace-dashboard?d=649&tb=0" style="border:none;" width="100%;" height=“100%;”/> Any idea why it would be doing that, or how I can fix it? Thanks!
  10. Hi all, I'm working with a client, trying to track Google Ad conversions through Google Tag Manager (GTM) on a form (donation form) which is in an iFrame. The form is set up though provided embed code. GTM is set up and working on the site itself. No matter what I try, I can't get GTM to recognize anything in the form. I've tried adding the GTM code into the code block in various places (before the iFrame code, after, etc.). I've tried getting GTM to look for specific text or changes in the form (once the donation is complete), but I don't think that GTM is recognizing the form at all. On the backend, where the form is created, there's no option to add GTM or any tracking code. Hoping someone has some suggestions. Thanks in advance!!
  11. Site URL: https://www.bodyarch.com Hi, I tried adding this iframe code and it's not working. Any ideas on what I can change to have it embedded on my site? Any suggestions would be greatly appreciated! Thanks, Louis <iframe src="https://bodyarchitectnyc.mypthub.net/3/auth/" height="100%" width="100%" frameborder="0" style="min-height: 1000px;"></iframe>
  12. Hey there, I am working on including a Figma prototype with a portal animation around it. I managed to make the portal animation overlap with the Figma iframe. The problem is that I cannot click anything in the interactive prototype, as the image is in the foreground. Do you have any idea how I could make it clickable? Is there a way the click on the image gets ignored and I can directly click on the iframe / interact with the prototype? I don't want the portal animation to be in the background though, as the hard border of the iframe should be covered. Or do you even have a better idea to create such a portal frame? Thank you so much for your help! PS: The portal animation is based on this if you are courious: https://codepen.io/propjockey/pen/vYxraBz?editors=1100
  13. Site URL: https://www.hulajuicebar.co.uk/reservations Does anyone know how to remove the outline in the page here so the page looks seamless? It is an iFrame in a code block and the border="0" so not sure how else to get rid of? Both the iframe and the page have the same colour so without border i was hoping nobody would see the difference. See pic below for what it looks like also Thanks for help!
  14. Site URL: https://lifelab.world/spaces/#Booking Hello my dear Squarespace friends! I am seeking for help and finding a solution for this issue, whenever our ajax loading is enabled the code for the 3rd party booking code is not loading properly, it shows and loads properly only when refreshed. For the meantime, I have disabled the ajax loading so the booking widget code will work easily as a temporary fix. However in the future, I hope I can enable the ajax loading for the website to run smoothly. Also I have already contacted SimplyBookme and was advised that there codes should work properly, I am unsure on where the problem is. Here is the widget code from SimplyBookme: <script src="//widget.simplybook.it/v2/widget/widget.js"></script> <script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/lifelab.simplybook.it","theme":"minimal","theme_settings":{"timeline_show_end_time":"1","timeline_modern_display":"as_slots","hide_company_label":"0","timeline_hide_unavailable":"1","sb_base_color":"#08645d","btn_color_1":"#08645d,#08645d,#08645d","link_color":"#66eeff","display_item_mode":"block","body_bg_color":"#ffffff","dark_font_color":"#08645d","light_font_color":"#ffffff","sb_company_label_color":"#01e3ff","hide_img_mode":"0","sb_busy":"#9bc0bd","sb_available":"#08645d"},"timeline":"modern_week","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script> I really hope there is a solution for this. Please let me know if there are more details needed in order to find out how to fix this. Thank you in advance!
  15. Site URL: https://flounder-synthesizer-bfwt.squarespace.com/vvn-contact-us Hi, So I've been having two issues with iframes and I'm not sure if it's because I missed a step in embedding or so but: 1. https://flounder-synthesizer-bfwt.squarespace.com/classes - The timetable is an iframe embed from Teamup which works fine but it removes the images from the top section. I've isolated the problem to be relating to the iframes where when I don't have the timetable embed, we can see the images for the classes. I've also attached images relating to this with the code and without the code: So I'm not sure what's happening here but I'd like to have the images visible if possible <iframe src="https://teamup.com/ks5vuonmsvms98erth?showProfileAndInfo=0&showSidepanel=1&showAgendaHeader=1&showAgendaDetails=0&showYearViewHeader=1" style="width: 100%; height: 800px; border: 1px solid #cccccc" frameborder="0" /> 2. I have a facebook feed embed on my contact us page: (https://flounder-synthesizer-bfwt.squarespace.com/vvn-contact-us). It appears in edit mode however when I enter the site as a viewer, the feed doesn't appear. Am I doing something wrong here because I'm also really confused here. <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FVovinamAustraliaNSW&tabs=timeline%2C%20messages&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> Appreciate any help! Thank you!
  16. Site URL: https://turbot-crocodile-l45j.squarespace.com/home Hi, I've added an embed block with manual code from tableau to display a bar chart. The chart displays fine in desktop view but in mobile view doesn't resize to fit, displays scroll bars on the x and y axis. site password (text in quotes): '0range.' bar chart set to ‘automatic’ on tableau
  17. Site URL: https://www.encoregroup.aero I'm trying to embed a new job posting board for a client, but I'm getting an error "refused to connect". It's an HTTPS link in the embed code, so that's not the problem. I tried adding this code to the header just in case, but that didn't work either: <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> This is the iframe code I'm using: <iframe src="https://secure4.entertimeonline.com:443/ta/6149039.careers?ShowMap" width="600" height="600"></iframe> I have instructions to add a plugin, but I shouldn't need those if I'm trying to do a simple embed, right? Please help. Karen
  18. Hi there! I've tried everything ...I cannot figure out how to get my embedded google sheet to be responsive. Do any of you fancy coding types have any ideas? I would appreciate your help or even your empathy! <iframe src="https://docs.google.com/document/d/1VouYUL9gPUHsjCvZPwHhZ1JQ8yMhIgTTI6md5Sn-5rE/pub?embedded=true" width="100%" height="2000" frameborder="0" scrolling="no" padding="0" margin= "0"></iframe></div> http://www.ryeeducationfoundation.org (password: ref100) path grants>find your liaison
  19. Site URL: https://www.nyadorned.com/la-appts-original hello! I have a widget used on a page for a booking software that allows clients to make an appointment. I have never been able to get it centered. can anyone help me figure this out? the iframe code is supplied to me by the software: <iframe src="https://newyorkadorned821laartsdistrict.resurva.com/book?embedded=true" name="resurva-frame" frameborder="0" width="450" height="450" style="max-width:100%"></iframe>
  20. Site URL: http://www.smifsc.com/podcast So I'm trying to use an Embed block on a Blog parent page to display the Apple Podcast player. Apple claims on their page "The player is responsive. Its width will automatically expand to fit mobile and desktop layouts." However that doesn't seem to be true on my page. I want the scroll bar to go away and for the div/container to adjust to the size of the embedded content. On mobile it cuts off very small and is unusable. It does the same on desktop but is more usable. I've tried a little code injection in the style sheet but nothing so far has worked. Can someone help this iframe work better on our site? Thank you in advance! The embed code is: <iframe src="https://embed.podcasts.apple.com/us/podcast/in-the-fields/id1588269214?itsct=podcast_box_player&amp;itscg=30200&amp;ls=1&amp;theme=auto" height="450px" frameborder="0" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="autoplay *; encrypted-media *;" style="width: 100%; max-width: 660px; overflow: hidden; border-radius: 10px; background: transparent;"></iframe>
  21. Site URL: https://www.ngoborders.org/blog All, I am using the mapplic map tool kit, and using iFrame to embed it on my client's site. The map directory/files are hosted on https://www.ngoborders.com/ngomap. The iFrame code which is embedded on the live site (https://www.ngoborders.org) is the following: <iframe src="https://www.ngoborders.com/ngomap/" height="650" style="width: 100%; border: none;"></iframe> The code works fine on desktop. It WORKED fine previously on mobile/tablet - but does not work now. I haven't made any changes. The map doesn't work on iPhone or iPad via Safari or Chrome. One thing I just noticed is that when I run Web Inspector on iPhone 13 Pro or my iPad Pro, I get the following: Failed to load resource: The certificate for this server is invalid. You might be connecting to a server that is pretending to be “www.ngoborders.com” which could put your confidential information at risk. https://www.ngoborders.com/ngomap I DON'T get this error when running Web Inspector on Desktop. So why am I getting this ONLY on mobile? I think that's why my map is being blocked on mobile. How can I fix this? The SSL Cert for ngoborders.com is valid... Squarespace displays the map OK in the design portal when you toggle the mobile or tablet display mode. Safari and Chrome on Desktop will show the iFrame if you resize the window to a mobile display. In Chrome's Web Inspector, if you switch it to mobile view, it also shows the iFrame. So, I think either something with iOS or maybe Squarespace? To recap: Desktop (macOS) - works OK Mobile (iPhone 13 Pro iOS 15.0.2) - Does not work Tablet (iPad Pro 11-inch iPadOS 15.0.2) - Does not work Any help would be really great, thank you!
  22. Site URL: https://www.dragonpeakpublishing.com So I'm having trouble getting my site to work through this link. I need this for some promotion that I'll be doing in a few weeks: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe I put in the following: <!DOCTYPE html><html><body><h1>Dragon Peak Publishing</h1><iframe src="https://www.dragonpeakpublishing.com" title="Dragon Peak Publishing"></iframe></body></html> But the preview page isn't working on that site. My understanding is that it's because iframes aren't working on my site. I'm incredibly new at managing a website so I'm not sure where to take it from here and my Googlefu has not gotten me any results that actually fixed things. Anyone have thoughts that they can share on how to get this fixed?
  23. I've tried everything in a code block with this code and it won't connect. We're also the source of the code <iframe src="https://switchback.parableconnect.com/indie-outdoor-locator" title="Indie Outdoor Map" width="1000" height="600" />
  24. Site URL: https://www.thorpe-hall.org/paypalbookingform I have a form built with google apps script: https://script.google.com/a/macros/thorpe-hall.org/s/AKfycbzSjpbW8moBJ75Q82NEux6ezDTbFAEtGIVki4i0PcelrbxjveletfyYtZ1ic9rQ_k-Szg/exec. I would like to display it in a code block as an iframe: eg: <iframe src="https://script.google.com/a/macros/thorpe-hall.org/s/AKfycbywQJsGAqumlhdBvw0AlYy6b2fFfqKy8cn8wgY0FYGCURQZApeVCnU2ZlxiUFyxKaTWAg/exec" > Loading ... </iframe> This displays ok on MS edge and on Chrome but does not display at all in Safari, at least v11. Interestingly, the parent div does display, just not the form. Also, I have another a form, this one created using google forms, and included in a code block as an iframe: <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScBeUGhrtxNNqq4F0FS0dWPwwTFMNAr6llRu-p343dYoWjUcg/viewform?embedded=true" > </iframe> and this DOES display fine in all three browsers mentioned above. so it seems that my safari browser will display an iframe ok, but presumably only if it is setup ok. So my question is what needs to go into the header of my google apps script form to make it display ok.
  25. Site URL: https://opinionx.co I use iframes throughout our Squarespace site to embed interactive product demos, GIFs and videos. On our main landing page (https://opinionx.co), we use an autoplay video with a white background that is intended to blend into the overall site background. For some users, however, Squarespace seems to add a border to 2 of the 4 sides of the iframe. I've tried a few tricks (overflow, frame border) but nothing seems to get rid of it. 4th screenshot is of an embedded stack ranking survey, where the border should all be light grey but that 2 sided dark border pops up again (like on the video iframe). Anyone able to help?
  • Create New...