How It Works

Stylish Cost Calculator will send the units of a selected product (sliders) and one unit for dropdowns and checkboxes (unless you linked a slider to a dropdown box) to the corresponding product in WooCommerce. For example, if the user selects 10 units of Product A, it passes 10 units to Product A in WooCommerce.

What It Can Do

Stylish Cost Calculator is able to trigger the sale of an individual product or variant, add it to the cart, and specify the quantity of it.

What It Cannot Do

• Stylish Cost Calculator is not able to create new products. You must create the product (or variant) manually in Woocommerce and S.C.C at the same time, then link.

• Stylish Cost Calculator is not able to send a custom price to woocommerce. See the notes below.

•This feature may not work with the live currency conversion feature.

• Stylish Cost Calculator is not compatible with shipping rates or shipping plugins for WooCommerce.

Link SCC to a Product (WooCommerce)

Step 1. Create a product in WooCommerce
- Set the price
- Set a product image
- Set the name

Step 2. Activate the WooCommerce in your individual calculator (bottom of the page)

Step 3. Select the dropdown in each element to link to an existing product in WooCommerce.

Both Products Must Be The Same Price

For security purposes, WooCommerce doesn't allow us to add or alter the price of their products. The price of the element (product/service) in SCC (Stylish Cost Calculator) has to match the price of the product in Woocommerce.

For example, if Product A is $100 in WooCommerce, then it must also be $100 in Stylish Cost Calculator.

If Product A is $100 in WooCommerce but $120 in Stylish Cost Calculator, then the user will see $120 on the front-end of Stylish Cost Calculator and when they click  Add To Cart button, it will transfer the user to the WooCommerce check-out page where it will show a different price of $100 to the user.

WooCommerce example screenshot ->
SCC example screeshot ->

Dynamic Pricing 

If you require a condition on the pricing (for example: If you purchase 10 units, you get 10% off) then you can do this with the help of an additional plugin.

**Bear in mind, that this will only work with our slider or dropdown elements. Sliders have the ability to change the per-unit price based on quantity, and dropdown elements have the ability to set a new price for each option in the dropdown.

Third-Party Plugin:

Recurring Subscriptions (Products/Services)

Although we haven't tested recurring subscriptions with Stylish Cost Calculator, we have had users in the past tell us they've been able to accomplish it with this method. **Our support staff aren't equipped to help with this.

Step 1. Install the WooCommerce Subscriptions plugin. (Purchase here) or (Testing Files here) (Testing File mirror)
Step 2. Create the reoccurring products/services in WooCommerce. (Video here)
Step 3. Connect Stripe to WooCommerce. (Video here)
Step 4. Link Stylish Cost Calculator to WooCommerce. (Article here) (Video here)



Remember to ensure the price of the product in woocommerce matches the price of the item in the stylish cost calculator plugin. It's your responsibility to make sure the prices match.

Remember that the price break feature of the slider will not work right away for woocommerce users. This is because the Add To Cart price will always be pulled from the price you set at the product price of the woocommerce product. You will need to purchase a third-party plugin for dynamic pricing to make it work. We recommend this one.

Remember to make sure the core woocommerce plugin is activated already before starting these steps.