Important: FPD Support Update

As of March 1, 2025, direct support for Fancy Product Designer has been discontinued. Only customers with an active support license will continue to receive assistance. Our team is now fully dedicated to Chamevo, the next-generation product customization platform built on the foundations of FPD. For help, use the chatbot available on fancyproductdesigner.com or chamevo.com.

FPD

Connecting Gravity Form with Fancy Product Designer

Updated June 9, 20249,219 views81 found helpful

First you have to add an extra "Single Line Text" field to your form. This field is used to store the data for the order.


Open the field options and click on the "Appearance" tab and enter "fpd-order" in the Custom CSS class input.

Last but not least go to the Advanced tab and enable "Hidden" show this field is not showing up in the form.


Optional: Display a price (since FPD PLUS V1.2.0)

If you want to display the price of the product designer in the form, you need to add another "Single Line Text" to the form and enter fpd-price in the Custom CSS class.




Connect Fancy Product Designer with a GF form

Last but not least you have to use another shortcode to display the product designer in any post or page (no WooCommerce products) and to connect the product designer to a form.

[fpd_gf]

Put this shortcode anywhere in the page. The page needs to include also the GF form that you set up for the product designer.