April 16, 2024

Create Frontend Forms in WordPress with Gravity Forms and ACF

Play Video
Tutorial Walkthrough
This video tutorial provides an in-depth walkthrough, and we recommend following along with the video to grasp the concept fully. Below, you'll find a summary of the tutorial, but please note that it may leave out some detailed steps, so watching the video will give you the most comprehensive understanding.

Frontend forms in WordPress are a good way to engage users and collect their submissions directly from your site’s front. Whether it’s gathering testimonials (which we will use as an example in this tutorial) or allowing users to submit posts for review, Gravity Forms combined with Advanced Custom Fields (ACF) and a page builder like Bricks Builder can streamline this process.

Frontend Forms in WordPress Preview
Frontend Forms in WordPress Preview



Please make sure you have the following installed and activated:

Additional Knowledge

Familiarity with WordPress custom post types and custom fields will help you understand how to dynamically store and display the data submitted through frontend forms. Knowledge of page builders for designing the display of submitted content on your site can also be beneficial.

Chapter Summary of Creating Frontend Forms in WordPress Tutorial

  • 00:00 – What’s Covered?
  • 01:52 – How everything is setup
  • 02:19 – The plugins we’ll be using
  • 03:05 – Creating the testimonials submission form
  • 10:21 – Configuring the form submission settings
  • 15:30 – Embedding the form into our design
  • 16:58 – Testing the testimonials submission form
  • 17:43 – Building the frontend post submission form
  • 20:50 – Configuring the WordPress post-submission form
  • 22:00 – Adding the post-submission form to the site

Official Documentation

Frontend Forms in WordPress – Conclusion

Creating frontend forms in WordPress doesn’t have to be complex. With tools like Gravity Forms and ACF, coupled with a flexible page builder, you can set up forms for various purposes, from user testimonials to content submissions. This tutorial aimed to simplify the process, demonstrating that even advanced functionalities are within reach without extensive coding knowledge.

Required Resources

Gravity Forms Logo
Payment required
Bricks Builder Logo
Payment required
Credit to WPTuts
WPTuts is a popular YouTube channel dedicated to providing high-quality, easy-to-follow tutorials for WordPress enthusiasts, web designers, and developers. The channel features a wide range of topics, from beginner guides on setting up your first WordPress site to advanced tutorials on customizing themes and plugins, ensuring that there's something for everyone
Create Frontend Forms in WordPress with Gravity Forms and ACF
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.