Módulo de finalização da compra

Este artigo descreve como adicionar um módulo de finalização da compra a uma página e definir as propriedades necessárias.

Um módulo de finalização da compra é um contêiner especial que hospeda todos os módulos necessários para criar um pedido. Apresenta um fluxo passo a passo que um cliente usa para inserir todas as informações relevantes para fazer uma compra. Ele captura o endereço de remessa, o método de remessa e as informações de cobrança. Ele também fornece um resumo do pedido e outras informações relacionadas a um pedido do cliente.

Um módulo de finalização da compra renderiza dados com base na ID de carrinho. Essa ID de carrinho é salva como um cookie do navegador. É necessária uma ID de carrinho para renderizar informações no módulo de finalização da compra, como os itens da ordem, o valor total e os descontos.

A imagem a seguir mostra um exemplo de um módulo de finalização da compra da Fabrikam em uma página de finalização da compra.

Exemplo de um módulo de finalização da compra.

Propriedades do módulo de finalização da compra

Um módulo de finalização de compra mostra um resumo do pedido e fornece a funcionalidade para a realização de um pedido. Para coletar todas as informações de cliente necessárias antes que um pedido possa ser feito, os módulos adicionais devem ser adicionados ao módulo de finalização de compra. Portanto, os varejistas têm a flexibilidade de adicionar módulos personalizados ao fluxo de finalização de compra ou a excluir módulos, de acordo com suas necessidades.

Nome da propriedade Valores Descrição
Título da finalização da compra Texto do cabeçalho e uma tag do cabeçalho (H1, H2, H3, H4, H5 ou H6) Um cabeçalho para o módulo de finalização da compra.
Título do resumo da ordem Texto do título Um cabeçalho para a seção de resumo do pedido do módulo.
Título dos itens de linha do carrinho Texto do título Um título para os itens da linha do carrinho que são mostrados no módulo de finalização da compra.
Mostrar encargos de remessa no item de linha Verdadeiro ou Falso Se esta propriedade for definida como True, os encargos de remessa aplicáveis para itens de linha serão mostrados nas linhas do carrinho. Se o recurso Encargo de cabeçalho sem rateio for ativado no Commerce headquarters, o encargo de remessa será aplicado no nível do cabeçalho, não no nível da linha. Esse recurso foi adicionado no Commerce versão 10.0.13.

Módulos que podem ser usados no módulo de finalização da compra

  • Endereço de remessa – Este módulo permite que um cliente adicione ou selecione o endereço de remessa para uma ordem. Para obter mais informações sobre esse módulo, consulte Módulo de endereço de remessa.

    A imagem a seguir mostra um exemplo de um módulo de endereço de remessa em uma página de finalização da compra.

    Exemplo de módulo de endereço de remessa.

  • Opções de entrega – Este módulo permite que um cliente selecione um modo de entrega para um pedido. Para obter mais informações sobre esse módulo, consulte Módulo de opções de entrega.

    A imagem a seguir mostra um exemplo de um módulo de opções de entrega em uma página de finalização da compra.

    Exemplo de um módulo opções de entrega.

  • Contêiner da seção de finalização da compra – Este módulo é um contêiner dentro do qual é possível colocar vários módulos para criar uma seção dentro do fluxo de finalização da compra. Por exemplo, você pode colocar todos os módulos relacionados a pagamento dentro desse contêiner para que eles apareçam como uma seção. Esse módulo afeta apenas o layout do fluxo.

  • Vale-presente – Este módulo permite que um cliente pague uma ordem usando um cartão-presente. Para obter mais informações sobre esse módulo, consulte Módulo de cartão-presente.

  • Pontos de fidelidade – Este módulo permite que um cliente pague uma ordem usando pontos de fidelidade. Ele fornece um resumo dos pontos disponíveis e pontos vencidos e permite que o cliente selecione o número de pontos a serem resgatados. Se o cliente não estiver conectado ou não for um membro de fidelidade, ou se o valor total no carrinho for 0 (zero), esse módulo ficará oculto automaticamente.

  • Pagamento – este módulo permite que um cliente pague um pedido usando um cartão de crédito ou de débito. Os clientes também podem fornecer um endereço de cobrança para a opção de pagamento selecionada. Para obter mais informações sobre esse módulo, consulte Módulo de pagamento.

    A imagem a seguir mostra um exemplo de um cartão-presente, pontos de fidelidade e módulos de pagamento em uma página de finalização de compra.

    Exemplo de um cartão-presente, pontos de fidelidade e módulos de pagamento em uma página de finalização de compra.

  • Informações de contato – Este módulo permite que um cliente adicione ou altere as informações de contato (endereço de email) de uma ordem.

  • Bloco de texto – Este módulo contém mensagens controladas pelo sistema de gerenciamento de conteúdo (CMS). Por exemplo, ele pode conter uma mensagem informando "Caso você tenha problemas com uma ordem, entre em contato com 1-800-Fabrikam".

  • Termos e condições de finalização da compra – este módulo mostra um arquivo Rich Text que contém os termos e condições e uma caixa de seleção para a entrada do cliente. A caixa de seleção é opcional e configurável. A entrada é capturada pelo módulo e pode ser usada como uma verificação antes que a colocação do pedido seja acionada, mas ela não é incluída nas informações de resumo do pedido. Este módulo pode ser adicionado ao contêiner de finalização da compra, ao contêiner da seção de finalização da compra ou ao slot de termos e condições, de acordo com as necessidades comerciais. Se for adicionado ao contêiner de finalização da compra ou ao slot do contêiner da seção de finalização da compra, ele será exibido como uma etapa no processo de finalização da compra. Se for adicionado ao slot de termos e condições, ele aparecerá próximo ao botão de colocação do pedido.

    A imagem a seguir mostra um exemplo de termos e condições em uma página de finalização de compra.

    Exemplo de termos e condições em uma página de finalização da compra.

Observação

Se você estiver planejando aceitar vários métodos de pagamento para ordens online no seu canal online (por exemplo, pontos de fidelidade e pagamentos de cartão de crédito), o recurso Pagamentos de ordens de omnicanal do Commerce (no headquarters em Administração do sistema > Espaço de trabalho > Gerenciamento de recursos) e a configuração Habilitar conclusão de ordem no call center (na guia rápida Geral do seu canal em Varejo e Comércio > Canais > Call Centers) devem estar habilitados. Se o recurso Pagamentos de ordens de omnicanal do Commerce estiver habilitado, a configuração Habilitar conclusão de ordem será habilitada por padrão e ocultada.

Interação do Commerce Scale Unit

A maioria das informações de finalização da compra, como endereço e método de remessa, é armazenada no carrinho e processada como parte da ordem. A única exceção são as informações de cartão de crédito. Essas informações são processadas diretamente usando o conector de pagamento Adyen. O pagamento é autorizado, mas não é cobrado até o pedido ser cumprido.

Adicionar um módulo de finalização da compra a uma página e definir as propriedades necessárias

Para adicionar um módulo de finalização da compra a uma nova página e definir as propriedades necessárias, siga estas etapas.

  1. Acesse Fragmentos e selecione Novo para criar um novo fragmento.
  2. Na caixa de diálogo Selecionar fragmento, selecione o módulo Finalizar compra.
  3. Em Nome do fragmento, digite o nome Fragmento de finalização da compra e selecione OK.
  4. Selecione o slot Módulo de finalização da compra.
  5. No painel de propriedades à direita, selecione o símbolo de lápis, digite o texto do título no campo e, em seguida, selecione o símbolo de marca de seleção.
  6. No slot Informações de finalização da compra, selecione as reticências (...) e, depois, Adicionar módulo.
  7. Na caixa de diálogo Selecionar módulos, selecione os módulos Endereço de remessa, Opções de entrega, Contêiner de seção de finalização da compra e Informações de contato e, depois, selecione OK.
  8. No slot Contêiner da seção de finalização da compra, selecione as reticências (...) e, depois, Adicionar módulo.
  9. Na caixa de diálogo Selecionar módulos, selecione os módulos Cartão-presente, Fidelidade e Pagamento e, depois, selecione OK. Dessa forma, verifique se todos os métodos de pagamento aparecem juntos em uma seção.
  10. No slot Termos e condições, adicione um módulo de Termos e condições de finalização da compra, se necessário. No painel de propriedades do módulo, configure o texto dos termos e condições conforme apropriado.
  11. Selecione Salvar e, depois, Visualizar para visualizar o fragmento. Alguns módulos que não tem um contexto de carrinho talvez não sejam renderizados na visualização.
  12. Selecione Concluir edição para fazer check-in do fragmento e, depois, selecione Publicar para publicá-lo.
  13. Crie um modelo que use o novo fragmento de finalização da compra.
  14. Crie uma página de finalização da compra que use o novo modelo.

[OBSERVAÇÃO] Ao usar uma única autorização de pagamento, conforme descrito em Aprimoramento de pagamentos em finalização da compra de loja, na seção Informações da finalização da compra da página da finalização da compra, confirme se o contêiner da seção da finalização da compra está posicionado por último. Isso garante que todas as informações necessárias sejam coletadas pela página da finalização da compra, antes das ações de finalização de pagamento e conclusão de ordem.

Recursos adicionais

Módulo de carrinho

Módulo de ícone de carrinho

Módulo de pagamento

Módulo de endereço de remessa

Módulo de opções de entrega

Módulo de informações sobre retirada

Módulo de detalhes da ordem

Módulo de cartão-presente