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

Search the Community

Showing results for tags 'code injection'.



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

Found 24 results

  1. When pasting active campaign code into the code injection where exactly should I be pasting it. I'm told in the footer but where exactly in the footer. ActiveCampaign says: " For Site Tracking to work, you need to paste the tracking code that we provide into each page of your website. In general, we recommend placing the code in the footer as this is the easiest way of having site tracking work on all pages. However, you will need to review the documentation provided by your Content Management System (CMS) to make sure the placement of the code is correct. In addition, they may provide a solution that allows you to only paste the code once, and have it display on all pages. " I attached a picture of the website's current footer code. Should I just hover my mouse after </script> on line 34, enter once to line 35 and then just paste on line 35?
  2. Hi Guys, I've been trying to inject coding into my header to link a "Timely" bookings button. I've injected the code required from my booking software into the header field but it's not showing over the header. When i'm flicking between pages i get a glimpse of it in the top corner but then disappears when the rest of the header loads, its almost like its sitting behind everything else. I tested in the footer and it showed fine. Is there a way to make it visible and to be able to move it to a different position? Ideally i would like it to sit next to my contact button or even in it's place if possible while moving the Contact link to the footer. I've managed to get the link into the body of my Home page but would prefer it in header site wide. Any ideas would be magic.
  3. Hi, I'm trying to use ads from Media.net on my site to generate some income. For the ads to be able to display, Media.net requires me to add the following custome code to my site header using code injection: <script type="text/javascript"> window._mNHandle = window._mNHandle || {}; window._mNHandle.queue = window._mNHandle.queue || []; medianet_versionId = "3121199"; </script> <script src="https://contextual.media.net/dmedianet.js?cid=8CUY1287I" async="async"></script> However, after injecting this piece of code, my pages don't display properly in my Squarespace page builder. It does still display correctly in the live version though. The attached image shows what appears when I try to open a page in the site builder. As you can see, it seems like the page is only displayed in the header part of the page. The weird thing is though that sometimes it does display correctly, and sometimes it doesn't. Does anyone have experience with this issue, know what the cause is and how to fix it? Thanks in advance! Tom
  4. Site URL: https://www.nathannixonphotography.com/cart Hey all, My website has been customized (Brine family) so that my header overlaps my homepages gallery banner - I think it looks great. However, this causes issues on other pages which don't have a banner as my Logo (which is in white) almost disappears. I have solved this on those white background pages with a simple header code injection to invert the color of the logo (and cart button) so that it turns to black. However, on the Cart page of the site I am unable to access the settings menu of the page to actually inject any code so I can't use my solution to fix the page. I was wondering if anyone knew a way I could use to specifically target just the Cart page to get my Logo and the Cart Icon to invert to black? For reference, this is the code I am injecting on the pages such as my Store and Journal pages. <style> .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> <style> .Cart { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> Any help would be appreciated, thank you!
  5. Site URL: https://alligator-pike-e9e8.squarespace.com/reg-form-page-from-blank Hello šŸ™‚ At the bottom of my form (see link) there are 3 checkboxes. I want all 3 boxes to be checked by default. The users would then have to uncheck the options they don't want, but none are required. How can I do this? If possible I'd like to make this change specific to this form or this page (in case I need to have other forms in the future without checked being the default). Thanks for any help you can give!
  6. Hello, I'm currently trying to set-up google adsense on our site to serve advertising. Google gave us code to past into the <head> </head> tags of our site, which was done via code injection from the advanced settings menu. However, Google keeps returning the application saying the code is missing. On looking into the code of the site, i can see that code pasted in head injection actually falls outside of the <head> </head> tags - does anyone know why this might be and how i could possible solve this issue? Many thanks in advance
  7. Site URL: https://www.thefarmco.com/shop-the-farm-menu Something strange is happening: when I add HTML code for a Dutchie iFrame on the page referenced above, the footer disappears. When I deleted the code block the footer reappears. Another page on the site has a slightly different code block, also for a Dutchie iFrame, and the footer is visible (https://www.thefarmco.com/shop-the-farm-express-menu). Does anyone know what is happening? Is it because the content of the iFrame is too long? Any other ideas? Thansk!
  8. Site URL: https://www.pcr-global.com I've set up SentryLogin using the method they provided (footer code injection) but this has knocked out all of the Custom CSS on the site - custom bullet points, clickable images fading when hovered on etc. Can anybody please, please help trouble shoot this?
  9. Site URL: https://www.civicchangemakers.com/codecivic Hello All: I want to lock down a page on my site so that it can not be accessed by typing in the direct url. I only want a person to be able to access this specific page if they are coming from a consent page. This project site (for a virtual hack-a-thon) is for middle and high-school students. Before they can access the "get-started page" which will have a sign-up form, they will need to first go to the parental consent page (a form) have their parents complete it and then after the consent form is completed, be able to go to the "get started" page. So what I am trying to do is make it so that if a student attempts to gain access to the "get started" page by typing in the url directly they would be redirected to an access denied page. The project site is https://www.civicchangemakers.com/codecivic The access denied page is https://www.civicchangemakers.com/codecivic/access-denied After some research I believe some of the code I am interested in would be utilizing document.referrer in the script, but I do not know where to start. Also I am not sure if the code should be placed in the site code injection or page code injection. Any assistance/code would greatly appreciated. -Holly
  10. Site URL: http://www.juliestamenic.com Hi everyone! I am trying to reduce the size of the banner of my home page. It does not seem to be possible through the settings menu. Is there any code I could inject? The goal is to have WELCOME TO MY WORLD and the text under it closer to each other :) A million thanks Julie
  11. Site URL: https://www.bridgitsolutions.com/blog/increases-efficiency-simplify-resource-planning-processes Hi, We are building our own AMP pages and need to add AMP discovery tag to each page. <link rel="amphtml" href="https://www.example.com/url/to/amp/document.html"> Does SquareSpace have any sort of templating language that will allow me to inject the URL as a tag in <head></head>? Essentially, for URL: https://www.bridgitsolutions.com/blog/increases-efficiency-simplify-resource-planning-processes I need to add the following code in head tag: <link rel="amphtml" href="https://amp.bridgitsolutions.com/amp/blog-increases-efficiency-simplify-resource-planning-processes"> This code is unique to each page. Thoughts/suggestions on how to make this happen?
  12. Site URL: http://timnortonlcsw.com Hi all, So, I added a LeadBox to my site's footer, but it's stretching out the logo image in my site's header. Anyone know how to fix this? I've tried scaling the logo image in numerous ways but nothing seems to help. It's fine on mobile and other devices. Thanks for your help in advance.
  13. Site URL: https://reecedaniels.com Hello, I want a custom cursor for my website, really badly. But whenever I follow the instructions on other forums, or even if I straight up copy+paste someone's code, it just comes out like this: (see attached image). What's wrong with this? My code is: body, html { cursor: url(https://rs916.pbsrc.com/albums/ad9/sugarycandy/cursors/glitter.gif~c200), pointer; } Thank you! ~Reece
  14. Hi, I'm using the Chatra chat widget (code injection) on my SS website, it works great on all pages except Checkout page (/checkout) - this is where I want it most to ask ppl to reach out if they are having trouble with the checkout process. Does anyone know what I can do to get it to work? Chatra support told me to ask Squarespace - a support person there told me to ask here... help?!
  15. Hi!! šŸ™‚ I was wondering if there is any way to customize SquareSpace's forms, I do not like the fact that it asks for a second address line as they is not needed for my website. What's more, if there any way to customize the address to only ask for a city? Or for the phone number to be in one box? Thank you in advance!!
  16. Hello, I'm using the Encore template, which won't allow me to play background video on every page of our website (thelab.org). For the code injection I'm using the below code, which seems to work for me on Chrome, Safari, and Firefox, but won't autoplay for other users on other computers. Any ideas on how to get this to play across the board? window.onload = function() { var iframe = document.createElement('iframe'); iframe.id = "bg_video" iframe.style.cssText = "border:none;width:100vw;height:100vh;position:fixed;top:0px;left:0px;z-index:1;"; iframe.src = "https://player.vimeo.com/video/362211620?autoplay=1&width=100" ; document.body.appendChild(iframe); resizeIframe(); window.onresize = resizeIframe; var wrap = document.getElementById('outerWrapper'); wrap.style.zIndex = '2'; }; Thank you for any help you can provide!
  17. Hi, I am currently using the native template and trying to remove the like button with the heart icon from a blog page. How do I do this? Any help would be appreciated here. Thanks, Jayson
  18. After doing a quick search, I found a code to disable right-click options on the desktop. However, when viewing my site via mobile device, the feature is still active. I'm still able to hold the image and save the image to my phone. Is there an accessible code out there that disables this feature on mobile devices as well? All help is appreciated. Thank you
  19. After doing a quick search, I found a code to disable right-click options on the desktop. However, when viewing my site via mobile device, the feature is still active. I'm still able to hold the image and save the image to my phone. Is there an accessible code out there that disables this feature on mobile devices as well? All help is appreciated. Thank you
  20. I am trying to have an image swap with another image on hover. This is my code: #yui_3_17_2_1_1573589440099_107 { background-image: url(https://static1.squarespace.com/static/5c6d99dā€¦/t/5dc91c4ā€¦/1573461074565/marks_thumbnail.png); background-size: 646px 470px; } #yui_3_17_2_1_1573589440099_107 img:hover { opacity: 0%; } When I use this within Chrome developer tools (right-click>inspect) in the style/css section, it works like a charm. But inserted into the custom CSS section of Squarespace, nothing happens. this is my website: https://www.mrndacreative.com/
  21. I have inserted my link from Skimlinks as per the instructions via the Skimlinks website under the footer in the advanced, settings, however nothing is working. I also tried to add a pop-up from Mailchimp into the header, but that never showed up either - so now, I just have the squarespace one. Ideally, I'd like the mailchimp one. What is going on with my site that's blocking the code in my header/footer area? This is my website: adventureswithheather.com and this is the code in injected in the footer: <script type="text/javascript" src="https://s.skimresources.com/js/141915X1606220.skimlinks.js"></script>
  22. I have added a header code injection to my site for a Mailchimp pop up. It works fine on my desktop, however it's not working in mobile. I saw a code somewhere to disable the parallax scrolling to see if that would work. No luck. Can anyone help with this? Thanks! Website is adventureswithheather.com
  23. Hello there, here it goes a difficult coding one for squarespace beginers I've made a toggle switch that can enable a Dark Mode. So far things work quite well, unless for some details that I really don't find a way to make them right. Here it goes 1) the header. I would like a header full black, full width, at all times (dark and light mode). It seems simple but I can't find a single way to do it. I've tried this code below in css but the website keeps showing white margins on both sides of the header when in light mode because of the white background. Someone has any idea what I can do? header#header { position: sticky; top: 0; background: #010101; } 2) I would like that the first option when someone new enter on the site, was the dark mode option instead of the light, and if he/she want's to change is just toggle the switch, but I wasn't able to get that, so here is the code: <script>const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]'); function switchTheme(e) { if (e.target.checked) { document.documentElement.setAttribute('data-theme', 'dark'); } else { document.documentElement.setAttribute('data-theme', 'light'); } } toggleSwitch.addEventListener('change', switchTheme, false); function switchTheme(e) { if (e.target.checked) { document.documentElement.setAttribute('data-theme', 'dark'); localStorage.setItem('theme', 'dark'); //add this } else { document.documentElement.setAttribute('data-theme', 'light'); localStorage.setItem('theme', 'light'); //add this } } const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; if (currentTheme) { document.documentElement.setAttribute('data-theme', currentTheme); if (currentTheme === 'dark') { toggleSwitch.checked = true; } }</script> And the css for the dark mode and toggle switch appereance: /*DARK MODE SWITCH*/ [data-theme="dark"] { --primary-color: #9A97F3; --secondary-color: #818cab; --font-color: #e1e1ff; --bg-color: #161625; --heading-color: #818cab; } [data-theme="dark"] { --primary-color: #FEFEFE; --secondary-color: #FEFEFE; --font-color: #FEFEFE; --bg-color: #010101; --heading-color: #AEAAAA; } body { background-color: var(--bg-color); color: var(--font-color); /*other styles*/ } h1 { color: var(--secondary-color); /*other styles*/ } a { color: var(--primary-color); /*other styles*/ } /*Simple css to style it like a toggle switch*/ .theme-switch-wrapper { display: flex; align-items: center; em { margin-left: 10px; font-size: 1rem; } } .theme-switch { display: inline-block; height: 34px; position: relative; width: 60px; } .theme-switch input { display:none; } .slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider:before { background-color: #fff; bottom: 4px; content: ""; height: 26px; left: 4px; position: absolute; transition: .4s; width: 26px; } input:checked + .slider { background-color: #66bb6a; } input:checked + .slider:before { transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } If anyone needs the url: www.utrade.com.br password: utrade
  24. Hi! Thanks in advance for your time if you are reading this and can be of any help. As familiar as I am with squarespace, I am a novice when it comes to code; I have been researching and attempting to add CSS to the FIVE template to get the parallax scrolling effect on the homepage. I added in code from several tutorials and nothing seems to change or recognize it and the template looks exactly the same. Any advice would be appreciated! Thanks so much!
Ɨ
Ɨ
  • Create New...