Gravity Wiz Gravity Wiz

Gravity Forms Live Preview

Preview your Gravity Forms on the frontend of your site.

What does it do?

This plugin provides an easy method for previewing your forms as they will appear on the live site. No longer do you need to create a new post, configure the Gravity Forms shortcode, and publish the page to see how the form will look on the frontend. Just click the handy Live Preview option in your Gravity Forms toolbar.

Gravity Forms Live Preview also provides several features that make testing your forms a breeze and debugging almost enjoyable.

With GP Live Preview you can:

Features

  • Preview forms on the live site.
    Stop wasting time setting up pages to see how your forms will look on the live site. One-click preview link right on the Gravity Forms toolbar.
  • Unrequire required fields.
    Save time testing your Gravity Forms by making required fields optional in preview (also skips reCAPTCHA).
  • Preview with AJAX enabled.
    Gravity Forms’ default preview doesn’t support AJAX. Live Preview supports AJAX out-of-the-box.
  • Debug hidden fields.
    Show all hidden fields in your form without having to remove classes or change field types. Makes debugging a breeze.
  • Disable notifications.
    Stop notifications from sending when the form is submitted from a preview.
  • Speed up Gravity Form development time.
    Working with Gravity Forms a lot? This perk is guaranteed to save you a ton of time.
  • Seamless, easy-to-use UI.
    Integrates directly with the Gravity Forms toolbar. A single click activates the preview.
  • Automatic updates.
    Get updates and latest features right in your dashboard.
  • Legendary support.
    We’re here to help! And we mean it.

Get Gravity Perks

This plugin is part of Gravity Perks, a suite of 51+ essential Gravity Forms addons with support you can count on.

Pricing
Learn more

Have a question?

We’re here to help, just send us a message.

Ask the Wizards
Gravity Forms Certified Developer
  • Version 1.6.13
  • Updated May 14, 2025
  • Released April 18, 2016
View Changelog

All Connections

All Perks

Documentation

  1. How do I enable this functionality?
  2. Feature Details
    1. Live Preview Options
      1. Enable AJAX
      2. Show Hidden
      3. Unrequire
      4. Single Page
      5. Disable Notifications
      6. Ignore Form Restrictions
        1. Usage Examples
    2. Support for Core Preview Link
  3. Snippets
    1. Filter Preview Template Path
    2. Enable Globally For Admins
    3. Redirect unauthenticated users to the login page.
    4. Set Custom Preview Template Path
  4. Troubleshooting Issues
  5. FAQ
    1. Why doesn’t the preview match my site’s theme?
      1. Related Snippets
  6. Translations
  7. Hooks
  8. Related Resources

How do I enable this functionality?

After installing and activating Gravity Forms Live Preview, a new Live Preview option will appear when hovering over the Gravity Forms Preview button. Check that option to switch the Preview mode to Live Preview.

Feature Details

Live Preview Options

By default, Live Preview will provide a preview of your form on the frontend of your website. Live Preview provides several additional options to customize how your form preview will be displayed and function.

Enable AJAX

Select Enable AJAX to load your form with AJAX enabled.

Show Hidden

There are several types of “hidden” fields in Gravity Forms. You have the actual Hidden field type, the Hidden Product field type, and also the ability to hide fields via the Custom CSS Class field setting via the gf_hidden and gf_invisible CSS Ready Classes.

For more info on how these classes impact Gravity Forms Product fields, check out our How to Hide Gravity Forms Product Fields article.

Select Show Hidden to make your hidden fields visible in preview. Working with hidden fields can be tricky. This feature allows you to readily confirm that a hidden field is populated with the expected value. And now you’ll save hours of debugging time.