Jump to content

Search the Community

Showing results for tags 'iframe'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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://robinleechrealestate.com Hello All, I have not used the forum before, so please correct me if I am incorrect in using. My problem is a real estate website if have built with version 7.0, the Five template. The site is https://www.robinleechrealestate.com. or https://blenny-chicory-ad3h.squarespace.com/config/pages When I open the MLS-Search page and copy the link sent to me from the MLS service, the page does not expand due too the use of iframes. Has anyone else have this problem? I have tried to change the size (height and width) but that did not work, thought a <div> </div> might work, but no good. All I want to do is fit the screen/form on the page in full view with the link of to the mls when hitting the button on the form. Really could use some direction. Thanks Jill Hoben/Grasshopper
  2. Hi, I am trying to use our own little app snippet in a .html file from an iframe in a code block. I have this file on squarespace: https://metaversewebshowcase.squarespace.com/s/showcase.html but when I try to use it from a code block as <iframe src="https://metaversewebshowcase.squarespace.com/s/showcase.html"/> I get this. If I open the URL directly in the browser, it simply downloads the file but not open it, so I suspect that there is a content-type is not properly set, or maybe the download attribute is attached for some reason. Changing "Open in a new Window" switch does not affect it. Can somebody shed light on this, and perhaps tell me how to make the .html file usable as the src of iframe?
  3. I used an embed block to add an iframe code, this one: <iframe src="https://www.solcellekraft.no/whitelabel/eb8c647b-ce20-4e5e-9918-1cb7d5c2a92b" style="border-width:0" allowtransparency="true"></iframe> But I cannot manage to change the size of the window? Any idea? Thanks
  4. We have an iFrame coming from our digital menu program. We need to rotate it 90 degrees, but can't figure out how. I've found a ton of potential solutions online, but none of them are working. Any suggestions? Here's the iFrame code in there now: <iframe src="https://virtualscreen.optisigns.com/#VTJGc2RHVmtYMTliSUo2Z21nMHRzWHNJazJyMHV1YTFseklZUXFaUVVnb24wb2tOQ3I1RkRKMWFZTDF0UWJENytaMVQrM2ZTYnJDVWFmTjFoUFZYc1E9PQ==" height="100%" width="100%" style="height:100%;width:100%"></iframe> Thanks!
  5. Hello! I'm trying to have this fun toy I made in Cables.gl fill the entirety of a section for the home page of my site. The goal is for it to fill the screen entirely underneath the header and above the footer. This is the page I want to add it to: https://dampwetbody.xyz/home This is the thing I am trying to add https://cables.gl/p/rZqwDb Using this embed code: <iframe style="width:640px;height:480px;border:0px;" src="https://cables.gl/view/630c2964975b8e86b85d8623"></iframe> I have changed the width and height values, but once it reaches 100% width it becomes thin and the height value seems to not change anything. I have limited experience with custom css and html so any help would be greatly appreciated! Thanks!
  6. Site URL: https://www.enki-verse.com/ I have embeded an src (as I don't have a commercial account I cant use iframes) to have a panorama gallery on my site using this code: <body> <center> <embed src="https://app.lapentor.com/sphere/enkiverse" onload="this.width=screen.width;this.height=screen.height-100;" style="border:none;" > </center> </body> it works well however I can't stop the page jumping down to this frame when the page loads. I cant use the inject code function as I don't have a commercial account. I can add to css or change the src code though. can anyone help?
  7. The content inside the iframe embed player from Bandcamp automatically aligns left. I am trying to align it center, and can't seem to figure it out. All help is appreciated!
  8. Hello! I want to solve the following task. I have an external website that I created as an art piece and it was hosted by Gator Host. Now I only want to use Squarespace but this one page website is an art piece that I want to display as part of my art protfolio. I have the code, which I can share, and I want to figure a way to do this. I read that using iframe could solve this, but I am not very good with code and I am unable to figure this out. If anyone can help I will be very thankful. I almost forgot, the site has images and gifs as part of the art piece. So... this needs to be taken into consideration. Thanks and have a great day.
  9. Site URL: http://www.residential-estates.co.uk/the-met-v3-test Hi Squarespace gods, I'm looking to fix the position of the Jotform iframe so that its always in the same position as users scroll and I really cant work it out. it's currently top right and I'd like it to stay fixed there as people scroll. Could you help at all? thanks in advance.
  10. Site URL: https://dodenhof.de/posthausen/service/terminvereinbarung/brautmoden-beratung/ We use the Acuity Scheduling iframe e.g. at https://dodenhof.de/posthausen/service/terminvereinbarung/brautmoden-beratung/. We would like to track conversions and found https://support.squarespace.com/hc/en-us/articles/4410642724365#toc-technical-details. To have some reliable conversion tracking, we would like to publish a conversion message to the outer parent frame, so that it can be picked up from there and e.g. forwarded to Google Tag Manager. By doing that, we would act in first party context and tracking would be more reliable compared to cross domain solutions.. I embedded some code in the "Custom Conversion Tracking" integration, but it seems there is not chance to communicate with the outer parent frame (our original website), or am I doing something wrong?
  11. Site URL: https://www.bouldersgym.com/signinwaiver Hi, We use a POS system that integrates into our site using an Iframe. Unfortunately the iframe works well on the desktop version but on mobile fails to be properly responsive. Any tips?
  12. Site URL: https://icosahedron-scarlet-msw3.squarespace.com/about Hi there, I recently signed up to Filecamp ( similar to Dropbox) and would like to embed the folders/files into the website I am currently building. I have followed this article, provided by Filecamp, which uses a code block and iFrame to embed the content, but it doesn't seem to want to fit the full width of the screen – see screenshot attached. Below is the code I used from the article and I have attached some screenshots to show how it looks. I am not even sure if it shows in the live site, when logging in using the password. Website: https://icosahedron-scarlet-msw3.squarespace.com/about PW: Artcoustic <iframe <iframe src="https://artcoustic.filecamp.com/fo/sN4QCwg6Eut2SWcE"= height="900" allowfullscreen webkitallowfullscreen msallowfullscreen> </iframe> Any help would be much appreciated. Thanks, Sam
  13. Site URL: https://www.deliverygroup.ca/delivery-group-job-board Does Squarespace not allow iFrames anymore?? This site has been live and working fine for months. And up until a few days ago this particular page (https://www.deliverygroup.ca/delivery-group-job-board) was working fine. Now the entire page is blank. I've tried rebuilding the page, but the same thing happens. The editor will recognize the iFrame and display it when in editing mode, but as soon as I publish it, the entire page goes blank, including the header / nav etc. I've also tried added an iFrame to a preexisting page and the same thing happens. Totally blank. Here is the iframe: <iframe src="https://jobs.deliverygroup.ca/JobSearch.aspx" width="100%" height="4000" frameborder="0" > I've also tried adding an iFrame to another one of my Squarespace websites, and the same thing happens. Any suggestions?
  14. Site URL: https://www.environmentaltradingedge.com/results 3/4 of my page content only shows up while I'm in editing mode, but isn't visible as soon as I save it. I contacted customer service, and they tested it and said that it's from my scripts not working correctly. Here is the code used, to embed a google sheet: <iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSH0hvFSorcppQQKRDnAvVTm4ma14059yStuGBZ7n2jxI9T_j67R-dAxOfhlBerXhLDrWYb83o_n9Mq/pubhtml?gid=1654491915&amp;single=true&amp;widget=true&amp;headers=false" height="300px" Width="100%"</iframe> Anyone familiar with a workaround so that we can display the sheet but also have the rest of the text and images show up? (Only some of them disappear. Some still show up...?) Attached are the files of what all should show up but doesn't.
  15. Site URL: https://celery-prism-5xaj.squarespace.com/ I am using code blocks to create iframe links on pages on my site but I need to create different ones for each page. So I need to create the code for 50 blocks. The frustrating thing is that the code only has a couple of changes. I am looking for a fast way of merging data from say a css file to populate a couple lines of code, without having to manually cut and paste it. Here is the code <div class="thumbs"> <h2>Marc Jacobs</h2> </div> <div style="padding:56.25% 0 0 0;position:relative;"> </div> <div class="overlayY"> <iframe src="https://player.vimeo.com/video/710075358?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </div> The only bits I want to change are the bits in orange. I already have all the variations in a spreadsheet. I imagine the solution isn't in SquareSpace but is some sort of find/ replace in a text editor. Any suggestions?
  16. I try to Display a external Website with iFrame, but just the Top of the Website is seen. Here the iFrame code i'm using: <body style="margin:0px;padding:0px;overflow:hidden"> <iframe src="https://iq.isogon.com/Web.Web/" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe> </body> Here the result, but i would like to see the full height of the page not just to full width.
  17. Site URL: https://skithefifty.com This iframe code <iframe src="https://www.bivy.com/adventures/us/utah/cold-fusion-couloir-5286725048860672?framed=true" style="width:100%;height:500px”/> in both embed and code blocks causes the site navigation bar to not appear on the site page ( on desktop and eliminates the nav hamburger on mobile) and causes any other blocks on the page below it not to appear. The block with the code does appear. Page with iframe block problems: https://skithefifty.com/cold-fusion Similar page with no iframe block and no problems: https://skithefifty.com/grand-teton Any suggestions on what the issue is?
  18. Site URL: https://skylabnyc.com/ So, before I posted this I did research on it in the Squarespace forums. But, I'm no coder so I just wanted some clarification on what I read. I wanted to put this code into my site (i have a live commerce site). It's a discord chat window I wanted to try out, the code is this: <iframe src="https://discord.com/widget?id=880540850617196594&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe> When I put that into an embed block under code snippet nothing comes up. It's a blank box. When I try a code block nothing shows up. Is this because my site is on HTTPS and that is protecting me from putting in code that someone could use to hack into? If I were to lower my site security would this then work? If this is the case, is there no way to use a Discord chat window with HTTPS? Any help would be appreciated, thanks everyone!
  19. Site URL: https://www.tradingview.com/chart/lblmvMdp/ How can I embed the below website to view in my squarespace site without opening a new browser tab? I tried an iframe generator and it comes up in squarespace as connection refused. https://www.tradingview.com/chart/lblmvMdp/
  20. Site URL: https://heidiandscott.squarespace.com/ I am trying to embed the following on my site: <iframe src="https://www.online-rsvp.com/event/index.php?event_id=4982&embed=1&token=b3fc3df4027237dc117fd5f5ba582986" style="min-height:800px; width:100%; border:none" title="Online-RSVP.com event" onload="this.style.height=(this.contentWindow.document.body.scrollHeight+20)+'px';"></iframe> The form is dynamic and the height is variable based on what is entered. Type "Joe Smith" into the first and last name fields. I've tried adjusting the height to 1500px which gets the job done (no scroll bar) but it's not elegant as it leaves the too much empty space. Once the form is submitted, the content shrinks to ~300px and you won't be able to see the "Success" message unless you scroll all the way back up. I've tried using CSS to create a responsive container, like this: https://blog.theodo.com/2018/01/responsive-iframes-css-trick/ But the content still gets cut off and the scroll is enabled. Any suggestions to have the iframe increase and decrease in height as the form is filled out? Thanks in advance!
  21. Site URL: https://www.viptransferts.com/booking Site URL: https://www.viptransferts.com/booking Hi, I'm very new to coding so please keep that in mind. 🙂 I created an Iframe for my booking manager and it works fine on mobile and desktop in terms of the scaling except for one thing. To make a comfortable viewing experience on my mobile version I had to add padding in my css code. But now on my desktop version the bottom of the frame is way too low. And vice versa when I try to make it look nore natural on desktop it scrunches up my mobile version to a point that it isn't usable. I appreciate any help you can give me. Thank you for your time. My css code .resp-container { position: relative; overflow: hidden; padding-top: 180%; } .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } my Html code <div class="resp-container"; style="overflow: hidden; margin-top: -500px; margin-left: 0; left: 0px;"> <iframe class="resp-iframe" src="https://order.yourdriverapp.com/en/62f4bbbc936362372d91a8e7" gesture="media" scrolling="yes" height="1000" width="600" frameBorder="0" allow="encrypted-media" allowfullscreen></iframe> </div> What it looks like on desktop
  22. Site URL: https://neighbor.study/home-footer-issue When I embed the iframe, the footer on the page disappears. The iframe is a landing page from iContact and is the newsletter signup at the bottom. The code snippet for the embed is: <iframe style="width:100%; height:339px; border:0;" scrolling="no" src="https://3b584-572b.icpage.net/wimn-tms-newsletter-signup"/> (I had to set the height because otherwise it wouldn't show the whole thing, and I added the no scrolling because it was adding a few pixels to scroll at large browser window sizes--taking those off didn't change the footer issue) This might be something I need to reach out to iContact about, but you all will have the best perspective here.
  23. Site URL: https://www.hotelarcadiaflorence.com/prova5 Hello, Can i receive some help with this code block? i would like to remove the white space marked with purple. Thanks
  24. Site URL: https://rtsp.me/embed/D99A87YY/ Hello! I'm trying to get this livestream embedded on a site for a client before they little birdies fly away. I've tried using iframe code on the 14-day premium trial, to no avail, so I'm not sure if I should upgrade to to the business or commerce plans because it didn't work on the premium trial. Any help or suggestions would be appreciated! Thank you 🙂
  25. Site URL: https://finch-stingray-xe7m.squarespace.com/werkgebied My page can be viewed using this password: clogs Hi, I am trying to show a Google MyMaps iframe to load in responsive view. It should be at 100% width on both desktop and mobile view, but it is failing to do so. The code I injected is from this tutorial: https://www.w3schools.com/howto/howto_css_responsive_iframes.asp This is the code I used in the code-block: <div class="container"> <iframe class="responsive-iframe" src="https://www.google.com/maps/d/embed?mid=1z5TX60I4DPiRlBfMpn16J2iNhscPWlI&ehbc=2E312F"></iframe> </div> And this in the Custom CSS: /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ .container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } /* Then style the iframe to fit in the container div with full height and width */ .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } I am no coder myself, so I followed the tutorial, but perhaps I need to set the CSS classes different for SQSP. never understand how this works for SQSP. Hopefully there is a CSS guru who know what I need to do to make it work. 😏 Thanks in advance! 🙏 Cheers, Steven
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.