conversion-optimization - Web Design | Creazione Siti Internet

Web design 2026: 9 leggi che separano un sito da 500€ da uno da 50.000€

Emilio Petrozzi — Fri, 05 Jun 2026 01:26:31 +0000

Ho passato in rassegna oltre 200 siti web italiani nel 2025, confrontando progetti da 500€ con progetti da 50.000€ realizzati per clienti della stessa dimensione e settore. La differenza non è (quasi mai) il budget. Non è il CMS scelto. Non è l'agenzia. È l'applicazione (o la non applicazione) di un piccolo numero di leggi operative che chi fa web design di alto livello conosce per esperienza e che chi fa siti improvvisati ignora sistematicamente.

Queste 9 leggi non sono nella documentazione di Figma, non sono nei tutorial YouTube, non sono nei corsi da 50€ che si trovano sulle piattaforme di e-learning. Sono osservazioni empiriche, distillate in anni di lavoro su centinaia di progetti. Alcune sembrano ovvie a leggerle, ma la loro applicazione coerente è rara e fa una differenza enorme nei risultati.

Questa guida è un manifesto editoriale ad alto potere di condivisione: ogni legge è illustrata con un esempio prima/dopo, una metrica di successo, e il motivo per cui il 90% dei freelance e delle agenzie continua a violarla. È complementare alla guida sugli strumenti di grafica web 2026 e al workflow perfetto di sviluppo web: qui lo sguardo è sul risultato finale, non sul processo.

L'obiettivo è chiaro: dare a chiunque realizzi siti web (freelance, agenzia, o in-house) un framework mentale che può essere applicato da domani, su qualsiasi progetto, con un impatto misurabile sui risultati.

Legge 1: La homepage non è una vetrina, è un imbuto

La differenza fondamentale tra un sito da 500€ e uno da 50.000€ si vede nei primi 5 secondi. Un sito economico mostra: logo gigante, slider con 5 immagini, testo "benvenuti nel nostro sito", e 12 voci di menu. Un sito professionale mostra: una promessa chiara, una dimostrazione visiva del valore, e un'unica azione primaria (CTA).

Prima

Logo centrato che occupa il 40% dello spazio
Slider con 5 immagini rotanti che l'utente non guarda
Hero text generico ("Soluzioni innovative per la tua azienda")
12 voci di menu orizzontali
Sfondo bianco, tipografia Times New Roman

Dopo

Logo piccolo in alto a sinistra, 3 voci di menu contestuali
Singola immagine statica o video loop di 8 secondi, mai slider
Hero text specifico: "Triplichi le conversioni del tuo e-commerce in 90 giorni, senza aumentare il traffico"
CTA primario ben visibile: "Prenota una call gratuita di 30 minuti"
Tipografia sans-serif moderna (Inter, Söhne, GT America)

Metrica di successo

Tasso di conversione della homepage: la differenza tra un sito mediocre e uno ottimizzato è di 3-10 volte. Un e-commerce con tasso di conversione dello 0,5% può arrivare al 2-5% solo con l'ottimizzazione della homepage.

Perché il 90% la ignora

Perché i clienti giudicano il sito dal numero di sezioni e dal design "bello da vedere", non dai risultati. Il 90% dei freelance esegue quello che il cliente chiede, non quello che converte. La formazione del cliente sull'importanza del conversion-focused design è la prima cosa da fare.

Legge 2: Un'unica CTA per schermata, ripetuta con intelligenza

Il tasto "acquista ora" o "contattaci" deve essere una scelta consapevole in ogni schermata. Il 90% dei siti ha CTA in 5-8 posti diversi, con colori, testi, e azioni differenti. L'utente è paralizzato dalla scelta e finisce per non cliccare nulla.

Prima

Bottone verde in alto a destra ("Contattaci")
Bottone blu al centro ("Scopri di più")
Bottone arancione in fondo ("Iscriviti alla newsletter")
Bottone rosso in sidebar ("Acquista")
Bottone nero nel footer ("Lavora con noi")

Dopo

Un unico colore per il CTA primario (es. verde)
Un'azione chiara ripetuta in 3-4 posizioni strategiche (fine hero, fine di ogni sezione di contenuto, footer)
Testo del bottone orientato al valore: non "Invia" ma "Prenota la tua call gratuita"
Azioni secondarie (newsletter, login) in stile testuale, senza competere per attenzione

Metrica di successo

Click-through rate del CTA primario: la differenza tra sito mediocre e ottimizzato è 2-4 volte. Su 10.000 visitatori, un CTR del 2% significa 200 contatti, un CTR dello 0,5% significa 50. Lo stesso traffico, risultato quadruplicato.

Perché il 90% la ignora

Perché la moltiplicazione dei CTA sembra "dare più opzioni" all'utente, e sembra quindi più democratica. In realtà, la psicologia delle scelte dimostra che troppe opzioni paralizzano. La regola è: una decisione principale per pagina, con la CTA che guida l'utente verso quella decisione.

Legge 3: La tipografia fa il 60% del lavoro visivo

La maggior parte dei siti web economici usa tipografie di sistema (Arial, Times New Roman, Helvetica di default) o font generici Google Fonts (Open Sans, Roboto, Lato) senza personalizzazione. La tipografia è la prima cosa che l'occhio registra, e un font ben scelto e ben impostato può trasformare un design mediocre in uno professionale con il solo cambio del font.

Prima

Open Sans 16px per il body
Open Sans Bold 24px per i titoli
Interlinea 1.4, allineamento justified
Nessuna gerarchia visiva

Dopo

Inter o Söhne 16-18px per il body, con line-height 1.6
Stesso font, weight 600, 32-40px per H1, 24-28px per H2
Allineamento a sinistra (no giustificato che crea fiumi bianchi)
Scala tipografica con 5-6 livelli definiti (H1, H2, H3, body, small)
Tracking e kerning ottimizzati per la leggibilità

Metrica di successo

Tempo medio di permanenza sulla pagina: una tipografia di qualità aumenta la leggibilità del 30-50%, e l'utente resta più a lungo. Su un sito editoriale, questo significa più pagine per sessione, più probabilità di conversione, miglior posizionamento SEO.

Perché il 90% la ignora

Perché la tipografia è invisibile quando funziona e molto visibile quando non funziona. Il cliente non sa che il sito è brutto per via del font, lo sa che "non è professionale". La soluzione è usare un sistema di tipografia ben definito (3-4 font massimo, con una scala chiara) e mantenerlo coerente su tutto il sito.

Legge 4: Il bianco è il colore più importante

Un errore classico dei siti economici è riempire ogni spazio con contenuti, immagini, o elementi decorativi. Il risultato è un design rumoroso, faticoso da leggere, e poco professionale. Il web design di alto livello usa il bianco (o lo spazio negativo) come strumento compositivo primario.

Prima

Sidebar sinistra piena di widget, banner, social
Sidebar destra con "articoli recenti", "tag cloud", "categorie"
Contenuto principale compresso in 600px centrali
Margini ridotti al minimo
Footer con 4 colonne di link

Dopo

Nessuna sidebar, contenuto principale a tutta larghezza
Spazio verticale generoso tra le sezioni (80-120px)
Margini interni dei contenuti aumentati del 50%
Footer con 2-3 colonne essenziali, molto spazio
Sezioni con sfondo alternato (bianco / grigio chiaro) per separare visivamente

Metrica di successo

Perceived quality: utenti diversi, dati gli stessi contenuti, percepiscono un sito con spazi generosi come 3-5 volte più professionale di uno compresso. Questo si traduce in tasso di conversione più alto, anche a parità di traffico.

Perché il 90% la ignora

Perché il cliente vuole "tanto contenuto in ogni schermata", e il freelance asseconda. Il rovescio della medaglia è che più contenuto si mette, meno ognuno viene notato. La regola è: ogni sezione deve avere un unico messaggio, e quello spazio deve respirare.

Legge 5: Le immagini devono essere specifiche, mai generiche

La differenza tra un sito economico e uno professionale si vede nelle immagini. Foto stock di persone che ridono in ufficio, mani che si stringono, grafici che salgono: il 90% dei siti usa queste immagini, e il risultato è un look indistinguibile da quello di tutti gli altri.

Prima

Foto stock di una squadra felice in ufficio
Foto stock di una donna che usa un laptop
Foto stock di una stretta di mano
Foto stock di un grafico con freccia in su
Icone generiche (foglio Word, telefono, indirizzo)

Dopo

Foto reali del team, del prodotto, o del servizio (anche scattate con smartphone, vanno bene se ben composte)
Foto del processo di lavoro, dietro le quinte
Screenshot reali del prodotto o del software, mai mockup stock
Icone custom disegnate per il brand, in stile coerente
Per e-commerce, foto prodotto su sfondo neutro, con più viste e dettagli

Metrica di successo

Trust: le immagini stock generiche riducono la fiducia del visitatore del 20-30% rispetto a immagini reali. Su un e-commerce, la differenza tra foto stock e foto prodotto di qualità può essere del 15-25% in tasso di conversione.

Perché il 90% la ignora

Perché le foto stock sono "gratis" (o poco costose) e "bello da vedere", e il cliente le preferisce a foto reali che richiederebbero un fotografo o un investimento in shooting dedicato. La soluzione è educare il cliente sul ROI delle immagini specifiche e, quando il budget non c'è, usare foto stock di alta qualità (Unsplash, Pexels curate) ma sempre contestualizzate al messaggio.

Legge 6: La velocità è un design feature

Un sito lento non è un sito con un problema tecnico: è un sito con un problema di design. La differenza tra un sito che carica in 1 secondo e uno che carica in 5 secondi è la differenza tra un utente che converte e uno che se ne va. La velocità va progettata, non corretta dopo.

Prima

15 plugin attivi, di cui 8 caricati su ogni pagina
Immagini non ottimizzate, 2-5MB ciascuna
Font Google Fonts caricati con 6 pesi inutilizzati
JavaScript sincrono che blocca il rendering
Nessuna cache, ogni richiesta genera 30+ query database

Dopo

Massimo 15-20 plugin, caricati solo dove servono (conditional loading)
Immagini WebP/AVIF, 100-300KB ciascuna, dimensioni corrette
2 pesi font (regular e bold) caricati con display=swap
JavaScript differito, CSS critico inline
Hosting gestito con cache server, CDN globale, HTTP/3

Metrica di successo

Largest Contentful Paint (LCP) sotto 2.5 secondi, Interaction to Next Paint (INP) sotto 200ms, Cumulative Layout Shift (CLS) sotto 0.1. Questi sono i Core Web Vitals che Google usa per il ranking SEO dal 2021.

Perché il 90% la ignora

Perché la velocità è invisibile in fase di progettazione: il cliente vede il sito sul suo Mac con fibra ottica e lo percepisce come veloce. Solo quando va in produzione, su mobile 4G, il problema emerge. La soluzione è testare il sito su Lighthouse e PageSpeed Insights prima della consegna, e richiedere un budget di ottimizzazione performance come parte del progetto.

Legge 7: Il design mobile-first non è una feature, è un vincolo

Il 65% del traffico web globale è da mobile. Progettare per desktop e adattare a mobile è sbagliato: il sito mobile non è una versione ridotta, è il sito. La versione desktop è il bonus.

Prima

Progetto iniziato da desktop a 1440px
Elementi compressi su mobile per mancanza di spazio
Menu hamburger con 12 voci tutte nello stesso ordine
Form con campi affiancati che su mobile diventano illeggibili
Tabelle desktop mostrate male su mobile

Dopo

Progetto iniziato da mobile a 375px
Layout a colonna singola, elementi full-width
Menu contestuale, massimo 4-5 voci principali
Form a colonna singola, campi ben distanziati (altezza minima 44px per touch)
Tabelle trasformate in card stack su mobile

Metrica di successo

Mobile usability score in Google Search Console: deve essere al 100% per tutte le paghe. Conversion rate mobile vs. desktop: per un e-commerce ben progettato mobile-first, il tasso mobile può essere superiore al desktop.

Perché il 90% la ignora

Perché i designer lavorano su schermi grandi e tendono a progettare per l'ambiente che li circonda. Inoltre, i clienti spesso chiedono prima la versione desktop perché "è più facile giudicare il design". La soluzione è imporre il mobile-first come metodo di lavoro, e mostrare al cliente entrambe le versioni ad ogni review.

Legge 8: L'accessibilità è un moltiplicatore, non un costo

Un sito accessibile non è solo etico o un obbligo di legge (in Italia la Legge Stanca lo richiede per i siti della PA, in Europa l'European Accessibility Act 2025 lo estende a molti settori privati). È anche un moltiplicatore di risultati: il 15-20% della popolazione ha qualche forma di disabilità, e un sito non accessibile esclude automaticamente questa fetta di utenti.

Prima

Contrasto insufficiente (testo grigio su sfondo bianco)
Bottoni con etichette vaghe ("clicca qui", "scopri")
Form senza label espliciti, solo placeholder
Video senza sottotitoli
Navigazione impossibile da tastiera

Dopo

Contrasto WCAG AA minimo (4.5:1 per testo normale)
Bottoni con etichette descrittive ("Scarica la guida PDF", "Prenota la consulenza")
Form con label sempre visibili, errori espliciti, focus visibile
Video con sottotitoli e trascrizione
Skip link, focus order corretto, ARIA labels dove necessario

Metrica di successo

Lighthouse Accessibility score sopra 95. Numero di errori in WAVE (Web Accessibility Evaluation Tool) pari a zero per le pagine principali. Per un e-commerce, l'accessibilità migliora la SEO (Google premia i siti accessibili) e aumenta la base di clienti raggiungibili del 15-20%.

Perché il 90% la ignora

Perché l'accessibilità è percepita come costo aggiuntivo e come "roba da avvocati". In realtà, integrare l'accessibilità fin dall'inizio del progetto costa poco (5-10% del budget) e retrofit dopo è costoso (30-50% del budget). La regola è: accessibilità come vincolo di progetto dal primo giorno, non come attività finale.

Legge 9: Ogni pagina deve avere un unico obiettivo misurabile

La differenza tra un sito da 500€ e uno da 50.000€ si vede nella chiarezza degli obiettivi. Un sito economico ha pagine che "presentano l'azienda" in modo generico. Un sito professionale ha pagine con un obiettivo specifico e misurabile: contatto, download, acquisto, registrazione, visualizzazione di un video.

Prima

Homepage: "benvenuti, chi siamo"
Chi siamo: storia dell'azienda, valori, mission
Servizi: descrizione generica dei servizi offerti
Contattaci: form generico + mappa + indirizzo
Nessuna misurazione del successo

Dopo

Homepage: 1 CTA (contatto), 1 obiettivo (generare lead qualificati)
Chi siamo: 1 CTA (contatto), 1 obiettivo (costruire fiducia per la conversione)
Servizi: 1 CTA per servizio (preventivo, demo, call), obiettivo diverso per pagina
Case study: 1 CTA (contatto), 1 obiettivo (dimostrare expertise)
Blog: nessun CTA aggressivo, obiettivo (SEO, lead nurturing, educazione)
Ogni pagina ha KPI misurato con GA4 e heatmap

Metrica di successo

Per ogni pagina, almeno un KPI: tasso di conversione, tempo medio, scroll depth, micro-conversioni. Un sito professionale sa dire "questa pagina converte al 4,2%, voglio portarlo al 6% nei prossimi 3 mesi". Un sito economico non sa dire nulla di tutto ciò.

Perché il 90% la ignora

Perché richiede un cambio di mentalità da "sito come brochure" a "sito come strumento di business". I freelance che fanno siti da 500€ non hanno le competenze (o la volontà) di impostare analytics avanzati, definire funnel, e misurare i risultati. La soluzione è offrire ai clienti un servizio di CRO (Conversion Rate Optimization) continuativo, che diventa una fonte di reddito ricorrente.

Le 9 leggi in sintesi: il framework operativo

Le 9 leggi possono essere condensate in un framework operativo in 5 punti, applicabile a qualsiasi progetto:

Prima misura, poi progetta: prima di disegnare, definisci gli obiettivi di business e gli KPI. Se non sai cosa misurare, non sai cosa ottimizzare.
Poi semplifica: ogni pagina ha un obiettivo, una CTA, un messaggio. Se una sezione non serve, toglila.
Tipografia e spazio bianco: imposta questi due elementi con cura, e il 60% del design è fatto.
Mobile-first: parti da 375px, scala verso l'alto, non il contrario.
Test, misura, itera: dopo il lancio, monitora le metriche e ottimizza continuamente.

Come applicare le 9 leggi al tuo prossimo progetto

Un metodo pratico per integrare queste leggi in qualsiasi progetto, dal primo brief alla consegna finale.

Prima del progetto: brief e obiettivi

Chiedi al cliente: "Qual è l'azione più importante che un visitatore dovrebbe fare sul tuo sito?"
Chiedi: "Come misurerai il successo di questo sito nei prossimi 6 mesi?"
Definisci 3-5 KPI misurabili e i loro target numerici

Durante il progetto: design e sviluppo

Mobile-first, sempre
Una CTA per schermata, una gerarchia tipografica chiara
Spazio bianco generoso, immagini specifiche
Performance integrata nel processo, non aggiunta alla fine
Accessibilità come vincolo, non come checklist finale

Dopo il lancio: ottimizzazione continua

Monitora GA4 + Search Console + Hotjar o Microsoft Clarity
A/B test su CTA, hero, form, pagine di servizio
Aggiorna contenuti trimestralmente, design annualmente
Report trimestrale al cliente con numeri e prossime azioni

Domande frequenti

Queste leggi funzionano per qualsiasi tipo di sito?

Sì, con adattamenti. Le 9 leggi sono state distillate su e-commerce, siti corporate, blog editoriali, SaaS, e portali. Il framework è universale, l'applicazione specifica varia per settore. Per un e-commerce, le leggi 2, 4, 6 sono critiche. Per un SaaS, le leggi 1, 5, 9 sono critiche. Per un blog editoriale, le leggi 3, 6, 7 sono critiche.

Quanto costa applicare tutte le 9 leggi?

Per un sito da 5.000-10.000€ di budget, le 9 leggi sono applicabili con poco overhead. Per un sito da 1.000-2.000€ di budget, alcune leggi richiedono compromessi: si può usare un template premium ben fatto invece di design custom, o foto stock di alta qualità invece di shooting dedicati. La qualità del risultato dipende dalla coerenza con cui le leggi sono applicate, non dal budget assoluto.

Un cliente può applicare le 9 leggi da solo?

In parte sì, ma il valore aggiunto di un professionista è enorme. Le leggi 1, 2, 9 richiedono competenze di strategia e marketing. Le leggi 3, 4, 5 richiedono competenze di design. Le leggi 6, 7, 8 richiedono competenze tecniche. Un professionista esperto le integra tutte, un cliente fai-da-te di solito ne trascura 3-4.

Le 9 leggi cambieranno nel 2027?

Alcune sì, altre sono stabili. Le leggi 3 (tipografia), 4 (spazio bianco), 5 (immagini specifiche), 8 (accessibilità) sono abbastanza stabili nel tempo. Le leggi 1 (CTA), 2 (CTA singola), 9 (obiettivi misurabili) evolvono con i pattern di interazione (es. voice UI, interfacce conversazionali). Le leggi 6 (velocità), 7 (mobile-first) evolvono con la tecnologia (es. 5G, AI integrata nel browser).

Cosa distingue un web designer professionista da uno improvvisato?

L'applicazione coerente di queste 9 leggi, unita alla capacità di spiegarle al cliente e di difendere le scelte di design anche quando sembrano controintuitive. Il professionista è pagato per il giudizio, non per il numero di schermate prodotte.

Riferimenti ufficiali

Per approfondire i temi toccati in questa guida, ecco le fonti primarie consultate e raccomandate.

Lighthouse - auditing performance e accessibilità.
Web Vitals - metriche Google per il web.
WCAG 2.2 - standard accessibilità W3C.
WAVE - valutatore accessibilità.
Hotjar - heatmap e registrazioni sessioni.
Microsoft Clarity - alternativa gratuita a Hotjar.
Google Analytics 4 - analytics web.
Google Search Console - monitoraggio SEO.
Stripe Press - An Elegant Puzzle - libro su sistemi e design di prodotto.
Refactoring UI - libro pratico su web design.
Strumenti grafica web 2026 mrtux.it - tool design 2026.
Workflow perfetto sviluppo web mrtux.it - framework 7 stadi.

Questa guida è un manifesto editoriale: verrà aggiornata annualmente con nuove leggi e con l'evoluzione di quelle esistenti. Per suggerimenti o correzioni, l'area commenti è aperta.

WooCommerce Plugin Development 2026: Aumenta le Vendite del 40% con Codice Custom

Emilio Petrozzi — Thu, 09 Apr 2026 22:15:08 +0000

WooCommerce Plugin Development: Come Aumentare le Vendite del 40% con Codice Custom

Tempo di lettura: 12 minuti

Se gestisci uno store WooCommerce o sviluppi per clienti e-commerce, sai che la differenza tra un sito che converte e uno che stenta sta spesso nei dettagli. I plugin del marketplace offrono funzionalità generiche, ma quando serve qualcosa di specifico per il tuo business, il codice custom fa la differenza.

In questa guida ti mostrerò come sviluppare plugin WooCommerce personalizzati che possono aumentare le conversioni fino al 40%, con esempi di codice pronto all'uso che puoi implementare oggi stesso.

Perché Sviluppare Plugin Custom per WooCommerce

Il marketplace WooCommerce conta oltre 6.000 estensioni, ma c'è un problema: sono pensati per il mercato di massa. Quando hai bisogno di:

Integrazioni con sistemi proprietari italiani (fatturazione, corrieri locali)
Logiche di pricing complesse (sconti per regione, B2B tier)
Checkout personalizzati per il tuo settore
Automazioni specifiche per il tuo flusso di lavoro

...il codice custom diventa non solo conveniente, ma necessario.

I numeri parlano chiaro:

Gli store con checkout personalizzati vedono un +35% di completamento ordini
I sistemi di upsell intelligenti aumentano l'AOV (Average Order Value) del 20-40%
Le notifiche personalizzate riducono i carrelli abbandonati del 15-25%

Esempio 1: Upsell Intelligente nel Carrello

Uno dei modi più efficaci per aumentare il valore medio dell'ordine è suggerire prodotti complementari nel carrello. Ecco un plugin che lo fa automaticamente:

cart;
        if ($cart->is_empty()) {
            return [];
        }

        // Raccogli categorie dal carrello
        $categories = [];
        foreach ($cart->get_cart() as $item) {
            $product_cats = wp_get_post_terms(
                $item['product_id'], 
                'product_cat', 
                ['fields' => 'ids']
            );
            $categories = array_merge($categories, $product_cats);
        }

        // Trova prodotti nelle stesse categorie, non nel carrello
        $cart_ids = array_column($cart->get_cart(), 'product_id');

        $args = [
            'post_type' => 'product',
            'posts_per_page' => 3,
            'post__not_in' => $cart_ids,
            'tax_query' => [
                [
                    'taxonomy' => 'product_cat',
                    'field' => 'term_id',
                    'terms' => array_unique($categories),
                ]
            ],
            'meta_query' => [
                [
                    'key' => '_stock_status',
                    'value' => 'instock'
                ]
            ],
            'orderby' => 'rand'
        ];

        return wc_get_products($args);
    }

    /**
     * Mostra i prodotti upsell nel carrello
     */
    public function show_upsell_products() {
        $upsells = $this->get_upsell_products();

        if (empty($upsells)) {
            return;
        }

        echo '';
        echo '' . __('Potrebbe interessarti anche...', 'smart-upsell') . '';
        echo '';

        foreach ($upsells as $product) {
            $price = $product->get_price_html();
            $image = $product->get_image('thumbnail');
            $link = $product->get_permalink();

            echo '';
            echo '';
            echo $image;
            echo '' . esc_html($product->get_name()) . '';
            echo '' . $price . '';
            echo '';
            echo '';
        }

        echo '';
    }

    /**
     * Carica gli stili CSS
     */
    public function enqueue_styles() {
        if (is_cart()) {
            wp_add_inline_style('woocommerce-general', '
                .cart-upsell {
                    background: #f7f7f7;
                    padding: 20px;
                    border-radius: 8px;
                    margin-top: 20px;
                }
                .cart-upsell h3 {
                    margin-bottom: 15px;
                    color: #333;
                }
                .upsell-products {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 15px;
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                .upsell-item img {
                    width: 100%;
                    height: auto;
                    border-radius: 4px;
                }
                .upsell-title {
                    display: block;
                    font-weight: 600;
                    margin-top: 8px;
                    color: #333;
                }
                .upsell-price {
                    display: block;
                    color: #0073aa;
                    font-weight: 700;
                }
                @media (max-width: 768px) {
                    .upsell-products {
                        grid-template-columns: 1fr;
                    }
                }
            ');
        }
    }
}

new Smart_Cart_Upsell();

Come Funziona

Analizza le categorie dei prodotti nel carrello
Cerca prodotti correlati non ancora nel carrello
Mostra 3 suggerimenti con immagine, nome e prezzo
Design responsive per mobile

Risultato atteso: +15-25% AOV (Average Order Value)

Esempio 2: Notifiche Stock Personalizzate

Le notifiche "torna in stock" native di WooCommerce sono limitate. Questo plugin aggiunge notifiche automatiche con email personalizzate e SMS opzionali:

is_in_stock()) {
            return;
        }

        wp_nonce_field('asn_subscribe', 'asn_nonce');
        ?>
        
            
                
            
            

            
                
                
                
                
            

            
        

        

        
         $email,
            'phone' => $phone,
            'date' => current_time('mysql')
        ];

        // Evita duplicati
        $exists = array_filter($waitlist, function($item) use ($email) {
            return $item['email'] === $email;
        });

        if (empty($exists)) {
            $waitlist[] = $subscription;
            update_post_meta($product_id, '_asn_waitlist', $waitlist);
            wp_send_json_success(__('Ti avviseremo quando il prodotto sarà disponibile!', 'asn'));
        } else {
            wp_send_json_error(__('Sei già iscritto a questa lista', 'asn'));
        }
    }

    /**
     * Notifica gli iscritti quando il prodotto torna in stock
     */
    public function notify_waitlist($product_id, $stock_status) {
        if ($stock_status !== 'instock') {
            return;
        }

        $waitlist = get_post_meta($product_id, '_asn_waitlist', true);

        if (empty($waitlist)) {
            return;
        }

        $product = wc_get_product($product_id);
        $product_name = $product->get_name();
        $product_link = $product->get_permalink();

        $settings = get_option($this->option_name);
        $email_template = $settings['email_template'] ?? 'default';

        foreach ($waitlist as $subscription) {
            $this->send_notification(
                $subscription['email'],
                $subscription['phone'],
                $product_name,
                $product_link,
                $email_template
            );
        }

        // Pulisci la waitlist dopo l'invio
        delete_post_meta($product_id, '_asn_waitlist');
    }

    /**
     * Invia notifica email/SMS
     */
    private function send_notification($email, $phone, $product_name, $product_link, $template) {
        $subject = sprintf(__('Torna in stock: %s', 'asn'), $product_name);

        $message = sprintf(
            __("Ciao!\n\nIl prodotto %s è tornato disponibile!\n\nAcquistalo ora: %s\n\nNon aspettare, le scorte sono limitate.", 'asn'),
            $product_name,
            $product_link
        );

        // Email
        wp_mail($email, $subject, $message);

        // SMS (se configurato e numero presente)
        if ($phone && class_exists('WC_SMS')) {
            // Integrazione con gateway SMS
            do_action('asn_send_sms', $phone, $subject);
        }
    }

    /**
     * Aggiungi menu admin
     */
    public function add_admin_menu() {
        add_submenu_page(
            'woocommerce',
            __('Notifiche Stock', 'asn'),
            __('Notifiche Stock', 'asn'),
            'manage_woocommerce',
            'advanced-stock-notifications',
            [$this, 'admin_page']
        );
    }

    /**
     * Pagina admin
     */
    public function admin_page() {
        ?>
        
            
            
                option_name);
                do_settings_sections('advanced-stock-notifications');
                submit_button();
                ?>
            

            
            show_waitlist_stats(); ?>
        
         'product',
            'meta_key' => '_asn_waitlist',
            'posts_per_page' => 20
        ];

        $products = get_posts($args);

        if (empty($products)) {
            echo '' . __('Nessuna waitlist attiva', 'asn') . '';
            return;
        }

        echo '';
        echo '';

        foreach ($products as $post) {
            $waitlist = get_post_meta($post->ID, '_asn_waitlist', true);
            $count = count($waitlist);
            $last = end($waitlist);

            echo '';
            echo '';
            echo '';
            echo '';
            echo '';
        }

        echo 'Prodotto Iscritti Ultima iscrizione
' . esc_html($post->post_title) . ' ' . $count . ' ' . esc_html($last['date'] ?? '-') . '';
    }

    /**
     * Registra impostazioni
     */
    public function register_settings() {
        register_setting($this->option_name, $this->option_name);

        add_settings_section(
            'asn_main',
            __('Configurazione', 'asn'),
            null,
            'advanced-stock-notifications'
        );

        add_settings_field(
            'email_template',
            __('Template Email', 'asn'),
            [$this, 'render_email_template_field'],
            'advanced-stock-notifications',
            'asn_main'
        );
    }

    public function render_email_template_field() {
        $settings = get_option($this->option_name);
        $value = $settings['email_template'] ?? 'default';
        ?>

Prodotto	Iscritti	Ultima iscrizione
' . esc_html($post->post_title) . '	' . $count . '	' . esc_html($last['date'] ?? '-') . '


Funzionalità Chiave

Form AJAX senza refresh pagina
Iscrizione con email + telefono opzionale
Notifica automatica al ritorno in stock
Dashboard admin con statistiche
Template email personalizzabili

Risultato atteso: Recupero del 15-25% di vendite perse per out of stock

Esempio 3: Checkout Field Optimizer
Un checkout troppo lungo è il nemico delle conversioni. Questo plugin ottimizza i campi in base al tipo di cliente:
 10,
            'billing_last_name' => 20,
            'billing_email' => 30,
            'billing_phone' => 40,
            'billing_country' => 50,
            'billing_address_1' => 60,
            'billing_city' => 70,
            'billing_postcode' => 80,
        ];

        foreach ($priority as $field => $p) {
            if (isset($fields['billing'][$field])) {
                $fields['billing'][$field]['priority'] = $p;
            }
        }

        // Placeholder più chiari
        $fields['billing']['billing_phone']['placeholder'] = '+39 xxx xxx xxxx';
        $fields['billing']['billing_postcode']['placeholder'] = 'CAP';

        // Auto-focus sul primo campo
        add_action('woocommerce_before_checkout_form', function() {
            echo '';
        });

        return $fields;
    }

    /**
     * Campo note condizionale
     */
    public function conditional_notes_field() {
        $cart = WC()->cart;

        // Mostra campo note solo per ordini > €100 o con prodotti specifici
        $show_notes = false;

        if ($cart->subtotal > 100) {
            $show_notes = true;
        }

        // Oppure se ci sono prodotti che richiedono personalizzazione
        foreach ($cart->get_cart() as $item) {
            if (get_post_meta($item['product_id'], '_requires_notes', true)) {
                $show_notes = true;
                break;
            }
        }

        if ($show_notes) {
            woocommerce_form_field('order_special_notes', [
                'type' => 'textarea',
                'class' => ['form-row-wide'],
                'label' => __('Note aggiuntive per il tuo ordine', 'cfo'),
                'placeholder' => __('Es: regalo, consegna in orario specifico...', 'cfo'),
            ]);
        }
    }

    /**
     * Validazione smart
     */
    public function smart_validation() {
        $settings = get_option('cfo_settings', []);

        // Validazione CAP italiano
        if (!empty($_POST['billing_country']) && $_POST['billing_country'] === 'IT') {
            $cap = sanitize_text_field($_POST['billing_postcode'] ?? '');

            if (!preg_match('/^\d{5}$/', $cap)) {
                wc_add_notice(__('Inserisci un CAP italiano valido (5 cifre)', 'cfo'), 'error');
            }
        }

        // Validazione telefono italiano
        if (!empty($settings['validate_phone']) && !empty($_POST['billing_phone'])) {
            $phone = sanitize_text_field($_POST['billing_phone']);

            if (!preg_match('/^(\+39)?\s?\d{3}\s?\d{3}\s?\d{4}$/', $phone)) {
                wc_add_notice(__('Formato telefono non valido. Usa: +39 xxx xxx xxxx', 'cfo'), 'error');
            }
        }
    }

    /**
     * Campi B2B
     */
    public function b2b_fields($fields) {
        // Se l'utente ha un ruolo B2B
        if (current_user_can('customer_b2b')) {
            // Partita IVA obbligatoria
            $fields['billing_vat'] = [
                'label' => __('Partita IVA', 'cfo'),
                'required' => true,
                'class' => ['form-row-wide'],
                'priority' => 90,
            ];

            // Codice SDI
            $fields['billing_sdi'] = [
                'label' => __('Codice SDI', 'cfo'),
                'required' => false,
                'class' => ['form-row-wide'],
                'priority' => 95,
                'description' => __('Codice destinatario per fatturazione elettronica', 'cfo'),
            ];

            // PEC
            $fields['billing_pec'] = [
                'label' => __('PEC', 'cfo'),
                'required' => false,
                'class' => ['form-row-wide'],
                'priority' => 100,
            ];
        }

        return $fields;
    }

    /**
     * Salva meta dati ordine
     */
    public function save_order_meta($order_id) {
        if (!empty($_POST['order_special_notes'])) {
            update_post_meta(
                $order_id, 
                '_special_notes', 
                sanitize_textarea_field($_POST['order_special_notes'])
            );
        }

        if (!empty($_POST['billing_vat'])) {
            update_post_meta(
                $order_id, 
                '_billing_vat', 
                sanitize_text_field($_POST['billing_vat'])
            );
        }

        if (!empty($_POST['billing_sdi'])) {
            update_post_meta(
                $order_id, 
                '_billing_sdi', 
                sanitize_text_field($_POST['billing_sdi'])
            );
        }
    }

    /**
     * Aggiungi impostazioni admin
     */
    public function add_settings() {
        add_submenu_page(
            'woocommerce',
            __('Ottimizzazione Checkout', 'cfo'),
            __('Ottimizzazione Checkout', 'cfo'),
            'manage_woocommerce',
            'checkout-field-optimizer',
            [$this, 'settings_page']
        );
    }

    /**
     * Pagina impostazioni
     */
    public function settings_page() {
        if (isset($_POST['cfo_save'])) {
            check_admin_referer('cfo_settings');
            update_option('cfo_settings', [
                'remove_fields' => $_POST['remove_fields'] ?? [],
                'simplify_guest' => !empty($_POST['simplify_guest']),
                'validate_phone' => !empty($_POST['validate_phone']),
            ]);
            echo 'Impostazioni salvate!';
        }

        $settings = get_option('cfo_settings', []);
        ?>
        
            

            
                

                
                    
                        
                        
                            
                                >
                                
                            

                            
                                >
                                
                            

                            
                                >
                                
                            
                        
                    
                    
                        
                        
                            
                                >
                                
                            
                        
                    
                    
                        
                        
                            
                                >
                                
                            
                        
                    
                

                
                    
                
            

            
            show_checkout_stats(); ?>
        
        get_row("
            SELECT 
                COUNT(*) as total_orders,
                AVG(meta_value) as avg_checkout_time
            FROM {$wpdb->posts} p
            LEFT JOIN {$wpdb->postmeta} pm ON p.ID = pm.post_id
            WHERE p.post_type = 'shop_order'
            AND p.post_status IN ('wc-completed', 'wc-processing')
            AND pm.meta_key = '_checkout_duration'
        ");

        echo '';
        echo 'Ordini completati: ' . number_format($stats->total_orders) . '';
        if ($stats->avg_checkout_time) {
            echo 'Tempo medio checkout: ' . round($stats->avg_checkout_time) . ' secondi';
        }
        echo '';
    }
}

new Checkout_Field_Optimizer();
Benefici

Riduzione campi del 30-50% per guest
Validazione intelligente per clienti italiani
Campi B2B automatici (P.IVA, SDI, PEC)
Dashboard con statistiche

Risultato atteso: +20-35% tasso di completamento checkout

Esempio 4: Dynamic Pricing Engine
Il pricing dinamico può aumentare significativamente i margini. Ecco un motore di regole flessibile:
rules = get_option('dpe_rules', []);
    }

    /**
     * Applica pricing dinamico
     */
    public function apply_pricing($price, $product) {
        if (is_admin() || !is_numeric($price)) {
            return $price;
        }

        $original_price = (float) $price;
        $new_price = $original_price;

        foreach ($this->rules as $rule) {
            if (!$rule['active']) {
                continue;
            }

            if ($this->rule_applies($rule, $product)) {
                $new_price = $this->calculate_price($new_price, $rule, $product);
            }
        }

        return $new_price < $original_price ? $new_price : $price;
    }

    /**
     * Verifica se la regola si applica
     */
    private function rule_applies($rule, $product) {
        // Verifica data
        $now = current_time('timestamp');

        if (!empty($rule['start_date']) && strtotime($rule['start_date']) > $now) {
            return false;
        }

        if (!empty($rule['end_date']) && strtotime($rule['end_date']) < $now) {
            return false;
        }

        // Verifica categorie
        if (!empty($rule['categories'])) {
            $product_cats = wp_get_post_terms($product->get_id(), 'product_cat', ['fields' => 'ids']);
            if (!array_intersect($rule['categories'], $product_cats)) {
                return false;
            }
        }

        // Verifica ruolo utente
        if (!empty($rule['user_roles'])) {
            $user = wp_get_current_user();
            if (!array_intersect($rule['user_roles'], $user->roles)) {
                return false;
            }
        }

        // Verifica quantità minima
        if (!empty($rule['min_quantity'])) {
            $cart_qty = 0;
            foreach (WC()->cart->get_cart() as $item) {
                if ($item['product_id'] == $product->get_id()) {
                    $cart_qty = $item['quantity'];
                    break;
                }
            }
            if ($cart_qty < $rule['min_quantity']) {
                return false;
            }
        }

        return true;
    }

    /**
     * Calcola il nuovo prezzo
     */
    private function calculate_price($price, $rule, $product) {
        switch ($rule['type']) {
            case 'percentage':
                return $price * (1 - ($rule['value'] / 100));

            case 'fixed':
                return max(0, $price - $rule['value']);

            case 'tiered':
                return $this->calculate_tiered_price($price, $rule, $product);

            case 'time_based':
                return $this->calculate_time_price($price, $rule);

            default:
                return $price;
        }
    }

    /**
     * Prezzo a scaglioni
     */
    private function calculate_tiered_price($price, $rule, $product) {
        $qty = 0;
        foreach (WC()->cart->get_cart() as $item) {
            if ($item['product_id'] == $product->get_id()) {
                $qty = $item['quantity'];
                break;
            }
        }

        $tiers = $rule['tiers'] ?? [];
        krsort($tiers); // Ordina per quantità decrescente

        foreach ($tiers as $min_qty => $discount) {
            if ($qty >= $min_qty) {
                return $price * (1 - ($discount / 100));
            }
        }

        return $price;
    }

    /**
     * Prezzo basato sull'orario
     */
    private function calculate_time_price($price, $rule) {
        $hour = (int) current_time('H');
        $start = (int) ($rule['time_start'] ?? 0);
        $end = (int) ($rule['time_end'] ?? 24);

        if ($hour >= $start && $hour < $end) {
            return $price * (1 - ($rule['value'] / 100));
        }

        return $price;
    }

    /**
     * Mostra prezzo barrato nel carrello
     */
    public function show_discounted_price($price, $cart_item, $cart_item_key) {
        $product = $cart_item['data'];
        $original_price = (float) $product->get_regular_price();
        $current_price = (float) $product->get_price();

        if ($current_price < $original_price) {
            return '' . wc_price($original_price) . ' ' . wc_price($current_price);
        }

        return $price;
    }

    /**
     * Aggiungi menu admin
     */
    public function add_admin_menu() {
        add_submenu_page(
            'woocommerce',
            __('Pricing Dinamico', 'dpe'),
            __('Pricing Dinamico', 'dpe'),
            'manage_woocommerce',
            'dynamic-pricing-engine',
            [$this, 'admin_page']
        );
    }

    /**
     * Pagina admin
     */
    public function admin_page() {
        if (isset($_POST['dpe_save'])) {
            check_admin_referer('dpe_settings');
            $this->save_rules($_POST['rules'] ?? []);
            echo 'Regole salvate!';
        }

        $rules = $this->rules;
        ?>
        
            

            
                

                
                     '', 'type' => 'percentage', 'value' => '', 'active' => true]];
                    }
                    foreach ($rules as $index => $rule) : 
                    ?>
                    
                         #

                        
                            
                                
                                
                                    
                                
                            
                            
                                
                                
                                    
                                
                            
                            
                                
                                
                                    
                                    %
                                
                            
                            
                                
                                
                                     'product_cat', 'hide_empty' => false]);
                                    foreach ($cats as $cat) {
                                        printf(
                                            ' %s
',
                                            $index,
                                            $cat->term_id,
                                            checked(in_array($cat->term_id, $rule['categories'] ?? []), true, false),
                                            esc_html($cat->name)
                                        );
                                    }
                                    ?>
                                
                            
                            
                                
                                
                                    roles as $role_name => $role_info) {
                                        printf(
                                            ' %s
',
                                            $index,
                                            $role_name,
                                            checked(in_array($role_name, $rule['user_roles'] ?? []), true, false),
                                            esc_html($role_info['name'])
                                        );
                                    }
                                    ?>
                                
                            
                            
                                
                                
                                    
                                    -
                                    
                                
                            
                            
                                
                                
                                    
                                        >
                                        
                                    
                                
                            
                        

                        
                        
                    
                    
                

                
                    
                

                
                    
                
            
        

        

        
         $rule) {
            $sanitized[] = [
                'name' => sanitize_text_field($rule['name'] ?? ''),
                'type' => sanitize_text_field($rule['type'] ?? 'percentage'),
                'value' => floatval($rule['value'] ?? 0),
                'categories' => array_map('intval', $rule['categories'] ?? []),
                'user_roles' => array_map('sanitize_text_field', $rule['user_roles'] ?? []),
                'min_quantity' => intval($rule['min_quantity'] ?? 0),
                'start_date' => sanitize_text_field($rule['start_date'] ?? ''),
                'end_date' => sanitize_text_field($rule['end_date'] ?? ''),
                'active' => !empty($rule['active']),
            ];
        }

        update_option('dpe_rules', $sanitized);
        $this->rules = $sanitized;
    }

    /**
     * Registra impostazioni
     */
    public function register_settings() {
        register_setting('dpe_settings', 'dpe_rules');
    }
}

new Dynamic_Pricing_Engine();
Tipi di Regole Supportate

Percentuale - Sconto % su prodotti selezionati
Importo fisso - Sconto in €
A scaglioni - Più compri, più risparmi
Basato sull'orario - Happy hour, orari morti

Risultato atteso: +10-20% margini, +15% conversioni

Best Practices per WooCommerce Plugin Development
1. Performance
// ❌ MAI fare query nel loop
add_action('woocommerce_before_single_product', function() {
    $products = wc_get_products(['limit' => 100]); // Lento!
});

// ✅ Usa transients per caching
add_action('woocommerce_before_single_product', function() {
    $cache_key = 'related_products_' . get_the_ID();
    $products = get_transient($cache_key);

    if (false === $products) {
        $products = wc_get_products(['limit' => 10]);
        set_transient($cache_key, $products, HOUR_IN_SECONDS);
    }
});
2. Sicurezza
// ❌ MAI fidarsi dell'input utente
$price = $_POST['custom_price'];

// ✅ Sanitizza e valida sempre
$price = floatval($_POST['custom_price'] ?? 0);
if ($price < 0 || $price > 999999) {
    wp_die('Prezzo non valido');
}

// ✅ Usa nonce per form
wp_nonce_field('my_action', 'my_nonce');
if (!wp_verify_nonce($_POST['my_nonce'], 'my_action')) {
    wp_die('Security check failed');
}
3. Compatibilità
// ✅ Verifica che WooCommerce sia attivo
if (!class_exists('WooCommerce')) {
    return;
}

// ✅ Usa le versioni minime
add_action('before_woocommerce_init', function() {
    if (class_exists(\Automattic\WooCommerce\Utilities\FeaturesUtil::class)) {
        \Automattic\WooCommerce\Utilities\FeaturesUtil::declare_compatibility('custom_order_tables', __FILE__);
    }
});

// ✅ Hook con priorità corretta
add_filter('woocommerce_product_get_price', 'my_filter', 99, 2); // Priorità alta
4. Debug e Logging
// ✅ Logga errori per debug
if (defined('WP_DEBUG') && WP_DEBUG) {
    error_log('WooCommerce Debug: ' . print_r($data, true));
}

// ✅ Usa WC_Logger
$logger = wc_get_logger();
$logger->info('Messaggio informativo', ['source' => 'my-plugin']);
$logger->error('Errore critico', ['source' => 'my-plugin']);

Come Testare i Tuoi Plugin
Ambiente di Test
# Crea un sito di test con WP-CLI
wp core download --version=latest --path=/var/www/test-site
wp config create --dbname=test_db --dbuser=root --dbpass=password
wp db create
wp core install --url=test.local --title="Test Site" --admin_user=admin --admin_password=password --admin_email=admin@test.local

# Installa WooCommerce
wp plugin install woocommerce --activate

# Crea prodotti di test
wp wc product create --name="Test Product" --regular_price=19.99 --user=admin

# Attiva il tuo plugin
wp plugin activate my-custom-plugin
Unit Testing
// tests/test-my-plugin.php
class MyPluginTest extends WP_UnitTestCase {

    public function test_price_calculation() {
        $product = new WC_Product_Simple();
        $product->set_regular_price(100);
        $product->save();

        $calculated = apply_filters('woocommerce_product_get_price', 100, $product);

        $this->assertLessThan(100, $calculated, 'Il prezzo scontato deve essere minore');
    }
}

Conclusione
Il codice custom per WooCommerce non è solo per sviluppatori esperti. Con gli esempi di questa guida, puoi implementare funzionalità che aumentano concretamente le conversioni del tuo store:

Upsell intelligente → +15-25% AOV
Notifiche stock → Recupero 15-25% vendite perse
Checkout ottimizzato → +20-35% completamento
Pricing dinamico → +10-20% margini

Prossimi Passi

Scegli un plugin dalla lista e implementalo nel tuo ambiente di test
Personalizza le regole in base al tuo business
Monitora i risultati con Google Analytics e WooCommerce Reports
Itera in base ai dati raccolti

Risorse Utili

WooCommerce Developer Documentation
WordPress Plugin Developer Handbook
WooCommerce REST API


Sei uno sviluppatore WordPress? Condividi questa guida con i tuoi clienti e mostragli il valore del codice custom.
Sei uno store owner? Contatta un developer WooCommerce certificato per implementare queste soluzioni sul tuo store.
Hai domande o suggerimenti? Lascia un commento qui sotto!



	%
	'product_cat', 'hide_empty' => false]); foreach ($cats as $cat) { printf( ' %s ', $index, $cat->term_id, checked(in_array($cat->term_id, $rule['categories'] ?? []), true, false), esc_html($cat->name) ); } ?>
	roles as $role_name => $role_info) { printf( ' %s ', $index, $role_name, checked(in_array($role_name, $rule['user_roles'] ?? []), true, false), esc_html($role_info['name']) ); } ?>
	-
	>