Title: Stop CF7 Multiclick
Author: zaus
Published: 18 Juli 2012
Last modified: 18 Juli 2012
---
Cari plugin
Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi
dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan
dengan versi WordPress yang lebih baru.
# Stop CF7 Multiclick
Oleh [zaus](https://profiles.wordpress.org/zaus/)
[Unduh](https://downloads.wordpress.org/plugin/stop-cf7-multiclick.zip)
* [Detail](https://id.wordpress.org/plugins/stop-cf7-multiclick/#description)
* [Ulasan](https://id.wordpress.org/plugins/stop-cf7-multiclick/#reviews)
* [Instalasi](https://id.wordpress.org/plugins/stop-cf7-multiclick/#installation)
* [Pengembangan](https://id.wordpress.org/plugins/stop-cf7-multiclick/#developers)
[Bantuan](https://wordpress.org/support/plugin/stop-cf7-multiclick/)
## Deskripsi
Prevent multiple Contact Form 7 submissions due to repeated clicks and itchy trigger
fingers.
#### Why
Because users are sometimes impatient, and due to styling issues it’s not always
apparent that Contact Form 7 is in the process of submitting via ajax.
### About zaus
As seen on [WordPress Profile: Zaus](https://profiles.wordpress.org/zaus/) and author
homepage [drzaus.com](http://drzaus.com/about).
## Instalasi
1. Upload plugin folder `stop-cf7-multiclick` to your plugins directory (`/wp-content/
plugins/`)
2. Activate plugin
3. Add the following shortcode immediately after your contact form shortcode: `[cf7multiclick]`
or `[cf7multiclick selector=".wpcf7-submit"]`
4. In the _“Additional Settings”_ section of the specific form, add the following
on a single line: `on_submit: window.cf7multiclick.reactivate('.wpcf7-submit');`
5. Optionally, add a better visual indicator to your form (i.e. gray out) when it’s
in the middle of submitting using the provided CSS class `.cf7-pending`
## Tanya Jawab
How do I use the plugin?
1. Add the following shortcode on the same WP page as you placed the CF7 form shortcode:`[
cf7multiclick]`. This will “pause” interaction with the submit button, preventing
clicks until the form has finished submitting.
2. Add the following callback to the _additional settings_ of the CF7 form itself:`
on_submit: window.cf7multiclick.reactivate();`
By default, both intercepts target the submit button using the selector `.wpcf7-
submit` by default, which is the default CF7 class on the submit button, but if
you have multiple forms or different classes/ids/etc, you can specify the selector
like:
```
[cf7multiclick selector=".wpcf7-submit"]
on_submit: window.cf7multiclick.reactivate('.wpcf7-submit');
```
How do I style the “in-process” form?
You can provide a better visual indication that your form is in the process of submitting
by using the “temporary” form class of `.cf7-pending`, like:
```
```
My form is still triggering multiple times, what do I do?
First of all, inspect the submit button to discern what selector you should use
to specify it. You can use your browser developer tools, or if you customized it
via the CF7 interface you can look in the form admin. If you have an `id` on the
button like _my-submit_, you can use that in the shortcode as well as the reactivate
function like:
```
[cf7multiclick selector="#my-submit"]
on_submit: window.cf7multiclick.reactivate('#my-submit');
```
This really is only relevant if you’ve manually entered the HTML for the button —
the CF7-generated “shortcode” should have the expected default class of `.wpcf7-
submit` already, in which case you wouldn’t need to specify the selectors for the
callbacks.
What if it it breaks other jQuery plugins, like easing?
I came across an instance where the shortcode was being called in a modal popup,
which loaded content via ajax. Since it was in a new request, the plugin script’s
dependency on jQuery caused it to load jQuery (as it should), but because this happened
after the rest of the page was already loaded it injected jQuery again, thus overwriting
the jQuery object and breaking other jQuery plugins.
The solution is to tell the shortcode which script to load or use, and then call
the shortcode in two separate places.
First, tell the shortcode to not use the script function (only loading the plugin
script). Put this in the regular page:
```
[cf7multiclick use_script="false"]
```
Then, tell the shortcode to not load the script (and thus dependencies). Put this
in the modal:
```
[cf7multiclick load_script="false"]
```
How do I do XYZ?
Coming soon!
## Ulasan
### [Plugin No Longer Works](https://wordpress.org/support/topic/plugin-no-longer-works-19/)
[workinclasshero](https://profiles.wordpress.org/workinclasshero/) 2 November 2016
This plugin needs to be updated. It stops multiple submissions but doesn’t ever
get to the success message or the optional redirect to another page after submission.
I think this part of the plugin is broken: on_submit: window.cf7multiclick.reactivate(‘.
wpcf7-submit’), You can read the readme.txt file in the plugin to get more info.
[ Baca semua 2 ulasan ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/)
## Kontributor & Pengembang
“Stop CF7 Multiclick” adalah perangkat lunak open source. Berikut ini mereka yang
sudah berkontribusi pada plugin ini.
Kontributor
* [ zaus ](https://profiles.wordpress.org/zaus/)
[Terjemahkan “Stop CF7 Multiclick” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/stop-cf7-multiclick)
### Tertarik mengembangkan?
[Lihat kode](https://plugins.trac.wordpress.org/browser/stop-cf7-multiclick/), periksa
[repositori SVN ](https://plugins.svn.wordpress.org/stop-cf7-multiclick/), atau
mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/stop-cf7-multiclick/)
melalui [RSS](https://plugins.trac.wordpress.org/log/stop-cf7-multiclick/?limit=100&mode=stop_on_copy&format=rss).
## Log Perubahan
#### 0.1
* inception!
#### 0.2
plugin + javascript
#### 0.3
live testing, readme
#### 0.4
shortcode attributes to conditionally load/use scripts
## Meta
* Versi **0.4.1**
* Diperbarui **14 tahun yang lalu**
* Instalasi Aktif **10+**
* Versi WordPress ** 3.0 atau yang terbaru **
* Diuji hingga **3.2.1**
* Bahasa
* [English (US)](https://wordpress.org/plugins/stop-cf7-multiclick/)
* Tag
* [contact form 7](https://id.wordpress.org/plugins/tags/contact-form-7/)
* [Tampilan lanjut](https://id.wordpress.org/plugins/stop-cf7-multiclick/advanced/)
## Rating
3 dari 5 bintang.
* [ 1 ulasan 5-bintang ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=5)
* [ 0 ulasan 4-bintang ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=4)
* [ 0 ulasan 3-bintang ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=3)
* [ 0 ulasan 2-bintang ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=2)
* [ 1 ulasan 1-bintang ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/#new-post)
[Lihat semua ulasan](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/)
## Kontributor
* [ zaus ](https://profiles.wordpress.org/zaus/)
## Bantuan
Ada yang ingin dikatakan? Butuh bantuan?
[Lihat forum bantuan](https://wordpress.org/support/plugin/stop-cf7-multiclick/)
## Donasi
Apakah Anda ingin mendukung pengembangan plugin ini?
[ Donasi untuk plugin ini ](http://drzaus.com)