Cum să adaugi un buton de confirmare a comenzii pe WhatsApp în WooCommerce

YouTube Logo Urmărește canalul nostru de YouTube

📲 Facilitează confirmarea comenzilor prin WhatsApp!

Dacă vrei să permiți clienților să confirme manual comanda după plasare, fără a utiliza API-ul oficial WhatsApp sau alte integrări complexe, atunci această soluție este perfectă. Vom adăuga un buton pe pagina de Mulțumire pentru comandă din WooCommerce, care va redirecționa clientul către WhatsApp pentru a trimite manual un mesaj de confirmare.

🔹 De ce să folosești acest sistem?

✅ Nu necesită API WhatsApp Business sau Facebook.

✅ Funcționează pe orice dispozitiv mobil sau desktop cu WhatsApp Web activ.

✅ Evită implementări complicate și taxe API.

✅ Simplu și eficient pentru afacerile mici și mijlocii.


📌 Cum funcționează?

🔹 După ce clientul finalizează comanda, pe pagina de mulțumire WooCommerce va apărea un buton „Confirmă comanda pe WhatsApp”. 🔹 Clientul va da click pe buton, iar WhatsApp se va deschide automat cu un mesaj predefinit care conține:

  • Numele clientului
  • Numărul său de telefon
  • Numărul comenzii 🔹 Clientul trebuie doar să trimită mesajul, iar astfel își confirmă manual comanda.

🎥 Tutorial video !


YouTube Logo
Vezi tutorialul pe YouTube

Important ! // Schimbați acest număr cu cel corect pentru WhatsApp

🛠 Codul PHP pentru implementare

Adaugă următorul cod în fișierul functions.php al temei tale WordPress sau într-un plugin de tip Code Snippets:

add_action('woocommerce_thankyou', 'add_whatsapp_confirmation_button', 5);
function add_whatsapp_confirmation_button($order_id) {
    if (!$order_id) return;

    $order = wc_get_order($order_id);
    $customer_name = $order->get_billing_first_name();
    $customer_phone = $order->get_billing_phone();

    // Eliminăm spațiile și caracterele speciale din numărul de telefon al clientului
    $customer_phone = preg_replace('/[^0-9]/', '', $customer_phone);

    // Adăugăm prefixul internațional dacă lipsește (România +40)
    if (strlen($customer_phone) == 10 && substr($customer_phone, 0, 1) == "0") {
        $customer_phone = "40" . substr($customer_phone, 1);
    } elseif (strlen($customer_phone) < 10) {
        return; // Evităm erorile în caz de număr invalid
    }

    // Schimbați acest număr cu cel corect pentru WhatsApp
    $your_whatsapp_number = "40760000000"; // Fără semnul "+" și fără spații

    // Mesajul predefinit pe care clientul îl va trimite
    $message = "Salut! Sunt $customer_name (tel: $customer_phone). Am verificat detaliile comenzii #$order_id pe site-ul Tutoriale Website și confirm livrarea. Vă rog să o expediați.";

    // Construim linkul pentru WhatsApp folosind formatul wa.me
    $whatsapp_url = "https://wa.me/$your_whatsapp_number?text=" . urlencode($message);

    // Stiluri CSS inline pentru buton
    $button_styles = "
        display: inline-block;
        background-color: #25D366;
        color: white;
        padding: 10px 20px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
        margin-top: 10px;
    ";

    // Stiluri CSS inline pentru hover
    $hover_styles = "background-color: #1ebe5b;";

    // Stiluri CSS inline pentru dispozitive mobile
    $mobile_styles = "
        @media (max-width: 480px) {
            .whatsapp-confirmation-button {
                font-size: 14px;
                padding: 8px 16px;
            }
        }
    ";

    // Afișăm butonul pe pagina de mulțumire WooCommerce
    echo "
    <style>
        .whatsapp-confirmation-button {
            $button_styles
        }
        .whatsapp-confirmation-button:hover {
            $hover_styles
        }
        $mobile_styles
    </style>
    <p><a href='$whatsapp_url' target='_blank' class='whatsapp-confirmation-button'>📲 Confirmă comanda pe WhatsApp</a></p>";
}

📌 Unde va apărea butonul?

Butonul „Confirmă comanda pe WhatsApp” va fi vizibil pe pagina de mulțumire WooCommerce după finalizarea unei comenzi. Clienții îl vor putea folosi pentru a trimite manual confirmarea prin WhatsApp.


Acum e rândul tău! Implementarea este simplă și eficientă, fără necesitatea unui API WhatsApp Business. Dacă ai întrebări sau ai nevoie de ajutor, scrie în comentarii! 💬

#WooCommerce #WhatsApp #ComenziOnline #MagazinOnline #TutorialeWebsite #WordPress

× YouTube Logo

🔔 Abonează-te la canalul nostru!

Primește cele mai noi tutoriale WordPress direct pe YouTube!

×