Link Search Menu Expand Document

Sendgrid Templates

Authored by: Lili Cohen

Sendgrid: ACME Email Templates

The following documentation reviews NHM’s current and live Sendgrid email templates in detail.

ACME Order Confirmation

This email template is for purchases of tickets, memberships and donations. Due to the variety this email covers, there are many confitional statements that account for the population of specific language and data objects that pertain to the purchased item and the purchase of multiple items.

The following is the everything in the email template:

Sengrid Steps
1-34 1-5: This sets the title and head of the html file. As well as the font style of Kievit. The Img on line 8 is the NHMLAC logo at the head of the email.
9: Using the handlebars “equals” conditional, this wraps the entire email with a condition of if the purchased event name is Dinosaur Ball then do lines 10-45 and if it doesn’t then do lines 47-247.
<html>
    <head>
        <title>NHMLAC Reservation</title>
        <link href="https://nhm-fonts.sfo3.digitaloceanspaces.com/kievit/kievit.css"    rel="stylesheet"> 
    </head>
    <body>
        <div data-role="module-unsubscribe" class="module" role="module" data-type="unsubscribe" style="color:#444444; font-family: 'kievit', sans-serif; font-size:12px; line-height:20px; padding:16px 16px 16px 16px; text-align: center;" data-muid="4e838cf3-9892-4a6d-94d6-170e474d21e5">
            <img src ="http://cdn.mcauto-images-production.sendgrid.net/23dc1bf6a076426e/c6981198-ca13-4c53-b27a-98a56698ee3e/368x112.png">
            
                 <div style="padding:16px 16px 16px 16px; text-align: center;">
                    <img src ="https://nhm-assets.fra1.cdn.digitaloceanspaces.com/acme-sendgrid%2FFY23%20Dino%20Bal%20Key%20Art.jpeg" width="400" height="400" >  
                </div>
                <br>
                                <p style="font-size: 16px; text-align: left"> Dear ,
                    <br><br>
                    Thank you very much for purchasing 
                    
                        
                                  (s) and  (s)
                        
                                 (s) 
                        
                                            
                     
                     for the 2023 Dinosaur Ball at the Natural History Museum (900 Exposition Boulevard Los Angeles, CA 90007).  
                    
                        
                       We also appreciate your additional donation of $ toward this year’s event.
                       
                    
                     Your generosity supports NHM’s educational initiatives that inspire future generations of environmental and scientific leaders, from K-12 students to post-baccalaureate graduates. 
                    <br><br>
                    We look forward to celebrating with you on Saturday, April 29  (7:00pm - 11:30pm) for our evening that features an immersive journey through Deep Time. You will experience the sights and sounds of the earth 100 million years ago and then travel through time to the joy of “Opening Night” at the Natural History Museum in 1913.
                    <br><br>
                    The dress code is festive cocktail attire and comfortable footwear is encouraged given the experiential nature of this event.  
                    <br><br>
                    Thank you again, for your generosity.  Should you have any questions about your donation or this year’s event, please reach out to DinoBall@nhm.org.
                    <br><br>
                   Best wishes, 
                    <br><br>
                    <img src ="https://nhm-assets.fra1.cdn.digitaloceanspaces.com/acme-sendgrid%2FPaul%20Signature.png" width="225" height="57" >  
                    <br><br>
                    Paul Bessire<br>
                    Chief Advancement Officer<br>
                </p>
            
                
                    <h1>Thank you for your support, !</h1>
                    <p style="font-size: 16px;">
                        Your Order Number: #
                    </p>
                
                    <div class="text-center">
                    <!-- Order QR Code-->
                        <img style="margin-top: -20px;" src="" class="qr-code img-thumbnail img-responsive"
                        />
                    </div>
                
                
                    <h1>Thank you for your order, !</h1>
                    <p style="font-size: 16px;">
                        Your Order Number: #
                    </p>
                    <div class="text-center">
                    <!-- Order QR Code-->
                        <img style="margin-top: -20px;" src="" class="qr-code img-thumbnail img-responsive"
                        />
                    </div>
                 
                    <h1>Thank you for your order, !</h1>
                    <p style="font-size: 16px;">
                        Your Order Number: #
                    </p>
                
                
                    <br>
                    
                        <h1 style="text-align: center">Membership Details:</h1>
                        <p style="text-align: center"></p>
                        <table style="border-spacing: 20px; margin-left: auto; margin-right: auto;">
                            <tr>
                                <td></td>
                                <td>Level:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Expiration Date:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Type:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Member Number:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Amount:</td>
                                <td>$</td>
                            </tr>
                        </table>
                    
                
                
                    
                        <h1 style="text-align: center">Order Details:</h1>
                    
                        
                            
                                <p>Thank you for your purchase! You are now ready to  to your recipient. They will be able to activate their new Membership on their first visit to NHM or La Brea Tar Pits. In order to make advance reservations, they may also activate their Membership over the phone by calling 213.763.DINO (3466).
                                </p>
                                <p>Your printable greeting card is accessible <a href="https://nhmlac.org/sites/default/files/2022-11/Printable%20Gift%20Membership%20Greeting%20Card.pdf">here</a>. Don't forget to include the Order Number and the Membership level you are gifting them, as this will be necessary in the redemption process. 
                                </p>
                                <p>The Natural History Museum of Los Angeles County Foundation is a 501(c)(3) non-profit organization, tax ID #95-6132185. Your Gift Membership purchase is tax deductible to the extent permitted by law. Please consult your tax advisor.
                                </p>
                            
                                <table style="border-spacing: 20px; text-align: left; margin-left: auto; margin-right: auto;">
                                    <tr>
                                        <td>Event Name:</td>
                                        <td> </td>
                                    </tr>
                                    <tr>
                                        <td>Event Date/Time:</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>Tickets:</td>
                                        
                                            <tr>
                                                <td></td>
                                                <td>  </td>
                                            </tr>
                                        
                                    <tr>
                                        <td></td>
                                        <td> Total: </td>
                                    </tr>
                                </table>
                            
                        
                
                <!--  if there are donations -->
                
                    
                        <!--  if there are donation campaigns also show them -->
                        
                            <h1 style="text-align: center">Donation Details:</h1>
                            <p style="text-align: center"></p>
                            <table style="border-spacing: 20px; margin-left: auto; margin-right: auto;">
                                <tr>
                                    <td>Campaign Name:</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>Donation Amount:</td>
                                    <td>$</td>
                                </tr> 
                            </table>
                            <br>
                        <!--  if there are no donations then -->
                        
                            <h1 style="text-align: center">Donation Details:</h1>
                            <p style="text-align: center"></p>
                            <table style="border-spacing: 20px; margin-left: auto; margin-right: auto;">
                                <tr>
                                    <td>Donation Amount:</td>
                                    <td>$</td>
                                </tr>
                            </table>
                            <br>
                        
                    
                
                
                
                <div style=" text-align: center; content-align: center; border-top:2px solid green; border-bottom: 2px solid green; padding: 20px;">
                    
                        <p style="font-size: 16px; text-align: left"><strong>Thank you for supporting the Natural History Museums of Los Angeles County as a Member! We will send a separate email containing your digital membership card shortly. To begin using your membership benefits immediately, visit NHM.ORG or TARPITS.ORG to reserve your free tickets!</strong>
                        </p>
                        
                            <h2 style="text-align: left">For your visit:</h2>
                                
                                    <p style="font-size: 16px; text-align: left">
                                    }
                                    </p>
	                            
                            <ul style="font-size: 16px; text-align: left">
                                <li>The Natural History Museums of Los Angeles County no longer requires masks worn at all times indoors and in our outdoor Butterfly Pavilion, regardless of vaccination status. In accordance with the Los Angeles County Department of Public Health, we still strongly recommend all visitors to continue wearing masks while indoors and ask that individual choices are respected.
                                </li>
                                <li>Have your tickets either printed out or ready on your mobile device to be scanned once you arrive.
                                </li>
                                <li>Before you arrive, make sure to read our full <a href="https://nhm.org/covid-19-safety-guidelines">safety guidelines</a>.
                                </li>
                            </ul>
                            <p style="font-size: 16px; text-align: left"><strong>For our full safety guidelines and Frequently Asked Questions <a href="https://nhmlac.org/update-nhmlacs-response-covid-19">click here</a> for more information.</strong>
                            </p>
                            <p style="font-size: 16px; text-align: left"><strong>Please Respect Our Staff</strong><br>We look forward to your visit. Please note, the Natural History Museums of Los Angeles County will not tolerate inappropriate behavior, including, but not limited to, yelling, violence, intimidation, threats, harassment, aggression, swearing, damage, abuse, or sexual harassment. Individuals who are aggressive toward staff or other visitors will be expelled from NHM/La Brea Tar Pits and escorted off the property.
                            </p>
                            <br>
                            <p style="text-align: left"><strong>Your E-tickets are attached to this order in a QR Code format. Treat this E-ticket as you would any other valuable or cash. The unique QR code on this E-ticket allows only one (1) entry for every ticket included on this order. Purchase of this E-ticket from or sale by a third party is not authorized and may be fraudulent. The Natural History Museum & La Brea Tar Pits reserves the right to verify proof by photo ID and/or credit card of the purchaser prior to admittance into the museum. The first copy of an E-Ticket (if there are duplicate copies made) to arrive at the Museum will gain entry after scanning. Other copies will result in denial of admission. Any duplication of E-tickets to allow multiple entries constitutes fraud and may be prosecuted.</strong>
                            </p>
                            <p style="text-align: left"><strong>For directions , transportation options, parking, and other information that will help you plan your visit go to <a href="http://www.nhm.org/">http://www.NHM.org</a> or <a href="http://www.tarpits.org/">http://www.Tarpits.org</a></strong>
                            </p>
                        
                    
                        <h2 style="text-align: left">For your visit:</h2>
                            
                                <p style="font-size: 16px; text-align: left">
                                }
                                </p>
	                        
                        <ul style="font-size: 16px; text-align: left">
                            <li>The Natural History Museums of Los Angeles County no longer requires masks worn at all times indoors and in our outdoor Butterfly Pavilion, regardless of vaccination status. In accordance with the Los Angeles County Department of Public Health, we still strongly recommend all visitors to continue wearing masks while indoors and ask that individual choices are respected.
                            </li>
                            <li>Have your tickets either printed out or ready on your mobile device to be scanned once you arrive.
                            </li>
                            <li>Before you arrive, make sure to read our full <a href="https://nhm.org/covid-19-safety-guidelines">safety guidelines</a>.
                            </li>
                        </ul>
                        <p style="font-size: 16px; text-align: left"><strong>For our full safety guidelines and Frequently Asked Questions <a href="https://nhmlac.org/update-nhmlacs-response-covid-19">click here</a> for more information.</strong>
                        </p>
                        <p style="font-size: 16px; text-align: left"><strong>Please Respect Our Staff</strong><br>We look forward to your visit. Please note, the Natural History Museums of Los Angeles County will not tolerate inappropriate behavior, including, but not limited to, yelling, violence, intimidation, threats, harassment, aggression, swearing, damage, abuse, or sexual harassment. Individuals who are aggressive toward staff or other visitors will be expelled from NHM/La Brea Tar Pits and escorted off the property.
                        </p>
                        <br>
                        <p style="text-align: left"><strong>No Refunds/No Exchanges. Valid for Museum entrance on the chosen date only unless specified above. Your E-tickets are attached to this order in a QR Code format. Treat this E-ticket as you would any other valuable or cash. The unique QR code on this E-ticket allows only one (1) entry for every ticket included on this order. Purchase of this E-ticket from or sale by a third party is not authorized and may be fraudulent. The Natural History Museum & La Brea Tar Pits reserves the right to verify proof by photo ID and/or credit card of the purchaser prior to admittance into the museum. The first copy of an E-Ticket (if there are duplicate copies made) to arrive at the Museum will gain entry after scanning. Other copies will result in denial of admission. Any duplication of E-tickets to allow multiple entries constitutes fraud and may be prosecuted.</strong>
                        </p>
                        <p style="text-align: left"><strong>For directions , transportation options, parking, and other information that will help you plan your visit go to <a href="http://www.nhm.org/">http://www.NHM.org</a> or <a href="http://www.tarpits.org/">http://www.Tarpits.org</a></strong>
                        </p>
                    
                        <p style="font-size: 16px; text-align: left"><strong>Thank you for donating and supporting the Natural History Museums of Los Angeles County! Visit <a href="http://www.nhm.org/">http://www.NHM.org</a> or <a href="http://www.tarpits.org/">http://www.Tarpits.org</a> to view our upcoming events and educational resources.</strong>
                        </p>
                    
                </div>
                
                <br>
                <p>Natural History Museum/La Brea Tar Pits Museum Online Ticket Support: (213)763-DINO (3466)
                </p>
                <p>Please contact us by email at <a href="mailto:tickets@NHM.org">info@NHM.org</a> for any questions regarding this order.
                </p>
                Order Date: 
                <br>    
            
        </div>
    </body>
</html>

ACME Order Cancellation

This email template is for orders that were refunded or voided. It has little conditionals use and simply calls on data objects like with revelant html copy.

The data object sets used are: Order. See example below of basic object handlebars use:

 <h1>Cancellation Confirmed</h1>
 	<P style="font-size: 16px;">Your Order Number: #</p>
	<p></p>
	<br>
	<p>Natural History Museum/La Brea Tar Pits Museum Online Ticket Support: (213)763-DINO (3466)</p>
	<p>Please contact us by email at <a href="mailto:tickets@NHM.org">info@NHM.org</a> for any questions regarding this order.</p>
Order Date: <br>

The code above uses only two simple object calls using handlebars, orderNumber and orderDate.

ACME Order Rebook

This email template is for rebooked orders/order items. There are no conditionals necessary, basic object calls are used to provide information on updated order details.

The data object sets used are: order, rebooks, orderItems and confirmationMessages . See example below of conditional rendering and conditional nesting:

 <h1 style="text-align: center">Updated Order Details:</h1>
  
    <table style="border-spacing: 20px;   margin-left: auto;
  margin-right: auto;">
  <tr>
    <td>Event Name:</td>
    <td> </td>
  </tr>
   <tr>
    <td>Event Date/Time:</td>
    <td></td>
  </tr>
   <tr>
<td>Tickets:</td>

<tr>
 <td></td>
 <td>    <br>$</td>
</tr>
<tr>
</table>

The information given in the email above reflects rebooked order details (changed Butterfly Pavilion to a new timeslot).

ACME Order Cancellation with Cancellation Message

This is what ACME considers a “Bulk Email Template” as it is triggered when cancelling an event instance and the email is sent to all those that have booked into the cancelled event. There are three objects being called by handlebars in this email and they are: orderNumber, cancelledEventName, cancellationMessage.

ACME Order Reschedule

This is what ACME considers a “Bulk Email Template” as it is triggered when an event instance date and/or time are updated. The email is sent to all those that have booked into the rescheduled event. The format of the email includes two Order Detail sections, Updated Order Details with the new date/time of the rescheduled event and the Original Order Details. There are three object data sets being called by handlebars in this email and they are: reschedules, originals and orderItems. See example below:

 <h1 style="text-align: center">Updated Order Details:</h1>
  
    <table style="border-spacing: 20px;   margin-left: auto;
  margin-right: auto;">
  <tr>
    <td>Event Name:</td>
    <td> </td>
  </tr>
   <tr>
    <td>Event Date/Time:</td>
    <td></td>
  </tr>
   <tr>
<td>Tickets:</td>

<tr>
 <td></td>
 <td>  </td>
</tr>
<tr>
</table>

<br>
<h1 style="text-align: center">Original Order Details:</h1>
  
    <table style="border-spacing: 20px;   margin-left: auto;
  margin-right: auto;">
  <tr>
    <td>Event Name:</td>
    <td> </td>
  </tr>
   <tr>
    <td>Event Date/Time:</td>
    <td></td>
  </tr>
   <tr>
<td>Tickets:</td>

<tr>
 <td></td>
 <td>  </td>
</tr>
<tr>
</table>

There are no conditionals functionality in the email, it is using the data object sets to share the updated event/order details and the original event/order details.