Canvas Support

Mail will be received , but user does not get confirmation

8 replies · opened Oct 13, 2018

NNicoBootsOct 13, 2018

Hello,

When a user fills out the contact form on my website and finally clicks the send button, his/her message is being sent and I also receive the message in my mailbox.
However, the user does not get to see the confirmation that the mail has been sent, but only the the little rotating symbol that something is being processed. And this rotation never finishes. The user has to refresh his browser to be able to continue surfing.
I have meticulously compared my own HTML code with that of the CanvasTemplate/HTML/landing.html but I do not see where they differ (apart from the added Google capthcha code and your date picker code) and what might cause this behaviour.

Can you help me to identify where and what I should change in my HTML code to get the confirmation message to work properly?

My live URL is http://www.duepadroni.it/index.php

SSemicolon WebSTAFFOct 17, 2018

Hello,

Please consider adding the .customjs Class to the .contact-widget Element and try submitting the Form. This will display the Message being transmitted from the Server. Please paste this Message here so that we could examine it and provide you with the necessary details of the issue. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

NNicoBootsOct 17, 2018

Hello,

I have adjusted the <div class="contact-widget customjs"> as you suggested, uploaded the page and tested it again. The result is the same: I receive the message with all the details provided by the user, but the user itself is left with the rotating symbol that never stops. He or she will think that something is gone wrong and that the message has not been transmitted!
This problem should be resolved as soon as possible, because the site is now live. If it can't be resolved I have to find another solution instead of using your widget.

I have added a screenshot of what I see after clicking the "send" button.
Live URL is: http://www.duepadroni.it/

SSemicolon WebSTAFFOct 17, 2018

Hello,

We have checked your codes and to be honest you are facing issues because the Codes from the Old and New Versions are mixed with each other. Please delete the following codes from your Page: 

// Contact Form
$("#template-contactform").validate({
		submitHandler: function(form) {
			$('.form-process').fadeIn();
			$(form).ajaxSubmit({
				target: '#contact-form-result',
				success: function() {
					$('.form-process').fadeOut();
					$(form).find('.sm-form-control').val('');
					$('#contact-form-result').attr('data-notify-msg', $('#contact-form-result').html()).html('');
					SEMICOLON.widget.notifications($('#contact-form-result'));
				}
			});
		}
	});

	// Widget Subscribe Form
	$("#widget-subscribe-form").validate({
		submitHandler: function(form) {
			$(form).find('.input-group-addon').find('.icon-email2').removeClass('icon-email2').addClass('icon-line-loader icon-spin');
			$(form).ajaxSubmit({
				target: '#widget-subscribe-form-result',
				success: function() {
					$(form).find('.input-group-addon').find('.icon-line-loader').removeClass('icon-line-loader icon-spin').addClass('icon-email2');
					$('#widget-subscribe-form').find('.form-control').val('');
					$('#widget-subscribe-form-result').attr('data-notify-msg', $('#widget-subscribe-form-result').html()).html('');
					SEMICOLON.widget.notifications($('#widget-subscribe-form-result'));
				}
			});
		}
	});

Additionally, please make sure that you are using the Codes uniformly from the Latest Versions of Canvas to avoid any further issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NNicoBootsOct 17, 2018

Hello,

Two days ago I have downloaded the latesy version of the Canvas template, but I am not sure if I change the ccs, js, include, bootstrap, less, onepage, and sass folders from the old to the new versions, the site will still work properly. When I use the new version, do I have to change anything in the code of the HTML pages?

NNicoBootsOct 17, 2018

Hello,

I have removed the script for the Contact Form and Widget Subscribe Form, bit the problem is not resolved: I receive the messages but the user is left in limbo!

SSemicolon WebSTAFFOct 17, 2018

Hello,

  1. The List of all the Changes along with File Changes have been provided in the Documentation > Changelog Section. So you will just need to Update the Codes that have been updated in the Newer Versions. It is your responsibility to be up to date with the Latest Releases. We understand that this might be a little daunting considering it is an HTML Template but in order to make sure that everything works smoothly, the updates are required.

  2. Remove the .customjs Class and the Contact Form should work fine.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NNicoBootsOct 17, 2018

Hello, I received the following email. Have you sent it?

Name: dasd

Email: adasdasdasd@adad.com

Phone: asdada

Service: Cantinetta

van: 10/25/2018

tot: 10/25/2018

Message: asdadasd

This Form was submitted from: http://www.duepadroni.it/

SSemicolon WebSTAFFOct 17, 2018

Hello,

Yes, we have tested your Website and it appears to be working fine at the moment.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard