How to Change Proceed to Checkout Button Text in WooCommerce?

change proceed to checkout button text

Do you want to change the default Proceed to checkout button text in woocommerce cart page? For this, you just have to add the function hook in your child theme’s functions.php file and it will change the default text to your custom text.

So, in this tutorial, you will learn how you can change the proceed to checkout button text.

Let’s get started.

Change Proceed to Checkout Button Text in WooCommerce

Before adding the code snippet, you can see where this button located and how it looks like? So the button is located on woocommerce cart page below all cart items listed and shows the total price box. You can also change the position of this button as you want.

See the below image of default proceed to checkout button on woocommerce cart page.

proceed to checkout button text

When you click on this button it will redirect to woocommerce checkout page and you can place your order by clicking on the Place Order button at the bottom.

You can skip this cart page step, which means if you want to directly redirect to the checkout page without going to the cart page then check this guide How to redirect to checkout after clicking on add to cart button?

OK. Let’s come to the main point.

Follow the below steps to change the proceed to checkout button text in woocommerce:

Step 1: Open the functions.php file through cPanel file manager OR Theme Editor in admin dashboard (Appearance > Theme Editor)

Step 2: Add the following code in your functions.php file at the bottom.

Step 3: Save the file and now try to add a new product to the cart and check the cart page. You will see the Proceed to checkout button text has been changed. You can see this in the image below.

changed proceed to checkout button text

If you want to add an image/icon with text then you can also do that. You just have to add the tag with src attribute before or after proceed to checkout button text and it will be shown on the frontend.

Change Proceed to Checkout Button Text with Image or Icon

To add the image to proceed to the checkout button:

The above code will show the image after the text. You can add image where you want to show as per your requirements. See the below image with proceed to checkout button image/icon.

proceed to checkout button with image

Tip: This woocommerce_button_proceed_to_checkout() function directly call from woocommerce core files. You don’t need to add any action or filter hook to run this. Actually, this works as a pluggable function, just add a function from the core into your functions.php file and it changes yours proceed to checkout button text with also an image.

I hope you get all the steps. If you have any questions regarding this please ask me in the comment section. I would happy to help you with that.

You May Also Like

About the Author: Aman Mehra

Hey! I'm Aman Mehra and I'm a full-stack developer and have 5+ years of experience. I love coding and help to people with this blog.

Leave a Reply

Your email address will not be published. Required fields are marked *