Surbma

CherryPick Studios

<blockquote>
TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂
</blockquote>
This plugin adds the same styling for Gravity Forms as Divi Theme has for its own forms. This is a very lightweight plugin with minified css to reduce the loading time as low as possible.
The plugin has full support for the new GF 2.5 markup and the 2.6 inline button feature, it even supports previous versions or the legacy markup. So don’t panic, you can use this plugin for all Gravity Forms versions. But it is recommended to use the new version with the new markup!
Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel.
There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms.
<h3>Responsive style for legacy markup</h3>
If you didn’t upgrade to GF 2.5 or still use legacy markup, the plugin adds responsive styles to your forms. So you can use complex forms, halves or thirds fields, your form will look great on mobile screens also.
<h3>Support for Extra by Elegant Themes</h3>
The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme.
<h3>Requirements</h3>
You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin:
<ul>
<li><a href="https://surbma.com/go/elegantthemes/" rel="nofollow ugc">Divi by Elegant Themes</a> (affiliate link)</li>
<li><a href="https://surbma.com/go/gravityforms/" rel="nofollow ugc">Gravity Forms</a> (affiliate link)</li>
</ul>
<h3>Info</h3>
My plugins for Divi theme:
<ul>
<li><a href="https://wordpress.org/plugins/surbma-divi-gravity-forms/" rel="ugc">Surbma | Divi & Gravity Forms</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-extras/" rel="ugc">Surbma | Divi Extras</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-lightbox/" rel="ugc">Surbma | Divi Lightbox</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-project-shortcodes/" rel="ugc">Surbma | Divi Project Shortcodes</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-remove-project-cpt/" rel="ugc">Surbma | Divi Remove Project CPT</a></li>
</ul>
Do you want to contribute or help improving this plugin?
You can find it on GitHub: <a href="https://github.com/Surbma/surbma-divi-gravity-forms" rel="nofollow ugc">https://github.com/Surbma/surbma-divi-gravity-forms</a>
You can find my other plugins and projects on GitHub:
<a href="https://github.com/Surbma" rel="nofollow ugc">https://github.com/Surbma</a>
Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.
Do you want to know more about me?
Visit my webpage: <a href="https://surbma.com/" rel="nofollow ugc">Surbma.com</a>

Surbma | Divi & Gravity Forms

Responsive Divi form styles for Gravity Forms.

Samuel Aguilera

Caching is great for scenarios where your post or page content it’s not changed frequently, but if you have a form embedded to which you do changes very often or you’re using dynamic code, that doesn’t run for a cached page, or using third-party solutions relaying in dynamic live data (e.g. reCAPTCHA), using caching in these cases is going to cause issues. The same applies to certain automatic JS optimizations done by caching plugins that are known to break JS execution easily.
An easy solution is to configure your caching plugin or proxy to exclude the page where the form is embedded, but you need also to remember this when you create a new page or embed a new form in an existing page…
This plugin will take care of the above automatically doing the following:
<ol>
<li>Flush current cache on plugin activation. This is required in order to allow the next step to run.</li>
<li>Dynamically check if there’s a Gravity Forms for any of the supported embedding methods (see below for the list).</li>
<li>If so, it will prevent post/page from being cached by any of the supported caching plugins, browsers and CDN/Proxies.</li>
</ol>
<h4>Embedding methods supported:</h4>
<ul>
<li>WordPress default editor, shortcode or Gutenberg block. Content of any post type, including pages and custom posts.</li>
<li>ACF fields of type Text, Text Area, and WYSIWYG. Disabled by default.</li>
<li>Avada. The following elements has been proven to work: Content Boxes, “Gravity Form”, Modal, Text Block. Other elements could work too, but not tested.</li>
<li>Beaver Builder. It will detect Gravity Forms shortcodes added to a Text Editor module.</li>
<li>Conversational Forms add-on. It will automatically detect any form page using the conversational_form post type (requires Conversational Forms add-on 1.3.0+).</li>
<li>Divi. It should work with any of the default modules where you can insert a GF shortcode into the content. e.g. Call To Action, Text, Tabs…</li>
<li>Elementor. The following widgets added to the post content are supported: Shortcode, Text.</li>
<li><a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> Gravity Forms widget.</li>
<li>GravityKit Gravity Forms Widget for Elementor.</li>
<li>PowerPack for Beaver Builder Gravity Forms Styler module.</li>
<li><a href="https://wordpress.org/plugins/ultimate-addons-for-beaver-builder-lite/" rel="ugc">Ultimate Addons for Beaver Builder</a> Gravity Forms Styler module.</li>
<li>Ultimate Addons for Elementor By Brainstorm Force.</li>
<li>WooCommerce Gravity Forms Product Add-ons by Lucas Stark.</li>
<li>WPBakery Page Builder. The following elements has been proven to work: “Gravity Form”, Text Block. Other elements could work too, but not tested.</li>
<li><a href="https://wordpress.org/plugins/wp-tools-gravity-forms-divi-module/" rel="ugc">WP Tools Gravity Forms Divi Module</a>.</li>
</ul>
If you’re not using any of the above embedding methods you can still use Fresh Forms with a filter to pass the ID number of the posts where you want to run Fresh forms. You can also make Fresh Forms to add a cookie when a form is detected to use this cookie as a way to skip caching for hosts using Varnish based caching. Please see FAQ for more details.
There’s no options page. Only the plugin version is saved to the database to be able to handle actions after an update when needed, no other data is stored.
It should work with any caching plugin with support for DONOTCACHEPAGE constant, and proxies respecting the use Cache-Control HTTP header.
Caching and Optimization plugins supported:
<ul>
<li>Autoptimize</li>
<li>Cache Enabler</li>
<li>Comet Cache</li>
<li>Hummingbird</li>
<li>Kinsta Cache</li>
<li>LiteSpeed Cache</li>
<li><a href="https://wordpress.org/plugins/page-optimize/" rel="ugc">Page Optimize</a> (Script concatenation only)</li>
<li>Perfmatters (Delay JS exclusions only)</li>
<li>Speed Optimizer (by SiteGround, the plugin with more name changes in the history of WordPress!)</li>
<li>Surge</li>
<li>W3 Total Cache</li>
<li>WP Engine System</li>
<li>WP Fastest Cache</li>
<li>WP Optimize</li>
<li>WP Rocket</li>
<li>WP Super Cache</li>
</ul>
Caching plugins NOT supported:
<ul>
<li>Breeze. It doesn’t support DONOTCACHEPAGE constant or filters to skip caching. Check FAQ for a workaround.</li>
<li>NitroPack. It doesn’t support DONOTCACHEPAGE constant or filters to skip caching. Check FAQ for a workaround.</li>
</ul>
Cloudflare and other CDN/proxies:
This plugin will add appropriate HTTP header to pages with a Gravity Forms form to exlude the page HTML from caching when the web host setup allows it.
By default Cloudflare doesn’t cache the page HTML, it does only when you have configured it to “Cache Everything”. In this case, after activating the plugin, you need to purge cache in your Cloudflare account or wait for cache expiration to let Cloudflare know the page must be excluded from caching.
Certain hosts like WP Engine and Kinsta don’t allow HTTP headers modification from WordPress side of things, therefore Cloudflare support will not work for these hosts.
Other proxy services should work in a similar way, but I don’t have access to test any other proxy service. Feel to reach me if you want to provide me access to add support for your proxy service (documentation for the proxy would be required).
Note for these cases (caching is done by an external service), Fresh Forms can just include the HTTP header when your web host allows it. Once the header is added, it’s up to the CDN/proxy being used to obey the header and skip caching for the page.
<h4>Requirements</h4>
<ul>
<li>PHP 7.0 or higher.</li>
<li>WordPress 4.9 or higher.</li>
<li>Gravity Forms 2.3 or higher.</li>
<li>Only forms embedded using classic editor shortcode or Gutenberg block are supported.</li>
</ul>
<h4>Usage</h4>
Just install and activate. No settings required except for ACF support (see FAQ).

Fresh Forms for Gravity


You have to love a plugin that just works, and this one does. Install, activate, and all the caching and optimization problems related to Gravity Forms go away. THANK YOU!


Excellent Plugin that Solves a Real Problem

Prevent supported caching and JS optimization plugins breaking Gravity Forms.

Surbma | Divi & Gravity Forms vs Fresh Forms for Gravity