Personalizar o modelo de loja D2C
Objetivos de aprendizagem
Após concluir esta unidade, você estará apto a:
- Enumerar o que está incluÃdo no modelo de loja D2C Commerce.
- Explicar como personalizar o tema do modelo de loja D2C Commerce.
- Explicar como personalizar um cabeçalho ou rodapé.
- Descrever como usar páginas e componentes.
- Explicar a diferença entre ativar e publicar uma loja.
- Explicar como personalizar uma loja.
Personalizar uma loja do D2C Commerce
Taylor Givens, operador comercial sênior da Ursa Major Solar, está interessado em criar uma experiência incrÃvel para os visitantes da loja Salesforce D2C Commerce. Eles estão ansiosos para personalizar o modelo D2C Experience Builder com o logotipo da loja Ursa Major Solar, só para começar.
O modelo D2C Commerce inclui páginas comerciais especÃficas, como a página inicial e uma página de resultados de pesquisa. Essas páginas usam componentes desenvolvidos especificamente para lojas D2C Commerce. Com a interface fácil de usar do Experience Builder, Taylor pode arrastar e soltar componentes nas páginas e personalizar as propriedades dos componentes. A equipe da Ursa Major Solar pode adicionar imagens e estilos à loja para criar uma experiência única para o comprador.
Taylor cria esta lista de verificação útil do que eles precisam fazer.
Tarefa |
|
1 |
Configurar o tema da loja. |
2 |
Configurar um cabeçalho ou rodapé personalizado. |
3 |
Explorar páginas e componentes. |
4 |
Visualizar e publicar a loja. |
5 |
Configurar uma URL personalizada para a loja. |
Taylor começa a personalizar as páginas e componentes da loja D2C Commerce clicando no bloco Experience Builder na página inicial da loja.
Consulte Personalizar sites com o Experience Builder para obter detalhes sobre como usar o Experience Builder.
Configurar o tema da loja
Taylor está feliz em saber que o modelo de loja D2C Commerce usa um tema D2C pré-criado. Eles podem especificar cores, imagens, tamanhos de texto e espaçamento para personalizar o tema de acordo com seus requisitos. Alguns componentes têm propriedades que permitem que eles substituam as configurações de tema do componente.
Acesse as configurações de tema da loja expandindo o Ãcone Theme (Tema) no lado esquerdo da página do Experience Builder.
Taylor escolhe cores para o fundo, texto, marca e primeiro plano. Eles geram uma paleta a partir de uma imagem carregada.
Na página Images (Imagens), eles selecionam o logotipo da empresa.
Eles também podem configurar o tamanho do texto e o espaçamento do site para PC/desktop e dispositivos móveis.
Configurar um cabeçalho ou rodapé personalizado
O modelo de loja D2C Commerce inclui um componente de cabeçalho e rodapé em cada página. Taylor quer usar um cabeçalho personalizado para uma página, então eles primeiro ajustam o layout do tema da página. Veja como eles fazem isso.
- Selecione a página onde você deseja usar um cabeçalho ou rodapé personalizado: InÃcio
- Clique no Ãcone Settings (Configurações).
- Clique em Theme (Tema).
- Clique em Configure (Configurar).
- Clique em New Theme Layout (Novo layout de tema).
- Insira o novo layout:
Ursa Major Solar - home
(Ursa Major Solar - página inicial) - No menu suspenso de Commerce Layout (Layout do Commerce), selecione Commerce Layout (Layout do Commerce).
- Clique em Save (Salvar).
A página agora tem uma seção superior e inferior em branco onde Taylor pode usar seu cabeçalho ou rodapé personalizado.
Consulte o Guia do desenvolvedor do D2C Commerce para obter detalhes sobre o desenvolvimento de componentes personalizados.
Explorar páginas e componentes
O modelo de loja D2C Commerce inclui páginas e componentes que permitem que Taylor crie uma loja atraente e fácil de usar. Veja alguns componentes disponÃveis por página.
Página |
Meta |
Componentes |
Carrinho |
Mostrar aos compradores os produtos que eles selecionaram para comprar. |
|
Categoria |
Mostrar aos compradores os produtos da categoria selecionada. |
|
Checkout |
Permitir que os compradores concluam a compra. |
|
Erro |
Informar os compradores que o sistema encontrou um erro. |
|
Fazer login/Verificar a senha |
Informar os compradores registrados que eles devem verificar o email para redefinir a senha. |
|
Fazer login/Esqueci minha senha |
Permitir que os compradores registrados recuperem uma senha esquecida. |
|
Fazer login/Fazer login |
Permitir que os compradores façam login na loja. |
|
Fazer login/Cadastrar-se |
Permitir que os compradores cadastrem-se na loja. |
|
InÃcio |
Criar uma página de destino interessante para os compradores entrarem na sua loja. |
|
Meu perfil |
Permitir que os compradores vejam a imagem do seu perfil e redefinam a senha. |
|
Pedido |
Informar os compradores que os itens foram pedidos com êxito. |
|
Produto |
Mostrar informações sobre um produto, incluindo preço, descrição e imagem. |
|
Pesquisa |
Permitir que os compradores pesquisem a loja. |
|
Serviço não disponÃvel |
Especificar o que os compradores verão se a loja não estiver disponÃvel. |
|
Taylor observa mais atentamente os componentes para descobrir quais devem ser usados como estão e quais eles gostariam de modificar.
Categoria |
Componente |
Carrinho |
|
Categoria |
|
Checkout |
|
Commerce Einstein |
|
Conteúdo |
|
Navegação |
|
Pedidos |
|
Detalhes do produto |
|
Pesquisa |
|
Contas de usuário |
|
Visualizar e publicar a loja
À medida que Taylor personaliza a loja, eles podem visualizar a aparência para os compradores e publicar as alterações. Veja como eles fazem isso.
- Abra o Experience Builder.
- Abra a página que você deseja visualizar.
- Clique em Preview (Visualizar) no canto superior direito da página.
Consulte Visualizar seu site do Experience Builder. - Quando estiver satisfeito com a aparência da sua loja, clique em Publish (Publicar) no canto superior direito da página. Taylor recebe uma notificação por email quando a loja é publicada.
Você pode publicar uma loja, esteja ela ativada ou não. Você pode ativar uma loja mesmo que ela não tenha sido publicada. Nesse caso, Maria Jimenez, a administradora, já a ativou. Consulte o módulo Noções básicas do Salesforce D2C Commerce para saber como ela fez isso.
Vamos concluir
Nessa unidade, você aprendeu a personalizar o modelo de loja D2C Commerce. Você também aprendeu a publicar e visualizar a loja. Em unidades anteriores, você conheceu a pesquisa e o Commerce Einstein. Agora, faça o teste final e ganhe um emblema incrÃvel.