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

Need help adding individual social links


Recommended Posts

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?

Link to comment
  • 2 months later...
First, add to this code to Home > Settings > Advanced > Code Injection > Header
 
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>
 

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 8 months later...
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

Link to comment
  • 3 weeks later...
On 2/19/2020 at 12:52 PM, tuanphan said:
First, add to this code to Home > Settings > Advanced > Code Injection > Header
 
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

Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
1 hour ago, Nipper said:

Incorrect password

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
18 hours ago, Nipper said:

Please try again. 

 

lngtv1

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 7 months later...
  • 2 weeks later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 2 months later...

Create an account or sign in to comment

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

×
×
  • Create New...