Adding Order Notes to Order Confirmation Email

ktaekema
New Member
1 0 1

Hi There,

We'd like to have the order notes that a customer inputs on their order to show up in the confirmation email they receive. I know I need to use {{ note }} to grab it, but beyond that I'm not sure where I should place it or what the code should look like surrounding it when I add it to the order confirmation. Can anyone help? One shopify guru told us that we needed our theme developer's help to do this but I'm pretty sure this is standard cut and paste code into the order confirmation coding....? I just don't know what to cut and paste....

Replies 15 (15)
Guleria
Shopify Partner
2017 426 621

Follow these steps
Click on Settings 😆 Notifications 😆 Order confirmation 
or you can reach directly your-store.com/admin/email_templates/order_confirmation/edit
Now here you have template, paste your code a/to need e.g 

Gift Note: {{ note }}

With condition 

{% if note != '' %} 
Note: {{ note }}
{% endif %}


Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
Buy me a coffee My PayPal
Try GEMPAGES page builder.
Qualitycheck
Shopify Expert
1432 114 232
colson1920
New Member
5 0 0

Hi Guleria, 

I followed your code to add notes to order notifications and it worked great, thank you!  One question though, is there any way to format it better.  It does not add any line breaks so the notes are one long string which is hard to read.  Here is an example of what it looks like -  

 

Thank you for your help.

Regards,

Chris

Guleria
Shopify Partner
2017 426 621

You can use html tags here a/to your need.

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
Buy me a coffee My PayPal
Try GEMPAGES page builder.
colson1920
New Member
5 0 0

Hi Guliera,

 

I'm sorry I don't understand how to do that.  I don't know html very well but have used html editors to create html code.  In the case of formatting  the Note Variable I don't know where to put the html tags. 

Can you show me the exact html code and where to put it in the following example so that it will honor line breaks in the note box -

{% if note != ' ' %}
Note: {{ note }}
{% endif %}

I'd be happy to make a small donation for your help.

Thanks!

Regards,

Chris

Guleria
Shopify Partner
2017 426 621
{% if note != ' ' %}
<h2>Note:</h2> <p>{{ note }}</p>
{% endif %}

<h2> tag will make Note in heading and <p> tag break Note message it to new line.
And still you can customize it more with inline css.

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
Buy me a coffee My PayPal
Try GEMPAGES page builder.
colson1920
New Member
5 0 0

Hi Guleria,

 

I think you misunderstood what I'm trying to do.  I added your code but what I'm trying to accomplish is that if the Note the customer types in is on mulitple lines I would like it to appear that way in the notification.  Right now it is one long text string.  Here is a screenshot - https://www.cloudhq.net/c/a2d0d92109beb0

Is it possible to create line breaks if the note contains multiple lines?

Regards,

Chris

 

 

SylviaB
New Member
2 0 1

Run into same issue here. looking for a way to print out note with it's original line break as it was entered. If just simply use {{note}}, it removed the original link breaks. do we have a solution here?

colson1920
New Member
5 0 0
No I have not figured out how to do this.
Rosie_Lea_Tea
Tourist
3 0 1

I also cannot work out how to add the line breaks. Does anyone have a fix to this? So close, yet so far!

califluffco
Excursionist
43 2 8

Bumping this up since I'd like also to know the solve for this. 

SylviaB
New Member
2 0 1

Try

{{ note | newline_to_br}} 

instead of just 

{{note}}

 

it works for me and hopefully it works for you too!

colson1920
New Member
5 0 0

Sylvia, that worked perfect to format the notes box with line breaks.   Thank you so much!

Sri28
New Member
2 0 0

Thank you, the below code worked for me when added to Order Confirmation email.

It shows when notes are added with line breaks and does not show when no notes are added as expected.

{% if note != '' %}
<h3>Note: </h3> {{ note | newline_to_br}}
{% endif %}

Regards

Sri

AbdulAttamimi
New Member
1 0 0

Hello, could you please tell me where exactly to paste that code? Thank you!