Economizar é tão bom que chega a ser assustador!

ATÉ

80%
Poupança

Acabando:
Símbolo Wpmet
Dia
Horas
Mínimo
Segundo

Check-out - Revisão do pedido

O widget Checkout- Order Review do ShopEngine oferece muitas opções de personalização. Você pode ajustar os elementos da tabela como Produto, Total e Subtotal com vários parâmetros, incluindo cor, tipografia, margem, preenchimento, etc.

Como usar o widget Checkout - Revisão de pedidos? #

A criação de uma página de revisão de pedido de checkout envolve as seguintes etapas: 1. Habilitar o widget, 2. Editar o modelo de Checkout e 3. Personalizar o widget.

Etapa 1: ativar o widget Revisão de pedidos #

Para ativar o widget,

  1. Navegar para Shop Engine > Widgets.
  2. Habilite o Revisão do pedido ferramenta.
  3. Clique no SALVAR ALTERAÇÕES botão no canto superior direito.

Etapa 2: edite o modelo de checkout #

o widget Order Review funciona com o modelo ShopEngine Checkout. Portanto, você precisa criar um modelo para a página de checkout usando o construtor de modelos ShopEngine.

Para criar um modelo navegue até ShopEngine > Builder Template > Adicionar novo.

Siga a documentação para aprender como criar uma página WooCommece Checkout com ShopEngine.

Definir modelo de checkout para widget de revisão de pedido de checkout

Se você tiver o modelo Checkout criado, poderá vê-lo no topo da lista. Agora clique em “Editar com Elementor”Para mudar para a janela Elementor.

Edite com elementor para revisão de pedido de checkout

Etapa 3: personalizar o widget Revisão do pedido de checkout #

Depois disso, encontre o widget Checkout Order Review na barra lateral esquerda. Em seguida, arraste e solte o widget na área de design.

Arrastar e soltar widget de revisão de pedido de checkout

Você pode personalizar o seguinte recurso no widget,

3.1 Cabeçalho da Tabela #

  1. Escolha o Cor do texto.
  2. Selecione os Cor inferior da borda.
  3. Escolha o Cor da sombra inferior da borda.
  4. Colocou o Tipografia para o cabeçalho.
  5. Ajuste o cabeçalho Preenchimento.
  6. Ajusta a Margem Inferior do cabeçalho.
Personalização do cabeçalho da tabela do widget de revisão de pedidos do shopengine

3.2 Corpo da Tabela #

O corpo da tabela contém os produtos e seus preços.

Corpo da tabela do widget de revisão de pedidos do shopengine

Para personalizar o corpo da tabela,

  1. Escolha um Cor do texto (cor do texto do nome do produto).
  2. Definir um Fundo Bruto color (cor de fundo da seção do corpo).
  3. Escolha um Preço Cor.
  4. Selecione um Cor da borda do item (cor da borda abaixo de cada item).
  5. Selecione um Cor da sombra da borda dos itens.
  6. Colocou o Peso da fonte do preço (Tipografia do texto do preço).
  7. Colocou o Tipografia de texto.
  8. Ajusta a Preenchimento de linha e Espaço de linha intermediário os produtos.
  9. Ajuste o produto Tamanho da imagem.
Personalização do corpo da tabela do widget de revisão de pedidos do shopengine

3.3 Rodapé da Tabela #

  1. Selecione uma Cor do texto.
  2. Escolha um Preço Cor para texto de preço.
  3. Escolha o Cor da borda da linha e Cor da sombra da borda da linha.
  4. Definir Tipografia de texto.
  5. Ajusta a Preenchimento para o rodapé da tabela.
Personalização do rodapé da tabela do widget de revisão de pedidos do shopengine

3.4 Fonte Global #

Escolha a fonte da tabela de revisão de pedidos na seção Fonte Global usando o parâmetro Família de fontes. A fonte do texto está definida como padrão, mas você pode escolher a fonte de sua preferência.

Escolha a fonte global do widget de revisão de pedidos do shopengine

Finalmente, o modelo de revisão de pedido de checkout está pronto. O modelo fica visível quando o usuário prossegue para a finalização da compra.

Esta é a aparência da tabela de revisão de pedidos na página de checkout-

Widget de revisão de pedido de checkout na página de checkout

Desta forma, você pode utilizar nosso widget Revisão de Pedidos, fazer as modificações necessárias e proporcionar uma experiência tranquila aos seus clientes.

Quais são os seus sentimentos
Atualizado em 28 de janeiro de 2024