O widget Formulário de checkout-adicional permite que os clientes adicionem notas adicionais sobre o pedido ou entrega durante o checkout. Este é um widget de modelo de checkout do ShopEngine.

Observação: Você pode adicionar um campo de entrada personalizado a este widget usando o Confira o módulo de campo adicional.

Vamos aprender como você pode usar widgets adicionais de formulário de checkout em seu site wooCommerce:

Etapa 1: ativar o widget adicional do formulário de checkout #

Antes de adicionar o widget, você precisa primeiro criar um modelo de checkout. Confira a documentação em como criar um modelo de check-out.

Para ativar o widget:

• Vá para ShopEngine > Widgets > Formulário de checkout adicional
• Ligar 
• Salvar mudanças

Observação: Você também pode ativar o Checkout Form-Additional com uma configuração global que ativa todos os widgets do ShopEngine. Confira como você pode ligue todos os módulos de uma vez.

Etapa 2: adicionar widget adicional ao formulário de checkout #

Adicionar Formulário de check-out adicional:

• Vá para ShopEngine > Modelos > Modelo de checkout
• Clique em Editar com Elementor

• Procurar para Formulário de checkout adicional na opção Pesquisa de Elementos
• Arraste e solte o widget 

Clique em Atualizar para salvar as alterações.

Etapa 3: configurações de estilo do formulário de checkout adicional #

Clique na opção de edição para ir para o Estilo Guia para personalizar os seguintes estilos deste widget:

Cabeçalho: #

• Mostrar título:  Ative esta opção para mostrar o cabeçalho do widget.
• Cor:  Escolha uma cor para o título.
• Tamanho da fonte (px): Altere o tamanho da fonte do título.
• Espaçamento inferior (px): Selecione quanto espaço inferior você deseja para o título.

Etiqueta do formulário: #

• Cor: Escolha uma cor para a etiqueta.
• Tamanho da fonte (px): Altere o tamanho da fonte da etiqueta.
• Espaçamento inferior (px): Selecione quanto espaço inferior você deseja para a etiqueta.

Área de texto do formulário: #

• Cor: Altere a cor da entrada de texto.
• Cor do espaço reservado: Aqui você pode alterar a cor do texto do espaço reservado.
• Tipografia de texto: Altere o tamanho da fonte da área de texto do formulário.
• Altura (px):  Escolha a altura do campo do formulário.
• Preenchimento: Ajuste o preenchimento superior, esquerdo, direito e inferior.
• Tipo de borda:  Você pode escolher o tipo de borda como ranhura sólida, dupla, pontilhada e tracejada. Escolha nenhum se não quiser nenhuma borda.
• Cor: Escolha uma cor de borda.
• Cor da borda do foco: Escolha uma cor para a borda quando alguém começar a digitar ou coloque o cursor na área de texto.
• Raio da borda: Ajuste os valores superior, esquerdo, direito e inferior do raio da borda.

Fonte global: #

• Família de fontes: Aqui você pode alterar a família de fontes de todo o widget.

Por fim, clique em Atualizar para salvar todas as alterações.

Esta é a aparência do widget Checkout Form-Additional na página Checkout: