Skip to main content

Zebra Sticker Printers

Creating

This thearticle Templateprovides

a

Tocomprehensive useguide for configuring Zebra sticker printers youfor first need to create a new template to be useduse with the messaging.OPS-COM StartAdmin byPortal. goingThis process involves setting up a custom layout and system message in OPS-COM, as well as configuring local printer and browser settings, to enable the printing of physical permit stickers. 

Setup & Configuration

This is a one-time, multi-phase setup process. It is recommended to complete all phases in the specified order before attempting to print.

Phase 1: Create the OPS-COM Layout Template

  1. Hover over System Config and click Templates & Design page under System Config. 

    image.png

  2. This will take you toOn the Layouts List page where you want topage, click the Create Layout buttonbutton.

    to
    3. create

  3. Enter a new layout. This will bring up thedescriptive Add LayoutName model window. 

    image.png

    Namefor the layout whatever(e.g., makes sense for you, in this case I will be naming mine layout "Zebra Printing.Printing") Clickand click Save Changes when you are finished. .

    Providing

  4. On the Sectionsnext

    Clickscreen, click Toggle Templates toand bring upcreate a list of the available sections we can create. For this template we only care about creating the Styles section and a Scripts sections. 
    section.

    image.png

  5. Copy the provided styling and scriptsscript found belowcode into eachthe of thecorresponding sections for theeach languageslanguage you wish to support. 

StylesPhase Section2:  Expand source


Script Section Expand source

CreatingCreate the System Messaging

Message

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

    image.png

    From the Manage System Messaging pageand click the Create Page/Message button
    button.

    image.png

  2. CompleteFill in the fieldsrequired withfields, ensuring you select the datanew shownlayout below.

    you

    image.png

    created

    Nextin wePhase need1 to includefrom the shortcodesLayout thatdrop-down willmenu.

    be
    3. used
  3. to display the actual permit information displayed on the sticker. To do this hover over

    In the content boxeditor followedbox, byhover over Tools and click Source Code. 

    image.png

  4. AddPaste the followingrequired textshortcode toHTML into the source code sectionview ofand your message followed byclick Save when you are finished. .

SystemPhase Message3: SourceConfigure Code Expand source

Setup theWindows Printer Drivers

  1. 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 theOpen Windows Settings followedand bynavigate to Devices

    ,

    image.png


    Clickthen Printers & Scanners.

    as
    2. well
  2. as

    Select theyour Zebra printer youand wish to manage followed byclick the Manage button. 

    image.png

  3. Select theClick Printer Properties and clickgo to the Stocks tab.

    From
    4. there
  4. you want to click

    Click the New... button to createdefine a new stock tothat usematches foryour printing.sticker
    label dimensions.

    image.png

  5. NextAfter wecreating wantthe stock, navigate to select the Printing Preferences followedand byselect the new stock weas justthe created.
    default.

    image.png

    6. Setup

the
Phase 4: Configure Browser Print Settings

Before adjustingproceeding, you must temporarily disable the browsers auto-print settingsscript. weNavigate needback to go into theyour layout template ofin systemOPS-COM message(System Config -> Templates & Design) and comment out the code in the Scripts sectionsection. soThis thatwill prevent the sticker is notfrom automatically printedprinting which willand allow usyou to adjust thesethe settingsbrowser ourselves. settings.

Chrome

Using this click the hamburger followed by Print.

Feature

image.png

Once

Nextall youconfiguration shouldsteps seeare somecomplete, ofadministrators the default settings used tocan print inpermit 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 labelsstickers from the adminAdmin side.Portal.

Where

  • Go to Print Permits

Printing permits from the admin side can now be done from the Parking Permit Information page byfor clickingthe desired permit.

  • Click the green print buttonsbutton located next to the Update Permit button.

  • The browser's print dialog will appear, allowing you to print the sticker.

  • After confirming the print settings are correct, you can uncomment the code in the Scripts section of your layout template to re-enable automatic printing.

    • Best Practices & Considerations

    Back to top