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.
Select Enable AJAX to load your form with AJAX enabled.
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_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.
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.