Formulário de finalização de compra – Envio

O Formulário de Checkout - Envio do ShopEngine é um widget bastante útil, pois com ele você pode adicionar um apelo ao seu formulário de checkout de envio. Você pode fazer todas as alterações necessárias nos elementos do formulário, desde a fonte até a aparência.

Como usar o formulário de checkout - widget de envio? #

A criação de um formulário Checkout Shipping envolve duas etapas principais. 1. Crie um modelo e 2. Crie um formulário de envio no Elementor.

Crie um modelo #

Primeiro de tudo, faça login no painel do WordPress e navegue até ShopEngine > Modelos de construtor.

Em seguida, clique no botão “Adicionar novo”Botão no canto superior direito.

Imediatamente depois disso, uma janela pop-up aparecerá para configurações do modelo. Na janela Configurações do modelo:

  1. Insira um modelo Nome.
  2. Selecione o modelo Tipo: Confira.
  3. Ativar o modelo.
  4. Escolha um Projeto de amostra ou comece a projetar do zero.
  5. Por fim, clique no botão “Salvar alterações" botão.
criar modelo para formulário de envio de checkout

Seu modelo foi criado e você pode vê-lo no topo da lista. Agora clique em “Editar com Elementor”Para mudar para a janela Elementor.

Edite o modelo de envio de checkout com Elementor

Projetar formulário de envio no Elementor #

Nesta etapa, você criará um formulário de envio para a página de checkout. No editor Elementor, arraste e solte o widget Checkout Form Shipping na área de design.

Arrastar e soltar formulário de checkout - widget de envio

O formulário de checkout de envio aparecerá instantaneamente depois disso.

Na guia Conteúdo

Você pode alterar o layout e o título do formulário de envio de finalização da compra.

No Disposição seção, você pode classificar o campo de entrada e altere manualmente a sequência dos campos.

Você pode editar o título da caixa de seleção na guia Estilo usando parâmetros como cor, tamanho da fonte e margem.

campo de entrada de classificação de envio de checkout

No Em geral seção, você pode adicionar um Título do formulário para o formulário de envio do Checkout.

Insira o título do formulário de envio de finalização da compra

Na guia Estilo

Você pode personalizar o Título da caixa de seleção alterando a cor, tamanho da fonte, tipografia e margem.

Formulário de checkout - o envio está em exibição com a seção do título da caixa de seleção

Você também pode mostrar ou ocultar diferentes elementos no formulário, como nome, sobrenome, nome da empresa, endereço, etc., ativando os botões de alternância no Visibilidade de campo seção.

Formulário de checkout - o envio está em exibição com a seção de visibilidade do campo

No Contêiner de formulário seção, você pode definir o alinhamento do contêiner, escolher Plano de fundo do contêiner de formulário e Preenchimento.

Configurações do contêiner de formulário para o formulário de envio do Checkout

No Rótulo seção, você pode escolher a cor, a cor do indicador necessária, o tamanho da fonte e a margem.

Configurações de rótulo de formulário para formulário de envio do Checkout

Você pode personalizar o Entrada campo e sua aparência a partir das opções fornecidas, como cor de entrada, plano de fundo, cor da borda, tamanho da fonte e assim por diante.

Personalização do campo de entrada para formulário de envio do Checkout

Com o Fonte Global seção, você pode ajustar a tipografia do texto nos parâmetros de tipografia primária e secundária para o formulário de envio de checkout.

Configurações de fonte global para formulário de envio do Checkout

Na captura de tela abaixo, você pode visualizar o formulário de checkout-envio com todos os detalhes do envio.

O formulário de envio de checkout aparece na página de checkout

É assim que você pode aproveitar o widget Checkout Form- Shipping e oferecer aos seus clientes uma experiência tranquila.

Para obter acesso a campos adicionais de checkout, habilite o módulo campos adicionais de checkout e dê uma olhada nos campos adicionais de checkout. Em seguida, faça as alterações necessárias nos campos adicionais.

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