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

Search the Community

Showing results for tags 'javascript'.

  • 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
  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.onekindcreative.com/podcast/katrinahopper How do I add Banner header image to an individual blog post? I want the header background image to be what I upload to the social media image for each blog post. I came across this on youtube: Unfortunately, his code and solution is for squarespace 7.1, and I am on 7.0. I attached examples of what I want it to look like for both desktop and mobile. Thank you for helping.
  2. Site URL: https://www.liiingo.com/thank-you I have created a form in ClickUp that is supposed to be embedded via an iframe. When I put the code in as an HTML code block, I can see the instructions of the form when editing, then I get a Script Disabled message (which, from what I can tell, is standard protocol when in edit mode). When I go to the live page, the form instructions show; however, none of the fields show. It only displays instructions and the submit button. The form URL is being served over https. I'm not seeing any error messages in the developer console when I
  3. Hello I gave Squarespace a shot yesterday as I think I want to use their services to build a website for once. I know my way around HTML, CSS, JS since 10y but wanted to know how fast I could spin off a nice website. After tweaking the Pages and Headers and a bit CSS to hide certain elements with an ease, I wanted to make the Page-Logo animated on scroll to give it more motion. I searched and found some samples, but none worked when pasting them into the Setting>Advanced>Inject Section. Then I read that I can not use JS on a beginner plan? Is my ride after only one
  4. Site URL: https://www.animatedcompany.com/ If anyone knows how to do this, I'd be super grateful for your help as I've looked this up on multiple forums and haven't found anything. I'm not much of a coder so I'm at a loss on how to solve this issue on my own. I have a gallery with images that currently animate when the mouse rolls over them. Right now when the mouse rolls over the image the image is replaced with an animated gif, which I've uploaded to an unlinked page on the site and referenced in the code. However, I've realized that the gifs are too large in size and therefore they d
  5. Site URL: https://www.adriamarblegranite.com/ I tried to add the custom javascript code in code injection, It worked and I can see the code on all pages. But I need this form only homepage <div class="_form_8"></div><script src="https://adriamarble.*****com/f/embed.php?id=***" type="text/javascript" charset="utf-8"></script> This is my code
  6. Site URL: https://www.weddingonepager.com/take-the-wedding-styles-quiz I use Interract quiz maker as a lead magnet on my site. I embedded their code using the javascript option (which I had to do so I could redirect users to a results page). But the block appears slightly off center. I tried wrapping it with <div align="center"> <div> - which did not work. Any advice is MUCH appreciated. Screenshot of problem and embed code attached. Any help much appreciated. Total #newbie over here and Interract support was not helpful.
  7. Site URL: http://lemastersfitness.com My client brought to my attention that the drop-down/accordions on his 'Get Coached' page had stopped working (dropping down). When I went to edit the site, I noticed that the usual 'Embedded Scripts' warning was not present over that code block. I opened up the block, reviewed the code (which hadn't changed), and then saved it just to be sure - and the warning rendered. I opened a private browser window to verify that it had indeed fixed the issue on the live site, and it did - but then as soon as I close the squarespace editor and asked him to confi
  8. Site URL: https://aqua-begonia-5k3p.squarespace.com/raffles/firestickamazon-fire-tv-stick-with-alexa-voice-remote-sawr4 To anyone who read this, Little bit stuck on a problem i have. If you look at the image i have attached i have a timer in the description box under the product which counts down, im trying to get this into the product item description where you can see a time left in bold. Now the ID keep changing so i cant use javascript to edit the id of the p tag, i have also tried to add a class name to the h3 tag with no joy either. Anyone else have an idea how to solve this.
  9. Site URL: http://gregorylassale.com Hi, I've been trying forever to figure out how to add animated / clickable scroll down arrows on my site. I found this page https://codepen.io/nxworld/pen/OyRrGy I like the arrow in section 5. Through trial and error, I managed to remove the code that didn't seem necessary for me and I tweaked the ID and class tag a bit. Would it work on my site? If so, do I put the HTML in a code block? Does the CSS go in Custom CSS and the javascript in the Code Injection header? The HTML <section id="arrow" class="scroll">
  10. Hi, I'm currently trying to add a button to the summary block, with events content. with javascript : <script> window.addEventListener('load', function () { addGoToButtons('.sqs-gallery-meta-container'); }); function addGoToButtons(id) { document.querySelectorAll(id).forEach(function append(element) { var url = element.querySelector('.summary-title-link').href; var link = createButton(url); element.appendChild(link); }) } function createButton(url) { var node = document.createElement('div'); var linkNode = document.createElement('a');
  11. Hello, I am looking to add a down arrow at the bottom middle area of the header image, which user can click to slide down to the text portion. See the attached screenshot. Any help in guiding me with this would be greatly appreciated! Thank you.
  12. Site URL: https://seahorse-soybean-ygpf.squarespace.com/ I'm an experienced developer, new to SquareSpace. I'm trying to insert a custom HTML block into a page but there is nothing like "Code" or "Custom HTML" in the list of sections I can add to a page. I'm on the $30/mo Basic Commerce plan. I do see places to add custom code to header and footer - but I need to add custom HTML within the page itself. I've looked at webinars and such but they all look completely different than the UI that I'm given, I'm not sure if they were created with a different version(?) One YouTube video mentio
  13. Site URL: https://www.itsbrandbabe.com/contact I am having a redirect issue with an Active Campaign embed I have on my website. I think it has to do with conflicting javascript code within the embed and Squarespace. I was testing for error messages on my form. If you have any form of error and try to click submit on the form, it will redirect the entire page to a new window, within my active campaign account rather than staying on my website. I've attached a video of what it should look like, but what is actually happening below. Thank you in advance for the help! 🙏 Be
  14. Site URL: https://flounder-guppy-w6a2.squarespace.com/config/settings/advanced Hello, I am building a website for a client and they use a custom booking system for their salon. The booking platform has a Javascript code that you can add to your site. I went ahead and added it to a code block and it wouldn't work. I was curious to see if the script was incorrect so I went into my advanced settings and tested it out in the head settings of "code injection" and it worked in the header. For some reason it won't work as a code block on my book now page though. Here is the code. <script t
  15. Site URL: https://bumblebee-koala-rze5.squarespace.com/ I have an another internal site. If I add any data on the site then I should be able to add the blog on squarespace site as well. For this, When a data/blog is added on my site, I'll call a REST API of squarespace site to add the blog. Is there any way we can do that? Are any such APIs available to add blogs? Hoping for quick response. Thanks.
  16. Hi, I am trying to add an "Appfolio vacancy listing widget" into my new Squarespace page that is currently being built. I copy and pasted the HTML provided by Appfolio into a "code" block. And it says "Script Disabled." If I try pasting it into just a normal content block, nothing happens. Any ideas??? Here is the javascript code: <script type='text/javascript' charset='utf-8'> document.write(unescape("%3Cscript src='" + (('https:' == document.location.protocol) ? 'https:' : 'http:') + "//prp.appfolio.com/javascripts/listing.js' type='text/javascript'%3E%3C/script%3E")
  17. Site URL: https://turbot-blenny-xfm4.squarespace.com/fund I have added some code into a codeblock which includes javascript. It is the second row of icons on this page. It works when I put the site in "Safe Mode" while editing, but when I check it in incognito mode it doesn't work. Has anyone come across this before? I would really appreciate some help.
  18. I'd like to diable the announment bar javascrip on mobile to increase the loading speed. I know how to do it with css (display:none). But it does not stop the script acutally.
  19. Site URL: https://www.americangardenhouse.com/products/o-sweet-viola I'm trying to create an a conditional form (in this case it would be on the additional product form). After selecting the product variants and then clicking "Add to Cart" the popup product form displays with two radio inputs. If "Yes" is selected, I want the additional product form fields to display (currently hidden CSS) and if "No" then an html message to appear prompting the customer to click the product form "Add to Cart" button. <style> #textarea-yui_3_17_2_1_1585523845981_190824, #address-yui_3_
  20. We're currently developing a site for a client and some custom features have been requested which are not satisfied by the built-in blocks. We're perfectly fine with writing our own code however we cannot find any sort of documentation on the API used to pull content from the CDN or really do anything outside of Commerce stuff. We find it hard to believe that not a single other developer has run into these issues. We also don't understand why these APIs are not public and if they are, why they seem so hard to find. From what we've read, custom blocks are simply not possible at this t
  21. Site URL: https://bananastand.store/shop Having a problem with a container created via Windows 10. Could someone help assist with apply Css for windows specific? The container ratio seems to be working fine via Android, Iphone, Mac. Not sure about Desktop via Windows. Not sure if there is a specific responsive css code? .drawer-nav { z-index: 999999; width: 18.65rem; } .drawer--right .drawer-nav { right: -21.25rem; } .drawer--right.drawer-open .drawer-hamburger { right: 18.25rem; } .drawer.drawer--right button.drawer-toggle {
  22. Site URL: https://helix-lion-2h32.squarespace.com/config So I'm attempting to use the results of a button to query into another page. However, when I insert a code block into my page to create a drop-down button, I am unsure how to store the results of what the user chooses. Can anyone give me any ideas on how to approach this?
  23. Hi all,I'm new here, I would like to add a breaking news holizontal scrolling ticker, like CNN or BBC on top of my homepage, somebody of you know how to do it on squarespace? Thank youRiccardo
  24. Site URL: http://www.importantnotimportant.com Hi everyone — dealing with what seems like a small but very annoying issue with a code block in my sidebar. It’s a third-party email signup box and it’s on the sidebar on every page of my site. Unfortunately, the code shows up/works in every page except one, and I cannot for the life of me figure out why. It’s the same exact code, in the same exact place, on every page. (I already tried to turn off Ajax but that doesn’t look like an option for my template.) Any help would be hugely appreciated. Thank you. Quinn ImportantN
  25. Site URL: https://jeboahmiranda.ca/in-her-blazer Hello, I have been trying to use the following code in my page where I want my podcast to show as a code block: <a class="spreaker-player" href="https://www.spreaker.com/show/in-whose-blazer-episode-1-by-jeboah-miranda" data-resource="show_id=4265883" data-width="100%" data-height="350px" data-theme="dark" data-playlist="show" data-playlist-continuous="false" data-autoplay="true" data-live-autoplay="false" data-chapters-image="true" data-episode-image-position="right" data-hide-logo="false" data-hide-likes="false" data-hide-comme
  • Create New...