Displaying and Positioning Modules and Actions via Shortcodes

Modified on Sat, 18 Jan 2020 at 10:00 AM

Action buttons, as well as modules, can be positioned freely on a product page through the use of shortcodes. An example of this can be seen in the business card demo. The first step in adding the desired shortcodes is to open the Shortcode Builder. Finde the ShortCode Builder in Fancy Product Designer → Products (until version 4.0.8) or in Status & Tools (from version 4.1)

until 4.0.8: Fancy Product Designer → Products → Shortcodes

from 4.1: Fancy Product Designer → Status & Tools → Shortcodes

Click on the Shortcodes button to open the Shortcode Builder:

Via the dropdown menus on the right, you can now select the different actions and modules, the corresponding shortcode will be generated and displayed on the left. For actions, there are three different Layout options available icon tooltip, icon text, and text only:

For Modules, CSS can be added to the wrapper by entering, for example, height and width.

To integrate an action or module into a product page via the shortcode, you simply need to copy the generated shortcode and paste it in the appropriate position on your page.

To further customize the layout of a product page, for example, to move the summary to the left of the designer, please take a look at Customizing the layout of WooCommerce product pages

Default Shortcodes


Plus Shortcodes