How to set up Flower shop with Elementor Pro - Part 4 | Apple Rinquest

In Part 3, we talk about changing the shop page and create the header and footer sections. In this Part 4, we will add the addons(ribbon, wrapping paper, gift card) for our bouquet. So that the buyers can choose the addons for their bouquet.

Table of Contents

Product Add-Ons plugins

Install WPC Composite Products for WooCommerce plugin (Free & Paid version)

To build the product addons, we will need the plugins. We will use the free plugin names “WPC Composite Products for WooCommerce“. Go head install and active the plugin.

Add Product Add-Ons

After activate the WPC Composite Products plugin, we will create 3 product addons which are:

Ribbon
Wrapping paper
Gift card

Add New Ribbon

We will add new Ribbon product with 2 color. So the buyers can choose the ribbon color they like.

Add New Product
name it as Ribbon
Product Data chooses Variable product
At Attributes, you will see Custom product attribute as pre-selected. Leave it as it is and clicks on Add button
For the new attribute, we will create Color and give two values which are Red and Blue. It requires to use “|” to separate each value. And choose “Used for variations” checkbox.
Click “Save attributes“
Give some product short description if you want to show on the product page.

Next, we will create the variations from the attributes we just create. With variations, we can add image, price, stock control and more for each variation.

go to Variations
choose “Add variation” and clicks Go button
You will see new dropdown list then choose the color you want to set.
Then set the all fields you need for that variation. For the image, if you don’t set the image variation, it will use the image from the product image.

Bulk edit for variations If you want to set the same value of specific variation at once, you can select the setting you want at "Add variation" dropdown list and select that specific setting from the list. Once you select it and clicks on "Go" button, the popup will show up then you will input the value you want. For example, you want to set all regular price of ribbon as 5. You will select "Pricing>set regular prices" and enter 5. This setting will effect all regular prices of all variations.

At the end, you will have two color as it shows below.

Hide Product Add-Ons from the shop

If you don’t want to sell the individual product add-ons, you can hide them from the shop. To do that, you will set the catalog visibility as Hidden.

Add Wrapping Paper and Gift Card

Adding the wrapping paper and gift card are the same way as adding the color variation.

Add all variable products to the parent product

Now you should have the color, wrapping paper and gift card products already. Next, we will add these products to the parent product which are the bouquet.

Unimitated variations Apart from color, wrapping paper and gift card, you create more variations you like. For example, dolls, toys, personal images and more. The idea of using variable product is to allow the buyers build their own personal product by themselves. It also encourages the buyers to buy more addons.

go to All Products
select the product you want to add our product addons.
at Product data, choose Composite product
Then you will see the new Components tab show up under Advanced tab.
At Components tab, add new component
At Component section, we will create three component which are color, flower wrapping paper and gift card.
At the pricing, we will choose “Include base price” so our product pricing will calculate from the variable products and regular base price.

Once all product add-ons are added then view the product on the front end. You will see something like below. You will see the total price including the base price and variable product price.

Add a note input field(custom field) on the single product

It would be nice if we provide a note input field on the single product page. So buyers can leave the note for the gift card or anything else for their order.

To do that, we will use another free plugin called “Extra Product Options (Product Addons) for WooCommerce“. This plugin will add the new fields and displaying on the frontend. If you want to add the custom fields for the backend, you will use “Advanced Custom Fields” plugin.

Go ahead, install and activate the Extra Product Options plugin. Once the plugin is activated, follow the steps below.

go to Products>Extra Product Option.
Add new field and names it as “gift_card_message” and choose textarea as the input type.
Display Rules chooses Category and choose the specific category for your parent product. You can add more rules as much as you want.

On the frontend, my single product page will see the new field as shown below.

The custom fields will display on the single product page, cart page, checkout page and order details page. You can control the display of custom fields values via the plugin. It is very useful plugin. More plugin detail.

Summary

In Part 4, we add the product add-ons (product options) to our parent product by using the WPC Composite Products plugin. This way, we allow the buyers build their own product and encourage them to buy more add-ons. Meaning you increase more sales. Plus, we add new custom field on the single product page which allows buyers leaving the note to the shop. You can create a custom field to let the buyers tell you which flowers they don’t want or they allergies to.

In Part 5, we will setup the delivery method as well as the shipping fee. Also, we will setup the shipping tracking number and send it to the buyer via email.

Tutorial on how to set up a flower shop with Elementor Pro