aamodtgroup/frontity-gravity-forms

Frontity Gravity Forms

Gravity forms package for Frontity.

How does it work?

1. You need to create a page in your WordPress site (if you don't already have one) that contains a Gravity Forms shortcode or Gutenberg block.
2. Install the Frontity Gravity Forms package as shown in the Installation steps below.
3. Visit that page in Frontity and the package will automatically render all the Gravity Forms forms that are present, including other content on the page.
4. On successful form submission, the email goes to the recipient set in the form settings in WP (if Gravity Forms email settings are configured on your WordPress site). Errors are shown as well if the fields are invalid.

Features

1. All the Gravity Forms forms on the page will work.
2. You can also use it for multiple pages.
3. Built with React and Frontity, so its fast and performant.

Installation

1. Do npm install @aamodtgroup/frontity-gravity-forms in the root of your project.
2. Add the package name in frontity-settings.js.

"packages": [
  "@aamodtgroup/frontity-gravity-forms"
  // other packages ...
]

3. Add api keys to the state in frontity

source: {
  gfAuth: {
    key: "ck_example",
    secret: "cs_example",
  }
}

4. Run npx frontity dev again.

That's it! The package doesn't need any settings. You should be able to see the form in any page or post that contains one.

Credits

• Build with love 💙, using Frontity

Authors

1. Kasper Aamodt - Owner and developer @aamodtgroup

License

• GPLv2

frontity-gravity-forms's Issues

gform is not defined

Hi, I'm trying using Gravity Forms instead of Contact Form 7 as that one is not sending emails. I have installed GF on both WordPress and Frontity but when I run npx frontity dev I get the error

Warning: You provided a valueprop to a form field without anonChangehandler. This will render a read-only field. If the field should be mutable usedefaultValue. Otherwise, set either onChangeorreadOnly.

Uncaught ReferenceError: gform is not defined

Can you please help?

Thanks

Plugin not working with frontity decoupled mode

Hi, @kasperaamodt

I am working with a project in frontity using the decoupled mode and I am finding with this project and also another one (CF7) that after running the installation procedures you mentioned the calls to the REST API are not happening to the correct endpoint. let me explain

The frontity FE(Front end) is located in the URL station.com
The WordPress BE(Back end) is found at backend.station.com

After installing all packages on both, the form test renders

but when I hit the submit button, there is a request that need to be done to

backend.station.com/wp-json/wp/v2/pages/?_embed=true&slug=gravity-forms-test

but instead is happening to

station.com/wp-json/wp/v2/pages/?_embed=true&slug=gravity-forms-test

I am getting a 404 error because there is no WP REST API on the frontend URL but when running the call using the BE URL it works.

I would like to know if you get my point and if not if there is a way to discuss this privately