Hi all,
How can I make the reCaptcha tag invisible?
I have this tag next to the button and it is a kind of obstacle to click on the button.
Can anyone help me out?
Thank you in advance!
Topic summary
A user seeks to hide the reCAPTCHA badge that appears near a button on their Shopify store, as it interferes with button clicks. They want to keep the security function active while making only the visual logo invisible.
Initial Suggestions:
- Two responders initially recommend disabling reCAPTCHA entirely through Shopify admin settings (Settings > Apps and sales channels > Online store > Preferences > Spam protection)
- The original poster clarifies they want to hide the badge without disabling the security feature
Working Solution:
A CSS code snippet is provided to hide the badge:
- Navigate to: Online Store → Theme → Edit code → theme.liquid
- Paste before the closing
</body>tag:
<style>
.grecaptcha-badge {
display: none !important;
}
</style>
- The original poster confirms this solution works successfully
Follow-up:
Another user requests additional help locating where to paste the code, suggesting they may need more detailed guidance on accessing the theme files.
2 Likes
yes you have easy to mange reCAPTCHA
I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:
Steps:- From your Shopify admin, click Settings > Apps and sales channels.
- From the Apps and sales channels page, click Online store.
- Click Open sales channel.
- Click Preferences.
- In the Spam protection section, you can check to enable or uncheck to disable Google reCAPTCHA for that location
Hope you find my answer helpful!
Regards,
Richard-pagefly
Thank you. I don’t want to unable the function and just want to make the logo invisible. Do you know how to do it?
Thank you. I don’t want to unable the function and just want to make the logo invisible. Do you know how to do it?
Okay, you can try with this code to hide captcha logo
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag
.grecaptcha-badge { display: none !important; }Please refer to this screenshot:
Hope you find my answer helpful!
3 Likes
Thank you! It worked!
hello, i can’t find the place to paste the code, would you be able to help? thanks!