New Contact Form 7 external package for Frontity

We’re happy to announce that Imran Sayed and Smit Patadiya have released a new package for Frontity that adds support for the popular Contact Form 7 WordPress plugin.

By default, the Contact Form 7 plugin adds a number of fields to new forms, including name, email, subject, message and send. These fields are all included in this pre-release and a few extra will be supported in the final release.

Useful resources:

Installation guide

  1. Do npm install frontity-contact-form-7 in the root of your project.
  2. Add the package name in frontity-settings.js .
"packages": [
  "frontity-contact-form-7"
  // other packages ...
]
  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.

How to contribute

If you want to contribute to the package, you can do so by following these steps:

  1. Fork this repository
  2. Clone it in your local machine
  3. Run npm install
  4. Run npx frontity dev
  5. Do the changes to the code
  6. Submit the pull request! :slight_smile:

You can change the state.source.api setting on the frontity.settings.js file to point the project to your own WordPress if you want but please do not include those changes in your PR.


A big thank you to @imranhsayed and @smit.soni22 for this contribution to the project! :raised_hands:

4 Likes

Thank you Frontity for your guidance and support.
We really enjoyed making this package :slightly_smiling_face:

Thank you @Reyes

2 Likes

26 posts were split to a new topic: Support for checkboxes in Contact Form 7 package

10 posts were split to a new topic: Can I use the shortcode in my custom page created in React?

Thanks for working on this package guys @imranhsayed @smit.soni22.

Looking forward to testing it and giving some feedback.

FYI: This package does no longer work. Please use the new one that is maintained.