Or go to our Shopify Theme Detector directly
How to Add Captcha on your Shopify Blog
Last modified: December 5, 2021
Are you looking to protect your Shopify blog from spam comments and bots that will add undesirable content to your website? Then you might want to add a Captcha to your website for basic protection. This can be easily done without any Shopify apps. However, this will require you to know some coding.
Here are the steps that you can use to add the code to your website.
# | Name | Image | |
---|---|---|---|
|
Get a Free Custom Shopify Store | ||
1 |
|
Kinder
|
|
2 |
|
Ira
|
|
3 |
|
Maker
|
|
4 |
|
Parallax
|
|
5 |
|
Booster
|
|
6 |
|
Blockshop
|
|
7 |
|
Retina
|
|
8 |
|
Mobilia
|
|
9 |
|
Supply
|
|
10 |
|
Broadcast
|
|
Show More
|
Step 1 – Log In
The first thing is to log into your Shopify website using your credentials.
Step 2 – Themes
Now you can go to the ‘Themes’ section of your website design and then enter the Template Editor.
Step 3 – Article Coding
Now you can go to the file that is labelled ‘article.liquid’. Within this file you need to add the following code to the file.
<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>
Now you also need to add this code to the end of the form.
<div>How much is: <input id="question" disabled="disabled" type="text" />Answer:* <input id="answer" type="text" /> </div>
When you’ve added all the changes to your website, you can save the document for the changes to be made to your blog.
Alternatively Options to the Code
Another option is to use an app on your Shopify store. One of the best options for this is the Clean Talk app. This is a good tool that can protect not just your website’s blog but also other parts of your website.
Why Use Captcha?
There are many reasons why you might want to use Captcha on your website. For one, hackers can be kept out of your website and it can prevent them from adding lots of content to your website that can detract from the look and professionalism of your website. This can include comments that look dodgy and links that can be harmful to your customers.
Captcha can also improve the security and protection of those shopping on your website and can improve the trust you have with your customers.
Finally, you can also improve the integrity of your website. When you run polls or have analysis you can reduce the fake responses and entries on your website. This can also save you time on contact forms.
Limitations of Captcha
However, there are some Captcha. The first is that the bot that is accessing your website is not familiar with the post URL and fills the data instead of posting to the post URL. Another problem is that the bot needs to use JavaScript.
Also, it doesn’t provide your website with protection from those who are manually trying to spam you or attack your website.
Final Word: How to Add Captcha on your Shopify Blog
Here are the instructions on how to add Captcha to your Shopify blog. There is also an option for adding more protection across your website with an app. This can help you perform better and spend less time on your website management by getting rid of bot responses on content.