Title: Notification Email
Last modified: August 22, 2016

---

# Notification Email

 *  Resolved [AlbatiQue](https://wordpress.org/support/users/albatique/)
 * (@albatique)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/)
 * Hey Dan,
 * I’m working to get some nice html notifications.
    For the item tables I already
   got some nice html template to email and I would like to implement this with 
   Sprout Invoices.
 * [https://www.dropbox.com/s/z4ksgerj5108xtn/Schermafdruk%202015-01-05%2013.07.51.png?dl=0](https://www.dropbox.com/s/z4ksgerj5108xtn/Schermafdruk%202015-01-05%2013.07.51.png?dl=0)
 * So for it to look in the image thats attached, do I need to edit the shortcodes?
   
   And were can I find the shortcodes that need editing?
 * Thanks
 * [https://wordpress.org/plugins/sprout-invoices/](https://wordpress.org/plugins/sprout-invoices/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Contributor [Dan Cameron](https://wordpress.org/support/users/dancameron/)
 * (@dancameron)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638546)
 * Hello,
 * I like the design of that table, it looks great. In order to edit the `line_item`
   shortcode you will need to filter `shortcode_line_item_list`. That filter will
   be in a future update of Sprout Invoices since (unbelievably) there’s no easy
   way to filter that shortcode yet.
 * Here’s an example filter that should get things started – [https://gist.github.com/dancameron/0ddd7f9c9a9f010b3184](https://gist.github.com/dancameron/0ddd7f9c9a9f010b3184)
 *  Thread Starter [AlbatiQue](https://wordpress.org/support/users/albatique/)
 * (@albatique)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638580)
 * Hey Dan,
 * Waw this is some great support! I even saw you already updated the plugin to 
   add the above features.
 * Glad you like the design, would notification templates also be something thats
   sellable via your add-on store?
 * I will try to work this out with the code you provided me.
    Thanks
 *  Plugin Contributor [Dan Cameron](https://wordpress.org/support/users/dancameron/)
 * (@dancameron)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638583)
 * Oh yeah. I have plans for HTML templates as an addon but I’d accept almost any
   third party addon, especially one that’s as good as you’re suggesting.
 *  Thread Starter [AlbatiQue](https://wordpress.org/support/users/albatique/)
 * (@albatique)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638618)
 * Hey Dan,
 * I’m bit disappointed in myself because my php programming skills are still not
   developed enough to make this work 🙁 :p.
 * Below is the code of the e-mail table.
 * The opening code:
 *     ```
       <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff">
       		<tr>
       			<td align="center">
   
       				<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590 bg_color">
       					<tr bgcolor="ffffff">
   
               				<td align="left" mc:edit="header2" style="color: #26313c; font-size: 12px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 24px; border-bottom: solid 3px #eaedf0;" class="title_color"><!-- ======= text ======= -->
       <div style="line-height: 24px;">Omschrijving</div>
       </td>
               				<td width="95" align="center" mc:edit="header3" style="color: #26313c; font-size: 12px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 24px; border-bottom: solid 3px #eaedf0;" class="title_color">
   
       							<!-- ======= text ======= -->
   
       							<div style="line-height: 24px;">
   
       	        						Quantity
   
       							</div>
               				</td>
               				<td width="95" align="center" mc:edit="header4" style="color: #26313c; font-size: 12px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 24px; border-bottom: solid 3px #eaedf0;" class="title_color"><!-- ======= text ======= -->
       <div style="line-height: 24px;">Price</div>
       </td>
       					</tr>
   
       					                <tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
       ```
   
 * What should be loaded inside the table, so this should be in te loop:
 *     ```
       <tr>
   
       						<td valign="top">
   
                                   <table border="0" align="center" cellpadding="0" cellspacing="0">
   
       								<tr><td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td></tr>
   
       								<tr>
       									<td align="left" mc:edit="itemtitle1" style="color: #26313c; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 1px; mso-line-height-rule: exactly; line-height: 22px;" class="title_color">
   
       										<!-- ======= text ======= -->
   
       										<div style="line-height: 22px;">
   
       				        						TSHIRT PATIENT NINJA
   
       										</div>
       			        				</td>
       								</tr>
   
       								<tr><td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td></tr>
   
       								<tr>
       									<td align="left" mc:edit="itemtext1" style="color: #919399; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 22px;" class="title_color"><!-- ======= text ======= -->
       <div style="line-height: 22px;">Lorem ipsum dolor sit amet consectetur adipiscing elit aenean sit amet .</div>
       </td>
       								</tr>
   
       							</table>
       						</td>
   
       						<td align="center" mc:edit="itemtitle2" style="color: #26313c; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 22px;" class="title_color">
   
       							<!-- ======= text ======= -->
   
       							<div style="line-height: 22px;">
   
       	        						1
   
       							</div>
               				</td>
   
               				<td align="center" mc:edit="itemtitle3" style="color: #26313c; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 22px;" class="title_color">
   
       							<!-- ======= text ======= -->
   
       							<div style="line-height: 22px;">
   
       	        						$ 14,95
   
       							</div>
               				</td>
       					</tr>
   
       					<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
       					<tr bgcolor="e8eaec"><td colspan="4" height="1" style="font-size: 1px; line-height: 1px;">&nbsp;</td></tr>
       					<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
       ```
   
 * The Tables total & Subtotal Code, with the closing tags:
 *     ```
       <tr><td height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td></tr>
   
       					<tr>
       						<td colspan="4">
       							<table border="0" align="right" width="190" cellpadding="6" cellspacing="0">
       								<tr>
       									<td mc:edit="abouttext25" align="left" height="" valign="middle" style="color: #26313c; font-size: 12px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
       										Subtotaal
       									</td>
       									<td mc:edit="abouttext26" align="right" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
       										$ 71,80
       									</td>
       								</tr>
       								<tr>
       									<td mc:edit="abouttext27" align="left" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
       										BTW
       									</td>
       									<td mc:edit="abouttext28" align="right" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
       										2.0
       									</td>
       								</tr>
       								<tr bgcolor="ffffff">
       									<td mc:edit="abouttext29" align="left" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 26px;">
       										Totaal
       									</td>
       									<td mc:edit="abouttext30" align="right" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
       										[invoice_total]
       									</td>
       								</tr>
       							</table>
       						</td>
       					</tr>
   
       					<tr><td height="80" style="font-size: 80px; line-height: 80px;">&nbsp;</td></tr>
   
       				</table>
       			</td>
       		</tr>
       	</table>
       ```
   
 * I hope you can help me out with this.
 * Thanks!
 *  Plugin Contributor [Dan Cameron](https://wordpress.org/support/users/dancameron/)
 * (@dancameron)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638622)
 * I’d gladly support this type of customization within priority support of a purchase
   of Sprout Invoices because we have a limited amount of time I can help in the.
   org support forums for the free version.
 * We do have a sale, which is a great deal since any developer support would be
   2x what the price of SI is.
 * Thanks for understanding.
 *  Thread Starter [AlbatiQue](https://wordpress.org/support/users/albatique/)
 * (@albatique)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638640)
 * Hey Offcourse I understand!
    So i bought a license now 😉
 * Thanks Dan
 *  Plugin Contributor [Dan Cameron](https://wordpress.org/support/users/dancameron/)
 * (@dancameron)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638643)
 * Great news.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Notification Email’ is closed to new replies.

 * ![](https://ps.w.org/sprout-invoices/assets/icon-256x256.png?rev=1963899)
 * [Sprout Invoices - Client Invoicing & Estimates](https://wordpress.org/plugins/sprout-invoices/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sprout-invoices/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sprout-invoices/)
 * [Active Topics](https://wordpress.org/support/plugin/sprout-invoices/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sprout-invoices/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sprout-invoices/reviews/)

## Tags

 * [email](https://wordpress.org/support/topic-tag/email/)

 * 7 replies
 * 2 participants
 * Last reply from: [Dan Cameron](https://wordpress.org/support/users/dancameron/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/notification-email-6/#post-5638643)
 * Status: resolved