contact-form-7 | Fork of wordpress plugin 'Contact Form | Content Management System library

I have developed & deployed an website my WordPress woocommerce website recently and a strange error pop-up after I made the website live on its domain. Previously it was working on development sub-domain.

I am facing issue with ContactForm7 submission, I get errors when someone want to submit the contactform7

The Error logged on the console output is:

I am using Contact Form 7 (5.4) and CF7 Smart Grid Design Extension (4.10.0) in a submit form on my WordPress site to construct draft Custom Post Types. The original inspiration for this was this awesome SO post.

The submission form has worked well and reliably for over a year, but with the new CF7 5.4 version, something has changed internally and broken image uploads. All of the other fields have remained unchanged.

The CF7 field with which I am uploading appears as

I have a bootstrap5 modal in which contact form 7 is added through shortcode. On successfully submission of form, it should display another modal having thank you message which is working fine. But I want to hide the first modal (the contact form) when the second modal is displayed. Here is the live link: https://onlinedemoserver.com/Techmatix/contact-us/ (You will find the form when you go to footer and click on Lets talk). Here is the javascript code:

My form submission does not seem to work, I tried JAunt it was able to submit so when using JSoup I don't understand why it returns 404.

After Display a form when the selected variation is out of stock in WooCommerce answer to my previous answer, I can display a form made with Contact Form 7 plugin, on the "Out of Stock" products of my WooCommerce store. It works for simple and variable products (product variations).

Now I would like to pass some product data to this enquiry contact form like in this answer:
Pass the chosen product variations data into Contact Form 7 enquiry form.

I would like to pass the product name (and the variation attribute "Color" value, which is "Renk" in my native language). I tried my self in all possible ways, but without any success.

Any help will be appreciated.

I have a form fetched using the endpoint e.g.: /wp-json/contact-form-7/v1/contact-forms/161

In the admin, the template is defined as follows:

Source: https://bdwm.be/how-to-create-dynamically-populated-cascading-dropdown-lists-for-contact-form-7/

One cool guy shared his snipped that allows me to create dynamically populated cascading dropdown-lists based on data from .csv file. It works great but the issue is that it only reads first 3 columns (A,B,C)... I have no idea how to add another dropdown after 'years' that will read values from 4th column (D). I'm guessing that the key to resolve that solution is the line below:

I would like to insert the form automatically only in posts with the Events category

I am new in wordpress technology i apologies if i ask basic question here.

actually i am trying to remove contact form 7 style and js file from all other pages except contact us, so what i did in function.php