Load ICON -NOT- appear when submit(how to prevent multiples submittion on form)

Hello,
I have multiples contact forms on the site (using contact form 7 “CF7”), the problem is that when you press the send button, the .gif image (ajax-loader) that indicates the pending loading page “doesnt appear” (it allows to the user clic several times, in consequence “receiving duplicate emails”).

As we know CF7 uses Ajax to submit forms, but with Woodmart theme, the Ajax submission is not working. ¿how to prevent multiples submittions on form?

Looking forwaard to your feedback, thanks in advance !

any update?

Hello,

In the last update, the plugin changed the structure responsible for the loader and our styles stopped working. We will fix this issue in the next update.

In order to fix it now, try to add this custom CSS in Theme Settings -> Custom CSS -> put this code in the field “Global Custom CSS”

div.wpcf7 .wpcf7-spinner {
    position: relative;
    visibility: hidden;
    margin-left: -5px
}

div.wpcf7 .wpcf7-spinner:before {
    position: absolute;
    top: 0;
    left: 20px;
    margin-top: 2px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #BBB;
    border-left-color: #000;
    border-radius: 50%;
    vertical-align: middle
}

div.wpcf7 form.submitting .wpcf7-spinner {
    visibility: visible
}

div.wpcf7 form.submitting .wpcf7-spinner:before {
    animation: wd-rotate 450ms infinite linear
}

[class*="color-scheme-light"] div.wpcf7 .wpcf7-spinner:before {
    border-color: rgba(255, 255, 255, 0.15);
    border-left-color: #fff
}

Our theme doesn’t affect the “CF7” plugin functionality, try to check how it works on the default theme.

Kind Regards

thanks a lot for your support!

However I still have one issue here, even though the spinning is shown, when I continue clicking the submit button, there are duplicate emails sent. Is there anyway to stop sending duplicate emails? or to disable the submit button once it is clicked?

thanks advance and looking for your respond.

Hello,

Try to check how it works on the default theme, if it works the same as in the child theme, try to contact the “CF7” support team because our theme doesn’t affect the “CF7” plugin functionality.

Kind Regards

[Author]

Posts