Adds extensions to the Craft CMS contact form plugin.
- Save submissions to the database and view them in the Control Panel
- Add a confirmation email that is sent to the submitting email
- Overwrite the default e-mail template
- Add an invisible reCAPTCHA
This plugin is licensed under a MIT license, which means that it's completely free open source software, and you can use it for whatever and however you wish.
This plugin requires Craft CMS 3 and the Contact Form plugin.
Install this plugin through the Plugin Store or follow these instructions.
-
Open your terminal and go to your Craft project:
cd /path/to/project
-
Then tell Composer to load the plugin:
composer require hybridinteractive/craft-contact-form-extensions
-
In the Control Panel, go to Settings → Plugins and click the “Install” button for Craft Contact Form Extensions.
When you overwrite the email templates, your twig view will receive a submission
variable which contains all the information that a default Contact Form submission contains:
- fromName
- fromEmail
- subject
- message
- attachment
When saving submissions to the database the default form name will be "Contact". If you add a message[formName]
hidden field you can override the form name. This can also used to create multiple form indexes in the Control Panel.
<input type="hidden" name="message[formName]" value="myFormName">
When sending confirmation option is enabled and custom templates per form are needed, override the template with a hidden field. The template needs to be placed under templates\_emails folder. Add a hash for safety. The same data is passed as in the default overridden template.
<input type="hidden" name="message[template]" value="{{ 'contact'|hash }}">
When sending confirmation option is enabled and custom subjects per form are needed, override the subject with a hidden field. Add a hash for safety.
<input type="hidden" name="message[subject]" value="{{ 'subject'|hash }}">
<input type="hidden" name="message[toEmail]" value="{{ '[email protected]'|hash }}">
Before you set your config, remember to choose invisible reCAPTCHA
while applying for keys.
Enable reCAPTCHA in the Contact Form Extensions settings and fill in your siteKey
and secretKey
.
Then use the following code in your forms:
{{ craft.contactFormExtensions.recaptcha | raw }}
To use ReCaptcha V3, choose the V3 option in the settings, make sure to enter a correct siteKey
and secretKey
and enter a threshold
. Learn more about ReCaptcha V3
Then include the following code in your forms, for example for the homepage
action:
{{ craft.contactFormExtensions.recaptcha('homepage') | raw }}
{% for submission in craft.contactFormExtensions.submissions %}
{{ submission.dateCreated|date('d-m-Y H:i') }} - {{ submission.fromEmail }} - {{ submission.fromName }}
{% endfor %}
Brought to you by Hybrid Interactive