• Resolved Jan Mi?acky

    (@mirackygmailcom)


    Hello,
    I had upgraded to WP4 and I also upgraded my theme yesterday. After that, my CF7 forms stopped showing up success messages, but I do receive e-mails.

    See here after clicking on the green button Nezavazne prihlasit https://test123.zirhamia.cz/expedice/aljaska/. Don’t mind that pics are not loading, it’s a testing site and I didn’t bother to upload images from backup.

    The CF7 form code looks like this:

    <p>Jméno<br />
        [text* jmeno] </p>
    
    <p>E-mail<br />
        [email* email] </p>
    
    <p>Telefon<br />
        [tel* telefon] </p>
    
    <p style="position:relative; left:-8px;">[checkbox pojisteni "Mám zájem"] o nejlep?í <a href="https://test123.zirhamia.cz/co-delame/cestovni-pojisteni-do-zahranici-ihi-bupa-online/" target="_blank">cestovní poji?tění BUPA Global Travel</a> </p>
    
    <p>Má? otázky nebo nám chce? něco vzkázat?<br />
        [textarea otazky x4] </p>
    
    <p>Kliknutím na tla?ítko Nezávazně p?ihlásit <br />
    <a href="https://test123.zirhamia.cz/souhlas-se-zpracovanim-osobnich-udaju/" target="_blank">souhlasí? se zpracováním a uchováním</a><br />
    vy?e uvedenych osobních údaj?</p>
    
    <p>[submit "Nezávazně p?ihlásit"]</p>

    Any ideas how to fix this? It’s crucial for my business, because this is how people purchase my services.

    Thank you,
    Jan

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 8 replies - 16 through 23 (of 23 total)
  • RE: I also tried disabling Javascript in wp-config.php but to be honest it didn’t change a thing.

    ??You may not have done this correctly – all of CF7’s Javascript is definitely still running on your link.

    I tested your form again in a couple of browsers. Is possible that you have hidden the CF7 green Success message using CSS styling?

    Thread Starter Jan Mi?acky

    (@mirackygmailcom)

    I added these lines to the bottom of wp-config.php

    /* Contact Form 7 Javascript disable */
    define('WPCF7_LOAD_JS', false);

    That should disable the Javascript, right? Any idea what may have gone wrong?

    Buzztone, I received two your e-mails (one regular and one tested on Chrome). And I went through the custom CSS settings (as follows) and I didn’t find there anything related to CF7. Well, see for yourself though.

    /* CREATIVE COMMONS LICENSE
    changes colour of a link in lightbox image alternative text to grey in order to make links to original pictures less visible */
    td#fancybox-title-float-main a {
      color:grey;
    }
    
    /* Mailchimp sign-up form */
    #mc_embed_signup input.email {
    display: block;
    padding: 6px 0;
    margin: 0 4% 15px 0;
    text-indent: 5px;
    width: 58%;
    min-width: 268px;
    margin-left: 6px;
    line-height: 14px;
    border-radius: 3px;
    }
    
    #mc_embed_signup {
    background: #282828;
    clear: left;
    font: 14px;
    width: 300px;
    max-width: 300px;
    border-radius: 3px;
    }
    
    #mc_embed_signup input.button {
    display: block;
    margin: 0 0 11px 0;
    width: 264px;
    min-width: 279PX;
    margin-left: 1px;
    }
    
    #mc_embed_signup .button {
    clear: both;
    background-color: #F60;
    border: 0 none;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    height: 34px;
    line-height: 31px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    }
    
    #mc_embed_signup input {
    border: 1px solid grey;
    -webkit-appearance: none;
    }
    
    #mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 20px 0 8px 3%;
    }
    
    #mc_embed_signup label {
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
    color: white;
    margin-right: 10px;
    }
    
    /* Testimonials */
    blockquote, p#testimonials_homepage {
      font-family: Arial, sans-serif;
      font-style: normal;
      font-size:14px;
    }
    
    /* Gallery */
    .gallery-item {
       margin-top: 0px !important;
       margin-bottom: 0px;
    }
    
    .gallery .gallery-item img {
       padding: 0px;
       border: 0px;
    }
    
    .gallery {
       line-height: 1px;
    }
    
    .attachment-thumbnail {
       border: 0px;
       background-size: 0px;
    }
    
    .custom-button span {
       white-space: nowrap;
    }
    
    .gallery .gallery-item img {
       width: 100%;
    }
    
    /* Image caption centering */
    .wp-caption {
       text-align: center;
    }
    
    .wp-caption p.wp-caption-text {
       padding: 3px 4px;
    }

    I want to stress once again how I appreciate you helping me out. Merry Christmas, buzztone! ??

    Hi

    I had the same issue.
    I just found out (5 minutes ago) that adding the following in Additional Settings worked out for me:

    on_sent_ok: "location = '/contactform-send.html';"

    Thread Starter Jan Mi?acky

    (@mirackygmailcom)

    Hi Robin,
    I added your code to Advanced settings but it doesn’t redirect to the success page upon submission. It seems like the form doesn’t know that it’s been sent successfully…

    Thread Starter Jan Mi?acky

    (@mirackygmailcom)

    Buzztone, would it be any help if I gave your access to the WordPress administration? If so, please provide me your e-mail address where I can send details.

    Thread Starter Jan Mi?acky

    (@mirackygmailcom)

    RESOLVED!

    The things was hidden in Additional settings in the particular form. I had on_sent_ok action hook there to track submissions with Google Analytics. I use Google Analytics by Yoast plugin and recently I checked in an option Ignore traffic from Administrators. That means that tracking code doesn’t display on the website when you as an admin are logged in. So this JS conflict (couldn’t find the __gaTracker object) resulted in not showing up the success message.

    Then on the testing site when I disabled all the plugins including GA by Yoast, there was again no __gaTracker object so that why it failed there as well.

    The good news was that the form has been working well for regular site visitors. So this problem was showing up only to me as I was logged in most of the time. I disabled that Ignore traffic from Administrators functionality to see the JS success messages once again.

    Hope that will help someone ??
    Cheers!

    WOW!!!! Thank you, Jan for diligently and relentlessly getting to the bottom of this. I was having EXACTLY the same problem. I’m not sure how to make it work when I’m logged in as an Admin, but like you at least I can see that it works for regular (non-logged-in) visitors.

    I was using Contact Form 7, Really Simple CAPTCHA and Google Analyticator (with Admins not tracked). Looks like Google Analytics by Yoast and Google Analyticator work the same (and cause the same odd behavior with the javascript).

    Problem solved!!! THANK YOU, AGAIN!!!

Viewing 8 replies - 16 through 23 (of 23 total)
  • The topic ‘Success message doesn't show up’ is closed to new replies.