Regions - Web Context Protocol

Overview

Regions define semantic areas of your page to provide context for actions and effects.

<div data-wcp="region:product">
  <button data-wcp="action:add">Add to Cart</button>
</div>

Site-wide navigation elements

Main page content area

Product details and information

Checkout and payment flows

Search interfaces and filters

Search and filter results display

Full documentation for regions is being written. See Actions and Effects in the meantime.