Take a look at the following professional plastic visitor badges printed with the ZXP Series 3 from Zebra:
As the Zebra ZXP Series 3 does not have Airprint support, you are required to simulate this with third party software. For instance Presto from Collobos is an easy to use candidate for this purpose.
Below are a few HTML templates you can copy and paste into the Vizito backoffice badge template in code view:
Two things to change after pasting a template:
- Replace
https://www.example.com/logo.pngwith the address of your own logo. The image has to be reachable on a public URL so the printer can load it. %qrcode-known_visitor_id%prints a QR code the visitor can scan to sign out. See Configure a badge for the full list of placeholders.
Example with QR code
<table style="width: 1200px"><tr><td style="text-align: center; padding-top: 40px" colspan=2><img height= "300" src="https://www.example.com/logo.png"/><br/><br/><br/><br/></td></tr><tr><td style="width: 300px">%qrcode-known_visitor_id%</td><td style="width: 900px; text-align: center"><p style="text-align: center;"><span style="font-size: 36pt;">Name: <strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%first_name%</strong></span><br /><span style="font-size: 36pt;">Company: <strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%company%<br /></strong></span><span style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"><p style="text-align: center;"><span style="font-size: 36pt;">Here to see? <strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%recipient%</strong></span><br /><span style="font-size: 48px;">Signed in</span><span style="font-family: inherit; font-size: 48px; font-style: inherit; font-weight: normal;">:</span><strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%signed_in%</strong></span></p></td></tr></table>
Example with photo
<div style="margin-top: 40px; margin-left: 100px"><img src="https://www.example.com/logo.png" height="250" /><div style="margin-left: 100px; float: right; margin-right: 100px"><img src='%photo%' height="250" /></div></div><p style="text-align: center;"><span style="font-size: 90pt; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';">VISITOR</span></p><p style="text-align: center;"><span style="font-size: 36pt;">Name: <strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%first_name% %last_name%</strong></span><br /><span style="font-size: 36pt;">Company<strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%company%<br /></strong></span><span style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"><span style="font-size: 48px;">Signed in</span><span style="font-family: inherit; font-size: 48px; font-style: inherit; font-weight: normal;">:</span><strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%signed_in%</strong></span></p>
Example with logo
<div style="margin-top: 40px; text-align: center"><img src="https://www.example.com/logo.png" height="250" /></div><p style="text-align: center;"><span style="font-size: 90pt; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';">VISITOR</span></p><p style="text-align: center;"><span style="font-size: 36pt;">Name: <strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%first_name% %last_name%</strong></span><br /><span style="font-size: 36pt;">Company: <strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%company%<br /></strong></span><span style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;"><span style="font-size: 48px;">Signed in</span><span style="font-family: inherit; font-size: 48px; font-style: inherit; font-weight: normal;">:</span><strong style="font-family: inherit; font-size: 42px; font-style: inherit; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline;">%signed_in%</strong></span></p>