UI Extensibility - Introduction

UI Extensibility - Introduction

Who is this for?

Profile

Role on this topic

Profile

Role on this topic

🔧 System Integrator (SI)

You build and host the extension web application. The "How to develop" guide is your primary reference.

⚙️ Retailer Tech Team

You own the extension infrastructure post go-live and may build internal tools autonomously.

⚙️ Retailer Business Admin

You activate and configure extensions in the back office via the Extension Manager. The "How to configure" guide is yours.

🚀 Discovering OneStock

Read the Feature Summary and anchor types below to understand what UI extensibility makes possible.

→ New to extensions? Start here: Quickstart — Build your first extension in 30 minutes


OneStock UI Extensions let customers and partners plug their own web applications directly into the OneStock back office and store application.

UI Extensions provide a safe, productized way to embed external systems into OneStock.

Business value — Boost operational efficiency by building bridges between OneStock and the rest of the customer's IT ecosystem, especially where we don't (yet) provide an out-of-the-box connector.

OneStock is an open OMS platform where:

  • Customers and SIs can quickly tailor their own processes

  • while keeping the core OneStock product standard and upgrade-safe


Feature Summary

This section gives a business-level view of the main capabilities. Technical details are in the developer guide.

Extensions & Anchors – Where Things Appear

Extension

  • A customer- or partner-owned web application

  • Hosted on the customer's or SI's infrastructure

  • Reusable for several entry points in OneStock

Anchors (places where extensions appear in OneStock):

  • Back-office page (bo.page) — New menu entry in the OneStock back office. Ideal for full-screen tools: dashboards, custom workflows, admin/ops screens.

  • Order detail action (bo.order.action) — Additional button or panel on an order page. Opens a modal with the current order context (ID, site, user, etc.).

  • Order list bulk action (bo.orders.action) — New bulk action in the orders list. Opens a modal with multiple order IDs for mass operations.

  • Store application page (sa.page) — New menu entry in the Store application. Ideal for full-screen tools to improve operational efficiency in store: stock management, inventory counts, appointment management services.

Key Capabilities

  • Context-aware experiences — The extension receives order ID(s), user, site, language, etc. External systems (CRM, ticketing, WMS, etc.) can immediately display the right records in context.

  • Secure, governed integrations — OneStock signs requests; extensions verify signatures before showing sensitive data. Access is controlled via OneStock roles and permissions (Customer Service, Admin, etc.). Customers and SIs keep control of hosting, monitoring, and data governance.

  • Reuse & scalability — One extension can power multiple anchors and entry points. Same codebase, different UI entry points → lower implementation and maintenance cost for IT and SIs.

  • Localization — Anchors and menu entries are translatable. Extensions can adapt to user language and locale.

  • API-ready — Extensions can call OneStock APIs (via a secure backend component) to fetch or update OneStock data and orchestrate workflows across OneStock and third-party systems.