To use the Checkout Form‑Shipping widget, first activate it in ShopEngine → Modules. Then, drag and drop the Checkout Form‑Shipping widget onto your custom checkout page template in Elementor. Customize the fields, titles, and layout to collect shipping information accurately and provide a smooth checkout experience.
Quick Steps to Use Checkout Form‑Shipping Widget:
- Activate the Widget: Vá para ShopEngine → Modules and enable Checkout Form‑Shipping to make it available in Elementor.
- Add to Template: Open your checkout page template in Elementor and drag the widget into the desired section.
- Configure Fields: Edit the form to set field titles, adjust visibility, and rearrange the order of input fields.
- Style the Form: Use o Estilo aba to customize colors, typography, spacing, and alignment for a polished look.
- Save & Publish: Save your template and publish it so the shipping form appears on the checkout page for customers.
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:
- Insira um modelo Nome.
- Selecione o modelo Tipo: Confira.
- Ativar o modelo.
- Escolha um Projeto de amostra ou comece a projetar do zero.
- Por fim, clique no botão “Salvar alterações" botão.
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.
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.
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.
No Em geral seção, você pode adicionar um Título do formulário para o formulário de envio do Checkout.
Na guia Estilo
Você pode personalizar o Título da caixa de seleção alterando a cor, tamanho da fonte, tipografia e margem.
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.
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.
No Rótulo seção, você pode escolher a cor, a cor do indicador necessária, o tamanho da fonte e a margem.
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.
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.
Na captura de tela abaixo, você pode visualizar o formulário de checkout-envio com todos os detalhes do envio.
É 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.
