Adding Basic Captcha Protection on your Shopify Blog

Hey all!
If you run a blog, you know that SpamBots can be the bane of any blog's existence. We have an awesome workaround you can implement in about 5 minutes that will add basic captcha protection to all of your blog posts!
1) Go to article.liquid under Themes > Template Editor













2) Add this code to the very top of the file, starting on line 1:
<script type="text/javascript">
$(document).ready(function() {
var n1 = Math.round(Math.random() * 10 + 1);
var n2 = Math.round(Math.random() * 10 + 1);
$("#question").val(n1 + " + " + n2);
$(".comment-form").submit(function (e) {
if (eval($("#question").val()) != $("#answer").val()) {
$("#answer").css('box-shadow', '0px 0px 7px red');
e.preventDefault();
}
});
});
</script>
It should look like this:
3) Add the following code in the form at the end, but before the submit button (default is line 88):
<div>
<br/>How much is: <input type="text" disabled="disabled" id="question"/>
<br/>Answer:* <input type="text" id="answer"/>
</div>
Make sure you save your changes, and the finished product will look like this:

Happy blogging, everyone! :)

2 comments

This worked beautifully. Thank you so much

Reply

I think this article will fully complement you article. PLease continue publishing helpful topics like this. Regards, from Always Open Commerce

Reply

Post a Comment