1<!DOCTYPE html> 2<html lang="hu"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>ÃrtékesÃtés - QlickCRM</title> 8 <meta name="description" content="QlickCRM értékesÃtési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. EgyszerűsÃti az értékesÃtési folyamatok követését." /> 9 <meta name="author" content="QlickCRM"> 10 <meta name="robots" content="index, follow" /> 11 <meta name="theme-color" content="#1a1443"> 12 <meta name="facebook-domain-verification" content="lndflvhfl8lrzqj6asdik55jr0jq3j" /> 13 14 <link rel="schema.dcterms" href="http://purl.org/dc/terms/"> 15 <meta name="DC.title" content="ÃrtékesÃtés - QlickCRM" /> 16 <meta name="DC.description" content="QlickCRM értékesÃtési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. EgyszerűsÃti az értékesÃtési folyamatok követését." /> 17 <meta name="DC.creator" content="QlickCRM" /> 18 <meta name="DC.publisher" content="QlickCRM" /> 19 <meta name="DC.date" content="2024-04-12T09:07:23+02:00" /> 20 <meta name="DC.language" content="hu" /> 21 <meta name="DC.format" content="text/html" /> 22 <meta name="DC.identifier" content="https://qlickcrm.hu/ertekesites" /> 23 24 <link rel="icon" href="https://qlickcrm.hu/images/favicon.png"> 25 <link rel="apple-touch-icon" href="https://qlickcrm.hu/images/apple-touch-icon-120x120.png"> 26 27 28 <link rel="preconnect" href="https://cdn.trustindex.io" crossorigin> 29 <link rel="preconnect" href="https://www.google.com" crossorigin> 30 31 32 <link rel="preload" as="font" type="font/woff2" href="https://qlickcrm.hu/fonts/sora/Sora-ExtraBold.woff2" crossorigin> 33 <link rel="preload" as="font" type="font/woff2" href="https://qlickcrm.hu/fonts/mulish/Mulish-Regular.woff2" crossorigin> 34 35 36 <noscript> 37 <style>[data-aos]{opacity:1 !important;transform:none !important;}</style> 38 </noscript> 39 40 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 41 42 43 <link rel="preload" as="style" href="https://qlickcrm.hu/build/assets/app-D2yTWWHx.css" /><link rel="modulepreload" href="https://qlickcrm.hu/build/assets/app-Cba6N_Ge.js" /><link rel="stylesheet" href="https://qlickcrm.hu/build/assets/app-D2yTWWHx.css" data-navigate-track="reload" />
43<script type="module" src="https://qlickcrm.hu/build/assets/app-Cba6N_Ge.js" data-navigate-track="reload"></script>
43 44 45 <link rel="canonical" href="https://qlickcrm.hu/ertekesites" /> 46 47 <meta property="og:locale" content="hu_HU" /> 48 <meta property="og:type" content="website" /> 49 <meta property="og:title" content="ÃrtékesÃtési folyamatok támogatása" /> 50 <meta property="og:description" content="QlickCRM értékesÃtési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. EgyszerűsÃti az értékesÃtési folyamatok követését." /> 51 <meta property="og:url" content="https://qlickcrm.hu/ertekesites" /> 52 <meta property="og:site_name" content="QlickCRM" /> 53 <meta property="article:publisher" content="https://www.facebook.com/qlickcrm" /> 54 <meta property="article:modified_time" content="2024-04-12T09:07:23+02:00" /> 55 <meta property="og:image" content="https://qlickcrm.hu/images/og/ertekesites-og.jpg" /> 56 <meta property="og:image:width" content="1200" /> 57 <meta property="og:image:height" content="630" /> 58 <meta property="og:image:type" content="image/jpeg" /> 59 <meta property="og:image:alt" content="ÃrtékesÃtési folyamatok támogatása" /> 60 <meta name="twitter:card" content="summary_large_image" /> 61 <meta name="twitter:title" content="ÃrtékesÃtés - QlickCRM" /> 62 <meta name="twitter:description" content="QlickCRM értékesÃtési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. EgyszerűsÃti az értékesÃtési folyamatok követését." /> 63 <meta name="twitter:image" content="https://qlickcrm.hu/images/og/ertekesites-og.jpg" /> 64 <meta name="p:domain_verify" content="f923dd562a15a6e437306f5d37f0447e"/> 65 66 <meta name="csrf-token" content="NcRlw0EXzDs6HX1ft8APniYatY8oZ8NRWqdKwlVr"> 67
67<script async src="https://cdn.trustindex.io/assets/js/richsnippet.js?125b2d128055gd86"></script>
67 68 69
69<script> 70 window.dataLayer = window.dataLayer || []; 71 function gtag(){dataLayer.push(arguments);} 72 window.gtag = gtag; 73 gtag('consent', 'default', { 74 'ad_storage': 'denied', 75 'ad_user_data': 'denied', 76 'ad_personalization': 'denied', 77 'analytics_storage': 'denied', 78 'functionality_storage': 'granted', 79 'security_storage': 'granted', 80 'wait_for_update': 500 81 }); 82 83 // ElÅzetes consent update VISSZATÃRÅ látogatóknál â szinkron módon, 84 // a GA/GTM és bármilyen inline gtag('event', ...) hÃvás ELÅTT fut. 85 // BiztosÃtja, hogy a /sikeres-demo-regisztracio oldalon a lead conversion 86 // event granted állapotban érkezik (nem denied, nem conversion-modeling). 87 (function() { 88 try { 89 var raw = localStorage.getItem("qlick_cookie_consent"); 90 if (!raw) return; 91 var c = JSON.parse(raw); 92 if (!c || c.version !== 1) return; 93 if (typeof c.expiresAt === 'number' && Date.now() > c.expiresAt) return; 94 var cat = c.categories || {}; 95 gtag('consent', 'update', { 96 analytics_storage: cat.analytics ? 'granted' : 'denied', 97 ad_storage: cat.marketing ? 'granted' : 'denied', 98 ad_user_data: cat.marketing ? 'granted' : 'denied', 99 ad_personalization: cat.marketing ? 'granted' : 'denied' 100 }); 101 } catch (e) 102 })(); 103 </script>
103 104 105
105<script defer src="https://api.signaljoe.com/signaljoe.js" data-key="pk_write_aZbj9I5NUZBAUrzJytaTOQC1fFGxp4TsHf5x4e407jHDFyya" data-disable="errors"></script>
105 106
106<script> 107 gtag('js', new Date()); 108 gtag('config', "G-ZV69LM5FMN"); 109 gtag('config', "AW-11305643851"); 110 </script>
vendor: 72 bytes, lines 110-111
110 111 <script async src="https://www.googletagmanager.com/gtag/js?id=
111G-ZV69LM5FMN
vendor: 20 bytes, lines 111-112
111"></script> 112
112<script> 113 // Google Tag Manager (denied default állapotban is tölthet)
vendor: 388 bytes, lines 113-118
113 114 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 115 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 116 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 117 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 118 })(window,document,'script','dataLayer',"
118GTM-WM58CBW3
vendor: 12 bytes, lines 118-119
118"); 119
119</script>
119 120 121 <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 121-122
121 122 <script async src="https://www.googletagmanager.com/gtag/js?id=
122AW-11305643851
vendor: 20 bytes, lines 122-123
122"></script> 123
123<script> 124
vendor: 152 bytes, lines 124-128
124window.dataLayer = window.dataLayer || []; 125 function gtag(){dataLayer.push(arguments);} 126 gtag('js', new Date()); 127 128 gtag('config', '
128AW-11305643851
vendor: 12 bytes, lines 128-129
128'); 129
129</script>
129 130 131 132
132<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://qlickcrm.hu/#organization","name":"QlickCRM","url":"https://qlickcrm.hu/","logo":{"@type":"ImageObject","url":"https://qlickcrm.hu/images/qlickcrm-logo.png"},"sameAs":["https://www.facebook.com/qlickcrm","https://www.linkedin.com/company/qlickcrm","https://www.instagram.com/qlickcrm/","https://www.tiktok.com/@qlickcrm","https://www.youtube.com/@qlickcrm"]}</script>
132 133
133<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://qlickcrm.hu/#website","url":"https://qlickcrm.hu/","name":"QlickCRM","description":"Egyszerű CRM rendszer vállalkozásoknak","inLanguage":"hu","publisher":{"@id":"https://qlickcrm.hu/#organization"}}</script>
vendor: 71 bytes, lines 133-134
133 134 <script async src="https://www.google.com/recaptcha/api.js?render=
1346LeeJrMqAAAAACWdUkud3OktRpiQQ3nWaHyg1LRE
vendor: 16 bytes, lines 134-135
134"></script> 135
135<script defer src="https://qlickcrm.com/qlickcrm-form.js"></script>
135 136
136<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"KezdÅlap","item":"https://qlickcrm.hu"},{"@type":"ListItem","position":2,"name":"Funkciók","item":"https://qlickcrm.hu/crm-rendszer-funkciok"},{"@type":"ListItem","position":3,"name":"ÃrtékesÃtés","item":"https://qlickcrm.hu/ertekesites"}]}</script>
136 137 138</head> 139<body itemscope="itemscope" itemtype="https://schema.org/WebPage"> 140 <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 140-141
140 141 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
141GTM-WM58CBW3
vendor: 91 bytes, lines 141-142
141" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 142
142<!-- End Google Tag Manager (noscript) --> 143 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1529652591172666&ev=PageView&noscript=1"/></noscript> 144 145 146 <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:rounded-full focus:bg-accent-500 focus:text-white focus:px-4 focus:py-2 focus:font-semibold"> 147 Ugrás a tartalomhoz 148 </a> 149 150 151 <div x-data="{ mobileOpen: false, funkciokOpen: false, tamogatasOpen: false }" x-cloak> 152 <header class="sticky top-0 z-40 bg-surface/80 backdrop-blur-md border-b border-border !py-0"> 153 <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8"> 154 <div class="relative flex items-center justify-between h-[72px] lg:h-[88px]"> 155 156 <div class="flex items-center"> 157 <a href="https://qlickcrm.hu" class="flex items-center" aria-label="QlickCRM fÅoldal"> 158 <img src="https://qlickcrm.hu/images/logo.svg" alt="QlickCRM - Magyar CRM rendszer" class="h-12 md:h-14 w-auto" /> 159 </a> 160 </div> 161 162 163 <nav role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement" 164 class="hidden lg:flex self-stretch items-center gap-0 text-left ml-4 xl:ml-16 mr-auto"> 165 166 <div class="self-stretch flex items-center" 167 @mouseenter="funkciokOpen = true" 168 @mouseleave="funkciokOpen = false"> 169 <a href="https://qlickcrm.hu/crm-rendszer-funkciok" 170 @click.prevent="funkciokOpen = !funkciokOpen" 171 class="inline-flex items-center gap-1 px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap" 172 :aria-expanded="funkciokOpen"> 173 CRM rendszer 174 <svg :class="funkciokOpen ? 'rotate-180' : ''" class="size-4 transition" 175 xmlns="http://www.w3.org/2000/svg" 176 width="24" 177 height="24" 178 viewBox="0 0 24 24" 179 fill="none" 180 stroke="currentColor" 181 stroke-width="2" 182 stroke-linecap="round" 183 stroke-linejoin="round" 184 class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down" 185> 186 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 187 <path d="M6 9l6 6l6 -6" /> 188</svg> </a> 189 <div x-show="funkciokOpen" 190 x-transition:enter="transition ease-out duration-150" 191 x-transition:enter-start="opacity-0 -translate-y-1" 192 x-transition:enter-end="opacity-100 translate-y-0" 193 x-transition:leave="transition ease-in duration-100" 194 x-transition:leave-start="opacity-100" 195 x-transition:leave-end="opacity-0" 196 class="absolute top-full left-0 pt-2 w-[1000px] max-w-[calc(100vw-2rem)] sm:max-w-[calc(100vw-3rem)] lg:max-w-[calc(100vw-4rem)] text-left" 197 style="display: none;"> 198 <div class="rounded-3xl bg-surface border border-border shadow-elevated p-8"> 199 200 <div> 201 <p class="text-overline uppercase font-semibold text-accent-500 mb-4 text-left">Funkciók</p> 202 <div class="grid grid-cols-4 gap-x-8 gap-y-3 text-left"> 203 <a href="https://qlickcrm.hu/ertekesites" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">ÃrtékesÃtés támogatás</a> 204 <a href="https://qlickcrm.hu/ugyfelkezelo-rendszer" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Ãgyfélkezelés</a> 205 <a href="https://qlickcrm.hu/projektmenedzsment" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Projektmenedzsment</a> 206 <a href="https://qlickcrm.hu/feladatkezelo-rendszer" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Feladatkezelés</a> 207 <a href="https://qlickcrm.hu/ugyfelszolgalati-rendszer" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Ãgyfélszolgálat</a> 208 <a href="https://qlickcrm.hu/munkaido-nyilvantartas" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">MunkaidÅ nyilvántartás</a> 209 <a href="https://qlickcrm.hu/email-kezeles" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">E-mail kezelés</a> 210 <a href="https://qlickcrm.hu/riportok" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">
210Riportok</a> 211 <a href="https://qlickcrm.hu/termekek-szolgaltatasok-szamlazas" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Termékek, szolgáltatások és számlázás</a> 212 <a href="https://qlickcrm.hu/crm-folyamatkezeles-automatizalas" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Folyamat automatizálás</a> 213 <a href="https://qlickcrm.hu/webaruhaz-integracio" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">E-kereskedelem</a> 214 <a href="https://qlickcrm.hu/crm-rendszer-integraciok" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Integrációk</a> 215 <a href="https://qlickcrm.hu/crm-biztonsag-es-adatkezeles" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Jogosultság kezelés</a> 216 </div> 217 </div> 218 219 220 <div class="mt-8 pt-6 border-t border-border"> 221 <p class="text-overline uppercase font-semibold text-accent-500 mb-3 text-left">Hasznos tudnivalók</p> 222 <div class="grid grid-cols-4 gap-x-8 gap-y-3 text-left"> 223 <a href="https://qlickcrm.hu/blog/mi-az-a-crm-mi-a-crm-rendszer-jelentese" class="text-base font-medium text-foreground hover:text-accent-500 transition">Mi az a CRM rendszer?</a> 224 <a href="https://qlickcrm.hu/blog/mik-egy-crm-rendszer-elonyei-hogyan-teszi-hatekonyabba-ceged-mukodeset" class="text-base font-medium text-foreground hover:text-accent-500 transition">CRM rendszer elÅnyei</a> 225 <a href="https://qlickcrm.hu/blog/hogyan-tortenik-a-qlickcrm-bevezetese" class="text-base font-medium text-foreground hover:text-accent-500 transition">Bevezetés támogatás</a> 226 <a href="https://qlickcrm.hu/crm-biztonsag-es-adatkezeles" class="text-base font-medium text-foreground hover:text-accent-500 transition">Adatkezelés és biztonság</a> 227 </div> 228 </div> 229 </div> 230 </div> 231 </div> 232 233 234 <div class="relative self-stretch flex items-center" 235 @mouseenter="tamogatasOpen = true" 236 @mouseleave="tamogatasOpen = false"> 237 <button type="button" 238 @click="tamogatasOpen = !tamogatasOpen" 239 class="inline-flex items-center gap-1 px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap" 240 :aria-expanded="tamogatasOpen"> 241 Támogatás 242 <svg :class="tamogatasOpen ? 'rotate-180' : ''" class="size-4 transition" 243 xmlns="http://www.w3.org/2000/svg" 244 width="24" 245 height="24" 246 viewBox="0 0 24 24" 247 fill="none" 248 stroke="currentColor" 249 stroke-width="2" 250 stroke-linecap="round" 251 stroke-linejoin="round" 252 class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down" 253> 254 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 255 <path d="M6 9l6 6l6 -6" /> 256</svg> </button> 257 <div x-show="tamogatasOpen" 258 x-transition:enter="transition ease-out duration-150" 259 x-transition:enter-start="opacity-0 -translate-y-1" 260 x-transition:enter-end="opacity-100 translate-y-0" 261 x-transition:leave="transition ease-in duration-100" 262 x-transition:leave-start="opacity-100" 263 x-transition:leave-end="opacity-0" 264 class="absolute top-full left-0 pt-2 w-64 max-w-[calc(100vw-2rem)] text-left" 265 style="display: none;"> 266 <div class="rounded-3xl bg-surface border border-border shadow-elevated p-6"> 267 <div class="flex flex-col gap-2 text-left"> 268 <a href="https://qlickcrm.hu/crm-rendszer-valtas" class="text-base font-medium text-foreground hover:text-accent-500 transition">CRM rendszert váltanál?</a> 269 <a href="https://help.qlickcrm.com" target="_blank" rel="noopener" class="text-base font-medium text-foreground hover:text-accent-500 transition">Tudásbázis</a> 270 <!-- <a href="https://qlickcrm.hu/webinarok" class="text-base font-medium text-foreground hover:text-accent-500 transition">Webinárok</a> 271 <a href="https://help.qlickcrm.com/videok" target="_blank" rel="noopener" class="text-base font-medium text-foreground hover:text-accent-500 transition">Oktató videók</a> --> 272 <a href="https://qlickcrm.hu/blog" class="text-base font-medium text-foreground hover:text-accent-500 transition">Blog</a> 273 </div> 274 </div> 275 </div> 276 </div> 277 278 <a href="https://qlickcrm.hu/crm-rendszer-arak" itemprop="url" 279 class="px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap"> 280 DÃjcsomagok 281 </a> 282 <a href="https://qlickcrm.hu/rolunk" itemprop="url" 283 class="px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap"> 284 Rólunk 285 </a> 286 <a href="https://qlickcrm.hu/kapcsolat" itemprop="url" 287 class="px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap"> 288 ElérhetÅségek 289 </a> 290 </nav> 291 292 293 <div class="hidden lg:flex items-center gap-3"> 294 <a href="https://app.qlickcrm.com" target="_blank" rel="nofollow noopener" 295 class="text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition px-2 xl:px-3 py-2 whitespace-nowrap"> 296 Belépés 297 </a> 298 <a 299 href="https://qlickcrm.hu/crm-rendszer-demo" 300 class="ui-btn ui-btn-cta ui-btn-md" 301 > 302 Ingyenes regisztráció 303 <svg class="size-4" 304 xmlns="http://www.w3.org/2000/svg" 305 width="24" 306 height="24" 307 viewBox="0 0 24 24" 308 fill="none" 309 stroke="currentColor" 310 stroke-width="2" 311 stroke-linecap="round" 312 stroke-linejoin="round"
313 class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right" 314> 315 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 316 <path d="M5 12l14 0" /> 317 <path d="M13 18l6 -6" /> 318 <path d="M13 6l6 6" /> 319</svg> </a> 320 </div> 321 322 323 <button 324 @click="mobileOpen = true" 325 class="lg:hidden inline-flex items-center justify-center size-10 rounded-xl text-foreground hover:bg-brand-50 transition" 326 aria-label="Menü megnyitása" 327 > 328 <svg class="size-6" 329 xmlns="http://www.w3.org/2000/svg" 330 width="24" 331 height="24" 332 viewBox="0 0 24 24" 333 fill="none" 334 stroke="currentColor" 335 stroke-width="2" 336 stroke-linecap="round" 337 stroke-linejoin="round" 338 class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2" 339> 340 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 341 <path d="M4 6l16 0" /> 342 <path d="M4 12l16 0" /> 343 <path d="M4 18l16 0" /> 344</svg> </button> 345 </div> 346 </div> 347 </header> 348 349 350 <div 351 x-show="mobileOpen" 352 x-transition.opacity 353 @keydown.escape.window="mobileOpen = false" 354 class="lg:hidden fixed inset-0 z-50" 355 style="display: none;" 356 > 357 <div class="absolute inset-0 bg-brand-950/60 backdrop-blur-sm" @click="mobileOpen = false"></div> 358 <div 359 x-show="mobileOpen" 360 x-transition:enter="transition ease-out duration-200" 361 x-transition:enter-start="translate-x-full" 362 x-transition:enter-end="translate-x-0" 363 x-transition:leave="transition ease-in duration-150" 364 x-transition:leave-start="translate-x-0" 365 x-transition:leave-end="translate-x-full" 366 class="absolute right-0 top-0 bottom-0 w-full max-w-sm bg-surface overflow-y-auto" 367 > 368 <div class="flex items-center justify-between p-4 border-b border-border"> 369 <a href="https://qlickcrm.hu" aria-label="QlickCRM fÅoldal"> 370 <img src="https://qlickcrm.hu/images/logo.svg" alt="QlickCRM" class="h-8 w-auto" /> 371 </a> 372 <button 373 @click="mobileOpen = false" 374 class="inline-flex items-center justify-center size-10 rounded-xl text-foreground hover:bg-brand-50 transition" 375 aria-label="Menü bezárása" 376 > 377 <svg class="size-6" 378 xmlns="http://www.w3.org/2000/svg" 379 width="24" 380 height="24" 381 viewBox="0 0 24 24" 382 fill="none" 383 stroke="currentColor" 384 stroke-width="2" 385 stroke-linecap="round" 386 stroke-linejoin="round" 387 class="icon icon-tabler icons-tabler-outline icon-tabler-x" 388> 389 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 390 <path d="M18 6l-12 12" /> 391 <path d="M6 6l12 12" /> 392</svg> </button> 393 </div> 394 <nav class="p-4 space-y-1"> 395 <details class="group"> 396 <summary class="flex items-center justify-between px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition cursor-pointer list-none"> 397 <span>CRM rendszer</span> 398 <svg class="size-5 transition group-open:rotate-180" 399 xmlns="http://www.w3.org/2000/svg" 400 width="24" 401 height="24" 402 viewBox="0 0 24 24" 403 fill="none" 404 stroke="currentColor" 405 stroke-width="2" 406 stroke-linecap="round" 407 stroke-linejoin="round" 408 class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down" 409> 410 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 411 <path d="M6 9l6 6l6 -6" /> 412</svg> </summary> 413 <div class="pl-4 mt-1 mb-2 space-y-1 border-l border-border ml-3"> 414 <a href="https://qlickcrm.hu/crm-rendszer-funkciok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Ãsszes funkció</a> 415 <a href="https://qlickcrm.hu/ertekesites" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">ÃrtékesÃtés</a> 416 <a href="https://qlickcrm.hu/ugyfelkezelo-rendszer" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Ãgyfélkezelés</a> 417 <a href="https://qlickcrm.hu/projektmenedzsment" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Projektmenedzsment</a> 418 <a href="https://qlickcrm.hu/feladatkezelo-rendszer" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Feladatkezelés</a> 419 <a href="https://qlickcrm.hu/ugyfelszolgalati-rendszer" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Ãgyfélszolgálat</a> 420 <a href="https://qlickcrm.hu/riportok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Riportok</a> 421 <a href="https://qlickcrm.hu/crm-folyamatkezeles-automatizalas" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Automatizálás</a> 422 <a href="https://qlickcrm.hu/crm-rendszer-integraciok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Integrációk</a> 423 </div> 424 </details> 425 426 <details class="group"> 427 <summary class="flex items-center justify-between px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition cursor-pointer list-none">
428 <span>Támogatás</span> 429 <svg class="size-5 transition group-open:rotate-180" 430 xmlns="http://www.w3.org/2000/svg" 431 width="24" 432 height="24" 433 viewBox="0 0 24 24" 434 fill="none" 435 stroke="currentColor" 436 stroke-width="2" 437 stroke-linecap="round" 438 stroke-linejoin="round" 439 class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down" 440> 441 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 442 <path d="M6 9l6 6l6 -6" /> 443</svg> </summary> 444 <div class="pl-4 mt-1 mb-2 space-y-1 border-l border-border ml-3"> 445 <a href="https://qlickcrm.hu/crm-rendszer-valtas" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">CRM rendszer váltóknak</a> 446 <a href="https://help.qlickcrm.com" target="_blank" rel="noopener" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Tudásbázis</a> 447 <a href="https://qlickcrm.hu/webinarok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Webinárok</a> 448 <a href="https://help.qlickcrm.com/videok" target="_blank" rel="noopener" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Oktató videók</a> 449 <a href="https://qlickcrm.hu/blog" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Blog</a> 450 </div> 451 </details> 452 453 <a href="https://qlickcrm.hu/crm-rendszer-arak" class="block px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition">DÃjcsomagok</a> 454 <a href="https://qlickcrm.hu/rolunk" class="block px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition">Rólunk</a> 455 <a href="https://qlickcrm.hu/kapcsolat" class="block px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition">ElérhetÅségek</a> 456 </nav> 457 458 <div class="p-4 border-t border-border space-y-3"> 459 <a 460 href="https://qlickcrm.hu/crm-rendszer-demo" 461 class="ui-btn ui-btn-cta ui-btn-lg w-full" 462 > 463 Ingyenes regisztráció 464 <svg class="size-5" 465 xmlns="http://www.w3.org/2000/svg" 466 width="24" 467 height="24" 468 viewBox="0 0 24 24" 469 fill="none" 470 stroke="currentColor" 471 stroke-width="2" 472 stroke-linecap="round" 473 stroke-linejoin="round" 474 class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right" 475> 476 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 477 <path d="M5 12l14 0" /> 478 <path d="M13 18l6 -6" /> 479 <path d="M13 6l6 6" /> 480</svg> </a> 481 <a 482 href="https://app.qlickcrm.com" 483 class="ui-btn ui-btn-outline ui-btn-lg w-full" 484 > 485 Belépés 486 </a> 487 </div> 488 </div> 489 </div> 490 491 492 <main id="main-content" class="!pt-0"> 493 494 495<section class="relative overflow-hidden bg-gradient-to-b from-accent-50/30 via-surface to-surface"> 496 <div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden"> 497 <div class="absolute -top-32 -right-20 size-[500px] rounded-full bg-gradient-cta opacity-10 blur-3xl"></div> 498 <div class="absolute top-20 -left-40 size-[360px] rounded-full bg-brand-300 opacity-15 blur-3xl"></div> 499 </div> 500 501 <div class="relative max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 pt-10 md:pt-14 lg:pt-20 pb-14 text-center"> 502 <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-surface border border-border text-overline uppercase font-semibold text-accent-500 mb-5"> 503 <svg class="size-3.5" 504 xmlns="http://www.w3.org/2000/svg" 505 width="24" 506 height="24" 507 viewBox="0 0 24 24" 508 fill="none" 509 stroke="currentColor" 510 stroke-width="2" 511 stroke-linecap="round" 512 stroke-linejoin="round"
513 class="icon icon-tabler icons-tabler-outline icon-tabler-trending-up" 514> 515 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 516 <path d="M3 17l6 -6l4 4l8 -8" /> 517 <path d="M14 7l7 0l0 7" /> 518</svg> ÃrtékesÃtés 519 </div> 520 <h1 class="font-display font-extrabold text-display-l lg:text-display-xl tracking-tight text-foreground max-w-4xl mx-auto"> 521 <span class="textGradient">Sikeresebb</span> értékesÃtés QlickCRM segÃtségével! 522 </h1> 523 <p class="mt-6 text-lead text-muted max-w-3xl mx-auto"> 524 CRM rendszerünk értékesÃtési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. EgyszerűsÃti az árajánlatok, szerzÅdések összeállÃtását és kiküldését, az utánkövetést, továbbá hatékonyan támogatja az összetettebb értékesÃtési folyamatokat is, Ãgy megkönnyÃtve az értékesÃtÅk munkáját. 525 </p> 526 <div class="mt-8 [&_.ti-widget]:!flex [&_.ti-widget]:justify-center"> 527
527<script defer async src='https://cdn.trustindex.io/loader.js?7a1c5d1341de558219863838fab'></script>
527 </div> 528 <div class="mt-8"> 529 <a 530 href="https://qlickcrm.hu/crm-rendszer-demo" 531 class="ui-btn ui-btn-cta ui-btn-lg" 532 > 533 Próbáld ki ingyen 534 <svg class="size-5" 535 xmlns="http://www.w3.org/2000/svg" 536 width="24" 537 height="24" 538 viewBox="0 0 24 24" 539 fill="none" 540 stroke="currentColor" 541 stroke-width="2" 542 stroke-linecap="round" 543 stroke-linejoin="round" 544 class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right" 545> 546 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 547 <path d="M5 12l14 0" /> 548 <path d="M13 18l6 -6" /> 549 <path d="M13 6l6 6" /> 550</svg> </a> 551 </div> 552 </div> 553</section> 554 555 556 557<section class="py-12 md:py-20"> 558 <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 space-y-16 md:space-y-24 lg:space-y-28"> 559 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 560 <div class="lg:col-span-5 "> 561 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 562 Nincs több elfelejtett érdeklÅdÅ vagy kihagyott értékesÃtési lehetÅség 563 </h2> 564 <p class="mt-6 text-body-l text-muted"> 565 IrányÃtsd be a különbözÅ csatornákon érkezŠérdeklÅdéseket a QlickCRM-be, hogy az összes értékesÃtési lehetÅség egy felületen legyen áttekinthetÅ, illetve kezelhetÅ. A rendszerünk többek között képes az <strong class="text-foreground font-semibold">e-mailben, weboldalon keresztül, illetve a különbözÅ közösségi média platformokról érkezÅ megkereséseket is rögzÃteni</strong>. 566 </p> 567 </div> 568 <div class="lg:col-span-7 "> 569 <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-kep1.png" alt="CRM rendszer értékesÃtés" 570 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 571 </div> 572 </div> 573 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 574 <div class="lg:col-span-5 lg:order-2"> 575 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 576 Minden információ, ami az értékesÃtéshez szükséges csak egy karnyújtásnyira 577 </h2> 578 <p class="mt-6 text-body-l text-muted"> 579 A QlickCRM-ben minden értékesÃtés és a hozzákapcsolódó ügyfél információ egy helyen nyilvántartható és kezelhetÅ. Egyszerűen át tudod tekinteni, hogy melyik partnernek mibÅl és mennyit adtatok el, valamint az értékesÃtések különbözÅ paraméterei alapján könnyedén szűrni lehet az érdeklÅdÅk, illetve sikeres vagy éppen sikertelen értékesÃtések között. 580 </p> 581 </div> 582 <div class="lg:col-span-7 lg:order-1"> 583 <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-kep7.png" alt="CRM rendszer értékesÃtés" 584 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 585 </div> 586 </div> 587 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 588 <div class="lg:col-span-5 "> 589 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 590 Levelezz akár közvetlenül az értékesÃtési adatlapról az érdeklÅdÅvel 591 </h2> 592 <p class="mt-6 text-body-l text-muted"> 593 Az egyes értékesÃtésekkel kapcsolatos elektronikus levelezést közvetlenül az értékesÃtési adatlapról intézheted. <strong class="text-foreground font-semibold">Nem csak küldeni tudsz e-mailt (pl: ajánlatot vagy szerzÅdést), hanem az érdeklÅdÅ válasz levele is idÅrendbe be tud teljesen automatikusan kerülni a CRM-be.</strong> Ãgy tényleg, minden információ és kommunikáció egyetlen helyen elérhetÅ lesz. 594 </p> 595 </div> 596 <div class="lg:col-span-7 "> 597 <img src="https://qlickcrm.hu/images/pages/sales/crm-ertekesites-email-kep2.png" alt="CRM rendszer e-mail kezelés" 598 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 599 </div> 600 </div> 601 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 602 <div class="lg:col-span-5 lg:order-2"> 603 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 604 Az árajánlatot vagy magát a szerzÅdést akár a Ql
604ickCRM-ben is összeállÃthatod 605 </h2> 606 <p class="mt-6 text-body-l text-muted"> 607 Tedd hatékonyabbá az árajánlatok, illetve szerzÅdések összeállÃtását a QlickCRM-el! Hozz létre ajánlat vagy dokumentum sablonokat, melyek segÃtségével egy új árajánlat vagy szerzÅdés elkészÃtése, illetve pdf fájlba történÅ exportálása tényleg csak pár kattintás. 608 </p> 609 </div> 610 <div class="lg:col-span-7 lg:order-1"> 611 <img src="https://qlickcrm.hu/images/pages/sales/crm-ertekesites-arajanlat-kep3.png" alt="CRM rendszer szerzÅdés vagy árajánlat készÃtés" 612 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 613 </div> 614 </div> 615 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 616 <div class="lg:col-span-5 "> 617 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 618 Hozzáadhatod az eladott terméket vagy szolgáltatást az értékesÃtéshez 619 </h2> 620 <p class="mt-6 text-body-l text-muted"> 621 Töltsd fel <strong class="text-foreground font-semibold">termékeidet, illetve szolgáltatásaidat akár közvetlenül a QlickCRM-be</strong>, Ãgy lehetÅséged nyÃlik az értékesÃtéshez történÅ hozzárendelésükre is. <strong class="text-foreground font-semibold">Pár kattintással akár számlázhatod is ezeket a hozzáadott tételeket</strong> a Számlázz.hu, illetve Billingo integrációnknak köszönhetÅen. 622 </p> 623 </div> 624 <div class="lg:col-span-7 "> 625 <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-termekek-szolgaltatasok-kep4.png" alt="CRM rendszer termékek és szolgáltatások" 626 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 627 </div> 628 </div> 629 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 630 <div class="lg:col-span-5 lg:order-2"> 631 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 632 Az utánkövetés egyszerűbbé válik, sÅt akár automatizálhatod is a folyamatot 633 </h2> 634 <p class="mt-6 text-body-l text-muted"> 635 Sok apró hasznos eszköz, funkció van, amivel igyekszünk egyszerűbbé tenni az érdeklÅdÅk utánkövetését. Nem szeretnéd elfelejteni visszahÃvni az érdeklÅdÅt? Hozz létre emlékeztetÅt! Szeretnéd, ha szabadságod alatt is küldene a rendszer érdeklÅdÅ e-maileket? Hozz létre ütemezett leveleket! <strong class="text-foreground font-semibold">SÅt akár a teljes értékesÃtési, utánkövetési folyamatot megtámogathatod automatizmusokkal</strong>, Ãgy téve eredményesebbé az értékesÃtést. 636 </p> 637 </div> 638 <div class="lg:col-span-7 lg:order-1"> 639 <img src="https://qlickcrm.hu/images/pages/sales/crm-ertekesites-utankovetes-kep5.png" alt="CRM rendszer értékesÃtés utánkövetés" 640 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 641 </div> 642 </div> 643 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 644 <div class="lg:col-span-5 "> 645 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 646 KÃváncsi vagy, hogy az egyes marketing kampányok mennyi értékesÃtést eredményeztek? 647 </h2> 648 <p class="mt-6 text-body-l text-muted"> 649 Jó lenne tudni, hogy a különbözÅ közösségi média vagy hÃrlevél kampányok mennyi érdeklÅdÅt, sikeres vagy sikertelen értékesÃtést eredményeztek? A C
649RM rendszerben létrehozott és a weboldalba ágyazott űrlap segÃtségével az érdeklÅdÅk forrása is rögzÃtve lesz az értékesÃtési adatlaphoz, mely Ãgy riportolhatóvá válik a QlickCRM-ben. 650 </p> 651 </div> 652 <div class="lg:col-span-7 "> 653 <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-riportok-kep7.png" alt="CRM rendszer értékesÃtési riportok" 654 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 655 </div> 656 </div> 657 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center"> 658 <div class="lg:col-span-5 lg:order-2"> 659 <h2 class="font-display font-bold text-h1 tracking-tight text-foreground"> 660 Egyszerű és érthetÅ riportokkal tesszük átláthatóvá az értékesÃtés teljesÃtményét 661 </h2> 662 <p class="mt-6 text-body-l text-muted"> 663 A különbözÅ riportok segÃtenek áttekinteni a kiválasztott idÅszak, munkatárs vagy ügyfél sikeres, illetve sikertelen értékesÃtéseirÅl. Megtudhatod tehát azt is, hogy az egyes marketing kampányok mennyi megkeresést eredményeztek vagy például az egyes ügyfelek mit és mennyit vásároltak tÅled. 664 </p> 665 </div> 666 <div class="lg:col-span-7 lg:order-1"> 667 <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-riportok-kep6.png" alt="CRM rendszer értékesÃtési riportok" 668 class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" /> 669 </div> 670 </div> 671 </div> 672</section> 673 674 675<section class="bg-brand-950 text-white"> 676 <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 lg:py-28"> 677 <div class="grid grid-cols-1 md:grid-cols-12 gap-6 md:gap-10 items-end mb-10 md:mb-14"> 678 <div class="md:col-span-8"> 679 <h2 class="font-display font-bold text-h1 tracking-tight text-white"> 680 ÃrtékesÃtési csatornáidat kösd össze a QlickCRM-el: <span class="textGradient"><span id="counter">7500</span>+ integráció</span> 681 </h2> 682 </div> 683 <div class="md:col-span-4 flex md:justify-end"> 684 <a 685 href="https://qlickcrm.hu/crm-rendszer-integraciok" 686 class="ui-btn ui-btn-outline-white ui-btn-md" data-aos="flip-up" data-aos-delay="50" data-aos-duration="500" 687 > 688 További integrációk 689 <svg class="size-4" 690 xmlns="http://www.w3.org/2000/svg" 691 width="24" 692 height="24" 693 viewBox="0 0 24 24" 694 fill="none" 695 stroke="currentColor" 696 stroke-width="2" 697 stroke-linecap="round" 698 stroke-linejoin="round" 699 class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right" 700> 701 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 702 <path d="M5 12l14 0" /> 703 <path d="M13 18l6 -6" /> 704 <path d="M13 6l6 6" /> 705</svg> </a> 706 </div> 707 </div> 708 709 <div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 items-center"> 710 <div class="flex items-center justify-center p-6 md:p-8 rounded-2xl bg-white/5 hover:bg-white/10 transition opacity-80 hover:opacity-100"> 711 <picture> 712 <source srcset="https://qlickcrm.hu/storage/integrations/1742369049_bip.webp" type="image/webp"> 713 <img src="https://qlickcrm.hu/storage/integrations/1742369049_bip.png" 714 loading="lazy" decoding="async" 715 class="max-h-20 w-auto" alt="Bip! Kampány integráció logó"> 716 </picture> 717 </div> 718 </div> 719 </div> 720</section> 721 722 723<section class="ui-section-tone-muted py-16 md:py-24 lg:py-32"> 724 <div class="max-w-8xl mx-auto px-4 sm:px-6 lg:px-8"> 725 726 <div class="text-center max-w-3xl mx-auto mb-10"> 727 <h2 class="font-display font-bold text-h1 tracking-tight mb-4"> 728 Nézd meg, <span class="text-accent-500">mit mondanak</span> ügyfeleink a QlickCRM-rÅl! 729 </h2> 730 <p class="text-lead text-muted">Ki tudná jobban bemutatni a QlickCRM elÅnyeit, mint azok, akik nap mint nap használják.</p> 731 </div> 732
732<script defer async src='https://cdn.trustindex.io/loader.js?e24717e19ece28080746309c051'></script>
732 733 </div> 734</section> 735 736 737 738 </main> 739 740 741 <footer class="bg-brand-950 text-white"> 742 <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-20"> 743 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-10 lg:gap-12"> 744 745 <div class="lg:col-span-4"> 746 <img src="https://qlickcrm.hu/images/QlickCRM-logo-footer-white-v2.svg" alt="QlickCRM logo" class="h-10 w-auto mb-6" /> 747 <p class="text-body-s text-white/80 max-w-sm"> 748 Magyar nyelvű CRM rendszer kis- és középvállalkozásoknak. ÃrtékesÃtés, ügyfélkezelés, projektmenedzsment egyetlen felületen. 749 </p> 750 </div> 751 752 753 <div class="lg:col-span-3"> 754 <h4 class="font-display font-semibold text-white mb-4 text-body-l">Információk</h4> 755 <nav> 756 <ul class="space-y-3 text-body-s list-none p-0 m-0"> 757 <li><a href="https://doc.qlickcrm.hu" target="_blank" rel="noopener" class="text-white/80 hover:text-accent-400 transition">FejlesztÅknek (API)</a></li> 758 <li><a href="https://qlickcrm.hu/qlickcrm-partner-ajanloi-program" class="text-white/80 hover:text-accent-400 transition">Viszonteladóknak</a></li> 759 <li><a href="https://qlickcrm.hu/crm-biztonsag-es-adatkezeles" class="text-white/80 hover:text-accent-400 transition">Biztonság és adatkezelés</a></li> 760 <li><a href="https://qlickcrm.hu/qlickcrm-brand" class="text-white/80 hover:text-accent-400 transition">QlickCRM brand</a></li> 761 <li><a href="https://qlickcrm.hu/karrier" class="text-white/80 hover:text-accent-400 transition">Karrier</a></li> 762 </ul> 763 </nav> 764 </div> 765 766 767 <div class="lg:col-span-3"> 768 <h4 class="font-display font-semibold text-white mb-4 text-body-l">ElérhetÅségek</h4> 769 <ul class="space-y-3 text-body-s list-none p-0 m-0"> 770 <li> 771 <a href="tel:+3617004170" class="inline-flex items-center gap-2 text-white/80 hover:text-accent-400 transition"> 772 <svg class="size-4" 773 xmlns="http://www.w3.org/2000/svg" 774 width="24" 775 height="24" 776 viewBox="0 0 24 24" 777 fill="none" 778 stroke="currentColor" 779 stroke-width="2" 780 stroke-linecap="round" 781 stroke-linejoin="round" 782 class="icon icon-tabler icons-tabler-outline icon-tabler-phone" 783> 784 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 785 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" /> 786</svg> +36 1 700 4170 787 </a> 788 </li> 789 <li> 790 <a href="https://qlickcrm.hu/kapcsolat" class="inline-flex items-center gap-2 text-white/80 hover:text-accent-400 transition"> 791 <svg class="size-4" 792 xmlns="http://www.w3.org/2000/svg" 793 width="24" 794 height="24" 795 viewBox="0 0 24 24" 796 fill="none" 797 stroke="currentColor" 798 stroke-width="2" 799 stroke-linecap="round" 800 stroke-linejoin="round" 801 class="icon icon-tabler icons-tabler-outline icon-tabler-mail" 802> 803 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 804 <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> 805 <path d="M3 7l9 6l9 -6" /> 806</svg> Ãrj nekünk 807 </a> 808 </li> 809 </ul> 810 </div> 811 812 813 <div class="lg:col-span-2"> 814 <h4 class="font-display font-semibold text-white mb-4 text-body-l">Kövess minket</h4> 815 <div class="flex items-center gap-3 flex-wrap"> 816 <a href="https://www.facebook.com/qlickcrm" target="_blank" rel="noopener" aria-label="Facebook" 817 class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition"> 818 <svg class="size-5" 819 xmlns="http://www.w3.org/2000/svg" 820 width="24" 821 height="24" 822 viewBox="0 0 24 24" 823 fill="none" 824 stroke="currentColor" 825 stroke-width="2" 826 stroke-linecap="round" 827 stroke-linejoin="round"
828 class="icon icon-tabler icons-tabler-outline icon-tabler-brand-facebook" 829> 830 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 831 <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /> 832</svg> </a> 833 <a href="https://www.linkedin.com/company/qlickcrm" target="_blank" rel="noopener" aria-label="LinkedIn" 834 class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition"> 835 <svg class="size-5" 836 xmlns="http://www.w3.org/2000/svg" 837 width="24" 838 height="24" 839 viewBox="0 0 24 24" 840 fill="none" 841 stroke="currentColor" 842 stroke-width="2" 843 stroke-linecap="round" 844 stroke-linejoin="round" 845 class="icon icon-tabler icons-tabler-outline icon-tabler-brand-linkedin" 846> 847 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 848 <path d="M8 11v5" /> 849 <path d="M8 8v.01" /> 850 <path d="M12 16v-5" /> 851 <path d="M16 16v-3a2 2 0 1 0 -4 0" /> 852 <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10" /> 853</svg> </a> 854 <a href="https://www.instagram.com/qlickcrm/" target="_blank" rel="noopener" aria-label="Instagram" 855 class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition"> 856 <svg class="size-5" 857 xmlns="http://www.w3.org/2000/svg" 858 width="24" 859 height="24" 860 viewBox="0 0 24 24" 861 fill="none" 862 stroke="currentColor" 863 stroke-width="2" 864 stroke-linecap="round" 865 stroke-linejoin="round" 866 class="icon icon-tabler icons-tabler-outline icon-tabler-brand-instagram" 867> 868 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 869 <path d="M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4l0 -8" /> 870 <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /> 871 <path d="M16.5 7.5v.01" /> 872</svg> </a> 873 <a href="https://www.tiktok.com/@qlickcrm" target="_blank" rel="noopener" aria-label="TikTok" 874 class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition"> 875 <svg class="size-5" 876 xmlns="http://www.w3.org/2000/svg" 877 width="24" 878 height="24" 879 viewBox="0 0 24 24" 880 fill="none" 881 stroke="currentColor" 882 stroke-width="2" 883 stroke-linecap="round" 884 stroke-linejoin="round" 885 class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tiktok" 886> 887 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 888 <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917" /> 889</svg> </a> 890 <a href="https://www.youtube.com/@qlickcrm" target="_blank" rel="noopener" aria-label="YouTube" 891 class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition"> 892 <svg class="size-5" 893 xmlns="http://www.w3.org/2000/svg" 894 width="24" 895 height="24" 896 viewBox="0 0 24 24" 897 fill="none" 898 stroke="currentColor" 899 stroke-width="2" 900 stroke-linecap="round" 901 stroke-linejoin="round" 902 class="icon icon-tabler icons-tabler-outline icon-tabler-brand-youtube" 903> 904 <path stroke="none" d="M0 0h24v24H0z" fill="none" /> 905 <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8" /> 906 <path d="M10 9l5 3l-5 3l0 -6" /> 907</svg> </a> 908 </div> 909 </div> 910 </div> 911 912 913 <div class="mt-12 pt-8 border-t border-white/10 flex flex-col md:flex-row items-start md:items-center justify-between gap-4 text-body-s text-white/70"> 914 <p>© 2026 QlickCRM â Minden jog fenntartva</p> 915 <ul class="flex flex-wrap items-center gap-x-6 gap-y-2 list-none p-0 m-0"> 916 <li><a href="https://qlickcrm.hu/altalanos-szerzodesi-feltetelek" class="text-white/70 hover:text-accent-400 transition">ÃSZF</a></li> 917 <li><a href="https://qlickcrm.hu/impresszum" class="text-white/70 hover:text-accent-400 transition">Impresszum</a></li> 918 <li><a href="https://qlickcrm.hu/adatkezelesi-tajekoztato" class="text-white/70 hover:text-accent-400 transition">Adatkezelés</a></li> 919 <li><a href="https://qlickcrm.hu/suti-tajekoztato" class="text-white/70 hover:text-accent-400 transition">Süti tájékoztató</a></li> 920 <li> 921 <button type="button" 922 onclick="window.dispatchEvent(new CustomEvent('qlick:open-cookie-sett
922ings'))" 923 class="text-white/70 hover:text-accent-400 transition bg-transparent border-0 p-0 cursor-pointer"> 924 Süti beállÃtások 925 </button> 926 </li> 927 </ul> 928 </div> 929 </div> 930 </footer> 931 </div> 932 933 <link rel="stylesheet" href="https://qlickcrm.hu/css/aos.css"> 934
934<script src="/livewire/livewire.min.js?id=e949cd11" data-csrf="NcRlw0EXzDs6HX1ft8APniYatY8oZ8NRWqdKwlVr" data-update-uri="/livewire/update" data-navigate-once="true"></script>
934 935
935<script defer src="https://qlickcrm.hu/js/script.js"></script>
935 936
936<script defer src="https://qlickcrm.hu/js/form.js"></script>
936 937
937<script defer src="https://qlickcrm.hu/js/aos.js"></script>
937 938 939 940
940<script> 941 (function () { 942 function marketingConsent() { 943 try { 944 var cfg = window.qlickCookiesConfig || {}; 945 var raw = localStorage.getItem(cfg.storageKey || 'qlick_cookie_consent'); 946 if (!raw) return false; 947 var c = JSON.parse(raw); 948 if (!c || typeof c !== 'object') return false; 949 if (cfg.version != null && c.version !== cfg.version) return false; 950 if (typeof c.expiresAt === 'number' && Date.now() > c.expiresAt) return false; 951 return !!(c.categories && c.categories.marketing); 952 } catch (e) { return false; } 953 } 954 window.qlickMarketingConsent = marketingConsent; 955 956 function fbclidFromVisitor() { 957 try { 958 var json = window.getVisitorDataJson && window.getVisitorDataJson(); 959 if (!json) return ''; 960 var d = JSON.parse(json); 961 return (d && d.fbclid) ? d.fbclid : ''; 962 } catch (e) { return ''; } 963 } 964 965 function sync() { 966 var consent = marketingConsent(); 967 var fbclid = fbclidFromVisitor(); 968 969 // Sima POST / fetch űrlapok rejtett mezÅi 970 try { 971 document.querySelectorAll('input[name="marketing_consent"]').forEach(function (el) { 972 el.value = consent ? '1' : '0'; 973 }); 974 document.querySelectorAll('input[name="fbclid"]').forEach(function (el) { 975 if (!el.value) el.value = fbclid; 976 }); 977 } catch (e) {} 978 979 // Livewire demo form 980 try { 981 if (window.Livewire && typeof window.Livewire.find === 'function') { 982 document.querySelectorAll('.demo-request-form').forEach(function (form) { 983 var root = form.closest('[wire\\:id]'); 984 if (!root) return; 985 var cmp = window.Livewire.find(root.getAttribute('wire:id')); 986 if (cmp && typeof cmp.set === 'function') { 987 cmp.set('marketingConsent', consent, false); // false = deferred: a form-submit kéréssel szinkronizál, nincs külön hálózati kör 988 } 989 }); 990 } 991 } catch (e) {} 992 } 993 994 if (document.readyState === 'loading') { 995 document.addEventListener('DOMContentLoaded', sync); 996 } else { 997 sync(); 998 } 999 window.addEventListener('qlick:consent-change', sync); 1000 document.addEventListener('livewire:initialized', sync); 1001 document.addEventListener('livewire:navigated', sync); 1002 })(); 1003 </script>
1003 1004 1005 1006 1007 <div x-data="qlickCookieConsent()" 1008 x-cloak 1009 @qlick:open-cookie-settings.window="openSettings()" 1010 class="qlick-cookie-root"> 1011 1012 1013 <div x-show="barOpen" 1014 x-transition:enter="transition ease-out duration-300" 1015 x-transition:enter-start="opacity-0 translate-y-6" 1016 x-transition:enter-end="opacity-100 translate-y-0" 1017 x-transition:leave="transition ease-in duration-200" 1018 x-transition:leave-start="opacity-100 translate-y-0" 1019 x-transition:leave-end="opacity-0 translate-y-6" 1020 class="fixed inset-x-0 bottom-0 z-[60] p-3 sm:p-4" 1021 role="region" 1022 aria-label="Süti hozzájárulás"> 1023 <div class="mx-auto max-w-[1320px] bg-brand-950 text-white border border-white/10 shadow-elevated rounded-2xl p-5 md:p-6 1024 flex flex-col gap-4 md:flex-row md:items-center md:justify-between"> 1025 <p class="text-body text-white/85 flex-1 min-w-0 mb-0"> 1026 Weboldalunk sütiket használ a zavartalan működéshez, a látogatottság elemzéséhez 1027 és a személyre szabott tartalmakhoz. 1028 Részletek a 1029 <a href="https://qlickcrm.hu/suti-tajekoztato" class="text-accent-400 font-semibold hover:underline">süti tájékoztatóban</a>. 1030 </p> 1031 <div class="flex flex-col sm:flex-row gap-2.5 shrink-0"> 1032 <button 1033 type="button" 1034 class="ui-btn ui-btn-cta ui-btn-md" x-on:click="acceptAll()" 1035 > 1036 Elfogadás 1037 </button> 1038 <button 1039 type="button" 1040 class="ui-btn ui-btn-outline-white ui-btn-md" x-on:click="rejectAll()" 1041 > 1042 ElutasÃtás 1043 </button> 1044 <button 1045 type="button" 1046 class="ui-btn ui-btn-outline-white ui-btn-md" x-on:click="openSettings()" 1047 > 1048 BeállÃtások 1049 </button> 1050 </div> 1051 </div> 1052 </div> 1053 1054 1055 1056 <div x-show="open" 1057 x-transition:enter="transition ease-out duration-200" 1058 x-transition:enter-start="opacity-0" 1059 x-transition:enter-end="opacity-100" 1060 x-transition:leave="transition ease-in duration-150" 1061 x-transition:leave-start="opacity-100" 1062 x-transition:leave-end="opacity-0" 1063 class="fixed inset-0 bg-brand-950/90 backdrop-blur-md z-[60]" 1064 aria-hidden="true"></div> 1065 1066 1067 <div x-show="open" 1068 x-transition:enter="transition ease-out duration-200" 1069 x-transition:enter-start="opacity-0 scale-95" 1070 x-transition:enter-end="opacity-100 scale-100" 1071 x-transition:leave="transition ease-in duration-150" 1072 x-transition:leave-start="opacity-100 scale-100" 1073 x-transition:leave-end="opacity-0 scale-95" 1074 class="fixed inset-0 z-[60] flex items-center justify-center p-4" 1075 role="dialog" 1076 aria-modal="true" 1077 aria-labelledby="qlick-cookie-title" 1078 aria-describedby="qlick-cookie-desc"> 1079 <div class="relative w-full max-w-2xl bg-surface rounded-3xl shadow-elevated p-6 md:p-8 max-h-[90vh] overflow-y-auto"> 1080 <div> 1081 <h2 id="qlick-cookie-title" class="font-display font-bold text-h3 tracking-tight text-foreground mb-3"> 1082 Süti beállÃtások 1083 </h2> 1084 <p id="qlick-cookie-desc" class="text-body text-muted mb-5"> 1085 Kategóriánként szabályozhatod, milyen sütiket engedélyezel. A szükséges sütik az oldal működéséhez 1086 elengedhetetlenek, ezért nem kapcsolhatók ki. 1087 </p> 1088 1089 <div class="space-y-3 mb-6"> 1090 <div :class="'border-emerald-300 bg-emerald-50/30'" 1091 class="p-4 rounded-2xl border-2 transition-all"> 1092 <div class="flex items-start justify-between gap-4"> 1093 <div class="flex-1 min-w-0"> 1094 <h3 class="text-body font-semibold text-foreground">Szükséges</h3> 1095 <p class="text-body-s text-muted mt-1">Az oldal alapvetÅ működéséhez szükséges sütik (bejelentkezés, CSRF védelem, űrlap biztonság, alapszolgáltatások). Nem kapcsolható ki.</p> 1096 </div> 1097 <div class="shrink-0 pt-0.5"> 1098 <sp
1098an class="inline-flex items-center h-6 px-2.5 rounded-full text-xs font-medium bg-emerald-100 text-emerald-800"> 1099 Mindig aktÃv 1100 </span> 1101 </div> 1102 </div> 1103 </div> 1104 <div :class="categories['analytics'] ? 'border-accent-500 ring-2 ring-accent-500/20 bg-accent-50/30' : 'border-border bg-surface-muted/40'" 1105 class="p-4 rounded-2xl border-2 transition-all"> 1106 <div class="flex items-start justify-between gap-4"> 1107 <div class="flex-1 min-w-0"> 1108 <h3 class="text-body font-semibold text-foreground">Analitikai</h3> 1109 <p class="text-body-s text-muted mt-1">Anonimizált látogatottsági statisztika (Google Analytics) a tartalom és a felhasználói élmény fejlesztéséhez.</p> 1110 </div> 1111 <div class="shrink-0 pt-0.5"> 1112 <button type="button" 1113 role="switch" 1114 :aria-checked="categories['analytics'] ? 'true' : 'false'" 1115 @click="categories['analytics'] = !categories['analytics']" 1116 :class="categories['analytics'] ? 'bg-accent-500' : 'bg-slate-300'" 1117 class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/40 focus-visible:ring-offset-2" 1118 aria-label="Analitikai kategória kapcsoló"> 1119 <span :class="categories['analytics'] ? 'translate-x-6' : 'translate-x-1'" 1120 class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform shadow-sm"></span> 1121 </button> 1122 </div> 1123 </div> 1124 </div> 1125 <div :class="categories['marketing'] ? 'border-accent-500 ring-2 ring-accent-500/20 bg-accent-50/30' : 'border-border bg-surface-muted/40'" 1126 class="p-4 rounded-2xl border-2 transition-all"> 1127 <div class="flex items-start justify-between gap-4"> 1128 <div class="flex-1 min-w-0"> 1129 <h3 class="text-body font-semibold text-foreground">Marketing</h3> 1130 <p class="text-body-s text-muted mt-1">Személyre szabott hirdetések és remarketing (Google Ads, Meta Pixel) a releváns ajánlatokért.</p> 1131 </div> 1132 <div class="shrink-0 pt-0.5"> 1133 <button type="button" 1134 role="switch" 1135 :aria-checked="categories['marketing'] ? 'true' : 'false'" 1136 @click="categories['marketing'] = !categories['marketing']" 1137 :class="categories['marketing'] ? 'bg-accent-500' : 'bg-slate-300'" 1138 class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/40 focus-visible:ring-offset-2" 1139 aria-label="Marketing kategória kapcsoló">
1140 <span :class="categories['marketing'] ? 'translate-x-6' : 'translate-x-1'" 1141 class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform shadow-sm"></span> 1142 </button> 1143 </div> 1144 </div> 1145 </div> 1146 </div> 1147 1148 <div class="flex flex-col sm:flex-row gap-3 flex-wrap"> 1149 <button 1150 type="button" 1151 class="ui-btn ui-btn-cta ui-btn-md" x-on:click="acceptAll()" 1152 > 1153 Minden süti elfogadása 1154 </button> 1155 <button 1156 type="button" 1157 class="ui-btn ui-btn-outline ui-btn-md" x-on:click="rejectAll()" 1158 > 1159 Mindet elutasÃt 1160 </button> 1161 <button 1162 type="button" 1163 class="ui-btn ui-btn-outline ui-btn-md" x-on:click="saveSelected()" 1164 > 1165 Kiválasztottak mentése 1166 </button> 1167 </div> 1168 </div> 1169 </div> 1170 </div> 1171</div> 1172
1173<script> 1174(function () { 1175 'use strict'; 1176 1177 // Config a Blade-bÅl â nem változik runtime-ban 1178 window.qlickCookiesConfig = Object.freeze({ 1179 storageKey: "qlick_cookie_consent", 1180 version: 1, 1181 expiryDays: 180, 1182 fbPixelId: "1529652591172666", 1183 hotjarId: "6523808", 1184 hotjarEnabled: false, 1185 consentModeEnabled: true, 1186 }); 1187 1188 /** 1189 * LocalStorage consent olvasás â érvényes-e (verzió + lejárat)? 1190 */ 1191 function readConsent() { 1192 try { 1193 const raw = localStorage.getItem(window.qlickCookiesConfig.storageKey); 1194 if (!raw) return null; 1195 const c = JSON.parse(raw); 1196 if (!c || typeof c !== 'object') return null; 1197 if (c.version !== window.qlickCookiesConfig.version) return null; 1198 if (typeof c.expiresAt === 'number' && Date.now() > c.expiresAt) return null; 1199 return c; 1200 } catch (e) { 1201 return null; 1202 } 1203 } 1204 1205 function writeConsent(status, categories) { 1206 const now = Date.now(); 1207 const payload = { 1208 version: window.qlickCookiesConfig.version, 1209 timestamp: now, 1210 expiresAt: now + (window.qlickCookiesConfig.expiryDays * 24 * 60 * 60 * 1000), 1211 status: status, 1212 categories: Object.assign({ necessary: true, analytics: false, marketing: false }, categories || {}), 1213 }; 1214 try { 1215 localStorage.setItem(window.qlickCookiesConfig.storageKey, JSON.stringify(payload)); 1216 } catch (e) { /* quota / private mode â silent */ } 1217 applyConsent(payload); 1218 try { 1219 window.dispatchEvent(new CustomEvent('qlick:consent-change', { detail: payload })); 1220 } catch (e) {} 1221 return payload; 1222 } 1223 1224 // ==== Service injektorok (csak consent után) ==== 1225 let fbPixelInjected = false; 1226 let hotjarInjected = false; 1227 1228 function injectFacebookPixel() { 1229 if (fbPixelInjected) return; 1230 const id = window.qlickCookiesConfig.fbPixelId; 1231 if (!id) return; 1232 fbPixelInjected = true; 1233 try { 1234 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); 1235 window.fbq('init', id); 1236 window.fbq('track', 'PageView'); 1237 } catch (e) { console.warn('FB Pixel inject hiba:', e); } 1238 } 1239 1240 function injectHotjar() { 1241 if (hotjarInjected) return; 1242 if (!window.qlickCookiesConfig.hotjarEnabled) return; 1243 const id = window.qlickCookiesConfig.hotjarId; 1244 if (!id) return; 1245 hotjarInjected = true; 1246 try { 1247 (function(h,o,t,j,a,r){ 1248 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 1249 h._hjSettings={hjid: parseInt(id, 10), hjsv: 6}; 1250 a=o.getElementsByTagName('head')[0]; 1251 r=o.createElement('script');r.async=1; 1252 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 1253 a.appendChild(r); 1254 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 1255 } catch (e) { console.warn('Hotjar inject hiba:', e); } 1256 } 1257 1258 /** 1259 * Consent alkalmazása: GCM update + programmatic script inject. 1260 * Biztonsági back-stop: minden hÃvás try/catch-ben â a consent feldolgozás 1261 * hibája semmiképp nem törheti a további oldal-működést. 1262 */ 1263 function applyConsent(c) { 1264 try { 1265 const cat = c && c.categories ? c.categories : {}; 1266 1267 // Google Consent Mode v2 â explicit granted/denied mindkét irányban. 1268 // Ãgy a GCM akkor is megkapja a változást, ha a user késÅbbi visszavonáskor 1269 // kikapcsolja a korábban engedélyezett kategóriát. 1270 if (window.qlickCookiesConfig.consentModeEnabled && typeof window.gtag === 'function') { 1271 window.gtag('consent', 'update', { 1272 analytics_storage: cat.analytics ? 'granted' : 'denied', 1273 ad_storage: cat.marketing ? 'granted' : 'denied', 1274 ad_user_data: cat.marketing ? 'granted' : 'denied', 1275 ad_personalization: cat.marketing ? 'granted' : 'denied', 1276 }); 1277 } 1278 1279 // Marketing: Facebook Pixel + Hotjar programmatic load 1280 if (cat.marketing) { 1281 injectFacebookPixel(); 1282 injectHotjar(); 1283 } 1284 } catch (e) { 1285 // Soha ne blokkoljon â csak logoljunk 1286 try { console.warn('applyConsent hiba:', e); } catch (_) {} 1287 } 1288 } 1289 1290 // Belépési pont â Alpine komponens 1291 window.qlickCookieConsent = function () { 1292 return { 1293 barOpen: false, // vékony alsó sáv (elsÅ látogatás, nem blokkoló) 1294 open: false, // részletes beállÃtás modal (KIZÃRÃLAG user-kattintásra)
1295 categories: { necessary: true, analytics: false, marketing: false }, 1296 1297 init() { 1298 // ElsÅ renderkor: ha van érvényes consent, alkalmazzuk és nem jelenik meg semmi 1299 const existing = readConsent(); 1300 if (existing) { 1301 // A mentett kategóriákat betöltjük az Alpine state-be (késÅbbi újraszabályozáshoz) 1302 this.categories = Object.assign({ necessary: true, analytics: false, marketing: false }, existing.categories || {}); 1303 applyConsent(existing); 1304 return; 1305 } 1306 // ElsÅ látogatás: NEM teljes képernyÅs modal, hanem egy nem-blokkoló alsó sáv. 1307 // Nincs body scroll-lock â a tartalom és a görgetés végig elérhetÅ marad. 1308 this.$nextTick(() => { 1309 this.barOpen = true; 1310 }); 1311 }, 1312 1313 openSettings() { 1314 // Nyitás az alsó sáv âBeállÃtások" gombjáról / footer linkrÅl / cookie-policy oldalról. 1315 const existing = readConsent(); 1316 if (existing) { 1317 this.categories = Object.assign({ necessary: true, analytics: false, marketing: false }, existing.categories || {}); 1318 } 1319 // A részletes beállÃtás user-indÃtott modal â itt már indokolt a scroll-lock. 1320 this.open = true; 1321 document.body.classList.add('overflow-hidden'); 1322 }, 1323 1324 acceptAll() { 1325 this.categories = { necessary: true, analytics: true, marketing: true }; 1326 writeConsent('accepted', this.categories); 1327 this.close(); 1328 }, 1329 1330 rejectAll() { 1331 this.categories = { necessary: true, analytics: false, marketing: false }; 1332 writeConsent('rejected', this.categories); 1333 this.close(); 1334 }, 1335 1336 saveSelected() { 1337 this.categories.necessary = true; // mindig igaz 1338 writeConsent('customized', this.categories); 1339 this.close(); 1340 }, 1341 1342 close() { 1343 this.barOpen = false; 1344 this.open = false; 1345 document.body.classList.remove('overflow-hidden'); 1346 }, 1347 }; 1348 }; 1349})(); 1350</script>
1350 1351 1352 1353
1353<script defer async src='https://cdn.trustindex.io/loader-cert.js?4ff2d3355311612a75167a3af05'></script>
1353 1354</body> 1355</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.