![finally-upvote-button.png](https://ipfs.busy.org/ipfs/QmPJyymasoJwZT7YJvxGyMHtJov6YGWgtCQtjGCZyTbe8D)

<center>*https://finallycomments.com/finally-button*</center>

### Repository
https://github.com/code-with-sam/finallycomments/

**The mission behind Finally Comments is to create tools that allow the Steem blockchain and it’s functionality to live outside the small number of dApps. Today I’m releasing a new tool for website owner. The upvote button adds extra integration between external websites and the Steem blockchain. The upvote button can be used instead of or alongside existing Finally comments threads.**

## Finally Upvote Button
It's time to use your upvote button anywhere on the web!

The Finally upvote button can be linked to any existing content on the Steem blockchain and is embeddable with a single iframe with no need for an additional Javascript library. The Finally backend system deals with authentication(via SteemConnect) and voting. The upvote buttons doubles as a vote slider when clicked for authenticated users and show’s a popup for those not currently authenticated with Finally.

The button is intended to sit alongside (or replace) other social media buttons such as Facebook like, Twitter tweet, Pinterest pin etc.

![giphy.gif](https://ipfs.busy.org/ipfs/QmaJaHVcNaFTnNpsQBUSc37VWg96jhxNB55z9bcGoRi1bL)


![screely-1530728954377.png](https://ipfs.busy.org/ipfs/Qmb3Z45utQtEnwT14sVudP3gBqSNeat9mjTpRe8ysobBkk)

*See a button in action and give it a try here - https://finallycomments/finally-button*

## How To use the Upvote Button
To create your own Finally button access the [Finally Dashboard](https://finallycomments.com/dashboard) (login with Steemconnect).

· *Steem-posts* - Create via your recent Steem posts. Login to Finally with the account you want to use and you will see a list of 10 most recent posts.

· *Custom-threads* - Create a custom Button - Login to Finally and head to 'custom threads', first name and create a new thread and then generate a button from there.

· *Generator* - Generate from any Steemit.com link - Find the relevant content on steemit.com and use generator to create the button.

![screely-1530728717069.png](https://ipfs.busy.org/ipfs/QmbyUfjFKnT7oBeHRyQPUyRB8L4D33F5gULti5qdHAYTA7)
<center>*List of recent Steem Posts*</center>
![screely-1530728771274.png](https://ipfs.busy.org/ipfs/Qmd7yzuDJ6LyYFXBCWXhCXxrZS7G283A4L9rkk9isPqV54)
<center>*One click embed code :)*</center>

## How it Works/What's New
The button is a completely new feature and is not connected to the threads. Finally comments threads/buttons can be used together or independently without issue.

The button is part of Finally Comments backend and uses a similar system that the Finally Comments threads use. The button lives on a standalone page where url parameters following Steemits URL structure pass the necessary data to the route. An iframe is created that is the correct size to view both the initial upvote button and also the vote slider that appears. 

The button acts as a sign-in button if the user is not already authenticated with Finally similar to how a Tweet button would. If the visitor is currently authenticated it checks for active votes on the respective content

[`finally-button.js`](https://github.com/code-with-sam/finallycomments/blob/master/src/js/finally-button.js) deals with the front-end actions and passes requests back the the existing Finally backend. 

## Ideas/Improvements
I wasn't sure if it was a good idea to include value amounts or vote amounts on the button. These could be options if users would find it beneficial. The $amount might help add intrigue to websites/blogs around the internet.

I was unsure on if having a steem logo on the button helped. Having a logo and upvote icon unbalances the button a little, interested to hear others thoughts on this.

Let me know what you think of the Finally button.

## Github
PR - https://github.com/code-with-sam/finallycomments/pull/43