Gutenberg Block Selector Returns 404 Not Found

Where can we see the website in question?

@takayukister I swapped it out for the shortcode on the live site, so I don’t have an example to show you.

I can say that it was a fresh copy of WordPress (5.8) and that this was the only contact form, and that I didn’t rename it.

I’m also using Flamingo, Honeypot for Contact Form 7, Advanced noCaptcha & invisible Captcha (for Recaptcha on Forms). And of course some other plugins unrelated to CF7.

And, I’ve tried it with the Twenty-Twenty-One theme in addition, and the problem persists.

I guess if no one else is having this problem then it must be a conflict somewhere. Hopefully this helps narrow it down.

For the meantime though, I’ve just used the shortcode instead of the Block.

The plugin is great and thank you!!!

Hi,

I faced the same issue and I noticed that the issue happens when there is only one form available. So the Contact Form 7 block will detect that form is selected to show. But it does not get the form ID. If you have more than one form, you select the form. The Contact form 7 block works correctly.

Hope this helps.

@georgebest Thanks for the tip!

@georgebest @chenryahts yes, and you can delete the extra form after.

I’ve also had the same issue. @takayukister – are you able to add a blank option to the dropdown – “please select…” which should resolve the issue?

As well as creating the 2nd form, you can manually edit the block markup to set the form ID / title. Fill in the # with your own values:

<!-- wp:contact-form-7/contact-form-selector {"id":####,"title":"####"} -->
<div class="wp-block-contact-form-7-contact-form-selector">[contact-form-7 id="#####" title="####"]</div>
<!-- /wp:contact-form-7/contact-form-selector -->

@takayukister the problem is still present in the new version 5.5.2