Adding a Simple Like Button to My Website

I’ve been reading The Art and Business of Online Writing by Nicolas Cole and it prompted me to try to get some feedback on my writing. So, I worked on adding a “like” button to my website.

I like to keep my website as small, light, and private as I can, so I don’t want to embed anything. What I decided was to implemented this as a simple hyperlink to an auto-saving form. Here’s an example of the link I used:

<a href="" title="I like this">Like</a>

I created the form itself on Tally.so and then linked the button to that form. I set the form up to save automatically, even if the user doesn’t hit the submit button. My hope was that this would make the “like” a single click action. Unfortunately, Tally doesn’t save the form unless the user does something on the page. Setting a hidden field does not trigger the auto save like I had hoped.

I added a hidden field to capture the url the user came from. I also added a field for additional comments if the user wants to add any.

When a user clicks on the like button they go to a Tally.so form and the URL and their like/dislike choice is automatically selected. They can, optionally, enter some comments and hit submit to record the rating.

I also tried adding a hidden field and a visible field and setting the visible field to the value passed to the hidden field. That also didn’t trigger an automatic save.

Here’s a picture of the form:

Tally Form

If you have experience with Tally and know how to make this more automatic, hit one of the buttons below and let me know.

Written by Joel Dare on October 17, 2024.