Cartes plastique comme étiquettes

Voici quelques exemples de badges visiteurs professionnels en plastique, imprimés avec la ZXP Series 3 de Zebra :

exemples zebra

Comme la Zebra ZXP Series 3 ne prend pas en charge AirPrint, vous devez le simuler à l’aide d’un logiciel tiers. Presto de Collobos est par exemple un candidat simple d’utilisation pour cet usage.

Vous trouverez ci-dessous quelques modèles HTML que vous pouvez copier-coller dans le modèle de badge du backoffice Vizito, en mode code :

modifier le code du badge

modifier le badge

Deux choses à modifier après avoir collé un modèle :

  • Remplacez https://www.example.com/logo.png par l’adresse de votre propre logo. L’image doit être accessible sur une URL publique pour que l’imprimante puisse la charger.
  • %qrcode-known_visitor_id% imprime un QR code que le visiteur peut scanner pour signaler son départ. Voir Configurer le modèle de badge pour la liste complète des espaces réservés.

Exemple avec 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;">Nom :&nbsp;<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;">Entreprise : <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;">Ici pour voir ?&nbsp;<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;">Arrivée</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>

Exemple avec 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';">VISITEUR</span></p><p style="text-align: center;"><span style="font-size: 36pt;">Nom :&nbsp;<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;">Entreprise<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;">Arrivée</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>

<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';">VISITEUR</span></p><p style="text-align: center;"><span style="font-size: 36pt;">Nom :&nbsp;<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;">Entreprise : <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;">Arrivée</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>