Webtix already has a standard receipt, but if you need to have a custom receipt for one particular performance or event:
- Go to Show | Edit a show | <Choose your show> |Internet options | Custom receipt.
Here is the HTML:
.</p>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”><html><head><title>__SUBJECT__</title><style type=”text/css”>html{ overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */}body { background-color: #fff; margin: 0 auto; font-family: sans-serif; font-size: 85%; margin-top: 10px; padding: 0; /* required for Opera to have 0 margin */ text-align: center; /* centers site in MSIE */}#wrapper{ margin: 20px auto 20px auto; /* centers everything also applies a 20px gap at the top and bottom of the board */ text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */ /* EDIT THIS TO CHANGE THE WIDTH OF THE PAGES -> 750px is a common fixed resolution size */ width: 750px;}a.outlink { color: #E6D8AE; font-size: 75%; font-weight: bold;}a.outlink:hover { color: #fff;}.text, .alert { background-color: #E6D8AE; color: #000; margin-bottom: 10px; width: 100%; padding-bottom: 10px;}.alert { background-image: url(__URL___media/alert.gif); background-position: 15px 30px; background-repeat: no-repeat;}.alert p { margin-left: 60px;}p { margin-top: 3px; margin-bottom: 10px; padding-left: 10px; font-size: 90%;}h1 { background-image:url(__URL___media/th_back.gif); background-repeat:repeat-y; display: block; color: #fff; text-align: left; padding: 5px 0px 5px 10px; border-bottom: 1px solid #000; font-size: 100%; margin: 0px;}table { background-color: #E6D8AE; background-image:url(__URL___media/th_back.gif); background-repeat:repeat-y; width: 100%; border-width: 1px;}th { color: #fff; text-align: left; padding: 5px 5px 5px 10px; border-bottom: 1px solid #000;}td { padding: 6px 10px 6px 10px; font-size: 90%;}.seatchartCheckbox { padding: 1px 1px 1px 1px; text-align: center; font-size: 60%; width: 10px; height: 10px;}.seatchartSpacer { padding: 0px 0px 0px 0px; width: 10px; height: 1px;}.seatchartImage { padding: 0px 0px 0px 0px; border-spacing: 0px; font-size: 80%;}.button { background-color: #C09C38; color: #000; font-weight: normal; text-decoration: none; text-align: center; padding: 4px 20px; border-top: 1px solid #F2ECD7; border-left: 1px solid #F2ECD7; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 5px;}.button:hover { color: #fff;}.button:active { color: #fff; background-color: #800000; border-bottom: 1px solid #F2ECD7; border-right: 1px solid #F2ECD7; border-left: 1px solid #000; border-top: 1px solid #000;}.rowodd { background-color: #F2ECD7;}.roweven { background-color: #F0E4BD;}.highlight { background-color: #fff;}.dashes { border-top: 2px dashed #000000; border-bottom: 0; margin-top: 25px;}</style><script type=”text/javascript”><!–function tbl_colorchange(rowid, newcolor) { tablerow=document.getElementById(rowid); tablerow.className=newcolor;}// –></script></head>
<body><div id=”wrapper”><div class=”text”> <h1>__SUBJECT__</h1> <p> Here is where you put in your custom message <br><br>Sale number:<b> __SALE_NUM__ </b><br> Date/Time Purchased: __DATE__<br> </p></div><div class=”text”> <h1>Patron Information</h1> <p> __FIRST__ __LAST__<br/> __COMPANY__<br/> __ADDRESS__<br/> __CITY__, __STATE__ __ZIP__<br/> Phone: __PHONE__<br/> Work Phone: __WORKPHONE__<br/> Cell Phone: __CELLPHONE__<br/> Fax: __FAX__<br/> E-mail: __EMAIL__ </p> <p><strong>Remarks:</strong> __REMARKS__ </p></div>__CART_TICKET_LIST_WITH_CART_TOTAL__<p></br></p><p>
</div></body></html>
Inputting the proper HTML code produces the following custom receipt. Please contact our support team at 831-920-1254 or support@centerstage.com for assistance.
