"Thank You!" page changed and not receiving email notifications

  • Profile Image
    GlobeTechnical
    Asked on March 13, 2013 at 05:40 PM

    Hi,

    I have a form embedded in my web page: www.globetechnical.co.uk/Contact

    Previously, when someone completed the form and submitted it, the "Thank you..." message would appear on the same page in place of the form. This behaviour has now changed. After clicking 'Submit', the page now changes to http://submit.jotformeu.com/submit.php.

    Ideally, I'd like to revert to the prevous behaviour and have a message display in place of the form without changing the page. Even better if I can edit that message.

    Not sure if it helps but I thought it best to point out that I've been instructed by one of your support guys to use:

    <script src="//cdn.jotfor.ms/min/g=jotform?3.1.2002" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.init();

    </script>

    ...in place of:

    <script src="Form/js/prototype.js?v=3.1.1248" type="text/javascript"></script>

    <script src="Form/js/protoplus.js?v=3.1.1248" type="text/javascript"></script>

    <script src="Form/js/protoplus-ui.js?v=3.1.1248" type="text/javascript"></script>

    <script src="Form/js/jotform.js?v=3.1.1248" type="text/javascript"></script>

    <script src="Form/js/calendarview.js?v=3.1.1248" type="text/javascript"></script>

    ...in order to get around a stack overflow problem in IE8. I've then gone one step further and decided to also host the target script (g=jotform.js) locally to reduce load times. I'm wondering if this script is resulting in the behaviour I'm now experiencing.

    Additionally, we're not getting any notification emails through and I'm again wondering whether this is being caused by the change of scripts.

    Either way, are you able to offer any advice?

    Thanks,

    Leon

  • Profile Image
    Mike_T
    Answered on March 13, 2013 at 06:08 PM

    Thank you for contacting us.

    Ideally, I'd like to revert to the prevous behaviour and have a message display in place of the form without changing the page. Even better if I can edit that message.

    As far as I understand, the redirect is happening due to the source code embedding method. The easiest way to fix this is probably to use a Custom Thank You URL. In other words, redirect to some Thank You Page on your website.

    Additionally, we're not getting any notification emails through and I'm again wondering whether this is being caused by the change of scripts.

    Your email address info@gl************.co.uk was added to our bounced list due to the following reason:

    5.1.0 - Unknown address error 550-'unknown user'

    Please make sure that mentioned mailbox is active in your Google Apps. Now we have removed it from the bounced list, so the issue should be fixed.

    Please feel free to contact us if you need any further assistance.

  • Profile Image
    GlobeTechnical
    Answered on March 13, 2013 at 08:05 PM

    Hi,

    That's resolved the email issue. Thank you.

    However, the solution you've provided Re: the "Thank You" page doesn't achieve what I'm looking for.

    As mentioned, I need the "Thank You" message to display in place of the form on the same page, not on a different page. Even if I create a "Thank You" page and re-direct to there, this will introduce problems with other planned functionality on the site.

    Any other ideas?

    Leon

  • Profile Image
    pinoytech
    Answered on March 13, 2013 at 10:33 PM

    Hi Leon,

    Please re-embed your form code into your website using iFrame method to fixed the issue.

    http://jotform.me/help/148-How-to-get-your-Form-s-Iframe-Code

    Thank you!

  • Profile Image
    GlobeTechnical
    Answered on March 14, 2013 at 06:44 AM

    Hi,

    I've tried the iframe method several times previously (and again this time around). The styling/formatting gets messed up. I'm referencing the css for the form in the for the form html. I can't work out why the formatting won't hold.

    You can view the page in question @ http://www.globetechnical.co.uk/Contact

    If you compare this to my form (ID 23164070467350) in the form builder, you'll see what I mean.

    I'd be grateful if you could let me know where I'm going wrong.

    Also, I'd like to know what happened to the form submissions that didn't make it through. Are they lost forever? Are they retrievable? It would be useful to know for future reference.

    Thanks,

    Leon

  • Profile Image
    Welvin
    Answered on March 14, 2013 at 10:07 AM

    Hi Leon,

    Please kindly try to correct your file path. Put the full direct link or path to the CSS Stylesheet, same with the JS files just like what Jotform full source codes does.

    Next is, increase your Contact Page container to match with your form width. Your current contact page is 486px while your form width is 496px. Or, try to decrease your form width to make it easy.

    With regards to the form submissions, I am not sure if they can be retrievable. Please try to check your email address as well.

     

    Thanks

  • Profile Image
    Welvin
    Answered on March 14, 2013 at 10:10 AM

    In addition with regards to the file path. After I check them, there's an error:

    Failed to load resource simply means that the files are not available in your server or the file path is incorrect.

     

    Thanks

  • Profile Image
    GlobeTechnical
    Answered on March 14, 2013 at 11:22 AM

    Hi Welvin,

    I'm not entirely sure I'm understanding what you mean when you say "put the direct link" or "put the direct file path". If you're referring to the full path (e.g. http://globetechnical.co.uk/Form/css/styles/form.css) then I've tried this. It didn't work...

    To illustrate, I've now reverted my form to the way it was before (not using iframes) and it's working fine (except for the "Thank You" page issue) with the urls as they are:

    http://www.globetechnical.co.uk/Contact

    Please clarify.

    Re: emails/form submissions - There's nothing wrong with my email address. Take a look at previous posts on this thread and you'll see that the problem was due to our email address having been on your bounce-back list (our MX records were being updated when a submission was made and your servers got a bounce-back). That issue is fixed and submissions are now coming through just fine. I was asking whether it's possible to retrieve the emails/submissions that were missed. I just need to know either way for future reference.

    Many thanks,

    Leon

  • Profile Image
    GlobeTechnical
    Answered on March 14, 2013 at 01:43 PM

    Hi,

    Re: form submissions - I thought I had seen that button somewhere. Thank you for reminding me.

    As far as the iframe method is concerned, I'm afraid we're going around in circles. Please refer to my previous posts in which I explain that I can't seem to get iframes working without messing up the formatting/styling. I'd (still) be grateful for some advice on how to get around this problem.

    As always, thanks for your time. I'll look forward to your response.

    Regards,

    Leon

  • Profile Image
    GlobeTechnical
    Answered on March 14, 2013 at 06:04 PM

    Ok, so I have the contact form. Then I use a blank page to reference/embed the form... and then call that page using the iframe? I'll try this tomorrow and get back to you.

  • Profile Image
    GlobeTechnical
    Answered on March 15, 2013 at 10:27 PM

    Hi,

    I eventually managed to get this working. Thanks for clarifying.

    This has introduced a couple of other problems though:

    1) If you look at my contact page now, you'll see that the form is slightly indented from the left hand side of the content section of the page. I need it to be aligned with the 'Contact Form' heading above it. Can you advise on how to achieve this or which bit of code is responsible?

    2) When you select a field to enter information, it displays a yellow border. How can I control the colour of the border for the active field? I'm unsure of whether it was doing this before - I just noticed it.

    Regards,

    Leon

  • Profile Image
    GlobeTechnical
    Answered on March 15, 2013 at 10:28 PM

    Hi,

    I eventually managed to get this working. Thanks for clarifying.

    This has introduced a couple of other problems though:

    1) If you look at my contact page now, you'll see that the form is slightly indented from the left hand side of the content section of the page. I need it to be aligned with the 'Contact Form' heading above it. Can you advise on how to achieve this or which bit of code is responsible?

    2) When you select a field to enter information, it displays a yellow border. How can I control the colour of the border for the active field? I'm unsure of whether it was doing this before - I just noticed it.

    Regards,

    Leon

  • Profile Image
    GlobeTechnical
    Answered on March 16, 2013 at 07:26 AM

    Hi,

    1) Re: iframe - that's great. I've made the change on my test system and it's properly aligned now. I'll set that live shortly.

    2) Yeah, I set it to #FF3800 on purpose. That's the orange colour you see around the site. it does not seem to make any difference what colour I put in there. Even adding !important has no effect. The currently selected field still displays in yellow. Are you sure that's the class I should be defining? I would have thought there would be a class specifically for styling whichever field is active/selected...

  • Profile Image
    GlobeTechnical
    Answered on March 21, 2013 at 06:17 AM

    Hi,

    Thanks for the info regarding Chrome's treatment of form fields. I did some additional reading and it seems that Google also find it necessary to use a custard-yellow background for auto-fill fields. I have no idea why and it seems that there is no easy, reliable fix for this.

    Either way, I acknowledge that this is certainly not your fault - so thank you for providing the information.

    Kind regards,

    Leon