Difference between revisions of "Create Vouchers"
From hoteliga
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | Go to '''Settings/Templates''' | ||
+ | |||
+ | Click New Template and choose the Type> Folio or Reservation. | ||
+ | |||
+ | Click the '''Source Code''' button inside the template. | ||
+ | |||
+ | Copy the HTML code, find HTML code for templates below. | ||
+ | |||
+ | '''CTR + V''' (Paste) the HTML inside the '''Source Code''' button. | ||
+ | |||
+ | Click OK | ||
+ | |||
+ | Instructions on '''Creating a New Template''' can be found [here][http://help.hoteliga.com/en/index.php/Templates#Creating_a_New_Template] | ||
+ | |||
+ | |||
Copy the HTML code for '''Voucher (Folio)''' - '''(Template type: Folio)''' | Copy the HTML code for '''Voucher (Folio)''' - '''(Template type: Folio)''' | ||
Line 81: | Line 96: | ||
<td style="background-color: #c0c0c0 !important; height: 150px;"> | <td style="background-color: #c0c0c0 !important; height: 150px;"> | ||
<h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> | <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> | ||
− | <p style="text-align: center;"><strong>This voucher can be used for a stay in | + | <p style="text-align: center;"><strong>This voucher can be used for a stay in our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 325: | Line 340: | ||
<td style="background-color: #c0c0c0 !important; height: 150px;"> | <td style="background-color: #c0c0c0 !important; height: 150px;"> | ||
<h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> | <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> | ||
− | <p style="text-align: center;"><strong>This voucher can be used for a stay in | + | <p style="text-align: center;"><strong>This voucher can be used for a stay in our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 477: | Line 492: | ||
<td style="background-color: #c0c0c0 !important; height: 150px;"> | <td style="background-color: #c0c0c0 !important; height: 150px;"> | ||
<h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> | <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> | ||
− | <p style="text-align: center;"><strong>This voucher can be used for a stay in | + | <p style="text-align: center;"><strong>This voucher can be used for a stay in our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> |
</td> | </td> | ||
</tr> | </tr> |
Latest revision as of 16:06, 15 April 2020
Go to Settings/Templates
Click New Template and choose the Type> Folio or Reservation.
Click the Source Code button inside the template.
Copy the HTML code, find HTML code for templates below.
CTR + V (Paste) the HTML inside the Source Code button.
Click OK
Instructions on Creating a New Template can be found [here][1]
Copy the HTML code for Voucher (Folio) - (Template type: Folio)
<style><!-- #generalstyling, td, th { font-family: 'Lato', sans-serif; font-size: 10pt; } #header { width: 100%; height: 200px; } .chargestable th, #customerReservation th { background-color: #c0c0c0 !important; text-align: left; padding: 10px; } #customerReservation td { padding: 10px; line-height: 80% !important; } .chargestable { width: 100%; } .chargestable td { line-height: 80% !important; } .reservationsLoop { border: 0 !important; padding: 0 !important; margin: 0 !important; } #customerReservation table td { line-height: 150%; padding: 5px; } #customerReservation table { width: 100%; } #customerReservation { width: 100%; border: 1px solid black; padding: 10px; } #summary { width: 50%; } #summary td { padding: 5px; font-weight: bold; font-size: 110%; line-height: 150%; } #footer { margin-top: 30px; text-align: center; } --></style> <div id="generalstyling"> <table id="header"> <tbody> <tr> <td><!-- thank you message start --> <table width="100%"> <tbody> <tr> <td style="background-color: #c0c0c0 !important; height: 150px;"> <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> <p style="text-align: center;"><strong>This voucher can be used for a stay in our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> </td> </tr> </tbody> </table> <!-- thank you message end --></td> <td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td> </tr> </tbody> </table> <div style="float: right; text-align: right;"><br />Print Date: <br />{{ printdate }}</div> <br /> <table id="customerReservation"> <tbody> <tr valign="top"> <td style="width: 49%;"><!--- customer container start --> <table> <tbody> <tr><th colspan="2" style="text-align: left;">GUEST DETAILS</th></tr> <tr> <td style="width: 50%;">Name</td> <td style="width: 50%; text-align: right;">{{ customer.firstname }} {{ customer.lastname }}</td> </tr> <tr valign="top"> <td style="line-height: 120% !important;">Home Address</td> <td style="line-height: 120% !important; text-align: right;">{{ customer.address }}</td> </tr> <tr> <td>Phone</td> <td style="text-align: right;">{{ customer.phone }}</td> </tr> <tr> <td>Mobile</td> <td style="text-align: right;">{{ customer.mobile }}</td> </tr> <tr> <td>E-mail</td> <td style="text-align: right;">{{ customer.email }}</td> </tr> </tbody> </table> <!--- customer container end --></td> <td style="width: 2%;"></td> <td style="width: 49%;"><!--- reservations container start --> <table> <tbody> <tr><th colspan="2" style="text-align: left;">RESERVATION DETAILS</th></tr> <tr> <td style="width: 50%; padding-left: 10px;">Reservation Date</td> <td style="width: 50%; text-align: right; padding-right: 10px;">{{ reservations[0].reservationdate }}</td> </tr> <tr> <td style="width: 50%; padding-left: 10px;">Promo Code</td> <td style="width: 50%; text-align: right; padding-right: 10px;">{{ reservations[0].promocode }}</td> </tr> <tr ng-repeat="reservation in reservations"> <td colspan="2"><!-- reservations loop start --> <table class="reservationsLoop" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="width: 50%; font-weight: bold; border-bottom: 2px solid #C0C0C0;">Reservation No.</td> <td style="width: 50%; font-weight: bold; border-bottom: 2px solid #C0C0C0; text-align: right;">{{ reservation.id }}</td> </tr> <tr> <td>Room</td> <td style="text-align: right;">{{ reservation.room }}</td> </tr> <tr> <td>Room Type</td> <td style="text-align: right;">{{ reservation.roomtype }}</td> </tr> <tr> <td>Check In</td> <td style="text-align: right;">{{ reservation.datefrom }}</td> </tr> <tr> <td>Check Out</td> <td style="text-align: right;">{{ reservation.dateto }}</td> </tr> <tr> <td>Nights</td> <td style="text-align: right;">{{ reservation.numnights }}</td> </tr> <tr> <td>No. of Guests</td> <td style="text-align: right;">{{ reservation.numadultschildren }}</td> </tr> </tbody> </table> <!-- reservations loop end --></td> </tr> </tbody> </table> <!--- reservations container end --></td> </tr> </tbody> </table> <h4>CHARGES</h4> <table class="chargestable table"> <tbody> <tr><th style="text-align: center;">DATE</th><th style="text-align: center;">RES. ID</th><th>DESCRIPTION</th><th style="text-align: right;">RATE</th><th style="text-align: right;">TAX</th><th style="text-align: right;">TOTAL</th></tr> <tr ng-repeat="roomcharge in roomcharges"> <td style="text-align: center; width: 15%;">{{ roomcharge.date }}</td> <td style="text-align: center; width: 10%;">#{{ roomcharge. reservationid }}</td> <td style="width: 30%;">{{ roomcharge.description }}</td> <td style="text-align: right; width: 15%;">{{ roomcharge.price }}</td> <td style="text-align: right; width: 15%;">{{ roomcharge.tax}}</td> <td style="text-align: right; width: 15%;">{{ roomcharge.pricewithtax }}</td> </tr> <tr> <td style="border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">Totals</td> <td colspan="3" style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ roomchargestotals.price }}</td> <td style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ roomchargestotals.tax }}</td> <td style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ roomchargestotals.pricewithtax }}</td> </tr> </tbody> </table> <h4></h4> <h4>PAYMENTS</h4> <table class="chargestable table"> <tbody> <tr><th style="text-align: center;">DATE</th><th style="text-align: center;">RES. ID</th><th>DESCRIPTION</th><th style="text-align: right;">TOTAL</th></tr> <tr ng-repeat="payment in payments"> <td style="text-align: center; width: 15%;">{{ payment.date }}</td> <td style="text-align: center; width: 10%;">#{{ payment. reservationid }}</td> <td style="width: 60%;">{{ payment.method }}</td> <td style="text-align: right; width: 15%;">{{ payment.amount }}</td> </tr> <tr> <td colspan="3" style="border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">Totals</td> <td style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ paymentstotal }}</td> </tr> </tbody> </table> <br /> <div align="right"> <table id="summary"> <tbody> <tr> <td>Total Room Charges</td> <td style="text-align: right;">{{ roomchargestotals.pricewithtax }}</td> </tr> <tr> <td>Total Extra Charges</td> <td style="text-align: right;">{{ extrachargestotals.pricewithtax }}</td> </tr> <tr> <td>Total Payments</td> <td style="text-align: right;">{{ paymentstotal }}</td> </tr> <tr> <td style="background-color: #c0c0c0 !important;">Balance</td> <td style="background-color: #c0c0c0 !important; text-align: right;">{{ balance }}</td> </tr> </tbody> </table> </div> </div> |
Copy the HTML code for Voucher (Email) - (Template type: Reservation)
<style><!-- #generalstyling, td, th { font-family: 'Lato', sans-serif; font-size: 10pt; } #header { width: 100%; height: 200px; } .chargestable th, #customerReservation th { background-color: #c0c0c0 !important; text-align: left; padding: 10px; } #customerReservation td { padding: 10px; line-height: 80% !important; } .chargestable { width: 100%; } .chargestable td { line-height: 80% !important; } .reservationsLoop { border: 0 !important; padding: 0 !important; margin: 0 !important; } #customerReservation table td { line-height: 150%; padding: 5px; } #customerReservation table { width: 100%; } #customerReservation { width: 100%; border: 1px solid black; padding: 10px; } #summary { width: 50%; } #summary td { padding: 5px; font-weight: bold; font-size: 110%; line-height: 150%; } #footer { margin-top: 30px; text-align: center; } --></style> <div id="generalstyling"> <table id="header"> <tbody> <tr> <td><!-- thank you message start --> <table width="100%"> <tbody> <tr> <td style="background-color: #c0c0c0 !important; height: 150px;"> <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> <p style="text-align: center;"><strong>This voucher can be used for a stay in our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> </td> </tr> </tbody> </table> <!-- thank you message end --></td> <td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td> </tr> </tbody> </table> <div style="float: right; text-align: right;"><br /><br /></div> <br /> <table id="customerReservation"> <tbody> <tr valign="top"> <td style="width: 49%;"><!--- customer container start --> <table> <tbody> <tr><th style="text-align: left;">RESERVATION DETAILS</th><th style="text-align: left;"></th></tr> <tr> <td style="width: 50%;"><strong>Name</strong></td> <td style="width: 50%; text-align: right;">{{ firstname }} {{ lastname }} </td> </tr> <tr valign="top"> <td style="line-height: 120% !important;"><strong>Type of Room</strong></td> <td style="line-height: 120% !important; text-align: right;"><span>{{ roomtype }}</span></td> </tr> <tr> <td><strong>Arrival</strong></td> <td style="text-align: right;"><span>{{ datefrom }}</span></td> </tr> <tr> <td><strong>Departure</strong></td> <td style="text-align: right;"><span>{{ dateto }}</span></td> </tr> <tr> <td><strong>Adults</strong></td> <td style="text-align: right;"><span>{{ adults }}</span></td> </tr> <tr> <td><strong>Children</strong></td> <td style="text-align: right;"><span>{{ children }}</span></td> </tr> <tr> <td><strong>Total nights</strong></td> <td style="text-align: right;">{{ nights }}</td> </tr> <tr> <td><strong>Total price</strong></td> <td style="text-align: right;"><span>{{ totalprice }}</span></td> </tr> <tr> <td><strong>Balance</strong></td> <td style="text-align: right;"><span>{{ balance }}</span></td> </tr> </tbody> </table> <!--- customer container end --></td> <td style="width: 2%;" colspan="2"><!--- reservations container start --> <h4></h4> <div align="right"></div> </td> </tr> </tbody> </table> </div> |
Copy the HTML code for Voucher (Email for group reservations) - (Template type: Reservation)
<style><!-- #generalstyling, td, th { font-family: 'Lato', sans-serif; font-size: 10pt; } #header { width: 100%; height: 200px; } .chargestable th, #customerReservation th { background-color: #c0c0c0 !important; text-align: left; padding: 10px; } #customerReservation td { padding: 10px; line-height: 80% !important; } .chargestable { width: 100%; } .chargestable td { line-height: 80% !important; } .reservationsLoop { border: 0 !important; padding: 0 !important; margin: 0 !important; } #customerReservation table td { line-height: 150%; padding: 5px; } #customerReservation table { width: 100%; } #customerReservation { width: 100%; border: 1px solid black; padding: 10px; } #summary { width: 50%; } #summary td { padding: 5px; font-weight: bold; font-size: 110%; line-height: 150%; } #footer { margin-top: 30px; text-align: center; } --></style> <div id="generalstyling"> <table id="header"> <tbody> <tr> <td><!-- thank you message start --> <table width="100%"> <tbody> <tr> <td style="background-color: #c0c0c0 !important; height: 150px;"> <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> <p style="text-align: center;"><strong>This voucher can be used for a stay in our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> </td> </tr> </tbody> </table> <!-- thank you message end --></td> <td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td> </tr> </tbody> </table> <div style="float: right; text-align: right;"><br /><br /></div> <br /> <table id="customerReservation"> <tbody> <tr valign="top"> <td style="width: 49%;"><!--- customer container start --> <table width="850" height="239"> <tbody> <tr><th style="text-align: left;">RESERVATION DETAILS</th></tr> <tr> <td style="width: 50%;">For all <strong>{{ reservations.length }}</strong> rooms/reservations the total price is <b>{{ totalpricegroup }}</b><br /><br /> <table width="798" height="99"> <tbody> <tr><th style="text-align: left;">Room type</th><th style="text-align: left;">Date from</th><th style="text-align: left;"></th><th style="text-align: left;">Date to</th><th style="text-align: left;"></th><th style="text-align: left;">Price</th></tr> <tr ng-repeat="reservation in reservations"> <td>{{ reservation.roomtype }}</td> <td>{{ reservation.datefrom }}</td> <td></td> <td>{{ reservation.dateto }}</td> <td></td> <td style="text-align: right;">{{ reservation.totalprice }}</td> </tr> <tr> <td colspan="5">Total</td> <td style="text-align: right;">{{ totalpricegroup }}</td> </tr> </tbody> </table> <p></p> </td> </tr> </tbody> </table> <!--- customer container end --></td> </tr> </tbody> </table> </div> |