GRAVITY PERKS LIVE PREVIEW

What does it do?

GP Live Preview 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 PERKS LIVE PREVIEW

GP Live Preview also provides several features that make testing your form a breeze and debugging just shy of enjoyable.

GRAVITY PERKS LIVE PREVIEW

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. Live Preview Options
   1. Enable AJAX
   2. Show Hidden
   3. Unrequire
   4. Disable Notifications
3. Support for Core Preview Link
4. FAQs
   1. Why doesn’t the preview match my site’s theme?
5. Hooks

How do I enable this functionality?

We’ll assume you’re running Gravity Forms 1.9 or greater.

1. Install and activate Gravity Perks.
2. Install and activate GP Live Preview.
3. That’s it! The “Live Preview” link will now automatically display in the Gravity Forms toolbar.

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.GRAVITY PERKS LIVE PREVIEW

Enable AJAX

Select the “Enable AJAX” option 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 the “Show Hidden” option 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.GRAVITY PERKS LIVE PREVIEW

GP 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.GRAVITY PERKS LIVE PREVIEW

An added bonus! GP Live Preview now 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

GP 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.GRAVITY PERKS LIVE PREVIEW

FAQs

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

GP 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 GP Live Preview using the gplp_preview_template hook.

Hooks

• gplp_enable_form_action
• gplp_enable_globally
• gplp_grant_preview_permission
• gplp_preview_template