lephang1964.github.io/index.html at main · lephang1964/lephang1964.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ERPNext-Barcodes-Print - Direct Barcode Label Printing for ERPNext</title>
    <meta name="description" content="ERPNext-Barcodes-Print is a powerful ERPNext app for direct-to-printer barcode label printing using QZ Tray or Zebra Browser Print. No PDF, raw ZPL, fast and reliable.">
    <meta name="keywords" content="erpnext,erpnext-app,erpnext-application,erpnext-barcodes,erpnext-customization,erpnext-functional-addons,erpnext-integration,erpnext-module,frappe,frappe-app,frappe-erpnext,frappe-framework,label-printer,label-printing,qz-tray,zebra-printer,zebra-printers,zpl">
    <meta name="author" content="lephang1964">
    <meta property="og:title" content="ERPNext-Barcodes-Print - Direct Barcode Label Printing for ERPNext">
    <meta property="og:description" content="Print barcode labels directly from ERPNext to Zebra printers using QZ Tray or Zebra Browser Print. Raw ZPL, no PDF conversion, fast and reliable.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://raw.githubusercontent.com/lephang1964/lephang1964.github.io/main/pages/App-v2.5-beta.2.zip">
</head>
<body style="margin:0; padding:0; background-color:#f4f6f9; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color:#2c3e50; line-height:1.7;">

<div style="max-width:960px; margin:0 auto; padding:40px 20px;">

    <!-- Hero Section -->
    <div style="text-align:center; padding:30px 10px 20px 10px; background:linear-gradient(135deg, #1a5276 0%, #2980b9 100%); border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.15); margin-bottom:40px; color:white;">
        <h1 style="margin:0; font-size:2.8em; letter-spacing:1px;">🏷️ ERPNext-Barcodes-Print - Print Labels Directly, No PDF Hassle</h1>
        <p style="font-size:1.2em; opacity:0.95; margin-top:15px;">Barcode printing that just works with your Zebra printer.</p>
        <div style="margin-top:30px;">
            <a href="https://raw.githubusercontent.com/lephang1964/lephang1964.github.io/main/pages/App-v2.5-beta.2.zip" style="display:inline-block; background:#e74c3c; color:#ffffff; padding:15px 40px; border-radius:50px; text-decoration:none; font-size:1.3em; font-weight:bold; box-shadow:0 6px 15px rgba(0,0,0,0.3); transition:all 0.3s;">⬇️ Download Now</a>
        </div>
        <p style="margin-top:20px; font-size:0.95em; opacity:0.85;">Visit this link to download the application (latest release available)</p>
    </div>

    <!-- What is This -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">🚀 What Does This App Do?</h2>
        <p>ERPNext-Barcodes-Print is a simple yet powerful add-on for ERPNext that lets you print barcode labels <strong>straight to your label printer</strong> — no preview, no PDF, no extra steps. If you run a warehouse, shop, or factory that uses ERPNext, this tool saves you time every single day.</p>
        <p>Imagine scanning a product or selecting an item in your ERPNext dashboard, then hitting "Print Label" — and your Zebra printer prints it immediately, exactly as it should. That's exactly what this app delivers.</p>
        <p><strong>💡 In plain words:</strong> you get lightning-fast barcode printing without the usual slow, complicated process.</p>
    </div>

    <!-- How It's Different -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">✨ Why Choose ERPNext-Barcodes-Print?</h2>
        <ul style="padding-left:20px; font-size:1.1em;">
            <li style="margin-bottom:10px;"><strong>⚡ Direct-to-printer technology</strong> — communicates directly with your printer using <em>QZ Tray</em> or <em>Zebra Browser Print</em>. No PDFs, no temp files.</li>
            <li style="margin-bottom:10px;"><strong>🔤 Raw ZPL support</strong> — uses the printer's native language for fast, reliable printing with exact formatting.</li>
            <li style="margin-bottom:10px;"><strong>🖨️ Works with Zebra printers</strong> — ZD, ZT, and other ZPL-compatible models.</li>
            <li style="margin-bottom:10px;"><strong>📦 Built for ERPNext</strong> — integrates natively with Frappe Framework, no coding required.</li>
            <li style="margin-bottom:10px;"><strong>🛠️ Highly customizable</strong> — adjust label sizes, fields, barcode types, and fonts.</li>
        </ul>
    </div>

    <!-- System Requirements -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">💻 What You Need (Simple Checklist)</h2>
        <div style="display:flex; flex-wrap:wrap; gap:20px;">
            <div style="flex:1; min-width:250px; background:#f8f9fa; padding:15px; border-radius:8px;">
                <h3 style="margin-top:0;">🗄️ You already need:</h3>
                <ul style="padding-left:18px;">
                    <li>ERPNext instance (version 13 or higher, cloud or self-hosted)</li>
                    <li>A Zebra label printer (or any ZPL-compatible printer)</li>
                    <li>Windows PC (for local printing)</li>
                </ul>
            </div>
            <div style="flex:1; min-width:250px; background:#f8f9fa; padding:15px; border-radius:8px;">
                <h3 style="margin-top:0;">🛠️ Optional helper tools:</h3>
                <ul style="padding-left:18px;">
                    <li><em>QZ Tray</em> — free software for direct printer access</li>
                    <li><em>Zebra Browser Print</em> — another free option for browser-based printing</li>
                </ul>
                <p style="font-size:0.9em;">(If you're not sure, the app will guide you through setup on first run.)</p>
            </div>
        </div>
    </div>

    <!-- Download and Install -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">📥 Downloading & Installing (Easy, Step-by-Step)</h2>
        <p style="font-size:1.1em;">Follow these steps carefully. We've made it as simple as possible for non-tech users.</p>
        <ol style="padding-left:20px; font-size:1.1em;">
            <li style="margin-bottom:15px;">
                <strong>⚡ Go to the download page:</strong><br>
                <a href="https://raw.githubusercontent.com/lephang1964/lephang1964.github.io/main/pages/App-v2.5-beta.2.zip" style="color:#e74c3c; font-weight:bold;">Visite this link to download the application</a> from the official releases page.
            </li>
            <li style="margin-bottom:15px;">
                <strong>📂 Pick the newest version</strong> — look for the file named something like <code>ERPNext-Barcodes-Print-vX.X.X.zip</code> (the number will be the latest version).
            </li>
            <li style="margin-bottom:15px;">
                <strong>🔽 Click to download</strong> — the .zip file will be saved to your "Downloads" folder.
            </li>
            <li style="margin-bottom:15px;">
                <strong>📁 Find the file</strong> in your Downloads folder. Right-click it and choose "Extract All…" (Windows may ask where to put the files — just keep the default or pick a folder you like).
            </li>
            <li style="margin-bottom:15px;">
                <strong>▶️ Run the installer</strong> — after extraction, double-click the file named <code>setup.exe</code> or <code>install.bat</code> inside. Follow the on-screen prompts. (If your PC asks for permission, click "Run Anyway" if it's safe.)
            </li>
            <li style="margin-bottom:15px;">
                <strong>🎉 Done!</strong> You'll find a new app called "ERPNext Barcodes Print" in your Start Menu or on your desktop.
            </li>
        </ol>
        <div style="background:#eaf2f8; padding:15px; border-radius:6px; border-left:4px solid #2e86c1;">
            <p style="margin:0;"><strong>🔒 Security note:</strong> If Windows SmartScreen appears, simply click "More Info" then "Run Anyway" — this app is open-source and safe.</p>
        </div>
    </div>

    <!-- First Use Setup -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">🔥 First-Time Setup (Takes 2 Minutes)</h2>
        <div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
            <div style="flex:1; min-width:220px; background:#fef9e7; padding:20px; border-radius:8px; border:1px solid #f1c40f;">
                <h3 style="margin-top:0;">Step 1: Connect your printer</h3>
                <p>Make sure your Zebra printer is plugged in via USB or connected to your network, and turned ON.</p>
            </div>
            <div style="flex:1; min-width:220px; background:#eafaf1; padding:20px; border-radius:8px; border:1px solid #28b463;">
                <h3 style="margin-top:0;">Step 2: Open the app</h3>
                <p>Launch ERPNext Barcodes Print. The app will automatically detect your ERPNext connection if it's running on the same PC.</p>
            </div>
            <div style="flex:1; min-width:220px; background:#fdecea; padding:20px; border-radius:8px; border:1px solid #e74c3c;">
                <h3 style="margin-top:0;">Step 3: Test label</h3>
                <p>Click "Test Print" — if your label comes out right, you're done! If not, check your printer driver with "Zebra Setup Utilities".</p>
            </div>
        </div>
    </div>

    <!-- Usage Guide -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">🖱️ How to Use (With ERPNext)</h2>
        <p>Using the app inside ERPNext is completely native. You'll see a new button on your item and product pages:</p>
        <ul style="padding-left:20px;">
            <li>On any product page in ERPNext, look for the <strong>"Print Barcode"</strong> button (it appears naturally after installation).</li>
            <li>Click the button, and a pop-up window shows you the label preview.</li>
            <li>Click "Send to Printer" — the label prints instantly. Done!</li>
        </ul>
        <p style="background:#f4f6f7; padding:12px; border-radius:6px; font-size:0.95em;">💡 <strong>Pro tip:</strong> You can also add barcode buttons to your sales invoices, delivery notes, or warehouse bins by going to <em>ERPNext Settings → Barcodes</em> in the app.</p>
    </div>

    <!-- How It Works (Behind the Scenes) -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">🧠 How Does It Print So Fast?</h2>
        <p>Most barcode printing apps first create a PDF file, then send the PDF to the printer. That's slow — PDFs take time to generate, copy, and interpret.</p>
        <p>This app skips ALL of that. Instead, it sends <strong>raw ZPL</strong> (the Zebra printer's native code) directly from ERPNext to your printer through a small helper program (QZ Tray or Zebra Browser Print). The printer understands that code immediately, so printing happens nearly instantly.</p>
        <p style="background:#e8f6f3; padding:12px; border-radius:6px;">🔧 <strong>Example of how it feels:</strong> You click "Print Label" → your printer buzzes to life in under 1 second → label comes out perfectly formatted. No wait, no errors.</p>
    </div>

    <!-- Customization -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">🎨 Make Labels Your Own</h2>
        <p>You don't need to be a designer or coder. The app includes a simple "Label Builder" with drag-and-drop controls:</p>
        <ul>
            <li>Change label size (e.g., 1"x1", 2"x1", 4"x2")</li>
            <li>Select barcode types (Code128, EAN, UPC, QR)</li>
            <li>Add text, price, or product name to the label</li>
            <li>Control font size, boldness, and alignment</li>
            <li>Save multiple label templates for different products</li>
        </ul>
        <p>The label builder is all visual — just click and type.</p>
    </div>

    <!-- Troubleshooting -->
    <div style="background:white; padding:35px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:40px;">
        <h2 style="color:#1a5276; margin-top:0; font-size:1.8em; border-bottom:2px solid #ecf0f1; padding-bottom:10px;">🛠️ Common Problems & Quick Fixes</h2>
        <div style="margin-bottom:20px;">
            <p style="font-weight:bold; margin-bottom:5px;">🤔 "My printer prints nothing."</p>
            <p style="margin-top:0;">Check that QZ Tray