Para criar um efeito de pulsação para o seu botão de comprar no WooCommerce, você pode usar CSS e animações. Aqui está um exemplo de como você pode fazer isso com CSS, diretamente na folha de estilo do seu template no em Aparência » Personalizar » CSS Adicional, pelo painel do WordPress.

A cor #81D742 é verde, mas você pode usar a cor que quiser. Lembrando que foi feito um estudo encima da tonalidade verde e comprovado que é uma cor que remete a comprar, melhor aplicada ao botão de comprar dos e-commerces.

.single_add_to_cart_button {
    background-color: #81D742; // Altere para a cor que quiser ou deixe essa
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    animation: pulsa 1s infinite alternate;
}

@keyframes pulsa {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(129, 215, 66, 0.7);
    }
    100% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(129, 215, 66, 0);
    }
}

Categorized in:

WooCommerce,