DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Easily add certifications to LinkedIn from your website.
Suvin Nimnaka
Suvin Nimnaka

Posted on

Easily add certifications to LinkedIn from your website.

A few weeks back @lakindu and I were building a platform for @Richmond Live 's new training program. The students were given a digital certificate for the courses they completed at the Richmond Live's academy and once they log in, they can share their certificate across social media platforms or simply download the PDF certificate. In addition to that, students can maintain their public profile which can be used as a portfolio for their achievements at the academy.

While building this platform, we needed a feature to have a button that will add the certification directly to LinkedIn. Checked the official LinkedIn documentation but to keep things simple, we wanted a small NPM package that can do the job. Unfortunately we couldn't find anything that is flexible and stable enough to use in out application. We ended up using the hard way; building the button from the scratch.

After a few days we decided to create a package ourselves for people to use easily. So Linkedin-certification was born!

What does it do?

It will let you to add your certifications directly into LinkedIn from your website. (Not directly! You still need to confirm the details :wink)

How to install?

If you're using npm,

npm install linkedin-certification --save
Enter fullscreen mode Exit fullscreen mode

or else if you're a yarn user,

yarn add linkedin-certification
Enter fullscreen mode Exit fullscreen mode

How to use it?

  • First, import the package
import { LinkedinCertification } from "linkedin-certification";
Enter fullscreen mode Exit fullscreen mode
  • Then use the imported component with your certification details.
<LinkedinCertification
  certificationName="My Sample Certification"
  organizationName="My Sample Organization"
  issuedMonth={12}
  issuedYear={2021}
  expirationMonth={3}
  expirationYear={2023}
  certificateId="29c2e87e-5c1c-11ec-bf63-0242ac130002"
  certificateURL="https://www.google.com"
  newTab={true}
/>
Enter fullscreen mode Exit fullscreen mode

Thats it! You can see a button like this on your application upon saving.

The property list

Property Type Description
certificationName string The name of the certification. [Required]
organizationName string The name of the organizaion. [Required]
issuedMonth number Certification issued month
issuedYear number Certification issued year
expirationMonth number Certification expiry month
expirationYear number Certification expiry year
certificateId number Unique ID of the certification
certificateURL string URL for the certification
newTab boolean Set true to open the LinkedIn Certification window in a new tab
customButton React Node Lets you pass your own custom button.

YES you saw it right!

linkedin-certification lets you add your custom buttons instead of the default one that comes with the package! Got a really cool button with a bunch of animations? Or need a button that goes with your website theme? We got you! Use the customButton property and pass down your own button component.

Contributions are welcome!

If you come across any bugs or feature requests, please open an issue or send a pull request. I'm happy to improve this with your cool ideas!

Help me more!

If you like this package, please consider buying me a coffee so that I can keep improving this even further!
Buy Me A Coffee

Thanks for reading folks! Happy coding!

Top comments (0)

Join us at DEV Want to join the conversation?
Β 

It's easy! Become a DEV member to follow this post, comment, and more.