WooCommerce + File Uploads + Stripe: How to receive files and payments at the same time

Created by Mike B, Modified on Thu, 11 Feb 2021 at 03:18 PM by Mike B

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 at the bottom of the page (1 second)

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

Estimated Total Time to Setup: 27 Minutes


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/

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/
->$50 - 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

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article