Adding a hidden shipping cost when selecting a product

Hi im having this scenario for product list
product 1 (+ shipping cost)
product 2 (free shipping cost)
product 3 (free shipping cost)

so, I need product 1 to trigger ‘shippping cost (flat rate)’ immediately, what is the most possible method to do this. so its prodcut 1 + shipping (shipping should only appear after clicking the product)

Hey @Vcdkr :waving_hand:

Good question — that setup is totally possible!

Here’s a simple way to do it:
Create 4 products — Product 1, Product 2, Product 3, and one extra called Shipping Cost (Flat Rate).
Then make the Shipping Cost product an Order Bump.

Since the Order Bump has a checkbox, you can use a small JS script so when someone selects Product 1, it automatically checks the Shipping Cost bump. For the other products, it stays unchecked.

If you don’t want customers to see the bump, just hide the Order Bump element by default using CSS.

This way, Product 1 will always include the shipping cost automatically. :rocket:

wonderful thank you it works now !

1 Like