WP Cost estimation form not working/ X-Icon

Support
#1

Hi,

I have built a form and it used to work fine. It is still there, but is no longer working. The objects in the form are clickable.

#2

Hey @fantasy_5,

Thanks for writing in! You are using SiteGround and at the same time, Cloudflare. You may have some caching issues. Please check this out:

Best Regards.

#3

HI, Ruenel

I have always used both and it used to work just fine. I was able to go through every step in the form without issues. I cleared my cache on both and the website the other day a few times. Is it possible for you to check to see if there might be another issue? I’m not able to click anything in the form. i can’t move past the first page.

#4

Hey @fantasy_5,

There could be a custom code or plugin conflict affecting the functionality of the WP cost estimation form. I highly recommend that you perform our common troubleshooting.

Hope that helps and let us know how it goes.

#5

Hi, @marc_a

I tried the different optiona and even tried to create a new form and that one isn’t working either. Is the plugin broken? Is there any assistance I can receive to resolve thye issue?

#6

Hello @fantasy_5,

Did you remove the problem URL? It seems that it no longer exist.

  • See the secure not below.

Please provide the URL with the WP Estimate Form in it.

Thanks.

#7

Hi, Ruenel

I was updating a few things. I did temporarily, but it can be found in the submenu tab under the contact page.

#8

Hi @fantasy_5,

I have checked the page and now it is redirecting to another page, which shows the screenshot added to the secure note. Can you please check and let us know when it is accessible for further investigation?

Thanks

#9

Hi,
I will send you the link in a secure note. It is now positioned under the contact page link.

#10

The screenshot you see is the wp cost estimnation form I am having an issue with. It’s not clickable at all. I can’t seem to move past the how much to make it page.

#11

Hey @fantasy_5,

I have investigated the issue thoroughly and I found out that you inserted a broken HTML code in the child theme’s wp-header.php file. You have this:

<script>
function myFunction() {
    document.getElementsByClassName("topnav")[0].classList.toggle("responsive");
}
	<script src='https://www.google.com/recaptcha/api.js'></script>
	<script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>

The first <script> HTML tag should be close first before adding another one.

Please correct it with the right HTML code.

Thanks.

#12

Hi, Ruenel

I made this adjustment and it’s still not working. Even after I cleared my cache.

<script> src='https://www.google.com/recaptcha/api.js'></script>
<script> type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
#13

Hi @fantasy_5,

In that case, there might be some other reason behind your problem. I would suggest you please copy your live site to a staging server so we could troubleshoot freely without breaking your live site.
And give us access in the secure note, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

secure-note
secure-note1040×250 15.3 KB

Thanks

#14

Hi, @tristup

The website is live, but is now in maintenance mode. The login details are above in the previous secure note.

#15

Hi @fantasy_5,

I have checked the wp-header.php of your child theme and found that the script tag has not been added correctly. The script tag is closed before the src attribute, as shown in the screenshot and code given.

<script> src='https://www.google.com/recaptcha/api.js'></script>

image
image1140×141 19 KB

It should be:

<script src='https://www.google.com/recaptcha/api.js'></script>

We really do not provide support for custom codes, which means we can’t fix it in case it conflicts with something on your site, nor will we enhance it. Further customization should be directed to a third-party developer, or you can avail One, where we answer the questions beyond normal theme support.

Thanks

#16

Hi, @tristup

I made the corrections, but the form is not working.

#17

Hi, @tristup

Is there any other reason the form is not working? I still need help solving the issue. As mentioned earlier it is not clickable at all. There is no possible way to navigate away from the homepage of the form or click any of the icons in it and have them work.

#18

It looks like there is an optimization plugin that is causing issue. It’s adding in async='async improperly causing none of the JS on your form to load. I would probably start by deactivating Autoptimize and if it’s that plugin try changing the settings till that page does work. Hopefully this gives you some more clues. Have a great day.

image

#19

Hi, @charlie

I have been having autoptimize plugin installed since the website’s existence and it worked fine before. I did deactivate it as you instructed, but unfortunately the form still does not work.