Personal Social Links for Team Members

I want to add in-page LinkedIn social links for the founders of a business on my website.  Note that these would be distinct from our official business social links which are available in our footer.  Is this possible?

You typically have to do this with text links or in a code block.

Cheers Zygmunt.  I'd prefer not to use text links - not very consumer-friendly.  I've tried to find videos instructing me to do this with code block but have had no luck - do you know of any sources where I can find the CSS to add social buttons for team member's personal Linkedin?

Try this HTML as a starting point:

<div>
  <p>
    <img src="https://img.icons8.com/metro/16/ffffff/linkedin.png">&ensp;
    <a href="http://www.linkedin.com/in/*********" target="_blank">LinkedIn</a>
  </p>
</div>

Change the highlighted yellow ffffff to any hex code to control the colour of the linkedin icon.
Change the link within the quotation marks.

If you just want the icon then use this instead, again change the ffffff and href link:

<div>
  <p>
    <a href="http://www.linkedin.com/in/*******/" target="_blank">
     <img src="https://img.icons8.com/metro/32/ffffff/linkedin.png">
    </a>
  </p>
</div>

Cheers Zygmunt.  Sorry for the slow response.  I wasn't able to get the right result with this.  The first option came back with a text link but since I can just use Squarespace link for this I won't use code.  The second option came back with this.

On 9/6/2023 at 1:42 PM, JacquiB said:

Cheers Zygmunt.  Sorry for the slow response.  I wasn't able to get the right result with this.  The first option came back with a text link but since I can just use Squarespace link for this I won't use code.  The second option came back with this.

Can you share link to page where you added the code? We can check easier

Thanks so much guys - but I am actually ok with launching using text links now

Hello there,

It was helpful for me but I would like to be able to change the look of the linkedin icon to match the one available by default on Squarespace.

I used a block of code on my page, and used this code.
 

<div>
  <p>
    <a href="http://www.linkedin.com/in/*******/" target="_blank">
     <img src="https://img.icons8.com/metro/32/ffffff/linkedin.png">
    </a>
  </p>
</div>

But the icon doesn't look like the Instagram account I used in the footer;
Do you know how I can change that?


This is the URL: https://tambourine-wrasse-93tn.squarespace.com/
Password: blossom2023

Hey @JacquiB

Might I suggest using the "Social Icons Everywhere" plugin by @RolandFuseHub and SQSMods?

It's pretty much made for this. You can see an example I used for a client here within a List Section, so it's very flexible and easy to use.

https://en.lj-partner.com/ueberuns

5 hours ago, KwameAndCo said:

Hey @JacquiB

Might I suggest using the "Social Icons Everywhere" plugin by @RolandFuseHub and SQSMods?

It's pretty much made for this. You can see an example I used for a client here within a List Section, so it's very flexible and easy to use.

https://en.lj-partner.com/ueberuns

Hi @JacquiB, @KwameAndCois correct. Our plugin does just that: https://www.sqsmods.com/social-icons

have a look…

Roland