Jump to content

Search the Community

Showing results for tags 'share-buttons'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. GSB

    Social Sharing on 7.1

    Site URL: https://inktractor.com I'm trying to figure out a way to add social sharing buttons through code injection on squarespace 7.1 because it doesn't have share buttons. I think there's a way I can manually add at least a like button through say facebook's "like button configurator" but it would be a manual add to every blog post through a code block. I've been told I could circumnavigate this through code injection but I don't know how to change the code to make it a different link for every blog post. Can anybody help me? Here's the code I'm trying to modify to recognize individual blog posts: <div class="fb-share-button" data-href="https://inktractor.com/fiction" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Finktractor.com%2Ffiction&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
  2. Hi, everyone! I have a customer, who wants to have a two sharing buttons under the items of his shop: 1. share (this item) via Whatsapp 2. share (this item) via email Is there a workaround to achieve this?
  3. Site URL: https://www.patrickthomas.com.au/shop/93 How do i remove this 'Share' button off all of my products? Thankyou!
  4. I tried to answer this on my own but all the SS blogs / help sites were focused on Social Sharing only. Most blogs/websites I come across offer sharing to social sites AND email (see attached for just one example), but SS appears to only offer social sharing. Is there a workaround for this? Thank you!
  5. Site URL: https://www.symmetryproductions.net Hi all, I'm a complete beginner so I'm not even sure if this is possible to do. I have a wedding video website, and I use an embed block to show my clients their film, Ive figured out the html code for that. I'd love to add a direct share to instagram button either below the player or as code in the embed block, can anyone help with this? This is the code block I'm using to embed my video (I've removed actual video links): <video width="100%" controls controlsList="nodownload" poster="https://filedn.eu/CLIENTVIDEOPOSTER.jpg"> <source src="https://filedn.eu/CLIENTVIDEOFILE.mp4" type="video/mp4"> </video> Is there anything I can add to this to achieve my goal? I'm trying to learn more html but my time is super limited so I appreciate any help I can get! Thanks, Derek
  6. Please, how do I remove the share and like links on some blog post with custom CSS. I want viewers to view the contents of some blog post without being able to like or share the post. Please how can i make this happen with custom code.
  7. Hi! Anyone who can help me with this matter? I like to delete the share buttons and the last updated date in the forte template on the news/blogs section. I also like to get the date below the title, because in the mobile version title and date become one. this is the part i like to delete; i tried this for the shared buttons; /* Blog Page */ #view-list share-buttonss { display: none; } /* Blog Post */ #view-list share-buttonss { display: none; } also this style { .sqs-share-buttons {display: none;} .squarespace-comments {display: none;} } As for the date in the tilte i can hide it by; /* Blog Page */ .view-list .date { display: none; } /* Blog Posts */ .view-item span.date { display: none; But i don't know how to get it below the title for mobile version or for mobile and desktop if thats easier. If i dont hide it; this is wat it looks like on mobile;
  8. Hi, I can't remove the share button from my blog page (Avenue template). Can you help me, please? Unchecking all the social media sites in the Share Buttons panel (as described here: https://support.squarespace.com/hc/en-us/articles/206543857#toc-hide-share-buttons) didn't help. It's still there. Thanks.
  9. SteveMaskery

    Share button

    Site URL: https://www.stevemaskery.com/ I'm new to this 🙂 How do I make it easy for my readers to share a blog post please? The trouble is that I don't really know what to search for. Many thanks Steve
  10. Does anyone have any insight on how to create share buttons for pages that are not associated with a blog page/posts? I’m currently making a site and would like to give visitors the option to share what's on the page once they visit.
  11. Site URL: https://www.rethinkhomes.com/portfolio I just finished a new site for our business Rethink Homes and had assumed it would be easy to share individual images in our portfolio of work. But it appears like there is no way to share the images in a gallery block with or not they are opened in a Lightbox. I have subscribed to Elfsight and injected code for Social Sharing but it only appears at the bottom of the entire page. So a person could share www.rethinkhomes.com/portfolio but not a specific image like: <https://images.squarespace-cdn.com/content/v1/6026a3fc2232f5399225114b/1613439779442-BBOBOXX5DW265FVKXSYL/ke17ZwdGBToddI8pDm48kKbYNcVTaeH8P2sqBdlIHHt7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0o8OMvY5tuV_wqZQCqqStn7AuPlkxdOrsfwm3VrSLMG3wZJlLN9KeMlrzfnIgCHX4g/Kitchen+2.jpg?format=750w> Also when I use the "image url" in a facebook post it shows the address as images.squarespace-cdn.com not rethinkhomes.com/whatever-name-i-give-the-image address.
  12. Site URL: https://www.amovintage.com/ PLEASE HELP 🙂 I have enabled pinterest buttons but HATE the little red icon that comes up on hover and think this looks much more sassy, does anyone know how I can replicate this in 7.1??? Dont care for the facebook or twitter button just the pinterest. Like it in grey a lot too!! THANKYOU
  13. Site URL: http://moodart.co Hi there, I am trying to add a new CSS code to my custom CSS and it is not working... my objective is to create a different colour outline for my button but still have the button be filled with a colour... This is what my Custom CSS looks like right now... .Index-page:first-child .sqs-layout, .Intro .sqs-row { -webkit-animation: fade-text-anim 2s ease; animation: fade-text-anim 2s ease; } @keyframes fade-text-anim { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } 25% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .sps-block-button .sps-block-button-element—medium { background-color: pink; border-radius: 50px; border: 2px solid black; width:75%; } .sps-block-button .sps-block-button-element—small:hover { border: 2px solid black; background-color: white; color: black; } This is what I added but does not work... .sps-block-button .sps-block-button-element—background-colorborder-radius50pxborder2pxsolidblackwidth75%.sps-block-button.sps-block-button-elementhoverborder2pxsolidblackbackground-colorwhitecolorblack Any help would be much appreicated 🙂
  14. Site URL: https://www.80kvolts.com/ Where can I place the ShareThis code so all my product pages have share buttons? I know there's a way to do it with blogs posts, but I want them on individual product posts. Thanks.
  15. Site URL: https://mommytomom.com/ Hi everyone. I would like to enable Ajax loading on my site but it doesn't work with my social sharing buttons and code I use on a few pages. I am not very knowledgeable with coding so I wanted to ask here if there is anything I can do. Is there a code you can add that makes the page refresh each time? I disabled Ajax for now but can turn it back on to troubleshoot if needed. The social buttons I'm referring to are through Shareaholic, they only show up if you refresh the page. Thanks in advance for any help :) Code injection <!-- BEGIN SHAREAHOLIC CODE --> <link rel="preload" href="https://cdn.shareaholic.net/assets/pub/shareaholic.js" as="script" /> <meta name="shareaholic:site_id" content="73ca7139ab230a40546bce24cbe1c713" /> <script data-cfasync="false" async src="https://cdn.shareaholic.net/assets/pub/shareaholic.js"></script> <!-- END SHAREAHOLIC CODE --> The other code I'm referring to I only have on my secondary navigation pages that I want to look like landing pages. It removes the header and footer. https://mommytomom.com/want-to-work-from-home Pages settings, advanced <style> .Header, .Footer, .Mobile-bar, .Mobile-bar--top, .sqs-announcement-bar-custom-location{ display:none !important; } </style>
  16. Site URL: https://www.mattportch.com/lost-america Hi, I'm wondering if this is possible? I'd like to add my own share icon to my page throughout the site, either below an image, or where ever it's possible? Upon clicking it, I'd like the viewer to be able to choose which social media site to share it to: facebook, pinterest, instagram, twitter, etc. https://www.mattportch.com/lost-america https://www.mattportch.com/lost-america-prints/wallframe
  17. Site URL: http://www.glowing.org/playing4theplanet Hi I'm hoping to be able to share images/custom text (?) for our social media awareness campaign. I thought I could make a gallery of images and then have users be able to share them individually to Facebook/Twitter/Instagram along with copy that we were going to include. We use the Brine template and would prefer not to influence the parent site (glowing.org) We'd been using ShareThis but it's pretty terrible. Any ideas?
  18. Site URL: https://www.jaehyuk-choi.com/work#/new-page/ Hi, I'd like to increase the font sizes of all my page descriptions. Also, I'd like to remove and hide the share buttons. Please help me with them. Thanks,
  19. Site URL: https://www.wearedragonfly.co HI I am trying to remove the like and share function from a specific page but not across the whole site. Any suggestions? Thanks Emma
  20. Hello. I have 2 questions. I have been searching for hours now and followed many tutorials... But it won't work for me. I am trying to put an image at the end om my markdown, see picture with text and the code at the end, to the left in the pic you see how it looks for me... just an icon I am using an example code from another thread (this is the thread https://forum.squarespace.com/topic/160538-how-do-i-add-images-in-markdowns/ ) The photos I would like to add are those that I upload to my site, this also doesn't work... I am very new to this, about 1 week in. And I have 0 experience with codes and all what it is called! I would also like to ask if it is possible to add "left and right" buttons. Sorry I don't know the correct names... For example if I have photos on my website, and I want the visitor to be able to scroll through many photos, like a gallery, See picture of me with a quote for where I would like to have many photos like that one with quotes, and the visitor can scroll through and maybe if it would be random. Maybe changing pic by itself. But mainly that there would be buttons to the left and right to scroll (or w/e it is called :)) Grateful for help Much love, Karl-Simon
  21. Site URL: https://www.thejammymammy.com/ Hi Is there a way to add a facebook share button into version 7.1? It is currently not available and I would like to be able to do this for my blog website. Thanks 🙂
  22. Site URL: http://alextreadway.co.uk/journal Anyone know how to hide the 'Share' button under the date on blog pages? I'm using Flatiron. Thanks!
  23. Site URL: http://www.resileo.net/new-blog I am creating a blog for my website (Bedford template). The share link that appears at the bottom of the test blog post does not display the social media links I selected. In Home/Marketing/Share Buttons, I have selected Facebook, Twitter, LinkedIn Reddit. In Site Styles I do not have Hide List Entry Footer selected. The share link appears on the page but when I click on it, it does not display any social media icons.
  24. Site URL: https://www.randombranding.com/tweetables All twitter-share-buttons disappeared from my "tweetables" page, where people should be able to find a quote they like and click-to-tweet. I've used twitters own code (from their developers site here: https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview The page worked perfectly fine, with all the code blocks carrying the twitter share buttons, and publishing on twitter as intended (see example here) On September 4th, 2020 all buttons just disappeared. Other websites seem to still carry them, so I presume it's a Squarespace issue? Here's an example of code I've used to make a quote "tweetable": <p class="tweetable"> “I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.” — Maya Angelou <br> <a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=&#34I&#39ve%20learned%20that%20people%20will%20forget%20what%20you%20said&#44%20people%20will%20forget%20what%20you%20did&#44%20but%20people%20will%20never%20forget%20how%20you%20made%20them%20feel&#46&#34%20&#8212%20Maya%20Angelou" data-url="randombranding.com" data-hashtags="branding,perceptionisreality,UEX" data-via="randombranding"></a> Here are the class definitions: .twitter-share-button { float: right; margin-top: 9px; } .tweetable { display: block; background: white; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 45px; margin-top: -10px; margin-bottom: -10px; font-family: SF Pro; font-size: 0.9em; border: 0.5px solid hsl(0, 0%, 73%); } Anyone know what I can do to make the buttons re-appear? Than ks in advance for any pointers!
  25. I added share buttons under my blog post. I know it was shared a couple times on facebook and twitter but the count is not updating. When I shared it myself it said 1 then when I refreshed the page it went back to 0. Anyone know why this is happening?
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.