Unlocking Taobao’s New Widget Open‑Card Tech: A Front‑End Revolution

History of Mini‑Program Open

From page‑level openness to module‑level openness, Taobao’s open business aims to leverage a three‑party ecosystem to improve merchant operations and consumer experience.

Initially, mini‑programs broke H5 page boundaries, enabling deep merchant‑consumer engagement through independent pages such as shopping mini‑programs and advertising blocks.

Later, collaboration with store teams introduced plugin‑based openness, bringing over 100 ISVs and thousands of designers to provide differentiated marketing capabilities via mini‑program plugins.

However, the independent page nature of mini‑programs limited scalability, prompting the launch of the widget open project.

What Is a Widget?

A widget is an open, module‑level universal delivery technology that can be placed in various non‑mini‑program contexts such as product detail pages, search, recommendations, subscriptions, and store fronts.

Relationship Between Widgets and Mini‑Programs

Widgets are the sister form of mini‑programs, sharing core infrastructure like the Weex2.0 rendering engine, APIs, and business containers, while extending capabilities beyond the mini‑program environment.

Core Platform Foundations

Stable core system platform providing basic runtime and data services.

Open platform offering a rich set of reusable capabilities.

Developer tools including IDEs and build systems.

Weex2.0 rendering engine for cross‑platform consistency.

Taobao‑specific and generic APIs accessible to widgets.

Isolated business containers ensuring safe, efficient execution.

Developer Workflow

Developers create assets via front‑end LiveCard/preview cards using Taobao Developer Tools or game‑engine IDEs, connect backend logic through cloud functions, and submit widgets to a complex delivery system that enforces rules, stores configuration data, and reports metrics such as PV, UV, and conversion.

During rendering, widgets are dynamically loaded into various containers (PHA, Weex, mini‑programs), fetching and executing JavaScript bundles within the Weex2.0 kernel, which handles scripting, graphics, and layout.

Business Value of Widgets

Widgets address merchant challenges by upgrading expression modes (LiveCard modules), open modes (visual, functional, application openness), and content supply (rich interactive modules), enabling consistent experiences across store, detail, and other scenarios.

Double 11 Scale Deployment – Store Scenario

During the 2021 Double 11 promotion, widgets powered over 300 merchants, achieving 19 million+ PV and 4.7 million+ UV. They supported 98 stores with LiveCard implementations, helping merchants quickly reach target audiences.

Double 11 Scale Deployment – Member Scenario

For Nike, widgets enabled a customized membership experience across flagship stores, delivering higher revisit rates and longer session times compared to the market average.

Technical Challenges

Short delivery cycles with limited testing time and inconsistent ISV quality.

Uncontrolled launch timing and lack of gray‑release mechanisms.

High rollback difficulty and associated risk.

Stability concerns due to rapid kernel iteration.

Restricted CSS and data protocol syntax increasing developer learning cost.

Rough developer experience across preview alignment, performance monitoring, debugging tools, and configuration interfaces.

Future Roadmap

Plans include releasing a new Rax DSL for developers, enhancing monitoring and automated operations, expanding style and animation capabilities, adding more APIs, improving developer efficiency, extending widgets to more Taobao private‑ and public‑domain scenarios, optimizing cross‑scene circulation, reducing front‑end load times, and strengthening kernel stability.

Ultimately, widgets aim to become a core weapon for merchants’ private‑domain operations, enabling richer consumer experiences on Taobao.