Email Form

12 replies · opened Jul 19, 2022

SsblaughtonJul 19, 2022

Hi,

I am having an issue with the email contact form on this site using the canvas theme https://mtrtreeservices.co.uk/ - The form has been working fine but now all of a sudden it does not submit. When you enter the fields and submit it just spins but never sends a message or gives a success/fail message. Any help would be appreciated.

SSemicolon WebSTAFFJul 19, 2022

Hello,

We have tried checking out your Page and unfortunately it is not loading for us. There appears to be a network issue on your Website. It would be great if you can please provide us with a Valid Live URL so that we can check out the issues and provide you with further assistance. 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.

SsblaughtonJul 20, 2022

Hi, thanks for the reply. I'm not too sure what has happened there so will check on it and get back to you.

Thanks again.

SSemicolon WebSTAFFJul 22, 2022

Hello,

Thanks for your Patience!

We have checked out your Website and the issue is not with Canvas's Codes but with the PHP Errors (attached an image of the errors in this reply). This is likely due to the Old Version of PHPMailer you are using on your Website, while we are guessing that your Hosting Providers have updated the PHP to a more recent versions on your Servers which is causing this issue.

To fix this issue, you will need to Update the PHPMailer and upgrade include/sendemail.php to include/form.php (which is used in the Latest Versions of Canvas). This is currently the only way as your Server's PHP Version has been upgraded which makes many Old Scripts deprecated.

Hope this Helps!

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

SsblaughtonJul 25, 2022

Hi,

Thanks again for the reply and help.

Just to be clear, I need to download the updated files > replace the entire 'phpmailer' folder in the 'include' folder > remove sendemail.php and add form.php instead to the 'include' folder?

Sorry, if that is basic - I'm not too familiar with php or email so want to make sure I'm following the instructions correctly to update the site.

SSemicolon WebSTAFFJul 25, 2022

Hello,

Technically, this should work fine. However, we highly recommend updating your Website completely with Canvas's Latest Version as incomplete versions can cause unexpected issues. However, you can consider trying simply updating the PHPMailer and form.php File and see if this fixes your current 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.

SsblaughtonJul 31, 2022

Hi, I have managed to update the files as suggested and the form will now submit but each time it gives the error "Bot Detected! Form could not be processed! Please Try Again!"

Any idea how to solve this, please?

https://mtrtreeservices.co.uk/

SSemicolon WebSTAFFAug 1, 2022

Hello,

Simply adding the following code inside the `` Tags will fix this:
[ch_pre]

[/ch_pre]

You can find more Documentation on this Form Setup here: https://docs.semicolonweb.com/docs/forms/form-setup/ . Hope this Helps!

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

SsblaughtonAug 1, 2022

When I checked it does already seem to be in there but still getting the error:

"<!-- Contact Form
============================================= -->
<div class="col_half">

					&lt;div class="fancy-title title-dotted-border"&gt;
						&lt;h3&gt;Send us an Email&lt;/h3&gt;
					&lt;/div&gt;

					&lt;div class="contact-widget"&gt;

						&lt;div class="contact-form-result"&gt;&lt;/div&gt;

						&lt;form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/form.php" method="post"&gt;

							&lt;div class="form-process"&gt;&lt;/div&gt;

							&lt;div class="col_one_third"&gt;
								&lt;label for="template-contactform-name"&gt;Name &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third"&gt;
								&lt;label for="template-contactform-email"&gt;Email &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third col_last"&gt;
								&lt;label for="template-contactform-phone"&gt;Phone&lt;/label&gt;
								&lt;input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="clear"&gt;&lt;/div&gt;

							&lt;div class="col_two_third"&gt;
								&lt;label for="template-contactform-subject"&gt;Subject &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="text" id="template-contactform-subject" name="template-contactform-subject" value="" class="required sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third col_last"&gt;
								&lt;label for="template-contactform-service"&gt;Services&lt;/label&gt;
								&lt;select id="template-contactform-service" name="template-contactform-service" class="sm-form-control"&gt;
									&lt;option value=""&gt;-- Select One --&lt;/option&gt;
									&lt;option value="Tree Felling + Removal"&gt;Tree Felling + Removal&lt;/option&gt;
									&lt;option value="Tree Pruning"&gt;Tree Pruning&lt;/option&gt;
									&lt;option value="Hedge Trimming"&gt;Hedge Trimming&lt;/option&gt;
									&lt;option value="Fire Wood"&gt;Fire Wood&lt;/option&gt;
								&lt;/select&gt;
							&lt;/div&gt;

							&lt;div class="clear"&gt;&lt;/div&gt;

							&lt;div class="col_full"&gt;
								&lt;label for="template-contactform-message"&gt;Message &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"&gt;&lt;/textarea&gt;
							&lt;/div&gt;

							&lt;div class="col_full hidden"&gt;
								&lt;input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_full"&gt;
								&lt;button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit"&gt;Send Message&lt;/button&gt;
							&lt;/div&gt;

							&lt;div class="col-12 d-none"&gt;
		&lt;input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="form-control" /&gt;
	&lt;/div&gt;

						&lt;/form&gt;

					&lt;/div&gt;

				&lt;/div&gt;&lt;!-- Contact Form End --&gt;"
SSemicolon WebSTAFFAug 2, 2022

Hello,

Thanks for the update. Please consider adding the following code inside the `` Tag:
[ch_pre][/ch_pre]

This should now fix the issue. Hope this Helps!

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

SsblaughtonAug 2, 2022

Hi sorry for the continued problem. I added the code as requested but now get this error: "Email could not be sent due to some Unexpected Error. Please Try Again later.

Reason:
Could not instantiate mail function."

Any ideas? Here is the code for the form section now:

<!-- Contact Form
============================================= -->
<div class="col_half">

					&lt;div class="fancy-title title-dotted-border"&gt;
						&lt;h3&gt;Send us an Email&lt;/h3&gt;
					&lt;/div&gt;

					&lt;div class="contact-widget"&gt;

						&lt;div class="contact-form-result"&gt;&lt;/div&gt;

						&lt;form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/form.php" method="post"&gt;

						&lt;input type="hidden" name="prefix" value="template-contactform-"&gt;

							&lt;div class="form-process"&gt;&lt;/div&gt;

							&lt;div class="col_one_third"&gt;
								&lt;label for="template-contactform-name"&gt;Name &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third"&gt;
								&lt;label for="template-contactform-email"&gt;Email &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third col_last"&gt;
								&lt;label for="template-contactform-phone"&gt;Phone&lt;/label&gt;
								&lt;input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="clear"&gt;&lt;/div&gt;

							&lt;div class="col_two_third"&gt;
								&lt;label for="template-contactform-subject"&gt;Subject &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;input type="text" id="template-contactform-subject" name="template-contactform-subject" value="" class="required sm-form-control" /&gt;
							&lt;/div&gt;

							&lt;div class="col_one_third col_last"&gt;
								&lt;label for="template-contactform-service"&gt;Services&lt;/label&gt;
								&lt;select id="template-contactform-service" name="template-contactform-service" class="sm-form-control"&gt;
									&lt;option value=""&gt;-- Select One --&lt;/option&gt;
									&lt;option value="Tree Felling + Removal"&gt;Tree Felling + Removal&lt;/option&gt;
									&lt;option value="Tree Pruning"&gt;Tree Pruning&lt;/option&gt;
									&lt;option value="Hedge Trimming"&gt;Hedge Trimming&lt;/option&gt;
									&lt;option value="Fire Wood"&gt;Fire Wood&lt;/option&gt;
								&lt;/select&gt;
							&lt;/div&gt;

							&lt;div class="clear"&gt;&lt;/div&gt;

							&lt;div class="col_full"&gt;
								&lt;label for="template-contactform-message"&gt;Message &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
								&lt;textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"&gt;&lt;/textarea&gt;
							&lt;/div&gt;
							
							&lt;div class="col_full hidden"&gt;
								&lt;input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" /&gt;
							&lt;/div&gt;
							

							&lt;div class="col_full"&gt;
								&lt;button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit"&gt;Send Message&lt;/button&gt;
							&lt;/div&gt;

						&lt;/form&gt;

					&lt;/div&gt;

				&lt;/div&gt;&lt;!-- Contact Form End --&gt;
SSemicolon WebSTAFFAug 2, 2022

Hello,

The Error message you are receiving is due to PHP mail() function not active or blocked on your Servers. You will need to use SMTP Authentication instead: https://docs.semicolonweb.com/docs/forms/form-setup/#docs-snippet-php .

Hope this Helps!

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