Contact Form 7 NOT working

🙋Get Help
,
8

I get the same error as @HardikDevani. I’m runing cf7 from the github repo, and v5.1 of the plugin.

I have also tried with the cf7 package from npm, combined with both v5.1, v5.2 and v5.4, and also the cf7 package from github with v5.1, v5.2 and v5.4. I get the white screen every time, after I fix a bug that is present in both packages.

Have you changed the url of state.source.api recently? Because in the index of the cf7 package on line 89, it gets the cf7 rest api url as:

const url = ${state.source.api}/contact-form-7/v1/contact-forms/${ id }/feedback;

But this gives an invalid cf7 rest api url because the state.source.api returns the url with a / at the end, so that line actually outputs for example:

https://wp.site.com/wp-json//contact-form-7/v1/contact-forms/1/feedback

A double //.

So when i noticed that, I went in and changed it myself. So now that error is gone, but now i get the white screen error.

Does anyone have a fix?

9

Hello @kasper,

I think you getting double slash “//” after URL, please see this error in response into Network using inspect element, now i can submit my form, so white screen error isn’t related to CF7

i also getting this white screen error into local and on live.

you want to change in package file as mention above
it is fixed - Contact us - Aaradhana Textile Development site

10

Hi @HardikDevani,

Do you have a repo for your website?

11

Hello @kasper

Sorry, it is a private client project repository so we can’t provide it. I will fix your problem if you can provide me your repo. We got your mail submission from our contact page See below screenshot url. Screenshot by Lightshot

Thanks

12

Hi @HardikDevani

I have fixed it as well. I commented out this line, as it was deleting the current message, so when the Message component tried to get the message, it was an empty object, and not a string with the message.

13

I notice an error today with the frontity-contact-form-7 npm package

{“code”:“rest_no_route”,“message”:“Aucune route correspondante \u00e0 l\u2019URL et \u00e0 la m\u00e9thode de requ\u00eate n\u2019a \u00e9t\u00e9 trouv\u00e9e.”,“data”:{“status”:404}}

This is what my network is saying when I click on the send button. Any issue with Contact Form 7 update ?

14

Hi @floriandupuis1996

I have released a new cf7 package, that works with the lastes version of Frontity and the plugin.

3 Likes
15

Alright sounds good I will try

16

Hi @floriandupuis1996!

How did it go, did you get it to work? :slight_smile:

17

Hi @kasper

I just installed your recent version of the frontity wpcf7 package. I’m getting a 404 error when I submit, but my main concern is that the browser is also attempting to navigate to the submission link, and I’m wondering if that is expected behavior?

Screen Shot 2021-06-09 at 5.17.32 PM
Screen Shot 2021-06-09 at 5.17.32 PM1442×100 27.5 KB

18

Hi @gideonjb,

Thats weird, do you have a repo I can look at?

19

My website is running that latest version, and it works fine.

20

Hello @kasper ,

Thanks for providing a new fixed package of CF7. Unfortunately, when I try to use it, I can see an email on my inbox but the form shows a ‘processing’ message, instead of a ‘successful’ message.

contactform
contactform458×712 15.7 KB

On the other hand, I have another contact form that doesn’t work. it doesn’t send a message to my email imbox. Probably is because I’m using a ‘Select’ field on it , and … it isn’t supported by this package?

Thanks in advance for your reply.

21

Hi,

Do you have a repo I could take a look at? :slight_smile:

22

Hi,

I have made a site with the newest version of the plugin, and is up to date with frontity, and it works here.

23

I am having exactly the same behaviour, I think the wp-json/wp/v2/pages?.. doesnt have the correct WP path on the plugin scripts.

@kasper instead of trying to find the wp-json/wp/v2/pages?_embed=true&slug=contact-form-test-page in the localhost page, is there a place where we can set that up to use the url of the actual Wordpress Installation ?

24

@harvey which cf7 package are you using?

25

Hi @gideonjb,

I’m having the same issue, have you find a solution?

Thank You!

26

I am using the one you published here https://www.npmjs.com/package/@aamodtgroup/frontity-contact-form-7

27

testing deeply I found the fomr is properly rendering, but even without addeing any data to any field, expecting for validation messages, I see that the plugin is requesting this

http://localhost:3000/wp-json/wp/v2/pages?_embed=true&slug=contact-form-test-page

but the backend is not located in that localhost, the url backend is the one set in frontity.settings.js

state: {
        source: {
            "url": "https://test.frontity.org/",
            ...