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://dtmg.io Is there a way to add an onclick function to a button's href code? I've been googling and can't find anything. Thank you!
  2. Hello, I want to use this code on my website's homepage. https://codepen.io/kseniacold/pen/QKNKow Not sure where to paste the various HTML, CSS & JS codes. Thanks for any help!
  3. Site URL: http://lavenderrightsproject.org/donate Howdy! I am trying to add a line of code to our donation website that was provided by Little Green Light. The iFrame version works just fine, but Java doesn't seem to be compatible at all. We have a business account, so in theory it should work, but no luck. It only keeps displaying line of code. The error appears to be centered around </script>, but I don't really understand why. Could somebody advise? Here is the code I am trying to embed: <script type="text/javascript" src="https://secure.lglforms.com/form_engine/s/
  4. I've been trying to embed my Convertkit form into Squarespace. I do have a Squarespace business account and have followed the steps of embedding a form using both the javascript and HTML. For some reason when I paste the code, neither is working. It is not even showing the "script disabled." It is just pasting the actual code into my code block. Does anyone know why this is happening? Anyone have a solution or workaround that does not involve Zapier? Appreciate any help!
  5. Site URL: https://vinculum.ai/ I'm trying to figure out how to add particles on the left and right sides of a website like this: https://vinculum.ai/ Would someone be able to help me understand how to add code to the margins of a site and allow it to be responsive (like flexbox) so as the page increases/decreases, the particles on the side move back and forth? I'm not sure what to target the code injection for or how exactly to build this cool thing, but would love to give it a shot :) Any suggestions?
  6. Hey, has anyone used VantaJS successfully with SquareSpace 7.1? I saw an old thread but the solution provided in it does not appear to work anymore. This is what I've got in Code Injection so far. Just as a test I've also just changed the "el" property to something like "vanta" and then put in a Code Block with <div id="vanta"></div> just to see if the animation would display at all on the page, and that also gets me nothing. <script src="https://cdn.jsdelivr.net/npm/vanta/vendor/three.r95.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/va
  7. Site URL: http://smifsc.com/survey-results Does anyone know if it’s possible to use the Google charts api to plot charts in a code block using stored excel (or other format) data in squarespace? im currently manually updating the charts and would like to better automate this.
  8. Hi folks, in Squarespace 7.1 they've added a feature which loads the background image of a section only once you've scrolled to it. Generally, I really praise this move from Squarespace in order to make sites faster, but it is annoying when you reload a page you've already scrolled half-way down, and when you scroll up the images don't appear until the top of the screen is about 20% from the top of the image, so you're left with a blank area for the majority of the time scrolling through that section. I used to be able to manipulate the imagesLoaded function in 7.0, but I don't know how t
  9. What’s up everyone, I was wondering if anyone in the community would know how to implement a “lazy load” or “Ajax load” so that images load when they’re appeared instead of right when the page loads. I think https://grovemade.com looks super cool, I think they’re using JavaScript to load a super small version of their images then adding a CSS blur so the perceived load time is a lot faster. Can this be done with a Squarespace template?
  10. Site URL: https://www.lisajonutrition.com/classes I created a custom button on the page above using the below code. The idea is that my mailerlite form shows when the button is clicked. On the back end, this works fine. But when I pull up the website on any other computer or device, the button doesn't work. What am I missing from the code? <div class="sqs-block button-block sqs-block-button"> <div align="center"> <a onclick="ml_webform_3970552('show')" class="sqs-block-button-element--large sqs-block-button-element" target="_blank">I'm ready to wa
  11. Site URL: https://www.kevinwalton.ca Hi there, Can someone help me add this to my site? I have tried but I don't know how to make it Squarespace accessible. Index HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Awesome Hover Effect + Animated Cursor | Codegrid</title> <link rel="stylesheet" href="style.css"> </head>
  12. Site URL: https://raspberry-coyote-6gss.squarespace.com/config/design Hi there, I have received some external Javascript from the client which I have added in via a code block on my site. On desktop view it is fine but when on mobile view it doesn't resize to fit. I was wondering how can I get it to resize? Do I need to ask for more code from the client or is this something I can do myself?
  13. Site URL: https://www.willkonitzer.com Hi, I have a button on my website "Listen now" where I'd like the target url to change pending on the time of day. Every Friday from 6pm-7pm CST I want it to point to website B, while at all other times I want it to point to website A. What is the best way to achieve this? I was thinking some javascript code, but I'm not sure how to apply it within the squarespace design framework. If someone is able to provide some pointers, that would be much appreciated. -Will
  14. Site URL: https://sponge-lychee-awaf.squarespace.com password is "1" I was wondering if someone can help me install Page transitions to my site? I don't know how to do it with Javascript. Here is a link of the code that I want to install. https://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/ I am mainly looking at the "DIFFERENT EASING" page transitions. Thanks again! - Kevin W
  15. Hey everyone, i'd like to remove an <a> element from my site, there's no id which makes it impossible for me to figure out! Here's the element's code: <a target="\_top" rel="noreferrer noopener" href="SimpleURL" class="css-11cewt9" style="display: flex !important; position: static !important; height: auto !important; opacity: 1 !important; color: rgb(51, 51, 51) !important; font-size: 16px !important; align-items: center !important; text-transform: uppercase !important; font-weight: 400 !important;"><img src="SimpleURL" width="16px" alt="" style="margin-right: 5px;">Text
  16. Site URL: https://contrabass-paddlefish-w396.squarespace.com/ Hey squarespace fam, I've got a video set up to autoplay on hover and have added command copy "hover to play". However, I'd like this text to fade out or hide on play so that it doesn't block the video or mess with the hover function. I'm assuming this will require Javascript. Can someone assist? Thanks in advance! HTML: <div class="container"> <video id="video" width="100%" height="auto" loop="true" playsinline="true" class="" onmouseover="this.play()" onmouseout="this.pause();this.currentTime=0;"> <
  17. Site URL: https://studiotdance.com/ Hi so I am wondering if it is possible to make the emoji in my website title be something that changes every few seconds. So it could start with the headphones but then that would fade out and the emoji of a dancer would fade in. Then that would fade out and the emoji of a computer would fade in. Something like that. Even if it was just custom header code for my main page, that would be cool but it would be better if it was something for the entire website. Also wondering why these two forum posts didn't work for me, I am trying to achieve both, but
  18. Site URL: https://www.mh316.org/bible-studies/the-god-of-new-beginnings Pass: myrtlefield I asked a question about slow loading images, but no response. I think I figured the issue is my accordion script. It seems that when it is active, SQ loads the Markdown Accordion box before the image at the top of my page. This makes it look like the page is very slow. However, if I add 'defer async' to the Custom Code JavaScript, the Accordion function doesn't load at all! Working code with slow image load: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/
  19. Hi, I am using a custom HTML form to POST some data to the design my night booking system. This all works fine. When the form is sent we want to then redirect the user back to the squarespace site using: <script> DMN.val('return_url', 'https://www.our-url.co.uk/thank-you'); DMN.val('return_method', 'post'); </script> I get the following error: Uncaught ReferenceError: DMN is not defined I am told this is because"make sure that your webserver and application can accept POST requests from the designmynight.com domain (including any subdomains)" How do I go
  20. Hi, We are trying to build a custom search page where depending on the search query, we want to display a customized results page. For instance, if a customer searches for walmart, we show him an hyperlink to walmart website, for amazon a hyperlink to their amazon's website. But if a customer searches for a string that we don't know about, we display an html page indicating we don't the query string. Any suggestions on how can we accomplish this? I'm familiar with javascript so happy to add custom codes if it would let us accomplish what we are looking for. Thanks!
  21. I am trying to use a code injection to allow for a form that uses conditional logic. I want to select multiple form field ids to hide specific fields from the form. However, when I try to set the display to none for those ids, the css is getting overriden by some website-wide css. Is it possible to put the form in a container so that I can select the ids within the container and keep the css from getting overriden?
  22. I currently have this code <details> <summary>[read more...]</summary> which allows me to have clients click the [read more] and expand to read the complete text. However the text "[read more] doesn't disappear, it stays on the page, with the expanded text below after it's been clicked on. Anyone know how to make the "[read more...]" text disappear once it's clicked to expand to the full text? The current code is <center><p><b> Founded in 1894, 4th generation Pascal Agrapart is humble, soft-spoken, and fiercely dedicated to expressing the ter
  23. Site URL: https://www.emilyfrancesippolito.com/store/pweq1zwv73uxtw0pmrem4v1hexdwb9 Hi everyone! I was trying to add a 5 star review and comment section below my product. I've followed the steps on the squarespace page about adding product reviews and it's not working... Any help would be great! Thank you! This was the page I had looked at: https://support.squarespace.com/hc/en-us/articles/206540767-Adding-product-reviews
  24. Site URL: https://sponge-lychee-awaf.squarespace.com Password is "1" I am having problems with Javascript. I don't know how to code in Java script so I was wondering if anyone can help me. I have a java script code for Luxy scrolling for smoother scrolling like Webflow, and I also have a code that works when scrolling on a page, the background colours fade together. For some reason, they don't like one another. The fading when scrolling no longer works and removes my background. Here is my code: Background change colour when scrolling: Header <
  25. Site URL: https://www.kevinwalton.ca Hi, I was wondering if someone can help me with slowing down scrolling like they use on Webflow. I want my site to scroll like this: https://ceremonycoffee.com/ Researching what kind of scroll technique is used, I found that it is called "Luxy" javascript. I can't seem to figure out why it is not working on my site. <!-- before <body/> tag --> <!-- Smooth scrolling --> <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script charset="utf-8"> var isMobile = /iPhone|iPad|Andro
  • Create New...