Bootstrap Studio 5.8 was released earlier this month, and with it came our brand new set of Ecommerce components which you can use to build fully featured online stores.

You can list products, let users maintain a shopping cart, enter payment details and checkout. The backend is handled automatically and payments are deposited directly to your PayPal and/or Stripe accounts with zero fees.

This is all done with a handful of components that work great together and can be added to any Bootstrap Studio project.

Product

The Product component renders a product page with a name, media gallery, description and an Add to Cart button. All of these can be disabled individually from the settings and can be customized with CSS.

Product List

The Product List component displays a collection of products in a list with optional pagination. You can switch it between list and cards, apply category filters and change the ordering.

Add to Cart

The Add to Cart component displays a button which lets users add a specific product to their shopping cart. Use it when building custom product pages but wish to leave the add to cart functionality intact.

Shopping Cart

The Shopping Cart is where the magic happens. It generates a fully functional shopping cart that lets users edit products and checkout. Payments are transferred to the linked PayPal/Stripe account with zero fees.

More is Coming Soon

Here is what we have planned for making Ecommerce even better:

• Coupon codes
• Digital Products
• Webhooks
• Translations

We are looking forward to see what you build!