WooCommerce: Add A Shipping Notice on the Checkout Page

If you need to display a custom message on the checkout page of your WooCommerce site, you can place the following code into your functions.php file. Be sure to make your own styling and text changes:


/* Add Shipping Notice Below Shipping Notes on Checkout Page */
add_action( 'woocommerce_after_order_notes', 'custom_shipping_notice' );

function custom_shipping_notice() {
echo '<div style="padding: 10px; background: #ffe498; border: solid 1px #d49f0b;">PLACE YOUR CUSTOM MESSAGE HERE.</div>';
}

Other Helpful Articles

Choosing A Domain Name

Selecting a domain name for your website is one of the first things a website needs and probably one of the most difficult. The domain name is what someone types into the URL box on a browser to get to a site. Think of it as an unique location identifier

Read More »
Smart Web Creative - Elementor: Create Conditional Form Fields with Code

Elementor: Create Conditional Form Fields with Code

If you ever wanted to create conditional form fields with code using Elementor Pro, this tutorial will guide you on how to do that. We will be using an example where users will be asked if they would like to enter their address details. It will look like this once

Read More »
Smart Web Creative - How To Grab a URL Parameter for an Elementor Form in a Popup

Elementor: How To Grab a URL Parameter for an Elementor Form in a Popup

Trying to find out how to grab a URL parameter for an Elementor form in a popup? You can use the Javascript code below within an HTML widget that is on your Elementor popup: <script type="text/javascript"> jQuery(function($){ //When Clicking Input Fields $(document).on(‘click’,’input’, function(event){ //Grab Current URL var urlstr = window.location.href;

Read More »

What Do You Need Done?:

(Please check all that apply)

Tell Us About You

Almost Done!

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info