Gravity Wiz

Magically enhanced tutorials, snippets and plugins for Gravity Forms!

  • Gravity Perks
    • Gravity Perks
    • Tutorials & Snippets
    • About
  • Support
    • Documentation
    • Support
    • Account

Gravity Forms Live Preview

Preview your Gravity Forms on the frontend of your site.

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

  • View All Perks
  • Buy Gravity Perks
gp-live-preview-featured

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.

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.
  • Awesome support.
    We’re here to help! And we mean it.

Documentation

  1. How do I enable this functionality?
  2. Feature Details
    1. Live Preview Options
      1. Enable AJAX
      2. Show Hidden
      3. Unrequire
      4. Disable Notifications
    2. Support for Core Preview Link
  3. FAQs
    1. Why doesn’t the preview match my site’s theme?
  4. Hooks

How do I enable this functionality?

After installing and activating Gravity Forms Live Preview, a new Live Preview option will appear in the Gravity Forms toolbar.

GF Live Preview Options

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 (learn how these classes impact Gravity Forms Product fields).

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.

gp-live-preview-show-hiddenGF Live Preview with Show Hidden Enabled
Unrequire

Filling out field after required field can rot your brain. Save a huge amount of time by automatically unrequiring required fields. The field will still appear required on the frontend; however, on submission, the required validation will be ignored. This means you can leave any field blank and only fill out the fields you are currently testing.

An added bonus! Live Preview also bypasses reCAPTCHA.

Disable Notifications

Prevent your inbox from blowing up with notifications by disabling them when the the form is submitted through the preview. This is especially useful if you have notifications set to send to multiple recipients.

Support for Core Preview Link

Gravity Forms Core Preview Options

Live Preview adds the Enable AJAX, Show Hidden and Unrequire options to the core Preview Link as well. These options work exactly as they do in Live Preview. The only difference is that they will be enabled for the core Preview page.

FAQs

Why doesn’t the preview match my site’s theme?

Live Preview uses the Page template page.php to display the live preview. If your theme’s Page template doesn’t output the_post(), the preview will not match your site’s theme.

In order to resolve this, you have two options:

  1. Edit the page.php template in your site’s theme to output the standard the_post() inside the HTML of the page.
  2. Specify the page template to use with Live Preview using the gplp_preview_template hook.

Hooks

  • gplp_enable_form_action
  • gplp_enable_globally
  • gplp_grant_preview_permission
  • gplp_preview_template
Gravity Forms has hundreds of hooks. Check out our Gravity Forms Hook Reference for the most thorough guide to Gravity Forms’ many actions and filters.

Perk Deets

  • Version 1.5
  • Updated October 27, 2020
  • Released April 18, 2016
  • View Changelog

Changelog

1.4.4

  • Fixed issue where admin script was not output when No Conflict Mode was enabled.
  • Improved Live Preview with full compatibility for Gravity Forms 2.5.
  • Fixed issue where tooltips displayed underneath the form editor toolbar. Fixes #5.
  • Updated CSS for hidden fields in Gravity Forms 2.5
  • Removed tags in selectors.
  • Updated and improved to work well in Gravity Forms 2.5; Live Preview is now an option on the default Preview menu.

1.5

  • Added full support for Gravity Forms with improved UI.
  • Updated CSS for hidden fields in Gravity Forms 2.5
  • Fixed issue where admin script was not output when No Conflict Mode was enabled.
  • Fixed issue where tooltips displayed underneath the form editor toolbar. Fixes #5.
  • Removed tags in selectors.

1.4.3

  • Added gplp_grant_preview_permission filter to allow filtering whether the current user has permission to preview forms via Live Preview.

1.4.2

  • Fixed PHP notice on trashed forms page in the WordPress admin dashboard.
  • Added 'gplp_enable_globally' filter to support enabling preview features for forms outside of core/live preview.

1.4.1

  • Added 'gplp_enable_globally' filter to support enabling preview features for forms outside of core/live preview.

1.4

  • Added support for auto-passing options (i.e. AJAX, Unrequire) on Preview links in Admin Bar menu.
  • Added support for Live Preview link in Admin Bar menu.
  • Added support for disabling notifications on Preview and Live Preview submissions.
  • Added support for auto-passing options (i.e. AJAX, Unrequire) on Preview action link in Form List view.
  • Added 'gplp_enable_form_action' filter to allow enabling a "Live Preivew" action link to appear for each form in the Form List view.

1.3

  • Added support for disabling notifications on Preview and Live Preview submissions.
  • Added support for auto-passing options (i.e. AJAX, Unrequire) on Preview action link in Form List view.
  • Added 'gplp_enable_form_action' filter to allow enabling a "Live Preivew" action link to appear for each form in the Form List view.

1.2.10

  • Fixed issue where required asterisks did not appear for Nested Forms when Unrequire was enabled.

1.2.9

  • Fixed issue where unrequire would indicate that all fields were required, regardless of whether they were marked as required.

1.2.8

  • Fixed issue where clicking on checkbox would cause Firefox to navigate to a URL containing "&&undefined"

1.2.7

  • Fixed issue where clicking on checkbox did not correctly set the preview setting.

1.2.6

  • Added support for showing Unique ID fields when Show Hidden is enabled.

1.2.5

  • Fixed issue where Live Preview submenu options would sometimes click through to URLs.

1.2.4

  • Added 'gplp_preview_template' filter to allow filtering the preview template. See: https://gist.github.com/spivurno/5bbcc03cf0d8fe9aa82834c8e14f361f

1.2.3

  • Added backend support for Enable AJAX, Show Hidden, and Unrequire for default preview.
  • Added support for bypassing CAPTCHA fields when Unrequire is enabled.

1.2.2

  • Added support for showing fields with visiblity of hidden when Show Hidden is enabled

1.2.1

  • Fixed issue where preview functionality was not initialized before Gravity Forms processed form

1.2

  • Refactored how preview page is created and loaded; will fix many miscellaneous issues with various themes.

1.1.7

  • Updated "Show Hidden" style block to be appened to form markup
  • Fixed mislabled function

1.1.6

  • Fixed conflict with The Events Calendar plugin

1.1.5

  • Fixed issue where is_live_preview() returned true if 'id' parameter was set in query string

1.1.4

  • Added support for setting the preview page title for theme's not using title-tag support
  • Fixed issue where permalinks were not auto-flushed on activation
  • Fixed issue where preview page was being treated like an archive page
  • Updated is_live_preview() to be more bullet-proof

1.1.2

  • Updated query to better replicate a single post/page (allows better integration with themes)

1.1.1

  • Fixed issue where tooltip was not escaped properly

1.1

  • Added support for 'Show Hidden' and 'Unrequire' options
  • Updated Live Preview menu to allow enable multiple options at once

1.0

  • It's alive (preview)!

All Perks

  • GF Auto Login
  • GF Better User Activation
  • GF Blacklist
  • GF Conditional Logic Dates
  • GF Conditional Pricing
  • GF Copy Cat
  • GF Date Time Calculator
  • GF Disable Entry Creation
  • GF Easy Passthrough
  • GF eCommerce Fields
  • GF Email Users
  • GF Expand Textareas
  • GF File Upload Pro
  • GF Limit Checkboxes
  • GF Limit Choices
  • GF Limit Dates
  • GF Limit Submissions
  • GF Live Preview
  • GF Media Library
  • GF Multi-Page Navigation
  • GF Nested Forms
  • GF Pay Per Word
  • GF PayPal One-time Fee
  • GF Placeholder
  • GF Populate Anything
  • GF Post Content Merge Tags
  • GF Preview Submission
  • GF Price Range
  • GF Read Only
  • GF Reload Form
  • GF Terms Of Service
  • GF Unique ID
  • GF Word Count

Copyright © 2021 · Powered by WordPress · Gravity Wiz LLC

  • Support
  • Affiliates
  • About
  • Sitemap
  • Gravity Perks
    ▼
    • Gravity Perks
    • Tutorials & Snippets
    • About
  • Support
    ▼
    • Documentation
    • Support
    • Account