Displaying and Positioning Modules and Actions via Shortcodes

Modified on Sun, 04 Feb 2024 at 11:29 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. Find the Shortcode Builder in Fancy Product Designer → Status & Tools.

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


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article