Headless WordPress: using Contact Form 7 REST API with React


Starting with a brief overview, why the world is shifting towards static websites. It’s all about performance. When I built my first static landing page using Gatsby, published it, and went to PageSpeed Insights.

Using WP Contact Form 7 with your Gatsby website

Additionally, I prepared a React component for you to make it easy to use WP CF7 API endpoints with your Gatsby site. Let’s have an in-depth look at how to use it.

<Cf7FormWrapper url=”http://example.com">
<Form />
  1. isSent
  2. hasError



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store