CODE.MARKET
Search main icon svg
Enter ↵

WooStore Pro WooCommerce - Full Flutter E-commerce App Flutter Mobile

Author userpic
by capt_python
WooStore Pro WooCommerce - Full Flutter E-commerce App Flutter Ecommerce Mobile App template

Description

WooStore Pro – Full Ecommerce WooCommerce Mobile App

WooStore Pro is the ecommerce app which is fully compatible with woocommerce framework to bring your ecommerce store on a mobile device. It has many powerful features that are unique to it like changing the home screen design in real time without having to push an update to the app stores. Convert your ecommerce store from a website to a fully functional and blazing fast ecommerce mobile app with just a few clicks.

Quick Info

  • Version – v1.9.4
  • Change Logs
  • Documentation
  • Update Guide to upgrade from existing version
  • Give a suggestion
  • iOS app workflow video: WooStore Pro – iOS App Workflow
  • Last Updated – 6th July 2021
  • Compatible with WooCommerce v4.6.1 and above
  • Download the testing application from the link below
Main Features List Home screen info Documentation of home screen
Slider Section Regular Section
Advanced Promotion Section Flash Sale Section
Banner Section Promotion Section
Categories Section Tags Section
Check out GIFs of some of the features below. To get the FEEL of the application, please download the testing application from the link below. Scroll down to see the top reasons why you should buy this full ecommerce app (compatible with woocommerce) and check out some of the application patterns.

Home Screen

Change home screen layout in REAL TIME WooStore Pro – Ecommerce App fully compatible with WooCommerce has the home screen on STEROIDS!! You can change the application’s home screen layout based on presets in REAL TIME. Just update the sections on your server and the changes will be reflected on the application when the user refreshes the application in case the user was already using the application. With different sections to choose from you can create many different types of sections for all your products without having to push a new update to the application from app stores. Just update the settings on the backend and boom, your application just updated on the fly. Checkout the video of home screen real time and dynamic changes on YouTube: WooStore Pro – Home Screen Dynamic Real Time setup Choose from any of the sections: You can create any number of sections you want for your home screen choosing from the choices below each with it’s separate set of configurations. You are only limited by your imagination.
    • Advanced Promotion Section
This section can be used to show a group of images in various layouts to promote or show your products to the customer with attractive promotional images. Checkout the link for more info: Advanced Promotion Section Tutorial
    • Slider
The most used type of products promotions in all ecommerce apps. The slider section gives you power to show different promotional image associated with different tag and category, all in a single section. You can set upto 10 such slider panels in one section. Isn’t it just amazing. Checkout the link for more info: Slider Tutorial
    • Regular
This section shows products directly fetched from the server based on the tag, category that you assign it. You can choose to show products as a horizontal list or a grid with two columns Checkout the link for more info: Regular Section Tutorial
    • Banner
Show any size single banner ad to your customers. You can use 100s of these single banner ads in your home screen without trade off. Add attractive image to this section and tell your customers of the amazing stuff you have in your store for them. Checkout the link for more info: Banner Section Tutorial
    • Sale
As you might have guessed it, this section can be used to inform the user of an ongoing sale. You have the choice to show either the products directly or show promotional images to make it look more attractive and pleasing. You also have the choice to show timer countdown in this section. Checkout the link for more info: Sale Section Tutorial
    • Promotions
Yes, you guessed it, you use this section to how promotions for your products in your amazing ecommerce store. You can set up to 6 promotional images for your ecommerce store and they will all adjust in the app fluently. Checkout the link for more info: Promotion Section Tutorial
    • Categories Section
Now show your selected categories at any place on the home screen Checkout the link for more info: Categories Section
    • Tags Section
Now show your selected tags at any place on the home screen Checkout the link for more info: Tags Section Features of the home sections. (You will be blown away by how many customizations you can make)

Flash Sale Section

Show a sale section with Timer countdown in a horizontal list of products. Flash Sale with timer

Slider Section

A slider section with different slide panels each associated with its own tag or category or both. An all products screen shows the products related to the associated tag and category with filter options. Slider Section

Regular Section With Horizontal list and Grid

Regular Section Regular Section
 

Banner Section

Show different types of banner for your customers, each associated with a tag or category or both together
banner2 banner3 banner4
 

Promotions Section

You can use this section to promote new amazing products either by showing the products directly or by showing show promotional images. You can choose the layout to be a horizontal list or a group of images. You can choose upto 6 promotional images to show either in a group or a horizontal list. Clicking of the show all will reveal all the products linked to the associated tag or category or both as shown in the gif below. Promotions Section Key features implemented for performance You can create as many sections as you want on your backend and then order them with the drag and drop setting on your wordpress dashboard. The sections on your application’s home screen will be the same as the order in which you set the sections on your wordpress dashboard. Just drag and drop the section you want to appear on the top and boom, it will be at the top of your home screen.

Product Screen

As of version v1.7.0 the application offers multiple layouts for product screen. Checkout the layouts here: Product Screen Layout Options The product screen is equally delightful for your customers with pleasing animations while performing in the best fashion. The screen designed gives all the required details about the product in distinct, easy to spot places for immediate recognition of the options. Below mentioned are some of the features of the product screen.
Product screen Hero Animation Product screen Slide Animation

Product variation, on Sale, other product details

The variations for the products are fetched when the product is loaded on the screen which makes the application extremely performant and very less memory usage. You can also see the change in price and stock as the customer changes the color selection. A small on sale banner appears on the top with beautiful fade and scale animation on the top right to notify the user that this variation of the product is ON SALE. You can also select the size and change the quantity of the products. The images for the variation selected also appears as the first image in the image gallery. Product screen Variation Selection As of version v1.6.0 WooStore Pro supports Dynamic Attributes, i.e. you can use any attribute type for your variable products and the application will display all of them elegantly. For colour attributes the supported colour values can be found in woostore_pro / lib / constants / colors.dart file. You can also add new colours if you want.

Buy now button

Buy Now button takes your customer straight to the cart screen for fast checkout. Product screen Buy Now Button

WooCommerce Points and Rewards

As of version v1.3.0 you can show reward points of each product and variation right in the product screen to your customers. Points information is fetched from the server so your changes made to backend will reflect instantly on the product screen. Product screen Reward Points

Beautiful Add To Cart animation

Product screen Add to cart action You can show related, cross sell, up sell products right where they make the greatest impact that is below your product screen. Again fetching the related, cross sell and up sell products is done separately in the background which makes the application super fast.
Product screen Cross and upsell Product screen Cross and upsell Product screen Cross and upsell

HTML Description

Now show beautiful descriptions with images, list, tables, links and much more right in the product screen. Just add the description for your amazing products in the descriptions section in woocommerce product editing area and your added description will be shown in WooStore Pro with native widgets. One cool feature is that you can add web links, mail links, telephone links and any type of links that you want. The application will find the best suitable app in the customer’s device and open the link in that app. In the gif below, you can see the link opening a browser window straight from the description panel. HTML Description in product screen Key features implemented for performance All the product data is loaded only the first time the product is opened by the customer which includes the price, stock quantity and other changes that might have been made on the woocommerce products’ page. After that if the customer opens the product again, a cached version of the data is showed to the customer while any updated data is fetched in the background like the updated stock quantity or availability, the price, etc. The product variations follow the same pattern

Categories

As of version v1.7.0 the application offers multiple layouts for categories screen. Checkout the layouts here: Categories Screen Layout Options The application shows your store categories at the top of the home page. You can have as many categories as you want and the application will handle them all very well. The parent categories are shown to your ecommerce store customer directly and when they choose their parent category, a pop up will allow them to choose from the child categories available associated with that parent category. If there is no child category, the application will load the products directly. Categories-list As of version v1.5.0 the categories are present in tabbar for easy access. The child categories are also shown below the app bar of Categorized Product Screen which will hide and show itself based on the user scrolling so that it does not block the view.
Categories in tabbar Categories selection
The categories are supported with one level of nesting.

Search Feature

This feature allows your customers to search your ecommerce woocommerce store with filters. There are a lot of search filter options available including the option to search with tags, categories, on sale flag, price filter and much more coming soon.
Search feature Search Filters
 

Profile screen

A beautiful profile screen in the application allows your customers to update their profile information like name, email. They can also add and update their billing and shipping address right from the application. Update the password of their account. Check the status of their order with tracking information.
Profile actions Profile Screen
 

My Orders with Tracking

This feature shows your customer their orders and allows them to track if the tracing information is provided. All the product items related to an order are fetched separately from the server and only when and if they are required. This allows to get the orders’ information fast without having to gather all the information which the customer might not even see, saving their bandwidth as well.
My orders Tracking orders
 

Multiple languages with RTL support

As of version v1.5.0 the application supports multiple languages and RTL languages. Multiple Languages gif  

WooCommerce Points and Rewards

As of version v1.2.0 you can now use reward points and show the reward points balance to your customer within the application. Use the official WooCommerce Points and Rewards plugin to manage points and rewards for your customers. Beautiful points screen which shows woocommerce points balance as well as the latest events which resulted in the woocommerce points modification. Refresh Functionality allows your customers to refresh the screen to see the latest changes to their woocommerce points balance. Woocommerce Points and Rewards  

Cart with badges on the icon

Your customers can check your cart items and the total payable amount, including the ability to increase and decrease the quantity, see the size and colour option selected. Action to remove the cart item which automatically updates the total amount and total items in the cart. One cool feature is that the cart item will NOT show the quantity option if the product is marked as sold individually on your backend in the woocommerce product’s information. All the changes made on the cart screen are immediately synced with the server which allows to user to checkout on the website as well. Cart screen actions  

Favorites or Wishlist

The application allows your users to save the products in their favourites list for future purchases. The data is stored on the users local device. Saves both the product and variation data. Favorites or wishlist screen  

On Boarding

Greet your users with a welcoming message. On Boarding screen  

Dark Mode

Let your customers choose between light or dark mode. Dark Mode

Download the testing application

    • Testing application for AndroidClick on the link below and download the application package. Please note that this is a zip file which you will need to extract to get the APK files. There are 3 APK files in the zip package. All of them are the same application but built for your specific android architecture. You will be able to install only one APK file on your device. You can try all 3 one by one and anyone will be able to install.Click on this link to download the application package
 
    • Testing application for iOS coming soonCheck out the iOS app workflow in a video: WooStore Pro – iOS App Workflow
 
  • Testing Applications on App Stores coming soon

Available Features

Full Ecommerce App Features – Fully compatible with WooCommerce framework. Real Time update app layout – No need to push the new version of the application to update the application, you can just modify the configurations on the server and boom, your changes will be reflected the next time application loads. (Currently only available for Home screen, but coming soon to other screens as well) Fully compatible with WooCommerce – This application was built to take your woocommerce ecommerce store to a lot of users right in their pocket. With the blazing fast performance of the application, you can start building your customer base for your woocommerce ecommerce store within a few hours of purchase. Immediate Sync – The application sync the customers data with the server immediately without any lag. The better the server, the best performance you will see. Great UI / UX – Beautifully designed application components which looks aesthetically pleasing in both light and dark theme. A color scheme that compliments your products for your customers. Push Notifications – The application manages and send push notification to the customers automatically when their order status changes. You can even change the template of the message that will be sent to the customer’s devices. You can also send notifications to a group of people based on the topics that you can specify in the application while installation. A few like “New Version Update”, “Promotions” are already available for use by default. Reach more customers with this feature. Secure login and signup – The application uses secure login and signup techniques supported with JWT Authentication to verify each and every user request that comes to your servers. Social Logins – Give your users the delight to login with other social platforms, like google, facebook and apple. Multi Payments with Checkout – The application takes the user to an in-app webview to complete the payment for their order. The user is automatically logged into their account and their address information, cart information is automatically loaded based on the JWT Auth Token. You can use any payment plugin that you want and consume its full power without ever pushing an update to your mobile application. You can also change your checkout page however you want to personalize the payment flow of your application. Multiple Languages – Now the application supports multiple languages. Guest Checkout – This feature allows the customers to use your application without having to signup or login. They can look for products in your woocommerce ecommerce store and buy them with guest checkout. Multi Home Page Sections – Choose from a list of options to create sections on your home page and update the layout in real time. There are a bunch of settings that you can configure for each section to get the best out of them. Please see the sections information above. Simple and Variable Products – WooStore Pro Woocommerce Ecommerce application fully supports the simple products and variable products with variations. The product details and variation details are loaded only when the user opens the product for more details. This lowers the memory footprint of the application, thus making is super fast. Discount and Sale – Show discounted price for your products with a sale flag right on the item cards on the home screen. Lets your customers know of the discount offered on the product. Powerful user settings – The application allows your customers to changes their name, email, shipping and billing address right from the application. The customer can also change their password right from the application. Forgot password – This feature helps the customer to reset their password incase they have forgotten it. Favorites or Wishlist – This feature allows your customers to save the products they like in their Favorites list which is saved on the their device so they are also available offline. Order and Tracking – Your customers can check the items in their orders along with other order information for further assistance. The tracking option allows the customers to track their package seamlessly. Offline image caching – This feature caches the images in the application disk which speeds up the performance of the application and reduces customers bandwidth usages saving their data. Beautiful splash screen – The application has a beautiful splash screen every time on app startup. On Boarding – Let your customers know all the features of the application right at the onboarding screen. Dark Mode – The much loved dark mode is also integrated in this application. WooCommerce Admin – Use the woocommerce admin panel to manage your woocommerce ecommerce store and orders.  

What will you get ?

  • Full Dart source code for both iOS and Android
  • Well documentation help to use the product affectively
  • Designs made in Figma design
  • WooStore Pro Wordpress Plugin to support the API for the application
  • Complementary assets like images, svg icons all, app icon, all for free
  • Purchase once, use lifetime, free upgrade
App Information 1 App Information 2 App Information 3 App Information 4 App Information 5 App Information 6 App Information 7

Product tags

    • 6 month free support included from author
    • Free lifetime product updates guarantee
    • 360 degrees quality control
    Secure payment & money back guarantee

    Related products

    Become a code.market Flutter marketplace Creator
    Start earning with your Flutter coding skills today
    Get Started