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

Search the Community

Showing results for tags 'embed'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 127 results

  1. Hello, I am having trouble fine-tuning my responsive container-embedded Facebook Feed. I am using the Impact (Brine) template on Squarespace. Problem: I want to make the container/feed both wider and taller on desktop view, but let it shrink responsively for smaller screens, tablets, and mobile devices. So far I have not been able to quite figure out how to both make it larger where I want it AND make it smaller where I want it without funky hidden overflow problems. Can anyone point me in the right direction? Thanks!! Vanessa Here is the page in question: https://www.oldgrowthforest.com/latest-news. Here is the code block code I have on that page: 1 <center>2 <div id="fb-root"></div>3 <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3"></script>4 <div class="resp-container-fb">5 <div class="resp-facebook">6 7 8 <div class="fb-page" data-href="https://www.facebook.com/oldgrowthforestnetwork/" data-tabs="timeline" data-width="" data-height="1000" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/oldgrowthforestnetwork/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/oldgrowthforestnetwork/">Old Growth Forest Network</a></blockquote></div>9 </div>10 </div>11 </center> and here is the Custom CSS I have added regarding my container: 1 .resp-container-fb {2 position: relative;3 overflow: hidden;4 padding-top: 150%;5 }6 7 .resp-facebook {8 position: absolute;9 top: 0;10 left: 0;11 width: 100%;12 height: 100%;13 border: 0;14 15 } Sorry, I am also having trouble displaying this code properly!
  2. We have been using Issuu to embed .pdf files on our site (we are a cafe so use this functionality for menus and brochures). Up to this point this has been part of Issuu's free subscription package. We have recently been told by Issuu that this plan will soon no longer be available and the cheapest plan that will enable us to continue to embed pdf files on our site is $420 per year, which is almost double what we're paying for the rest of our website! Is there another way to embed pdf files on Squarespace so that they display as visitors are scrolling through the site? I know you can just link to the files but this means that people need to click the link to view the document. We would sorely miss this functionality but are not willing to pay so much to keep it. Thanks in advance for any help or advice!
  3. Hi Again, Final post for this: Seeking a solution to a placement issue I'm having with the youtube embed on my homepage, being slightly off from touching the left-side of container wall. This issue is specifically for mobile and ipad (not desktop). If anyone has a code for moving the video embed over a tiny bit, so it's touching the left-container wall (and adding a little more room on the right side) I would be eternally grateful! https://followmyth.squarespace.compw: jpsmithx Thank you,Brian
  4. Hello Again, I'm trying to elevate our front page a bit, with a customizable css text for fitting the entire container with no pad for mobile. Additionally, if there is also any additional way to customize the video embed for desktop view as well, that would be hugely appreciated! Account is https://followmyth.squarespace.compw: jpsmithx Thank you,Brian
  5. Hey guys, I'm trying to embed my Hubspot Form into a Squarespace page, however it won't centre align. I've tried a couple of codes and also blocks but cannot get the outcome I'm looking for. I've posted some screenshots below. Please advise if you know how to help with this.
  6. I recently added a code block to the top of select sections in my Mojave template in order to add a "section" to my primary navigation menu. I'm using only one index page and multiple sections to create a long scrolling website. The issue I have is that the code is visible on the pages and I want to hide it. How can I do this? PS:making the body text overlay transparent would work; however, it also makes the body text on other pages transparent which I do not want to happen. Perhaps a CSS to make body overlay transparent on select pages only? Please help.
  7. Hello all, I am trying to embed a link to a google sheet on one of my pages to allow live viewing of updated to the document. Creating and linking to the google sheet went exactly as it is supposed to, except that the embedded block is so tiny as to be useless. I cannot for the life of me determine how to resize the embed block. There seems to be no option while in edit mode on block or page. Any thoughts? M
  8. I have currently embedded a video from Vimeo within a blank project block.Using the Vimeo code (provided below), I have stripped back the titling and captions off but I have noticed a hairline border on my video content, which I would like not to be visible. I have uploaded the code copied from Vimeo and a screenshot of what I mean.Any suggestions in a (dumbed down / less technical) language would be greatly appreciated! Code:
  9. Hi everyone, I've scoured the forums trying to find a solution to my problem. Here's the sample page I'm working on: https://www.mydryeyedata.org/symptoms-list/how-it-started I'm trying to embed an iframe element on my site (on a blog post, actually). I created a survey and want to have a blog post for summary data of each question, which is accessible by an embeddable link provided by the survey platform, which should go to this page: https://www.questionpro.com/t/ZRhJQhZGgEqYG. <iframe src='https://www.questionpro.com/t/ZRhJQhZGgEqYF' width='100%' height='600' frameBorder='0'></iframe> When I'm editing in Safari or in a private tab, I just see empty boxes. I tried chrome and once I allowed unsafe elements I got the grey frowny face saying "www.questionpro.com refused to connect". I've contacted them about why their embed isn't working, but I haven't ruled out that this is a Squarespace issue. Things I've tried: I know the url is https Putting the above code into a code block doesn't work; frowny face. Putting the url in an embed block says it's not valid. Using specific code in the embed block and adding custom CSS also doesn't work; small box and frowny face. I tried the following per a few help articles (e.g. https://answers.squarespace.com/questions/69710/why-cant-i-interact-with-iframe-content.html) Code in embed block (grey < / >): <div style="text-align: center; -webkit-overflow-scrolling: touch; overflow: auto;"> <iframe src="https://www.questionpro.com/t/ZRhJQhZGgEqYG"></iframe> </div> Custom CSS: (is height: 100% valid? I'm embedding like 100 iframes on my site, and some are a lot taller than 600px. I could also choose some random value) my-iframe iframe { height: 100%; width: 100%; margin: 0; padding: 0; border-style: none; /* to ensure proper scrolling and overflow handling on mobile devices, put this styling in a div wrapper around the iframe because it's unreliable in css: -webkit-overflow-scrolling: touch; overflow: auto; */ } Since chrome says www.questionpro.com refuses to connect, I've contacted them. I'm not sure if they'll be able to solve anything or if this is a square space issue. Btw when I put the embed code provided into something like https://html5-editor.net/ it also doesn't work, leading me to think that it's a QuestionPro problem. @alxfyv @Jay Wilson Jr @raptra @alxfyv Thanks in advance, I'll be sure to provide updates and let everyone know what worked.
  10. The point is that i'm on the french site Doctolib and I guess i can include an appointment scheduling module on it. But i have no idea about the code i have to use for it. Could you help me ?Thanks
  11. I've embedded a Google Form using a code block and it looks great on desktop, but isn't responsive on mobile. I've tried changing the width to (width="100%") but it doesn't change anything. It's frustrating because my squarespace site and the google form are both responsive on their own, but having it embedded isn't. Any help would be greatly appreciated. Thanks!
  12. Is there a way to add a map on a page that is capable of having multiple pins? I am building a webpage for a construction company with many locations in a region. I would like a map that can show all of the locations.
  13. I am trying to embed my redbubble portfolio/shop onto my website but I cannot get it to work. Do I use embed or code block for this? The code is <script type="text/javascript" src="http://www.redbubble.com/assets/external_portfolio.js"></script><script id="rb-xzfcxvzx" type="text/javascript">new RBExternalPortfolio('www.redbubble.com', 'joshkoz', 5, 2).renderIframe();</script>
  14. I am trying to use an embed block on my Squarespace site to display the following iframe on a page (content from National Public Radio): <iframe src="http://www.npr.org/player/embed/455912166/456523060" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe> When I test this iframe code in an HTML code tester such as CSG it works fine. When I attempt to put the code in an embed block using the "embed data" field (not the URL field), the block displays a pixelated sad face page icon. When I attempt to put the code in a code block instead of an embed block, I get the same result. I have tried following the instructions in this Squarespace forum post with no luck. Does anyone have any idea why this iframe code won't work with Squarespace, or ideas on how I could make it work? I am not a developer but have a somewhat technical background. Thanks in advance! Cheers.
  15. I have searched and tried many options to upload and display and PDF on Squarespace and nothing works for me. I get the part on how to upload the pdf into Squarespace (add a text, link, upload file) and then everyone says the file is in /s/myfile.pdf Then, I don't know what to do. Some use a code, others CSS but I can't get it right either way.. I don't know code and I'm stuck on how to display it. I don't the link to open a new window with the pdf, or download it. I want to see it on my website Thank you for your help!
  16. I am building a new website for my company - an international wine importer and distributor. We want to include a list of the wineries we work with and thought it would be cool to map each winery. I'd like to have a beautiful map of certain countries in Europe (more like an outline than something like google maps) and have each of the wineries mapped to their location. When you hover over each icon or whatever, I'd like to have something pop up and embed a link to their website in it. I was thinking maybe I could just find the type of map I want and include it as a photo then build the interactive elements on top of it? I have access to the Adobe Creative Suite as well so I could do portions in that. If you can't already tell, I have no idea what I am doing. I am a quick learner though and if I could just find some tutorials or resources, I feel like I could figure out how to do it. I don't even know what to look for though and I'm not sure if this is something that is possible in squarespace. So can this be done? If so, any resources or information you could provide would be greatly appreciated. Thank you!! Jackie
  17. 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.
  18. I'm having a problem which is that I'm embedding Google Virtual Tours on a site using iframe. The code i'm injecting is: <iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sen!2sus!4v1447169016528!6m8!1m7!1sxX2fR-HjZPkAAAQfDooE2Q!2m2!1d34.42847716472259!2d-119.7117533932088!3f235.49602003921478!4f-17.12773475960914!5f0.7820865974627469" width="450" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> The issue is that it shows up fine on computers, but it stretches out the screen on mobile sites so the iframe fits the screen width but the content is very small aligned to left. If there is a way to resize it for mobile, then great! If not, then hiding the block or virtual tour for mobile will be sufficient. I don't know a whole lot about coding, but I have done some css edits. I have located the block id too: id="block-d38e32a1b7c667b130a0 Any help is much appreciated
  19. I have the actual html from Google, but I'm not sure where to put it once in Squarespace.
  20. Facebook supplies me with 2 code chunks. It says the first should be ideally after the opening body tag: <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> and the second should be wherever I want the plugin: <div class="fb-page" data-href="https://www.facebook.com/la-pompe-jazz" data-tabs="timeline" data-width="500" data-height="700" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/la-pompe-jazz"><a href="https://www.facebook.com/la-pompe-jazz">La Pompe Jazz</a></blockquote></div></div> I put the latter chunk in a "code block" on my page. This doesn't work no matter if I put the first chunk in the "code block" with the latter, nor if I embed that code in the header. Does anyone know how to actually get this plugin to work?
  21. Hi all! I'm trying to embed some code from Society6 to display prints for sale on my Squarespace site. The code: <script type="text/javascript"><!-- s6_user = "mattmatthew"; s6_format = "300x250"; //--></script> <script type="text/javascript" src="http://society6.com/js/show_banner.js"> </script> I'm having some issues getting it to show. I've attempted to use both the code block and embed block features, but with no luck. Can anyone offer some advice to address this problem? Aloha,Matt
  22. Hello! I've been trying to embed a Google map with many locations using the code block and have been unsuccessful. Here's what I'm trying: <iframe src="https://www.google.com/maps/d/edit?mid=zQt4MNbEpF4I.kekuMUBw0-DM&usp=sharing" width="640" height="480"></iframe> The URL I use is the one provided when I ask to share the map. I've also tried adding the actual URL of the map: https://www.google.com/maps/d/u/0/edit?hl=en&authuser=0&mid=zQt4MNbEpF4I.kekuMUBw0-DM So far neither of these URLs will work. I end up with a large blank frame. Anyone know how to get the display working? Thanks!
  23. Hi, please take a look at this page: http://www.telefinans.no How would you solve the "dynamic form"? Its a loan calculator, and its the only thing that keeps the client away from using Squarespace. Any tips on good "form-builder tools"? Regards, Tor Martin
  24. I’ve found code to embed an entire YouTube channel rather than individual videos on to a webpage. I’ve not been able to figure out if it is possible to embed my YouTube channel in to Squarespace page, how would I do it?
  25. I’m trying to get the below iframe html code to embed on my site and can’t get it to display, I just get the pixilated sad-face image. I have tried to embed it via the embed link as well as via the code box. Any ideas? Any help would be greatly appreciated. <iframe src="http://files.flipsnack.com/iframe/embed.html?hash=ftc9atkz0&wmode=transparent&t=1419311310" width="100%" height="100%" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
×
×
  • Create New...