Django & Stripe eCommerce - Free Starter
Tags: django, stripe, ecommerce, opensource
Published: 2022-11-03 04:59:27

---
title: Django & Stripe eCommerce - Free Starter
published: true
description: Open-source starter powered by Django & Stripe that allows a quick build of a simple eCommerce using products from Stripe.
tags: django, stripe, ecommerce, opensource 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/604k3jbwa1g42dsswp87.gif
canonical_url: https://blog.appseed.us/django-stripe-ecommerce/
---
Hello coders! 

This article presents an open-source mini eCommerce solution powered by [Stripe and Django](https://github.com/app-generator/ecommerce-django-stripe) on top of an open-source kit styled with **Bootstrap 5**. The UI has been improved to support fast editing of any product defined in Stripe (information, pricing, and also images). Being released on GitHub the sources can be incorporated into commercial projects or simply used in eLearning activities. `Thanks for reading!`

- 👉 [Django & Stripe eCommerce](https://github.com/app-generator/ecommerce-django-stripe) - source code
- 👉 Free [Support](https://appseed.us/) via `Github` (issues tracker) and `Discord`.

Another useful feature of this project is the **Bootstrap 5** design, provided by `Creative-Tim`. [Soft UI Design](https://www.creative-tim.com/product/soft-ui-design-system?AFFILIATE=128200), the UI Kit used to style the pages, comes with 50+ components and reusable widgets for at least a decent eCommerce project.

{% embed https://www.youtube.com/watch?v=7U9qRKR-src %}

---

## How it works

To fully use the features of this starter, we need a Stripe account with a few products defined, and no more than 5 minutes to follow up the steps presented in the video:

- ✅ Download or [fork](https://github.com/app-generator/ecommerce-django-stripe/generate) the product
- ✅ Install the dependencies
- ✅ Migrate the database and create a superuser
- ✅ Save Stripe secrets in env file
- ✅ Start the app & Authenticate as a superuser
- ✅ Import the products and edit the local information

Being visual, the above steps should not take a long time, even for programming beginners. The left panel shows the Stripe products and the right panel is dedicated to local products.  

> `Editable fields` for each product: **name**, **description**, short **information** and **images**.

For each image, the user can provide external links or local images saved by the Django backend. 

![Django & Stripe - Edit Products UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kwarys2wquih38gzuesg.png)

---

Once a product is created, the user can visualize the generated page, edit the information and delete the product (requires confirmation).

![Django & Stripe - Imported products layout.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qxe7515n33eoxzoyskqc.png)

---

> **Django & Stripe** - Product Page

![Django & Stripe - Imported product header.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/604k3jbwa1g42dsswp87.gif)

---

> `Thanks for reading!` For more resources and support, please access:

- 🚀 Free [support](https://appseed.us/support/) provided by AppSeed (email & Discord)
- 👉 [Flask & Stripe Mini eCommerce](https://blog.appseed.us/flask-stripe-open-source-mini-ecommerce/) - the Flask version (also free)