Generate Custom Social Share Buttons With jQuery C Share Plugin

The C Share jQuery plugin lets you dynamically generate social share buttons from popular social networks to increase social media engagement.


Requires jQuery and Font Awesome.



Supported social media networks:


  • Facebook
  • Google+
  • Line
  • Plurk
  • Weibo
  • Twitter
  • Tumblr
  • Pinterest
  • Email


Install & Download:

# Yarn
$ yarn add jquery-plugin-c-share

$ npm install jquery-plugin-c-share --save


How to use it:


1. Include the needed jQuery JavaScript library and Font Awesome Iconic Font on the page.

<link rel="stylesheet" 
<script src="" 


See also  Build a Microsoft OneDrive API File Picker to Upload & Download Files to Storage in Browser Using Javascript Full Project For Beginners

2. Download and include the JavaScript c-share.min.js after jQuery.

<script src="js/c-share.js"></script>


3. Create an element to hold the social share buttons.

<div id="shareBlock"></div>


4. Call the function on the container element and specify the social media networks you want to use.

  showButtons: [
    '<a href="">twitter</a>',

5. Specify the content you want to share.

See also  How to Extract Base URL From Subdomain in Javascript and Node.js Full Tutorial 2020
  description: 'Content To Share',

6. Set the space between social share buttons. Default: 6px.

  spacing: 10

7. Customize the Share To text.

  shareToText: 'Share to'

Leave a Reply