Introduction



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 its quantity of it. It will at the product to the cart for checkout.



What It Cannot Do

Automatically Create Products
Stylish Cost Calculator is not able to create new products. You must create the product (or variant) manually in Woocommerce and SCC at the same time, then link. See video below

Custom Math & Variable Math
Stylish Cost Calculator may not be able to send custom prices to woocommerce.

Live Currency Conversion
You may need a third-party plugin to get the currency of the user's browser to show at the WooCommerce end.

Shipping Rates
You will need to configure the shipping rates at the WooCommerce end using their functionality. If you want to show this on the Calculator Form, then use the Custom Math module and make the math the same at the WooCommerce end.




Link SCC To A Product (WooCommerce)

Option 1 - Link each product one for one. 


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

Step 2. Activate the WooCommerce in your individual calculator (bottom of the page)
https://prnt.sc/10pd6oq

Step 3. Select the dropdown in each element to link to an existing product in WooCommerce.
https://prnt.sc/rq884p

Benefits: More granular control, better inventory tracking, look more professional, conditional pricing.
Cons: Doesn’t work with the Custom Math element, Variable Math element, discount coupons, takes longer to set up.


Option 2 - Combine Line-Items

Step 1 - Click combine one product line item.

Here is what it looks like.

Benefits: Works with the Custom Math element, Variable Math and custom discounts, easier to set up.
Cons: No inventory control, less professional looking (all items are grouped in one product code).




Dynamic Pricing (Sliding Scale, Price Break, Bulk Discounts)

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. Or, you can activate this option https://i.imgur.com/6XrJvHC.png

Third-Party Pluginhttps://codecanyon.net/item/woocommerce-dynamic-pricing-discounts/7119279

**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.

By activating the "combine items into a single item" your invoices will only have one line item instead of showing each product and service separately.


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)



------

Notes

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. https://codecanyon.net/item/woocommerce-dynamic-pricing-discounts/7119279
Screenshot: https://prnt.sc/uhxzs5

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







Syncing the 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.

WooCommerce example screenshot -> https://prnt.sc/10pdetd
SCC example screeshot -> 
https://prnt.sc/10pdfla