CMS Platforms

Webflow Installation

Add UCAPTCHA to your Webflow site using the Custom Code panel — no coding experience required.

Step 1 — Get your site key

Log in to your UCAPTCHA dashboard, go to My Sites, and copy the site key for your site.

Step 2 — Open Site Settings

  1. Open your project in the Webflow Designer
  2. Click the gear icon (⚙) in the left sidebar to open Site Settings
  3. Click the Custom Code tab
ℹī¸ Custom Code is available on Webflow's Basic plan and above. It is not available on the free Starter plan.

Step 3 — Add the script to the Head Code

In the Head Code section, paste the following snippet. Replace YOUR_SITE_KEY with your actual key.

<script
  src="https://www.ucaptcha.site/captcha-widget.js"
  data-site-key="YOUR_SITE_KEY"
  defer>
</script>
  1. Click Save Changes at the bottom of the page
  2. Go back to the Designer and click Publish to push the changes live

Step 4 — Verify it's working

Visit your published Webflow site and navigate to a page that contains a form. The UCAPTCHA checkbox should appear automatically inside the form above the submit button.

💡 UCAPTCHA works with Webflow's native Form block automatically. If you're using an embedded third-party form, see the Google Tag Manager guide for an alternative approach.

Adding to a specific page only (optional)

To only protect forms on a specific page (e.g. your Contact page), use Page Settings instead of Site Settings:

  1. In the Designer, select the page you want to protect from the Pages panel
  2. Click the gear icon next to the page name to open Page Settings
  3. Scroll to the Custom Code section and paste the script into the Inside <head> tag field
  4. Click Save and republish

Next steps

WordPress guide →Google Tag Manager guide →Go to your dashboard →