Issue with contact form response

Hi,

Great theme and I've sorted most of my problems using the forum and the documentation. One problem I'm stuck with is this: my contact form works fine, I get the emails etc., but the success or failure that the user sees isn't a pop up, but instead a blank new page that just says, for example, "{ "alert": "success", "message": "We have successfully received your Message and will get Back to you as soon as possible." }" I've checked other solutions for this and my functions.js is updated to V4.

You can see what I mean at my site, tesseractcreative.ca I'm using the one page video lightbox as the base for my page, and the contact form is at the bottom. Thanks.

Hi Jeff, I was just looking at ur site to see if I could help. I noticed your contact form HTML is different in some ways from my working contact form at http://dev.homemountain.com/contact

I'm not sure how to fix yours, but I noticed you do not use the "contact-widget" or "contact-form-result" class divs, which I think is probably the problem.

I thought maybe you could try my working code as an example to start with, then customize it for your own use (I removed my Google recaptcha, but here is the code):

				<div class="postcontent nobottommargin">

					<h3>Send us an Email</h3>

					<div class="contact-widget">

						<div class="contact-form-result"></div>

						<form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/sendemail" method="post">

							<div class="form-process"></div>

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

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

							<div class="col_one_third col_last">
								<label for="template-contactform-phone">Phone</label>
								<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control" />
							</div>

							<div class="clear"></div>

							<div class="col_full">
								<label for="template-contactform-subject">Subject <small>*</small></label>
								<input type="text" id="template-contactform-subject" name="template-contactform-subject" value="" class="required sm-form-control" />
							</div>

							<div class="clear"></div>

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

							<div class="col_full hidden">
								<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
							</div>

							<div class="col_full">
								<button class="button button-3d nomargin button-black" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
							</div>

						</form>
					</div>

				</div>

Thanks, rchase! I tried adding those two elements, but it didn't fix it; however, I obviously missed copying some elements from the template. I didn't see any obvious fixes from your code (still refreshing my knowledge of HTML et al after having used Wordpress for a few years.) I tried re-copying the base code from the template and ended up with a permanent spiral, so I'll probably wait for Support to diagnose what's wrong with my code, since what I had mostly worked. The form contents do arrive, it's just the alert that's the problem. Thanks very much!

Thanks, that took care of it! I originally did my website in V3, but I started fresh with V4; I must have copied over the wrong file at some point from my back up.