Turnstile Field Element

Last Update: September 30, 2025

The Avada Turnstile Field Element is a verification tool and can serve as a CAPTCHA replacement solution, offering an alternative to Google reCaptcha in your Forms. Once you add the Cloudflare Turnstile Site and Secret Keys to the Global Options, you can add the Element to any Avada Form, and there are also several options to control the display and size of the Turnstile Widget.

Watch the video below for a visual overview of using the Turnstile Field Element and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Avada Turnstile Field Element

Set Up Site & Secret Keys

The first step to use this element is to set up the Site and Secret Keys, found in the Global Options, under Forms > Cloudflare Turnstile. There is a link to the Cloudflare docs to allow you to set up these keys. For a visual runthrough, watch the video above. But in short, follow these steps.

  • Click on Create New Widget in the Table of Contents

  • Click on Cloudflare Dashboard

  • Click on Go to Turnstile

  • Log in to Cloudflare

  • Click on Add Widget

  • Add Widget Name

  • Add your desired Hostnames (domain names) for the Widget and select them

  • Set your Widget options

  • Click on Create

  • Copy Your Site Key and Secret Key into your Global Options

Add & Configure the Element

Once your Site and Secret Keys have been added, you can add the Turnstile Field Element into your Avada Form. There are a number of design options as seen below.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms as you need; there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.

HeadingDescription
Appearance ModeChoose the Turnstile appearance mode. "Always" will display the widget on page load in any case, while "Interaction Only" will make it visible only when visitor interaction is required.
Color SchemeChoose the Turnstile color scheme.
Widget SizeChoose the Turnstile widget size.
LanguageChoose the Turnstile widget language.
Tab IndexTab index for the form field.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

In this article