So erstellen Sie den Shortcode für die WooCommerce-Logout-Seite

Veröffentlicht: 2020-08-22

WooCommerce Shortcode für Abmeldeseite erstellen Möchten Sie einen Shortcode für die WooCommerce-Logout-Seite erstellen, den Sie überall auf Ihrer WooCommerce-Site verwenden können? Wenn Sie nach einem schnellen Beispiel suchen, das tatsächlich für den Shortcode der WooCommerce-Logout-Seite funktioniert , wird Ihnen dieses Beispiel das Verständnis erleichtern, wie Sie dies tun können.

Die Verwendung von Shortcodes erleichtert WooCommerce-Ladenbesitzern die schnelle Anpassung ihrer Websites ohne Programmierung oder mit minimalen Programmierkenntnissen.

Heute werde ich mit Ihnen eine schnelle, einfache und brillante Möglichkeit teilen, wie Sie WooCommerce Logout-Seiten-Shortcode erstellen und überall auf Ihrer Website bereitstellen können, und mit einem Klick auf eine Schaltfläche werden Ihre Benutzer abgemeldet.

Wie üblich werde ich Schritt für Schritt veranschaulichen, wie mein Code funktioniert, um es Ihnen zu erleichtern, den Code zu Ihrem Store-Design hinzuzufügen. Wenn Sie ein neuer WordPress-Entwickler oder Rookie-WooCommerce-Entwickler sind

WooCommerce-Abmeldeendpunkt

Standardmäßig stellt WooCommerce Benutzern einen Standardendpunkt für die Abmeldung zur Verfügung, der zum Erstellen von Abmelde-URLs verwendet werden kann, und Sie können darauf unter den WooCommerce-Einstellungen zugreifen, wie auf dem Bild unten geteilt:

WooCommerce-Abmeldeendpunkt

Sie können diesen Endpunkt nach Ihren Wünschen anpassen, wie in diesem Artikel erläutert – Anpassen von WooCommerce-Endpunkten.

Neben dem WooCommerce-Abmeldeendpunkt gibt es mehrere andere Endpunkte, die Sie zum Anpassen Ihrer WooCommerce-URLs verwenden können, darunter die Endpunkte der Checkout-Seite und der Seite „Mein Konto“ :

Checkout-Endpunkte

Die folgenden Endpunkte werden für Checkout-bezogene Funktionen verwendet und an die URL der /checkout-Seite angehängt:

Bezahlseite – /order-pay/{ORDER_ID}
Bestellung erhalten (danke) – /order-received/
Zahlungsmethode hinzufügen – /add-payment-method/
Zahlungsmethode löschen – /delete-payment-method/
Standardzahlungsmethode festlegen – /set-default-payment-method/

Kontoendpunkte

Die folgenden Endpunkte werden für kontobezogene Funktionen verwendet und an die URL der Seite /my-account angehängt:

Bestellungen – /orders/
Bestellung anzeigen – /view-order/{ORDER_ID}
Downloads – /downloads/
Konto bearbeiten (und Passwort ändern) – /edit-account/
Adressen – /edit-address/
Zahlungsmethoden – /payment-methods/
Passwort vergessen – /lost-password/
Abmelden – /customer-logout/

Erstellen Sie den Shortcode für die WooCommerce-Logout-Seite

Wir werden den WooCommerce-Abmeldeendpunkt verwenden, um den Benutzer abzumelden und den Code zur Shortcode-Schaltfläche hinzuzufügen.

Der Abmeldeendpunkt von WooCommerce ist – /customer-logout/ wir fügen ein URL attribute =true hinzu, um die Abmelde-URL zu erstellen, die wir in der Abmeldeschaltfläche verwenden werden.

Die vollständige URL-Struktur sollte folgendermaßen site_url/?logout-endpoint=true

WooCommerce Logout Shortcode erstellen

Wenn Sie noch nie einen WordPress- oder WooCommerce-Shortcode erstellt haben, habe ich eine großartige Anleitung, die ich geschrieben habe, um Ihnen zu helfen, zu lernen, wie Sie einen WordPress-Shortcode erstellen. – schau es dir hier an.

Lassen Sie uns nun Schritt für Schritt den Shortcode der WooCommerce-Logout-Seite erstellen:

Schritt 1 : Erstellen Sie die Action-Hook- und Callback-Funktionen für den Logout-Seiten-Shortcode – zum Beispiel können Sie ihn wie folgt erstellen : add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' ); . Die Callback-Funktion kann auch wie folgt erstellt werden: function njengah_wc_logout_shortcode(){ }
Schritt 2: Überprüfen Sie, ob der Benutzer mit dem Code, den ich in diesem Tutorial geteilt habe, angemeldet ist – So überprüfen Sie, ob der Benutzer in WordPress angemeldet ist: if (is_user_logged_in())
Schritt 3: Erstellen Sie die Logout-URL-Variable und Sie können wie folgt vom WooCommerce-Endpunkt aus bauen: $wc_shortcode_logout_url = site_url() . '/?customer-logout=true'; $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';
Schritt 4: Erstellen Sie den Schaltflächencode und fügen Sie eine Klasse hinzu, damit Sie ihn schnell an das Farbschema Ihres WooCommerce-Designs anpassen können. <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Log Out</a></button>
Schritt 5: Stellen Sie diesen Code zusammen und fügen Sie den Code über die Datei functions.php zu Ihrem Design hinzu, oder Sie können den Code in Ihre benutzerdefinierte WooCommerce-Plugin-Entwicklung aufnehmen.
Schritt 6: Testen Sie den [wc_logout_shortcode] irgendwo auf einer Seite oder einem Beitrag oder sogar einem WordPress-Widget, das Shortcodes unterstützt, und Sie sollten die WooCommerce-Logout-Schaltfläche sehen, die dort angezeigt wird, wo Sie den Shortcode hinzufügen.

Das Folgende ist das vollständige Code-Snippet, das Sie der functions.php hinzufügen können, um den Shortcode für die WooCommerce-Logout-Seite zu erstellen:

 /**
 * Fügen Sie eine Shortcode-Schaltfläche für die WooCommerce-Abmeldeseite hinzu
 */

// Shortcode-Aktionshaken 

add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' );

// Ruf zurück 

Funktion njengah_wc_logout_shortcode(){
	
    ob_start();
    // Überprüfen Sie, ob der Benutzer angemeldet ist 
    if (is_user_logged_in()){ 
          // URL-Variable erstellen 
	   $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';?>
	    <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Abmelden</a></button> 
        <?php 
	}

    return ob_get_clean();
}

Sie können den Shortcode jetzt testen, indem Sie ihn zu einer neuen Seite oder einem neuen Post hinzufügen, wie im Bild unten gezeigt, und Sie sollten die Schaltfläche im Frontend sehen.

Woocommerce-Logout-Seiten-Shortcode

Testen Sie die WooCommerce Logout Shortcode-Schaltfläche auf der Seite

Abschließend sollten Sie im Frontend den Logout-Button testen und sehen, ob er wie im Bild unten gezeigt funktioniert. Wenn Sie alle Schritte befolgt haben, sollte der WooCommerce-Logout-Shortcode wie in meinem Beispiel unten funktionieren:

WooCommerce-Logout-Shortcode-Beispiel

Fazit

In diesem Beitrag habe ich Ihnen mitgeteilt, wie Sie einen Shortcode für die WooCommerce-Abmeldefunktion erstellen. Wenn Sie sich abmelden möchten, ohne dass eine Bestätigungsmeldung erscheint, habe ich eine gute Anleitung geschrieben, wie Sie die WooCommerce-Abmeldebestätigungsmeldung entfernen können.

Kurz zusammengefasst: Um den WooCommerce-Logout-Shortcode zu erstellen, müssen Sie den standardmäßigen WooCommerce-Logout-Endpunkt nutzen. Sie können diese Endpunkt-URL auch in eine beliebige Variable ändern und sie Ihrem Code hinzufügen, und es wird funktionieren!

So erstellen Sie den Shortcode für die WooCommerce-Logout-Seite

WooCommerce-Abmeldeendpunkt

Checkout-Endpunkte

Kontoendpunkte

Erstellen Sie den Shortcode für die WooCommerce-Logout-Seite

WooCommerce Logout Shortcode erstellen

Testen Sie die WooCommerce Logout Shortcode-Schaltfläche auf der Seite

Fazit

Ähnliche Artikel