Adăugarea butonului WhatsApp 0 0

 Adăugarea butonului WhatsApp

Pentru a adăuga un buton personalizat de WhatsApp în pagina produsului și în coșul de cumpărături pe un site WooCommerce, va trebui să folosești cârlige (hooks) specifice WooCommerce și să inserezi codul corespunzător în fișierul functions.php al temei tale. Acest buton poate deschide o conversație WhatsApp cu un mesaj predefinit care include, de exemplu, numele produsului sau un rezumat al coșului de cumpărături.

1.Adăugarea butonului în pagina produsului

Pentru a adăuga butonul în pagina produsului, poți folosi: woocommerce_single_product_summary

function add_whatsapp_button_on_product_page() {
    global $product;
    $product_url = get_permalink();
    $message = "Bună! Sunt interesat(ă) de produsul " . $product->get_title() . ". Poți să-mi oferi mai multe detalii?";
    $whatsapp_url = "https://wa.me/?text=" . urlencode($message);

    echo 'Contactează-ne pe WhatsApp';
}
add_action('woocommerce_single_product_summary', 'add_whatsapp_button_on_product_page', 31);

 Înlocuiește cu numărul tău de telefon WhatsApp, inclusiv codul țării, fără plus sau zerouri inițiale (de exemplu, 1234567890).

2.Adăugarea butonului în coșul de cumpărături

Pentru a adăuga butonul după sumarul comenzii în coș, folosește:  woocommerce_after_cart_totals

function add_whatsapp_button_on_cart_page() {
    $cart_url = wc_get_cart_url();
    $message = "Bună! Aș dori să discut despre produsele din coșul meu de cumpărături.";
    $whatsapp_url = "https://wa.me/?text=" . urlencode($message);

    echo 'Contactează-ne pe WhatsApp';
}
add_action('woocommerce_after_cart_totals', 'add_whatsapp_button_on_cart_page');

Stilizarea butonului WhatsApp

.whatsapp-button {
    background-color: #25D366;
    color: white;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}

.whatsapp-button:hover {
    background-color: #20B358;
    color: white;
    text-decoration: none;
}