Come mostrare la data di spedizione nella pagina del singolo prodotto

Per offrire ai tuoi clienti un’esperienza d’acquisto online più trasparente e migliorare la loro soddisfazione complessiva, puoi aggiungere un avviso personalizzato sulle tempistiche di spedizione direttamente sulla pagina del prodotto del tuo sito WooCommerce. Questo aiuterà a gestire le aspettative dei clienti riguardo i tempi di consegna, particolarmente utile in periodi di alta domanda o quando ci sono ritardi previsti nelle spedizioni.

Il codice che ti propongo aggiunge un avviso dinamico che calcola e mostra la data prevista per la spedizione basata sui giorni lavorativi. Il sistema esclude automaticamente i weekend (sabato e domenica), garantendo che la data di spedizione mostrata sia sempre precisa e realistica.

Ecco come funziona il codice:

  1. Calcolo della Data di Spedizione: Utilizzando la data corrente come punto di partenza, il codice aggiunge giorni al calendario, saltando i fine settimana, fino a raggiungere un totale di 4 giorni lavorativi aggiunti. Questo assicura che il termine per la spedizione rifletta solo i giorni effettivamente lavorativi.
  2. Visualizzazione del Messaggio: Una volta calcolata, la data di spedizione viene visualizzata in un elegante box informativo situato sopra il prezzo del prodotto nella pagina. Questo box è facilmente personalizzabile per adattarsi allo stile del tuo sito, con opzioni per modificare colore di sfondo, bordi, padding e altro ancora.

L’implementazione di questa funzionalità non solo arricchisce la pagina del prodotto con informazioni utili ma rafforza anche la fiducia dei clienti, mostrando apertamente l’impegno del tuo negozio per la chiarezza e l’onestà nelle comunicazioni. Un piccolo cambiamento come questo può avere un impatto significativo sulla decisione di acquisto del cliente, incrementando la probabilità di conversioni e riducendo al contempo la frequenza di query post-vendita relative ai tempi di spedizione.

add_action( 'woocommerce_single_product_summary', 'custom_shipping_day_notice', 20 );

function custom_shipping_day_notice() {
    $today = new DateTime(); // Data odierna
    $daysToAdd = 4; // Numero di giorni lavorativi da aggiungere
    $addedDays = 0;

    while ($addedDays < $daysToAdd) {
        $today->modify('+1 day'); // Aggiunge un giorno alla data corrente
        if ($today->format('N') < 6) { // Se non è né sabato (6) né domenica (7)
            $addedDays++;
        }
    }

    $shippingDate = $today->format('d/m/Y');

    echo "<div class=\"shipping-notice-above-price\" style=\"padding: 10px; background-color: #ffecd1; border-radius: 5px; margin-bottom: 15px; color: #333;\">Attenzione: Il tuo ordine verrà spedito il prossimo giorno lavorativo disponibile, <strong>$shippingDate</strong>.</div>";
}

Il codice è un esempio di come si può personalizzare la pagina di un prodotto in un sito WooCommerce per mostrare una notifica relativa al giorno di spedizione previsto per un ordine. Analizziamo il codice passo passo e vediamo come puoi modificarlo:

Analisi del Codice

  1. Aggancio dell’Azione con add_action
add_action( 'woocommerce_single_product_summary', 'custom_shipping_day_notice', 20 );

Questa linea collega la funzione custom_shipping_day_notice all’hook woocommerce_single_product_summary di WooCommerce. L’hook determina dove e quando il contenuto della funzione viene eseguito sulla pagina del prodotto. Il numero 20 è la priorità con cui viene eseguita questa funzione, garantendo che si esegua dopo la maggior parte degli altri hook standard di WooCommerce.

  1. Definizione della Funzione custom_shipping_day_notice
function custom_shipping_day_notice() {
    $today = new DateTime(); // Data odierna
    $daysToAdd = 4; // Numero di giorni lavorativi da aggiungere
    $addedDays = 0;

    while ($addedDays < $daysToAdd) {
        $today->modify('+1 day'); // Aggiunge un giorno alla data corrente
        if ($today->format('N') < 6) { // Se non è né sabato (6) né domenica (7)
            $addedDays++;
        }
    }

    $shippingDate = $today->format('d/m/Y');
    echo "<div class=\"shipping-notice-above-price\" style=\"padding: 10px; background-color: #ffecd1; border-radius: 5px; margin-bottom: 15px; color: #333;\">Attenzione: Il tuo ordine verrà spedito il prossimo giorno lavorativo disponibile, <strong>$shippingDate</strong>.</div>";
}
  • Calcolo della Data di Spedizione: La funzione inizia con l’istanziazione di un nuovo oggetto DateTime per rappresentare la data corrente. Successivamente, inizia un ciclo while che continua fino a quando non vengono aggiunti 4 giorni lavorativi (escludendo sabato e domenica).
  • Stampa del Messaggio: Una volta determinata la data di spedizione, il codice stampa un div HTML con un avviso che informa l’utente della data di spedizione prevista.
Davide Baraldi eccellente

Modifiche Possibili

  • Cambiare il Numero di Giorni Lavorativi da Aggiungere: Se vuoi modificare il numero di giorni lavorativi per la spedizione, puoi cambiare il valore di $daysToAdd.
$daysToAdd = 3; // Cambia a 3 giorni lavorativi, per esempio

Modificare lo Stile del Messaggio: Puoi cambiare il CSS inline nel div per adattarlo allo stile del tuo sito.

echo "<div style=\"padding: 15px; background-color: #e0f7fa; border-radius: 8px; margin-bottom: 20px; color: #01579b;\">...</div>";

Modificare il Formato della Data: Se preferisci un formato di data diverso, modifica il parametro della funzione format().

$shippingDate = $today->format('F j, Y'); // Es: "March 10, 2024"

Questo codice è utile per migliorare l’esperienza utente mostrando informazioni chiare sulle tempistiche di spedizione direttamente sulla pagina del prodotto. Questa trasparenza può aiutare a gestire le aspettative dei clienti e migliorare la soddisfazione complessiva.

modulo contatto
Condividi il tuo amore
Davide
scrivimi tramite WhatsApp