When pressing button to send email, webpage becomes cleared

Bert_b_tree

When pressing button to send email, webpage where from the buttom is pressed, only shows background, and text blocks dissappear. So a black webpage is left, when pressed on the email button.

Jasper

Hey Bert_b_tree ,

Thanks for reaching out to us and welcome to the Buttonizer Community 🎉

I've checked your site and it seems like this happens to all links on your site, when it's loading a page it fades out the site.

Is this perhaps a feature of a plugin you're using? Or your theme?

Hope to hear from you soon 🙂

Bert_b_tree

Thanks Jasper.

Which page is loaded or code is loaded by the buttonize plugin, just before Buttonize is setting up the blank e-mail?

Jasper

Hey Bert_b_tree ,

Thanks for your reply!

Sometimes plugins or themes contain code that when a link is clicked, the page fades out to load the next page to give a slightly better experience for the enduser on slow connections. But it really depends on how it's coded.

Since Buttonizer buttons are links as well, that functionality gets triggered as well.

I've tried to locate the code on your site and it seems like it's part of your theme (so I think you cannot change it). However, I've wrote some JavaScript you can add to your site that should revert the behaviour:

window.addEventListener("click", (e) => {
    if(
        e.target.classList.contains('buttonizer-button') || 
        (e.target.parentNode && e.target.parentNode.classList.contains('buttonizer-button')) || 
        (e.target.parentNode.parentNode && e.target.parentNode.parentNode.classList.contains('buttonizer-button'))
    ) {
        jQuery("#page.site").css("opacity", "1")  
    }
})

Are you able to add this script to your site? Perhaps using a header-footer plugin. You can also wrap the code in a <script> tag.

Hope to hear from you soon again 🙂

Bert_b_tree

Hello Jasper,

Thank you so much !! Great!!
The code is working perfectly for two out of the three buttons! I have added to my theme under the section for JS scripting in the header.

The only button not working is the one for showing a pricing-form. The page is loading but the Ninja form at the bottom of the page is not showing up. Also when refreshing the page, the Ninja form does not comes up.

Not that it is a big problem; so I can remove that button. But is should be fine off course when also that shoud be working. Probabely also something in my theme...

I really approciate your work and reply!!

Thank you very much.

Kind regards Bert

Jasper

Hey @Bert_b_tree !

You're welcome, I'm glad to hear that worked!

Can you perhaps let me know on what page I can find that button/form didn't work? Then I'll take a look and see if that's something we can change 🙂