O que é vitrine eletrônica?
Na implementação do Adobe Commerce ou do Magento Open Source, a loja é a parte externa voltada para o público da loja. Ele fornece o conteúdo e os componentes funcionais que seus clientes usam para comprar e comprar.
O caminho que os clientes tomam para uma venda às vezes é chamado de caminho para compra, e sua loja inclui os componentes para que os clientes concluam esse caminho. As seções a seguir fornecem uma visão geral dos tipos de página básicos que fornecem valor estratégico: os locais que os clientes geralmente visitam enquanto fazem compras na sua loja. Ao analisá-los, considere os diferentes recursos da loja que podem ser usados em cada estágio da jornada do cliente.
Commerce Storefront
Com a introdução da Commerce Storefront viabilizada pelo Edge Delivery Services, a Adobe oferece uma loja confiável, escalável e de alto desempenho que utiliza tecnologia de ponta para oferecer velocidade e experiência do usuário superiores.
-
Desempenho aprimorado: hospedar vitrines no Edge Delivery Services garante tempos de carregamento mais rápidos e melhor desempenho do site, o que pode resultar em taxas de conversão mais altas e melhores classificações de SEO.
-
Escalabilidade: a arquitetura oferece suporte a escalabilidade contínua para lidar com maior tráfego e catálogos de produtos maiores sem comprometer o desempenho.
-
Flexibilidade: a loja é altamente personalizável, permitindo que as empresas adaptem a experiência de compra às suas necessidades exclusivas.
-
Experiência do usuário aprimorada: recursos como cache avançado, atualizações em tempo real e entrega de conteúdo personalizado contribuem para uma experiência de compra mais estável e envolvente.
Principais recursos
A Commerce Storefront baseada na Edge Delivery Services oferece vários recursos principais que beneficiam comerciantes e desenvolvedores. Esses recursos permitem que as empresas criem experiências de compra envolventes, mantendo a flexibilidade para personalizar e dimensionar suas vitrines de acordo com suas necessidades.
Para obter informações e orientações mais detalhadas sobre a configuração e otimização da sua Commerce Storefront, consulte a Documentação da Adobe Commerce Storefront.
A Commerce Storefront, baseada na Edge Delivery Services, fornece uma experiência de criação intuitiva e baseada em documentos, facilitando a criação e o gerenciamento de conteúdo pelos comerciantes. Usando ferramentas familiares, como o Microsoft Word ou o Google Docs, os comerciantes podem criar conteúdo avançado, mantendo o controle de versão e colaborando com os membros da equipe.
-
Criação simplificada de conteúdo: crie e edite conteúdo usando ferramentas de criação conhecidas, baseadas em documentos, como o Microsoft Word ou o Google Docs.
-
Visualização em tempo real: veja as alterações instantaneamente com os recursos de visualização ao vivo, antes de publicar.
-
Controle de versão: controle as alterações de conteúdo e reverta facilmente para versões anteriores.
-
Fluxo de trabalho colaborativo: vários membros da equipe podem trabalhar no conteúdo simultaneamente com processos de revisão internos.
-
Reutilização de conteúdo: crie blocos de conteúdo que podem ser reutilizados em várias páginas para manter a consistência.
A implementação headless permite aos desenvolvedores dissociar a camada de apresentação de front-end da funcionalidade de comércio de back-end, permitindo frentes de loja flexíveis e personalizadas criadas com tecnologias modernas, aproveitando ao mesmo tempo os serviços de back-end robustos da Commerce.
-
Arquitetura API-first: crie experiências de front-end personalizadas usando estruturas modernas enquanto aproveita os serviços de back-end do Commerce.
-
Componentes combináveis: crie e implante componentes modulares e reutilizáveis que possam ser montados em diferentes layouts de página.
-
Plataforma extensível: adicione funcionalidades personalizadas por meio de APIs e webhooks sem modificar o código principal.
-
Ferramentas de desenvolvimento modernas: use ferramentas de desenvolvimento e fluxos de trabalho padrão do setor para implementação e implantação mais rápidas.
Home page
Você sabia que a maioria das pessoas gasta apenas alguns segundos em uma página antes de decidir ficar ou ir para outro lugar? Não é longo para causar uma impressão. Estudos mostram que as pessoas também adoram fotografias, especialmente de outras pessoas. Qualquer que seja o design que você escolher, tudo em sua página inicial deve levar os visitantes para a próxima etapa do processo de vendas. A ideia é orientar sua atenção num fluxo coeso de um ponto de interesse para outro.
Página do catálogo
As listagens de páginas de catálogo normalmente têm imagens de produtos pequenas e descrições breves e podem ser formatadas como uma lista ou como uma grade. Você pode adicionar blocos, vídeos e descrições ricas em palavras-chave, além de criar designs especiais para uma promoção ou temporada. Você pode criar uma categoria especial para apresentar um estilo de vida ou marca que seja uma coleção de produtos com curadoria de diferentes categorias.
A descrição inicial do produto geralmente fornece aos compradores informações suficientes para merecer uma análise mais detalhada. As pessoas que sabem o que querem podem adicionar o produto aos seus carrinhos e ir embora. Os clientes que compram enquanto estão conectados a suas contas desfrutam de uma experiência de compra personalizada.
Resultados da pesquisa
Você sabia que as pessoas que usam a pesquisa têm quase duas vezes mais chances de realizar uma compra do que as pessoas que dependem apenas da navegação? Você pode considerar esses compradores como pré-qualificados.
Live Search
Com o Live Search for Adobe Commerce, sua loja oferece uma experiência de pesquisa rápida, super relevante e intuitiva, e está disponível para o Adobe Commerce sem custo adicional.
Pesquisa de catálogo padrão
Com a pesquisa de catálogo padrão, sua loja inclui uma caixa Pesquisar no canto superior direito e um link para a Pesquisa avançada no rodapé. Todos os termos de pesquisa enviados pelos compradores são salvos para que você possa ver exatamente o que eles estão procurando. Você pode oferecer sugestões e inserir sinônimos e erros ortográficos comuns. Em seguida, exiba uma página específica quando um termo de pesquisa for inserido.
Página do produto
A página do produto tem muita coisa acontecendo! A primeira coisa que chama a atenção na página do produto é a imagem principal com zoom de alta resolução e galeria de miniaturas. Além do preço e da disponibilidade, há uma seção com guias com mais informações e uma lista de produtos relacionados.
Carrinho de compras
O carrinho mostra o total do pedido, incluindo quaisquer cupons de desconto, frete estimado e impostos. Esses recursos tornam o local ideal para exibir selos e medalhas de confiança. Você também pode usar a página do carrinho como uma oportunidade para uma oferta final. Por exemplo, você pode configurar itens de venda cruzada que aparecem como opções de compra por impulso quando produtos específicos estão no carrinho.
Página de check-out
O processo de finalização consiste em duas etapas:
-
Informações de envio
A primeira etapa do processo de finalização da compra é para o cliente completar as informações de endereço de entrega e escolher o método de entrega. Se o cliente tiver uma conta, o endereço de entrega será inserido automaticamente, mas poderá ser alterado se necessário.
Se um cliente convidado inserir um endereço de email reconhecido como registrado anteriormente, o prompt de entrada será exibido se o campo Enable Guest Checkout Login na configuração de armazenamento estiver definido comoYes(consulte Checkout Options no Guia de Referência de Configuração). No entanto, essa configuração pode expor as informações do cliente a usuários não autenticados.
-
Informações de Revisão e Pagamento
A segunda etapa do processo de finalização da compra é para o cliente escolher o método de pagamento e, opcionalmente, aplicar um código de desconto.
note note NOTE Embora Commerce permita a configuração de vários códigos de cupom, um cliente pode aplicar apenas um código de cupom ao carrinho. (Consulte os Códigos do cupom para obter mais informações.) 
A barra de progresso na parte superior da página segue cada etapa do processo de finalização, e o Resumo de Pedidos mostra as informações inseridas até o momento.