@aamodtgroup/frontity-gravity-forms 中文文档教程

Question

Frontity Gravity Forms

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.

就是这样！ 该包不需要任何设置。 您应该能够在包含该表单的任何页面或帖子中看到该表单。

Credits

• Build with love :blue_heart:, using Frontity

Authors

1. Kasper Aamodt - Owner and developer @aamodtgroup

License

• GPLv2