Setup Mobile app and Customize woocommerce plugin functionality in mobile app

Project Desciption

Part 1: Setup Mobile App

 

i have purchase a Mobile app template, which is ready to build ios and android by using Ionic Codova.

 

“Woocommerce Mobile App Premium Theme Ionic 3”

 

Please read this link for more details about this template: https://codecanyon.net/item/woocommerce-mobile-app-premium-theme-ionic-3/21031076

 

Documentation to build this app:

https://mstoreappdocs.gitbook.io/mstoreapp/woocommerce-app-docs

 

 

 

Part 2: Customize the WordPress woocommerce plugins functionality in the mobile app

 

 

Below is some plugins that not include in the mobile theme, so need to customize in the mobile application:

 

1)          WooCommerce Points and Rewards (refer image 1 & 2)

 

·        Displaying reward points for products

·        Displaying user accumulated reward points

 

 

Refer Link:

                                 i.            https://woocommerce.com/products/woocommerce-points-and-rewards/?aff=7531

                               ii.            https://docs.woocommerce.com/document/woocommerce-points-and-rewards/?_ga=2.139606835.163522464.1543372621-939486969.1542804568

 

Remark:

                                 i.            Point will show in single product page (refer image 1)

                               ii.            Points can be use when customer checkout (refer image 2)

 

 

 

2)          Woocommerce Product bundles

 

·       User can select product bundle

 

Refer link:

                                     i.            https://woocommerce.com/products/product-bundles/

                                   ii.            https://docs.woocommerce.com/document/bundles/?_ga=2.40442658.163522464.1543372621-939486969.1542804568

Site Refer link:

                                             i.            https://takeimageshop.com/store/collar-dress-bundle-deal/    (refer image 3)

                                           ii.            https://takeimageshop.com/store/dress-bundle-deal/

 

Remark:

                                 i.            Customize it can word in the app

 

 

3)          Woocommerce Smart Coupon

Refer link:

                                     i.            https://woocommerce.com/products/smart-coupons/

                                   ii.            https://docs.woocommerce.com/document/smart-coupons/?_ga=2.190953070.535586542.1543380948-1478141044.1536479134

 

 

Remark:

                                 i.            Show available coupon on single product pages when we assign coupon to the product. (image 4 & 5),

                               ii.            Show on cart (image 6),

                             iii.            checkout page (image 7), also the customer can email the coupon to his friend

                             iv.            My Account page (image 8)

 

 

 

4)          Refer a friend for woocommerce Premium  ( refer link: https://wpgens.com)

This plugin it need customer log in, after that they can share our website or product through their account page or through the product pages to their friends. Both of them will get the coupon, of course we have to set the coupon in front.

 

 

Remark:

                                 i.            Share product when customer click the refer a friends’ link in single product page (refer image 9, 10)

                               ii.            Click In menu bar (refer Image 11)

                             iii.            Share “Whatsapp” only work in mobile view (refer Image 12)

 

 

 

5)           XL Plugin (refer site: https://xlplugins.com)

 

WordPress à Dashboard à Woocommerce à Setting à Finale / Nextmove / Sales Triggers

 

 

a)       Finale 

 

This is a plugin that we can set a promotion campaign eg 60% off in all product or a single product, also it can set a pop out banner, and countdown timer, all setting in the woocommerce backend.

 

Refer plugin site: https://xlplugins.com/finale-woocommerce-sales-countdown-timer-discount-plugin/

 

Remark:

                        i.            show pop out banner (we can set in backend pop out in which page, mostly we set in home page) (refer image 13)

                       ii.            Show countdown timer in single product page. (refer image 14)

 

 

 

b)      Nextmove – thank you page

 

It will replace the woocommerce default thank you page (image 15) to the thank you page design by this plugin (image 16, video 17)

 

Refer plugin site: https://xlplugins.com/woocommerce-thank-you-page-nextmove/

 

Remark: replace woocommerce default thank you page

 

 

c)       Sales Triggers

 

It will show some trigger point in the single product pages (refer image 18)

 

Refer plugin site: https://xlplugins.com/woocommerce-sales-triggers/

 

Remark: show trigger point we setted in single product page

 

 

6.       Wp Quiz (refer link: https://takeimageshop.com/body-shape-quiz)

 

You can test in the above refer link, in your phone browser, customer after quiz they need to share to facebook to get the result.

Remark: make it function in mobile app

 

 

 

 

7.     Storefront Pro Sales Pop (refer image 19 & 20)

 

Refer link:

                                    i.             https://wordpress.org/plugins/storefront-pro-sales-pop/

                                   ii.            https://takeimageshop.com/wp-admin/plugin-install.php?tab=plugin-information&plugin=storefront-pro-sales-pop&TB_iframe=true&width=600&height=550

 

 

Remark: when customer browsing the store product page, it will pop out this message.

 

 

For more information refer web: https://takeimageshop.com

 

 

 

Part 3: Submit to google & apple store

 

• Image.zip