Email-template

Below is an example of a confirmation email (sent to customer after payment has been processed). Templates can be edited in our dashboard (e-mail / bevestigingsmails).

<title>{{client.client_companyname}} ticket</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style type="text/css">
      table	{ 
		width:100% !important;
		font-family: 'Roboto', sans-serif;
		table-layout: fixed
      }
       
      tr { width:100%;}
      td { horizontal-align:middle;}
      td,th {border:none;}
      	
      .Event_Name {
        font-size:40px;
        color: #ef5c2f;
        margin-top:10px;
      }

      .Event_short_text {
        font-size: 18px;
      }

      .Date_text {
        font-size: 18px; 
      }

      .Location_title {
        font-size: 22px;	
      }

      .Address-details {
        font-size: 18px;
      }

      .Event_details {
        font-size: 16px; 
      }
      
      .Ticket_cat {
        font-size:18px;
        color: #ef5c2f;
      }

      .Price_text{
      	font-size: 40px;
        color: #ef5c2f;
      	}
       
      .Barcode_text {
        font-size:18px;
        margin-left: auto;
        color: rgba(57, 57, 57, 0.251);
          -webkit-transform: rotate(90deg);
          -webkit-transform-origin: center bottom auto;
           
      }
      .Name_text {
        font-size: 18px;
        color: #ef5c2f;
      }

      .Email_text {
        font-size: 15px;       
      }

      .Footer_text {
        font-size: 16px;
        text-align: center;
      }
      .small {
        font-size: 10px;
        color: #ef5c2f;
      }
</style>
<br>
{% for seat in seats %}
<page orientation="P" format="210x297" ;="" backcolor="#ffffff">
   <br>
   <table align="center" cellpadding="10" style="width:100%; border: 1px 1px 1px 1px; border-style:dotted;">
      <tbody>
         <tr style="width:100%;">
            <td width="500" style="padding:10px;" valign="top">
               <img width="200" src="https://voordemensen.nl/static_images/barcode.jpg"><br>
               <p>
                  <span class="Event_Name">{{seat.event_name}}</span><br>
                  <span class="Event_short_text">{{seat.event_short_text}}</span>
               </p>
               <p class="Date_text">{{seat.event_date|format_date('long',locale=seat.order_lang)}} {{'at'|lang}} {{seat.event_time|format_time('short',locale=seat.order_lang)}}</p>
               <div class="Address-details">{{seat.location_name}}</div>
               <p class="Event_details">{{seat.event_text|googletrans}}</p>
               <div class="Ticket_cat">1x {{seat.seat_tickettype}}</div>
               <div class="Price_text">{{seat.seat_price}} EUR</div>
               <div class="Ticket_cat">
               	  {% if seat.seat_row_nr&gt;0 %}
               	  {{seat.seat_zone}}
                  rij: {{seat.seat_row_nr}}
                  {% endif %}
                  {% if seat.seat_nr&gt;0 %}
                  stoel: {{seat.seat_nr}}
                  {% endif %}
               </div>
               <br>
            </td>
            <td width="40" style="padding:0px;border-top: 0; border-left: 0;    border-bottom: 0;    border-style: dotted;">
               <p class="Barcode_text">
                  {{seat.order_id}}{{seat.seat_barcodetext}}
               </p>
            </td>
            <td style="text-align:center;padding:20px 0px 0px 0x;border-top:1px;">
               <img width="150" src="https://demo.voordemensen.nl/files/logo zwart-oranje-strakgesneden.png">
               <p class="Name_text">{{seat.user_firstname}} {% if seat.user_preposition %} {{seat.user_preposition}} {% endif %}{{seat.user_lastname}}</p>
               <p class="Email_text">({{seat.user_email}})</p>
               <img src="https://tickets.voordemensen.nl/qr/{{seat.seat_barcodetext}}" style="width: 40mm; background-color; color: black; border:none;">
               <qrcodes value="{{seat.seat_barcodetext}}" ec="H" style="width: 40mm; background-color; color: black; border:none;">
            </qrcodes></td>
         </tr>
      </tbody>
   </table>
   <table class="footer" align="center" cellpadding="10" cellspacing="10">
      <tbody>
         <tr style="width:100%;">
            <td colspan="2" style="width:100%;text-align:center;padding:20px;border-top:1px;">
               <p class="Footer_text"><br></p>
            </td>
         </tr>
         <tr style="width:100%;">
            <td colspan="2" style="width:100%;text-align: right">
               <p class="small">© {{ "now"|date("Y") }} VoordeMensen/{{client.client_companyname}}</p>
            </td>
         </tr>
      </tbody>
   </table>
</page>
{% endfor %}