Personalizar mensaje en la página de agradecimiento en WooCommerce

La página de agradecimiento de WooCommerce es la última etapa del proceso de compra, donde puedes expresar gratitud a tus clientes e incluir información adicional relevante. Personalizar esta página con un mensaje único puede mejorar la experiencia del usuario y reforzar la relación con tus clientes. En este artículo, te explicaremos cómo agregar un mensaje personalizado usando PHP.

Usar el hook woocommerce_thankyou

WooCommerce proporciona el hook woocommerce_thankyou que se ejecuta en la página de agradecimiento. Puedes usarlo para insertar contenido adicional, como un mensaje personalizado.

Aquí tienes un ejemplo básico:

<?php
add_action('woocommerce_thankyou', 'add_custom_message_to_thankyou_page');

function add_custom_message_to_thankyou_page($order_id) {
    // Verifica que el ID del pedido sea válido.
    if (!$order_id) {
        return;
    }

    // Obtén los detalles del pedido.
    $order = wc_get_order($order_id);

    // Asegúrate de que el pedido exista.
    if ($order) {
        echo '<p style="font-size: 18px; color: #333;">';
        echo __('Thank you for your purchase! Your order is being processed and will be shipped soon.', 'your-text-domain');
        echo '</p>';
    }
}

Con este código, un mensaje de agradecimiento básico se mostrará en la página de agradecimiento.

Personalizar el mensaje basado en condiciones

Puedes personalizar el mensaje en función de las condiciones del pedido, como el método de envío, los productos comprados o el país del cliente.

Ejemplo: Mensaje personalizado basado en el método de envío

<?php
add_action('woocommerce_thankyou', 'add_shipping_based_message_to_thankyou_page');

function add_shipping_based_message_to_thankyou_page($order_id) {
    if (!$order_id) {
        return;
    }

    $order = wc_get_order($order_id);

    if ($order) {
        $shipping_method = $order->get_shipping_method();

        if ($shipping_method === 'Free Shipping') {
            echo '<p style="font-size: 18px; color: green;">';
            echo __('Thank you for choosing free shipping! Your order will arrive in 5-7 business days.', 'your-text-domain');
            echo '</p>';
        } else {
            echo '<p style="font-size: 18px; color: blue;">';
            echo __('Thank you for your order! It will be delivered soon.', 'your-text-domain');
            echo '</p>';
        }
    }
}

En este ejemplo, el mensaje varía dependiendo de si el cliente eligió «Envío gratuito» u otro método de envío.

Mostrar información personalizada basada en productos comprados

Si deseas mostrar un mensaje especial para ciertos productos, puedes hacerlo verificando si el pedido contiene un producto específico.

<?php
add_action('woocommerce_thankyou', 'add_product_based_message_to_thankyou_page');

function add_product_based_message_to_thankyou_page($order_id) {
    if (!$order_id) {
        return;
    }

    $order = wc_get_order($order_id);

    if ($order) {
        foreach ($order->get_items() as $item) {
            $product_id = $item->get_product_id();

            if ($product_id == 123) { // Cambia 123 por el ID del producto deseado.
                echo '<p style="font-size: 18px; color: #ff6600;">';
                echo __('You purchased our special product! Check your email for exclusive tips.', 'your-text-domain');
                echo '</p>';
                break;
            }
        }
    }
}

Este código comprueba si el pedido contiene un producto con un ID específico y muestra un mensaje especial en ese caso.

Personalizar el diseño del mensaje

Puedes estilizar el mensaje personalizado utilizando HTML y CSS directamente en el código. Por ejemplo:

<?php
add_action('woocommerce_thankyou', 'add_styled_message_to_thankyou_page');

function add_styled_message_to_thankyou_page($order_id) {
    if (!$order_id) {
        return;
    }

    $order = wc_get_order($order_id);

    if ($order) {
        echo '<div style="background-color: #f9f9f9; padding: 20px; border: 1px solid #ddd; border-radius: 5px;">';
        echo '<h2 style="color: #0056b3;">' . __('Thank You for Your Order!', 'your-text-domain') . '</h2>';
        echo '<p style="font-size: 16px; color: #333;">' . __('We appreciate your business. If you have any questions, feel free to contact us.', 'your-text-domain') . '</p>';
        echo '</div>';
    }
}

En este ejemplo, el mensaje se envuelve en un contenedor estilizado para destacarlo visualmente.

Personalizar la página de agradecimiento en WooCommerce es una excelente manera de ofrecer un toque único a tus clientes. Con los ejemplos anteriores, puedes adaptar los mensajes para que sean relevantes, visualmente atractivos y alineados con las necesidades de tu tienda.

Si necesitas más ayuda o deseas explorar otras opciones de personalización, ¡no dudes en pedírmelo! 😊