Docs

[Grady M]

cateringbymopsie.com

Wordpress 4.7.2, Theme X 4.6.4, Cornerstone 1.3.3

After clicking “submit” on the contact form on the “contact us” page there is no spinning wheel or progress bar. This is having the effect of users hitting submit multiple times and our client often receiving 3-4 versions of the same e-mail.

Is there any way to add or restore this functionality? It seems that the theme is overriding the form appearance?

Thanks for your help!

[Nico]

Hi There,

Thanks for writing in.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Grady M]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Please make sure that you have place the response shortcode in a place where you want it to be. To know more how you can place the response properly, please check this out:

Locating response message box anywhere

Hope this helps.

[Grady M]

Thank you for the suggestion, but that’s not the issue I’m having. I was getting the “response” already.

The problem is that it takes several seconds to send a message and for the response to appear. During those moments, the user is repeatedly clicking on the submit button – because they think nothing is happening.

It seems as if the progress or “thinking” wheel is missing. Is it being overridden by the theme? If so, how do I re-implement it?

Thanks!

[Rue Nel]

Hello There,

Thanks for updating in! The ajax loader is not displaying in your site. The element is there but nothing happens. There might be a plugin conflict. Please check it out here:

The spinner icon shows up once I submit a form, but then nothing happens.

http://kb.cf7skins.com/contact-form-7-email-issues/#pluginconflict

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Please let us know how it goes.

[Grady M]

Search is your friend. Searching for “ajax loader contact form 7” on this forum yielded the correct answer:

“This isn’t a theme conflict but rather X disabled Contact Form 7 styles for performance reasons so this includes the loader gif. Please add the code below in your functions.php to add just the loader back.”

//add ajax loader back to Contact Form 7
add_action(‘wp_head’, ‘add_loader_gif’);

function add_loader_gif() {
echo ‘<style>.wpcf7 .ajax-loader{background-image: url(‘. plugins_url() .’/contact-form-7/images/ajax-loader.gif);visibility:hidden;display:inline-block;width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}.wpcf7 .ajax-loader.is-active{visibility:visible}</style>’;
}

– this worked – thanks –

[Jade]

Glad to hear it’s sorted now.

Cheers!

[Author]

Posts