> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.stylishcostcalculator.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # WooCommerce Integration: A Complete Guide ⭐️ # ${color}[#314AF3](Introduction) WooCommerce is the world's #1 online store plugin. With **Stylish Cost Calculator**, your customers will be able to configure and customize your products/services, get a quote via email, and process the payment easily with the WooCommerce checkout. ![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_tdkch2.png) --- # ${color}[#314AF3](Uses Cases, Benefits & Features) ###### Benefits & Features * **Increased Visibility:** Products labeled as new or highlighted with specific tags capture more customer attention. * **Enhanced Communication:** Clearly communicates important details like new arrivals or special conditions through visual cues. * **Boosted Sales:** Attracts customers to promoted items, potentially increasing purchase rates. ###### Use Cases * **E-commerce Stores:** Mark new product arrivals as "New" to stimulate quick customer interest. * **Retail Apps:** Use warnings or disclaimers on products requiring special attention or restrictions. * **Online Bookstores:** Highlight bestsellers or newly released titles to guide customer purchasing decisions. **Stylish Cost Calculator** is able to trigger the sale of an individual **product** or **variant**, add it to the cart, and specify its quantity. It will add the product to the cart for checkout. I can also 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. --- # ${color}[#314AF3](Watch It In Action) ## Live Demonstration --- # ${color}[#314AF3](Video Explainer) ## English ${youtube}[WooCommerce Integration](ad_n_zm1jFs) ## Spanish ${youtube}[Integracion de WooCommerce](hPEfevk1Wws) --- # ${color}[#314AF3](How to Activate & Use This Feature) ### Settings & Options **Option 1 - Link each product one by one.** This option takes longer to set up but looks more professional since it will have individual line items on the WooCommerce invoice. ### 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 (Payment Settings) ![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/frame-1618872885-31_8y6jgn.jpg) ### Step 3 Select the dropdown in each element to link to an existing product in WooCommerce. ![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_165b8df.png) **Benefits**: More granular control, better inventory tracking, looking more professional, conditional pricing. **Cons**: It doesn’t work with the [Fee & Discount Adjuster](/en/article/element-fee-discount-adjuster-formerly-custom-math-1jqqu40/), [Advanced Pricing Formula](/en/article/element-advanced-pricing-formula-formerly-variable-math-1sydr0m/), or [discount coupons](/en/article/coupon-code-everything-to-know-about-this-feature-828rgp/), and takes longer to set up. **Option 2 - Combine Line-Items** ||| If you are using any of the following, you need to activate this setting: * Coupon Codes * Fee & Discount Adjuster * Advanced Pricing Formula * Negative Numbers This allows you to build a custom product item with WooCommerce, Stripe or PayPal. ### Step 1 Enable the 'Combine All Line-Items into One Item' in Payment Settings: ![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/frame-1618872885-32_1cbvy1p.jpg) Create a generic product that is relevant to your calculator form. **It will look like this once in the WooCommerce cart: (after being combined)** ![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_o66qba.png) **Benefits**: Works with the Fee & Discount Adjuster element, Advanced Pricing Formula 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** 'Combine All Line-Items into One Item'** option ![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/frame-1618872885-32_ydbfxk.jpg) **Third-Party Plugin**: [https://codecanyon.net/item/woocommerce-dynamic-pricing-discounts/7119279](https://codecanyon.net/item/woocommerce-dynamic-pricing-discounts/7119279) **Please keep 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 All Line-Items into One Item'** your invoices will only have one line item instead of showing each product and service separately. ### Recurring Subscriptions (Products/Services) Recurring payments are possible via the Stripe subscriptions feature. Read more: [Stripe Subscriptions: A Complete Guide](/en/article/stripe-subscriptions-a-complete-guide-325hot/) ### Special Notes || **Remember** to ensure the product's price 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](https://prnt.sc/uhxzs5) | **Remember** to make sure the core [WooCommerce plugin](https://en-ca.wordpress.org/plugins/woocommerce/) is activated already before starting these steps. --- # ${color}[#314AF3](Additional Information) ### Related Features [PayPal Integration: A Complete Guide](/en/article/paypal-integration-a-complete-guide-mi7e45/) [Stripe Subscriptions: A Complete Guide](/en/article/stripe-subscriptions-a-complete-guide-325hot/) ### Limitations * **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 * **Fee & Discount Adjuster & Advanced Pricing Formula** **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 Fee & Discount Adjuster module and make the math the same at the WooCommerce end. ### Syncing Limitations 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](https://prnt.sc/10pdetd) * SCC example screenshot ![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/woocommerce_g9nv0z.png) ### Related Blog Post [Top 7 WooCommerce Price Calculator Plugins for 2022](https://stylishcostcalculator.com/blog/top-7-woocommerce-price-calculator-plugins-for-2022/) ### All Elements & Features Learn more about [All Elements](/en/category/elements-hnffz2/) Learn more about [All Features](/en/category/features-22x2mc/) ### Need Support? Ask a [question or request support](https://stylishcostcalculator.com/support/) Request [a feature or give feedback](https://stylishcostcalculator.com/how-can-we-be-better/) [![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508157/original/Txm2CafyMfEybziVGXvw-BnfU2V-9TJUBg.png?1666381303)](https://stylishcostcalculator.com/features/) [![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508158/original/DWBiVRBRBPATUwVN7APXzDACQgYCwYmXVQ.png?1666381303)](https://stylishcostcalculator.com/templates/)