WooCommerce Booster Custom JS

WooCommerce Booster Custom JS

Separate custom JS for front and back end


With WooCommerce Booster Custom JS module you can add custom JavaScript code to your site’s frontend and/or backend.


WooCommerce Booster Custom JS - Admin Settings

Custom JS – Front end (Customers)
Frontend JavaScript code.
Default: None
Custom JS – Back end (Admin)
Backend JavaScript code.
Default: None

For example, if you want to modify “Billing & Shipping” text on checkout with JavaScript, you can set “Custom JS – Front end (Customers)” option to:

jQuery(document).ready(function() {
    jQuery(".woocommerce-checkout div.woocommerce-billing-fields h3").text("Billing");
Accessible through:
  • WooCommerce > Settings > Booster > Emails & Misc. > Custom JS
Tested on WooCommerce 4.2.2 and WordPress 5.4.2
Plugin can be downloaded here. If there are any locked fields in the module, you will need to get Booster Plus to unlock them.

Leave a Reply



  1. dcgraphics September 19, 2018 at 2:30 pm #

    Hello, I tried to add this to the Custom JS and it does not work on the front end. The code does work in the Child/functions.php:
    add_filter( ‘woocommerce_states’, ‘custom_woocommerce_states’ );

    function custom_woocommerce_states( $states ) {
    $states[‘US’] = array(
    ‘AL’ => ‘Alabama’,
    ‘KY’ => ‘Kentucky’,
    ‘TN’ => ‘Tennessee’

    return $states;
    Is there specific JS for this section only as your documentation is very limited?

    Reply to thread

    • Booster Support Team September 20, 2018 at 9:37 pm #


      It looks like code that you’ve posted is actually PHP and not JS. However I’ve just added new module to Booster. Please download the development version here – https://booster.io/dev/. You will need to uninstall the old plugin version first (don’t worry your saved settings won’t disappear). If you are a Booster Plus user – please let me know (on [email protected]) your order number, and I will send you the development version for Plus. Now there is new module in “WooCommerce > Settings > Booster > Emails & Misc. > Custom PHP” – your code should work there.

      Please let me know if there any issues and/or questions and if you like Booster, please leave us a rating.

      Best regards,

      Booster Support Team