Title: Stop CF7 Multiclick
Author: zaus
Published: <strong>18. 7. 2012</strong>
Last modified: 18. 7. 2012

---

Prohledat pluginy

Plugin **nebyl testován na 3 nejnovějších verzích WordPressu.** Nemusí už být tedy
podporován a u novějších verzí WordPressu může mít problémy s kompatibilitou a může
být nestabilní.

![](https://s.w.org/plugins/geopattern-icon/stop-cf7-multiclick.svg)

# Stop CF7 Multiclick

 Autor: [zaus](https://profiles.wordpress.org/zaus/)

[Stáhnout](https://downloads.wordpress.org/plugin/stop-cf7-multiclick.zip)

 * [Podrobnosti](https://cs.wordpress.org/plugins/stop-cf7-multiclick/#description)
 * [Hodnocení](https://cs.wordpress.org/plugins/stop-cf7-multiclick/#reviews)
 *  [Instalace](https://cs.wordpress.org/plugins/stop-cf7-multiclick/#installation)
 * [Vývojáři](https://cs.wordpress.org/plugins/stop-cf7-multiclick/#developers)

 [Podpora](https://wordpress.org/support/plugin/stop-cf7-multiclick/)

## Popis

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).

## Instalace

 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`

## Nejčastější dotazy

  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:

    ```
        <style>
            .cf7-pending { opacity:0.5; }
        </style>
    ```

  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!

## Recenze

![](https://secure.gravatar.com/avatar/4a1d5b5cbe89ea37b32f34a6952f5684f376152035fa279ad58d4abd3165966d?
s=60&d=retro&r=g)

### 󠀁[Plugin No Longer Works](https://wordpress.org/support/topic/plugin-no-longer-works-19/)󠁿

 [workinclasshero](https://profiles.wordpress.org/workinclasshero/) 2. 11. 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.

 [ Přečtěte si všechny 2 recenze ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/)

## Autoři

Stop CF7 Multiclick je otevřený software. Následující lidé přispěli k vývoji tohoto
pluginu.

Spolupracovníci

 *   [ zaus ](https://profiles.wordpress.org/zaus/)

[Přeložte “Stop CF7 Multiclick” do svého jazyka.](https://translate.wordpress.org/projects/wp-plugins/stop-cf7-multiclick)

### Zajímá vás vývoj?

[Prohledejte kód](https://plugins.trac.wordpress.org/browser/stop-cf7-multiclick/),
podívejte se do [SVN repozitáře](https://plugins.svn.wordpress.org/stop-cf7-multiclick/),
nebo se přihlaste k[ odběru protokolu vývoje](https://plugins.trac.wordpress.org/log/stop-cf7-multiclick/)
pomocí [RSS](https://plugins.trac.wordpress.org/log/stop-cf7-multiclick/?limit=100&mode=stop_on_copy&format=rss).

## Přehled změn

#### 0.1

 * inception!

#### 0.2

plugin + javascript

#### 0.3

live testing, readme

#### 0.4

shortcode attributes to conditionally load/use scripts

## Meta

 *  Verze **0.4.1**
 *  Poslední aktualizace **před 14 roky**
 *  Aktivních instalací **10+**
 *  Verze WordPressu ** 3.0 nebo novější **
 *  Testováno až do WordPressu **3.2.1**
 *  Jazyk
 * [English (US)](https://wordpress.org/plugins/stop-cf7-multiclick/)
 * Štítek
 * [contact form 7](https://cs.wordpress.org/plugins/tags/contact-form-7/)
 *  [Podrobnosti](https://cs.wordpress.org/plugins/stop-cf7-multiclick/advanced/)

## Hodnocení

 3 z 5 hvězdiček.

 *  [  1 5hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=5)
 *  [  0 4hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=4)
 *  [  0 3hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=3)
 *  [  0 2hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=2)
 *  [  1 1hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/#new-post)

[Zobrazit všechny recenze](https://wordpress.org/support/plugin/stop-cf7-multiclick/reviews/)

## Spolupracovníci

 *   [ zaus ](https://profiles.wordpress.org/zaus/)

## Podpora

Potřebujete pomoc?

 [Fórum podpory](https://wordpress.org/support/plugin/stop-cf7-multiclick/)

## Dary

Chtěli byste podpořit vývoj tohoto pluginu?

 [ Přispět na tento plugin ](http://drzaus.com)