wegmeister/recaptcha
composer require wegmeister/recaptcha
Form Element for the Flow Form Framework integrating Google's Recaptcha
2.3.4
Form Element for the Flow Form Framework integrating Google's Recaptcha
- Requires
- google/recaptcha: ^1.2
- neos/form: ^4.0 || ^5.0.9
- Requires (dev)
- None
- Suggest
- neos/form-builder: Integrates the Flow Form Framework into Neos CMS.
- Provides
- None
- Conflicts
- None
- Replaces
- None
Wegmeister.Recaptcha
Tested with Flow 4.0.x
Neos-Plugin to integrate Google's Recaptcha into Forms
© Benjamin Klix, die wegmeister gmbh
Installation
Require the package using composer:
composer require wegmeister/recaptcha
After this go to http://www.google.com/recaptcha and create some keys for your website (reCAPTCHA, Version 2).
Using this package without the Neos.Form.Builder package
Simply add the new form element to your form definition renderables:
type: 'Neos.Form:Form'
identifier: someIdentifier
label: Label
renderables:
-
type: 'Neos.Form:Page'
identifier: page-one
renderables:
-
type: 'Wegmeister.Recaptcha:CaptchaV2'
identifier: captcha
label: Captcha
properties:
siteKey: your-public-key
secretKey: your-private-key
# Optional value if you want to verify the hostname too:
expectedHostname: 'www.your-domain.com'
wrapperClassAttribute: 'form-group'
# Optional values to adjust recaptcha. For further information visit
# https://developers.google.com/recaptcha/docs/display#config
theme: 'light'
type: 'image'
size: 'normal'
tabindex: 0
# If you want to print the recaptche text in a specified language,
# you can set that language here.
# Note: If you use the Neos.Form.Builder package, the language will
# automatically be set by your current language dimension.
#lang: 'de'
# optionally change the translationPackage
# if you want to adjust the error message
#renderingOptions:
# validationErrorTranslationPackage: 'Wegmeister.Recaptcha'
finishers:
-
<Your finishers here>Using this package with Neos.Form.Builder
Install Neos.Form.Builder
composer require neos/form-builder
Add Captcha form element to your form
Configure reCaptcha site key, secret key and other settings from the Inspector
❗ The old ReCaptcha form element with an additional validator required will be removed in Version 3.x of this plugin. Please update to the new form element.
Settings
This plugin will automatically load the required recaptcha/api.js file once. If you already load this file yourself, you can disable it in the settings. Also there is a polyfill for Element.prototype.closest. If you don't need it, you can disable this, too.
Neos:
Form:
presets:
default:
formElementTypes:
'Wegmeister.Recaptcha:Captcha':
renderingOptions:
# If you have already included the ReCaptcha api.js file yourself, set this to false.
includeAPIScript: true
# If you don't need a closest polyfill in js, set this to false.
includeClosestPolyfill: true
# Set your siteKey and secretKey in your settings file globally (or if you want to keep it outside your git)
properties:
siteKey: 'your-public-key'
secretKey: 'your-private-key'I18N
English, German, French and Dutch are the only supported languages at the moment. Feel free to send us another language to add it to the plugin.