@aamodtgroup/frontity-gravity-forms

Gravity Forms extension for Frontity theme.

Usage no npm install needed!

<script type="module">
  import aamodtgroupFrontityGravityForms from 'https://cdn.skypack.dev/@aamodtgroup/frontity-gravity-forms';
</script>

README

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

  • Build with love :blue_heart:, using Frontity

Authors

  1. Kasper Aamodt - Owner and developer @aamodtgroup

License

License: GPL v2