Ronak Ganatra

<p>Normal WordPress gutenberg block do not show How the shortcode will output frontside, so we have created a similar gutenberg block which can preview the shortcode result on editor side.</p>


Shortcode Preview Block

It makes creating layout for complex pages and e.g. shortcodes for images referenced from DAM much easier!

Great plugin

Shows preview of any shortcode on editor side. It renders shortcode in the editor side so editor does not need to visit front side.

geekontheroad

<p><strong>This simple and free plugin helps you to easily add a live summary to any gravity forms. No coding required. Simply check the fields you want to see and save your form.</strong></p>
<p><a href="https://gravitysummary.geekontheroad.com/" rel="nofollow ugc">TRY DEMO HERE</a></p>
<p><a href="https://geekontheroad.com/live-summary-for-gravity-forms/" rel="nofollow ugc">GET PRO VERSION HERE</a></p>
<h4>How to set it up</h4>
<ol>
<li>Install the plugin</li>
<li>The plugin has its own settings page since v1.1. Find it under Form > Settings > Live Summary</li>
<li>Switch on the “Turn on summary” checkbox. </li>
<li>Decide which fields to show in the summary by checking the checkbox in the field settings of each field that you want to show.</li>
<li>Summary will now work</li>
<li>Optional: Show a total at the bottom. This will automatically work if you add any product fields to the form. To turn this total off, simply go back to the settings page and toggle the switch that says “show total in summary”<br />
<a href="https://wordpress.org/plugins/live-summary-for-gravity-forms/screenshots/" rel="ugc">screenshot section</a></li>
</ol>
<blockquote>
<p>Conditional logic supported</p>
</blockquote>
<h4>Currently the following field types are supported in the free version:</h4>
<ul>
<li>Single Line Text</li>
<li>Paragraph Text</li>
<li>Drop Down</li>
<li>Number</li>
<li>Checkboxes</li>
<li>Radio Buttons</li>
<li>Name</li>
<li>Date</li>
<li>time</li>
<li>Phone</li>
<li>Address</li>
<li>Website</li>
<li>Username</li>
<li>Email</li>
<li>Multi Select</li>
<li>Product</li>
<li>Total</li>
<li>Shipping</li>
</ul>
<h4>More fields are supported in the PRO version</h4>
<h4>PRO version</h4>
<p>Currently available PRO features are:</p>
<ul>
<li>NEW: Added support for the new Image choices and Multi Select fields.</li>
<li>NEW: Added new setting for choice fields (radio, select, checkboxes) which allows you to display the choice label instead of its value</li>
<li>NEW: Added support for hidden fields</li>
<li>NEW: Added support for Section fields. </li>
<li>NEW: Added support for EU VAT field</li>
<li>NEW: Added support for coupon fields</li>
<li>NEW: Support for Gravity Forms Ecommerce fields (subtotal, tax, discount)</li>
<li>NEW: Added support for Jetsloth Image Choices</li>
<li>Change the field label shown in the summary + mergetag support in label</li>
<li>Setting to change the “nothing selected” text</li>
<li>Add a custom css class to the field line in the summary</li>
<li>Adds a new fieldtype to Gravity that will output a live summary anywhere in your form!</li>
<li>Adds support for merge tags inside HTML fields. (currently only working in multi-page forms)</li>
<li>Make the summary sticky on scroll (very helpful for longer forms)</li>
<li>Easily change default labels (Title and Total)</li>
<li>Change the side of the summary (right or left)</li>
<li>Brand Styler to configure things like fonts, border settings, background settings and padding settings</li>
<li>Show summary on the confirmation page (experimental setting)</li>
</ul>
<p>More things are possible with this plugin such as moving the button just under the summary or adding a logo above it for example. This and more can currently only be done with custom code snippets. I provide these snippets free for Pro customers.</p>
<p><a href="https://geekontheroad.com/live-summary-for-gravity-forms/" rel="nofollow ugc">GET PRO VERSION HERE</a></p>
<h4>Other plugins from the same developer</h4>
<ul>
<li>EU Vat for gravity forms: Easily calculate and validate European VAT (taxes) in gravity forms <a href="https://geekontheroad.com/eu-vat-for-gravity-forms/" rel="nofollow ugc">GET IT HERE HERE</a> </li>
<li>Coinbase Commerce for gravity forms: Accept cryptocurrency payments with Coinbase Commerce and Gravity Forms <a href="https://geekontheroad.com/coinbase-commerce-for-gravity-forms/" rel="nofollow ugc">GET IT HERE HERE</a> </li>
</ul>
<blockquote>
<p>Compatible with Gravity forms 2.5 and up.</p>
</blockquote>
<h4>Feature requests</h4>
<p>This is a relatively new plugin and I am looking into how I can make the plugin better. Do you have an idea for this plugin? Please let me know in the support tab or mail me directly.</p>
<h4>Found any bugs?</h4>
<p>Please let me know before leaving a bad review. Chances are high that I will be able to fix it!</p>
<h4>Hire Me</h4>
<p>Are you looking for a professional to do a gravity forms related job? I have several years of experience with gravity forms and much longer with coding. Find out more on <a href="https://geekontheroad.com" rel="nofollow ugc">my website</a></p>


Live Summary for Gravity Forms

An excellent plugin to make a Gravity Forms order form better. Easy to set up and use. Very responsive developer.

Great Gravity Forms Add-on


Exactly what we were looking for. Johan even added a fix for our edge case.


Great plugin and awesome support!

This simple and handy plugin will add a live summary next to any gravity form. No coding required.

Shortcode Preview Block vs Live Summary for Gravity Forms