Administração de eCommerce genérico

A solução genérica AEM fornece métodos de gerenciamento das informações comerciais armazenadas no repositório (em vez de usar um mecanismo externo de comércio eletrônico). Isso inclui:

OBSERVAÇÃO

A instalação de AEM padrão inclui a implementação de eCommerce AEM genérico (JCR).

Atualmente, isso se destina a fins de demonstração ou como base básica para uma implementação personalizada de acordo com suas necessidades.

Produtos e variações de produto

OBSERVAÇÃO

Os procedimentos a seguir se aplicam a Produtos e Variações de Produto.

Antes de criar os produtos, é necessário definir um scaffold. Isso especifica os campos necessários para definir os produtos e como eles são editados.

É necessário um suporte para cada tipo de produto distinto. O suporte apropriado está associado aos produtos:

  • path
  • o produto pode fazer referência ao suporte
OBSERVAÇÃO

A loja Geometrixx-Outdoors tem um único tipo de produto (e, portanto, um único suporte):

/etc/scaffolding/geometrixx-outdoors

O tipo de produto Geometrixx-Outdoors está ativo em:

/etc/commerce/products/geometrixx-outdoors

Você pode criar uma nova definição de produto em qualquer lugar sob ela, sem nenhuma configuração adicional.

Importando produtos

Importar produtos - IU otimizada ao toque

  1. Navegue até o console Produtos, por Commerce.

  2. Usando o console Products, navegue até o local desejado.

  3. Use o ícone Importar produtos para abrir o assistente.

    chlimage_1-1

  4. Especifique:

    • Importador

      O importador do provedor de comércio específico, por padrão Geometrixx.

    • Fonte

      O arquivo que você deseja importar; você pode usar o navegador para selecionar um arquivo.

    • Importação incremental

      Indique se esta é uma importação incremental (em vez de completa).

    OBSERVAÇÃO

    A importação incremental (do importador externo da amostra geometrixx) opera a nível do produto.

    Um importador personalizado pode ser definido para operar conforme necessário.

  5. Selecione Próximo para importar os produtos, será mostrado um log das ações realizadas.

    OBSERVAÇÃO

    Os produtos serão importados para o local atual ou serão relativos a ele.

    OBSERVAÇÃO

    O uso repetido de Next e Back irá importar repetidamente as definições do produto. No entanto, como eles têm os mesmos SKUs, as informações existentes no repositório serão simplesmente substituídas.

  6. Selecione Concluído para fechar o assistente.

Importar produtos - Interface clássica

  1. Usando o console Ferramentas abra a pasta Commerce.

  2. Clique com o duplo para abrir o Importador do produto:

    chlimage_1-22

  3. Especifique:

    • Armazenar nome

      Os produtos serão importados para:

      /etc/commerce/products/<*store name*>/

    • Provedor de comércio

      O importador para seu provedor de comércio; por padrão.

    • Arquivo de origem

      O local no repositório do arquivo que você deseja importar.

    • Importação incremental

      Indique se esta é uma importação incremental (em vez de completa).

  4. Clique em Importar produtos.

Criando Informações do Produto

OBSERVAÇÃO

O gerenciamento de produtos padrão é básico, pois o conjunto de produtos Geometrixx-Outdoors foi mantido básico. A complexidade se baseia no produto andaime, portanto, com o seu próprio andaime de produto é possível obter uma edição mais sofisticada.

Criar informações do produto - IU otimizada ao toque

  1. Usando o console Products (via Commerce), navegue até o local desejado.

  2. Use o ícone Criar para selecionar (dependendo da estrutura e do local):

    • Criar produto
    • Criar variação de produto

    chlimage_1-14

  3. O assistente abrirá. Use as Basic e guias de produto para inserir os atributos de produto para o novo produto ou variante de produto.

    OBSERVAÇÃO

    O título e o ​SKU são os mínimos necessários para criar um produto ou uma variante.

  4. Selecione Criar para guardar as informações.

OBSERVAÇÃO

Muitos produtos são oferecidos em várias cores e/ou tamanhos. As informações sobre o produto básico e as variantes de produto relacionadas podem ser gerenciadas no console Produtos.

Os produtos e suas variantes são armazenados como uma estrutura em árvore, as informações do produto ficam na parte superior, com as variantes abaixo (essa estrutura é imposta pela interface do usuário).

Editar informações do produto

OBSERVAÇÃO

As imagens de produtos no geometrixx-outdoors são fornecidas de:

/etc/commerce/products/...

Isso significa que, por padrão, eles são bloqueados pelo dispatcher, portanto, configure conforme necessário.

Editar informações do produto - IU otimizada ao toque

  1. Usando o console Products (via Commerce), navegue até as informações do seu produto.

  2. Usar:

    Selecione o ícone Dados do produto de Visualização:

    chlimage_1-3

  3. Os atributos do produto serão mostrados. Use Editar e Concluído para fazer quaisquer alterações.

Mostrando referências de produto

Referências do produto exibidas - IU otimizada ao toque

  1. Usando o console Products (via Commerce), navegue até as informações do seu produto.

  2. Abra o trilho secundário para Referências com o ícone:

    chlimage_1-4

  3. Selecione o produto desejado - o trilho secundário será atualizado para mostrar os tipos de referência disponíveis:

    chlimage_1-88

  4. Clique/toque no tipo de referência (por exemplo, Páginas de produto) para expandir a lista.

  5. Selecione uma referência específica para mostrar as opções:

    • Navegar até a página do produto
    • Editar página do produto

    chlimage_1-89

Procurar produtos

  1. Navegue até o console Produtos, por Commerce.

  2. Abra o trilho secundário para Pesquisa com o ícone:

  3. Várias facetas estão disponíveis para você procurar produtos. Você pode usar apenas uma ou várias facetas para uma pesquisa. Os produtos encontrados serão exibidos:

    chlimage_1-90

  4. Clicar/tocar em um produto o abre. Você também pode publicá-lo ou visualização os dados do produto.

Você pode modificar uma faceta existente ou adicionar novas, usando CRXDE Lite:

  1. Vá até:

    http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets

  2. Você pode modificar, por exemplo, os tamanhos que aparecerão na página de pesquisa do produto. Clique no nó sizegroup.

  3. Clique no nó items e, em seguida, clique no nó propertypredicate.

  4. Você pode modificar o propertyValues. Por exemplo, você pode adicionar XS, ou XXL, ou remover um tamanho.

  5. Clique em Salvar tudo e navegue até a página de pesquisa de produtos. Suas alterações devem ser exibidas.

Vários ativos

Você pode adicionar vários ativos no componente do produto e, em seguida, especificar o ativo que aparecerá na página do produto.

OBSERVAÇÃO

Tudo relacionado a vários ativos é feito com a interface otimizada ao toque.

Adicionar vários ativos

  1. Navegue até o console Produtos, por Commerce.

  2. Usando o console Products, navegue até o produto desejado.

    OBSERVAÇÃO

    Você tem que estar no nível do produto, não no nível da variante.

  3. Toque/clique no ícone Dados do produto de Visualização com o modo de seleção ou ações rápidas.

  4. Toque/clique no ícone Editar.

  5. Role até Add.

    chlimage_1-91

  6. Toque/clique em Adicionar. Um novo espaço reservado para ativos é exibido.

  7. Tocar/clicar em Alterar abre uma caixa de diálogo que permite escolher um ativo.

  8. Selecione o ativo que deseja adicionar.

    OBSERVAÇÃO

    Os ativos que você pode selecionar são de Assets.

  9. Toque/clique no ícone Concluído.

Dois ativos agora são armazenados no componente do produto. Você pode configurar qual aparecerá na página do produto. Isso funciona com um sistema de categoria. Primeiro, é necessário adicionar uma categoria aos ativos individuais:

  1. Toque/clique em Dados de produto de Visualização.

  2. Digite uma Categoria do ativo nos ativos, por exemplo cat1 e cat2.

    OBSERVAÇÃO

    Você também pode usar tags para categoria.

  3. Toque/clique no ícone Concluído. Agora você precisa implantar suas alterações.

Agora seus ativos no componente do produto têm uma categoria. Você pode configurar qual categoria será exibida em três níveis diferentes:

OBSERVAÇÃO

Se você não definir categorias, o primeiro ativo será exibido na página do produto.

O mecanismo para selecionar a imagem a ser exibida é o seguinte:

  1. Verifique se uma categoria está definida para a Página do produto.
  2. Caso contrário, verifique se uma categoria está definida para o catálogo.
  3. Caso contrário, verifique se uma categoria está definida para o console Produtos.
OBSERVAÇÃO

Para o nível do Catálogo e do Console de produtos, é necessário implementar as alterações para aplicar as modificações e ver a diferença na página do produto.

Página do Produto

  1. Navegue até a página do produto.
  2. ​Edite o componente do produto.
  3. Digite a Categoria de imagem que você escolheu ( cat1, por exemplo).
  4. Toque/clique em Concluído. A página é atualizada e o ativo correto deve ser exibido.

Catálogo

  1. Navegue até o catálogo.
  2. Toque/clique em Propriedades da Visualização.
  3. Toque/clique em Editar.
  4. Toque/clique na guia Ativos.
  5. Digite a Categoria de ativos do produto necessária.
  6. Toque/clique em Concluído.
  7. Implantar suas alterações.

Console de produtos

  1. Usando o console Products, navegue até o Produto desejado.
  2. Toque/clique em Dados de produto de Visualização.
  3. Toque/clique em Editar.
  4. Digite uma Categoria de ativos padrão.
  5. Toque/clique em Concluído.
  6. Implantar suas alterações.

Publicar/Cancelar publicação de informações do produto

Publicar/Cancelar publicação de informações do produto - IU otimizada ao toque

OBSERVAÇÃO

Muitas vezes, as informações do produto são publicadas pelas páginas que fazem referência a elas. Por exemplo, ao publicar a página X que faz referência ao produto Y, AEM perguntará se você também deseja publicar o produto Y.

Para casos especiais, AEM também oferece suporte à publicação direta dos dados do produto.

  1. Usando o console Products (via Commerce), navegue até as informações do seu produto.

  2. Usar:

    Selecione o ícone Publicar ou Cancelar a publicação conforme necessário:

    chlimage_1-6 chlimage_1-7

    As informações sobre o produto serão publicadas ou não serão publicadas, conforme apropriado.

Feed do produto

A integração de Search & Promote permite:

  • use a API eCommerce, independentemente da estrutura do repositório subjacente e da plataforma de comércio.
  • aproveite o recurso Conector de índice do Search & Promote para fornecer um feed de produto no formato XML.
  • aproveitar o recurso de Controle remoto do Search & Promote para executar solicitações sob demanda ou programadas do feed do produto
  • geração de feed para diferentes contas de Search & Promote, configurada como configurações de serviços em nuvem.

Para obter mais informações, leia Feed do produto.

Manipulador de eventos para atualizações de produtos

Há um Manipulador de Eventos que registra um evento quando um produto é adicionado, modificado ou excluído e quando uma página de produto é adicionada, modificada ou excluída. Há os seguintes eventos OSGi:

  • com/adobe/cq/commerce/pim/PRODUCT_ADDED
  • com/adobe/cq/commerce/pim/PRODUCT_MODIFIED
  • com/adobe/cq/commerce/pim/PRODUCT_DELETED
  • com/adobe/cq/commerce/pim/PRODUCT_PAGE_ADDED
  • com/adobe/cq/commerce/pim/PRODUCT_PAGE_MODIFIED
  • com/adobe/cq/commerce/pim/PRODUCT_PAGE_DELETED

Para os eventos PRODUCT_*, o caminho aponta para o produto base em /etc/commerce/products. Para os eventos PRODUCT_PAGE_*, o caminho aponta para o nó cq:Page.

Você pode observá-los no Console da Web em eventos OSGI ( /system/console/events), por exemplo:

OBSERVAÇÃO

O componente Imagem com Adicionar ao carrinho permite que você adicione rapidamente um produto ao carrinho criando um ponto de conexão vinculado a um produto em uma imagem.

Clicar no ponto de acesso abre uma caixa de diálogo que permite escolher o tamanho e a quantidade do produto.

  1. Navegue até a página onde deseja adicionar o componente.

  2. Arraste e solte o componente na página.

  3. Arraste e solte uma imagem no componente do navegador assets.

  4. Você pode:

    • clique no componente e, em seguida, clique no ícone Editar
    • faça um clique lento no duplo
  5. Clique no ícone de tela cheia.

    chlimage_1-92

  6. Clique no ícone do Mapa de lançamento.

    chlimage_1-93

  7. Clique em um dos ícones de forma.

    chlimage_1-29

  8. Modifique e mova a forma conforme necessário.

  9. Clique na forma.

  10. Clicar no ícone Procurar abre o Seletor de ativos.

    OBSERVAÇÃO

    Como alternativa, você pode digitar diretamente o caminho do produto que deve estar no nível do produto, não no nível da variante.

    chlimage_1-94

  11. Clique duas vezes no ícone de confirmação e clique em sair da tela cheia.

  12. Clique em algum lugar na página ao lado do componente. A página deve ser atualizada e você deve ver o seguinte símbolo na imagem:

  13. Alterne para o modo pré-visualização.

  14. Clique no ponto de conexão +. Uma caixa de diálogo é aberta onde você pode escolher o tamanho e a quantidade do produto inserido em Caminho.

    chlimage_1-95

  15. Insira um tamanho e uma quantidade.

  16. Clique no botão Adicionar ao carrinho. A caixa de diálogo é fechada.

  17. Navegue até o carrinho. O produto deve estar aqui.

Opções de configuração

Você pode configurar a aparência da caixa de diálogo ao clicar no ponto de acesso:

  1. Clique no componente e no ícone de configuração.

    chlimage_1-96

  2. Rolar para baixo. Há uma guia ADICIONAR AO CARRINHO.

    chlimage_1-97

  3. Clique em ADICIONAR AO CARRINHO. Existem três opções de configuração que você pode usar.

    chlimage_1-98

  4. Clique no ícone Concluído.

Catálogos

Gerando um catálogo

Geração de um catálogo - IU otimizada ao toque

OBSERVAÇÃO

O catálogo fará referência aos seus dados do produto.

Para gerar um catálogo:

  1. Abra o console Sites (por exemplo, http://localhost:4502/sites.html/content).

  2. Navegue até o local onde deseja criar a nova página.

  3. Para abrir a lista de opções, use o ícone Criar:

  4. Na lista selecione Criar catálogo, o assistente Criar catálogo abrirá.

    chlimage_1-99

  5. Navegue até o Blueprint do catálogo necessário.

  6. Toque/clique no botão Selecionar e toque/clique no Blueprint de Catálogo necessário.

  7. Toque/clique em Próximo.

    chlimage_1-100

  8. Digite um Title e um Nome.

  9. Toque/clique no botão Criar. O catálogo é criado e uma caixa de diálogo é aberta.

    chlimage_1-101

  10. Tocar/clicar no botão Concluído traz você de volta ao console Sites, onde você poderá ver seu catálogo.

    Tocar/clicar no botão Abrir catálogo abre seu catálogo (por exemplo http://localhost:4502/editor.html/content/test-catalog.html).

Geração de um catálogo - IU clássica

OBSERVAÇÃO

O catálogo fará referência aos Dados do Produto.

  1. Usando o console Sites, navegue até Catalog Blueprint e, em seguida, selecione o Catálogo básico.

    Por exemplo:

    http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog

  2. Crie uma nova página usando o modelo Section Blueprint.

    Por exemplo, Swimwear.

  3. Abra a nova página Swimwear e clique em Editar Blueprint para abrir a caixa de diálogo Propriedades, onde pode configurar a seleção Produtos.

    Por exemplo, abra o campo Tags/Palavras-chave para selecionar Atividade e, em seguida, Nadando na seção Geometrixx-Externo.

  4. Clique em OK para salvar suas propriedades; os produtos de exemplo serão mostrados em Critérios de seleção de produto na página de blueprint.

  5. Clique em Alterações de implantação…, selecione Página de implantação e todas as subpáginas, em seguida, clique em Próximo e em Implantação. Quando a implementação for concluída com êxito, o indicador Status será mostrado como verde.

  6. Agora você pode clicar em Fechar e verificar a nova seção do catálogo; por exemplo, on e under:

    http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html

  7. Novamente na página de blueprints, clique em Editar Blueprint e, na caixa de diálogo Propriedades, abra a guia Página gerada. No campo lista do banner, selecione a imagem que deseja mostrar; por exemplo, summer.jpg

  8. Clique em OK para salvar suas propriedades; as informações do banner serão mostradas em Critérios de seleção de produto na página de blueprint.

  9. Implantar essas novas alterações.

Reversão de um catálogo

Distribuição de um catálogo - IU otimizada ao toque

Para implementar um catálogo:

  1. Navegue até o console Catálogos, por Commerce.

  2. Navegue até o catálogo que deseja implantar.

  3. Usar:

    Selecione o ícone Alterações de implantação:

  4. No assistente, defina a implementação conforme necessário e toque/clique em Alterações de implantação.

  5. Uma caixa de diálogo é aberta. Toque/clique em Concluído quando o processo estiver concluído.

Desenvolvendo um catálogo - Interface clássica

Para implementar um catálogo:

  1. Navegue até o Catálogo que deseja implantar. Por exemplo:

    http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html

  2. Clique em Alterações de implantação…

  3. Defina a implementação conforme necessário.

  4. Clique em Rollout.

Importador do Blueprint

Importador do Blueprint - IU otimizada ao toque

  1. Navegue até o console Catálogos, por Commerce.

  2. Navegue até o local onde deseja importar o diagrama do catálogo.

  3. Toque/clique no ícone Importar Blueprints.

  4. No assistente, selecione a Origem conforme necessário e toque/clique em Próximo.

    chlimage_1-340

  5. Toque/clique em Concluído quando a importação estiver concluída.

Importador do Blueprint - Interface clássica

  1. Usando o console Ferramentas, navegue até Commerce.

    Por exemplo:

    http://localhost:4502/miscadmin#/etc/commerce

  2. Abra o Importador Bluprint do Catálogo.

  3. Defina a importação conforme necessário.

  4. Clique em Importar Esquemas de Catálogo.

Promoções

Criação de uma Promoção

Criação de uma promoção - Interface clássica

OBSERVAÇÃO

O exemplo a seguir trata de uma promoção mantida diretamente em uma campanha, usada para comprovantes.

Uma promoção também pode estar em uma experiência dentro de uma campanha.

Para obter mais informações, consulte Promoções e Vouchers.

  1. Abra o console Sites da sua instância do autor.

  2. No painel esquerdo, selecione a Campanha necessária.

  3. Clique em Novo, selecione o modelo Promoção e especifique um Título (e Nome, se necessário) para o seu novo comprovante.

  4. Clique em Criar. A nova página de promoção será exibida no painel direito.

  5. Edite as Propriedades:

    • abrir a página e, em seguida, clicar no botão Editar para abrir a caixa de diálogo Propriedades
    • selecionando a página no console Sites e usando o menu de contexto (geralmente o botão direito do mouse) para selecionar Propriedades… e abra a caixa de diálogo de propriedades

    Especifique Tipo de Promoção, Tipo de Desconto, Valor do Desconto e quaisquer outros campos, conforme necessário.

  6. Clique em OK para salvar.

  7. Agora você pode ativar sua promoção, para que os compradores a vejam na instância de publicação.

Vouchers

Criando um Comprovante

Criar um comprovante - IU clássica

  1. Abra o console Sites da sua instância do autor.

  2. No painel esquerdo, selecione a Campanha necessária.

  3. Clique em Novo, selecione o modelo Voucher e especifique um Título (e Nome, se necessário) para o seu novo comprovante.

  4. Clique em Criar. A nova página de comprovante será exibida no painel direito.

  5. Abra sua nova página de comprovante com um clique de duplo e clique em Editar para configurar as informações conforme necessário.

  6. Clique em OK para salvar.

  7. Agora você pode ativar seu comprovante, para que os compradores possam usá-lo em seus carrinhos na instância de publicação.

Removendo Vouchers

Remoção de Vouchers - IU clássica

Para tornar um comprovante indisponível para os clientes, você pode:

  • Desativar o comprovante - ele permanecerá disponível no ambiente do autor para que você possa reativá-lo posteriormente.
  • Exclua-o completamente.

Ambas as ações podem ser realizadas no console Sites.

Modificando Vouchers

Modificação de Vouchers - IU clássica

Para alterar as propriedades de um comprovante ou promoção, clique com o duplo no console Sites e clique em Editar. Depois de salvá-la, você deve ativá-la para que as alterações sejam encaminhadas para as instâncias de publicação.

Adicionando vendedores a um carrinho

Para permitir que os usuários adicionem comprovantes a seus carrinhos, você pode usar o componente Vouchers integrado (categoria de comércio). É necessário adicionar isso à mesma página em que o carrinho é exibido (mas não é obrigatório). O componente de comprovantes é apenas um formulário no qual o usuário pode digitar um código de comprovante, é o componente do carrinho de compras que realmente mostra a lista dos comprovantes aplicados e seu desconto.

No site de demonstração (Geometrixx Outdoors - Inglês) você pode ver o formulário de comprovante na página do carrinho, sob o carrinho de compras.

Pedidos

OBSERVAÇÃO

Convém lembrar que a AEM predefinida não tem ações necessárias para a funcionalidade padrão relacionada a pedidos, como devolução de mercadoria, atualização do status do pedido, realização, geração de guias de remessa. Ela é principalmente destinada como uma pré-visualização tecnológica.

A gestão genérica das encomendas no AEM foi mantida como base; os campos disponíveis no assistente dependem do suporte:
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog

Se você criar um suporte personalizado, poderá armazenar mais informações sobre o pedido.

OBSERVAÇÃO

O console de pedidos expõe as informações de pedido do fornecedor, que nunca são publicadas.

As informações sobre o pedido do cliente são mantidas em seus diretórios domésticos e são expostas pelo Histórico do pedido para sua Conta. Essas informações são publicadas junto com o restante do diretório inicial.

Criando Informações do Pedido

Criando informações de pedido - IU otimizada ao toque

  1. Usando o console Pedidos, navegue até o local desejado.

  2. Use o ícone Criar para selecionar Criar pedido.

  3. O assistente abrirá. Use as guias Basic, Content, Payment e Fulfillment para inserir as informações sobre o novo pedido.

  4. Selecione Criar para guardar as informações.

Editando informações do pedido

Editar informações do pedido - IU otimizada ao toque

  1. Usando o console Pedidos, navegue até o pedido.

  2. Usar:

    Selecione o ícone Dados da Ordem de Visualização:

  3. As informações do pedido serão mostradas. Use Editar e Concluído para fazer quaisquer alterações.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free