Ocultar o botão Comprar Agora e personalizar o botão Comprar pelo WhatsApp

Essa configuração é especialmente útil para lojas que utilizam o e-commerce como um catálogo de produtos, direcionando os clientes para o atendimento via WhatsApp em vez de concluir a compra pelo site. Nessa situação, é possível ocultar o botão Comprar Agora e destacar o botão Comprar pelo WhatsApp com uma cor personalizada.

Como acessar a edição do CSS

Para realizar as customizações, acesse:

Menu E-commerce → Aparência → Editar CSS da loja



 

Ocultar o botão Comprar Agora

Caso deseje remover o botão Comprar Agora da página do produto, adicione o seguinte código no editor de CSS:

.produto-pagina-botao-comprar{
    display:none;
}

Após salvar as alterações, o botão deixará de ser exibido na página do produto.

Observação: Essa configuração é indicada para lojas que não utilizam o carrinho de compras e realizam o atendimento exclusivamente por outros canais, como o WhatsApp.

Alterar a cor do botão Comprar pelo WhatsApp

Para alterar a cor do botão Comprar pelo WhatsApp, adicione o código abaixo:

.btn-pagina-produto-whatsapp a,
.btn-whatsapp-vitrine{
    color:#2e7b40 !important;
    border-color:#2e7b40 !important;
}

Personalizando a cor

Substitua o valor #2e7b40 pelo código da cor desejada em formato RGB HEX (hexadecimal).

Importante: O código da cor deve sempre iniciar com o caractere #.

Exemplos:

Após realizar a alteração, salve o CSS para que a nova cor seja aplicada ao botão Comprar pelo WhatsApp.

Importante: Para desfazer o ajuste, apague o código inserido, salve e atualize a página. 
 

Em caso de dúvida, fique a vontade para chamar nosso suporte.