webkoding

ShopKit documentation

Your WooCommerce store as an iOS and Android app, in ten finished designs.

Back to ShopKit — Flutter WooCommerce App — 10 Store DesignsOpen the demo

Before you start

  • Flutter 3.24 or newer with Dart 3.3 or newer; the Android SDK with API 36 and Java 17 for Android, a Mac with Xcode for iOS
  • For live mode: WordPress 6.5+, PHP 7.4+ and WooCommerce 10.0+ on HTTPS hosting of your own
  • A Google Play developer account (US$25 once) and an Apple Developer Program membership (US$99 a year) to publish under your own name
  • Your payment gateway's own per-transaction fees, and optionally a Firebase project for push notifications
  • Nothing at all for demo mode: every app runs on its bundled sample store, with no server and no paid account

The Flutter apps and the free ShopKit Connect plugin are in the download. Live mode needs a WordPress + WooCommerce store of your own on HTTPS hosting; without one, every app runs on its bundled sample store. Google Play (US$25 once), Apple (US$99 a year), your payment gateway's fees and optional Firebase push are billed to you by those companies.

What it does not do

  • It does not include hosting or a store. Live mode needs a WordPress + WooCommerce site of your own on HTTPS; WordPress, WooCommerce and the ShopKit Connect plugin are free, the hosting is yours.
  • It does not take card numbers inside the app. Cash on delivery, bank transfer and cheque are placed in the app; every other gateway runs on your store's own checkout page in an in-app web view, and that gateway charges you its own fees.
  • There are no maps, no live courier tracking, no support chat and no augmented reality. The screens that show them are sample layouts: they show sample content in demo mode and are hidden once the app is connected to your store.
  • It is not an app builder or a hosted service, and we do not publish the app for you. You build it with Flutter and release it under your own Google Play and Apple developer accounts.

What is in the download

shopkit/ — the Flutter source: ten store designs (Core Kit plus nine niche apps) and a showcase app, 192 screens, with android/ and ios/ folders in every app, bundled fonts and sample photos, and 5,158 automated tests.

plugin/ — Webkoding ShopKit Connect for WooCommerce, the free companion plugin: app keys with QR code and connection JSON, customer sign-in, wishlist, orders with tracking numbers, an in-app notification feed and optional Firebase push.

documentation/ — the full guide, from prerequisites for beginners to release builds, branding, languages, payments, push, costs and troubleshooting, with a 63-second setup video. design-source/ holds the original screen designs as plain web pages.

Connecting your store

Upload plugin/webkoding-shopkit-connect.zip in WordPress under Plugins → Add New → Upload and activate it. Fix anything its Status tab reports before going further.

On the App keys tab, name a key and create it. In the app, open Connect your store and scan the QR code or paste the JSON; the key is kept in the phone's secure storage. For the app you publish, pass the same code at build time with --dart-define=SHOPKIT_CONNECTION, which fixes the store and hides the Connect screen from customers.

Before you publish

Run your chosen design on its sample store first. It confirms your Flutter toolchain works and separates a build problem from a store problem.

Set your package name, app name, icon, logo and colours as the branding guide describes; the store name, logo, banners and contact details come from the plugin's App settings tab and change without a new release.

Budget for what is not here: hosting, the Google Play and Apple developer accounts, your payment gateway's fees and, if you want push, a Firebase project.

Licence, updates and support

  • One licence covers 1 application you build and publish.
  • 1 year of updates, from the date of purchase.
  • 1 year of email support.
  • Instant download + licence key by email
  • 30-day money-back guarantee

Questions this page does not answer go to support@webkoding.com. If you bought from us and cannot find your licence key, look it up here.

Common questions

Does it work with my existing WooCommerce store?

Yes — that is what 2.0 is for. Install the free Webkoding ShopKit Connect for WooCommerce plugin, create an app key and give it to the app by QR code or JSON. The app then shows your store's categories, products and variations, uses WooCommerce's own cart with your coupons, shipping and taxes, signs your customers in and lists their orders. The app key is not your WooCommerce consumer key and gives no access to your admin.

How do customers pay?

Cash on delivery, bank transfer and cheque are placed inside the app. Every other gateway enabled on your WooCommerce checkout — Stripe, PayPal or whatever you already use — runs on your own checkout page in a secure in-app web view; the app hands over its cart with a one-time link and never sees card numbers. The gateway charges you its usual fees.

What are the ten designs?

Core Kit, a general store in light and dark with 48 screens, plus nine niche apps built on it: Electro (electronics), Aura (jewellery), Pawly (pet supplies), Fresho (grocery), Fold (fashion), Glow (beauty), Nest (furniture), Peak (outdoor and sport) and Tods (kids). Each is a separate Flutter app with its own screens, colours and fonts on the same WooCommerce data layer — 192 screens in total.

Can I try it before I buy?

Yes. The live preview runs all ten designs in your browser against a real WooCommerce demo store; sign in as demo / ShopKitDemo!26. The demo store accepts cash on delivery and cheque only, so no money moves, and it resets every night. The plugin's admin pages are shown in the screenshots and the documentation.

Are there monthly fees?

None to us: it is a one-time purchase of the source code, and the plugin is free. Publishing a shop app does use other companies' services, billed to you directly: your hosting, Google Play (US$25 once), Apple (US$99 a year), your payment gateway's fees, and Firebase if you switch on push.

Which languages does it speak?

English, Arabic and Turkish, in every app and in the plugin. Arabic mirrors the whole layout right to left. The app follows the phone's language, customers can change it in the app, and prices use your store's currency in that language's number format.

What does it not do?

Maps, live courier tracking, support chat and augmented reality are not implemented. Their screens are sample layouts that appear only in demo mode and are hidden in live mode; making any of them real needs a third-party service at your own cost.