WooCommerce Add to Cart button-tekst aanpassen

Hoe pas je de tekst van je 'add to cart' button makkelijk aan?

Wil je direct een mail ontvangen wanneer nieuwe snippets zijn toegevoegd?

Vul dan onderstaand formulier in en je krijgt direct na het toevoegen van nieuwe snippets een email. Zo blijf je altijd bij!

Wil je een andere tekst op je add-to-cart button van WooCommerce? Wanneer je Elementor Pro gebruikt, dan kan je dit zomaar instellen, maar wanneer je dat niet doet, heb je twee mogelijkheden om de tekst te veranderen.

De ene mogelijkheid is de tekst in het vertaalbestand voor de betreffende taal aan te passen. Dat werkt op zich prima. De tweede mogelijkheid is gebruik te maken van onderstaande code snippet. Er is echter een belangrijk verschil tussen beide mogelijkheden.

// Change add to cart text on single product page
add_filter( 'woocommerce_product_single_add_to_cart_text', 'wxp_add_to_cart_button_text_single' ); 
function wxp_add_to_cart_button_text_single() {
    return __( 'Add to Cart Button Text', 'woocommerce' ); 
}

// Change add to cart text on product archives page
add_filter( 'wxp_product_add_to_cart_text', 'woocommerce_add_to_cart_button_text_archives' );  
function wxp_add_to_cart_button_text_archives() {
    return __( 'Add to Cart Button Text', 'woocommerce' );
}

Het verschil zit hem erin, wanneer je een meertalige website zou gebruiken.

De ’truc’ om het vertaalbestand aan te passen, werkt alleen, wanneer je de oorspronkelijk Engelstalige plugin vertaalt naar een andere taal. Heb je jouw webshop in het Nederlands en Engels, dan zal in de Engelse versie nog steeds de oorspronkelijke tekst van WooCommerce getoond worden.

In het codevoorbeeld hierboven (waarbij je ‘Add to Cart Button Text’ natuurlijk aanpast aan de tekst die je echt wilt hebben), wordt de Engelse tekst die getoond wordt vervangen. Bovendien, wanneer je een regel toevoegt aan het vertaalbestand, kan je middels de vertaalbestanden diezelfde tekst naar alle overige talen die je op je site gebruikt vertalen.

Voor een webshop met één taal is de eerst genoemde optie dus prima geschikt, maar voor een webshop met meerdere talen, waarvan er één Engels is, is het beter gebruik te maken van de snippet. Je zal nog steeds de vertaalbestanden aan moeten passen.

Codesnippet verbeteren

Het doel van deze code snippet is een probleem op te lossen in een specifieke situatie. Daarom zie je regelmatig voorbeelden waar je specifiek tekst moet aanpassen om te krijgen wat je wilt. 

Wil jij leren hoe je complete plugins zelf kunt programmeren inclusief ‘admin’ schermen voor het instellen en de output in de gewenste taal, dan is misschien de cursus ‘Introductiecursus Plugins Programmeren‘ iets voor jou. 

Wil je als ‘full stack’ WordPress programmeur aan de gang gaan, dan biedt WordXPression ook een compleet traject ‘WordPress Developer‘ aan. Dit is een traject wat deels online, deels klassikaal wordt gegeven.

WordPress Developer worden?

Wil je leren hoe je zelf plugins, thema's, shortcodes, widgets, Gutenberg blocks en meer kan maken?
Schrijf je dan in voor de cursus WordPress Developer.

Meer snippets

WooCommerce checkout velden verwijderen
Sommige velden in het bestelformulier van WooCommerce heb je absoluut niet nodig. En zo haal je ze w...
Hoe maak ik zelf een shortcode?
Bij het live gaan van de snippet base vroeg ik in mijn nieuwsbrief aan mijn lezers, of ze suggesties...
Koopsuggesties op basis van eerdere orders toevoegen
Het codefragment in deze snippet maakt onderdeel uit van een wat groter project. In het blogartikel ‘Flexibel...
WooCommerce: Toon hoever de klant van gratis verzending is verwijderd
In deze code snippet toon je in de winkelwagen hoeveel de klant nog moet bestellen om gratis verzending...
Op Woensdag alle pizza's voor 7 euro! (WooCommerce)
Een leuke uitdaging. Een klant wilde een aanpassing op WooCommerce om op specifieke weekdagen andere...
Prijzen verbergen voor niet ingelogde gebruikers
Hoe verberg je de WooCommerce prijzen voor niet ingelogde gebruikers?

Veiligheid voor alles!

Met betrekking tot de code die je hier aantreft een aantal waarschuwingen, voordat je deze code snippets toepast op je eigen website.

  1. Voer de code nooit direct uit op je eigen website, maar probeer deze eerst op een staging omgeving of een locale kopie van je website. 
  2. Voor je de geteste code installeert op je website, maak eerst een back up van je website.
  3. Zorg altijd voor alle zekerheid, dat je voor je een aanpassing live zet, je ook de FTP gegevens van je website bij de hand hebt.  
 
Voel je je onvoldoende vertrouwd met het toepassen van een dergelijke code snippet, bedenk dat je dit ook door een professional kan laten doen. De WordXPression support strippenkaart is een voordelige manier om dit soort aanpassingen te laten doen.
Heeft dit artikel je geholpen je probleem op te lossen?
Deel het met je vrienden via je favoriete social media.

Heb je vragen bij, of opmerkingen over deze code snippet, stel deze bij de commentaren hieronder.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Word je website de baas. Neem vandaag nog contact op!

Contact Informatie

Helaas is telefoonspam een serieus probleem geworden. Omdat ik dagelijks tientallen ‘spam’ en ‘scam’ telefoontjes ontving, heb ik mijn telefoonnummer van de site verwijderd. 

Wanneer je echter het formulier hiernaast invult, en aangeeft dat je per telefoon contact op wilt nemen, maak ik graag een belafspraak met je op een moment wat ons beiden past. En krijg je gewoon het telefoonnummer van WordXPression, zodat je ieder moment kan bellen.

WordXPression 

Aardoliestraat 14-I 7553GT Hengelo

KVK : 75580152 

Stuur een bericht

Mocht je interesse hebben in een nieuwe WordPress of WooCommerce website, verzoek ik je niet onderstaand formulier in te vullen, maar gebruik te maken van het intake/offerte formulier

WordXPression is WP Digital Marketing Geworden

In oktober 2010 begon ik met WordXPression. De naam zei eigenlijk precies wat ik toen deed: dienstverlening rond WordPress. Websites bouwen, aanpassen, onderhouden en later ook steeds meer maatwerk ontwikkelen.

Maar WordXPression is in de loop van de jaren nooit alleen WordPress geweest. Voor klanten voerde ik ook andere werkzaamheden uit. Soms kwamen die rechtstreeks voort uit een WordPress-project, bijvoorbeeld wanneer een website gekoppeld moest worden aan een ander systeem. Soms lag de oorsprong heel ergens anders: in mijn jarenlange ervaring als system integrator uit de periode voordat ik met WordXPression begon.

Daarom besloot ik in 2017 de officiële naam van mijn bedrijf te veranderen in WP Digital Marketing. WordXPression bleef daarbij bestaan als handelsnaam en bleef ook de naam waaronder de website en het grootste deel van mijn dienstverlening naar buiten traden.

De afgelopen jaren is die verhouding steeds verder veranderd. Naast WordPress zijn vooral Laravel, maatwerkapplicaties en systeemintegraties een steeds belangrijker deel van mijn werkzaamheden geworden. WordPress blijft belangrijk, maar het is niet langer een goede paraplu voor alles wat ik doe.

Daarom wordt het tijd om de naam die al sinds 2017 boven het bedrijf staat, ook daadwerkelijk centraal te stellen.

Vanaf 1 oktober gaat WordXPression verder als WP Digital Marketing.