Templates de exibição

O Simulador de Frete vem com 4 templates prontos. Você escolhe em WooCommerce → Configurações → Produtos → Simulador de frete, no campo Template.

Padrão

Visual minimalista com título grande, campo de CEP e botão. Deixa o tema mandar nas cores e tipografia.

Quando usar: padrão da loja, quer algo que se misture ao tema sem chamar atenção visual.

Defaults:

• Título: Calcule o prazo e valor do frete deste produto.
• Botão: Calcular frete.

É o mais customizável via configurações — os campos Título, Texto do botão e até CSS customizado funcionam direto.

Minimalista

Versão ainda mais compacta do Padrão. Ocupa pouco espaço vertical.

Quando usar: página de produto cheia, quer enfiar o simulador num cantinho sem roubar atenção do botão de comprar.

Defaults:

• Rótulo: Calcular Frete.
• Botão: Calcular.

Com ícone - Caminhão

Visual proeminente com ícone de caminhão SVG. Chama atenção pra benefício de envio.

Quando usar: loja onde frete é diferencial (frete grátis, entrega rápida, transportadora premium) e você quer destacar.

Defaults:

• Rótulo: Simulador de Frete.
• Botão: Ok.

Collapsed - exibir após clique

Aparece como um link/título. Cliente clica e o formulário expande.

Quando usar: quer disponibilizar o simulador sem competir com a área do botão de comprar. Cliente que quer calcular vai clicar; quem quer só comprar nem vê o formulário.

Defaults:

• Rótulo: Métodos de envio.
• Botão: Calcular.

Trocar de template

1. WooCommerce → Configurações → Produtos → Simulador de frete.
2. Mude Template.
3. Se você nunca personalizou Título e Texto do botão, eles são atualizados pros defaults do novo template automaticamente.
4. Se você personalizou, seus textos são preservados.
5. Salve.

Customização via CSS

Cada template tem o ID #wc-shipping-simulator e a classe .wc-shipping-simulator. Pra ajustar cores, espaçamento ou tipografia sem trocar de template:

#wc-shipping-simulator {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
}

Trocar via filtro

Se você precisa de um template diferente em alguma página específica (ex: minimalista na home, padrão no produto), use o filtro:

add_filter( 'wc_shipping_simulator_template', function( $template ) {
  if ( is_front_page() ) {
    return 'minimal';
  }
  return $template;
});

Valores válidos: default, minimal, truck1, collapsed.