Buyers today no longer sit only at a desk. They stand in the warehouse in front of an empty shelf, they are at a customer site in field sales, they check on the construction site which material is missing - and they expect to be able to reorder at that very moment, without waiting until they are back at the computer. On average around 70 percent (Baymard Institute) of all shopping carts in online retail are abandoned, and on mobile devices the abandonment rate is noticeably higher than on desktop. At the same time, around 55 percent (HDE Online-Monitor) of online revenue in Germany already comes from smartphones, and 82 percent (Bitkom) of people aged 16 and over use a smartphone. Anyone who does not think of their Shopware order flow consistently in mobile terms loses orders exactly where B2B work actually happens. This article shows how mobile quick order, reorder lists, barcode scanning and large touch CTAs make procurement by smartphone as simple as on the desktop.
Key takeaways
- In B2B the need arises in the warehouse, at the customer site and on the construction site, where the smartphone is often the only device. Around 55 percent (HDE Online-Monitor) of online revenue in Germany already comes from smartphones.
- Mobile is not a shrunken desktop: cart abandonment averages around 70 percent (Baymard Institute) across industries and is higher on mobile, because small targets, long forms and the on-screen keyboard add friction.
- The core of mobile ordering is quick order by part number with a numeric keypad and autocomplete, plus reorder lists that stay in sync across devices.
- The camera is a catalog access of its own: a barcode on the product or a QR code on the shelf replaces typing long numbers - technically through the browser, without a dedicated app.
- Touch targets of at least 24 by 24 CSS pixels (W3C, WCAG 2.2), and rather around 44 pixels for primary actions, reduce mis-taps and meet accessibility requirements at the same time.
Why Mobile Procurement Becomes a Must in B2B
In B2B the actual purchasing decision is often not made at the workplace but where the need arises. The fitter sees on the construction site that a material is running low. The warehouse worker records a shortfall at goods receipt. Field sales pick up an additional need during a customer visit. In all these situations the smartphone is the only device available. If reordering then only works smoothly on desktop, the order is postponed - and with it the risk that it is forgotten or ends up with a competitor. A mobile-optimized order flow captures the need at the moment it arises and turns it directly into an order rather than deferring it.
The figures underline this shift. When around 55 percent (HDE Online-Monitor) of online revenue runs via smartphones and 82 percent (Bitkom) of people aged 16 and over own a smartphone, the mobile device is no longer a fringe channel but the norm. In B2B there is the added fact that many roles spend the majority of their working time away from a fixed workplace. An order flow that is comfortable only on desktop therefore ignores the working reality of a large share of buyers. Those who take mobile procurement seriously treat it not as a shrunken desktop view but as a standalone channel designed for touch and for use on the move - tightly interwoven with the rest of the range of services around the B2B shop.
Field Sales
During a customer visit, sales capture additional demand directly on the smartphone and turn it into an order without a detour via the office.
Goods Receipt
In the warehouse a detected shortfall is reordered immediately, instead of noting it on a slip and capturing it later at the computer.
Construction Site
On site the fitter checks the material level and triggers the reorder of missing items directly on location.
Workshop
At the machine a wearing part is spotted and the replacement order is triggered before downtime looms.
At the Customer
During an on-site consultation, availability can be checked and the order completed together with the customer.
Between Appointments
Waiting times and journeys are used to handle urgent reorders on mobile rather than postponing them.
The Mobile Cart Is Abandoned More Often
Mobile orders fail differently than on desktop. The cross-industry average of cart abandonment is around 70 percent (Baymard Institute), and on small screens additional hurdles arise: fiddly input fields, buttons that are too small, long forms and a keyboard that covers half the screen. Every extra step, every mis-sized field and every unnecessary mandatory entry costs disproportionately many conversions in the mobile context. In B2B the problem is amplified because orders often comprise many line items and entering part numbers and quantities is error-prone. A mobile order flow has to reduce this friction deliberately rather than just shrinking the desktop mask.
The second factor is expectation. Business customers know smooth, fast mobile flows from private shopping and apply the same yardstick to professional buying. An order flow that stutters on mobile looks unprofessional and pushes the order to later at the computer - a delay that costs real revenue. How to reduce friction at order completion in general is shown in detail in our article on B2B checkout optimization. For the mobile case it applies even more: fewer fields, larger targets, a clear sequence and a keyboard that matches the field type. Only when mobile completion is noticeably easier than the old order by phone or email will it actually be used.
Mobile Is Not a Shrunken Desktop
Quick Order and Part-Number Entry on Mobile
The core of every mobile B2B order is the quick order via part numbers. Unlike in B2C, the professional buyer rarely searches the catalog but knows their part numbers and wants to enter them directly. On mobile this means: a generous input field, a suitable numeric keyboard mode, an autocomplete that suggests the right item after just a few characters, and immediate feedback on price and availability. How a powerful quick order and order lists are built in principle is covered in our article on quick order and order lists in B2B. On the smartphone it additionally matters that entry stays fluid even with many line items and that typos are caught early.
- Large part-number field with a suitable numeric keyboard and direct entry
- Autocomplete from a few characters, including customer-specific order numbers
- Immediate display of tier price, availability and packaging unit
- Quantity field with packaging-unit rounding and plus-minus control for the thumb
- Capture several line items in sequence without reloading the page
- Clear error message for an unknown part number instead of a silent zero result
A frequently underestimated detail is the handling of unknown or discontinued part numbers. Instead of an empty result list, the shop should give a concrete hint - for example a successor item or a similar position. Especially on mobile, where looking things up is cumbersome, this assistance decides whether the order is continued or abandoned. The prerequisite is high data quality: only when numbers, descriptions and specifications are maintained cleanly does the buyer reliably find the right item on mobile. How much a good product detail page with technical data and downloads relieves this process is shown in our article on it.
Reorder Lists and Repeat Buying on the Move
A very large share of B2B orders are repeat purchases. The same company orders the same items in similar quantities again and again. This is exactly where the mobile reorder list comes in: the buyer opens their saved list or the history of recent orders, adjusts quantities if needed and submits the order with a few taps. On the smartphone this repeat purchase is often the fastest route of all - faster than any search and any part-number entry. The prerequisite is that lists are synchronized across devices: what was assembled on desktop must be immediately available on mobile, and vice versa. Recurring needs can additionally be mapped via automatic reorders, as shown in our article on subscription commerce with automatic replenishment, or via fixed quotas from framework contracts and call-off orders.
Touch Operation, Target Sizes and Accessibility
Mobile operation means operation with the thumb, often on the move, sometimes with gloves in the warehouse or in poor lighting on the construction site. Buttons and input fields must therefore be sufficiently large and well separated. The Web Content Accessibility Guidelines recommend a minimum size of 24 by 24 CSS pixels (W3C, WCAG 2.2) for target elements; in practice around 44 pixels are more advisable for central actions. Good touch targets are not only a question of accessibility but reduce the error rate for all users. Since the German Accessibility Strengthening Act has applied to many shops since 2025, accessible mobile operation is both a legal obligation and a practical advantage - details in our article on accessible e-commerce under the BFSG.
- Central actions like Add to Cart as large, easily reachable areas
- Sufficient spacing between buttons to avoid mis-taps
- Input fields with the right keyboard type: digits for quantities, text for names
- Visible focus and clear states for tap, active and disabled
- Operation possible one-handed and within the thumb zone of the screen
- Contrasts and font sizes that remain legible even in sunlight
Barcode and QR Scan as a Mobile Catalog Access
One advantage only the smartphone offers is the camera. A barcode or QR scan makes reaching for the part number unnecessary: the buyer scans the existing item, the label on the shelf or the sticker on the packaging, and the shop places the line item directly into the cart or onto the reorder list. In the warehouse and on the construction site this is the fastest and least error-prone route because it completely replaces the manual entry of long numbers. Technically the scan can be realized via the camera interface of the browser, without having to install a dedicated app. The prerequisite is a clean link between the scanned codes and the item data from the PIM and the catalog.
Barcode Scan
The EAN or manufacturer barcode on the product is scanned and taken over immediately as a line item - without typing the number.
QR Code on the Shelf
A QR code at the storage location or shelf leads directly to the matching item including a reorder option in the shop.
Text and Filter Search
Where no code is present, text search and filters help find the item quickly on mobile too.
Straight to the List
Scanned items land either in the cart or on a reorder list for later approval, as required.
Mobile Performance Decides Whether It Is Used
Mobile often means a worse network connection: in the warehouse behind thick walls, on the construction site at the edge of coverage, on the train with changing reception. An order flow that takes seconds to load there will not be used - the buyer switches to a phone call or postpones the order. Fast loading times, lean pages and a swift build-up of the interactive elements are therefore not a luxury in mobile B2B but a prerequisite. The goal should be stable metrics such as a Largest Contentful Paint under 2.5 seconds even under mobile conditions. How to consistently trim B2B shops for speed is covered in detail in our article on performance optimization for B2B stores.
| Attribute | Desktop Order | Mobile Quick Order |
|---|---|---|
| Entry | Full keyboard, many fields at once | Numeric direct entry, field by field |
| Item access | Catalog and search in a large window | Part number, reorder list, scan |
| Operation | Mouse with high pointing accuracy | Thumb with large touch targets |
| Network | Mostly stable company network | Changing connection on the move |
| Typical context | Planned order at the workplace | Need in the warehouse, at the customer, on site |
| Success factor | Overview and comparison | Few steps and speed |
Mobile Checkout: Payment, Approval and Recognition
The completion has to work on mobile too. In B2B this means: the logged-in customer is recognized, their payment method - often purchase on account - is stored, delivery addresses are saved, and the order can pass into an approval if needed before it becomes binding. Purchase on account in particular makes mobile completion easy because no sensitive payment data has to be entered on the move. If an order first has to be approved, the approval path should also be comfortable on mobile so that the approval does not become a bottleneck. A clear, short mobile checkout with saved data and a visible order status rounds off the order flow and ensures that the order begun on the move is actually completed.
Pitfall: The Interrupted Order
Implementation in Shopware: the Mobile-First Order Flow
Shopware open source provides a solid foundation with its responsive storefront concept on which a mobile B2B order flow can be built. Customer groups and roles control who sees which prices, assortments and payment methods, and quick order, order lists and repeat buying can be designed mobile-first as targeted extensions. The decisive point is not to treat the mobile flow as an afterthought but to design the central order paths - part-number entry, reorder list, scan and checkout - for touch and narrow screens from the start. The connection to ERP and PIM ensures that prices, availabilities and item data are correct in real time on mobile too - a core topic of any solid Shopware development.
A mobile order arises where the need becomes visible - in the warehouse, at the customer, on the construction site. Those who cannot turn the need into an order at that moment lose it.
From Prototype to a Productive Mobile Order Flow
The path to the mobile order flow does not begin with technology but with the real usage situations. Those who understand where, when and with what aim people order on mobile can prioritize the few truly important flows instead of rebuilding the entire desktop shop on mobile. A step-by-step approach makes sense: first bring quick order and reorder list to a high level on mobile, then add scan and checkout and finally refine based on real usage. This creates an order flow that meets the mobile everyday of buyers rather than passing it by.
- Survey usage situations: who orders where, when and with what aim on mobile
- Implement quick order and reorder list on mobile as the first priority
- Add barcode and QR scan as a fast catalog access
- Secure mobile checkout with purchase on account, approval and a saved cart
- Check touch targets, contrasts and load times on real devices and in the field
- Measure, refine and expand step by step based on real mobile usage
Those who think of mobile procurement from the start as a standalone channel - with quick order, reorder lists, scan, large touch targets and a fast build-up - win orders exactly where B2B work happens. The investment pays off in more completed orders, fewer input errors and a procurement that fits the working reality of customers. Which paths make sense for your shop is shown by comparable project approaches; the concrete implementation is something we are happy to discuss in direct contact.
Related Articles
Selling Services and Maintenance Contracts in B2B Shops
Installation, inspection and maintenance contracts as bookable items in a B2B shop: product type without stock, pricing, service data and ERP handover.
Units of Measure and Pack Sizes in B2B Online Shops
Case, pallet, roll or metre: how base, sales and order units convert in a B2B online shop, how minimum quantities apply and unit pricing stays correct.
Field Sales App: Capture B2B Orders Mobile and Offline
An offline-capable field sales app on a Shopware and ERP base captures customer prices, stock and orders on site at the customer and replaces paper forms.