Add Content Below the Checkout Button on WooCommerce Cart Page

By Shameem Reza
Picture of the author
Published on
woocomemrce cart page

Ever noticed trust symbols near the "Proceed to Checkout" button when shopping online? For example, a trust sign, or 30 Day money back gurantee.

trust sign on cart page
trust sign on cart page

By default, the cart page in WooCommerce lacks such elements. Today, I'll share a code snippet that you can use to add your custom content below the "Proceed to Checkout" button on the WooCommerce cart page.

In this code snippet, we will use the woocommerce_after_cart_totals hook to add our content to the cart page.


function srdev_woocommerce_after_cart_totals(  ) {
    echo '<div id="cart-page-content"><img src="" alt="image" border="0"></div>';
add_action( 'woocommerce_after_cart_totals', 'srdev_woocommerce_after_cart_totals', 10, 0 );

If you need to adjust, then you can use the .cart-page-content CSS class to add csutom styling to it.


trust sign on cart page
trust sign on cart page

Optimizing your WooCommerce cart page by strategically placing content under the 'Proceed to Checkout' button can significantly enhance user trust and overall shopping experience.

By using the code snippet shared in this article, you now have the knowledge to personalize your cart page with trust symbols, shipping information, or any custom message of your choice.

Take advantage of this code snippet to create a more engaging and trustworthy online store using WooCommerce for your customers.

Hi there! Want to support my work?

Stay Tuned

Boost Your Skills On WordPres & WooCommerce!
The best articles, links and news related to CSS, JavaScript, front-end, WordPress and WooCommerce delivered once a week to your inbox.
Unsubscribe anytime. Your data is safe.