The product designer can also be added in posts and pages via two shortcodes. The shortcodes are not necessary for WooCommerce products!
Create a post/page or select an existing one.
You need to add these two shortcodes:
[fpd]: Will load the product designer.
[fpd_form]: A simple form that is required to send the customized product to the site owner.
You will notice the new Fancy Product Designer meta box that has been added on the right hand side of the screen. If it doesn’t appear, click the Settings icon on the top right.
Add one or more single Fancy Products individually or one or more product categories via the Source Type option.
After that, select the products or categories from the drop-down menu. You can also create and choose different products for mobile devices to improve the presentation of the products on smaller screens.
You can now publish and preview the product page.
You can customize the layout of the product page through the use of shortcodes. Shortcodes can be generated for action buttons, modules, etc., and simply placed on the page or post to add the desired element to the product page. Details can be found here.
Information for Gutenberg Editor
You will find the meta box in the Gutenberg-Editor by clicking in the Document tab.
Shortcode Attributes
The [fpd_form] shortcode supports the following attribute:
| Attribute | Explanation | Default Value |
| price_format | The price format. Use %d as placeholder for the price. | $%d |
Example
[fpd_form price_format="%d€"]