Bit Form – hCaptcha Field

hCaptcha is a free service designed to protect your website or web application from spam and bots. It works by verifying that the form is being submitted by a real human. When a user submits a form, the hCaptcha field helps prevent automated abuse, ensuring your site stays secure and spam-free.

To use Bit Form’s hCaptcha field, users must first create an hCaptcha account and register the domain where Bit Form is installed.

⚙ App Settings

First, you need to configure hCaptcha. On your WordPress site, go to Bit-Form, navigate to App Settings, and then click on hCaptcha.

To use the hCaptcha field, you must connect it with hCaptcha. For the connection, you’ll need your Site Key and Secret Key. To obtain these, visit the hCaptcha website and log in to your account.

• On the hCaptcha website, click on Sites.
• Click on Add Site.
• Enter a Name and your Site Domain Name.
• Choose your preferred settings (for this guide, set Mode: 99.9% Passive).
• Click Save.
• After saving, your new site will appear in the list.
• Click on your created site to view the Site Key.
• Copy the Site Key and paste it into the Site Key field while connecting with hCaptcha in Bit Form.
• To get your Secret Key:
  • Click on the Profile Icon at the top-right corner.
  • Go to Settings.
  • Under the Secret tab, click on Generate New Secret.
  • A Secret Key will be generated.
  • Copy the Secret Key and paste it into the Secret Key field in Bit Form.
• Finally, click the Save button to complete the hCaptcha configuration.

⚙ General Settings

Now, add the hCaptcha field to your form inside the form builder.

Field Key: In Bit Form, every field has a special identifier known as a Field Key. This field key uniquely identifies a field, it also helps to send data via email, PDF, store database, and PHP action hook. These keys are important in Success/Error Messages, WebHooks, Redirect Pages, Email Templates, Workflows, and Integrations.

Name: The Name is an HTML equivalent input field’s name, you can customize it easily according to your preferences. You can easily modify it to suit your needs.

A field’s name is like a special label used when you submit a form. For example, let’s say the field name is “hcaptcha-1-5”. In this case, ‘hcaptcha’ tells us the type of field it is, ‘1’ refers to the form ID, and ‘5’ means it’s the fifth-number field on the form. This field name can be used for various purposes such as Fetch data from url parameter.

Size & Position: It typically refers to the dimensions and placement of an input or output field within a user interface. It specifies the width and position, x-position, and w-width of the field on the screen or page.

Visibility Mode:

• Passive: Shows the hCaptcha only if there’s a risk detected, keeping the user experience smooth.
• Visible: Always shows the hCaptcha to users.
• Invisible: Works in the background without showing the hCaptcha unless needed.

Theme: You can change the theme of the hCaptcha badge from light to dark.

Size:

• Normal: Displays the standard-sized hCaptcha widget.
• Compact: Displays a smaller version of the hCaptcha widget, ideal for tight spaces or mobile devices.

Position Alignment:

• Right: Aligns the hCaptcha widget to the right side of the form.
• Left: Aligns the hCaptcha widget to the left side of the form.
• Center: Aligns the hCaptcha widget to the center of the form.