Order Confirmation Page Customer Note Shows in Price Column

Hello jwest444,

Thank you for contacting WooCommerce support.

To confirm, by notes do you mean the notes that customers add on the Checkout page?

May I ask where is that screenshot from?
Could you share a full-page screenshot?
You may hide the sensitive information.

Looking forward to your response. ??

Yes, just like your screenshot above. The Notes that a Customer would add in the Checkout page.

I was testing actual purchases on my live site and added the customer note. The Order Confirmation email I got shows the Note in my Price/Total column. I’ll share a redacted full screen shot if you still need one.

Thanks Zubair!

UPDATE: I checked some Order Confirmation emails from previous test purchases going back a couple years. It seems that notes by customers always appear in this small column. So any text that’s more than a few dozen characters will probably expand the box. But it’ll definitely look awkward and be a little harder to read.

It would be easier on the eyes if the Note portion was merged into just one cell or have the Note appear in the wider first column.

This issue is resolved for me but I’ll leave it open for now, in case Support might like to respond.

Hi @jwest444 – thanks for the additional info.

I ran a few tests with the latest WooCommerce and Storefront theme to see what the default emails look like.

First, a very long note on a product name that in total is quite long, but consists of a few shorter bits that easily breaks across the line. In this case, the Product column contracts while the Price column expands, leaving a nicely spread-out note.

Next, a product with a very long, continuous name, so not so easy to break and/or wrap. In this case, the Product column expands to accommodate the product name, leaving the Price column to contract, squishing the note.

It would be easier on the eyes if the Note portion was merged into just one cell or have the Note appear in the wider first column.

Brilliant suggestion! I modified the file at woocommerce > templates > emails > email-order-details.php on line 70 so make it one column, and here’s what it looks like:

I’m not a developer and haven’t tested this extensively but, in case you want to achieve something similar on your site as well, the simplistic code change below can be achieved with a template override. It was also submitted to the WooCommerce repo as an Enhancement request.

<tr>
	<td class="td" scope="row" colspan="3" style="text-align:<?php echo esc_attr( $text_align ); ?>;"><?php esc_html_e( 'Note:', 'woocommerce' ); ?><br>
		<?php echo wp_kses( nl2br( wptexturize( $order->get_customer_note() ) ), array() ); ?></td>
</tr>

If you’re not a developer or do not want to change the code yourself, click here to connect with a developer that can do it for you.

On that note, I’ll go ahead and close this thread. If you need more help with anything else, please feel free to start another.