Wooassist

Assistance for Your Woocommerce Store

  • How it Works
  • Pricing
  • Site Maintenance
  • Blog
    • How-To Articles
    • Code Snippets
    • SEO For E-Commerce
    • Theme and Plugin Reviews
    • Wooassist News
    • WordPress/WooCommerce News
    • Interviews
  • About Us
  • Contact
You are here: Home / How-To Articles / How to Add a Custom Note on WooCommerce Checkout

How to Add a Custom Note on WooCommerce Checkout

July 1, 2018 By Nick J 2 Comments

How to Add a Custom Note on WooCommerce Checkout

There are times when WooCommerce store owners need to add a custom note on checkout. This can be done by adding some custom code to your site. Read on below to learn how to add a custom note on WooCommerce checkout.

What Situations Would I Need to add a Custom Note on Checkout?

There are several situations when you’ll want to add a custom note on checkout such as:

  • If you are having checkout problems and you want to inform your customers of a workaround to the problem
  • If you want to let your customers know about a coupon code that they can use on checkout
  • If you want to remind your customers about an ongoing promotion so they can add more items to the cart

Adding the Custom Note on WooCommerce Checkout

Choose Functions.php

To add the custom note on WooCommerce checkout. You will need to edit your child theme’s functions.php file.

A word of caution before proceeding. The functions.php file is a sensitive file and editing it can cause your site to do down and even lock you out from the WordPress Dashboard. We recommend letting your developer do this. You can also edit the file using an FTP client so you can easily revert any changes in case you mess something up. If you have no developer and need help getting this done, you can contact the Wooassist team to help you out.

To get started, click on Appearance > Editor.

Edit Theme Functions.php

Next, choose the active theme. Make sure you are using a child theme. Click “Select”. If you are using Storefront theme and don’t have a child theme, check out this guide.

Find the “functions.php” and click to open it.

Copy the code below and paste it on the bottom part of the file as shown in the image. Edit the “Add custom note here” text with the custom text that you want to add.

/** Custom Note on Checkout - By WooAssist  **/

add_action('woocommerce_review_order_before_payment','wooassist_custom_note');

function wooassist_custom_note() {

echo 'Add custom note here'; //You put your own note here between the  

}

How to Add a Custom Note on WooCommerce Checkout - Insert Code Snippet

CSS Styling

That’s a done deal but you may want add some styling to your custom note it will look professional. Add this CSS code by clicking the Customize link on your WordPress admin bar. Then click on Additional CSS.

You can then copy and paste the CSS code below and hit publish to save.

.custom-note {

display: block;

margin-bottom: 10%;

color: #c12a2a;

background: #f5f5f5;

padding: 5%;

}

Note that you may need to tweak the values in the code depending on your theme.

You can now see the styled custom note section on your WooCommerce store’s checkout.

See Custom Note section

Did that work for you? If you have any questions, let us know in the comments.

People that read this article also liked

How to Recover Abandoned Carts in WooCommerce ThumbHow to Recover Abandoned Carts in WooCommerce? How to Increase Conversion Rate By Adding WooCommerce Side Cart Plugin How to Set Up WordPress SEO by Yoast for WooCommerce Creating and Editing Products on WooCommerce

Filed Under: How-To Articles Tagged With: custom code, WooCommerce, woocommerce checkout

Comments

  1. hipimps says

    June 26, 2022 at 12:15 pm

    Super! Thank you very much! Your option is very convenient for me.

    Reply
  2. Muhammad says

    September 22, 2022 at 11:59 am

    Hi nice article, can we filter spam/offensive words in these notes ?

    Reply

Leave a Reply Cancel reply

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

Woocommerce Support

wooassist-team-in-Iloilo

Get 2 Hours of
FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That's 4 hours for only $75

BUY NOW

Happy Wooassist Customers

Awesome! Fantastic! I just went to our site and I see that our site has been fixed!! We are getting orders again thanks to you all at WooAssist! Our site has not worked and looked this good for many months!! You all are awesome! Thank you so much for fixing our site! You have a customer for life! Thanks for making my day wonderful!

Kenneth Arnold

We have been quite pleased working with WooAssist as they help fill in the gaps of our development needs, all at a great price. They are always timely and communicate great, I highly recommend their services.

James Grasty

My husband and I am EXTREMELY pleased with the WooAssist Team. They provide excellent service, are very knowledgeable, and super easy to communicate with. The team ALWAYS has our company's best interests in mind. I love WooAssist! All of you make my job easier.

Jennifer Taft leetaft.com

Categories

  • Code Snippets
  • How-To Articles
  • Interviews
  • SEO For E-Commerce
  • Theme and Plugin Reviews
  • Wooassist News
  • WordPress/WooCommerce News

Recent Posts

  • The Ultimate Guide on How to Set Up Shipping on Your WooCommerce Store
  • WordPress Site Gets Infected
  • Where to Hire a WooCommerce Developer?
  • Recent Spike in Attacks Targeting Outdated WordPress Plugins
  • Security Vulnerability in Spam protection, AntiSpam, FireWall by CleanTalk
Let us support your online store so you can manage your business

Get started today

Get 2 Hours of FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That's 4 hours for only $75

BUY NOW

Free eBook

Your subscription could not be saved. Please try again.
Your subscription has been successful.

YOURS FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales

Quick Links

  • How it Works
  • Pricing
  • Blog
  • Contact
  • About Wooassist
  • My Account
  • Checkout
  • Privacy Policy
  • Cookie Policy
  • Terms and Conditions

Wooassist

Australia:
8 Storie St.
CLONTARF QLD 4019

Philippines:
San Miguel St.
Poblacion, Iligan City 9200

Connect

  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

Copyright © 2023 · Wooassist

Yours FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales