Can I define constraints on where components can be placed?

Absolutely. The skill includes patterns for defining region exclusions and inclusions, allowing you to control which components are allowed in specific areas of a page.

What is the primary role of Page Designer in B2C Commerce?

Page Designer is a visual editor within Salesforce B2C Commerce that allows merchants to create and manage storefront content using developer-created page types and components.

Does this skill support custom attribute definitions?

Yes, it provides implementation patterns for all standard attribute types including strings, images, product selectors, and custom JSON objects used in component meta definitions.

How does the skill handle component rendering?

The skill guides developers in using dw.util.Template and PageRenderHelper to ensure components are rendered efficiently and are compatible with the Page Designer visual editor.

Salesforce B2C Page Designer

Name: Salesforce B2C Page Designer
Author: SalesforceCommerceCloud

bySalesforceCommerceCloud

•

E-commerce Solutions

Streamlines the creation of custom Page Designer page types and component types for Salesforce B2C Commerce environments.

The B2C Page Designer skill is a specialized toolkit for developers working with Salesforce B2C Commerce visual merchandising features. It provides structured guidance and code generation for building reusable Page Designer components and complex page layouts. By automating the boilerplate for JSON meta definitions, server-side JavaScript logic, and ISML templates, it ensures that developers follow Salesforce best practices for region definitions, attribute mapping, and efficient rendering. This skill is essential for creating flexible, merchant-friendly editing experiences while maintaining high-performance storefront standards.

Key Features

01Supports full attribute type mapping for images, products, and rich text

0222 GitHub stars

03Generates JSON meta definitions for custom page and component types

04Creates ISML templates optimized for the PageRenderHelper utility

05Defines complex region constraints including component exclusions and limits

06Scaffolds server-side script controllers for Page Designer logic

Use Cases

01Developing custom landing page structures with specific layout regions

02Implementing Experience API integrations for headless commerce storefronts

03Building reusable promotional banners and content blocks for merchants

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add salesforcecommercecloud/b2c-developer-tooling b2c-page-designer

For use in Claude.ai and ChatGPT

Download Skill