Need help adding individual social links

I have a team page on my website, where I would like to add individual social media icons to each of my team members, but whenever I go to add a social links block, it defaults to the same set I have in Settings > Social Links.

My coder has informed me that it's possible to reassign the links via javascript, though it's not the nicest solution.

I was wondering if anyone might have a solution for this problem?

Also looking for a solution to this. There should be an option to check whether or not the social links are individual or website-wide. 

Did anyone find a solution for this? I also need to add individual social links on a team page for a client..

I've been having trouble with this also.

Here's another solution I found. Installing a widget specific to team showcasing. Works perfectly.

https://elfsight.com/team-showcase-widget/squarespace/

On 10/28/2020 at 5:11 PM, igmfoundation said:

I've been having trouble with this also.

Here's another solution I found. Installing a widget specific to team showcasing. Works perfectly.

https://elfsight.com/team-showcase-widget/squarespace/

Hi @igmfoundation!

Thanks for mentioning us. We’re really happy you like the widget. Don’t hesitate to contact us if you have any other questions. We’ll be happy to assist you! 🙂
 

Best regards, 
Elfsight Team

On 2/19/2020 at 12:52 PM, tuanphan said:

First, add to this code to Home > Settings > Advanced > Code Injection > Header

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

 

Next, paste to Code Block. Here are icons for FB, Instagram,..

<div class="kl-socials">
    <a href="https://www.squarespace.com" target="_blank">
    <i class="fa fa-globe fa-3x" aria-hidden="true"></i>
  </a>
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-facebook fa-3x" aria-hidden="true"></i>
  </a>
  <a href="https://www.instagram.com" target="_blank">
  <i class="fa fa-instagram fa-3x" aria-hidden="true"></i>
  </a>

</div>

 

 

Do you have the code for adding email for this too? Can't seem to get an icon and link to it.

Thanks

On 11/25/2020 at 10:40 PM, Nipper said:

Do you have the code for adding email for this too? Can't seem to get an icon and link to it.

Thanks

email is

  <a href="mailto:abc@xyz.com" target="_blank">
  <i class="fa fa-envelope" aria-hidden="true"></i>
  </a>

Thanks, Tuanphan. And do you know how to centre these and make them bigger / smaller? 

22 minutes ago, Nipper said:

Thanks, Tuanphan. And do you know how to centre these and make them bigger / smaller? 

Can you share link to page where you insert above code? We can check easier

On 12/1/2020 at 9:36 AM, tuanphan said:

Can you share link to page where you insert above code? We can check easier

https://flamingo-orca-2ez8.squarespace.com/who-we-are

password: lngtv1

1 hour ago, Nipper said:

https://flamingo-orca-2ez8.squarespace.com/who-we-are

password: lngtv1

Incorrect password

2 hours ago, tuanphan said:

Incorrect password

Please try again. 

lngtv1

18 hours ago, Nipper said:

Please try again. 

 

lngtv1

5 hours ago, tuanphan said:

Website Expired

This account has expired. If you are the site owner, click below to login.

You can contact Squarespace Customer Care to extend trial

It has been updated, thanks

Does anyone know how to add different social links to different sections on the same page?

On 7/7/2021 at 7:33 PM, sophiemarsh said:

Does anyone know how to add different social links to different sections on the same page?

On 7/14/2021 at 5:44 PM, Kazim said:

Did anyone find a solution for this? i'm facing same issues

Follow this. If you need any help, just reply here.

https://forum.squarespace.com/topic/153877-need-help-adding-individual-social-links/?do=findComment&comment=349662

On 11/26/2020 at 12:40 AM, Nipper said:

Do you have the code for adding email for this too? Can't seem to get an icon and link to it.

Thanks

Hi @tuanphan , this has been a great help.

Do you have one for Twitter as well?

Thanks!

On 2/19/2020 at 1:52 PM, tuanphan said:

First, add to this code to Home > Settings > Advanced > Code Injection > Header

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

 

Next, paste to Code Block. Here are icons for FB, Instagram,..

<div class="kl-socials">
    <a href="https://www.squarespace.com" target="_blank">
    <i class="fa fa-globe fa-3x" aria-hidden="true"></i>
  </a>
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-facebook fa-3x" aria-hidden="true"></i>
  </a>
  <a href="https://www.instagram.com" target="_blank">
  <i class="fa fa-instagram fa-3x" aria-hidden="true"></i>
  </a>

</div>

 

 

Hey @tuanphan

I'm trying to add discord and reddit, and the font awesome icons jst dont show up. 

i'm putting: 

<div class="kl-socials">
    <a href="https://www.reddit.com" target="_blank">
    <i class="fab fa-reddit-alien fa-3x" aria-hidden="true"></i>
  </a>
  <a href="https://www.discord.com/" target="_blank">
    <i class="fab fa-discord fa-3x" aria-hidden="true"></i>
  </a>
</div>

Nothing appears 😞

Thanks,

Anele

On 9/22/2021 at 4:57 PM, AikoJAPAN said:

Hi @tuanphan , this has been a great help.

Do you have one for Twitter as well?

Thanks!

Hi,

Use this

<a href="https://www.discord.com/" target="_blank">
    <i class="fa fa-twitter" aria-hidden="true"></i>
  </a>

21 hours ago, Anele0610 said:

Hey @tuanphan

 

I'm trying to add discord and reddit, and the font awesome icons jst dont show up. 

i'm putting: 

<div class="kl-socials">
    <a href="https://www.reddit.com" target="_blank">
    <i class="fab fa-reddit-alien fa-3x" aria-hidden="true"></i>
  </a>
  <a href="https://www.discord.com/" target="_blank">
    <i class="fab fa-discord fa-3x" aria-hidden="true"></i>
  </a>
</div>

Nothing appears 😞

 

Thanks,

Anele

Hi. My code for FontAwesome 4.7. Your font icon is for FA 5.x version.

In FA 4.7, the font icons should be

Reddit: 

<i class="fa fa-reddit" aria-hidden="true"></i>

Discord

4.7 doesn't support Reddit

To make your code work, you need to replace FA 4.7 link 

Quote

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

with FA 5.x link

Quote

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">