Desde a versão 3.0.0, você escolhe como o preço no Pix e as parcelas aparecem na loja. São 7 modelos, e a página do produto e a listagem podem usar modelos diferentes.
Antes de começar
Configure o desconto e o parcelamento. Os modelos só mudam a aparência: os valores vêm de Como dar desconto no Pix e de Como configurar o parcelamento e os juros.
Os modelos
As imagens usam a mesma loja: 10% de desconto no Pix, até 12x com 3 sem juros e juros de 1,99% ao mês.
Pix em destaque
O preço no Pix vira o protagonista, com selo de desconto, e o cartão aparece como segunda opção. É o modelo de quem instala o plugin pela primeira vez.
Cartões lado a lado
Pix e cartão em dois blocos que o cliente compara, com uma fita no bloco em destaque.
Faixa de economia
Preço e parcelas no topo e uma faixa colorida com quanto o cliente economiza pagando à vista.
Lista de pagamentos
Uma linha por forma de pagamento, com a linha do Pix em destaque.
Compacto
Preço no Pix com um selo e uma linha de parcelas. Ocupa pouco espaço, por isso funciona bem na listagem e no celular.
Seletor à vista × cartão
Abas que o cliente clica pra comparar o Pix e as parcelas. Na aba do cartão, ele escolhe a parcela. Existe só na página do produto.
Padrão
O visual das versões anteriores. Lojas que já usavam o plugin antes da 3.0.0 continuam nele. É o único modelo que usa as opções da seção Layout, menos Exibição da tabela completa e os campos Modal -, que valem pra todos.
Trocar o modelo
- Vá em WooCommerce → Configurações → Produtos → Simulador de parcelas.
- Na seção Modelo de exibição, escolha um modelo em Página do produto.
- Escolha um modelo em Listagem de produtos.
- Ajuste as opções que aparecem abaixo, com o nome de cada modelo escolhido.
- Clique em Salvar alterações.
Cada modelo guarda as próprias opções. Pode testar outro modelo sem medo: ao voltar, os textos e cores que você tinha configurado continuam lá.
O que dá pra mudar em cada modelo
- Cor de destaque — cor do preço, dos selos e das bordas.
- Textos — selo, texto depois do preço, títulos e observações. Use
{discount}pro percentual,{savings}pro valor economizado e{price}pro preço à vista. Quando o produto não tem desconto, o texto que depende deles some ou fica só com a parte antes do "·". - Linha do cartão — mostrar a melhor parcela sem juros ou o maior número de parcelas.
- Cartão à vista — mostrar o preço do cartão em 1x com desconto, quando a loja tem esse desconto. Veja Dar desconto no cartão à vista.
- Link pra todas as parcelas — abre a tabela completa na página do produto, embaixo do preço ou num modal.
- Tamanhos — tamanho do preço na página do produto e na listagem, em pixels.
- Alinhamento — centro ou esquerda, na listagem.
A lista completa, com os valores padrão, está em Configurações do Simulador de Parcelas.
Resultado
O novo modelo aparece na hora em todos os produtos. Se a loja usa cache, limpe o cache pra ver a mudança.