NiceThemesContact form: thank you state – NiceThemes

Contact form: thank you state

akanekodani — Sun, 30 Aug 2015 17:34:37 +0000

When you post a contact form and click “submit”, it shows “THANK YOU FOR LEAVING A MESSAGE.” text under the contact copy. However, this message is not noticeable and customers hitting submit buttons many times. To prevent from that, is it possible to show only the message text once you submit the contact form? Please let me know how.

Thanks in advance.

Akane

Reply To: Contact form: thank you state

Juanfra Aldasoro — Mon, 31 Aug 2015 14:55:35 +0000

Hello Akane,

Thank you for writing.

The success message (Thank you for leaving a message) is displayed only once the contact form is sent.

The thing that might be happening is that the visitor may be clicking the button over and over again.

Best,
Juan

Reply To: Contact form: thank you state

akanekodani — Mon, 31 Aug 2015 16:36:16 +0000

Thanks Juan for the reply. Yes, the visitor clicks the button over and over again because they don’t notice the success message in the contact form.
To make it clear, I’d like to take the contact form out and just show the success message (Thank you for leaving a message) ONLY in the contact form area. Is it possible to hide the form?

thanks

Reply To: Contact form: thank you state

Juanfra Aldasoro — Mon, 31 Aug 2015 22:55:39 +0000

Hi Akane,

Thank you for the follow up.

Unfortunately the only way to achieve that would be editing the javascript for the contact form. Do you feel comfortable with editing javascript? Perhaps we can give you a hint on how to change it.

Best,
Juan.

Reply To: Contact form: thank you state

akanekodani — Tue, 01 Sep 2015 02:41:28 +0000

Thanks for the quick reply, Juan.
I will try to edit the javascript. Please give me the hint to that.
thanks
Akane

Reply To: Contact form: thank you state

Juanfra Aldasoro — Tue, 01 Sep 2015 21:15:41 +0000

Hi Akane,

Ok, in the file /bbq/includes/scripts.php of the latest version of BBQ (to date, is 1.2.5), below the line number 216, you need to paste the following code:

jQuery('.nice-contact-form #nice_contact').hide();

Best,
Juan.

Reply To: Contact form: thank you state

akanekodani — Wed, 02 Sep 2015 02:47:53 +0000

Thanks Juan for the reply. I will try to change the code. If I have some issue, I will follow up in this post.
thanks
Akane

Reply To: Contact form: thank you state

Juanfra Aldasoro — Wed, 02 Sep 2015 15:33:36 +0000

Ok 🙂

You have a nice day,
Juan.

Reply To: Contact form: thank you state

akanekodani — Sat, 05 Sep 2015 22:47:14 +0000

Hi Juan.
I looked into the javascript. However, my BBQ version is 1.0.9 and it is slightly different from version 1.2.5. In my version, the line you gave could be in somewhere below. But I don’t know where exactly it needs to put in. Please kindly point me out where it needs to inset in: jQuery(‘.nice-contact-form #nice_contact’).hide();
Thanks so much in advance.

——
if (! function_exists( ‘nice_contact_js’ )):

function nice_contact_js()
{
// being here we can set admin-ajax.php for WP multisite
?>

jQuery(document).ready(function($) {

jQuery(‘#nice_contact’).validate({

messages: {
“name”:{“required”:”Please enter your name.”},
“mail”:{“required”:”Please enter your email address.”},
“message”:{“required”:”Please enter a message.”}
},

submitHandler: function(form) {

var str = jQuery(‘#nice_contact’).serialize();

jQuery.ajax({
type: “POST”,
url: “admin-ajax.php”,
data: ‘action=nice_contact_form&nonce=&’ + str,
success: function(msg) {
jQuery(“#node”).ajaxComplete(function(event, request, settings){
if(msg == ‘sent’) {
jQuery(“.nice-contact-form #node”).hide();
jQuery(“.nice-contact-form #success”).fadeIn(“slow”);
jQuery(“#nice_contact input[type=text], #nice_contact textarea”).val(“”);
}else {
result = msg;
jQuery(“.nice-contact-form #node”).html(result);
jQuery(“.nice-contact-form #node”).fadeIn(“slow”);
}
});
}
});
return false;
form.submit();
}
});
});

}
endif;

Reply To: Contact form: thank you state

Juanfra Aldasoro — Mon, 07 Sep 2015 17:41:44 +0000

Hi,

Thank you for the follow up. Below this line:

jQuery(“#node”).ajaxComplete(function(event, request, settings){

Best,
Juan.