fbpx

Ocultar campos opcionais na página de checkout

Alguns campos são opcionais no formulário de checkout. Você não precisa mostrar os campos aos clientes, mas a SmartTag em si precisa ser listada no HTML do formulário e depois ocultada usando o processo descrito abaixo. Aqui está uma lista de todos os campos que são opcionais e, portanto, podem ser ocultados, se desejado:

  • Primeiro nome
  • Sobrenome
  • Número de telefone
  • Senha
  • Endereço de cobrança
  • Cidade de cobrança
  • Estado de faturamento
  • Código postal de cobrança
  • País de faturamento
  • Endereço de entrega
  • Cidade de expedição
  • Estado da remessa
  • Código postal de remessa
  • País de envio
  • Método de envio

Você pode saber mais lendo o SmartTag de campo de formulário artigo.

Para demonstrar como ocultar essas opções de campo no formulário de checkout, usaremos o campo Phone Number como exemplo.

Como exemplo, veja como ocultar o campo de número de telefone

Se você quiser remover o número de telefone da página de checkout, não exclua o SmartTag™ do formulário, em vez disso, faça o seguinte:

[MM_Form_Field type='hidden' name='phone' isRequired='false']

Quando o campo de número de telefone for incluído dessa forma, ele não aparecerá no formulário de checkout.

Impedir a criação de espaços vazios ao ocultar um campo

Por padrão, o WordPress converte automaticamente as quebras de linha duplas no texto em tags de parágrafo HTML (<p>...</p>). Para evitar que isso aconteça, consulte e siga as instruções descritas no artigo Linhas extras estão sendo adicionadas à página de checkout.

Aqui está outro truque para evitar o aparecimento de espaços vazios

Se tiver tentado o artigo acima e ainda estiver obtendo espaços vazios, ou se simplesmente não quiser se preocupar com outro plugin, será necessário colocar um SmartTag™ imediatamente após outro SmartTag™ na mesma linha, conforme descrito abaixo:

<p class="mm-formField">

<label>Senha:</label>

[MM_Form_Field type='input' name='password'][MM_Form_Field type='hidden' name='phone' isRequired='false']

</p>

Quando o campo de número de telefone for incluído dessa forma, ele não aparecerá no formulário de checkout e não deverá haver espaços em branco ou vazios abaixo do campo de senha.

Se quiser ter mais controle sobre a aparência da página, tente personalizar a folha de estilo do MM ou substituí-la por uma de sua preferência:

Guia para estilizar o CSS de páginas e widgets principais

Este artigo foi útil?

Artigos relacionados