{"product_id":"social-media-icons-elfsight","title":"Social Media Icons","description":"\u003cp\u003eSocial Media Icons from Elfsight adds a set of clickable social icons to a Squarespace page, linking visitors straight to your public profile URLs on Instagram, Facebook, X, YouTube, TikTok, LinkedIn and messaging apps. It is an embeddable widget hosted on Elfsight's platform, not native Squarespace code, so you build it in Elfsight's online editor and paste the embed code into your site. In the editor you can add unlimited icons from a library of more than 50 platforms, reorder them, and enable or disable individual ones. Layout options include inline, for a header, footer or content block, and floating, which follows the page scroll. You can also set icon size, shape, padding and border radius, arrange icons horizontally, vertically or in a grid, pick one of five predefined styles, change icon, background and hover colours, and set a hover animation.\u003c\/p\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eThis suits Squarespace site owners who want visitors to find their social profiles without hunting, including small businesses, agencies, creators and community groups. It works well for anyone who wants icons in a footer or header, or a floating bar that stays visible while people scroll, and who would rather not write code. A free plan is available to start with.\u003c\/p\u003e\u003ch3\u003eOne honest caveat\u003c\/h3\u003e\u003cp\u003eTwo limits are worth knowing. The icons are links to your public profile URLs, so there are no API connections, logins or live feeds: no follower counts or recent posts. The floating layout is a site-wide element, so it goes into Code Injection rather than a page Code Block. As with all Elfsight widgets, free-tier versions carry Elfsight branding and monthly view limits, paid plans remove those, and the widget stops showing if your Elfsight account lapses.\u003c\/p\u003e\u003ch3\u003eInstallation\u003c\/h3\u003e\u003cp\u003eBuild the widget in Elfsight's online editor: choose a template, add your platforms, adjust layout, colours and hover effects, then copy the generated embed code. For inline icons, paste it into a Code Block in the Squarespace page editor. For a floating bar, paste it into Settings, then Advanced, then Code Injection, before the closing body tag.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e browse more \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/free-squarespace-plugins\"\u003efree Squarespace plugins\u003c\/a\u003e, or the full \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins hub\u003c\/a\u003e.\u003c\/p\u003e","brand":"Elfsight","offers":[{"title":"Neutral","offer_id":66220592628061,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/social-media-icons-hero-image-for-facebook.webp?v=1792059978","url":"https:\/\/www.squarelocator.com\/products\/social-media-icons-elfsight","provider":"SquareLocator","version":"1.0","type":"link"}