Guida allo sviluppo di negozi su WooCommerce: il processo completo, dall’installazione di plugin alla creazione di funzionalità personalizzate

Preparazione dell’ambiente e installazione fondamentale di WooCommerce

Prima di iniziare a costruire il vostro negozio online, è fondamentale assicurarsi di disporre di un ambiente WordPress stabile e compatibile: questo rappresenta il primo passo essenziale. Questo processo include la scelta di un ambiente host appropriato, l’installazione di WordPress e la configurazione necessaria per il corretto funzionamento di WooCommerce.

Requisiti di WordPress e del server

Innanzitutto, è necessario installare la versione più recente di WordPress. WooCommerce ha requisiti minimi riguardo alla versione di WordPress; di solito si consiglia di utilizzare la versione stabile più recente per garantire la massima sicurezza e compatibilità. Per quanto riguarda il server, si consiglia l’utilizzo di PHP 7.4 o versioni successive, MySQL 5.6 o versioni successive (o MariaDB 10.1 e successive), e assicurarsi che siano abilitate le estensioni PHP necessarie, come cURL, la libreria GD, le stringhe multibyte e OpenSSL.

Installare e attivare il plugin WooCommerce

Nella sezione “Plugin” > “Installa plugin” presente nell’interfaccia di amministrazione di WordPress, cercate “WooCommerce”. Una volta trovato il plugin ufficiale, cliccate su “Installa ora” e successivamente su “Attiva”. Dopo l’attivazione, il sistema avvierà automaticamente una guida all’impostazione che vi aiuterà a configurare le basi del vostro negozio, come l’indirizzo, la valuta, i metodi di pagamento e le aree di consegna. Questa guida rappresenta uno strumento eccellente per iniziare rapidamente; anche se la ignorate, potrete comunque modificare le impostazioni in seguito.

Si consiglia di leggere Costruire un e-commerce transfrontaliero efficiente: Guida completa per l’installazione e l’ottimizzazione avanzata di un sito web indipendente con WooCommerce。

Configurazioni di base del negozio e impostazioni delle pagine

Dopo aver completato l’installazione principale, sarà necessario configurare dettagliatamente il negozio in base alle esigenze del vostro business. WooCommerce creerà automaticamente alcune pagine fondamentali, come la pagina principale del negozio, il carrello della spesa, la pagina di pagamento e la pagina “Il mio account”. Dovrete verificare se queste pagine siano state impostate correttamente e pubblicate.

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

Configurare le impostazioni del negozio principale.

Nel pannello di amministrazione di WordPress, accedi… WooCommerce > 设置Qui sono contenute tutte le configurazioni di base necessarie per la gestione del negozio.
* 常规：设置您所在的国家/地区、销售税所在地、货币单位等。
* 产品：配置产品展示方式（如默认排序）、库存管理选项、产品评价设置等。
*Tasse e imposte*: Impostare le aliquote fiscali e le regole di calcolo delle tasse in base alla localizzazione del vostro business e al vostro pubblico di clienti. Per le startup o per aree specifiche, è possibile scegliere di disattivare temporaneamente la funzionalità relativa alle tasse e imposte.
* 结账：这是关键部分。您需要配置客户结账流程，包括启用“优惠券”功能、设置结账页面样式（如是否启用客结账），并配置账户创建选项。

Impostazione del gateway di pagamento e dei metodi di consegna

Senza pagamenti e consegne, il negozio non può completare la transazione. Nella sezione “Impostazioni”, troverete la scheda “Pagamenti”. WooCommerce offre per impostazione predefinita metodi di pagamento offline come “Trasferimento bancario”, “Pagamento con assegno” e “Pagamento alla consegna”. Per integrare metodi di pagamento online (come Alipay, WeChat Pay, Stripe, PayPal), è necessario installare e configurare gli appositi plugin di gateway di pagamento.

Allo stesso modo, nella scheda “Consegna”, è possibile impostare le aree di consegna. Ad esempio, è possibile creare un’area di consegna per la Cina continentale e aggiungere metodi di consegna come “Consegna gratuita”, “Tarifa fissa” o “Corriere locale”. È inoltre possibile definire tariffe e regole di consegna diverse per aree diverse, importi degli ordini o pesi dei prodotti.

Creazione di gestione dei prodotti e classificazioni

Il cuore di un negozio sono i prodotti. WooCommerce offre un sistema di gestione dei prodotti flessibile, in grado di supportare prodotti semplici, prodotti variabili (ad esempio con diverse colorazioni, taglie), prodotti raggruppati, nonché prodotti esterni o correlati.

Si consiglia di leggere Approfondimento di WooCommerce: Una guida completa dalla creazione del negozio alle personalizzazioni avanzate。

Aggiungi il tuo primo prodotto.

In background, entra… 产品 > 添加新产品È necessario inserire il titolo del prodotto, una descrizione dettagliata, nonché impostare le proprietà chiave tramite la scheda “Dati del prodotto”.
* 价格：输入常规价格和促销价。
* 库存：管理SKU、库存数量以及是否允许缺货。
* 运输：如果产品需要单独设置重量和尺寸，可以在此配置。
* 属性：用于创建可变产品。例如，添加“颜色”和“尺码”属性及其选项。

Prima di pubblicare il prodotto, non dimenticate di creare una bella galleria di immagini e di selezionare le foto più rappresentative del prodotto stesso.

Creare categorie e etichette per i prodotti

Una buona struttura di classificazione e etichettatura aiuta i clienti a trovare rapidamente i prodotti ed è fondamentale anche per l’SEO. 产品 > 分类目录 All’interno del sistema, è possibile creare categorie di prodotti gerarchiche, ad esempio “Abbigliamento” > “Abbigliamento maschile” > “T-shirt”. I tag, invece, rappresentano parole chiave non gerarchiche e più flessibili, utilizzate per collegare prodotti simili appartenenti a diverse categorie. Un utilizzo appropriato di categorie e tag può arricchire notevolmente la navigazione del sito web nonché la struttura dei collegamenti interni (i cosiddetti “link interni”).

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

Integrazione di personalizzazioni avanzate e temi

Una volta che il negozio di base è stato avviato, potreste desiderare che il suo aspetto e le sue funzionalità siano più in linea con l’immagine del marchio o con le esigenze specifiche del vostro business. Questo richiede la personalizzazione degli elementi grafici (temi) e l’espansione delle funzionalità disponibili.

Utilizzare i sottotitoli (subtopic) per personalizzare l’aspetto dell’interfaccia.

Non è consigliabile modificare direttamente i file del tema di WooCommerce (soprattutto quelli relativi alle attività che state utilizzando), poiché tutte le modifiche vengono perse in caso di aggiornamento del tema stesso. Il metodo corretto consiste nella creazione di un “sottotema”. Con un sottotema, è possibile sovrascrivere in modo sicuro i file di template di WooCommerce. Ad esempio, per modificare l’aspetto di una singola pagina del prodotto, è possibile creare un file appropriato all’interno della directory del sottotema. woocommerce/single-product.php È possibile modificare i file e apportare modifiche al loro contenuto. Inoltre, è possibile personalizzare i colori, i font e la disposizione dell’interfaccia utilizzando i tool forniti da WordPress (come i customizer o le opzioni incluse nei temi).

Utilizzare hook e frammenti di codice per estendere le funzionalità.

WooCommerce si basa su un potente sistema di “action hooks” (ganci per azioni) e “filter hooks” (ganci per filtri), che permettono agli sviluppatori di aggiungere o modificare funzionalità senza dover modificare il codice sorgente principale. Ad esempio, è possibile eseguire un’azione personalizzata dopo che un utente ha completato il processo di pagamento, oppure filtrare il formato del prezzo di un prodotto prima che venga visualizzato all’utente.

Si consiglia di leggere Guida avanzata: Come personalizzare il tuo sito di e-commerce utilizzando gli hook e i filtri di WooCommerce。

Ecco un semplice esempio di frammento di codice che utilizza… woocommerce_checkout_fields Utilizzate dei filtri per semplificare il modulo di pagamento, eliminando i campi non necessari (ad esempio “Nome dell’azienda”). Potete aggiungere questo codice al sottotema (subtopic) relativo al modulo di pagamento. functions.php Nel file.

/**
 * 简化WooCommerce结账表单字段
 */
add_filter( 'woocommerce_checkout_fields', 'simplify_checkout_fields' );
function simplifyify_checkout_fields( $fields ) {
    // 移除账单地址中的“公司名字”字段
    unset($fields['billing']['billing_company']);

// 移除订单备注字段（在多个地址下方）
    unset($fields['order']['order_comments']);

return $fields;
}

Inoltre, è disponibile un’ampia gamma di estensioni per WooCommerce da scegliere, per implementare funzionalità avanzate come abbonamenti, sistemi di membership, prenotazioni, vendite all’ingrosso e supporto per più lingue. Quando si seleziona un’estensione, è fondamentale prestare attenzione alla frequenza di aggiornamenti, alle valutazioni sulla compatibilità e al supporto fornito dagli sviluppatori.

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

Riassumendo

Costruire un negozio online funzionante con WooCommerce è un processo graduale, che parte dalle basi e arriva fino ai dettagli più avanzati. Iniziate assicurandovi che l’ambiente di sviluppo sia idoneo e installando i plugin essenziali, per poi procedere con la configurazione del negozio, l’impostazione dei metodi di pagamento e delle procedure di spedizione, nonché la gestione dei prodotti in modo accurato. Infine, personalizzate l’aspetto del negozio utilizzando i temi (subthemes) e implementate funzionalità avanzate grazie agli hook, ai frammenti di codice o agli estensioni dedicate. Seguendo questo percorso, sarete in grado di creare un negozio online stabile e affidabile che rifletta appieno le caratteristiche del vostro business. L’apprendimento continuo, i test e l’ottimizzazione sono fondamentali per mantenere la competitività del negozio e garantire un’ottima esperienza d’uso ai clienti.

FAQ - Domande frequenti

Cosa è necessario preparare prima di installare WooCommerce?

Avrete bisogno di un sito WordPress già installato e in funzione, nonché di un ambiente host che soddisfi i requisiti di funzionamento di WooCommerce (si consiglia PHP 7.4+ e MySQL 5.6+). Inoltre, vi consigliamo di pianificare in anticipo la vostra linea di prodotti, i metodi di pagamento e le strategie di consegna.

WooCommerce è gratuito?

Il plugin WooCommerce è gratuito e open source: è possibile scaricarlo, installarlo e utilizzare tutte le sue funzionalità di base per la gestione degli acquisti online gratuitamente. Tuttavia, alcuni gateway di pagamento specifici, interfacce per la logistica, temi avanzati o plugin che offrono funzionalità aggiuntive potrebbero richiedere un acquisto a pagamento.

Come modificare i template di notifica via e-mail di WooCommerce?

I template di email di WooCommerce possono essere personalizzati utilizzando i sottotitoli (subtopics). Per farlo, creare una nuova cartella nella directory dedicata ai sottotitoli (solitamente situata nella directory “wp-content/themes/your-woocommerce-theme/”) e inserire all’interno di essa i file di configurazione necessari. woocommerce/emails/ Crea un indice, quindi seleziona il file del modello di email originale che desideri modificare (ad esempio…). customer-completed-order.phpBasta copiare il file dal catalogo dei plugin di WooCommerce e poi modificarlo a seconda delle proprie esigenze.

Perché lo stile della pagina del mio prodotto non è corretto?

Questo problema è solitamente dovuto al fatto che il tema WordPress attualmente in uso non è completamente compatibile con WooCommerce. Prima di tutto, assicurarsi che il tema che state utilizzando dichiari apertamente il proprio supporto per WooCommerce. Potete verificarlo nelle informazioni fornite dallo stesso tema. functions.php Aggiungere al file add_theme_support( 'woocommerce' ); Il supporto viene dichiarato tramite il codice. Se il problema persiste, potrebbe essere dovuto a conflitti tra i CSS del tema o di altri plugin; in questo caso è necessario controllare la console del browser e verificare ogni singolo elemento uno per uno.