Come modificare il titolo della pagina del negozio in WooCommerce

Pubblicato: 2022-05-04

Se ti stai chiedendo come cambiare il titolo della pagina del negozio in WooCommerce, sei nel posto giusto.

La pagina del negozio è una delle pagine più importanti in qualsiasi negozio di eCommerce o WooCommerce. Qui mostri tutti i tuoi prodotti, quindi la pagina dovrebbe essere visivamente accattivante e avere un design intuitivo.

Per impostazione predefinita, la pagina del negozio WooCommerce è intitolata " Negozio ". È naturale che i proprietari dei siti lo cambino in un titolo più descrittivo e accattivante che rifletta il loro marchio.

Oggi abbiamo preparato una guida che esaminerà i dettagli della modifica del titolo della pagina del negozio WooCommerce. Inoltre, aggiungeremo alcuni tutorial di personalizzazione bonus che ti aiuteranno a rendere il tuo sito WooCommerce più efficiente. Tutto sommato copriremo,

  • Come modificare il titolo della pagina del negozio in WooCommerce
  • Come rendere la pagina del prodotto WooCommerce a tutta larghezza
  • Come resettare i numeri d'ordine in WooCommerce.

Ma prima, andiamo oltre,

Perché modificare il titolo predefinito della pagina del negozio WooCommerce

come modificare il titolo della pagina del negozio in woocommerce

Come abbiamo detto in precedenza, la pagina del negozio è una delle pagine più visitate del sito. Inoltre, il modo in cui progetti la pagina del tuo negozio contribuirà a creare l'immagine del tuo marchio per gli utenti. Devi stare molto attento mentre personalizzi la pagina del tuo prodotto.

Tuttavia, quando installi WooCommerce, il plug-in creerà automaticamente le pagine necessarie come la pagina del negozio, la pagina dell'account, la pagina di pagamento e altro.

Puoi modificare la pagina predefinita " Negozio " con qualsiasi titolo desideri. Puoi dargli un nome come "Prodotti" o "Prodotti disponibili" ecc. Il titolo dovrebbe essere qualcosa di descrittivo e coinvolgente che contribuirà a creare una migliore esperienza di acquisto per i clienti.

Il vantaggio che otterrai personalizzando il titolo della pagina del negozio WooCommerce è,

  • Aiuterà con l' ottimizzazione del motore di ricerca WooCommerce . Se hai idea di come funzionano Google e altri motori di ricerca, allora probabilmente sai che guardano le parole usate nei titoli delle pagine per determinare come classificarle nei risultati di ricerca.
  • Quando hai un titolo descrittivo per la pagina del tuo negozio, ti aiuterà a ottenere più traffico verso il tuo negozio online. Se lo desideri, puoi aggiungere una parola chiave al titolo della pagina del negozio per aumentare il traffico.
  • E quando ottieni più traffico, aumenterà il tuo tasso di conversione.

Con questo in mente, vediamo i metodi su come modificare il titolo della pagina del negozio in WooCommerce.

Come modificare il titolo della pagina del negozio in WooCommerce (3 semplici metodi)

Poiché WordPress è un software open source, c'è molto spazio per le personalizzazioni. E con le giuste personalizzazioni, puoi fare in modo che il tuo sito si distingua dagli altri.

Anche per questa personalizzazione di WooCommerce, ci sono tre metodi che puoi usare,

  • Modifica il titolo della pagina del negozio utilizzando le impostazioni di WordPress
  • Aggiunta di un codice personalizzato al file Function.php per modificare il titolo della pagina del negozio
  • Utilizzo di un plug-in di WordPress per modificare il titolo della pagina del negozio.

Ti mostreremo tutti e 3 i metodi.

Metodo 1: modifica il titolo della pagina del negozio utilizzando le impostazioni di WordPress

Se stai cercando il modo più semplice per modificare il titolo della pagina del negozio predefinita di WooCommerce, allora questo è quello giusto. Puoi modificare il titolo della pagina del negozio utilizzando le impostazioni integrate in WordPress.

  • Vai a Pagine -> Tutte le pagine dalla dashboard dell'amministratore. Devi trovare la pagina che ha l'etichetta "Negozio - Pagina del negozio". Fare clic sul pulsante Modifica . Troverai l'opzione quando ci passi sopra con il mouse.
Come modificare la pagina di WordPress
Trova la pagina del negozio WooCommerce
  • Ora tutto ciò che devi fare è inserire un titolo di pagina a tua scelta sostituendo il titolo predefinito di WooCommerce. Assicurati di fare clic sul pulsante Aggiorna quando hai finito.
Aggiorna la pagina WordPress
Aggiorna la pagina WordPress con il nuovo titolo

Ecco come apparirà la pagina e il titolo aggiornato apparirà anche nel menu di navigazione.

titolo della pagina del negozio WooCommerce aggiornato
Titolo della pagina del negozio WooCommerce aggiornato

Così semplice. Vediamo il metodo numero 2.

Metodo 2: aggiunta di un codice personalizzato al file Function.php per modificare il titolo della pagina del negozio

Esistono molti temi WooCommerce che potrebbero non darti la possibilità di modificare il titolo della pagina del negozio. Oppure potrebbe essere necessario acquistare la versione premium per apportare le modifiche necessarie. Per affrontare questo problema, puoi utilizzare la codifica personalizzata.

Puoi aggiungere il codice che ti forniremo al file function.php del tuo tema per apportare le modifiche. Ecco i passaggi.

  • Prima di tutto, devi creare un tema figlio. Perché avrai bisogno di un tema figlio per apportare modifiche al file, poiché questo miglioramento è correlato al tema. La creazione di un tema child è molto semplice. Puoi seguire questo articolo per creare un tema child. Troverai anche plugin nel repository di WordPress per creare un tema figlio.
Crea una cartella per il tema child
Crea un tema figlio nella cartella del tuo dispositivo
  • Successivamente, devi aggiungere il codice personalizzato di seguito al file functions.php del tema figlio,
 add_filter( 'woocommerce_page_title', 'new_woocommerce_page_title'); function new_woocommerce_page_title( $page_title ) { if( $page_title == 'Shop' ) { return "Boutique Shop for Upcoming Designers"; } }

Assicurati di sostituire il titolo del tuo negozio con quello che preferisci. Tuttavia, questo metodo cambierà solo il titolo della pagina del tuo negozio WooCommerce. Non cambierà l'URL della pagina del negozio o il breadcrumb di WooCommerce.

Titolo della pagina del negozio WooCommerce aggiornato con la codifica
Titolo della pagina del negozio WooCommerce aggiornato

Nota : se desideri nascondere il titolo della pagina del negozio WooCommerce, aggiungi semplicemente il codice seguente al tuo file functions.php e otterrai il risultato desiderato.

 add_filter( 'woocommerce_show_page_title', 'njengah_hide_shop_page_title' ); function njengah_hide_shop_page_title( $title ) { if ( is_shop() ) $title = false; return $title; }

Metodo 3: utilizzo di un plug-in SEO di WordPress per modificare il titolo della pagina del negozio

Ultimo ma non meno importante, se non ti senti sicuro nel modificare le impostazioni di WordPress o aggiungere un codice personalizzato al tuo sito, puoi modificare il titolo della pagina del negozio WooCommerce utilizzando un plug-in SEO. Puoi cambiare il titolo che appare nel motore di ricerca, che è chiamato titolo SEO o tag del titolo.

Questo può rivelarsi un ottimo modo per generare più traffico e aumentare il tasso di conversione.

Per raggiungere questa impresa, puoi utilizzare il popolare plug-in SEO Rank Math. Ecco i passaggi,

  • Ci auguriamo che tu abbia già installato il plug-in Rank Math sul tuo sito. Ora apri la pagina del tuo negozio e scorri verso il basso fino al meta box Rank Math SEO. Fai clic su Modifica frammento come mostrato di seguito.
rango frammento di matematica
Modifica frammento
  • Aggiungi il titolo della tua pagina Shop aggiornata nella sezione Titolo e aggiorna la pagina.
rank math aggiornato title_come modificare il titolo della pagina del negozio in WooCommerce
Aggiungi il nuovo titolo della pagina del negozio WooCommerce
  • Ora puoi vedere il titolo della pagina del negozio aggiornato nel tuo negozio online.

Ecco, questi sono i modi preferiti per modificare il titolo della pagina del negozio predefinita di WooCommerce.

Domande frequenti sulla modifica del titolo della pagina del negozio WooCommerce

Come cambio la pagina del negozio in WooCommerce?

Vai su WooCommerce–> Impostazioni–> scheda Prodotto . Lì seleziona la nuova pagina del negozio dal menu a discesa.

Come posso modificare il titolo della pagina del carrello in WooCommerce?

Dal menu della dashboard, fai clic su Pagine > Tutte le pagine . Fare clic sul collegamento Pagina di pagamento. Cambia il nome del titolo e fai clic sul pulsante Aggiorna.

Come posso personalizzare la mia pagina di pagamento di WooCommerce?

Vai su WooCommerce »Impostazioni e fai clic sulla scheda "Avanzate". Quindi, seleziona il nuovo URL della pagina di pagamento di WooCommerce dal menu a discesa. Assicurati di fare clic su "Salva modifiche" nella parte inferiore dello schermo

Ma aspetta, questa non è la fine. Ricorda che abbiamo detto che abbiamo incluso anche alcune parti bonus in questo articolo, vediamole, va bene?

Personalizzazione bonus 1: come rendere la pagina del prodotto WooCommerce a tutta larghezza

La pagina del prodotto o del negozio WooCommerce è una pagina molto importante per qualsiasi negozio di e-commerce. È importante che questa pagina non abbia alcun design che distragga il cliente.

Molti utenti hanno chiesto soluzioni su come rendere la pagina del prodotto WooCommerce a tutta larghezza e rimuovere sezioni come barre laterali o blog recenti.

normale pagina del prodotto WooCommerce
Pagina del prodotto WooCommerce

Vogliono mantenere pulita la pagina del prodotto in modo che i clienti possano concentrarsi completamente sui prodotti. Ha la possibilità di aumentare i tassi di conversione. Abbiamo trovato una soluzione semplice che aiuterà quegli utenti a rendere la pagina del loro prodotto WooCommerce a tutta larghezza.

  • Apri il file style.css del tema figlio del tuo sito e incolla il codice seguente,
 .single.woocommerce #primary, .archive.woocommerce #primary { width: 100%; }
  • Vai alla pagina del tuo prodotto o negozio e aggiorna il tuo sito. Vedrai che la pagina del tuo prodotto è ora a tutta larghezza.
pagina del prodotto a larghezza intera_come modificare il titolo della pagina del negozio in WooCommerce
Pagina del negozio WooCommerce a tutta larghezza

Ecco come puoi rendere la pagina del tuo prodotto WooCommerce a tutta larghezza.

Domande frequenti sulla creazione della pagina del prodotto WooCommerce a larghezza intera

Posso personalizzare la pagina del prodotto WooCommerce?

Si, puoi. Avrai tutti gli strumenti per modificare il design e la funzionalità delle pagine dei prodotti.

Come faccio a rendere il contenuto a tutta larghezza in WordPress?

Basta fare clic sul menu Modifica dell'elemento e modificarne il layout da Riquadro predefinito a Larghezza intera, e il tuo contenuto ora si estenderà completamente tra i bordi verticali della pagina.

Come si personalizza una pagina di categoria in WooCommerce?

Vai su Aspetto > Personalizza > WooCommerce > Catalogo prodotti . Ora scegli cosa visualizzare nella pagina principale del negozio. Quindi, seleziona Mostra categorie per visualizzare le categorie di prodotti nel tuo negozio.

Personalizzazione bonus 2: come reimpostare il numero d'ordine in WooCommerce

Sfortunatamente, WooCoomerce non ha impostazioni di base per modificare i numeri degli ordini. Così tanti utenti stavano cercando modi alternativi su come reimpostare i numeri degli ordini in WooCommerce. Bene, abbiamo trovato una soluzione che li aiuterà a fare esattamente questo.

  • Apri il file function.php del tema di tuo figlio e incolla il codice seguente,
 add_filter( 'woocommerce_order_number', 'change_woocommerce_order_number' ); function change_woocommerce_order_number( $order_id ) { global $wpdb; $prefix = '/RM/'; $suffix = '/TS'; $order = wc_get_order( $order_id ); $order_date = $order->get_date_created(); $date_created = $order_date->date( 'Ymd' ); $query = "SELECT ID FROM {$wpdb->prefix}posts WHERE post_date LIKE '%".$date_created."%' AND post_type='shop_order' ORDER BY ID "; $result = $wpdb->get_results( $query ); $count = 0; foreach( $result as $index => $id ) { if( strval($order_id) == $id->ID ) { $count = $index + 1; break; } } $new_order_id = $count . $prefix .$date_created. $suffix; return $new_order_id; }
  • Ciò ripristinerà nuovamente il numero dell'ordine da 1. Ecco come apparivano i numeri d'ordine precedenti,
precedenti numeri d'ordine WooCommerce
Numeri d'ordine WooCommerce precedenti

Dopo aver aggiunto il codice, ecco come apparirà il numero dell'ordine,

reimposta il numero dell'ordine _come modificare il titolo della pagina del negozio in WooCommerce
Numero d'ordine WooCommerce dopo il ripristino

Nota : se desideri reimpostare gli ordini WooCommerce su 1 ogni 24 ore, devi aggiungere il codice seguente al tuo file functions.php,

 public function change_woocommerce_order_number( $order_id ) { global $wpdb; $prefix = '/RM/'; $suffix = '/TS'; $order = wc_get_order( $order_id ); $order_date = $order->get_date_created(); $date_created = $order_date->date( 'Ymd' ); $query = "SELECT ID FROM {$wpdb->prefix}posts WHERE post_date LIKE '%".$date_created."%' AND post_type='shop_order' ORDER BY ID "; $result = $wpdb->get_results( $query ); $count = 0; foreach( $result as $index => $id ) { if( strval($order_id) == $id->ID ) { $count = $index + 1; break; } } $new_order_id = $count . $prefix .$date_created. $suffix; return $new_order_id; }

Modificando il numero dell'ordine, i tuoi concorrenti non saranno in grado di indovinare il numero di ordini che hai ricevuto fino alla data in base all'ID dell'ordine.

Leggi: Come aggiungere lo stato dell'ordine personalizzato al tuo marketplace multivendor di WordPress

Quindi, ecco come reimpostare il numero dell'ordine in WooCommerce.

Domande frequenti sulla modifica del numero d'ordine WooCommerce

Come funzionano i numeri d'ordine WooCommerce?

Il modo in cui funziona è che a ogni elemento nel database di WordPress viene assegnato un numero ID univoco, che viene assegnato in sequenza. Ciò include ordini, pagine, post, immagini, ecc.

Come trovo il mio numero d'ordine in WooCommerce?

Puoi trovare i numeri d'ordine usando questa funzione: $order->get_id(); Ciò dovrebbe restituire l'ID dell'ordine senza "#"

Come ottengo i dati dell'ordine WooCommerce?

Se desideri l'ordine WooCommerce, puoi utilizzare la funzione get_data() . Restituirà i dati come un array associativo e possiamo usare questo array con key=>pair value.

Apporta le personalizzazioni WooCommerce necessarie per aumentare il tuo tasso di conversione!

Siamo alla fine del nostro articolo e speriamo, sai,

  • Come modificare il titolo della pagina del negozio in WooCommerce
  • Come rendere la pagina del prodotto WooCommerce a tutta larghezza
  • E come reimpostare il numero dell'ordine in WooCommerce.

Utilizzando le personalizzazioni di cui abbiamo parlato nell'articolo, puoi distinguerti dalla massa. Inoltre, contribuirà a rendere il tuo sito WooCommerce più efficiente e intuitivo. Se hai domande o confusione riguardo ai metodi, faccelo sapere nella sezione dei commenti.