Skip to content
This repository has been archived by the owner on Jun 20, 2024. It is now read-only.

aamodtgroup/frontity-gravity-forms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 ...
]
  1. Add api keys to the state in frontity
source: {
  gfAuth: {
    key: "ck_example",
    secret: "cs_example",
  }
}
  1. 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

Authors

  1. Kasper Aamodt - Owner and developer @aamodtgroup

License

License: GPL v2