Hugging Face's logo

Spaces:
vlcsolutions
/
vlc-printnode-turboprint
Running

App Files Community
vlc-printnode-turboprint / index.html
vlcsolutions's picture
vlcsolutions
<a href="./print-node-integration-for-dynamics-365-business-central-faq.html" class="inline-flex items-center justify-center px-8 py-4 border border-transparent text-lg font-bold rounded-md text-[var(--vlc-navy)] bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] transition-colors duration-200 shadow-md">
75329c6 verified
raw
history blame contribute delete
45.1 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"/>
<title>VLC PrintNode for Dynamics 365 Cloud Printing</title>
<meta name="description" content="Print instantly and securely from Dynamics 365 with VLC PrintNode. Enable fast, encrypted, scalable cloud printing for labels, reports, barcodes, and PDFs."/>
<meta name="keywords" content="VLC PrintNode, Dynamics 365 Business Central printing, cloud printing app, secure printing, instant printing, barcode printing, RAW printing, ZPL printing, EPL printing, network printing, PrintNode integration, Business Central add-on, PDF printing, scale integration"/>
<link rel="canonical" href="https://www.vlcsolutions.com/print-node-integration-for-dynamics-365-business-central.html" />
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Secure Instant Printing for Dynamics 365">
<meta name="twitter:description" content="Print securely and instantly from Dynamics 365 with VLC PrintNode—cloud printing for reports, labels, barcodes, and PDFs with full encryption.">
<!-- Tailwind + libs -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js" defer></script>
<!-- VLC Brand Map + UI polish -->
<style id="vlc-brand-theme">
:root{
--vlc-navy:#002060;
--vlc-navy-700:#001a50;
--vlc-sky:#00A0E9;
--vlc-leaf:#8DC63F;
--vlc-leaf-700:#79b32e;
--vlc-ink:#1F2A44;
--vlc-tint:#F5F7FF;
--vlc-leaf-tint:#F3FAEA;
--vlc-card:#ffffff;
}
body{ color:#1f2937; }
.service-card:hover{ transform:translateY(-4px); box-shadow:0 16px 28px -8px rgba(0,32,96,.18), 0 10px 14px -6px rgba(0,32,96,.10) }
.chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
.btn-primary{ background:var(--vlc-navy); color:#fff }
.btn-primary:hover{ background:var(--vlc-navy-700) }
.btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
.btn-accent:hover{ background:var(--vlc-leaf-700) }
.link-brand{ color:var(--vlc-navy) }
.link-brand:hover{ color:var(--vlc-leaf) }
/* Accent top border like vlcsolutions.com cards */
.card-accent{ position:relative; }
.card-accent:before{
content:""; position:absolute; inset:0 0 auto 0; height:4px;
background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
}
/* Soft patterned sections */
.pattern-navy{
background:
radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
background-color:var(--vlc-navy);
}
.pattern-tint{
background:
radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
background-color:#F7FBF1;
}
/* Footer */
footer a:hover{ color:var(--vlc-leaf) }
/* Make “Learn more” rows align across cards */
.card-body{ display:flex; flex-direction:column; height:100% }
.card-cta{ margin-top:auto }
</style>
<script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "VLC PrintNode",
"operatingSystem": "Cloud, Web",
"applicationCategory": "BusinessApplication",
"description": "VLC PrintNode enables fast, secure, and scalable cloud printing for Microsoft Dynamics 365 Business Central, supporting labels, PDFs, barcodes, scales, and RAW print languages.",
"provider": {
"@type": "Organization",
"name": "VLC Solutions"
"url": "https://www.vlcsolutions.com/"
},
"featureList": [
"Cloud printing for Dynamics 365 Business Central",
"End-to-end encrypted printing",
"Zero data retention",
"Print labels, barcodes, PDFs, and reports",
"RAW printing with ZPL and EPL support",
"Instant remote printing",
"Support for HP, Zebra, DYMO, Epson and more",
"USB and serial scale integration",
"Automatic scale data streaming into ERP",
"Track print history via PrintNode portal",
"Compatible with Essentials and Premium licenses"
],
}
</script>
</head>
<body class="font-sans antialiased">
<!-- Header / Nav -->
<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
<img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10" loading="lazy">
</a>
<nav class="hidden md:flex items-center gap-2" aria-label="Primary">
<!-- Direct link per your request -->
<a href="https://www.vlcsolutions.com/who-we-serve.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Who We Serve</a>
<!-- Solutions -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
</button>
<div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
<a href="https://www.vlcsolutions.com/solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
</div>
</div>
<!-- Services -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Services <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
</button>
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
<a href="https://www.vlcsolutions.com/services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
<a href="https://www.vlcsolutions.com/choosing-advisory-services-for-your-business.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
<a href="https://www.vlcsolutions.com/software-implementation-partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Implementation Services</a>
<a href="https://www.vlcsolutions.com/managed-application-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed Application Services</a>
<a href="https://www.vlcsolutions.com/managed-it-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed IT Services</a>
<a href="https://www.vlcsolutions.com/compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
<a href="https://www.vlcsolutions.com/cloud-services-for-microsoft-dynamics.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Cloud Services</a>
<a href="https://www.vlcsolutions.com/marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
<a href="https://www.vlcsolutions.com/data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
</div>
</div>
<!-- Industries -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
</button>
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
<a href="https://www.vlcsolutions.com/industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
<a href="https://www.vlcsolutions.com/ecommerce-development-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">E-Commerce</a>
<a href="https://www.vlcsolutions.com/government-contractors.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Government Contractors</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-for-manufacturing.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Manufacturing</a>
</div>
</div>
<!-- Products -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Products <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
</button>
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
<a href="https://www.vlcsolutions.com/products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central</a>
<a href="https://www.vlcsolutions.com/power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
<a href="https://www.vlcsolutions.com/microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
<a href="https://www.vlcsolutions.com/microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
<a href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
</div>
</div>
<!-- Who We Are -->
<div class="relative group">
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
</button>
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
<a href="https://www.vlcsolutions.com/who-we-are.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Overview</a>
<a href="https://www.vlcsolutions.com/partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
<a href="https://www.vlcsolutions.com/terms-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Terms</a>
<a href="https://www.vlcsolutions.com/privacy.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Privacy Policy</a>
<a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Client Protection</a>
<a href="https://www.vlcsolutions.com/blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
<a href="https://www.vlcsolutions.com/case-studies.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Case Studies</a>
<a href="https://www.vlcsolutions.com/contactus.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
</div>
</div>
<a href="https://www.vlcsolutions.com/contactus.html" class="bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-sm font-medium">Let’s Connect</a>
</nav>
<button id="mobile-menu-button" class="md:hidden inline-flex items-center p-2 rounded-md text-gray-500 hover:bg-gray-100" aria-label="Open menu">
<i data-feather="menu" aria-hidden="true"></i>
</button>
</div>
</div>
</header>
<!-- PrintNode Banner Section -->
<section class="relative text-white" style="min-height:360px;">
<div class="absolute inset-0 bg-center bg-cover"
style="background-image: url('https://huggingface.co/spaces/vlcsolutions/vlc-printnode-turboprint/resolve/main/images/PrintNode-banner-25.png')">
</div>
<!-- Decorative beams + soft dot field -->
<div class="relative max-w-7xl mx-auto px-6 md:px-8 py-16">
<div class="max-w-3xl" data-aos="fade-up">
<!-- Banner copy -->
<div class="space-y-4">
<h1 class="text-3xl md:text-4xl font-extrabold leading-tight" style="color:#E9FBFF;">
Scale Your Business with AI-centric, <br>Agile Cloud Printing
</h1>
<div class="space-y-2" style="color:#D3EEFF;">
<p class="text-base md:text-lg">
Connect your Business Central to any printer, anywhere.
</p>
</div>
</div>
<a href="https://www.vlcsolutions.com/contactus.html"
class="inline-flex items-center mt-6 px-6 py-3 rounded-lg text-lg font-semibold shadow-lg transition"
style="background:#8DC63F; color:#002060;">
Start Printing Effortlessly Today
<i data-feather="arrow-right" class="w-5 h-5 ml-2" aria-hidden="true"></i>
</a>
</div>
</div>
</section>
<!-- YouTube Modal -->
<div id="youtube-modal"
class="fixed inset-0 z-[1000] hidden flex items-center justify-center p-4"
role="dialog" aria-modal="true" aria-labelledby="youtube-modal-title">
<!-- Backdrop -->
<div class="absolute inset-0 bg-black/80" id="youtube-modal-backdrop"></div>
<!-- Panel -->
<div class="relative w-full max-w-4xl mx-auto bg-transparent rounded-xl overflow-hidden">
<div class="flex justify-between items-center bg-[var(--vlc-navy)] text-white px-4 py-3">
<h4 id="youtube-modal-title" class="text-lg font-semibold">Watch Demo</h4>
<button type="button" id="youtube-close"
class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50"
aria-label="Close">
<i data-feather="x" class="w-5 h-5" aria-hidden="true"></i>
</button>
</div>
<!-- YouTube iframe -->
<div class="aspect-w-16 aspect-h-9">
<iframe id="youtube-iframe" class="w-full h-[500px]" src="https://www.youtube.com/watch?v=kpls4XTb9Lg"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Intro -->
<style>
.no-accent.card-accent::before {
display: none !important;
}
#youtube-modal, #cta-modal {
align-items: center;
justify-content: center;
}
#youtube-modal .relative, #cta-modal .relative {
max-height: 90vh;
overflow-y: auto;
}
</style>
<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
<section class="pattern-navy text-white py-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-stretch gap-3 md:gap-4">
<!-- Download Fact Sheet (opens modal) -->
<button id="cta-open-modal"
class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50">
<i data-feather="download" class="w-5 h-5" aria-hidden="true"></i>
<span>Download Fact Sheet</span>
</button>
<!-- AppSource -->
<a href="https://appsource.microsoft.com/en-us/product/dynamics-365-business-central/PUBID.vlc-solutions-llc-1263055%7CAID.vlc_printnode_integration%7CPAPPID.fb6dcfa1-3e74-4afc-a197-58b72ddf118a"
class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50">
<i data-feather="shopping-bag" class="w-5 h-5" aria-hidden="true"></i>
<span>View VLC PrintNode ON APP SOURCE</span>
</a>
<!-- YouTube -->
<button id="youtube-open-modal"
class="cta-btn flex-1 inline-flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm md:text-base font-semibold border border-white/20 bg-white/10 transition focus:outline-none focus:ring-2 focus:ring-white/50">
<i data-feather="play-circle" class="w-5 h-5" aria-hidden="true"></i>
<span>Watch it in action</span>
</button>
</div>
</section>
<!-- ====== DOWNLOAD FACT SHEET MODAL ====== -->
<form id="send_email_to_customer" action="./print_node.php" method="post" novalidate>
<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
<input type="hidden" name="action" value="validate_captcha">
<div id="cta-modal"
class="fixed inset-0 z-[999] hidden flex items-center justify-center"
role="dialog" aria-modal="true" aria-labelledby="cta-modal-title">
<!-- Backdrop -->
<div class="absolute inset-0 bg-black/60"></div>
<!-- Panel -->
<div class="relative w-full max-w-md p-4">
<div class="w-full max-w-md bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden">
<div class="bg-[var(--vlc-navy)] text-white px-5 py-4">
<div class="flex items-center justify-between">
<h4 id="cta-modal-title" class="text-lg font-semibold">
Enter your business email to download
</h4>
<button type="button" id="cta-close"
class="p-1 rounded-md hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white/50"
aria-label="Close">
<i data-feather="x" class="w-5 h-5" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="p-6 space-y-4">
<p id="cta-error" class="hidden text-sm text-red-600">
Please use a valid business email (not a personal domain).
</p>
<label for="customer_email" class="block text-sm font-medium text-[var(--vlc-navy)]">
Business Email
</label>
<input
class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[var(--vlc-sky)]"
name="customer_email" id="customer_email" type="email"
placeholder="name@yourcompany.com" required autocomplete="email" />
<div class="flex items-center justify-end gap-3 pt-2">
<button type="button" id="cta-cancel"
class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50">
Cancel
</button>
<button type="submit" id="magento_connector"
class="px-4 py-2 rounded-md bg-[var(--vlc-leaf)] hover:bg-[#79b32e] text-white font-semibold shadow">
Submit &amp; Download
</button>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- ====== CTA BUTTON HOVER COLOR STYLES ====== -->
<style>
/* VLC Leaf Green brand color */
:root {
--vlc-leaf: #8DC63F;
--vlc-leaf-dark: #79b32e;
}
/* CTA ribbon buttons default style */
.cta-btn {
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
transition: all 0.25s ease-in-out;
}
/* On hover: leaf green background and dark navy text */
.cta-btn:hover {
background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark));
color: #002060;
border-color: transparent;
box-shadow: 0 8px 20px rgba(141, 198, 63, 0.4);
transform: translateY(-2px);
}
/* Icon color switch on hover */
.cta-btn:hover i {
color: #002060 !important;
}
/* Smooth transition for icons */
.cta-btn i {
transition: color 0.25s ease-in-out;
}
/* Accessibility focus ring */
.cta-btn:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.5);
}
/* Modal button hover (already green effect included) */
#cta-modal button:hover {
background: linear-gradient(180deg, var(--vlc-leaf), var(--vlc-leaf-dark)) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.3);
transition: all 0.25s ease-in-out;
}
#cta-modal #cta-cancel {
background: #f8fafc;
color: var(--vlc-navy, #002060);
border: 1px solid #d1d5db;
}
</style>
<script>
// --- YouTube Modal controls ---
(function () {
const openBtn = document.getElementById('youtube-open-modal');
const modal = document.getElementById('youtube-modal');
const closeBtn = document.getElementById('youtube-close');
const backdrop = document.getElementById('youtube-modal-backdrop');
const iframe = document.getElementById('youtube-iframe');
if (!openBtn || !modal) return;
function openModal() {
modal.classList.remove('hidden');
document.body.style.overflow = 'hidden';
// Reset iframe src to ensure video reloads
iframe.src = iframe.src.replace('&autoplay=0', '') + '&autoplay=1';
}
function closeModal() {
modal.classList.add('hidden');
document.body.style.overflow = '';
// Pause video when closing
iframe.src = iframe.src.replace('&autoplay=1', '&autoplay=0');
}
openBtn.addEventListener('click', openModal);
closeBtn && closeBtn.addEventListener('click', closeModal);
backdrop && backdrop.addEventListener('click', closeModal);
// Close on Esc
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && !modal.classList.contains('hidden')) {
closeModal();
}
});
})();
// --- CTA Modal controls ---
(function () {
const openBtn = document.getElementById('cta-open-modal');
const modal = document.getElementById('cta-modal');
const closeBtn = document.getElementById('cta-close');
const cancelBtn = document.getElementById('cta-cancel');
const form = document.getElementById('send_email_to_customer');
const email = document.getElementById('customer_email');
const error = document.getElementById('cta-error');
if (!openBtn || !modal) return;
function openModal() {
modal.classList.remove('hidden');
document.body.style.overflow = 'hidden';
email && setTimeout(() => email.focus(), 50);
}
function closeModal() {
modal.classList.add('hidden');
document.body.style.overflow = '';
error && error.classList.add('hidden');
}
openBtn.addEventListener('click', openModal);
closeBtn && closeBtn.addEventListener('click', closeModal);
cancelBtn && cancelBtn.addEventListener('click', closeModal);
// Close on Esc / backdrop
modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); });
// --- Business email validation ---
const personalDomains = [
'gmail.com','googlemail.com','yahoo.com','yahoo.co.in','outlook.com','hotmail.com','live.com',
'msn.com','icloud.com','me.com','aol.com','proton.me','protonmail.com','yandex.com','pm.me','mail.com','zoho.com'
];
form && form.addEventListener('submit', (e) => {
if (!email) return;
const value = String(email.value || '').trim().toLowerCase();
const isEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
const domain = value.split('@')[1] || '';
const isPersonal = personalDomains.includes(domain);
if (!isEmail || isPersonal) {
e.preventDefault();
error.classList.remove('hidden');
email.focus();
}
});
})();
</script>
<section class="bg-[var(--vlc-tint)] py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-2 gap-12 items-center mb-16">
<div>
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Easy Cloud printing with VLC PrintNode</h3>
<p class="text-gray-600 mb-6">VLC PrintNode is an advanced integration app built with Artificial Intelligence to bridge Microsoft Dynamics 365 Business Central with your print devices on the network. You can print reports, labels, barcodes, or whatever you need. This solution simplifies your business and makes it work fast, secure and scalable, keeping your business agile and efficient.</p>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-[var(--vlc-navy)] hover:bg-[var(--vlc-navy-700)] transition-colors duration-200 shadow-sm mt-6">
Print Without Limits
</a>
</div>
<div>
<img src="https://huggingface.co/spaces/vlcsolutions/vlc-printnode-turboprint/resolve/main/images/PrintNode-R.png" alt="Cloud Printing Technology" class="rounded-lg w-full">
</div>
</div>
<div class="card-accent bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Enterprise-Grade Security & Privacy</h3>
<p class="text-gray-600 mb-4">VLC PrintNode puts security first and ensures the protection of its user data using end-to-end encryption and zero data retention. Your print jobs are confidential, and no data is shared with third party services. This is perfect in a regulated industry where privacy, Governance, Risk, and Compliance (GRC) for Business Central, and adherence are paramount.</p>
<ul class="text-gray-600 space-y-3">
<li class="flex items-start">
<i data-feather="check-circle" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Fully Compliant:</strong> Ideal for manufacturing, distribution or government contracting, ensuring printing operations are fully compliant with industry data security and regulatory compliance requirements.</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Risk-Free Privacy:</strong> All information between Microsoft Dynamics 365 Business Central and your printers is encrypted and stored safely.</span>
</li>
</ul>
</div>
<div class="card-accent bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Instant, Hassle-Free Printing</h3>
<p class="text-gray-600 mb-4">VLC PrintNode is a high-performance device that removes any delays created by real time printing. You can print in Business Central or connect to remote printers, but either way the system guarantees zero wait time and maximum responsiveness.</p>
<ul class="text-gray-600 space-y-3">
<li class="flex items-start">
<i data-feather="zap" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Fast speeds:</strong> Realize almost instant printing, enabling your staff to work more effectively.</span>
</li>
<li class="flex items-start">
<i data-feather="clock" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Zero Waiting Time:</strong> Print your reports, invoices and labels anywhere in real time, be it in office or offline.</span>
</li>
</ul>
</div>
<div class="card-accent bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Beta Apps Built to Fit the Business Central Ecosystem</h3>
<p class="text-gray-600 mb-4">VLC PrintNode is specifically created to support enterprise-level deployment, cloud scale, authorized access and integrated account authentication. It can support both Essentials and Premium licenses of Dynamics 365 Business Central and is scalable, flexible and robust to support your business needs.</p>
<ul class="text-gray-600 space-y-3">
<li class="flex items-start">
<i data-feather="trending-up" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Growth-oriented:</strong> The solution scales with your business, small or large. Printers can be added and print jobs controlled without any worry.</span>
</li>
<li class="flex items-start">
<i data-feather="settings" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Easy Integration:</strong> Just connect to Business Central and get your print management running in minutes.</span>
</li>
</ul>
</div>
<div class="card-accent bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">Universal Printing Capabilities</h3>
<p class="text-gray-600 mb-4">Printnode can be used with a very large number of printer models, such as HP, DYMO, Zebra, OKI, Epson and more. It can easily work with PDF and RAW file formats whether you want to print PDFs, receipts, barcodes in ZPL/EPL format, etc.</p>
<ul class="text-gray-600 space-y-3">
<li class="flex items-start">
<i data-feather="printer" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Dynamic Printing:</strong> Print standard reports or specialized labels without having to install extra software or drivers.</span>
</li>
<li class="flex items-start">
<i data-feather="bar-chart-2" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Built in Barcode Printing:</strong> In industries like manufacturing or eCommerce, printing high quality barcodes on the spot is extremely valuable.</span>
</li>
</ul>
</div>
<!-- PrintNode Integration Section -->
<section class="relative py-20 bg-[var(--vlc-tint)] overflow-hidden">
<!-- Brand Pattern Background -->
<div class="absolute inset-0 opacity-10 pointer-events-none"
style="background: repeating-linear-gradient(45deg, rgba(0,32,96,0.05) 0px, rgba(0,160,233,0.1) 2px, transparent 3px, transparent 8px);">
</div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-4">
PrintNode Integration with Microsoft Dynamics 365 Business Central
</h2>
<p class="text-lg text-gray-700 max-w-3xl mx-auto">
Simplify your print and scale integration process with PrintNode — designed to deliver real-time data flow,
high-speed label printing, and seamless integration with Microsoft Dynamics 365 Business Central.
</p>
</div>
<div class="grid md:grid-cols-2 gap-10 mt-12">
<!-- Supported Printers Card -->
<div class="bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 border-t-4 border-[var(--vlc-sky)]">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">View Supported Printers</h3>
<p class="text-gray-600 mb-4">
<strong>Scale Integration Made Simple:</strong> Simple connection to USB and serial measuring scales means that PrintNode can be used to integrate and push data directly to Microsoft Dynamics 365 Business Central without complex installation.
</p>
<ul class="text-gray-600 space-y-3">
<li class="flex items-start">
<i data-feather="zap" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Instant Data Streaming:</strong> Connect both USB and serial scales to your Business Central application with zero configuration. The PrintNode Client identifies connected scales automatically and transmits the data immediately through API.</span>
</li>
<li class="flex items-start">
<i data-feather="package" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Fluid integration:</strong> Ideal in sectors such as manufacturing, logistics and retail where weight and volume data must be monitored in real-time.</span>
</li>
</ul>
</div>
<!-- RAW Printing Card -->
<div class="bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 border-t-4 border-[var(--vlc-navy)]">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">View Supported Scales</h3>
<p class="text-gray-600 mb-4">
<strong>RAW Printing Option:</strong> The RAW printing feature of PrintNode enables you to send ZPL and EPL print languages (and any native print language) directly to printers, ensuring labels and barcodes print quickly and accurately. Perfect for high-speed, high-volume printing in manufacturing and distribution.
</p>
<ul class="text-gray-600 space-y-3">
<li class="flex items-start">
<i data-feather="printer" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Best in Specialized Printing:</strong> PrintNode lets you feed raw print languages directly to your printer, ideal for advanced labeling—barcode labels, shipping labels, and more.</span>
</li>
<li class="flex items-start">
<i data-feather="refresh-cw" class="text-[var(--vlc-sky)] w-5 h-5 mt-1 mr-2"></i>
<span><strong>Quick and Adaptable:</strong> The system supports flexible formats, ensuring compatibility with a wide range of specialized printers.</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<script>
feather.replace();
</script>
<div class="text-center mb-16">
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-6">VLC PrintNode Integration Features</h3>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4 max-w-4xl mx-auto text-left">
<div class="flex items-start">
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span>Connect local and network printers</span>
</div>
<div class="flex items-start">
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span>Print reports, labels and barcodes</span>
</div>
<div class="flex items-start">
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span>Print PDFs from local/network paths</span>
</div>
<div class="flex items-start">
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span>No code required - API key setup</span>
</div>
<div class="flex items-start">
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span>Track print history via portal</span>
</div>
<div class="flex items-start">
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mt-1 mr-2"></i>
<span>Compatible with all BC licenses</span>
</div>
</div>
</div>
<div class="bg-[var(--vlc-navy)] text-white rounded-xl p-8 md:p-12 text-center">
<h3 class="text-2xl md:text-3xl font-bold mb-4">Why Choose VLC PrintNode?</h3>
<p class="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">Affordable, secure and scalable printing for manufacturing, distribution, eCommerce, or government contracting.</p>
<a href="#" class="inline-flex items-center justify-center px-8 py-4 border border-transparent text-lg font-bold rounded-md text-[var(--vlc-navy)] bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] transition-colors duration-200 shadow-md">
Connect My Printers Now
<i data-feather="printer" class="ml-2 w-5 h-5"></i>
</a>
<a href="./print-node-integration-for-dynamics-365-business-central-faq.html" class="inline-flex items-center justify-center px-8 py-4 border border-transparent text-lg font-bold rounded-md text-[var(--vlc-navy)] bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] transition-colors duration-200 shadow-md">
FAQs
</a>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-3 gap-10 mb-10">
<div>
<h3 class="font-bold mb-3">Contact Us</h3>
<div class="text-gray-300 space-y-3">
<div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3" aria-hidden="true"></i>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</div>
<div class="flex items-center"><i data-feather="phone" class="w-5 h-5 mr-3" aria-hidden="true"></i>+1 (224) 955-1818</div>
</div>
</div>
<div>
<h3 class="font-bold mb-3">Quick Links</h3>
<div class="grid grid-cols-2 gap-4 text-gray-300">
<ul class="space-y-2">
<li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
<li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
<li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
<li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
<li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
<li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
<li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
</ul>
<ul class="space-y-2">
<li><a href="https://www.vlcsolutions.com/contactus.html" class="hover:text-white">Contact Us</a></li>
<li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
<li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
<li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
<li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms &amp; Conditions</a></li>
<li><a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
<li><a href="https://www.vlcsolutions.com/faq.html" class="hover:text-white">FAQs</a></li>
</ul>
</div>
</div>
<div>
<h3 class="font-bold mb-3">VLC Solutions</h3>
<p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
<div class="flex gap-4">
<a href="https://www.linkedin.com/company/vlc-solutions-llc" target="_blank" class="text-gray-300 hover:text-white" aria-label="LinkedIn"><i data-feather="linkedin" class="w-5 h-5" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/vlcsolutionsllc/" target="_blank" class="text-gray-300 hover:text-white" aria-label="Instagram"><i data-feather="instagram" class="w-5 h-5" aria-hidden="true"></i></a>
<a href="https://x.com/vlcsolutions" target="_blank" class="text-gray-300 hover:text-white" aria-label="Twitter / X"><i data-feather="twitter" class="w-5 h-5" aria-hidden="true"></i></a>
<a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
<img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
</a>
<a href="https://www.youtube.com/@vlcsolutions/" target="_blank" class="text-gray-300 hover:text-white" aria-label="YouTube"><i data-feather="youtube" class="w-5 h-5" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
© 2025 VLC Solutions. All rights reserved.
</div>
</div>
</footer>
<script>
// Init animations (after scripts loaded)
document.addEventListener('DOMContentLoaded', () => {
if (window.AOS) {
AOS.init({
duration: 800,
easing: 'ease-in-out',
once: true,
mirror: false,
offset: 120,
disable: window.innerWidth < 768
});
}
if (window.feather) {
feather.replace();
}
// Mobile menu placeholder
const mobileBtn = document.getElementById('mobile-menu-button');
if (mobileBtn) {
mobileBtn.addEventListener('click', () => {
console.log('Mobile menu clicked');
});
}
});
// Refresh AOS on resize (guard if AOS present)
window.addEventListener('resize', function() {
if (window.AOS && AOS.refreshHard) {
AOS.refreshHard();
}
});
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>