Sviluppo di un sito e-commerce con WooCommerce: costruisci il tuo negozio online da zero.

Preparativi e allestimento dell'ambiente.

Prima di avviare ufficialmente il tuo negozio su WooCommerce, un’attenta preparazione è la base del successo. Questo include la configurazione dell’ambiente di base, l’installazione dei software necessari e la pianificazione iniziale del sito web.

Configurare un ambiente di sviluppo locale

Per evitare i rischi legati alle operazioni dirette sui server online e la perdita di dati, si consiglia caldamente di creare un ambiente di sviluppo sul proprio computer locale. Per lo sviluppo con WooCommerce, è solitamente necessario installare un pacchetto software che includa Apache/Nginx, PHP e MySQL.
1. Scegliere l’ambiente di integrazione: Gli utenti Windows possono scegliere tra WAMP o XAMPP; per gli utenti macOS si consiglia MAMP o Laravel Valet; gli utenti Linux possono configurare direttamente un ambiente LAMP o LEMP.
2. Installazione di WordPress: Una volta che l’ambiente locale è pronto, scarica la versione più recente di WordPress e scompatta il file nell’directory radice del sito sul server locale (ad esempio…).htdocs或wwwCreare una nuova cartella, creare un nuovo database MySQL e accedere al sito locale tramite un browser per completare il processo di installazione di WordPress in “cinque minuti”.
3. Configurazione degli strumenti di debug: Abilitare il modalità di debug di WordPress.wp-config.phpI parametri sono impostati nel file.WP_DEBUG为trueQuesto aiuta a individuare e risolvere problemi potenziali durante la fase di sviluppo.

Pianificare la struttura del negozio e i tipi di prodotti

Prima di installare un plugin, è fondamentale disporre di un piano commerciale chiaro e ben definito. Devi riflettere su:
Catalogo prodotti: come vengono classificati i prodotti? Si utilizza una classificazione semplice (Categorie) o è necessario un sistema di attributi più complesso, come colore e dimensione?
Tipi di prodotti: WooCommerce supporta diversi tipi di prodotti, tra cui prodotti semplici, prodotti variabili (come magliette di diverse taglie), prodotti raggruppati, prodotti esterni, ecc. È necessario selezionare il tipo di prodotto in base agli articoli che si desidera vendere.
– Pagamenti e logistica: Dove si trova il target di clienti? Con quali metodi di pagamento sono abituati a effettuare i pagamenti (ad esempio, Alipay, WeChat Pay, PayPal)? Qual è l’ambito di distribuzione dei prodotti e come vengono calcolati i costi di spedizione?
– Esigenze di espansione: È necessario un sistema di membri, un modello di abbonamento, supporto per più lingue o l’integrazione con sistemi ERP specifici? Elencare queste esigenze aiuterà nella scelta dei plugin appropriati in seguito.

Si consiglia di leggere WooCommerce: Dal principiante all’esperto: La guida definitiva per creare siti e-commerce professionali。

Installazione principale e configurazioni di base

Dopo aver completato la pianificazione, è possibile iniziare l’installazione e la configurazione di WooCommerce, trasformandolo da un semplice sistema di blog in un potente platforme di e-commerce.

UltaHost – Hosting per siti WordPress

Garanzia di rimborso entro 30 giorni, larghezza di banda illimitata e accesso ai database, protezione gratuita contro gli attacchi DDoS; sconto del 50% per l’acquisto di un piano valido per 3 anni (da 3 a 4 TB di spazio di archiviazione).

pagina di accesso

Installare e attivare il plugin WooCommerce

Nel pannello di amministrazione di un sito WordPress, sia locale che online, vai su “Aggiornamenti” -> “Installa plugin”. Digita “WooCommerce” nella casella di ricerca, trova il plugin ufficiale sviluppato da Automattic, fai clic su “Installa ora” e poi su “Attiva”. Dopo l’attivazione, verrà avviato automaticamente il wizard di configurazione di WooCommerce.

Eseguire la guida per le impostazioni iniziali.

La guida all’impostazione ti aiuterà a completare i passaggi più importanti. Assicurati di compilare i campi richiesti in base al piano precedente.
1. Indirizzo del negozio e valuta: Imposta il tuo paese/regione, la città in cui ti trovi, il codice postale e la valuta principale utilizzata per le transazioni nel negozio (ad esempio, il Renminbi CNY).
2. Prodotti e pagamenti: Scegli il tipo di prodotto che intendi vendere (ad esempio, beni fisici o beni digitali) e collegati al gateway di pagamento. WooCommerce integra per impostazione predefinita PayPal e Stripe; tuttavia, puoi anche saltare questo passaggio e installare estensioni di pagamento specifiche in un secondo momento (ad esempio, l’estensione per PayPal).
3. Configurazione delle spese di spedizione: È possibile impostare una tariffa di spedizione unica e semplice, calcolare le spese in base al peso o all’indirizzo, oppure decidere di non configurarle per il momento.
4. Plugin consigliati: Il wizard potrebbe consigliare alcuni estensioni, come Jetpack, utili per le statistiche del sito e la sicurezza; puoi scegliere di installarle in base alle tue esigenze.

Pagina di base e impostazioni del negozio

Al termine della procedura guidata, WooCommerce creerà automaticamente alcune pagine fondamentali: il carrello della spesa, la pagina di pagamento, la pagina del mio account e la pagina iniziale del negozio. È necessario verificare se queste pagine siano state pubblicate correttamente.
Le ulteriori impostazioni di backend si trovano in… WooCommerce -> 设置 Qui sono presenti diverse pagine con etichette come “Ordinario”, “Prodotti”, “Consegna”, “Tasse”, “Pagamenti”, ecc. Devi configurare in modo specifico:
Impostazioni standard: ad esempio, attivare/disattivare i coupon e consentire o meno agli ospiti di effettuare il checkout senza registrare un account.
Visualizzazione dei prodotti: imposta il numero di prodotti per pagina e il modo di ordinamento predefinito del negozio.
Area di consegna: aggiungi metodi di consegna specifici (come “Corriere espresso”, “Posta ordinaria”) e tariffe per le zone in cui è necessaria la consegna (ad esempio, “Cina continentale”, “Hong Kong, Cina”).

Funzionalità avanzate e sviluppo personalizzato

Una volta che il negozio di base è stato avviato, potrebbe essere necessario implementare logiche aziendali più complesse o progettare interfacce uniche, il che richiede uno sviluppo personalizzato approfondito.

Si consiglia di leggere Guida avanzata allo sviluppo per l’utilizzo dei campi personalizzati di WooCommerce: dalla creazione alla visualizzazione。

Campi e dati personalizzati del prodotto

I dati dei prodotti in WooCommerce vengono memorizzati in tabelle di database personalizzate, ma è possibile aggiungere facilmente campi personalizzati utilizzando gli “hook” (meccanismi di integrazione). Ad esempio, è possibile aggiungere un campo “Anno” per i prodotti di vino.
Prima di tutto, usawoocommerce_product_options_general_product_dataGli “action hooks” vengono utilizzati per aggiungere campi sulla pagina di modifica dei prodotti nel backend.

add_action( 'woocommerce_product_options_general_product_data', 'add_custom_product_field' );
function add_custom_product_field() {
    woocommerce_wp_text_input( array(
        'id' => '_vintage_year',
        'label' => __( '年份', 'your-textdomain' ),
        'desc_tip' => 'true',
        'description' => __( '请输入该葡萄酒的生产年份。', 'your-textdomain' ),
    ) );
}

Poi, utilizza…woocommerce_process_product_metaL’action hook salva il valore di questo campo:

add_action( 'woocommerce_process_product_meta', 'save_custom_product_field' );
function save_custom_product_field( $post_id ) {
    $custom_field_value = isset( $_POST['_vintage_year'] ) ? sanitize_text_field( $_POST['_vintage_year'] ) : '';
    update_post_meta( $post_id, '_vintage_year', $custom_field_value );
}

Soppressione dei template tematici e personalizzazione degli stili

Per modificare lo stile e la struttura degli elementi di WooCommerce (ad esempio, il pulsante “Aggiungi al carrello”, la pagina dei dettagli del prodotto o la pagina di pagamento), è necessario utilizzare la funzionalità di “sovrascrittura dei template”. I file dei template di WooCommerce si trovano nella directory dei plugin./templates/All’interno della cartella.
Il processo di personalizzazione consiste nel creare, all’interno della directory dei sottotitoli della tua attività, un file con il nome…woocommerceApri la cartella corrispondente, quindi copia il file del template del plugin che desideri modificare nella posizione relativa all’interno di questa cartella e procedi con le modifiche necessarie.
Ad esempio, per modificare la visualizzazione del prezzo su una singola pagina del prodotto, si può iniziare da…wp-content/plugins/woocommerce/templates/single-product/price.phpCopia questo file nel tuo sottotema:wp-content/themes/your-child-theme/woocommerce/single-product/price.phpPoi modifica questo file di copia.

hosting.com Hosting condiviso

Prestazioni elevate con CPU AMD EPYC, storage SSD NVMe e LiteSpeed, supporto interno di esperti 24 ore su 24, 7 giorni su 7, misure di sicurezza avanzate, tra cui SSL, brute force, malware e protezione DDoS, risparmi fino a 73%

pagina di accesso

Ottimizzazione delle prestazioni e distribuzione sicura

Prima del lancio di un sito web, l’ottimizzazione delle prestazioni e il rafforzamento della sicurezza sono passaggi essenziali e indispensabili; influenzano direttamente l’esperienza utente e il funzionamento stabile del negozio online.

Migliorare la velocità di caricamento del sito web

La velocità di un sito e-commerce è di fondamentale importanza, poiché influisce direttamente sul tasso di conversione.
1. Scegliere un hosting ad alte prestazioni: opta per un servizio di hosting ottimizzato per WooCommerce, che di solito offre un ambiente di esecuzione PHP più veloce, cache di oggetti (come Redis) e integrazione con CDN.
2. Utilizzare plugin di cache: Installa plugin come W3 Total Cache o WP Rocket; essi permettono di generare pagine HTML statiche e di comprimere i file CSS/JS, riducendo notevolmente il carico sul server e i tempi di caricamento delle pagine.
3. Ottimizzazione delle immagini e del database: Prima di caricarle, tutte le immagini dei prodotti dovrebbero essere compresse utilizzando strumenti come TinyPNG. Inoltre, è consigliabile utilizzare plugin per pulire e ottimizzare regolarmente il database di WordPress, eliminando versioni modificate, bozze e dati ridondanti.
4. Ottimizzazione del codice: Assicurati che il codice personalizzato sia efficiente e evita di creare rallentamenti nell’esecuzione del tema.functions.phpNon caricare script non necessari. Per i file CSS e JS personalizzati, è consigliabile unirli il più possibile e ridurne le dimensioni al minimo.

Rafforzare la protezione della sicurezza del sito web

I negozi online gestiscono fondi e informazioni sensibili degli utenti, quindi la sicurezza rappresenta una priorità assoluta.
1. Utilizzo obbligatorio di certificati SSL: Implementa un certificato SSL (HTTPS) per il tuo dominio e attiva questa funzionalità nelle impostazioni di WooCommerce. Questo garantisce che i dati degli utenti vengano crittografati durante la trasmissione.
2. Aggiornamenti e backup regolari: Assicurarsi sempre che il core di WordPress, i plugin WooCommerce, i temi e tutte le altre estensioni siano aggiornati alle versioni più recenti. Utilizzare plugin di backup affidabili (come UpdraftPlus) per eseguire backup completi del sito in tempi prestabiliti e su server remoti (ad esempio, cloud storage).
3. Plugin di sicurezza e controllo degli accessi: Installa plugin di sicurezza come Wordfence o Sucuri, in grado di monitorare il traffico malintenzionato, prevenire tentativi di hacking e fornire funzionalità di firewall. Limita rigorosamente i permessi degli amministratori di sistema, utilizza password robuste e attiva il processo di autenticazione a doppio fattore.

Si consiglia di leggere La guida definitiva per velocizzare i siti WooCommerce: una strategia di ottimizzazione completa dal server al codice.。

Riassumendo

Costruire un negozio online con WooCommerce rappresenta un progetto complesso e sistematico: dalla preparazione iniziale dell’ambiente e dalla pianificazione commerciale, all’installazione dei plugin essenziali e alle impostazioni di base, fino allo sviluppo personalizzato per soddisfare esigenze specifiche, e infine all’ottimizzazione delle prestazioni e al rafforzamento della sicurezza. Ogni passaggio è di fondamentale importanza. La forza di WooCommerce risiede nella sua elevata estensibilità e flessibilità: sia attraverso l’ampia gamma di estensioni ufficiali e di terze parti, sia attraverso il sistema di hook e template standard di WordPress, è in grado di supportare attività commerciali che vanno da quelle semplici a quelle estremamente complesse. Seguendo i passaggi descritti in questo articolo, gli sviluppatori possono creare un negozio online professionale che risponda alle esigenze del business, sia stabile che sicuro, e al contempo efficiente.

FAQ - Domande frequenti

WooCommerce è adatto alla vendita di prodotti o servizi digitali?
È perfetto! WooCommerce supporta non solo prodotti fisici, ma anche prodotti digitali scaricabili (come software, e-book, musica) e prodotti/servizi virtuali (come prenotazioni di corsi online, servizi di consulenza). Per aggiungere un prodotto, basta selezionare le opzioni “Virtuale” e/o “Scaricabile” nel pannello di dati del prodotto, caricare i file necessari o impostare i link relativi ai servizi.

Hosting condiviso InterServer

Hosting condiviso $2,50 USD al mese, primo mese $0,1 USD codice promozionale tryinterserver, 461 script di applicazioni cloud, installazione con un clic.

pagina di accesso

Come importare in batch i dati dei prodotti esistenti in WooCommerce?

WooCommerce fornisce strumenti potenti per l’importazione ed esportazione dei dati dei prodotti in formato CSV. È possibile eseguire il “WooCommerce Product CSV Import Suite” da “Strumenti” -> “Importazione”. Per iniziare, esporta un file CSV di esempio per comprendere la struttura dei dati; successivamente, organizza i tuoi dati di prodotto seguendo lo stesso formato (che include colonne come SKU, nome, descrizione, prezzo, categoria, URL dell’immagine, ecc.) e utilizza lo strumento per caricarli e mappare i campi in modo da effettuare un’importazione in blocco. Per migrazioni di dati più complesse, potresti considerare l’uso di plugin dedicati all’importazione, come WP All Import.

È possibile modificare i campi e il flusso di lavoro della pagina di pagamento?

Certo, ed è una richiesta di personalizzazione molto comune. È possibile aggiungere, eliminare o modificare facilmente l’ordine dei campi utilizzati per il pagamento, nonché le regole di validazione, utilizzando degli “hook” scritti in codice. Ad esempio, si può…woocommerce_checkout_fieldsEsistono filtri per manipolare i campi dei dati. Inoltre, ci sono molti plugin dedicati (ad esempio il Checkout Field Editor per WooCommerce) che permettono di eseguire queste operazioni tramite un’interfaccia visiva, senza la necessità di scrivere codice. Per modifiche più significative ai processi, come l’implementazione di un pagamento a più passaggi, è necessario un livello più avanzato di sviluppo o l’utilizzo di plugin specifici.

Come configurare il pagamento tramite Alipay o WeChat Pay per un negozio WooCommerce?

Il modo più diretto per integrare i servizi di pagamento di Alipay o WeChat Pay in un sito web basato su WooCommerce è utilizzare plugin ufficiali o di terze parti verificati. Puoi cercare plugin come “Alipay” o “WeChat Pay” nel negozio di estensioni ufficiale di WooCommerce o nei mercati di plugin per WordPress disponibili in Cina. Di solito, è necessario acquistare o installare tali plugin, abilitarli nelle impostazioni di pagamento di WooCommerce e configurare parametri come l’ID del merchant e la chiave di applicazione ottenuti dalle rispettive piattaforme di pagamento. Una volta completata la configurazione, le opzioni di pagamento relative a Alipay o WeChat Pay appariranno sulla pagina di pagamento del sito web.