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

Adding custom social buttons?



I am trying to add 2 social buttons which I have created similar to the ones available but using social networks which are not listed in the Connected Accounts in the Squarespace Panel. How could this be done, maybe using Code Injection or Custom CSS?

Perhaps it could be done by using 2 random connected accounts and replacing them with the custom ones. Any ideas?


These Custom Social buttons are only the last two (Lookbook and Bloglovin’):

alt text

This what I am hoping to achieve:

alt text

Edited by edokken
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

The method you describe - adding 2 random icons and then using a script to change the icon and destination link - will work.

However, the Squarespace social buttons aren't images, they are actually part of the Squarespace social-icon-font. The 2 additional icons could therefore look a little fuzzy because they would be bitmap images rather than vector fonts.

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to post
  • 0

This was done through developer mode, instead of replacing two social buttons like I suggested, you can add them yourself in the template's html. http://developers.squarespace.com/using-git/ If you look through these steps you will find instructions on how to access git and change the template html thus adding new items to the social buttons list which then you script background-image using the one above in the custom css. Although its not perfect as it was adjusted for 16x9 or 16x10 screens, when you zoom in and out it starts looking a bit funny plus didn't manage to add them to the mobile navigation menu.

Link to post
  • 0

I was wondering, how were you able to or what CSS did you use to create your navigation header on the top and keep it stationary when scrolled? Also what template are you using?

Edited by iliang7
Link to post
  • 0

I keep getting an error message about being unable to claim my blog on bloglovin' any idea why? I'm inserting the code into the top of a new blog post (have tried both ways-using the embed way and using the <> way in the + box) and publishing but when I go back to Bloglovin and click claim I get the unable to claim error message.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...