The document provides an overview of Salesforce Commerce Cloud capabilities for B2C commerce. It discusses the Commerce Cloud services, headless and composable storefront options, page designer tools, campaign and content management features, and integration with Einstein AI, marketing cloud, and other Salesforce services. It also covers topics like storefront architectures, APIs, progressive web apps, and the managed runtime environment.

1. Trailblazer Community
Vamos falar de
Commerce Cloud B2C
Vinícius Machuca
Technical Architect

2. Salesforce faz
o que os outros não podem
Commerce
Payment
Engine
Rapid Reorder
AI Powered
Bots & Next
Best Action
Real-Time Order
Support
Social Selling
Omnichannel
Inventory
Authenticated
Login
Case Management
Knowledge
Articles
Cart to Quote
Tiered &
Promotional Pricing
Catalog
Management
Storefront
Headless
Mobile
Publisher
SEO
Optimization
CTA
Interactive Email
SMS
Bot Assisted
Transactions
Chat Based
Selling
In-App
Transactions
Composable Commerce Services
Catalog | Search | Promotions | Cart |
Checkout | Payments | Orders | Inventory |
Fulfillment | Returns

3. SFRA
Commerce
Applications
Headless
Commerce
Services
Experience
Layer
Tipos de tecnologias de commerce
C360
Services
Marketing
Service
Sales
B2C Commerce
Omni Inventory
Service
Shopper Login
Service
Promotions
Salesforce
Payments
Cart
Product Rec’s
B2C
● Catalogue
● Promotions
● Pricing
● Cart
● Checkout
● Seller
AppExchange
Custom or Partner
Built
Composable
Storefront
B2B D2C
Industries
Einstein AI, Interaction Studio, CDP
Slack
Data & Integrations
Checkout
Storefront Templates (LWC)
Shared / Composable
Headless / API-first
Catalog Pricing
NEW

4. Visão do
comerciante
Business Manager

5. Funcionalidades do B2C Commerce
Ativos de conteúdo, Slots de
conteúdo, Page
Builder/Designer,
Pastas, Personalização de
conteúdo,para diferentes
clientes com base em
critérios.
Content
Management
Planejamento de Campanha
Estratégia da Campanha
Gestão de Ofertas
Gestão de Promoções
Cross-channel
Relatórios de Promoção
Campaign
Management
Gerenciados de negocios,
Merchandising, Ajuste de
Busca no Site,
Práticas de Dados Ativos
Gerenciamento de
Localidade e Múltiplas
Lojas
Site
Merchandising
listas de inventários, sets de
produtos, variações de
atributos, ordenação, listas de
preços, recomendações de
produtos*, imagens nos
produtos, conjuntos de prod.
Opções do produto
Product
and Catalogs
Segmentação de Clientes, Design
Mobile First, Acessibilidade e
Velocidade do Site, Testar e
Aprender, Agilidade,
Estratégia de E-mail Transacional
e Comportamental
Shopper
Experience
Perfis de clientes com dados
Endereços do cliente
Métodos de pagamento
salvos pelo cliente
Listas de Produtos de Clientes
(Wishlists, Gift Registers,
Custom lists)
Customer
Relatórios e Dashboards
(Fornece tempos médios de
resposta de todas as páginas
visualizadas pelo cliente no
site ao vivo)
Perfilador de pipeline
Criador de perfil de código
Performance
Locais e Grupos
Disponibilidade em Tempo
Real, Reservas
Alertas de Quantidade
Limitada
Experiência Omnicanal
Inventory
Availability
Página do carrinho, pág de
recibo, envio, cobrança,
manipulação de formulários,
várias opções de envio,
retirada na loja, finalização de
compra para usuários
registrados e não registrados,
e-mails de confirmação
Checkout
Promotes por produtos e de
pedidos com percentual de
desconto, fixo, preço fixo, por
lista de preço, produto bônus
Compre X Ganhe Y além de
promoções de envio
Percentual de desconto,
Preço fixo e Frete grátis
Promotions
Master e Storefronts Catalogs,
estrutura de categorias
diferentes por catálogos,
diversas categorias para um
mesmo produto. Até 1000
sub, agendamento e
refinamento.
Catálogos e
Categorias
URLs amigáveis categoria,
conteúdo, produto, baseados
em regras. Sitemaps,
Robots.txt
Regras de metatag. Url Rules,
Tags comuns título, robots,
descrição e tags sociais.
SEO
Recomendações de produto,
Sugestões de pesquisa,
Classificação preditiva, Dicionários
de pesquisa (quando ativados, os
Dicionários de pesquisa do
Einstein consomem todas as
pesquisas de sites e
configurações.
Einstein
Sinônimos, Hiperônimos,
Frases comuns, palavras
compostas, sugestões de
pesquisa, autocorreção de
pesquisa, recomendações de
pesquisas do Einstein
Search
Gerenciamento de pedidos,
processadores de pagamentos,
métodos de envio,
gerenciamento de taxas,
métodos de pagamentos,
métodos de entrega, importação
e exportação,
além do Customer
Service Center.
Order

6. Gerenciador de negócios:

7. Gerenciador de negócios:
Primeira Área - Define o
ambiente no qual o usuário está
e, dependendo das permissões e
esquemas do site, os sites aos
quais o usuário tem acesso.
Ferramentas do comerciante - Módulos
conectados ao Conteúdo de Operações
para a Vitrine, Catálogo, Clientes, SEO,
Produtos e Marketing Online.
Administração - Conteúdo técnico da
plataforma, normalmente associado com as
configurações de back-end, como replicação
de dados e códigos, agendamento de
trabalhos, administração de sites etc.
Vitrine - Permite que a Vitrine do seu
Ambiente de Preparação mostre a
configuração e as mudanças de
conteúdo aplicadas.
Toolkit - Ajudam os comerciantes a
obter informações sobre o conteúdo e o
desempenho da loja.

8. Campanhas
Agem como containers, linkando Experiências e Qualificadores por um período de tempo específico
Experiências
O que o usuário experiencia/vê no site
Promoções
Slots de conteúdo
Regras de classificação
Qualificadores
O gatilho para as experiências
Grupo de clientes
Código fonte
Cupom
Campanhas, Qualificadores & Experiências

9. Page Designer for B2C Commerce
Crie experiências de commerce mais rapidamente
Criar e gerenciar páginas
Usuários de negócios podem projetar, agendar e
publicar páginas rapidamente
Arrastar e soltar conteúdo
Um poderoso editor visual torna as alterações de
conteúdo e layout fáceis
Visualizar em todos os pontos de contato
Garanta experiências incríveis com visualização por
tipo de dispositivo, grupo de clientes, agenda e local.
Construir com componentes reutilizáveis
Desenvolvedores aproveitam os padrões abertos da
web e o kit de soluções fornecido para criar facilmente
componentes reutilizáveis

10. Relatórios e dashboards

11. Centro de log

12. Quais tipos de
vitrines posso criar?
Variedades de arquitetura de referência

13. Linha do tempo

14. Salesforce Commerce SFRA
Modelos Mobile-First
○ Modelos Mobile-First
○ Motor de search e fácil acessibilidade
○ Ferramentas de navegação que são acessíveis e eficientes
○ Páginas de produto e categorias otimizado
○ Botão Adicionar ao Carrinho persistente
○ Opções de pagamento expresso
○ Descrições de produtos colapsáveis
○ Checkout em uma única página, estilo acordeão, com resumos colapsáveis
para suavizar o fluxo de checkout
Einstein APIs
○ API de Recomendações de Produtos Einstein.
○ Amplie as capacidades inteligentes além da loja online.
○ Integre-as em aplicativos móveis, ferramentas de relacionamento com o
cliente e muito mais.
Arquitetura
○ Padrão leve de Modelo, Visualização e Controlador (MVC)
○ Framework mobile Bootstrap
○ Recursos aprimorados do Page Designer
○ eCDN integrado (Cloudflare)

15. Container para empacotar e implementar funcionalidades
Cartucho
A B2C Commerce carrega cartuchos individuais em um ordem específica, começando com cartuchos que
contêm funcionalidades básicas, seguidos por funcionalidades cada vez mais personalizadas. Isso é chamado de
pilha de cartuchos.

16. Escolha com flexibilidade o que deseja utilizar
Composable Storefront
Commerce
Services
Mulesoft
Accelerators
Order
Management
Composable
Storefront
Service
Cloud
Custom-
Built Apps
Commerce Cloud: Security | Scale | SSOT APIs | Builders | Tools
Omnichannel
Inventory
Service
CMS Partner
Integration
Marketing
Cloud
Einstein
Product Rec’s
Search
Partner
Integration
Shopper
Login
Social
Commerce
COMING SOON
Customer
Data
Platform

17. Complete Set of Commerce APIs
Shopping and data APIs connect all touchpoints
and back-office sources
APIs for Developer Efficiency
New APIs for CDN, content, and developer
experience speed headless implementations
Trusted Performance & Availability
API Rate limits and CDN caching offer predictable
performance and reliability
Accelerate Time to Value
Mulesoft Accelerator includes pre-built
integration templates for ERP, PIM, and more
Agilidade Salesforce Commerce APIs
Commerce APIs
API calls Cyber
Week 2022
>6.5B

18. API Explorer (OCAPI)
https://api-explorer.commercecloud.salesforce.com

19. PWA Kit
Composable Storefront

20. What is a Progressive
Web App?
High Engagement: work offline, installed to
your homescreen
Fast Performance: single page apps, instant
page transitions
Mobile-First, Not Mobile-Only: more native
experience on mobile, responsive across
devices
The engagement of an app and the
reach of the web
Reach
Engagement
Native
App
Responsive
Progressive
Web App

21. Mulesoft
Accelerators
AppExchange
Tipos de experiências
Out of the Box Storefront
Templates & Components
Build Your Own
Salesforce or Off Platform
Composable Storefront
PWA Kit & Managed Runtime
Commerce API Layer
Search
Cart Payment Pricing Promos Catalog
Product
Recommendations
Shopper
Login
Omni
Inventory
Integrations
Trusted Multi-Tenant Cloud
CDP
C360 Services
Service Sales Marketing Industries Slack
Einstein AI
Commerce
Services
Experience
Layer
Platform
API
Layer
New
No Code Code
External
Systems &
APIs

22. Em que o PWA kit é feito?
React: Single-page app framework
Chakra UI: React component library and
theming
Emotion - CSS in JS framework and styled
components
Isomorphic Commerce SDK
Webpack - build system
Jest - unit testing
Cypress - End 2 End testing

23. Managed Runtime
Scalability & Uptime
Public cloud native
platform auto-scales
and maintains 99.99%
historical uptime
Commerce Managed Runtime
Security
Web Application Firewall,
DDOS protection,
ongoing salesforce
security monitoring, and
24/7 security response
teams
Performance
Global CDN and server
side rendering backed
by intelligent caching
and guaranteed
Commerce API
response time
Developer Efficiency
Unlimited
environments,
automated monitoring,
CI/CD, and an admin
portal to manage
projects

24. Escolha sua vitrine mais adequada
Customer
Experience
Time to
Market
Architectural
Approach
Extensibility &
Integrations
Technical
Skill Set
Merchandising
Tools
Storefront Reference
Architecture
Responsive website
includes templates
with built-in best
practices UX design
best practices
influenced by
data-driven insights,
heat mapping, and
shopper journey
analysis
4-6 month
implementation
time using
wireframe
teamples, or 4
weeks with
Commerce Quick
Start Solutions
Reference
architecture
implementation with
front-end and
backend coupled
Leverage cartridges
and plug-and-play
apps from over 250
trusted partners
ISML and script
skill set
Out of the box tools
for merchandisers and
marketers including
A/B testing and SEO
Composable
Storefront
Single page app for
real and perceived
performance
enhancements, and
app-like engagement
and interactions
Accelerated path to
headless (6-9
months) compared
to building your
own storefront
Headless architecture
in which front-end is
separated from the
backend
(60-second front-end
deploys)
Use APIs and
integration guides to
integrate with trusted
partner ecosystem or
build custom
experiences
Senior React,
API-first
developers
(in-house or
through partner)
Use Business Manager
for maintaining
product/catalog/
pricing

25. Vamos ver as vitrines?
SFRA x PWA kit

26. Material de estudo

27. Implementação
Bem-vindo ao B2C
Commerce
2
Bem-vindo ao B2C
Commerce:
Aprenda o Básico
1
Configure product listings, make
them easy to find, and give shoppers
discounts they love.
TRAILHEAD
Salesforce B2C
Commerce for
Merchandisers
Siga essa TRILHA
Understand core capabilities of
Commerce Cloud and ecommerce
trends.
TRAILHEAD
Commerce Cloud
Basics
Explore how B2C Commerce
transforms the online shopping
experience.
TRAILHEAD
Salesforce B2C
Commerce
Learn how to sell, recommend, and
manage merchandise with these
powerful features.
TRAILHEAD
Commerce Cloud
Features
Learn about Business Manager, the
B2C Commerce tool for configuring
and managing B2C Commerce
storefronts.
TRAILHEAD
Get Started with
Commerce Cloud
Business Manager
Gain insights from nearly 1,400
commerce leaders and 1 billion
consumers and business buyers.
WHITEPAPER
The State of
Commerce Report
Learn about the shopping behaviors
and expectations of over 10,000
consumers worldwide.
WHITEPAPER
Connected Shoppers
Report
Organize seu
TIME
3
Gain insights on the latest B2B and
B2C topics from industry experts.
BLOG
Commerce Cloud Blog
Organize your team to take full
advantage of your B2C Commerce
investment.
VIDEO
Organizing for Success
Administre seu
site
4
Set up users and assign roles and
permissions in Business Manager.
TRAILHEAD
Salesforce B2C
Commerce Roles &
Permissions
Set up users, transfer data, and
manage instances to keep your
ecommerce site running smoothly.
TRAILHEAD
Administer a
Salesforce B2C
Commerce Site
Transfer data between your B2C
Commerce storefront and external
systems.
TRAILHEAD
Salesforce B2C
Commerce Import &
Export
Use the Salesforce Trust site to check
system status, performance, and
security.
TRAILHEAD
Salesforce B2C
Commerce Trust Site

28. Implemenção
SEO (Search
Engine
Optimization)
5
Drive shoppers to your B2C
Commerce storefront via SEO.
TRAILHEAD
Optimize Search
Engine Awareness for
Your Salesforce B2C
Commerce Storefront
Watch this video for an overview of
SEO Page Meta Tags, details on rule
syntax, and two use case examples.
VIDEO
B2C Commerce SEO
Page Meta Tag Rules
Learn about SEO best practices for
storefront URLs, content creation,
and general SEO.
ARTICLE
SEO Best Practices
Otimize SEO para os mecanismos de
pesquisa
GUIDE
Commerce Cloud
Playbook: SEO (em
Português)
Get an overview of SEO Page Meta
Tag Rules.
GUIDE
SEO: Page Meta Tag
Rules Overview
Get expert guidance and learn how
to set up and manage your site
search experience.
WEBINAR
Primeiros Passos: B2C
Commerce: Pesquisa
no site
Onsite Search
7
Configure B2C Commerce storefront
search to help shoppers find the
products they want.
TRAILHEAD
Salesforce B2C
Commerce Storefront
Search
Apresente resultados de pesquisa
relevantes para aumentar receita
GUIDE
Commerce Cloud
Playbook: Site Search
(em Português)
Help shoppers find what they’re
looking for on your B2C Commerce
site.
TRAILHEAD
Smarter Search with
Commerce Cloud
Einstein
Learn how to regularly test your top
search terms.
VIDEO
Quality of Search
Testing Tool
Produtos e
catálogos
6
Marketing e
Promoções
8
Learn how to drive sales with
campaigns, qualifiers, and
promotions.
WEBINAR
B2C Commerce:
Onsite Marketing e
Promoções
Crie descontos para incentivar
compras e aumentar receita
GUIDE
Commerce Cloud
Playbook: Promoções
(em Português)
All of your product data is stored in
your master product catalog
ARTICLE
B2C Commerce
Products Overview
Create and organize categories and
subcategories
ARTICLE
B2C Commerce
Categories
Create categories, create
subcategories and change the
category display order.
VIDEO
Create Categories
how to create, manage, and set
category attribute definitions in
Business Manager.
VIDEO
Define Category
Attributes
Plan and configure campaigns and
promotions for your B2C Commerce
storefront.
TRAILHEAD
Salesforce B2C
Commerce Campaigns
and Promotions
Use campanhas para criar
experiências de compra exclusivas
GUIDE
Commerce Cloud
Playbook: Campanhas
(em Português)
.
ARTICLE
B2C Commerce
Campaigns and
Promotions
Obtenha uma introdução e revisão
da funcionalidade dos catálogos e
produtos da B2C Commerce.
WEBINAR
Primeiros Passos: B2C
Commerce: Produtos e
Catálogos
Plan and configure campaigns and
promotions for your B2C Commerce
storefront.

29. Implemenção
Page Designer
11
Aprenda como projetar, agendar e
publicar experiências de clientes
sem o envolvimento contínuo de um
desenvolvedor.
WEBINAR
Primeiros passos: Page
Designer
EINSTEIN:
Personalized
Shopping
10
Visão geral de alto nível e introdução
às recomendações de produtos
WEBINAR
Einstein Recomendação
de Produtos
Otimize as regras de classificação
para agregar valor aos clientes e
varejistas.
WEBINAR
Primeiros Passos:
Sorting Rules
Regras de
Classificação
9
Review baseline knowledge, learn
about best-in-class configurations,
and get tips and tricks on quick wins.
VIDEO
Improve Shopper
Experiences with
Sorting and Filtering
Coloque os produtos em uma
sequência variada.
GUIDE
Commerce Cloud
Platform Playbook:
Regras de Classificação
Use Sorting Rules to control how
search results appear to help
customers find products they are
interested in.
ARTICLE
Sorting Rules
Documentation
Learn how to implement and
optimize product recommendations
that are relevant for individual
shoppers.
ARTICLE
Einstein Product
Recommendations
Add AI-powered search, product
recommendations, and shopper
insights to your B2C Commerce site.
TRAILHEAD
Deploy Commerce
Cloud Einstein
Discover Predictive Sort use cases
and A/B testing strategies.
ARTICLE
Einstein Predictive
Sort
Learn how to use Einstein Search
Dictionaries to enhance the
customer search experience.
ARTICLE
Einstein Search
Dictionaries
Add shopping basket analysis to your
merchandising and promotional
strategy.
ARTICLE
View Einstein
Commerce Insights
LEARNING MAP
Einstein B2C
Experiences Learning
Map
Configure Page Designer pages for
your B2C Commerce storefront.
TRAILHEAD
Salesforce B2C
Commerce Page
Designer for
Merchandisers
Use Salesforce CMS with Page
Designer to create and deliver
content across any channel.
TRAILHEAD
Salesforce CMS and
B2C Commerce Page
Designer
Page Designer Hub
GUIDE
Page Designer

30. Desenvolvedores
Aprenda sobre
arquitetura e
recursos para
desenvolver
1
Storefront
Reference
Architecture
(SFRA)
2
Find answers to common Storefront
Reference Architecture (SFRA)
questions.
FAQ
Storefront Reference
Architecture FAQ
List of certified LINK partners for
SFRA development.
APPEXCHANGE
Storefront Reference
Architecture Certified
Partners
Access documentation, wireframes,
and more for building and
customizing a storefront site.
ARTICLE
Storefront Reference
Architecture Resource
Center
Prepare-se para as
releases
3
Review upcoming platform
functionality.
ARTICLE
Commerce Cloud
Releases
Learn about the B2C Commerce
developer tools you can use to
create storefront application
projects.
TRAILHEAD
Develop for Salesforce
B2C Commerce
DEV CENTER
Commerce Cloud
Developer Center
Securely move data and code
between your B2C Commerce
instances.
TRAILHEAD
Salesforce B2C
Commerce Replication
Create jobs that automate data
imports and exports and other
multi-step processes.
TRAILHEAD
Salesforce B2C
Commerce Scheduled
Jobs
Configure On-Demand Sandboxes
for fast ecommerce development
and delivery.
TRAILHEAD
Salesforce B2C
Commerce On-Demand
Sandboxes
Use the Salesforce Trust site to check
system status, performance, and
security.
TRAILHEAD
Salesforce B2C
Commerce Trust Site
Configure Page Designer pages for
your B2C Commerce storefront.
TRAILHEAD
Salesforce B2C
Commerce Page
Designer for Devs

31. Conteúdos Adicionais
Learn how to elevate your
merchandising with shopper basket
analysis.
GUIDE
Commerce Insights
User Guide
Learn about A/B testing basics and
testing best practices to ensure an
optimized experience for your
customer.
VIDEO
B2C Commerce: A/B
Testing and Testing
Methodologies
Teste A/B
2
Decisões
orientadas por
dados
1
Watch how to set up access to
Commerce Cloud Reports &
Dashboards via Account Manager.
VIDEO
B2C Commerce:
Reports & Dashboards:
How to Set Up Access
Learn how to use different reports to
analyze downward trends in
conversion.
GUIDE
Using Data to Identify
Conversion Pain Points
Learn best practices for establishing
your A/B testing strategy and ideas
for what to test.
GUIDE
B2C Commerce: A/B
Testing Strategy Guide
Teste as experiências no site para
otimizar os resultados.
GUIDE
Commerce Cloud
Playbook: Teste A/B
Learn how to identify trends over
time and make smarter business
decisions based on your Commerce
Cloud data.
ARTICLE
Reports & Dashboards
Uma introdução e revisão de
ferramentas de análise, relatórios e
painéis da B2C Commerce.
WEBINAR
Primeiros Passos:
Métricas e Análises
Learn UX best practices for desktop
and mobile navigation.
GUIDE
Design Fundamentals
for Desktop and
Mobile Navigation
Merchandising
3
Learn UX best practices for the
homepage.
GUIDE
Designing an Effective
Homepage
Learn UX best practices for the
product detail page.
GUIDE
Designing a Winning
Product Detail Page
Discover best practice strategies to
help site visitors find what they are
looking for.
GUIDE
Improve Product
Discovery
Review strategies and tools to
optimize the checkout flow.
GUIDE
Improve Checkout
Experience
Checkout
4
Listen to UX experts share best
practices to optimize the checkout
flow.
VIDEO
UX Series Part 3 : Cart
and Checkout
Test the placement of elements in
your shopping cart.
GUIDE
Elements of a High
Performing Shopping
Cart
Test proven checkout optimizations
and UX best practices.
GUIDE
Optimizations for the
Checkout Flow
Dig into tools and tips to analyze and
improve your site speed.
FAQ
Web Page Speed
Performance FAQ

32. Conteúdos Adicionais
Expanda para
novos países
6
Experiências
conectadas
7
Guidance on storefont
customizations to allow customers to
buy online and pickup in store.
GUIDE
Buy Online Pickup in
Store Playbook
Enhance your retail business by
exploring B2C solution kits.
TRAILHEAD
Implement B2C Cross
Cloud Solutions
Get example flows, user experience
tips, and implementation guidance
for Buy Online Pickup in Store
(BOPIS).
VIDEO
Implement Buy Online
Pickup in Store
Enable shoppers to buy products
online for local store pickup through
a Salesforce B2C Commerce
storefront.
GUIDE
Buy Online Pickup in
Store Toolkit
Personalize the customer service
experience by connecting
Commerce Cloud and Service Cloud.
GUIDE
View Order History
and Cancel Orders
Toolkit
Understand privacy laws around the
globe that could impact your
approach to new markets.
WEBSITE
Regional Privacy Laws
Get an overview on what it takes to
go global.
WEBSITE
Map Your Global
Commerce
Opportunity
Order
Management
8
Learn to manage, fulfill, and service
orders at scale with Salesforce Order
Management.
TRAILHEAD
Salesforce Order
Management
Get an overview of Salesforce Order
Management and how to implement
and use the application.
VIDEO
Getting Started: B2C
Commerce: Salesforce
Order Management
Alternative
Payment
5
Get implementation and UX best
practices published by Apple.
EXTERNAL
Apple Pay Best
Practices
Access developer resources for
implementing Apple Pay.
EXTERNAL
Apple Pay Developer
Guide
Understand the enablement process
and project timeline.
ARTICLE
Apple Pay on the Web