Simplest jQuery Social Share Link Plugin - socialLinkBuilder

File Size: 9.04 KB
Views Total: 3059
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simplest jQuery Social Share Link Plugin - socialLinkBuilder

socialLinkBuilder is a jQuery plugin that makes it easier to generate social share links with SVG based social icons on the webpage. Currently supports: Facebook, Twitter, Google+, Linkedin, Print, Email and telephone.

How to use it:

1. Create a DIV container to place the social share links.

<div class="social">

2. Place jQuery library and the jQuery socialLinkBuilder plugin's script at the end of the html document.

<script src="//"></script>
<script src="socialLinkBuilder.js"></script>

3. Call the function on the DIV container you just created. By default, the plugin will generate Facebook, Twitter, Google+, Linkedin share links inside the container.


4. Style the SVG social icons in the CSS.

.social svg {
  width: 50px;
  height: 50px;
  margin: 0 10px;

5. Enable the Print, Email and telephone links.

  print: {
    isUsed: true
  email: {
    isUsed: true,
    mailto: '[email protected]'
  tel: {
    isUsed: true,
    tel: '0000000000'

6. Replace the default social icons.

  facebook: {
    svg: '...'

Change log:


This awesome jQuery plugin is developed by lopeax. For more Advanced Usages, please check the demo page or visit the official website.