Skip to main content

What is Webround

Webround is a headless-first platform designed for creating digital ecosystems and e-commerce solutions. While it offers a no-code experience for daily management, its architecture is built to be extended and integrated through custom code.

The system is based on a total decoupling between:

  • Design & Rendering (React Runtime)
  • Data Schema (JSON Configurations)
  • Business Logic (Commerce Engine & Hooks)

This separation transforms Webround into an operating framework where the platform handles the heavy infrastructure (authentication, e-commerce, security, edge-provisioning), leaving full control of the application logic to the user.

Extensibility and Implementation Freedom​

Unlike closed platforms, Webround adopts an Open-Logic approach. You are not bound by the platform's native features; you can extend its behavior in three ways:

1. Custom React Code (Front-end)​

The editor and runtime are React applications. Through native support for Web Components, you can inject custom components, install dependencies from npm, and interact with the app's global state via the WR SDK (accessing carts or products automatically retrieved from your site). This allows you to integrate your logic with custom components in a complex web app without managing project boilerplate.

2. Hooks (Middleware)​

Hooks allow you to execute custom server-side logic (Edge) during page loading or the checkout process.

  • Page Hooks: Dynamic injection of data or scripts before rendering.
  • Checkout Hooks: Interceptors that allow you to recalculate prices, taxes, or implement complex B2B logic by communicating with your external systems in real-time.

3. App Extensions (Admin)​

You can extend the functionalities of the Webround Commerce admin panel by integrating your own applications. This enables the creation of personalized management tools for your business that live within the Webround ecosystem, maintaining centralized access.

Core Components​

Runtime & Editor​

Webround generates static code that interprets JSON configurations via a React + Vite Runtime. The editor is the visual tool used to produce these JSON schemas, but the runtime is an autonomous entity that can host advanced front-end logic thanks to custom React components and server-side operations from hooks linked to your Webround site's Edge Router.

Webround Commerce​

A headless e-commerce engine that manages products, variants, taxes, customer authentication, orders, checkout, and transactional logic.

  • Stripe Orchestration: Native integration for secure payments.
  • API-First: Every store resource is accessible via API. You can use Webround Commerce as a backend or data layer for a mobile app, a custom site, or a legacy system, independently of the Webround editor.

Data Architecture: Store and Draft​

The system is organized into isolated blocks to ensure security and scalability:

  • Draft: This is the development and configuration environment. An isolated project where design, translations, and code injections are defined. Publishing transforms the Draft into a public site distributed on a global CDN.
  • Store: This is the headless entity that holds the sales logic. A Store is a container for transactional and catalog data, segregated from other stores.

While a Draft is natively connected to a Store to simplify integration, the two systems communicate through standardized API contracts. This means your sales logic can be extended or queried by any authorized external service.

Integrations: Webhooks, Events, and Hooks​

Webround operates as a node within your technological ecosystem. Through Webhooks, the platform notifies your external systems (ERP, CRM, custom SaaS) when specific events occur, such as new orders or user registrations.

With Edge Hooks and Checkout Hooks, you can inject custom logic under your control at specific points in the app's lifecycle.

Security is guaranteed by HMAC signature of the payloads, ensuring that communication is integral and originates exclusively from Webround.

Why Webround?​

Webround resolves the paradox between no-code speed and custom code flexibility:

  • For the Business: A ready-to-use, secure, and scalable e-commerce stack without unforeseen infrastructure maintenance costs.
  • For the Agency: A rapid production tool whose strength lies in the ability to create unique features for clients.
  • For the Developer: A solid, pre-configured backend on which to build complex front-end logic or backend-to-backend integrations, eliminating the "dirty work" of managing servers, databases, and on-premise systems.

The goal of Webround is not just to "build websites," but to provide the necessary infrastructure to manage complex online businesses with minimal operational friction and maximum creative freedom.