- This template supports Firebase V3!
- Download it with DISCOUNT here
The Ionic Shop – Advanced Edition is the complete solution to start your own eCommerce app or webshop today. It contains everything you need to start selling your products immediately and receive payments on your account. It also comes with a complete Admin Management part that can be used by non-developers to manage the content of the app.
The shop utilizes powerful tools and is crafted using best practices. It leverages on the speed of Google’s Firebase (firebase.com) for the database needs, and on the power of Stripe (stripe.com) to process your payments to your account immediately.
The package is split in three parts that work together but that can be also used individually. In this way the package remains flexible to multiple or alternative needs. Each part comes with an easy but extensive documentation to guide you through the setup.
Complete Setup Services for Non-Developers
If you are not a developer but would still like to use this package, then we also offer a Quick-Start Service. One of our developers will setup this package for you and guide you through the process. We also offer personal customizations (i.e. design and functionalities). If you are interested, feel free to reach out to email@example.com.
Try before you buy
You can try the Ionic-App Part by downloading Ionic View (view.ionic.io). Then sign in and use the following app ID to fetch a preview of the app: 1377d683.
Part 1: Ionic App
The Ionic App is the client-side of your app which you can publish on the Apple’s App Store or Androids Play Store.
Optimized for speed
The browsing is optimized by the so called
denormalization technique. In this way users can quickly retrieve products in a matter of miliseconds, even when you host a large number of products in your app (+1000).
Advanced browsing, searching and sorting of products
Users can search for products by category, tag, author, title or by keywords. In addition, the users can sort the products by a couple of features: Price (H-L), Price (L-H), Number of comments, Rating average, Number of sales, Highest turnover, Date, Last updated.
Social proof and user interaction
Users can rate products (only when they have purchased an item) and add comments. In addition, every sale is recorded, allowing the platform to display the number of sales, the average rating and the number of comments. This is mostly used to enhance the social proof of product (a common marketing method used to triqqer the client to purchase a product easier).
(temporary) Discounts, inventory and limited offer
The seller (admin) can add a couple of features to trigger the user to purchase this product. The first includes inventory management, which will display a call for action “Only X products left!”. The admin can also set a discount for a specific product, and optionally when the deal will end. This translated into a call for action “-X% discount” and “Deal ends on [DATE]”. All three are powerful marketing tools.
Attributes (e.g. color, size, ...)
The admin can also set certain attributes for a product. For instance, if you are selling clothes your product might have the options: Color: [green, yellow] and Size: [S, M, L, XL]. The attributes are fully dynamic meaning that you can change the options for each product. You can also add or remove as many attributes as you like.
Additional buyer fees
The admin can also change the buyer fees, which are immediately reflected in the Ionic App. For instance, you may wish to add a certain VAT or other taxes to the purchase of the product. The admin can add as many fields necessary and any change is reflected in the Ionic App in real-time.
List of all functionalities:
- Browse products by category, tag, author, etc. (NEW)
- Search products (NEW)
- Sort products based on multiple features (price, turnover, nb comments, nb of sales) (NEW)
- Add comments (NEW)
- Rate a product (NEW)
- Keep track of the sales (NEW)
- Keep track of the inventory (NEW)
- Discount management (NEW)
- Add or remove products to the Shopping Cart
- Place an order for the current Cart
- Pay with Creditcard for the items. Earnings are directly transferred to your Stripe Account
- Validate Creditcard with Stripe Checkout
- Easy customizable design with Ionic
- Sign-up using E-mail or Password
- Sign-up with Facebook (NEW)
- Manage your account
- View past orders
- Save items (NEW)
For the developer:
- Written in AngularJS
- Front-end leverages on the powerful Ionic Framework
- Database hosted on Firebase
- Payments are processed through Stripe (includes also Server-Side code, see Part 2 of the package)
The design and components can be easily customized using Ionic directives. You can find all the info needed in the Ionic Documentation.
Stripe Payment API
To process your payments, we make use of the Stripe payment gateway to transfer your earnings with no delay. Since we are leveraging on the power of the Noodlio Pay API, you don’t need to setup this part or host it on a costly VPS like Heroku or Cloud9. We have already taken care of this for you. By acquiring this template, you are also eligible to all updates of the payment API.
Essentially, Noodlio Pay replaces your server-side, saving you the time to learn a new server language, test, validate and so on the server-side for your payments. In other words, it’s hassle-free payment! If you only wish to purchase this part of the code, have a look at this starter: Smooth Payments with Stripe.
The third part consists of an Admin Interface. The interface is designed such that anyone without coding experience can use it to manage the products that are displayed in the Ionic app.
- Add, delete or edit products
- Manage the categories (NEW)
- Manage the buyer fees (NEW)
- Manage the call for action buttons (discount, inventory, deal ends) (NEW)
- Upload and edit as many screenshots as you like (NEW)
- View past order details and sales
- Changes are reflected in the Ionic App in real-time.
For the developer:
- Written in AngularJS
- Database hosted on Firebase – Supports V3 SDK