Adding the social share shortcuts to the pages

View Source Code

This component allows to add the social share badge to enable a shortcut for sharing the page on social platforms.

Social share badge
Social share badge


  • linkedin - true (default) to enable sharing on LinkedIn
  • facebook - true (default) to enable sharing on Facebook
  • pinterest - true (default) to enable sharing on Pinterest
  • reddit - true (default) to enable sharing on Reddit
  • color - custom color. If not specified, default color of the social platform is used


Add the reference to /_assets/styles/social-share.css style into the head of the page.

Add the include into the HTML node (usually added to the header of the article)

    <link rel="stylesheet" type="text/css" href="/_assets/styles/social-share.css" />
    {% social-share %}

This component is included into the blog theme and user guide theme

Powered by Docify