Skip to content
Join for $1

Image Configurator for Gravity Forms

Add a live image preview to your Gravity Forms so customers see their custom product update in real time as they make selections.

by IdeaWP Paid Updated Feb 8, 2026
Get Image Configurator for Gravity Forms Documentation

What it does

When you sell customizable products, customers often have to guess what the final item will look like. Image Configurator solves that by showing a live product preview directly inside your Gravity Form that updates instantly as users pick options.

It works by stacking transparent PNG or WebP image layers on top of each other. You upload the layers, map each one to a field value, and the preview assembles itself automatically. No coding is needed to set it up.

It suits anyone selling configurable physical products — apparel, watches, furniture, print-on-demand items — or agencies building product configurators for clients.

Key features

  • Real-time image preview that updates as users select options, no page refresh needed
  • Layer-based system stacks transparent PNG or WebP images to build complex product mockups
  • Connects layers to radio buttons, checkboxes, dropdowns, image choices, and conditional logic
  • Final configured image is saved with the Gravity Forms entry for order processing
  • Preview image can be included in notification emails sent to customers and admins
  • Fully responsive across desktop, tablet, and mobile
  • No-code setup with a simple mapping interface; extendable by developers

Good for

Custom apparel storesLet shoppers pick colors, logos, and add-ons and see the shirt update live before ordering.
Print-on-demand companiesShow customers a real mockup of their personalized product before they submit the form.
WooCommerce product configuratorsUse Gravity Forms with layered previews to handle complex custom product orders.

Written from IdeaWP’s own listing. Version and dates come straight from the source and are checked weekly.

What image formats do the layers need to be?

The listing specifies transparent PNG or WebP files for the image layers.

Does the preview get saved after someone submits the form?

Yes, the configured image is saved with the Gravity Forms entry and can also be included in notification emails.

Which field types can control the image layers?

You can connect layers to radio buttons, checkboxes, dropdowns, image choices, and conditional logic.

Do I need to write any code to set this up?

No, you map field values to layers using a simple interface. Developers can extend it further if needed.