WooCommerce: de tekst van de knop Toevoegen aan winkelwagentje wijzigen (stap voor stap)

Grafische gebruikersinterface, applicatie, TeamsDescription automatisch gegenereerd

Het wijzigen van de knop Toevoegen aan winkelwagentje is niet zo eenvoudig. We hebben echter een aantal aangepaste code waarmee u de knoptekst naar wens kunt wijzigen. We hebben ook een aanbeveling voor plug-ins. Beide procedures zijn eenvoudig en duidelijk. De een is echter beter dan de ander.

U kunt de tekst wijzigen in 'Koop nu', 'Toevoegen aan winkelmand', 'Boek nu' of wat u maar wilt.

Inhoud[Zichtbaar]

 

Hoe de tekst van de knop Toevoegen aan winkelwagentje te wijzigen met behulp van de Thema-editor

  1. Ga naar Uiterlijk > Thema-editor in het WordPress-beheerderspaneel. Open dan de thema's functies.php-bestand.
  2. Plak de volgende code onderaan het function.php-bestand.
  3. Controleer uw website na het opslaan van de wijzigingen. De aangepaste tekst van de knop Toevoegen aan winkelwagentje zou nu moeten verschijnen.

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text'); 

functie woocommerce_custom_single_add_to_cart_text() {

    return __( 'Koop nu', 'woocommerce'); 

}

add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text');  

functie woocommerce_custom_product_add_to_cart_text() {

    return __( 'Koop nu', 'woocommerce');

}

Hoe de tekst van de knop Toevoegen aan winkelwagentje in WooCommerce te bewerken met behulp van een plug-in

Het wijzigen van de tekst voor het toevoegen aan winkelwagentje op een enkel product WooCommerce-pagina of een archiefproductpagina is waarschijnlijk de meest gebruikelijke manier.

Het heeft een belangrijk nadeel, ondanks zijn eenvoud. We praten er later over.

Laten we eerst eens kijken hoe u de tekst van de knop 'Toevoegen aan winkelwagentje' op uw WooCommerce-pagina's voor één product/productarchief kunt wijzigen met de plug-in 'Toevoegen aan winkelwagenknop Aangepaste tekst'.

Met deze plug-in kunt u de tekst op een enkele productpagina (inclusief de verschillende knopteksten) en de archiefproductpagina's aanpassen (opnieuw kunt u de verschillende knopteksten wijzigen).

Grafische gebruikersinterface, tekst, applicatie, e-mail Beschrijving automatisch gegenereerd

Dit is hoe je het doet:

  1. Je hebt de WooCommerce add-to-cart-knop voor tekstwijzigingsplug-in nodig die op je WordPress-site is geïnstalleerd. Ga naar Plug-ins>Nieuwe toevoegen om het installatieproces te starten. Typ vervolgens in de zoekbalk 'Aangepaste tekst van knop Toevoegen aan winkelwagentje'.
  2. De plug-in zou onmiddellijk moeten verschijnen. Zo niet, dan kun je het van wordpress.org halen en op je WordPress-website installeren. Het enige dat u hoeft te doen, is op de knop "Nieuwe toevoegen" klikken en de plug-in selecteren in de downloadmap van uw computer.
  3. Klik op "Installeren" om de plug-in te activeren.
  4. Zodra de WooCommerce-plug-in voor het wijzigen van de knop voor het toevoegen aan winkelwagentje is geïnstalleerd, gaat u naar Instellingen>Toevoegen aan winkelwagenknop om de plug-in te activeren.

U kunt de WooCommerce enkelvoudige productknoptekst en de WooCommerce productarchiefpaginaknopteksten aanpassen met de "Add to Cart Button Custom Text Plugin". U kunt de instellingen voor verschillende categorieën wijzigen.

U kunt experimenteren met de verschillende opties. Als u in ons voorbeeld de "Eenvoudige producttekst" voor de enkele productpagina of de WooCommerce-archiefpagina wijzigt, merkt u direct een verschil.

U begrijpt nu hoe u de tekst van de knop Toevoegen aan winkelwagentje op WooCommerce-productpagina's kunt wijzigen. Door aangepaste codefragmenten toe te voegen aan het function.php-bestand van het thema, kunt u de tekst van de WooCommerce-knop wijzigen.

U weet ook hoe u de tekst voor het toevoegen aan winkelwagentje kunt wijzigen met een plug-in.

Verder weet je welke optie het beste is voor jouw WooCommerce winkel.

Daarom laten we de uiteindelijke beslissing aan jou over. Jij bent tenslotte degene die verantwoordelijk is voor de online business.

Over de auteur
Shahzad Saeed
Auteur: Shahzad SaeedWebsite: http://shahzadsaeed.com/
Shahzaad Saaed is als WordPress-expert op een groot aantal websites van autoriteiten te zien geweest. Hij is gespecialiseerd in contentmarketing om bedrijven te helpen meer bezoekers te trekken.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...