jQuery Plugin For Floating Social & Contact Sidebar

File Size: 9.73 KB
Views Total: 55793
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Floating Social & Contact Sidebar

Contact Buttons is a jQuery plugin which allows you to add a floating, collapsible sidebar with social media & contact links on your webpage.

See also:

How to use it:

1. Load the contact-buttons.css in the head for basic styles.

<link rel="stylesheet" href="css/contact-buttons.css">

2. Load the Font Awesome Icon Font for social & contact icons.

<link rel="stylesheet" href="font-awesome.min.css">

3. Load jQuery library and the jQuery Contact Buttons plugin at the bottom of your web page.

<script src="jquery.min.js"></script>
<script src="js/jquery.contact-buttons.js"></script>

4. Initialize the plugin and add social links and contact information to the floating sidebar.

$.shareButtons({
  effect  : 'slide-on-scroll',
  buttons : {
    'facebook':   { class: 'facebook', use: true, link: 'https://www.facebook.com/pages/mycompany', extras: 'target="_blank"' },
    'linkedin':   { class: 'linkedin', use: true, link: 'https://www.linkedin.com/company/mycompany' },
    'google':     { class: 'gplus',    use: true, link: 'https://plus.google.com/myidongoogle' },
    'mybutton':   { class: 'git',      use: true, link: 'http://github.com', icon: 'github', title: 'My title for the button' },
    'phone':      { class: 'phone separated',    use: true, link: '+000' },
    'email':      { class: 'email',    use: true, link: '[email protected]' }
  }
});

Change log:

2015-06-11

  • Variable active corrected.

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