webkoding
shopkit-demo.webkodingtheme.com/appLive
Three ShopKit screens: the Core Kit home showing a WooCommerce store's categories and products, the checkout offering cash on delivery, bank transfer or a card on the store checkout, and the Fresho grocery home in Arabic, right to left.Open the live demo →

Runs in your browser against a real WooCommerce demo store. Customer login: demo / ShopKitDemo!26. The store takes cash on delivery and cheque only, so no money moves, and it resets every night.

ShopKit is the Flutter source of a shopping app, with ten finished store designs and a free companion plugin, Webkoding ShopKit Connect for WooCommerce. Install the plugin, scan its QR code in the app, and the app shows your store's products, variations, cart, coupons, shipping, customers and orders. There is no app builder to learn: you pick the design that fits your shop, brand it and publish it.

Every app also runs offline on a bundled sample store, so you can try all ten designs before you have a server. English, Arabic (right to left) and Turkish are in every app and in the plugin, and 5,158 automated Flutter tests come with the source.

What you get, before you pay

Everything in the box, so there is nothing to discover after checkout.

Files

  • shopkit.zip, installed from the source you build
  • Unminified source, no obfuscation
  • Changelog and sample data

Licence

  • 1 application you build and publish
  • Licence key sent by email after payment
  • GPL v2 or later

Updates and support

  • 1 year of updates and email support
  • After that the software keeps working
  • Renew only if you want new versions

Requirements

  • Flutter
  • Dart
  • WooCommerce
  • WordPress
  1. The ShopKit Connect plugin's Status tab in WordPress: a readiness checklist for WooCommerce, permalinks, HTTPS, the Store API and the checkout page, with connected apps and the store figures the app reads.
    1
    Install ShopKit Connect

    Install the free plugin from wordpress.org (Plugins → Add New, search "ShopKit Connect") or upload it from your download, and activate it. Its Status tab checks WooCommerce, permalinks, HTTPS and the checkout page, and says what to fix.

  2. Connecting the app: the Connect your store screen with Scan QR code and a box for the connection JSON, the camera scanning the plugin's QR code, and a variable product from the store with colour swatches and sizes.
    2
    Connect the app

    Create an app key, then scan its QR code or paste its JSON in the app's Connect your store screen. The app restarts on your store, with no rebuild.

  3. Three of the ten store designs: Electro for electronics in a dark theme, Pawly for pet supplies, and Glow for beauty and skincare.
    3
    Brand it and publish

    Pick one of the ten designs, set your package name, icon and colours, fix the store at build time with one flag, and release it under your own accounts.

What it does

  • Ten complete store designs: Core Kit plus Electro, Aura, Pawly, Fresho, Fold, Glow, Nest, Peak and Tods — 192 screens
  • Free WooCommerce plugin included: app keys, QR code or JSON connect, no app rebuild
  • Catalogue, variable products with colour swatches, WooCommerce cart with your coupons, shipping and taxes
  • Cash on delivery, bank transfer and cheque in the app; any other gateway on your own checkout page in a web view
  • Customer sign-in and registration, address book, wishlist, reviews, order history with tracking numbers
  • In-app notification feed for order updates, and optional push through Firebase Cloud Messaging
  • English, Arabic (right to left) and Turkish in every app and in the plugin
  • Runs offline on sample data too; 5,158 Flutter tests and a setup video in the documentation

What you need

  • 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 ShopKit 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.

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. ShopKit Connect on wordpress.org

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. Read the ShopKit 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.

Everything else is in the ShopKit documentation, and anything it does not answer goes to support@webkoding.com.

Not quite it? Three nearby

Not ready to buy?

We will write when there is a new plugin, or a release worth knowing about. A few emails a year, each about something we actually shipped — no offers, no sequence, and your address goes nowhere else.

One click to leave, from any of them. What we do with it.