Skip to main content

Zebra Sticker Printers

Creating the Template 

To use sticker printers you first need to create a new template to be used with the messaging. Start by going to the Templates & Design page under System Config

image.png

This will take you to the Layouts List page where you want to click the Create Layout button to create a new layout. This will bring up the Add Layout model window. 

image.png

Name the layout whatever makes sense for you, in this case I will be naming mine layout Zebra Printing. Click Save Changes when you are finished. 

Providing the Sections

Click Toggle Templates to bring up a list of the available sections we can create. For this template we only care about creating the Styles and Scripts sections. 

image.png

Copy the styling and scripts found below into each of the sections for the languages you wish to support. 

Styles Section Expand source


Script Section Expand source

Creating the System Messaging

Next we will need to create the system message that uses our new layout. 

image.png

From the Manage System Messaging page click the Create Page/Message button

image.png

Complete the fields with the data shown below.

image.png

Next we need to include the shortcodes that will be used to display the actual permit information displayed on the sticker. To do this hover over the content box followed by Tools and click Source Code

image.png

Add the following text to the source code section of your message followed by Save when you are finished. 

System Message Source Code Expand source

Setup the Printer Drivers

This guide will show you how to set up the printer drivers on your machine. We will be showing you how this can be done on Windows machines. Start by going into the Windows Settings followed by Devices

image.png


Click Printers & Scanners as well as the printer you wish to manage followed by the Manage button. 

image.png

Select the Printer Properties and click the Stocks tab. From there you want to click the New... button to create a new stock to use for printing. 

image.png

Next we want to select the Printing Preferences followed by the new stock we just created.

image.png

Setup the Browser Print Settings

Before adjusting the browsers print settings we need to go into the layout template of system message and comment out the Scripts section so that the sticker is not automatically printed which will allow us to adjust these settings ourselves. 

Chrome

To make sure that the sticker prints properly on the chrome browser we need to adjust some of the printer properties. Below you can see some of the default properties that will cause problems when trying to print with your device. 

image.png

Make sure that you change these settings to match the image seen below 

image.png

Firefox

To make sure the sticker prints properly on the Firefox browser we need to go into the print settings from Firefox and adjust some of the properties. To do this click the hamburger followed by Print.

image.png

Next you should see some of the default settings used to print in Firefox as seen below. 

image.png

We want to adjust the fields so that they match all fields shown in the image below.

image.png

You should now be able to begin printing your new labels from the admin side.

Where to Print Permits

Printing permits from the admin side can now be done from the Parking Permit Information page by clicking the green print buttons next to the Update Permit button. 

image.png