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.
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.
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:
- Edit the
page.php
template in your site’s theme to output the standard the_post()
inside the HTML of the page.
- Specify the page template to use with Live Preview using the gplp_preview_template hook.