Blog Details

Admin order list WhatsApp column

Add a custom column to the WooCommerce admin orders list so the team can jump to a customer chat in one click.

// In your theme functions.php or a small custom plugin
add_filter("manage_edit-shop_order_columns", function ($columns) {
    $new = [];
    foreach ($columns as $k => $v) {
        $new[$k] = $v;
        if ($k === "order_status") {
            $new["wutt_chat"] = "WhatsApp";
        }
    }
    return $new;
});

add_action("manage_shop_order_posts_custom_column", function ($col, $post_id) {
    if ($col !== "wutt_chat") return;
    $phone = get_post_meta($post_id, "_billing_phone", true);
    if (!$phone) { echo "—"; return; }
    $clean = preg_replace("/[^0-9]/", "", $phone);
    $href  = "https://wa.me/" . $clean . "?text=" . rawurlencode("Hi! Regarding your order #" . $post_id);
    echo "<a href=\"" . esc_url($href) . "\" target=\"_blank\" rel=\"noopener\">Chat</a>";
}, 10, 2);

Abandoned cart recovery with Wutt API

For automated abandoned-cart messages, use the Wutt template API so you stay inside Meta’s 24-hour window rules. Trigger from a scheduled cron that checks wc_abandoned_cart rows older than 60 minutes.

// /wp-content/plugins/wutt-cart-recover/wutt-cart-recover.php
add_action("wutt_recover_abandoned_cart", function ($cart_id) {
    $cart = get_post($cart_id);
    if (!$cart) return;
    $phone = get_post_meta($cart_id, "_wutt_phone", true);
    if (!$phone) return;

    $payload = [
        "to" => $phone,
        "template" => [
            "name" => "wutt_cart_recovery",
            "language" => ["code" => "en"],
            "components" => [[
                "type" => "body",
                "parameters" => [
                    ["type" => "text", "text" => get_post_meta($cart_id, "_wutt_name", true)],
                    ["type" => "text", "text" => get_post_meta($cart_id, "_wutt_total", true)],
                    ["type" => "text", "text" => get_post_meta($cart_id, "_wutt_url",  true)],
                ],
            ]],
        ],
    ];

    $resp = wp_remote_post("https://api.wutt.net/v1/messages/send-template", [
        "headers" => [
            "Authorization" => "Bearer " . get_option("wutt_api_key"),
            "Content-Type"  => "application/json",
        ],
        "body"    => wp_json_encode($payload),
        "timeout" => 20,
    ]);

    if (!is_wp_error($resp)) {
        update_post_meta($cart_id, "_wutt_recovery_sent_at", current_time("mysql"));
    }
});
do_action("wutt_recovery_link_ready", $cart_id, $url, $phone);

HPOS, block themes, and what to watch for

WooCommerce 8+ moved orders to High-Performance Order Storage (HPOS). All the get_post_meta calls above still work because HPOS has a compatibility shim, but new code should use $order = wc_get_order($id); $order->get_meta("_billing_phone"); instead.

For block-based themes (Twenty Twenty-Four, Twenty Twenty-Five, custom block themes), the WooCommerce hooks still fire but the rendered cart markup changes. If your "Ask on WhatsApp" button is missing, it is almost always a hook priority issue: bump woocommerce_after_add_to_cart_button from default 10 to 20 so the button renders after the block-based add-to-cart markup.

Tracking and analytics

Fire a GA4 event whenever someone clicks the "Ask about this product" button. This is what powers the ROI numbers in the Wutt dashboard and the blog calculator.

document.addEventListener("click", function (e) {
    const a = e.target.closest("a.wutt-ask, a.wutt-share");
    if (!a) return;
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        event: "wutt_chat_click",
        product_id: a.dataset.product || null,
        product_name: a.dataset.name || null,
        href: a.href,
    });
});