Gravity Forms Supercharge Add-On can be used in a variety of different ways. Here are some examples showcasing different features and theming.
Demo 1: Open in a popup
Open popup: Keep form state alive Remove the form when popup closes
You can trigger popups using Supercharge shortcode. The option to open the forms in a popup can make for an even better user experience. You can add custom triggers as well as use the shortcode to create a trigger for your form anywhere you like.
Demo 2: Embed on a page like a regular Gravity Form
This is ideal for themes that follow WP standards strictly and stay out of the way of the design. Notably, you can choose to allow users to maximize the form to a full screen. You can also set the form to resize based on the size of the user’s screen. For example, you could set the form to be 750px high on larger screens, 400px high on medium sized screens and start full screen on very small screens, like of the mobile devices.
This demo form utilizes the following options:
Animation style: Scroll sideways
Field labels on top panel: Always
Progress Indicators: Long Progress Bar (Thick)
Field width: Wide
Field mode: Island
Control Bar Button: Bottom Center
Submit button: Separate field (detached)
Theme: Customized with image background
Demo 3: Full Page Template
This demo form utilizes the following options:
Animation style: Free scroll
Field labels on top panel: Auto
Progress Indicators: Long Progress Bar Above Footer
Field width: Wide
Control Bar Button: Bottom Right
Under the Field Buttons: Spread
Submit button: Separate field (detached)
Theme: Customized with image background
Demo 4: Isolate the form in an iframe
Isolated Forms (iframe) Example
If you have styling conflicts with your theme or other plugins, you can choose to place the form in an iframe. Since Supercharged forms work in a frame of their own, it should look virtually the same as the regular embedding of the form and Supercharging it.
Demo 4: Customized Zero-friction form
Use dynamic population feature alongside Live Merge Tags to reduce friction. Easily pass your data to your live merge tags and give your users a personalized form even before they open it. Such forms can do wonders when linked in an email or wherever it’s possible to create a customized link. Collecting data doesn’t have to be work for your users! Present forms with beautiful, intuitive UI patterns for lightening-fast conversions.
This demo form utilizes the following options:
Animation style: Defocus
Live Merge Tags: Used with hidden fields with dynamic population
Field labels on top panel: Auto
Progress Indicators: Medium Progress Bar
Field width: Wide
Control Bar Button: Bottom Left Right
Under the Field Buttons: Spread
Submit button: Auto Submit
Theme: Customized with image background
Demo 5: Do more
Supercharge supports the famously powerful conditional logic of Gravity Forms. Create more customized and laser focused experiences.
This demo form utilizes the following options:
Animation style: Zoom out
Conditional logic: Show hide fields based on user interaction
Field labels on top panel: Auto
Progress Indicators: Long progress bar top
Field width: Auto
Under the Field Buttons: Spread
Submit button: Show in Controls/Controls bar
Theme: Customized with image background