Jak zmienić tytuł strony sklepu w WooCommerce

Opublikowany: 2022-05-04

Jeśli zastanawiasz się, jak zmienić tytuł strony sklepu w WooCommerce, to dobrze trafiłeś.

Strona sklepu jest jedną z najważniejszych stron w każdym sklepie eCommerce lub WooCommerce. Tutaj wyświetlasz wszystkie swoje produkty, więc strona powinna być atrakcyjna wizualnie i przyjazna dla użytkownika.

Domyślnie strona sklepu WooCommerce nosi tytuł „ Sklep ”. To naturalne, że właściciele witryn zmieniają to na bardziej opisowy i wciągający tytuł, który odzwierciedla ich markę.

Przygotowaliśmy dzisiaj poradnik, który omówi szczegóły zmiany tytułu strony sklepu WooCommerce. Dodamy również dodatkowe samouczki dotyczące dostosowywania, które pomogą Ci zwiększyć wydajność witryny WooCommerce. W sumie omówimy,

  • Jak zmienić tytuł strony sklepu w WooCommerce
  • Jak ustawić pełną szerokość strony produktu WooCommerce
  • Jak zresetować numery zamówień w WooCommerce.

Ale najpierw przejdźmy do

Po co zmieniać domyślny tytuł strony sklepu WooCommerce

jak zmienić tytuł strony sklepu w woocommerce

Jak powiedzieliśmy wcześniej, strona sklepu jest jedną z najczęściej odwiedzanych stron w serwisie. Ponadto sposób, w jaki zaprojektujesz stronę sklepu, pomoże stworzyć wizerunek Twojej marki dla użytkowników. Musisz być bardzo ostrożny podczas dostosowywania strony produktu.

Jednak po zainstalowaniu WooCommerce wtyczka automatycznie utworzy niezbędne strony, takie jak strona sklepu, strona konta, strona kasy i inne.

Możesz zmienić domyślną stronę „ Sklep ” na dowolny tytuł. Możesz nadać mu nazwę, np. „Produkty” lub „Dostępne produkty” itp. Tytuł powinien być opisowy i wciągający, co pomoże zapewnić klientom lepsze wrażenia z zakupów.

Korzyścią, jaką uzyskasz, dostosowując tytuł strony sklepu WooCommerce, jest:

  • Pomoże to w optymalizacji wyszukiwarek WooCommerce . Jeśli masz pojęcie o tym, jak działa Google i inne wyszukiwarki, prawdopodobnie wiesz, że patrzą na słowa użyte w tytułach stron, aby określić, jak uszeregować je w wynikach wyszukiwania.
  • Posiadanie opisowego tytułu strony sklepu pomoże zwiększyć ruch w sklepie internetowym. Jeśli chcesz, możesz dodać słowo kluczowe do tytułu strony sklepu, aby zwiększyć ruch.
  • A kiedy uzyskasz większy ruch, zwiększy to współczynnik konwersji.

Mając to na uwadze, zobaczmy, jak zmienić tytuł strony sklepu w WooCommerce.

Jak zmienić tytuł strony sklepu w WooCommerce (3 proste metody)

Ponieważ WordPress jest oprogramowaniem typu open source, istnieje wiele możliwości dostosowań. A dzięki odpowiednim dostosowaniom możesz wyróżnić swoją witrynę na tle innych.

W przypadku tego dostosowania WooCommerce istnieją również trzy metody, których możesz użyć,

  • Zmień tytuł strony sklepu za pomocą ustawień WordPress
  • Dodanie niestandardowego kodu do pliku Function.php w celu zmiany tytułu strony sklepu
  • Używanie wtyczki WordPress do zmiany tytułu strony sklepu.

Pokażemy Ci wszystkie 3 metody.

Metoda 1: Zmień tytuł strony sklepu za pomocą ustawień WordPress

Jeśli szukasz najłatwiejszego sposobu na zmianę domyślnego tytułu strony sklepu WooCommerce, to jest właśnie ten. Możesz dostosować tytuł strony sklepu za pomocą wbudowanych ustawień w WordPress.

  • Przejdź do Strony–> Wszystkie strony z pulpitu administratora. Musisz znaleźć stronę, która ma etykietę „Sklep – Strona sklepu”. Kliknij przycisk Edytuj . Znajdziesz tę opcję, gdy najedziesz na nią kursorem.
Jak edytować stronę WordPress
Znajdź stronę sklepu WooCommerce
  • Teraz wszystko, co musisz zrobić, to wprowadzić wybrany tytuł strony, zastępując domyślny tytuł WooCommerce. Po zakończeniu kliknij przycisk Aktualizuj .
Zaktualizuj stronę WordPress
Zaktualizuj stronę WordPress o nowy tytuł

Tak będzie wyglądać strona, a zaktualizowany tytuł pojawi się również w menu nawigacyjnym.

zaktualizowany tytuł strony sklepu WooCommerce
Zaktualizowano tytuł strony sklepu WooCommerce

Tak prosty. Zobaczmy metodę numer 2.

Metoda 2: Dodanie niestandardowego kodu do pliku Function.php w celu zmiany tytułu strony sklepu

Istnieje wiele motywów WooCommerce, które mogą nie dawać możliwości zmiany tytułu strony sklepu. Lub może być konieczne zakupienie wersji premium w celu wprowadzenia niezbędnych zmian. Aby rozwiązać ten problem, możesz użyć niestandardowego kodowania.

Możesz dodać kod, który ci dostarczymy, do pliku function.php motywu, aby wprowadzić zmiany. Oto kroki.

  • Przede wszystkim musisz utworzyć motyw potomny. Ponieważ będziesz potrzebować motywu potomnego, aby wprowadzić zmiany w pliku, ponieważ to ulepszenie jest związane z motywem. Tworzenie motywu potomnego jest bardzo łatwe. Możesz śledzić ten artykuł, aby utworzyć motyw potomny. W repozytorium WordPress znajdziesz również wtyczki do tworzenia motywu potomnego.
Utwórz folder dla motywu potomnego
Utwórz motyw potomny w folderze swojego urządzenia
  • Następnie musisz dodać poniższy niestandardowy kod do pliku functions.php motywu potomnego,
 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"; } }

Pamiętaj, aby zmienić tytuł swojego sklepu na preferowany. Jednak ta metoda zmieni tylko tytuł strony Twojego sklepu WooCommerce. Nie zmieni adresu URL strony sklepu ani bułki tartej WooCommerce.

Strona sklepu WooCommerce Tytuł zaktualizowany o kodowanie
Zaktualizowano tytuł strony sklepu WooCommerce

Uwaga : Jeśli chcesz ukryć tytuł strony sklepu WooCommerce, po prostu dodaj poniższy kod do swojego pliku functions.php, a uzyskasz pożądany rezultat.

 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; }

Metoda 3: Używanie wtyczki SEO WordPress do zmiany tytułu strony sklepu

Wreszcie, jeśli nie czujesz się pewnie w dostosowywaniu ustawień WordPress lub dodawaniu niestandardowego kodu do swojej witryny, możesz zmienić tytuł strony sklepu WooCommerce za pomocą wtyczki SEO. Możesz zmienić tytuł, który pojawia się w wyszukiwarce, który nazywa się tytułem SEO lub tagiem tytułu.

Może to okazać się świetnym sposobem na wygenerowanie większego ruchu i zwiększenie współczynnika konwersji.

Aby osiągnąć ten wyczyn, możesz użyć popularnej wtyczki SEO Rank Math. Oto kroki,

  • Mamy nadzieję, że masz już zainstalowaną wtyczkę Rank Math na swojej stronie. Teraz otwórz stronę swojego sklepu i przewiń w dół do meta pola Rank Math SEO. Kliknij Edytuj fragment , jak pokazano poniżej.
rankingowy fragment matematyki
Edytuj fragment
  • Dodaj zaktualizowany tytuł strony Sklepu w sekcji Tytuł i zaktualizuj stronę.
rank math zaktualizowany tytuł_jak zmienić tytuł strony sklepu w WooCommerce
Dodaj nowy tytuł strony sklepu WooCommerce
  • Teraz możesz zobaczyć zaktualizowany tytuł strony sklepu w swoim sklepie internetowym.

Oto preferowane sposoby zmiany domyślnego tytułu strony sklepu WooCommerce.

Często zadawane pytania dotyczące zmiany tytułu strony sklepu WooCommerce

Jak zmienić stronę sklepu w WooCommerce?

Przejdź do WooCommerce–> Ustawienia–> zakładka Produkt . Tam wybierz nową stronę sklepu z rozwijanego menu.

Jak zmienić tytuł strony koszyka w WooCommerce?

W menu pulpitu nawigacyjnego kliknij Strony > Wszystkie strony . Kliknij link Strona kasy. Zmień nazwę tytułu i kliknij przycisk Aktualizuj.

Jak dostosować stronę kasy WooCommerce?

Przejdź do WooCommerce » Ustawienia i kliknij kartę „Zaawansowane”. Następnie wybierz nowy adres URL strony kasy WooCommerce z menu rozwijanego. Pamiętaj, aby kliknąć „Zapisz zmiany” u dołu ekranu

Ale czekaj, to nie koniec. Pamiętasz, jak powiedzieliśmy, że do tego artykułu dodaliśmy również kilka dodatkowych części, zobaczmy je, dobrze?

Dostosowanie premii 1: Jak sprawić, by strona produktu WooCommerce miała pełną szerokość

Strona produktu lub sklepu WooCommerce to bardzo ważna strona dla każdego sklepu eCommerce. Ważne jest, aby ta strona nie miała żadnego projektu, który rozprasza klienta.

Wielu użytkowników prosiło o rozwiązania, jak ustawić pełną szerokość strony produktu WooCommerce i usunąć sekcje, takie jak paski boczne lub ostatnie blogi.

normalna strona produktu WooCommerce
Strona produktu WooCommerce

Chcą utrzymać przejrzystość strony produktu, aby klienci mogli w pełni skupić się na produktach. Ma możliwość zwiększenia współczynników konwersji. Wymyśliliśmy proste rozwiązanie, które pomoże tym użytkownikom powiększyć stronę produktu WooCommerce do pełnej szerokości.

  • Otwórz plik style.css motywu podrzędnego swojej witryny i wklej poniższy kod,
 .single.woocommerce #primary, .archive.woocommerce #primary { width: 100%; }
  • Przejdź do strony produktu lub sklepu i odśwież witrynę. Zobaczysz, że strona Twojego produktu jest teraz na pełnej szerokości.
strona produktu pełna szerokość_jak zmienić tytuł strony sklepu w WooCommerce
Strona sklepu WooCommerce na całej szerokości

W ten sposób możesz ustawić pełną szerokość strony produktu WooCommerce.

Często zadawane pytania dotyczące tworzenia pełnej szerokości strony produktu WooCommerce

Czy mogę dostosować stronę produktu WooCommerce?

Tak, możesz. Będziesz miał wszystkie narzędzia do tego edytować wygląd i funkcjonalność stron produktowych.

Jak ustawić zawartość na pełną szerokość w WordPress?

Po prostu kliknij menu Edycja elementu i zmień jego układ z domyślnego w ramce na pełną szerokość, a zawartość będzie teraz całkowicie rozciągnięta między pionowymi krawędziami strony.

Jak dostosować stronę kategorii w WooCommerce?

Przejdź do Wygląd > Dostosuj > WooCommerce > Katalog produktów . Teraz wybierz, co ma się wyświetlać na głównej stronie sklepu. Następnie wybierz Pokaż kategorie, aby kategorie produktów były wyświetlane w Twoim sklepie.

Dostosowanie premii 2: Jak zresetować numer zamówienia w WooCommerce

Niestety WooCoomerce nie ma podstawowych ustawień do edycji numerów zamówień. Tak wielu użytkowników szukało alternatywnych sposobów resetowania numerów zamówień w WooCommerce. Cóż, znaleźliśmy rozwiązanie, które pomoże im to zrobić.

  • Otwórz plik function.php motywu Twojego dziecka i wklej poniższy kod,
 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; }
  • Spowoduje to zresetowanie numeru zamówienia z powrotem z 1. Oto jak wyglądały poprzednie numery zamówień,
poprzednie numery zamówień WooCommerce
Poprzednie numery zamówień WooCommerce

Po dodaniu kodu tak będzie wyglądał numer zamówienia,

zresetuj numer zamówienia _jak zmienić tytuł strony sklepu w WooCommerce
Numer zamówienia WooCommerce po zresetowaniu

Uwaga : jeśli chcesz zresetować zamówienia WooCommerce do 1 po każdych 24 godzinach, musisz dodać poniższy kod do swojego pliku 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; }

Zmieniając numer zamówienia, Twoi konkurenci nie będą mogli odgadnąć liczby zamówień, które otrzymałeś do tej pory na podstawie identyfikatora zamówienia.

Przeczytaj: Jak dodać niestandardowy status zamówienia do swojego WordPress Multivendor Marketplace

Oto jak zresetować numer zamówienia w WooCommerce.

Często zadawane pytania dotyczące zmiany numeru zamówienia WooCommerce

Jak działają numery zamówień WooCommerce?

Sposób działania polega na tym, że każdy element w bazie danych WordPress otrzymuje unikalny numer identyfikacyjny, który jest przydzielany sekwencyjnie. Obejmuje to zamówienia, strony, posty, obrazy itp.

Jak znaleźć numer zamówienia w WooCommerce?

Możesz znaleźć numery zamówień za pomocą tej funkcji: $order->get_id(); To powinno zwrócić identyfikator zamówienia bez „#”

Jak uzyskać dane zamówienia WooCommerce?

Jeśli chcesz zamówić WooCommerce, możesz użyć funkcji get_data() . Zwróci dane jako tablicę asocjacyjną i możemy użyć tej tablicy z kluczem=>wartość pary.

Dokonaj niezbędnych dostosowań WooCommerce, aby zwiększyć współczynnik konwersji!

Jesteśmy na końcu naszego artykułu i mam nadzieję, że wiesz,

  • Jak zmienić tytuł strony sklepu w WooCommerce
  • Jak ustawić pełną szerokość strony produktu WooCommerce
  • I jak zresetować numer zamówienia w WooCommerce.

Korzystając z dostosowań, o których wspominaliśmy w artykule, możesz wyróżnić się z tłumu. Pomoże to również uczynić Twoją witrynę WooCommerce bardziej wydajną i przyjazną dla użytkownika. Jeśli masz jakiekolwiek pytania lub niejasności dotyczące metod, daj nam znać w sekcji komentarzy.