By :
noodlio
Published on Tuesday, March 08, 2016,05:08:30 in Mobile
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.
Difference with Ionic Shop
This template should not be confused with
Ionic Shop. While the names are similar, the Full Ionic Shop has been built from scratch and the whole back-end has been redesigned. The main change is that we use multi-path updates to index the items. In addition, numerous new features are available: comments, ratings, sales count, sorting, search, stable checkout, etc. On the admin side, the user can now also change the categories and manage buyer fees.
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 protected].
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 (nodejs)
To process your payments, the package also comes with a NodeJS part that you can use immediately to start receiving earnings on your account. All you need to do is host this part on a VPS environment such as Heroku or Cloud9. Documentation is provided for both options. If you only wish to purchase this part of the code, have a look at this starter:
Stripe Charge.
For the developer:
Code written in NodeJS
Can be immediately used
Documentation on hosting it on Heroku or Cloud9 provided
Admin Panel
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.
Functionalities include:
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
Share This Product
