How to Add Google ReCaptcha to Webflow (2026) + Bonus Tip
Google captcha is a fantastic FREE way to prevent spam and bots. In this step by step tutorial, learn how to add Google Captcha (V2) to your @Webflow site. This includes how to add the secret and site key as well as a bonus tip on how to make the Captcha compact especially on mobile devices using attributes:
data-size = compact
Custom code to make the Captcha normal size on desktop and compact on mobile can be found on my site: https://www.dereksiu.com.au/tutorials...
--
📢 Connect With Me
Website: https://www.dereksiu.com.au/
Fiverr: https://www.fiverr.com/dereksiu
👇 Helpful Links:
Hire a Freelancer on Fiverr:
https://fiverr.grsm.io/k8bhq1js4hmx
Try Webflow:
https://webflow.partnerlinks.io/4brsn...
Want to record a video like this? Try Tella:
https://refer.tella.com/derek
Have questions or suggestions for future tutorials? Leave them in the comments below! Your feedback is greatly appreciated.
📚 Time Stamps:
0:00 Intro & Example
0:08 Adding Captcha to Webflow Form
0:48 Form Site Settings
1:05 Register for a new key
2:07 Adding site key and secret key
2:20 Captcha Enabled!
2:32 Bonus Tip - Compact
4:24 Closing Statements
--
*Disclaimer: Some of the links in this description are affiliate links, which means I may earn a small commission if you make a purchase through them. This comes at no extra cost to you and helps support the channel. Thank you for your support!
Peace!
#Webflow #WebflowTutorial #CAPTCHA #WebDesign #NoCode #WebflowTips #WebflowDevelopment #WebsiteSecurity #AntiSpam #WebflowGuide #WebDesignTutorial #NoCodeDevelopment #WebflowBeginner #WebDevelopment #OnlineSecurity #WebflowHelp