Search the Community
Showing results for tags 'code-injection'.
-
Syntax error solved but I only get text on my website.
MEDEWELL posted a question in Coding and Customization
Site URL: https://rose-bellflower-zcdd.squarespace.com/config/settings/advanced/code-injection Hello there! I am facing a problem with including a file badge code for another website, the code is as follows: <script type="text/javascript" id="ngos-ed-on-file-widget-script-17336c1f-917d-492b-bc53-225c95e103da"> (function() { function async_load() { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; var theUrl = 'http://www.ngosource.org/sites/default/files/ngos_ed_on_file_widget.js'; s.src = theUrl + ( theUrl.indexOf("?") >= 0 ? "&" : "?") + 'ref=' + encodeURIComponent(window.location.href); var embedder = document.getElementById('ngos-ed-on-file-widget-script-17336c1f-917d-492b-bc53-225c95e103da'); embedder.parentNode.insertBefore(s, embedder); } if (window.attachEvent) window.attachEvent('onload', async_load); else window.addEventListener('load', async_load, false); })(); </script> When I uploaded this code on the code-injection tool on my website it showed me a syntax error- so I followed the instructions below: To add JavaScript to a code injection field, surround the code with <script></script> tags. And it kind of worked- as in it appeared on the website but in a text form- see picture for reference. Could you please help as to how to solve this issue? Also, if I'd want this code to appear in like the middle of the page instead of the footer how can I do it? Thanks! -
Site URL: https://www.sbd-vox.com/dewalt-nordic/p/mp16822-gb Hi Everyone. Hoping somewhere can help/point me in the right direction as i'm pretty sure this will need to be completed use custom code. By using a SquareSpace commerce store, we have created a "flat catalogue" which contains all of the items that we use and the users will need to enter the product SKU into another location/service. We've put the product SKU in the description, but we've had alot of feedback that it would be ideal to copy this directly to the clipboard (attached image is an example of the "copy to clipboard" button used on a different site). Would it be possible to create a button that copies the SKU from the SquareSpace product data, or perhaps as a fallback a unique part of text for each product? (i can tweak this for each individual product) We currently have MemberSpace integrated to our website, here are temporary credentials if required. Thanks!: W: https://www.sbd-vox.com/dewalt-nordic/p/mp16822-gb U: test@july.com P: pAssword1 -
Site URL: https://www.veriff.com/ Is it possible to connect the Id verify with veriff.com on Squarespace? When I asked for help, he told me : We don't have an official integration with them and as our checkout page doesn't accept custom code, I would reach out to the Forum before signing up to Veriff. So, somebody already used that in the past or can propose a solution? Indeed, we sell alcohol on our website and we need to be sure that every customer is over 18 years old (an official verification and not only the first page of the website). At the same time, do you know if it's possible to safeguard this information after the first verification in the customer account, to win time at the next order?
-
Site URL: https://springtail-violin-hntl.squarespace.com/ Hi guys, I've searched on google and the forum but there are a few steps I couldn't figure out yet (most of the css I searched and fixed myself) I know the settings within the GUI that I'd like, but I don't know how to translate them to the CSS code. Link: https://springtail-violin-hntl.squarespace.com/ Password: waterkantThe settings I'd like are as follows: HEADER Homepage: Home -> Design -> Site styles -> Fonts -> Assign Styles -> Site Navigation -> Size -> Custom 1.4rem Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing 3.0 exclude the header social icons exclude the header button HEADER everywhere else: 1: Home -> Design -> Site styles -> Fonts -> Assign Styles -> Site Navigation -> Size -> Paragraph 2 include the header social icons include the header button Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing 1.5 2: site header to fit with the 'content width' of '89' as the rest of the site follows this as well (same as footer for example) ----- Other minor steps I'd love to figure out: 'over ons' page: have the picture of Marlies the women above the text on mobile (basically flip the 2 boxes in the section for mobile) across the whole site: I would love a 'back to top button' on the bottom right saying "^" (for mobile and desktop), I have no idea how. Is this a feature inside squarespace? Hope the description makes sense, if not please let me know so I can elaborate Thanks so much in advance, Kind regards Patrick de Waal
-
Site URL: https://www.vaskal.ca/code-source I recently installed a counter plug-in but I was wondering if I could alter it turn off the scroll-to-activate feature. I want it to activate upon landing on the page. Code details: Under Settings > Advanced > Code Injection > Header <style> .counter-container { color: #344d71; text-align: center; display: flex; flex-flow: row nowrap; justify-content: space-evenly; } #counterbox { display: inline-block; min-width:200px; } #counterbox p { text-align: center; width: 100%; display: block; } .counter { font-size:60px; line-height: 60px; font-weight: 100; } @media (max-width:870px) { .counter-container { display: block !important; width: 100% !important; } .counter-countainer #counterbox { margin-top: 20px; margin-bottom: 20px; } } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> /*=============== SQUARE STUDIO ANIMATED COUNTER PLUGIN START ===============*/ function watch(){MutationObserver=window.MutationObserver||window.WebKitMutationObserver,new MutationObserver(function(a){for(var b=0;b<a.length;b++){if("attributes"===a[b].type){var d=new Event("pageChange");document.dispatchEvent(d)}}}).observe(document.body,{attributes:!0,attributeFilter:["id"]})}var executed=!1;$(document).ready(function(){function a(){$(".counter-container").length>0&&$(window).scroll(function(){b()})}function b(){if(!executed){var a=.1*$(".counter-container").outerHeight();$(window).scrollTop()>$(".counter-container").offset().top-$(window).height()+a&&(executed=!0,$(".counter").each(function(){var a=$(this),b=a.attr("data-count");$({countNum:a.text()}).animate({countNum:b},{duration:3e3,easing:"linear",step:function(){a.text(Math.floor(this.countNum))},complete:function(){a.text(this.countNum)}})}))}}a()}),document.addEventListener("pageChange",function(){executed=!1,$(window).unbind("scroll"),init()}),window.onload=watch; /*================ SQUARE STUDIO ANIMATED COUNTER PLUGIN END ================*/ </script> <script src="https://kit.fontawesome.com/1b3b2d7ef6.js" crossorigin="anonymous"></script>
-
Embedding a form button to a custom code block
lianaevans posted a question in Coding and Customization
I am trying to make use of the form block button to have a button that opens a popup form when clicked. Is there a way to paste the sqs form button code into my own custom code such that it can be contained within the cards I made myself? In the image, the 3 cards currently have regular buttons that I hardcoded in myself, and I want to convert them to be squarespace form buttons like the one currently below them. I'm pretty good with injecting my own HTML/CSS/JS when needed. Any help would be appreciated! -
Site URL: https://reductionroadmap.dk/ Hi Forum, I am asking, like so many before me, for help concerning the newsletter block. I would like for the fields and the button to be wider and more narrow - which I tried to illustrate in my extremely poor drawing attached. I've tried different ways around it, in CSS, but never succeeded in what I wanted, which is why I am turning to you. Any help is much appreciated! The page: https://reductionroadmap.dk/ password: Reduce2Survive
-
Embedding a Perl file in a Squarespace site?
davidbrewster posted a question in Coding and Customization
I'm moving a client's site from Wordpress to Squarespace. One of the current features on their site is a quiz form that submits to a perl code file (.pl) which makes calculations based on the quiz answers. (This file sits outside the Wordpress installation.) Is there a way to include this sort of functionality within Squarespace, or will we need to host it elsewhere and link the quiz form to the external file? -
Hey I'm working on a POC for a client and they've asked if it's possible to consume API data linked to membership records. I can access the API using code injection, and set up a member area, but I wondered if there is a way to access the member email address which I can send to the API to get customised data back? Alternatively, is there a uuid or similar for the member in the page, and a squarespace api I can query for the email from my api server? Many thanks Gruff
-
Site URL: https://www.kevinwalton.ca Hi, I was wondering if someone can help me work Butter.js on my site. I have tried everything I can but I can't do it. Here is the link to the Js: https://www.cssscript.com/smooth-momentum-scrolling-butter/ Thanks, Kevin W
-
Site URL: https://www.kelseyeaton.com/ Hi! I'm trying to customize my cursor to be a circle that inverts the content inside it. Just like this website: https://www.satupelkonen.com/ (except the whole images doesn't need to be inverted on hover, just what's inside the circle). I found this JSFiddle project that does something similar: https://jsfiddle.net/p1ja0n8r/ But I'm not a developer, and am hoping that someone can explain how to do this like I'm five years old. If it's even possible in SquareSpace? THANK YOUUUU! ScreenRecording.mov
-
Hi How do you add code for the Weddingwire & The Knot badges to the footer of your website?
-
hiding certain links in navigation bar on some pages
ggoodno posted a question in Coding and Customization
Site URL: https://www.covidlonghaulers.com/ I am expanding a website to have specific differences based on the users location. Based on selecting "North America" or "Somewhere Else" on a marketing popup, I will provide different resources. Therefore, I want to hide different navigation links on different pages. I am using 7.1 Commerce plan and tried injecting the following code in to page headers, but nothing is happening: What am I doing wrong? Thank you! -
Site URL: https://coyote-recorder-ae53.squarespace.com/ Hi! So I'm trying to add a line of code for my email signup form, however whenever I do the code breaks the editor so to speak and I can't open up the editor outside of safe mode. It also prevents images from showing on the site. Here is the code I'm trying to add: <script type='text/javascript' src='https://app.getresponse.com/view_webform_v2.js?u=trKMf&webforms_id=zzgFm'></script> Site password is: red Here is a video I got from Squarespace support showing the issue: https://share.squarespace.com/nOuXDxDe Thanks so much!
-
Site URL: http://hilarybeckwith.com/quiz Hello- I pasted a code from Interact in order to embed a quiz into a Code Block. The quiz appears to not be centered, I have played around with it quite a bit. How can I, either remove the space on the right of the object, or center the quiz so equalize the spacing? Spacers are not cutting it, because the object itself has spacing on the right side.
-
Site URL: https://lifelab.world/de/spaces Hello Squarespace team, May I please ask for help in checking the code below? I am trying to translate a form field using this code, which I have been using since last year which was also provided here on the forum as well. I am unsure why it is not working on this specific button. (lower part of the page) Everything seems to be working on other types of German forms that I edited with the exact details below. I usually duplicate a page then just change some texts, but the forms are usually the same, the only differences are the block IDs for the codes. I added this on the Settings > Advanced > Code Injection > Footer <script> if (document.querySelector("#block-2cd3c3f72a1a11967dd0")) { document.querySelector('.field.first-name .caption .caption-text').innerText = 'Vorname'; document.querySelector('.field.last-name .caption .caption-text').innerText = 'Nachname'; document.querySelector('.field.address1 .caption .caption-text').innerText = 'Company name'; document.querySelector('.field.address2 .caption .caption-text').innerText = 'Anschrift'; document.querySelector('.field.city .caption .caption-text').innerText = 'Stadt'; document.querySelector('.field.state-province .caption .caption-text').innerText = 'Bundeslandz'; document.querySelector('.field.zip .caption .caption-text').innerText = 'Postleitzahl'; document.querySelector('.field.country .caption .caption-text').innerText = 'Land'; } </script> Am I doing something wrong? Thank you in advance! -
Site URL: https://www.thehealthhaven.org/book-an-appointment Hi there, I'm having some issues with an embedded code block. I'm trying to add a booking widget into my squarespace website but it adds it as a small window that the viewer must scroll see all the content. I've searched for a resolution from other peoples posts and tried to copy several bits of code to adjust the page size and even tried some CSS in home>design>custom CSS, but that didn't work either. I would seriously love some advice, i'm a complete noob with this stuff 😞 heres the code i used: <iframe src="https://www.halaxy.com/book/widget/naturopath/erin-willson/953401/783691" style="border:0;width:100%;height:100%;"></iframe>
-
Site URL: https://www.pupilaphotography.com Hi! The URL of my page 'www.pupilaphotography.com', is still not on Google. I've been waiting for one month for the website to be indexed. Any advice?
-
Drop-down list (remove links) + workaround for mobile
HopeG posted a question in Coding and Customization
Site URL: https://www.lpugh.com/ Hi there, Was wondering if you could help me? I am using a folder (titled "Fire Protection") to create a dropdown list in the top menu of a site I'm working on. I want the folder titled "Fire Protection" to link to this page /fireprotection. However, I want the dropdown menu items beneath it to not be linked (essentially an un-clickable list). I found a code that achieves this on desktop. On mobile, however, when you click on the folder title it just opens up the un-clickable list instead of linking to the page like on desktop. Is there a way to maybe hide the dropdown menu on mobile and just have the folder title direct to /fireprotection? Thanks in advance! -
Site URL: https://fife-buttercup-rzmj.squarespace.com/config/pages Hi I am trying to create a splash screen with the company logo and although I added all the code it didn't work for me. I don't know if I am doing something wrong. I used this code: .splash-wrapper{ position: fixed; z-index: 9999; background-color: #ffffff; height: 100vh; width: 100vw; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; animation-name: slideOut; animation-fill-mode: forwards; animation-duration: 2s; animation-delay: 3.375s; } @keyframes slideOut{ from{margin-left: 0vw;} to{margin-left: -150vw;} } I watched this tutorial to do this that is very good but it didn't work for me: Thanks a lot Barbara
-
Site URL: https://echd-v2.squarespace.com/ Hi all I'm nearly finished developing this website, but the client has one final tricky request: I need to add a call icon to the header button https://echd-v2.squarespace.com/ password: echd I read recently that the old font awesome hacks/loopholes I used to achieve these things with has been closed, and that Jquery is the only way now This is a bit outside my comfort zone – is anyone able to point me in the right direction? Thanks James -
Site URL: http://sturmer.com.au/stories Hi there, I've applied some code in the code-injection section of my site wide footer to enable a parallax effect on the background images of my homepage (http://sturmer.com.au/) but it is causing problems on another page (http://sturmer.com.au/stories) by having the background images from the third section down bleed into other sections above. I have tried pasting the site-wide footer code directly onto the homepage 'page' on a per-page basis but this only seems to affect the header. Is there anyone able to assist and work out why this might be the case? Thanks so much for your help -
Youtube Gallery for Squarespace helps site owner to display a grid of youtube videos from your playlist or channel using Google's Youtube Data API. - Display video in grid with pagination support, grid columns and rows number can be adjusted responsive screen - Support video lightbox when grid item clicked - Allow user to filter based on title, published date, duration and tags/categories using text input, range slider, date range picker, and multiple select dropdown - Can extract unlisted videos and playlist using Google API - User should get their own api key from Google Console Use cases: - Yoga teacher who want to post their instruction videos - DJ who want to share their livestream feed in Squarespace membership area - Who want to replace Squarespace video gallery Youtube Gallery for Squarespace Created with ❤️ Ngan Le BeyondspaceStudio Squarespace Circle Member youtube gallery.mp4
- 1 reply
-
- 1
-
-
- code-injection
- code
- (and 3 more)
-
Replace your Squarespace lightbox with gallery that allow pinch-to-zoom and support wheel zoom on desktop - Support Squarespace lightboxes image, gallery section, gallery block, and product page gallery - Can link the images blocks in the same section (useful for the custom image grid feature) - Allow download button to download the image to user machine (on iOS new page will open with the image for non-Safari browser) - Compatible with 7.1, 7.0 (Brine) Lightbox Gallery for Squarespace Created with ❤️ Ngan Le BeyondspaceStudio Squarespace Circle Member
-
Add animated codepen to specific section of my website
jgj posted a question in Coding and Customization
Site URL: https://plantain-mustard-p42a.squarespace.com/ I'm trying to add something like this custom background found here https://codepen.io/MAKIO135/pen/BbqLgR to the first section of my home/landing page of my website. My steps that I've tried Add a blank section Create a code block Paste the HTML scripts Add my own <script></script> and paste the javascript code inside that This all works and it shows up on my page, it's just not in the specific section that i want it. It adds it to the bottom of the page (it goes below my Footer). Is there a way to contain the code to the specific section that I created? Any help is much appreciated. Thanks in advance!
