# Zebra Sticker Printers

<p class="callout info">The Zebra Sticker Printers feature provides a comprehensive guide for configuring dedicated Zebra sticker printers for use with the OPS-COM Admin Portal. Its primary purpose is to enable the accurate printing of physical permit stickers by setting up a custom layout, system messages, and local printer settings. This guide is intended for OPS-COM administrators responsible for hardware setup and permit fulfillment.</p>

## Setup and Configuration

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

### Phase 1 Create the OPSCOM Layout Template

1. Hover over **System Config** and click **Templates &amp; Design**.
2. Click the **Create Layout** button on the Layouts List page.
3. Enter a descriptive name for the layout (e.g., Zebra Printing) in the **Name** field and click the **Save Changes** button.
4. Click **Toggle Templates** on the next screen and create a **Styles** section and a **Scripts** section.
5. Copy the provided styling and script code into the corresponding sections for each language you wish to support.

### Phase 2 Create the System Message

1. Navigate to **Manage System Messaging** and click the **Create Page/Message**<span class="citation-3147 citation-3148 citation-3149 citation-end-3149"> button.<sup class="superscript embedded" data-turn-source-index="1"></sup></span><span class="citation-3147 citation-3148 citation-end-3148"><sup class="superscript embedded" data-turn-source-index="2"></sup></span><span class="citation-3147 citation-end-3147"><sup class="superscript embedded" data-turn-source-index="3"></sup></span>
2. <span class="citation-3144 citation-3145 citation-3146">Fill in the required fields, ensuring you selec</span><span class="citation-3142 citation-3143 citation-3144 citation-3145 citation-3146">t the new layout you created in Phase 1 from the </span>**<span class="citation-3142 citation-3143 citation-3144 citation-3145 citation-3146">Layout</span>**<span class="citation-3142 citation-3143 citation-3144 citation-3145 citation-3146 citation-end-3146"> drop-down menu.<sup class="superscript embedded" data-turn-source-index="4"></sup></span><span class="citation-3142 citation-3143 citation-3144 citation-3145 citation-end-3145"><sup class="superscript embedded" data-turn-source-index="5"></sup></span><span class="citation-3142 citation-3143 citation-3144 citation-end-3144"><sup class="superscript embedded" data-turn-source-index="6"></sup></span><span class="citation-3142 citation-3143 citation-end-3143"><sup class="superscript embedded" data-turn-source-index="7"></sup></span><span class="citation-3142 citation-end-3142"><sup class="superscript embedded" data-turn-source-index="8"></sup></span>
3. <span class="citation-3137 citation-3138 citation-3139 citation-3140 citation-3141">Hover over </span>**<span class="citation-3137 citation-3138 citation-3139 citation-3140 citation-3141">Tools</span>**<span class="citation-3137 citation-3138 citation-3139 citation-3140 citation-3141"> and click </span>**<span class="citation-3137 citation-3138 citation-3139 citation-3140 citation-3141">Source Code</span>**<span class="citation-3137 citation-3138 citation-3139 citation-3140 citation-3141 citation-end-3141"> in the content editor box.<sup class="superscript embedded" data-turn-source-index="9"></sup></span><span class="citation-3137 citation-3138 citation-3139 citation-3140 citation-end-3140"><sup class="superscript embedded" data-turn-source-index="10"></sup></span><span class="citation-3137 citation-3138 citation-3139 citation-end-3139"><sup class="superscript embedded" data-turn-source-index="11"></sup></span><span class="citation-3137 citation-3138 citation-end-3138"><sup class="superscript embedded" data-turn-source-index="12"></sup></span><span class="citation-3137 citation-end-3137"><sup class="superscript embedded" data-turn-source-index="13"></sup></span>
4. <span class="citation-3132 citation-3133 citation-3134 citation-3135 citation-3136 citation-end-3136">Paste<sup class="superscript embedded" data-turn-source-index="14"></sup></span><span class="citation-3132 citation-3133 citation-3134 citation-3135"> the required shortcode HTML into the source code view and click the </span>**<span class="citation-3132 citation-3133 citation-3134 citation-3135">Save</span>**<span class="citation-3132 citation-3133 citation-3134 citation-3135 citation-end-3135"> button.<sup class="superscript embedded" data-turn-source-index="15"></sup></span><span class="citation-3132 citation-3133 citation-3134 citation-end-3134"><sup class="superscript embedded" data-turn-source-index="16"></sup></span><span class="citation-3132 citation-3133 citation-end-3133"><sup class="superscript embedded" data-turn-source-index="17"></sup></span><span class="citation-3132 citation-end-3132"><sup class="superscript embedded" data-turn-source-index="18"></sup></span>

### <span class="citation-3128 citation-3129 citation-3130 citation-3131 citation-end-3131">Phase 3 Configure Windows Printer Drivers<sup class="superscript embedded" data-turn-source-index="19"></sup></span><span class="citation-3128 citation-3129 citation-3130 citation-end-3130"><sup class="superscript embedded" data-turn-source-index="20"></sup></span><span class="citation-3128 citation-3129 citation-end-3129"><sup class="superscript embedded" data-turn-source-index="21"></sup></span><span class="citation-3128 citation-end-3128"><sup class="superscript embedded" data-turn-source-index="22"></sup></span>

1. <span class="citation-3124 citation-3125 citation-3126 citation-3127">Open Windows </span>**<span class="citation-3124 citation-3125 citation-3126 citation-3127">Settings</span>**<span class="citation-3124 citation-3125 citation-3126 citation-3127 citation-end-3127"> and na<sup class="superscript embedded" data-turn-source-index="23"></sup></span><span class="citation-3124 citation-3125 citation-3126 citation-end-3126"><sup class="superscript embedded" data-turn-source-index="24"></sup></span><span class="citation-3124 citation-3125">vigate to </span>**<span class="citation-3124 citation-3125">Devices</span>**<span class="citation-3124 citation-3125">, then </span>**<span class="citation-3124 citation-3125 citation-end-3125">Printers &amp; S<sup class="superscript embedded" data-turn-source-index="25"></sup></span><span class="citation-3124 citation-end-3124"><sup class="superscript embedded" data-turn-source-index="26"></sup></span>canners**.
2. Select your Zebra printer and click the **Manage** button.
3. Click **Printer Properties** and go to the **Stocks** tab.
4. Click the **New...** button to define<span class="citation-3122 citation-3123 citation-end-3123"> a new stock that matches your sticker label dimensions exactly.<sup class="superscript embedded" data-turn-source-index="27"></sup></span><span class="citation-3122 citation-end-3122"><sup class="superscript embedded" data-turn-source-index="28"></sup></span>
5. <span class="citation-3120 citation-3121">Navigate to </span>**<span class="citation-3120 citation-3121">Printing Preferences</span>**<span class="citation-3120 citation-3121 citation-end-3121"> and select the new stock as the default after creating the stock.<sup class="superscript embedded" data-turn-source-index="29"></sup></span><span class="citation-3120 citation-end-3120"><sup class="superscript embedded" data-turn-source-index="30"></sup></span>

### <span class="citation-3118 citation-3119 citation-end-3119">Phase 4 Configure Browser Print Settings</span>

<p class="callout warning"><span class="citation-3114 citation-3115 citation-end-3115">Before proceeding, you must temporarily disable the auto-print script. Navigate back to your layout template in OP<sup class="superscript embedded" data-turn-source-index="35"></sup></span><span class="citation-3114 citation-end-3114"><sup class="superscript embedded" data-turn-source-index="36"></sup></span>S-COM (**System Config** then **Templates &amp; Design**) and comment out the code in the **Scripts** section. This will prevent the sticker from automatically printing and allow you to adjust the necessary browser settings.</p>

- **For Chrome:** Adjust the print settings to match the required configuration, paying close attention to margins and ensuring headers and footers are disabled.
- **For Firefox:** Open the print menu and adjust the page properties to match the required configuration, foc<span class="citation-3112 citation-3113 citation-end-3113">using on orientation, scale, and margins.</span>

## <span class="citation-3110 citation-3111">Using this Fea</span><span class="citation-3109 citation-3110 citation-3111 citation-end-3111">ture<sup class="superscript embedded" data-turn-source-index="39"></sup></span><span class="citation-3109 citation-3110 citation-end-3110"><sup class="superscript embedded" data-turn-source-index="40"></sup></span><span class="citation-3109 citation-end-3109"><sup class="superscript embedded" data-turn-source-index="41"></sup></span>

<span class="citation-3106 citation-3107 citation-3108 citation-end-3108">Once all configuration steps are complete, administrators can use the following instructions to print permit stickers directly from the Admin Portal.<sup class="superscript embedded" data-turn-source-index="42"></sup></span><span class="citation-3106 citation-3107 citation-end-3107"><sup class="superscript embedded" data-turn-source-index="43"></sup></span><span class="citation-3106 citation-end-3106"><sup class="superscript embedded" data-turn-source-index="44"></sup></span>

1. <span class="citation-3103 citation-3104 citation-3105">Navigate to the </span>**<span class="citation-3103 citation-3104 citation-3105">Parking Permit Information</span>**<span class="citation-3103 citation-3104 citation-3105 citation-end-3105"> page for the desired permit.<sup class="superscript embedded" data-turn-source-index="45"></sup></span><span class="citation-3103 citation-3104 citation-end-3104"><sup class="superscript embedded" data-turn-source-index="46"></sup></span><span class="citation-3103 citation-end-3103"><sup class="superscript embedded" data-turn-source-index="47"></sup></span>
2. <span class="citation-3100 citation-3101 citation-3102 citation-end-3102">Click the gree<sup class="superscript embedded" data-turn-source-index="48"></sup></span><span class="citation-3100 citation-3101">n </span>**<span class="citation-3100 citation-3101">print</span>**<span class="citation-3100 citation-3101"> button located next to the </span>**<span class="citation-3100 citation-3101">Update Permit</span>**<span class="citation-3100 citation-3101 citation-end-3101"> button.<sup class="superscript embedded" data-turn-source-index="49"></sup></span><span class="citation-3100 citation-end-3100"><sup class="superscript embedded" data-turn-source-index="50"></sup></span>
3. <span class="citation-3098 citation-3099 citation-end-3099">Use th<sup class="superscript embedded" data-turn-source-index="51"></sup></span><span class="citation-3098 citation-end-3098">e browser's print dialog that appe<sup class="superscript embedded" data-turn-source-index="52"></sup></span>ars to print the sticker.
4. Uncomment the code in the **Scripts** section of your layout template to re-enable automatic printing after confirming the print settings are perfectly aligned.

---

## <span style="color: rgb(22, 145, 121);">Best Practices and Considerations</span>

### <span style="color: rgb(22, 145, 121);"></span>

- <span style="color: rgb(22, 145, 121);">**Double-check local print settings:** **Incorrect Windows driver or browser print settings are the most common cause of printing issues.** Always double-check that your margins, headers/footers, and paper/stock size are configured exactly as required for your specific sticker labels.</span>
- <span style="color: rgb(22, 145, 121);">**Understand template roles:** **Ensure both the Layout Template and System Message are configured correctly.** The Layout Template exclusively controls the styling and printing action, while the System Message controls the actual content and data that appears on the printed sticker. Both must be accurate for the integration to work seamlessly.</span>