#Wc product builder how to#
#Wc product builder install#
#Wc product builder code#

#Wc product builder how to#

Here you can select the customizable product to show for both desktop and mobile.Looking for ways to customize the product page in your eCommerce store? In this guide, we’ll show you how to edit the WooCommerce product page programmatically. Go to woocommerce and add a new product, you will see the fancy product designer product selection on the right side. But sometimes it becomes difficult if you are using the plugin for the first time. The final and easy step is linking the fancy product designer products to woocommerce. Step 4: (Attach Customizable products with Woocommerce)

#Wc product builder code#

NOTE: Once you added code to the back view base image then no need to add HTML color code. You have to create a code as we are doing below, copy the code, and add it to the back view base image. For example, a customer changes the front side color using a color picker feature the backside view color will automatically change. This feature will allow customers to change product color for the front and back sides at the same time. How to use Bounding Boxes in Fancy Product DesignerĤ- Linking color between elements in fancy product designer for products is also a very important thing. You can restrict the customer to do customization in specific areas of the product. Open the toggle sidebar and enable the colorization by adding an HTML color code for the t-shirt. You need to have the images as a Base and Overly layer.ģ- If you want to allow customers to change the color of the t-shirt. Select the product view you want to edit. Click here to edit the view in the product builder.Ģ- Here is the most important part of the product with a fancy product designer product builder. As we can see there are front and back sides for the t-shirt. Step 3: (Setup Product in FPD Product Builder)ġ- We are about to set up products in a fancy product designer product builder. But here we will add only front and back. Repeat the same step for other views like the left and right side views of the product. Here is the Guide.ġ- Click on the product under the fancy product designer tool.Ģ- Now add a new product and enter a product title.ģ- Now add product views such as front and back. We will add a customizable T-shirt with a fancy product designer plugin for you.īefore we start, you must create the right images that work in FPD. It’s up to you what type of product you want to set up. Now extract the plugin files in /public_html/wp-content/plugins or in the same folder.Īfter the plugin is successfully installed in the cPanel go back to wp-admin or dashboard Plugins > installed plugins and activate it.Īlmost all kinds of products can work with the FPD Plugin. The fancy product designer woocommerce wordpress plugin should be uploaded here. You need to login into hosting and go to cPanel> file managerĪfter clicking file manager you have to click public_html > wp-content > plugins The second method, mostly used when we have issues with plugins installing in the wp dashboard.

#Wc product builder install#

You need to upload a zip file of the fancy product designer plugin and install the plugin.ģ- After the plugin is successfully installed go to Plugins > installed plugins and activate it.

After having the FPD plugin there are two methods to install the plugin Fancy product designer – Methodsġ- The first method to install the plugin is simply to go to wp-admin or dashboard under the plugins click on add newĢ- This tab will appear after clicking add a new plugin. The first step you need to buy the Fancy product designer WooCommerce WordPress Plugin. Our guide of FPD Plugin for Beginners would be helpful for all.

We will try to explain it as easily as possible. But here we are going to guide you with WooCommerce. The Fancy product designer is available for different platforms such as WooCommerce, Shopify, jQuery. Here we have the easy tips for the FPD Plugin for Beginners. The customers can do customizations they want to do, at the same time customers can see the product customizations they are doing or how it looks. How to Use Fancy Product Designer – FPD Pluginįancy Product Designer for WooCommerce WordPress is a powerful tool that allows us to set up online product customization features for our e-commerce websites.