Search the Community

Hello, I'm working on an Accounting website and I'm trying to recreate this state list in squarespace, but I'm not sure how to do it. On the old website there is a list of states, you select a state and hit Go. Depending on the state you choose, you will be redirected to that state's Tax page. Is there a way to do something similar in squarespace?

My client uses a CRM for small businesses called Vipecloud. I'm having trouble embedding the scheduler into his website. This is what I'm using. <iframe src="https://vipecal.com/knighthawk" style="border:0px #ffffff none;" name="Knighthawk" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="400px" allowfullscreen></iframe> Website: knighthawkconsulting.com Password: Knighthawk Scheduler: https://vipecal.com/knighthawk

I want when user on blog page click on read more it will open in a light box or pop, instead of redirecting on specific page https://bluebird-kumquat-e56g.squarespace.com/blogs

Site URL: https://www.rebelrebel.co.uk/bouquets Under local business: Postal address is not defined properly Missing telephone for some unknown reason Under type Organization: same for postal address Missing fields 'image' and 'name' which both count as errors Please can you help? (I could put the code in correctly but it doesn't get rid of this incorrect code...) many thanks

Site URL: http://www.hidearvirgule.com Hello guys, I'm from France, may I ask for your help: I want to make a page where I can generate some random words/ pictures clicking on a button. Is that possible with javascript, and if so, how can I incorporate it in Squarespace page ? Thank you so much for reading me, have a good night Flo

Hi Everyone, I'm trying to add a secondary "View Cart" button underneath my "Add to Cart" button on each of my product pages. I've followed the tutorial listed here, and it has worked great in adding the secondary button where needed, however, once you back out of one product and into another on mobile, the button becomes invisible. If you click the area where the button is supposed to be, it will in fact take you to the Cart, but you can't actually see the button. The problem seems to be unique to mobile. In Squarespace's mobile preview the button is fine on each product but when testing the site on my actual mobile phone, it disappears as described. Any ideas? Site password: hibean The problem is in the "Prints" area

Hello, I am having an issue integrating this widget from ticketmaster: https://developer.ticketmaster.com/products-and-docs/widgets/event-discovery/ The main issues I'm experiencing when trying to implement this on the site is 1: formatting, with some of the themes, namely the Grid theme, the widget appears not wide enough, maybe like 200-300px where somewhere in the ballpark of 600px is what is desired. I've attached a screenshot to demonstrate this (Capture1). The way I have this with 2 code blocks: the first one is on top containing the HTML and the second is the javascript linking to the widget itself. The second issue I'm having is that the scrolling functionality is lost when displaying the widget on my site. The widget is supposed to allow for scrolling through all of the events that are returned from the query in the HTML. This is also true of the "next" and "back" buttons that are present on other themes such as the Poster and Color Block themes. I have done this on a Squarespace 7.1 website with little to zero issues so I suspect it has something to do with the 7.0 editor. Alternatively I've wondered if it has something to do with some global margin/padding settings but I'm not sure where to look for that. Any and all help is appreciated, I'm happy to provide any more information that is needed as well. Thank you!

Hi everyone, Is it possible to insert a small script and a form field inside an accordion which will be located in the product additional information? This is the code I'd like to insert in one of the item of the accordion: <script> function rolls() { var totalrolls = Math.ceil(((document.input.input2.value -0) + 53) * (document.input.input1.value -0) / 50000) ; document.getElementById('txtrolls').innerText=totalrolls; } </script> <form name="input"> <p> Height from floor to ceiling (cm): <input type="text" name="input1" value="" onkeyup="rolls()"><br></p> <p> Total width of all the walls (cm): <input type="text" name="input2" value="" onkeyup="rolls()"><br></p> <h4> Number of rolls needed: <span id="txtrolls" style="font-size:150%”> </span> </h4> </form>

Recently we have been running speed reports on our website and noticed that the below script has been slowing down the performance of the mobile version of the site. This is the site: https://lilac-sailfish-7xys.squarespace.com/ which is running on the 7.1 version. This is the script that is slowing down the mobile version: https://assets.squarespace.com/universal/scripts-compressed/common-cc2c6334436469eb1efb1-min.en-US.js Can anyone please advise if changing the template or removing this script would assist in changing the speed of the mobile site? Many thanks, Karl

site: https://www.amethystwallgallery.com/ pass: Help123! On the "CONTACT" page of my site, I have included an "Add File" button in the contact form using this script: When hovering over said button, I would like the cursor to match what happens when I hover over all the other links on my site (the pointy finger hand one) instead of staying as the standard cursor model. I cannot work out how to do this, please help!

Site URL: https://www.thecalltoconserve.com I'm taking a deep dive into my website's coding and running URLs through the Rich Results Test. All of my links are coming back with errors because my business information (physical address, hours, etc.) are left blank. This is because my site is not for a local business and I do not have hours/an address. However, Google recognizes my site as a local business. Is there any way to change this schema? If so, where do I inject this code to override the local business schema that somehow exists somewhere on my site? Thanks in advance!

Site URL: https://wingtokwong.com/blog-2 I wanna click one button in my blog, go to the specific article on the another page.

Site URL: https://www.elliotoracle.com Hi everyone! How do you redirect the logo URL for the Five template? I tried several solutions posted on the forums, but none of them seem to work specifically with the Five template. Below is an example of one I tried (replacing URLREDIRECTHERE with the appropriate redirect link). The website in question is elliotoracle.com, if you wouldn't mind taking a look. Thanks!

Hey everybody I have a required custom form that my customers fill out and I would like to be able to detect and filter out certain words and phrases such as slurs and hate speech. I have the coding knowledge needed to make a simple text parser but I can't figure out how to connect a script to the custom form. Any ideas?

Hi everyone, How to change the default text labels in Bedford template? Here is what I want to do, step by step: First Have a look at the uploaded image. How can I change the default navigation text "← Back to ..." generated in the Bedford template. I would like to just have "← Back" or in French "← Retour" instead of "← Back to Boutique en ligne". FYI, "Boutique en ligne" is the title name of the product page. Is there a way to change this default text using Javascript in the footer? Or any other way? Second Also, how can I change the default text "Select" from the dropdown menus? Third How to change the default text for the "Quantity" ? Finally How to change the default text for the "Add to cart" button. Thanks

Site URL: https://www.sharemyhome.co.uk Hi, A couple of years back I put together a site which, for context, uses a bit of custom CSS for typefaces and some other minor styling points, along with code injection in the header and footer for Google Tag Manager. There have been some minor changes in terms of image removal and a bit of repositioning by the owner but nothing on a code/CSS level, since then. A few days ago the owner of the site contacted me to say the on the home page the type styles have been over-ridden to render in black (instead of a grey colour used on the other pages/the site styles and themes) the burger menu icon disappears from the mobile view, the social media icons are rendering in white/transparent in the footer, and all the container/background colours for sections have disappeared. SS themselves have said to the owner that when the site is previewed with scripts disabled it reverts back to normal, which is true. I've removed the scripts and saved the site without them as another test but that doesn't make the site render in it's normal colours etc. Besides, the tag manager script is required, which is an issue in and of itself, if removed. Does anyone have any ideas on what conflict could be causing the overrides and disappearing icons etc when the scripts are active? I've attached a couple of images to help demonstrate the issue.

Site URL: https://www.konsulentoppdrag.no/annonsering So text in second line on this page: Spesifikke søk 'konsulentoppdrag management consulting' eller 'ledige konsulentoppdrag prosjektledelse' gir oss alltid førsteplass på resultatlistene. I want to run a web-search on-click link : - Search 'konsulentoppdrag management consulting' showing results in users default search engine - Search 'ledige konsulentoppdrag prosjektledelse' showing results in users default search engine

Site URL: https://cby.squarespace.com/ I am trying to add extra nav bars to the end of my Mobile Menu, as well as an Instagram Feed to match the attached mockup. It was working earlier, but for some reason is no longer sticking. I tried moving it to the Header Injection, however it conflicts with the Mobile Overlay pop-out when clicking the hamburger menu, and in the Footer Injection, nothing happens... Any help much appreciated! <!---Mobile Menu Footer ---> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('#mobile-menu-footer').clone()appendTo('.header-menu-nav-folder-content'); }); </script> <!---END Mobile Menu Footer --->

Site URL: http://sei-frei-retreat.de Hi there, Some of the text blocks on my website are completely underlined, although I didn't set it that way. I contacted customer care about this and this is what they said (it's translated form german): "I tested the problem on my end and found that the problem was fixed after I disabled scripts in the preview. Here's how to disable scripts on your site: https://support.squarespace.com/hc/de/articles/205815908#toc-skripts-in-der-vorschau-deaktivieren Since disabling scripts fixed the issue, the problem is likely caused by custom code added to your site." I have checked that. I had added something in the custom CSS - but that didn't work anyway because it was related to the front page and that's probably not intended. I deleted everything and the error is still there. Where I disable the scripts on the site I don't understand. But shouldn't be necessary anymore if there is no custom CSS. The error is only with some text blocks and does not extend over all blocks of the same font (as you can see on the screenshot below). The font is the Proxima Nova. Kind regards Stella

Site URL: https://www.vatcllc.com/careers Good afternoon, We will be switching over to Greenhouse in the coming months and I need to figure out how to add their custom tag / scripts to our page. Our Careers page will direct them to the page with the job board. I have reached out to Squarespace support and they cannot assist with custom code modifications and pointed me to ask here - in this forum. There are two scripts that Greenhouse provides - the first is division identification tag for the application: <divid="grnhse_app"></div> The second is a script src attribute that identifies job board Javascript location: <scriptsrc="https://boards.greenhouse.io/embed/job_board/js?for=business"></script> I need to identify how to insert both of those scripts on our job board page via Squarespace. Any and all assistance is greatly appreciated. Thank you

Site URL: https://www.taylorsdentalsc.com/ Hi! My client uses RevenueWell to collect reviews for their dental practice and I recently implemented a widget to add those reviews to the homepage. However, it is not responsive and does not display well on mobile (too wide). Here is the code they provided: <script type="text/javascript"> var RW_Config = { id: 'ed62b0e3-5d62-42aa-95d4-b09a3fb8b974', host: 'https://s1.revenuewell.com', rv_header_color: '#16225a', rv_text_color: '#16225a', rv_testimonials_color: '#528dc5', rv_page_size: 4, rv_iframe_hight: 800, }; if(typeof RW_Config_List === 'undefined' || RW_Config_List == null || !Array.isArray(RW_Config_List)) { RW_Config_List = new Array(); } RW_Config_List.push(RW_Config); </script> <script src="https://s1.revenuewell.com/scripts/js-api.js" type="text/javascript"></script> <!--this DIV inserts the reviews widget --> <div id="RwReview" class="rw-review" data-secondid="ed62b0e3-5d62-42aa-95d4-b09a3fb8b974"></div> Is there anything I can do to make this display properly on mobile?? Thanks!

Site URL: https://www.konsulentoppdrag.no So I want to add a [button] that executes a google search for pre-set parameters. Eg. go to www.google.no and search 'konsulentoppdrag ledelse' and display results in a new window?

Site URL: https://www.smykbar.dk/ Hey guys, I've followed the tutorial of https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template and replaced everything of /en with /dk as danish is the main language and /es/ with /uk I dont get any language switcher buttons up - what am i doing wrong? here is the code i added: <link rel=”stylesheet” type=”text/css” href=”https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.6.0/css/flag-icon.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = ‘dk’; var lang = location.pathname.split(“/”)[1]; var defaultClass = ‘lang-’+defaultLanguage+’’; var itemParent = “nav [class*=’collection’],nav [class*=’folder’],nav [class*=’index’],nav [class*=’group’]”; if (lang == “” || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $(‘a[href=”/”]’).addClass(‘lang-’+defaultLanguage+’’).parents(itemParent).addClass(‘lang-’+defaultLanguage+’’); $(‘nav a:link:not([href^=”http://”]):not([href^=”https://”])’).each(function () { var langType = $(this).attr(‘href’).split(“/”)[1]; var multiLanguageClass = ‘multilanguage lang-’ + langType + ‘’; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $(‘nav button’).each(function () { var langTypeFolder = $(this).attr(‘data-controller-folder-toggle’).split(“/”)[0]; var multiLanguageClass = ‘multilanguage lang-’ + langTypeFolder + ‘’; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == “uk”) { $(‘a[href=”/”]’).attr(“href”, “/uk/home/”); } /* ADD EXCLUSION NAV ITEMS */ $(‘.exclude-me,.exclude-me a’).addClass(‘exclude’); $(‘.sqs-svg-icon--list a,.SocialLinks-link’).addClass(‘exclude’); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $(‘.multilanguage:not(“.lang-’+lang+’,.exclude”)’).remove(); /* SETUP LANGUAGE SWITCHER */ $(‘body’).prepend(‘<div class=”language”><a href=”/dk/hjem” class=”lang-dk”><span class=”flag-icon flag-icon-us”></span></a> <a href=”/uk/home/” class=”lang-uk”><span class=”flag-icon flag-icon-mx”></span></a></div>’); }); </script>

Site URL: https://www.urbanvoguedayspa.com.au/trial Hi guys, I'm having issues making my accordion background color change when open, currently it's the opposite of what I want, the colour of the heading changes when clicked, I want the contents of the accordion to change color when clicked. I think I would need to change the script which I don't really know how to do, can someone help? Picture is an example of what I want it to look like Here's the script: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script> Here's the css: //markdown block for treatments .markdown-block p { margin-left:1.5em; padding-right: 16px; } .markdown-block h3 { font-weight: 300 !important; } .markdown-block .ui-closed:before { content:"+ "; } .markdown-block .ui-open:before { content:"- "; } .markdown-block {padding:20px; margin: 0 auto; width: 100% !important; } .ui-open { background-color: #d2c8c2 !important;}

I want to show the menu only on scroll up. There is a js for this. I am dumb and can't figure out how to install. Help? Here is the code: https://wicky.nillia.ms/headroom.js/