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

Search the Community

Showing results for tags 'embed'.

  • 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.thebeautifulproject.org/about-our-programs Hello! I have been running into an issue with an image I embedded onto a page. The reason the image is embedded to start with is because it's an image map and I want people to be able to click the elements on our map to learn more about them. I'm able to see the image map fine on desktop, but on the mobile site, the image seems to be overflowing and creating a much wider page than I desire. I would love if someone could help me with some code to keep the image within the container on mobile by putting the image into a horizontal scroll. I don't desire to make the image smaller, I just want to put the image map in a scroll container to keep the normal width of the mobile site. I would also love a scrollbar for people to see. Below is the code for the image map I have placed into the embed block. <!-- Image Map Generated by http://www.image-map.net/ --> <img src="http://thebeautifulproject.org/s/PROGRAM-PIPELINE-medium-1476-750-px.png" usemap="#image-map"> <map name="image-map"> <area target="_blank" alt="Black Girl Imagemaker Workshop" title="Black Girl Imagemaker Workshop" href="https://thebeautifulproject.org/black-girl-imagemaker-workshop" coords="188,227,429,252" shape="rect"> </map> Thank you to anyone that can help!
  2. Site URL: https://www.rootsandbranches.center/ https://www.rootsandbranches.center/ Hi, I've embedded a contact form from HoneyBook (3rd party). But it is so long! I'd like to condense the space it uses and instead be able to scroll within the section. If that's not possible, then I'd like the section to open like an accordion. Is there a way to do either one? I just don't want the form to monopolize the whole page and make it annoying to get to the rest of the content. Thanks!
  3. Hi all, I would like to embed a Google Doc onto the site. However, when I do, the sizing of the embed frame is standard (small) and has vertical sliders. I could use custom CSS to set a custom height and width, but the document changes every week and may be longer or shorter. How do I add a Google Doc onto the site in its full size without cropping or extra white space? Also, the site admin will be handed over eventually to users who do not know CSS, so simplicity in embedding would be preferable. Kindly, Bryn
  4. I'm working on a website that contains games using embeds, Is there a way to add a button that will fullscreen the embeds? I'm new to squarespace and have been searching everywhere.
  5. Site URL: https://nectarine-oboe-kme5.squarespace.com/ Hi there I am trying to autoplay the video below from Vimeo on my page. On home, the background video in the header works like a charm, but later the next video above the headline motions, does not work. https://nectarine-oboe-kme5.squarespace.com/ PW: orneverornow I adjusted the code, but i can't find why it is not autoplaying on the site. Can anyone please help mit with this? Here the code: <iframe src="https://player.vimeo.com/video/330769192?autoplay=1&loop=1&color=EEEDEB&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> Many thanks! Sibylle
  6. Hi Paul, I see you offered to help in regards to the embed code. I have a similar problem. If I add and embed block with Iframe with either Link or code snippet it breaks the whole page. This is the link to the actual page: https://ala-turka.co.uk/westgate-reservation Thisis the code I am trying to embed. <div class "reservation"> <iframe class="reservationresp" src="https://app.rightreservation.co.uk/apps/reservation/12/step1" style=" border-width:0" "width="800" height="600" frameborder="0" scrolling="no" max-width: 100% </iframe></div>
  7. Any news? I have a similar issue where my embedded code is breaking the whole page.
  8. Hi, Revolut has two merchant/payment solutions - one that uses their API for checkout and another standalone payment page that typically follows the URL format of http://revolut.me/company-name. I would like to embed the standalone payment page onto a page on my SP website, however, for some reason, it will not show the webpage. I have tried an iFrame code via both the "embed" and the "code" blocks. Does anyone know how best to do this?
  9. Site URL: http://mamayouredoinggreat.com I am trying to add my Podcast Episode Player from Buzzsprout to my SS Website. Nothing is showing up, besides Script Disabled. Can someone help me please
  10. 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
  11. Site URL: https://noahbradley.co/relocation-needs-assessment Hi guys, I'm trying to embed a Google Form in my squarespace 7.1 website, and I want to use Formfacade (an application) to change the UI of the Google Form to more closely resemble the rest of my site. The challenge I'm running into is that when I inject the code provided by Google Forms along with the Formfacade code, I end up with the same form stacked on top of itself with slightly different UI. I can't seem to figure out how to remove the Google Form UI without losing the form altogether. Here is the code I've been using: GOOGLE FORM CODE: <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc44AKXEA0BAcaHhXTKJKZGExOLSAQFWZ5rl7CmMlq5FFKVog/viewform?embedded=true" width="640" height="2874" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe> FORM FACADE (for UI change): <div id="ff-compose"></div> <script async defer src="https://formfacade.com/include/117810028899107903567/form/1FAIpQLSc44AKXEA0BAcaHhXTKJKZGExOLSAQFWZ5rl7CmMlq5FFKVog/squarespace.js?div=ff-compose"></script> Please don't hesitate to send any follow up questions if you have them. I appreciate any help/advice I can get.
  12. Site URL: https://baycove.squarespace.com/donate Hi! I'm currently moving an existing Squarespace 7.0 site to the new 7.1 platform (no fluid engine). I have tested the embed code on the existing site and it shows up (code block / HTML): https://www.baycovehumanservices.org/new-page-58 However, on the new site all I see is this error message: https://baycove.squarespace.com/donate Pass: GoBayCove Is the source of this error inside Squarespace? I have tried using different block types and settings and can't find something that works. Halp! 🤪 Thanks, Victoria --- Code: <div id="bbox-root"></div> <script type="text/javascript"> window.bboxInit = function () { bbox.showForm('a77c6800-3d7e-4355-a5b0-71b9f30eca69'); }; (function () { var e = document.createElement('script'); e.async = true; e.src = 'https://bbox.blackbaudhosting.com/webforms/bbox-min.js'; document.getElementsByTagName('head')[0].appendChild(e); } ()); </script> <div id="bbox-root"></div> <script type="text/javascript"> window.bboxInit = function () { bbox.showForm('a77c6800-3d7e-4355-a5b0-71b9f30eca69'); }; (function () { var e = document.createElement('script'); e.async = true; e.src = 'https://bbox.blackbaudhosting.com/webforms/bbox-min.js'; document.getElementsByTagName('head')[0].appendChild(e); } ()); </script>
  13. Hi, I want to embed an audio file that opens in the same window on my mobile device when I click to play it. The Soundclock block allows this but I don't want to use Soundcloud. Uploading a file or linking to an external means the file has to be opened in a separate window on my mobile to play it. Do you recommend another type of block that would allow me to play an audio file in the same window, and not open to a new window? Thank you.
  14. Site URL: https://apricots-lute-8dbz.squarespace.com/config/pages Hi I'm having issue of adding Twitch Chat Embed. Is there a way to make it work or an alternative to make it function. I'm new here and apologies if this has been address. Thanks !
  15. Site URL: https://www.criticalzoneobservatory.com/ I'm trying to find a way of embedding into my squarespace, live data from my personal weather station that is displayed on the Weather Underground site.
  16. I’m working on a website for a school. They plan on having a reading campaign, and would like to keep a running count of the amount of pages read by everyone (trying to goal of 1M pages). Collecting the name, grade, book title and # of pages read. The closest comp I can think of would be like a capital campaign where donations are tracked, but the overall total collected is displayed live on the site. Are there resources, forms, web services, etc. anyone can recommend/refer to achieve this goal - displaying the running total from a submitted form?
  17. Site URL: https://www.elvarsmari.is/otl I've noticed that the Spotify widget cuts out the bottom when scaling. I've tried this on multiple devices and browsers and it's the same everywhere. Is there any custom CSS I can add to prevent this?
  18. 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.
  19. 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!
  20. Site URL: https://www.clipsk.com/test I'm trying to embed or upload videos displayed in vertical / 9:16 aspect ratio but I can't find a way to make it work. The video block always shows up in standard widescreen format. If I use an embed block and define aspect ratio in pixels in the embed code, the video flows outside of the container/block. https://www.clipsk.com/test
  21. Site URL: https://lashappealsouthlake.squarespace.com/book I've added my scheduling software via Square through the embed functionality. It works perfectly, but I dislike the small logo that appears at the top of the widget. Any advice on how to eliminate just that part? Here's the code I embedded: <!-- Start Square Appointments Embed Code --><script src='https://square.site/appointments/buyer/widget/6mhg388g4cqx0q/LFEKNNDZQKZCG.js'></script><!-- End Square Appointments Embed Code -->
  22. Hello, Since it doesn't seem possible to embed PDF files in Squarespace, is it possible to place an image and click on it to enlarge it? Or I would like to be able to download the document as a PDF file since it contains a lot of information. I referred to the following site, but unfortunately, I could not find where the "Design tab" is located. https://www.samchowdesigns.com/blog/how-to-embed-pdf-on-squarespace-tutorial Any good advice would be appreciated. FY
  23. 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/
  24. Hi, a client wants an app loaded onto their landing page. I found an app, but how is it done (their site isn't published yet)? Thanks, Stephanie
  25. Site URL: https://www.jasonfinkphotography.com/shop-jason-fink-fine-art-prints-copy <div class="iframe-container"> <iframe style="width:100%;padding:20px;max-width:1400px;min-height:1000px;" src="https://www.pictorem.com/gallery/Jason.Fink.Photography" allowfullscreen frameborder=0 style="border-width:0px;"></iframe> </div> Ok, so that's the code Pictorem.com provided to add my Pictorem storefront into my website. As you can see on the page provided, the storefront is very small and not functional at all. Nothing I change in the embed code's style settings regarding the width or height seems to make a difference. I'm wondering if I need to add some CSS code for the iframe-container class, but not sure where to start. Any help would be appreciated. EDIT: OK, I think I got this. I had to create a new class inside the iframe tag. Called it "mystorefront", then used this CSS. For some reason, the style attributes inside the iframe tag were not taking. .mystorefront { width: 100%; max-width: 1400px; min-height: 1000px; padding: 20px; border-width: 0px; }
  • Create New...