Woocommerce How To Change Add To Cart Button Text

[@graduardo]

Thank you very much. I knew your code would work once I started your video. Tried multiple before and none worked :) Now I will search for change button color. All the best

[@Mr_Web]

Thanks, that's very kind of you 👍

[@bosscetak]

to change button color just simply custom css , if you using elementor started with .selector .(class) { background : Black ( or your color ) ; } or you want to add some round button just simply add property border-radius: ... px;

[@mbunganulewiston8283]

Thank you, it worked so well. From the way your video started, I could immediately tell I was watching the right video.

[@rajart6788]

Excellent one. I did it within 2 mins after seeing your video instructions.. Thanks a lot.

[@Mr_Web]

Great job!

[@escanordaddy6566]

Thank you! I was looking for a fix for this for hours now.

[@Mr_Web]

Glad I could help!

[@swetha2584]

Hi, When I click add to cart, a kind of animation occurs and view cart link is display next to the add to cart, is it possible to edit the look of the view cart link and also change the onclick animation of add to cart button, I have been trying for an entire day but couldn't come up with a solution. Any hint / idea would be of great help ! Thanks

[@mdmomin2701]

It was great help for me. Thanks

[@DPsUniqueVibes]

Thank you so much sir I was stuck with some of my buttons saying learn more and buy now😩 I didn’t know what to do😊🌺Thank You so much!

[@KBlakK]

Thanks so much for this!!! Great presentation, and I've been looking for this solution for a long time!!!

[@GhadaIsber1]

It worked 100%, thank you

[@djagemenona.k.aagieh]

That was Wonderful. It saved me alot of data and time. A lot of dead end solutions on the web from Phishers on an Expedition. Bless you

[@othmanapple5465]

Thanks man, this is so helpful

[@iwandevisser6684]

Thanks a lot! works like a charm

[@MohamedGamal-ly3hd]

Thank you so much, if i want to change pay for order button in plugin WooCommerce MPGS please?

[@katharinabeer]

Hi, do you have a tip as well, on how to change the link of the shop buttons and their text (as mine have different texts for some reason..or can I in that case use this method here as well?). The first button displayed links directly to the cart, the next buttons (button text "read further") link to the individual product pages.. Thank you for your help!

[@scyenesolutions4197]

Thanks! Worked as shown!

[@Mr_Web]

Glad it helped 💯

[@AIZONIX-chatbot]

It works! thanks a lot .... you earned a new sub +

[@Mr_Web]

Thanks for the sub!

[@mrjixter]

what if I want to add a "view product" button on the product listing page and when someone clicks the view product button then I will show the buy now/add to cart button?

[@dimitridjeukou812]

To make the "Add to Cart" button in WooCommerce remain static and not change when hovered over,

[@glamified1]

i added this code from theme editor>function.php at the bottom but now that page is not editing with elementor it says 'preview could not be loaded' should I add it from code snippet will it solve the problem?

[@Mr_Web]

Yes use code snippet much easier

[@glamified1]

@@Mr_Web ok will try it

[@vrobel.r]

Thank You so much. I was so hopples. And You gave me the solution 👏

[@gympack4you927]

thx, man how can i do that to put afiliate link to amazon

[@RobertErwinSr]

Thank you.

[@Mr_Web]

You're welcome!

[@pinkbalem]

I need a way to change the text of the coupon code that says "Apply". How can I reference to this button when using a code snippet???

[@guillermomunoz324]

how do you change the colour of the bottons?

[@uncleted470]

Awesome tutorial.

[@Mr_Web]

Thank you!

[@trevorlonewolf6406]

How is it that i have "add to basket" How to i change that to "add to cart" ?

[@RodrigoLima-lz8do]

Thank you so much, this video was very helpful

[@dragon3602010]

Great and how did you manage to put the add to cart button on in the listing page ? Is it possible with Divi

[@amirkhan-rq9xo]

Thank you so much for great learning video!!! Keep doing great work!!!

[@Mr_Web]

Thanks 🙏

[@supremeboatcleaning7962]

Great video! How to set the radius and fontname and fontsize?

[@eyimusic7534]

Thank you for the tutorial, it works well. Could you please also provide the code snippet for changing "View Cart"(Appears to me when I click on the Basket Icon on the navigation) + "Continue Shopping"(That shows on Checkout Page) + "Checkout"(Appears to me when I click on the Basket Icon on the navigation) button texts? I sort of got the process of creating the code watching your video, but wanted to be on the safe side still :) Thanks alot!

[@Mr_Web]

// CHANGE VIEW CART
add_filter( 'gettext', function( $translated_text ) {
if ( 'View cart' === $translated_text ) {
$translated_text = 'Your new text here';
}
return $translated_text;
} );
// CHANGE CONTINUE SHOPPING BUTTON TEXT
add_filter( 'woocommerce_continue_shopping_redirect', 'my_changed_woocommerce_continue_shopping_redirect', 10, 1 );
function my_changed_woocommerce_continue_shopping_redirect( $return_to ){
$return_to = wc_get_page_permalink( 'checkout' );
return $return_to;
}
add_filter( 'wc_add_to_cart_message_html', 'my_changed_wc_add_to_cart_message_html', 10, 2 );
function my_changed_wc_add_to_cart_message_html($message, $products){
if (strpos($message, 'Continue shopping') !== false) {
$message = str_replace("Continue shopping", "Go to checkout", $message);
}
return $message;
}
// CHANGE CHECKOUT BUTTON TEXT
add_filter('gettext', 'change_checkout_btn');
add_filter('ngettext', 'change_checkout_btn');
function change_checkout_btn($checkout_btn){
$checkout_btn= str_ireplace('Checkout', 'Your New Text', $checkout_btn);
return $checkout_btn;
}

[@eyimusic7534]

@@Mr_Web Hello David, thank you very much for your prompt reply and all the infos. I have a few more customizations needs, should I send an email here; [e-mail] ? Best,

[@uwaizmmustapha86]

This video was helpful.

[@Mr_Web]

Great!

[@rabiamunir9690]

Hey, this code is not changing add to cart button on shop page but changing it on single product page, Please help me out

[@antiquedealer6101]

Thank you!! this was so fast and easy, I like your tutorial style

[@Mr_Web]

Glad it was helpful!

[@webadvltd]

What would be the snippet to change "Coupon Code" to "Referral Code"?

[@Mr_Web]

add_filter( 'woocommerce_checkout_coupon_message', 'mrweb_have_coupon_message');
function mrweb_have_coupon_message() {
return ' Have a coupon? Click here to enter your discount code';
}

[@webadvltd]

@@Mr_Web Thanks for your prompt reply. That works for the Top String but under that I also need to change the Text Place Holder "Coupon code" and the "Apply coupon" Button.

[@Mr_Web]

@@webadvltd
This should work for ALL coupon text instances:
add_filter( 'gettext', 'mrweb_rename_coupon_field_on_cart', 10, 3 );
add_filter( 'woocommerce_coupon_error', 'mrweb_rename_coupon_label', 10, 3 );
add_filter( 'woocommerce_coupon_message', 'mrweb_rename_coupon_label', 10, 3 );
add_filter( 'woocommerce_cart_totals_coupon_label', 'mrweb_rename_coupon_label',10, 1 );
add_filter( 'woocommerce_checkout_coupon_message', 'mrweb_rename_coupon_message_on_checkout' );
function mrweb_rename_coupon_field_on_cart( $translated_text, $text, $text_domain ) {
if ( is_admin() || 'woocommerce' !== $text_domain ) {
return $translated_text;
}
if ( 'Coupon:' === $text ) {
$translated_text = 'Voucher Code:';
}
if ('Coupon has been removed.' === $text){
$translated_text = 'Voucher code has been removed.';
}
if ( 'Apply coupon' === $text ) {
$translated_text = 'Apply Voucher';
}
if ( 'Coupon code' === $text ) {
$translated_text = 'Voucher Code';

}
return $translated_text;
}
function mrweb_rename_coupon_message_on_checkout() {
return 'Have a coupon code?' . ' ' . __( 'Click here to enter your code', 'woocommerce' ) . '';
}
function mrweb_rename_coupon_label( $err, $err_code=null, $something=null ){
$err = str_ireplace("Coupon","Voucher Code ",$err);
return $err;
}

[@webadvltd]

@@Mr_Web Now the ability to click on "Click here to enter your code" is not linked

[@meggokayzee6620]

You are the man!!! Thank you so much.. I wanted to ask if there is a way to add an icon on the button using a code.

[@Mr_Web]

CREATE A FILTER:
add_filter( 'woocommerce_product_single_add_to_cart_text', 'mrweb_add_symbol_add_cart_button_single' );
function mrweb_add_symbol_add_cart_button_single( $button ) {
$button_new = '» ' . $button;
return $button_new;
}
ADD CUSTOM CSS CODE:
button.single_add_to_cart_button:before {
display: inline-block;
font-family: FontAwesome;
float: left;
content: "\f217";
font-weight: 300;
margin-right: 1em;
}

[@fatimakhaliqdad3648]

Thank you, it worked for me. How can I change the update cart text?

[@Mr_Web]

function change_update_cart_text( $translated, $text, $domain ) {
if( is_cart() && $translated == 'Update cart' ){
$translated = 'New Text Here';
}
return $translated;
}
add_filter( 'gettext', 'change_update_cart_text', 20, 3 );

[@fatimakhaliqdad3648]

@@Mr_Web its working form me thank you so much.

[@khaidiratz7958]

Thanks you.. but how can i do this for the translation as well?

[@tvs3497]

Worked, after I disabled Boost. Thanks.

[@abdouchokri2382]

thank you it work perfect ^^

[@joleneengelbrecht284]

My button says Buy Now and I want it to say Add To Cart 😅 I changed the Buy Now to Add To Cart as you mentioned in your video however it's not changing after refreshing. Should I change anything else in the Code? I've also tried to change the
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' );
to
add_filter( 'woocommerce_product_single_buy_now_text', 'woocommerce_custom_single_buy_now_text' );
and still doesn't work 😓 Thank you Mr Web Reviews 🤗

[@heeebeeegeeebeee]

Very helpful, thanks!

[@is_rar]

Thank you so much it worked, can you also tell me when I click that button ,Hunter that button comes view CART how can I turn it off?

[@Mr_Web]

Sorry can you rephrase that please 👉 "that button comes view CART" ❓ I'm not too sure what you mean by that 🤔

[@SvitlanaKlymovets]

Thanks 🤩

[@suellensanto5724]

Great! Thank You! Help me a lot!

[@Mr_Web]

Glad to hear that!

[@BamwebsolutionsCoUk]

Great video! I am looking to change text on a product page, where do i find the code to change? I have a deposit plugin on and the text reads Pay a deposit of £99.00 per item I would like it to read Pay a deposit of £99.00 per item subject to t&cs

[@frizzamedia5967]

how if want to add buy now button without erasing add to cart button

[@SheikhSohel]

Thanks a lot. It's very heplful.

[@Mr_Web]

Glad it was helpful!

[@haq7280]

Thanks man, Suscribed

[@Nergy-Web-Design]

how can i change the size of add to cart

[@Ayman-jq6nh]

This is changing to all capital letters, I want only the first letter to be capital not all the words. Please help.

[@davidoullabel]

Thank you very much sir

[@afiqibrahim2455]

It's works. thank you very much :)

[@Mr_Web]

Yay! Glad it worked for you 👍

[@rainbowsunshinekitty3953]

Hi, thank you for the video! I want to make all the letters capitalized in Woocommerce buttons. I followed your video for the Buy Now button. How do I change the Apply Coupon and Update cart buttons? I want everything to be uniform on the site.

[@Mr_Web]

You'll need to apply some CSS coding to these elements. Use this line of code:
text-transform: capitalize;

[@camhospitalityagency]

LOVELY, THANKS !

[@Mr_Web]

Thank you too!

[@aryo_digital]

thnks god finally find it

[@geraldbarnes6940]

Hello, please is it possible to change the add to a text with a different link? Like "Send Inquiry" with a link to the contact form.

[@Mr_Web]

wordpressdeveloperonline.com/add-to-cart-button-change-to-enquiry-button-linking-to-the-contact-us-page/

[@princewillonyebuchi4954]

THANKS FOR THE VIDEO.
PLEASE HOW CAN I RENAME "VIEW CART"?

[@Mr_Web]

add_filter( 'gettext', function( $translated_text ) {
if ( 'View cart' === $translated_text ) {
$translated_text = 'Your new text here';
}
return $translated_text;
} );

[@the_fairies_forest]

Thank you so much

[@willowwebmedia9343]

Geat Video and easy to follow; I am trying to find a similar code that will encourage visitors to login before they get prices so button will show 'Learn More' on the shop page, and link to the Product page where 'Buy Now' will only show price on the cart visitor is logged in. Is that possible?

[@Mr_Web]

www.businessbloomer.com/woocommerce-hide-price-add-cart-logged-users/

[@zhafransshop6307]

hi , is there a code to change 'Place Order' button on the checkout page ?

[@Mr_Web]

add_filter( 'woocommerce_order_button_text', 'woo_custom_order_button_text' );
function woo_custom_order_button_text() {
return __( 'Your new button text here', 'woocommerce' );
}

[@Cercasan]

it works - thank you 👍

[@Mr_Web]

Great! Glad to hear that...

[@nikhillakshman2983]

iam nikhil from india sir your video is very very helpful , and how to change checkout now button name

[@Mr_Web]

njengah.com/woocommerce-change-checkout-button-text/

[@sathishchandrasekaran2580]

How to change 'checkout' button text in mini cart

[@asrar-alf-layla-walayla2]

Sir, this will not impact the link inside

[@Mr_Web]

No

[@anna.buckowska]

Hi, thank you for this video. By any chance do you also have a code to change a text on a checkout button? It would be very helpful as well.

[@Mr_Web]

add_filter( 'woocommerce_order_button_text', 'mrwebreviews_custom_button_text' );
function mrwebreviews_custom_button_text( $button_text ) {
return 'Submit'; // new text is here
}

[@anna.buckowska]

@@Mr_Web thank you!!! You are a star!!!

[@FlaxKongen]

Thank you, man!

[@Mr_Web]

You're welcome 😁

[@marlonhenrique2196]

tks so much... ☺☺

[@Pranta_Saha]

I cloud no find in your discaption in php code it’s need

[@MaaritRei]

Thank you very much!

[@Mr_Web]

No thanks you for watching my videos and taking the time to leave a comment 👍

[@conte4762]

thank you , you help a lot

[@Mr_Web]

Happy to help

[@sergiumaximov3046]

Thank you!

[@Mr_Web]

You're welcome!

[@cyberwarrior_]

Not working i am using astra theme please help

[@Mr_Web]

Doesn't matter if it's Astra. This works with any theme. Check if you got the code right

[@mr.mohammed4971]

button dimension change please

[@Al-Munqith]

thanks

[@yogeshraja-o6l]

sir this code not works on express shop plugin

[@Mr_Web]

Only WooCommerce

[@jennersmith7179]

thank you for this...

[@Mr_Web]

You're welcome 😊

[@kokgampang9611]

Thx from indo brooo, thanks

[@Mr_Web]

You're welcome, glad to be of help 😂

[@lifeisbeautiful7174]

Thanks

[@mdronimia000]

Nice videp

[@heyiftikhar]

How can i change link in this button?

[@Mr_Web]

What? The link is to add the product to the cart, why would you want to change that???

[@haithemzaatchi]

thank you

[@Mr_Web]

You're welcome

[@african_parrot]

nice content

[@peterpekings6170]

May God bless you. Amen

[@Mr_Web]

Thank you 👍

[@digitalafzal]

Its not working now

[@OneCommunication-i9x]

I CANT FINE THE CODE IN THE COMMENT SECTION

[@Wanderexmusic]

Not working

[@pametnedrveneigrackemontes7605]

Hello! Where is that code?

[@Mr_Web]

In the description

[@pametnedrveneigrackemontes7605]

@@Mr_Web but how to redict from ad to cart to checkout page? It is stil view card ?

[@trojanmaths823]

not working.. your code

[@vimalkhaini]

i love you

[@Kyor1s]

Merci infiniment

[@ShivakumarShegale]

Thanks a Lot ★★★★★

[@Mr_Web]

Watch next 👉 th-cam.com/video/jWWB0DOD2Zs/w-d-xo.html

[@digitalluxury2033]

شخص رائع

[@Mr_Web]

I had to use Google translate 😎 Thanks

[@webadvltd]

Thanks!

[@webadvltd]

I just got your code to work. Super Thanks!

[@sergiokiselov1458]

Thanks so much for this!!! Great presentation, and I've been looking for this solution for a long time!!!

[@Mr_Web]

Glad it was helpful!

[@AfiaZahin-b1f]

Thank you very much sir

[@techikbal]

thank you soooooo much

[@anything2305]

Thank you

[@Mr_Web]

You're welcome

[@HassmannPeter]

Thank you!