The Supabase - Captcha Turnstile element is a visual component that integrates Cloudflare's Turnstile captcha service with your Bubble application. This element helps protect your forms from bots and automated attacks while providing a user-friendly experience.
Plugin Element Properties
Fields:
Title | Description | Type |
Site key | Your Cloudflare Turnstile site key | Text |
Size | Widget size - "normal" (300px×65px) or "compact" (130px×120px) | Dropdown |
Theme | Widget appearance - "auto", "light", or "dark" | Dropdown |
Exposed States
Title | Description | Type |
Token | The verification token generated after successful completion. | Text |
Is token valid? | Indicates if the token is currently valid. | Boolean |
Status code | Status code for troubleshooting. | Text |
Status message | Status message for troubleshooting. | Text |
Element Events
Title | Description |
Token generated | Triggered when a verification token is successfully generated. |
Token generated error | Triggered when there's an error generating the token. |
Element Actions
Reset
Reset the captcha
Workflow example
- Add the Supabase - Captcha Turnstile element to your page.
- Configure the Site key from your Cloudflare Turnstile account.
- Select your preferred size and theme.
- Use the generated token with Supabase Auth actions by setting the State "Token" as the "Captcha token" parameter in actions like "Sign the user up" or "Log the user in with password".
This element helps prevent bot attacks on your authentication forms while providing a smooth user experience compared to traditional captchas.