Technologische Neuigkeiten, Bewertungen und Tipps!

So ändern Sie den Titel der Shop-Seite in WooCommerce

Hinweis: Der folgende Artikel hilft Ihnen weiter: So ändern Sie den Titel der Shop-Seite in WooCommerce

Wenn Sie sich fragen, wie Sie den Titel einer Shop-Seite in WooCommerce ändern können, sind Sie hier genau richtig.

Die Shop-Seite ist eine der wichtigsten Seiten in jedem E-Commerce- oder WooCommerce-Shop. Hier stellen Sie alle Ihre Produkte dar, daher sollte die Seite optisch ansprechend und benutzerfreundlich gestaltet sein.

Standardmäßig trägt die WooCommerce-Shopseite den Titel „Geschäft„. Für Websitebesitzer ist es selbstverständlich, dies in einen aussagekräftigeren und ansprechenderen Titel zu ändern, der ihre Marke widerspiegelt.

Wir haben heute einen Leitfaden vorbereitet, der die Details zum Ändern des Seitentitels des WooCommerce-Shops erläutert. Außerdem werden wir einige Bonus-Anpassungs-Tutorials hinzufügen, die Ihnen dabei helfen, Ihre WooCommerce-Site effizienter zu gestalten. Alles in allem werden wir Folgendes abdecken:

  • So ändern Sie den Titel der Shop-Seite in WooCommerce
  • So erstellen Sie die WooCommerce-Produktseite in voller Breite
  • So setzen Sie Bestellnummern in WooCommerce zurück.

Aber zuerst gehen wir noch einmal durch,

Warum den Standardtitel der WooCommerce-Shop-Seite ändern?

Wie bereits erwähnt, ist die Shop-Seite eine der am häufigsten besuchten Seiten der Website. Darüber hinaus trägt die Art und Weise, wie Sie Ihre Shop-Seite gestalten, dazu bei, Ihr Markenimage für die Benutzer zu schaffen. Sie müssen beim Anpassen Ihrer Produktseite sehr vorsichtig sein.

Wenn Sie WooCommerce installieren, erstellt das Plugin jedoch automatisch die erforderlichen Seiten wie Shop-Seite, Kontoseite, Checkout-Seite und mehr.

Sie können die Standardeinstellung „Geschäft”-Seite zu einem beliebigen Titel. Sie können ihm einen Namen wie „Produkte“ oder „Verfügbare Produkte“ usw. geben. Der Titel sollte beschreibend und ansprechend sein, um den Kunden ein besseres Einkaufserlebnis zu bieten.

Der Vorteil, den Sie durch die Anpassung des Titels der WooCommerce-Shop-Seite erhalten, ist:

  • Es wird dabei helfen WooCommerce-Suchmaschinenoptimierung. Wenn Sie wissen, wie Google und andere Suchmaschinen funktionieren, wissen Sie wahrscheinlich, dass sie anhand der in Seitentiteln verwendeten Wörter ermitteln, wie sie in den Suchergebnissen eingestuft werden.
  • Wenn Sie einen beschreibenden Titel für Ihre Shop-Seite haben, können Sie mehr Besucher auf Ihren Online-Shop locken. Wenn Sie möchten, können Sie dem Titel der Shop-Seite ein Schlüsselwort hinzufügen, um den Traffic zu steigern.
  • Und wenn Sie mehr Traffic erhalten, erhöht sich Ihre Conversion-Rate.

Sehen wir uns vor diesem Hintergrund die Methoden zum Ändern des Shop-Seitentitels in WooCommerce an.

So ändern Sie den Titel einer Shop-Seite in WooCommerce (3 einfache Methoden)

Da es sich bei WordPress um eine Open-Source-Software handelt, gibt es viel Spielraum für individuelle Anpassungen. Und mit den richtigen Anpassungen können Sie Ihre Website von der Masse abheben.

Auch für diese WooCommerce-Anpassung gibt es drei Methoden, die Sie verwenden können:

  • Ändern Sie den Titel der Shop-Seite mithilfe der WordPress-Einstellungen
  • Hinzufügen eines benutzerdefinierten Codes zur Datei Function.php, um den Titel der Shop-Seite zu ändern
  • Verwenden eines WordPress-Plugins, um den Titel der Shop-Seite zu ändern.

Wir zeigen Ihnen alle 3 Methoden.

Methode 1: Ändern Sie den Titel der Shop-Seite mithilfe der WordPress-Einstellungen

Wenn Sie nach der einfachsten Möglichkeit suchen, den Standardtitel der WooCommerce-Shopseite zu ändern, dann ist dies die richtige. Sie können den Titel der Shop-Seite mithilfe der integrierten Einstellungen in WordPress anpassen.

  • Gehe zum Seiten–> Alle Seiten über Ihr Admin-Dashboard. Sie müssen die Seite mit der Bezeichnung „Shop – Shop-Seite“ finden. Drücke den Schaltfläche „Bearbeiten“.. Sie finden die Option, wenn Sie mit der Maus darüber fahren.
Finden Sie die WooCommerce-Shop-Seite
  • Jetzt müssen Sie nur noch einen Seitentitel Ihrer Wahl eingeben, indem Sie den standardmäßigen WooCommerce-Titel ersetzen. Klicken Sie unbedingt auf Aktualisieren Klicken Sie auf die Schaltfläche, wenn Sie fertig sind.
Aktualisieren Sie die WordPress-Seite mit neuem Titel

So wird die Seite aussehen und der aktualisierte Titel wird auch im Navigationsmenü angezeigt.

Titel der WooCommerce-Shop-Seite aktualisiert

So einfach. Sehen wir uns Methode Nummer 2 an.

Methode 2: Hinzufügen eines benutzerdefinierten Codes zur Datei Function.php, um den Titel der Shop-Seite zu ändern

Es gibt viele WooCommerce-Themes, bei denen Sie möglicherweise nicht die Möglichkeit haben, den Titel der Shop-Seite zu ändern. Oder Sie müssen möglicherweise die Premium-Version erwerben, um die erforderlichen Änderungen vorzunehmen. Um dieses Problem zu lösen, können Sie benutzerdefinierte Codierung verwenden.

Sie können den Code, den wir Ihnen zur Verfügung stellen, zur Datei function.php Ihres Themes hinzufügen, um die Änderungen vorzunehmen. Hier sind die Schritte.

  • Zunächst müssen Sie ein Child-Theme erstellen. Denn um Anpassungen an der Datei vorzunehmen, benötigen Sie ein untergeordnetes Theme, da diese Erweiterung mit dem Theme zusammenhängt. Das Erstellen eines Child-Themes ist sehr einfach. Sie können diesem Artikel folgen Erstellen Sie ein untergeordnetes Thema. Im WordPress-Repository finden Sie auch Plugins zum Erstellen eines Child-Themes.
Erstellen Sie ein untergeordnetes Design in Ihrem Geräteordner
  • Als Nächstes müssen Sie den folgenden benutzerdefinierten Code zur Datei „functions.php“ Ihres untergeordneten Themas hinzufügen.

add_filter( ‘woocommerce_page_title’, ‘new_woocommerce_page_title’); function new_woocommerce_page_title( $page_title ) { if( $page_title == ‘Shop’ ) { return “Boutique-Shop für aufstrebende Designer”; } }

Stellen Sie sicher, dass Sie den Titel Ihres Shops durch Ihren bevorzugten Titel ersetzen. Diese Methode ändert jedoch nur den Titel Ihrer WooCommerce-Shop-Seite. Die Shop-Seiten-URL oder die WooCommerce-Breadcrumbs werden dadurch nicht geändert.

Titel der WooCommerce-Shop-Seite aktualisiert

Note: Wenn Sie den Seitentitel des WooCommerce-Shops ausblenden möchten, fügen Sie einfach den folgenden Code zu Ihrer Datei „functions.php“ hinzu und Sie erhalten das gewünschte Ergebnis.

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

Methode 3: Verwenden eines WordPress SEO-Plugins, um den Titel der Shop-Seite zu ändern

Last but not least: Wenn Sie sich nicht sicher sind, die WordPress-Einstellungen zu optimieren oder einen benutzerdefinierten Code zu Ihrer Website hinzuzufügen, können Sie den Seitentitel des WooCommerce-Shops mithilfe eines SEO-Plugins ändern. Sie können den in der Suchmaschine angezeigten Titel ändern, der als SEO-Titel oder Title-Tag bezeichnet wird.

Dies kann sich als großartige Möglichkeit erweisen, mehr Traffic zu generieren und die Conversion-Rate zu erhöhen.

Um dieses Kunststück zu erreichen, können Sie das beliebte verwenden SEO-Plugin Rank Math. Hier sind die Schritte,

  • Wir hoffen, dass Sie das Rank Math-Plugin bereits auf Ihrer Website installiert haben. Öffnen Sie nun Ihre Shop-Seite und scrollen Sie nach unten zur Metabox „Rank Math SEO“. Klicke auf Snippet bearbeiten Wie nachfolgend dargestellt.
Snippet bearbeiten
  • Fügen Sie den Titel Ihrer aktualisierten Shop-Seite im Abschnitt „Titel“ hinzu und aktualisieren Sie die Seite.
Fügen Sie einen neuen WooCommerce-Shop-Seitentitel hinzu
  • Jetzt können Sie den Titel Ihrer aktualisierten Shop-Seite in Ihrem Online-Shop sehen.

Das sind die bevorzugten Möglichkeiten, den Standardtitel der WooCommerce-Shopseite zu ändern.

FAQ(s) zum Ändern des WooCommerce-Shop-Seitentitels

Wie ändere ich die Shop-Seite in WooCommerce?

Muss WooCommerce–>Einstellungen–>Registerkarte Produkt. Wählen Sie dort im Dropdown-Menü die neue Shop-Seite aus.

Wie ändere ich den Titel der Warenkorbseite in WooCommerce?

Klicken Sie im Dashboard-Menü auf Seiten > Alle Seiten. Klicken Sie auf den Link zur Checkout-Seite. Ändern Sie den Namen des Titels und klicken Sie auf die Schaltfläche „Aktualisieren“.

Wie passe ich meine WooCommerce-Checkout-Seite an?

Gehen Sie zu WooCommerce » Einstellungen und klicken Sie auf die Registerkarte „Erweitert“. Wählen Sie dann die neue WooCommerce-Checkout-Seiten-URL aus dem Dropdown-Menü aus. Klicken Sie unbedingt unten auf dem Bildschirm auf „Änderungen speichern“.

Aber warten Sie, das ist nicht das Ende. Denken Sie daran, dass wir gesagt haben, dass wir diesem Artikel auch einige Bonusteile hinzugefügt haben. Schauen wir sie uns mal an, oder?

Bonus-Anpassung 1: So stellen Sie die WooCommerce-Produktseite in voller Breite her

Die Produkt- oder Shopseite von WooCommerce ist eine sehr wichtige Seite für jeden E-Commerce-Shop. Wichtig ist, dass diese Seite kein Design hat, das den Kunden ablenkt.

Viele Benutzer haben nach Lösungen gefragt, wie man die WooCommerce-Produktseite in voller Breite gestalten und Abschnitte wie Seitenleisten oder aktuelle Blogs entfernen kann.

WooCommerce-Produktseite

Sie möchten die Produktseite übersichtlich halten, damit sich die Kunden voll und ganz auf die Produkte konzentrieren können. Es besteht die Möglichkeit, die Conversion-Raten zu erhöhen. Wir haben eine einfache Lösung entwickelt, die diesen Benutzern dabei hilft, ihre WooCommerce-Produktseite in voller Breite anzuzeigen.

  • Öffnen Sie die style.css-Datei des untergeordneten Themes Ihrer Website und fügen Sie den folgenden Code ein:

.single.woocommerce #primary, .archive.woocommerce #primary { width: 100%; }

  • Gehen Sie zu Ihrer Produkt- oder Shopseite und aktualisieren Sie Ihre Website. Sie werden sehen, dass Ihre Produktseite jetzt in voller Breite angezeigt wird.
WooCommerce-Shop-Seite in voller Breite

So können Sie Ihre WooCommerce-Produktseite in voller Breite gestalten.

Häufig gestellte Fragen zum Erstellen der WooCommerce-Produktseite in voller Breite

Kann ich die WooCommerce-Produktseite anpassen?

Ja, du kannst. Sie verfügen über alle Werkzeuge dazu Bearbeiten Sie das Design und die Funktionalität von Produktseiten.

Wie erstelle ich Inhalte in WordPress in voller Breite?

Klicken Sie einfach auf das Menü „Bearbeiten“ des Elements und ändern Sie sein Layout von der Standardeinstellung „Umrahmt“ in „Volle Breite“. Ihr Inhalt erstreckt sich nun vollständig über die vertikalen Ränder der Seite.

Wie passe ich eine Kategorieseite in WooCommerce an?

Gehe zu Aussehen > Anpassen > WooCommerce > Produktkatalog. Wählen Sie nun aus, was auf der Hauptseite des Shops angezeigt werden soll. Wählen Sie dann „Kategorien anzeigen“, um Produktkategorien in Ihrem Shop anzuzeigen.

Bonus-Anpassung 2: So setzen Sie die Bestellnummer in WooCommerce zurück

Leider verfügt WooCoomerce nicht über Grundeinstellungen zum Bearbeiten von Bestellnummern. Viele Benutzer suchten nach alternativen Möglichkeiten, Bestellnummern in WooCommerce zurückzusetzen. Nun, wir haben eine Lösung gefunden, die ihnen genau dabei hilft.

  • Öffnen Sie die Datei „function.php“ des Themas Ihres Kindes und fügen Sie den folgenden Code ein:

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; brechen; } } $new_order_id = $count . $prefix .$date_created. $suffix; return $new_order_id; }

  • Dadurch wird die Bestellnummer wieder von 1 zurückgesetzt. So sahen die vorherigen Bestellnummern aus:
Frühere WooCommerce-Bestellnummern

Nach dem Hinzufügen des Codes sieht die Bestellnummer so aus:

WooCommerce-Bestellnummer nach dem Zurücksetzen

Note: Wenn Sie WooCommerce-Bestellungen alle 24 Stunden auf 1 zurücksetzen möchten, müssen Sie den folgenden Code zu Ihrer Datei „functions.php“ hinzufügen.

öffentliche Funktion 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; brechen; } } $new_order_id = $count . $prefix .$date_created. $suffix; return $new_order_id; }

Durch die Änderung der Bestellnummer können Ihre Konkurrenten anhand der Bestell-ID nicht mehr erraten, wie viele Bestellungen Sie bisher erhalten haben.

Lesen Sie: So fügen Sie einen benutzerdefinierten Bestellstatus zu Ihrem WordPress-Multivendor-Marktplatz hinzu

So setzen Sie die Bestellnummer in WooCommerce zurück.

FAQ(s) zur Änderung der WooCommerce-Bestellnummer

Wie funktionieren WooCommerce-Bestellnummern?

Die Funktionsweise besteht darin, dass jedem Element in der WordPress-Datenbank eine eindeutige ID-Nummer zugewiesen wird, die fortlaufend vergeben wird. Dazu gehören Bestellungen, Seiten, Beiträge, Bilder usw.

Wie finde ich meine Bestellnummer in WooCommerce?

Mit dieser Funktion können Sie Bestellnummern finden: $order->get_id(); Das sollte die Bestell-ID ohne „#“ zurückgeben.

Wie erhalte ich WooCommerce-Bestelldaten?

Wenn Sie die WooCommerce-Bestellung wünschen, können Sie dies tun Verwenden Sie die Funktion get_data(). Die Daten werden als assoziatives Array zurückgegeben und wir können dieses Array mit key=>pair value verwenden.

Nehmen Sie die notwendigen WooCommerce-Anpassungen vor, um Ihre Conversion-Rate zu erhöhen!

Wir sind am Ende unseres Artikels und hoffentlich, wissen Sie,

  • So ändern Sie den Titel der Shop-Seite in WooCommerce
  • So erstellen Sie die WooCommerce-Produktseite in voller Breite
  • Und wie man die Bestellnummer in WooCommerce zurücksetzt.

Mit den im Artikel erwähnten Anpassungen können Sie sich von der Masse abheben. Außerdem wird es dazu beitragen, Ihre WooCommerce-Site effizienter und benutzerfreundlicher zu machen. Wenn Sie Fragen oder Unklarheiten bezüglich der Methoden haben, teilen Sie uns dies bitte im Kommentarbereich mit.