> ## 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 + File Uploads + Stripe: How to receive files and payments at the same time

# ${color}[#314AF3](Method #1 | SCC + Stripe)  
  
This is the easiest solution, but you will not receive the image files immediately. You will receive the payment, and you will need to email the user asking for your files.  

**First Setup SCC with Stripe**

1. Go to the global settings page and input your Stripe API information (25 minutes).  
2. Go to your calculator and activate Stripe in the Payment Settings (1 second)  

![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/frame-1618872885-33_12rnrci.jpg)


**Add the file upload element**  

3. Add the file upload element to your price estimation form (3 mins)  

![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/frame-1618872887-2_1e2r1wf.jpg)


**Estimated Total Time to Setup:**  28 Minutes  
  
---
  
# ${color}[#314AF3](Method #2 | SCC + WooCommerce + Stripe + File Upload) 

With this solution, you will receive the payment and file upload (image, etc.) simultaneously.  

**First Setup SCC with WooCommerce**  

1. Clone all your products and services with Stylish Cost Calculator (SCC) into WooCommerce. (30 minutes)  
* For every dropdown and checkbox you have in SCC, you will need a clone of it in the products section of WooCommerce.  
2. Turn on the integration WooCommerce into SCC- Select the option at the calculator's bottom. (1 second)  

**Connecting Stripe to WooCommerce**  

3. Connect Stripe to WooCommerce (separate plugin). (30 minutes)  
* Free - [https://woocommerce.com/products/stripe/](https://woocommerce.com/products/stripe/)  

**Adding a file upload feature to WooCommerce**  

4. Add a file upload feature for WooCommerce. (30 minutes)  
* Guide - [https://docs.woocommerce.com/document/upload-files-on-product-cart-checkout-page-in-woocommerce/](https://docs.woocommerce.com/document/upload-files-on-product-cart-checkout-page-in-woocommerce/)  
* $50 - [https://woocommerce.com/products/customer-upload-files-for-woocommerce/](https://woocommerce.com/products/customer-upload-files-for-woocommerce/)  

**Flow** 

➔ User **selects** the products they want ➔ User sees the **total cost** ➔ User presses **Add To Cart** ➔ User fill outs their **contact information** ➔ User **uploads the files** ➔ User Pays with **Stripe**

**Estimated Total Time to Setup:** 90 Minutes + $50