2.0 Live WooCommerce connection

Your WooCommerce store, as an app. Live in 10 minutes.

Flutter source code for an iOS and Android shopping app with 10 finished store designs and a free connector plugin. Install the plugin, scan its QR code in the app, and your products, cart, customers and orders are in it. No app builder to learn.

Aura jewellery design, home screen
Core Kit connected to the WooCommerce demo store
Electro electronics design, home screen in dark mode
10store designs: Core Kit + 9 niche themes
192screens, light and dark
5,158automated Flutter tests
3languages, Arabic right to left
$39Regular licence, updates included
Built on Flutter 3.24+ WooCommerce Store API WordPress 6.5+ iOS 15+ Android 7.0+ Firebase push, optional
10 designs, one data layer

Pick the design that fits your shop.

Each design is a complete, separate Flutter app with its own screens, colours and fonts, on the same WooCommerce connection.

Core Kit home screen

Core Kit

General store, light and dark. The base of every design.

48 screensLight + darkEN · AR · TR
Open Core Kit live

Screenshots show each design on its bundled sample store. The live previews run the same apps against one shared WooCommerce demo store, so every design shows the same products there.

Live in 10 minutes

Three steps from WooCommerce to your app.

You need a WordPress site with WooCommerce on HTTPS. The free plugin does not change your shop's pages; it only adds what the app needs.

1

Install ShopKit Connect

Upload the free plugin from your download (Plugins → Add New → Upload) and activate it. Its Status tab checks WooCommerce, permalinks, HTTPS, the checkout page and the Store API for you.

  • Free, GPL
  • 152 PHPUnit tests
  • WordPress.org: coming soon
yourstore.com/wp-admin › WooCommerce › ShopKit Connect
ShopKit Connect status tab: readiness checklist, connected apps and store summary
2

Create an app key

On the App keys tab, name a key and click Create. You get a QR code and the same connection code as JSON. It is not your WooCommerce API key and gives no access to your admin.

  • Revocable at any time
  • No consumer secret in the app
yourstore.com/wp-admin › App keys
App keys tab showing a QR code and the connection JSON
3

Scan it in the app

Open Connect your store, scan the QR code or paste the JSON. The app checks the key, saves it in secure storage and restarts on your store. No rebuild.

  • Secure storage
  • No rebuild needed
Connect your store screen in the app
The app showing the connected store's products

For the app you publish, pass the same code at build time (--dart-define=SHOPKIT_CONNECTION=…). The store is then fixed and the Connect screen is hidden, so your customers never see it. Every app also runs offline on a bundled sample store, so you can try all designs before you have a server.

What works with WooCommerce

Your real catalogue, cart and orders.

Everything reads from and writes to your store through WooCommerce's own Store API and the ShopKit Connect plugin. A feature your store has no data for is hidden, never filled with sample content.

Variable products, swatches included

Colour, size and any other attribute, with colour swatches you set per term in the plugin. Price, stock and photo follow the chosen variation.

A variable WooCommerce product with colour swatches and sizes

Cart, coupons, shipping

WooCommerce's own cart: your coupons, shipping zones, taxes and totals exactly as your checkout calculates them.

Cart with quantities, promo code and totals

Any payment gateway

Cash on delivery and bank transfer in the app; Stripe, PayPal, iyzico… on your own checkout in a secure web view. The app never sees card numbers.

Checkout with cash on delivery, bank transfer and card on the store checkout

Orders and tracking

Order history, order detail with a status timeline, and the tracking number you add to the order in WooCommerce.

Order status timeline with tracking number
Order detail with items, totals and address

Your brand, set in WordPress

Store name, logo, home banners, contact details, terms and refund links, and feature switches, all from the plugin's App settings tab, without a new app release. Core Kit also takes your brand colour; the niche designs keep their own palette.

yourstore.com/wp-admin › App settings
ShopKit Connect App settings: branding, logo, brand colour preview, home banners and store links

Catalogue

Categories, search, filters, sorting, sale prices with end dates, featured and best sellers, stock status.

Customer accounts

Sign in, register, password reset, address book, profile editing and account deletion. Tokens are hashed and revocable.

Wishlist and reviews

A wishlist kept on the store per customer, product reviews and ratings, and writing a review from the app.

Notifications

An in-app feed for order updates with no push setup. Add your Firebase project to also send push on status changes.

192 screens, light and dark

A few of the screens you get.

Electro home
Variable product
Aura home
Cart
Fresho home
Checkout
Fold home
Order tracking
Glow home
Arabic product page
Nest home
Order detail
Peak home
Connect your store
Tods home
Pawly home
Languages

English, Arabic and Turkish. Right to left included.

Every screen of every design is translated, and Arabic mirrors the whole layout. The app follows the phone's language and customers can change it in the app.

English ENالعربية AR · RTLTürkçe TR
  • The plugin speaks the app's language: its messages to the app come back in English, Arabic or Turkish.
  • Prices in your store's currency, formatted for the language ($1,299.00 in English, $1.299,00 in Turkish).
  • Tested, not just translated: every screen is painted in Arabic and Turkish on a 320-point phone with large text, and fails the build on any layout error.
  • Add your own language by copying one file per app; the documentation walks through French as an example.
طازج اليوم · Fresho in Arabic
Fresho home screen in Arabic, right to left
Fresho product page in Arabic, right to left
Why trust a new item

Built to be handed over.

ShopKit 2.0 has no sales history yet, so here is what you can check instead: the tests, the source and the support terms.

5,158

Automated Flutter tests

Across the core package and every design, run on each change.

192

Screens, light and dark

48 Core Kit screens plus 144 screens of the 9 niche designs.

Not minified

Full, readable source

Every Flutter app and the plugin as plain source code, plus the original screen designs.

152

PHPUnit tests on the plugin

Webkoding ShopKit Connect for WooCommerce is tested on a real WordPress and WooCommerce. Free, under the GPL.

App key ≠ API key

No store secrets in the app

The app never holds a WooCommerce consumer key or secret; customer data needs the customer's own sign-in.

6 months

Support, free updates

Through CodeCanyon, with human-readable documentation and a step-by-step setup guide.

ShopKit or a bigger app kit?

Simpler and cheaper, on purpose.

Full-featured WooCommerce app kits do far more. ShopKit is for one WooCommerce shop that wants a finished design and a short setup.

ComparedShopKit 2.0Other app kits
Price on CodeCanyon (Regular licence)$39Usually higher for the full-featured kits
Designs10 finished designs, each a separate app for one kind of shop (electronics, jewellery, pets, grocery…)Layouts you assemble yourself, often with a visual builder
Connecting your storeScan a QR code from the free ShopKit Connect plugin, or pass it at build timeA companion API plugin plus manual app configuration
BackendsWooCommerce onlyOften several backends, multi-vendor and more
Languages out of the boxEnglish, Arabic (RTL), TurkishVaries by item

A general comparison with full-featured Flutter WooCommerce app kits. If you need a visual app builder, multi-vendor or several backends, a larger kit is the better choice.

Before you buy

What you need, and what it costs.

ShopKit and the plugin have no running cost of their own. Publishing a shop app uses services from other companies: they are not included in the price, need your own account, and their prices are theirs to change.

ServiceNeeded forCost (October 2026)
Web hosting for WordPress + WooCommerce, with HTTPSLive modeYour hosting plan. WordPress, WooCommerce and the plugin are free.
Google Play ConsolePublishing on AndroidOne-off registration fee (US$25)
Apple Developer ProgramPublishing on iOS, iOS pushYearly fee (US$99 per year)
Payment gateway (Stripe, PayPal, iyzico…)Card paymentsPer-transaction fees set by the provider. Cash on delivery and bank transfer cost nothing extra.
Firebase Cloud MessagingPush notifications (optional)Free to send at the time of writing; other Firebase products are billed by usage.
A Mac with Xcode, and FlutterBuilding the appsFlutter is free. iOS builds need a Mac.

App

Flutter 3.24 or newer (built and tested with Flutter 3.44.7). Android 7.0+ and iOS 15.0+ on the phone.

Store

WordPress 6.5+, PHP 7.4+, WooCommerce 10.0+ and HTTPS. Tested up to WordPress 7.1 and WooCommerce 11.1.

Not implemented

Maps, live courier tracking, support chat and augmented reality. Those screens are sample layouts, hidden in live mode; making any of them real needs a paid third-party service.

Get ShopKit

One price, every design included.

Regular licence

ShopKit 2.0

$39one-off on CodeCanyon
free updates included
  • 11 Flutter apps: Core Kit, 9 niche designs and a showcase app with every screen
  • Webkoding ShopKit Connect for WooCommerce plugin, free (GPL), tested with 152 PHPUnit tests
  • Full source code, nothing minified or obfuscated, plus the original screen designs
  • Human-readable documentation for beginners and developers, with a step-by-step setup guide
  • English, Arabic (RTL) and Turkish on every screen
  • Free updates and 6 months of support through CodeCanyon
FAQ

Questions buyers ask.

Something else? Write to support@webkoding.com with your Flutter version and the exact error text.

Read the documentation
Is this an app builder?

No. ShopKit is Flutter source code. You pick a design, change the name, icon and colours (the documentation's Branding Guide covers each step), connect your store and build the app with the standard Flutter tools.

Do I need to know Flutter?

You need to run a few terminal commands. The documentation starts from zero: installing Flutter, opening a terminal, the four commands you need, and building for Android and iOS. Changing layouts or adding features needs Flutter knowledge.

Does my WooCommerce API key end up in the app?

No. The app never holds a WooCommerce consumer key or secret. It uses an app key from ShopKit Connect, which only opens the plugin's own endpoints; customer data still needs the customer's own sign-in. You can revoke a key at any time.

Which payment gateways work?

Cash on delivery, bank transfer and cheque are placed inside the app. Any other gateway enabled on your WooCommerce checkout works too: the app hands its cart to your own checkout page in a secure in-app web view, and shows its order success screen afterwards.

Can I try it without a store?

Yes. Every app runs on a bundled sample store with no server and no account. You can also try every design online in the live preview.

What versions does it need?

Flutter 3.24 or newer (built and tested with Flutter 3.44.7), Android 7.0+ and iOS 15.0+ on the phone. On the store side WordPress 6.5+, PHP 7.4+, WooCommerce 10.0+ and HTTPS; tested up to WordPress 7.1 and WooCommerce 11.1.

Are push notifications included?

The code is: the plugin sends a push when an order changes status, and every app can receive it. It stays off until you add your own Firebase project. The in-app notification feed works without push.

How many apps can I publish with one licence?

Envato's licence terms apply: a Regular licence covers one end product. See the licence details on the CodeCanyon item page.

Where do I get support?

Through the Support tab on CodeCanyon, or by email at support@webkoding.com. Please include your Flutter version and the exact error text.

See your kind of shop as an app.

Open the design that matches your store in the live preview, then connect your own WooCommerce in ten minutes.