1<!doctype html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <style> 8 @font-face { 9 font-family: ABC; 10 src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/abc/regular.woff2') format('woff2'); 11 font-display: swap; 12 font-weight: 400; 13 font-style: normal; 14 } 15 16 @font-face { 17 font-family: ABC; 18 src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/abc/medium.woff2') format('woff2'); 19 font-display: swap; 20 font-weight: 500; 21 font-style: normal; 22 } 23 24 @font-face { 25 font-family: ABC; 26 src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/abc/medium.woff2') format('woff2'); 27 font-display: swap; 28 font-weight: 700; 29 font-style: normal; 30 } 31 32 @font-face { 33 font-family: Fabrikat Mono; 34 src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/fabrikat-mono/medium.woff2') format('woff2'); 35 font-display: swap; 36 font-weight: 500; 37 font-style: normal; 38 } 39 40 </style> 41 42 <link rel="preload" href="https://web.cmp.usercentrics.eu/ui/loader.js" as="script"> 43 44 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 45<link rel="alternate" href="https://www.scayle.com/library/blog/" hreflang="en" /> 46<link rel="alternate" href="https://www.scayle.com/de/library/blog/" hreflang="de" /> 47 48 <!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https://yoast.com/product/yoast-seo-premium-wordpress/ --> 49 <title>Blog | SCAYLE Commerce Engine</title> 50 <meta name="description" content="Entdecken Sie den SCAYLE Blog â Aktuelle Insights, Trends und Best Practices rund um digitale Plattformen, E-Commerce-Lösungen und das Wachstum von Marken im digitalen Zeitalter." /> 51 <link rel="canonical" href="https://www.scayle.com/library/blog/" /> 52 <link rel="next" href="https://www.scayle.com/library/blog/page/2/" /> 53 <meta property="og:locale" content="en_US" /> 54 <meta property="og:locale:alternate" content="de_DE" /> 55 <meta property="og:type" content="article" /> 56 <meta property="og:title" content="Blog | SCAYLE" /> 57 <meta property="og:description" content="Entdecken Sie den SCAYLE Blog â Aktuelle Insights, Trends und Best Practices rund um digitale Plattformen, E-Commerce-Lösungen und das Wachstum von Marken im digitalen Zeitalter." /> 58 <meta property="og:url" content="https://www.scayle.com/library/blog/" /> 59 <meta property="og:site_name" content="SCAYLE Commerce Engine" /> 60 <meta property="og:image" content="https://cdn-production.scayle.com/content/uploads/2024/02/06160138/SCAYLE-Commerce-Engine.png" /> 61 <meta property="og:image:width" content="1200" /> 62 <meta property="og:image:height" content="675" /> 63 <meta property="og:image:type" content="image/png" /> 64 <meta name="twitter:card" content="summary_large_image" /> 65
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/www.scayle.com\/library\/blog\/","url":"https:\/\/www.scayle.com\/library\/blog\/","name":"Blog | SCAYLE Commerce Engine","isPartOf":{"@id":"https:\/\/www.scayle.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scayle.com\/library\/blog\/#primaryimage"},"image":{"@id":"https:\/\/www.scayle.com\/library\/blog\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2026\/09\/24090758\/1200x627-Blog-Header-BFCM-20.png","description":"Entdecken Sie den SCAYLE Blog â Aktuelle Insights, Trends und Best Practices rund um digitale Plattformen, E-Commerce-Lösungen und das Wachstum von Marken im digitalen Zeitalter.","breadcrumb":{"@id":"https:\/\/www.scayle.com\/library\/blog\/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scayle.com\/library\/blog\/#primaryimage","url":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2026\/09\/24090758\/1200x627-Blog-Header-BFCM-20.png","contentUrl":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2026\/09\/24090758\/1200x627-Blog-Header-BFCM-20.png","width":1200,"height":627},{"@type":"BreadcrumbList","@id":"https:\/\/www.scayle.com\/library\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scayle.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/www.scayle.com\/#website","url":"https:\/\/www.scayle.com\/","name":"SCAYLE Commerce Engine","description":"Your enterprise commerce with our engine","publisher":{"@id":"https:\/\/www.scayle.com\/#organization"},"alternateName":"SCAYLE Commerce Engine","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scayle.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.scayle.com\/#organization","name":"SCAYLE GmbH","alternateName":"SCAYLE","url":"https:\/\/www.scayle.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scayle.com\/#\/schema\/logo\/image\/","url":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2023\/11\/07232205\/logo-scayle.svg","contentUrl":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2023\/11\/07232205\/logo-scayle.svg","width":1,"height":1,"caption":"SCAYLE GmbH"},"image":{"@id":"https:\/\/www.scayle.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ScayleCommerceEngine\/","https:\/\/www.linkedin.com\/company\/scaylecommerce\/","https:\/\/www.instagram.com\/scayle_commerce\/"],"email":"[email protected]","legalName":"SCAYLE GmbH","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"201","maxValue":"500"}}]}</script>
65 66 <!-- / Yoast SEO Premium plugin. --> 67 68 69<style id="wp-img-auto-sizes-contain-inline-css"> 70img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 71/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 72</style> 73<link rel='stylesheet' id='frontend-style-css' href='https://www.scayle.com/content/themes/scayle/assets/css/frontend.css?ver=1790696086' media='all' /> 74 75 76 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 77 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 78 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 79 <link rel="manifest" href="/site.webmanifest"> 80 81 82 <!-- UserCentrics --> 83
83<script data-onload="" id="usercentrics-cmp" data-settings-id="EXzVIvN6mZYSWm" data-language="en" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-draft="false"></script>
83 84 <!-- End Usercentrics --> 85 86 <!-- Google Tag Manager --> 87
87<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-KJ5PPT3W"></script>
87 88
88<script>
vendor: 408 bytes, lines 88-93
88 89 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 90 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 91 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 92 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 93 })(window,document,'script','dataLayer','
93GTM-KJ5PPT3W
vendor: 16 bytes, lines 93-94
93'); 94
94</script>
94 95 <!-- End Google Tag Manager --> 96 </head> 97<body class="bg-white text-gray-900 text-fluid-base leading-loose"> 98 <!-- Google Tag Manager (noscript) -->
vendor: 97 bytes, lines 98-100
98 99 <noscript> 100 <iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-KJ5PPT3W
vendor: 104 bytes, lines 100-102
100" height="0" width="0" style="display:none;visibility:hidden"></iframe> 101 </noscript> 102
102<!-- End Google Tag Manager (noscript) --> 103 104 <a class="sr-only focus:not-sr-only" href="#main"> 105 Skip to main content 106 </a> 107 108 <header class="bg-black sticky top-0 z-50"> 109 <div x-data class="bg-gray-900 border-b border-gray-800"> 110 <div x-topbar class="overflow-hidden relative flex justify-center md:container py-2"> 111 <div class="relative z-10 flex whitespace-nowrap min-w-full md:min-w-0 animate-[marquee_12s_linear_infinite] md:animate-none hover:pause"> 112 113 114 115 <a class="text-white/50 hover:text-white/40 text-xs transition-color before:content-['_â'] before:text-lg before:tracking-[3px] before:leading-[0] before:!text-[125%] before:text-brand-green transition-colors" href="https://www.scayle.com/ai-fashion-sense/" target=""> 116 Generic AI needs fashion context. See how SCAYLE gives AI the context, connections, and control to power smarter fashion commerce. 117 </a> 118 119 </div> 120 <button class="bg-gradient-to-l via-gray-900 via-70% from-gray-900 absolute top-0 right-0 md:right-4 z-20 flex items-center h-full px-4 text-white/50 hover:text-white transition-colors" aria-label="Close"> 121 <svg class="fill-current" height="10" viewBox="0 0 10 10" width="10" xmlns="http://www.w3.org/2000/svg"><path d="m1407.0984 21 .9016.9016016-4.099 4.0983984 4.099 4.0983984-.9016.9016016-4.0984-4.099-4.0984 4.099-.9016-.9016016 4.098-4.0983984-4.098-4.0983984.9016-.9016016 4.0984 4.098z" transform="translate(-1398 -21)"></path></svg> 122 </button> 123 </div> 124 </div> 125 <div class="px-8 xl:container flex xl:items-center justify-between" x-data="{ open: false, overlay: false, transparentText: false }" x-navbar> 126 <div class="flex items-center"> 127 <div class="my-4 mr-6 xl:mr-10"> 128 129 <a href="https://www.scayle.com/" aria-label="SCAYLE Commerce Engine Logo"> 130 <svg class="w-[108px] h-[28px] xl:w-[124px] xl:h-[32px]" aria-hidden="true" height="28" viewBox="0 0 108 28" width="108" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m17.2438805 23.5c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3481544-.3232394-.7207868-.5406993-1.2179942-.5406993-.8331228 0-1.4356726.6836328-1.4356726 1.5412336 0 .8578193.6025498 1.5539096 1.4356726 1.5539096.5345799 0 .8761778-.2174599 1.2490287-.5656143l.4910879.4972073c-.4534968.4722924-.9507042.7708354-1.7652501.7708354-1.2676056 0-2.2126275-.9882953-2.2126275-2.2438805 0-1.2429092.9264449-2.2561195 2.2438805-2.2561195zm32.2656338 0c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3479359-.3232394-.7207868-.5406993-1.2182127-.5406993-.8326858 0-1.4356727.6836328-1.4356727 1.5412336 0 .8578193.6029869 1.5539096 1.4356727 1.5539096.5345799 0 .8763963-.2174599 1.2492472-.5656143l.4910879.4972073c-.4537154.4722924-.9509228.7708354-1.7650316.7708354-1.2680427 0-2.2126274-.9882953-2.2126274-2.2438805 0-1.2429092.9260077-2.2561195 2.2436619-2.2561195zm22.2332346 0c.7583779 0 1.2243322.2113405 1.6719281.5905294l-.4847499.5780719c-.3356969-.285867-.6650558-.4661729-1.2182127-.4661729-.8018698 0-1.4107576.6960903-1.4107576 1.5412336 0 .9013113.5903108 1.5600291 1.4791646 1.5600291.4102234 0 .7830743-.1304759 1.0503643-.3293589v-.8141088h-1.1124332v-.6650558h1.8520155v1.827319c-.4288004.3667315-1.0442448.6775134-1.8148616.6775134-1.3611462 0-2.2561195-.9697183-2.2561195-2.2438805 0-1.2243322.9323458-2.2561195 2.243662-2.2561195zm-49.5018358.0000874c1.3364497 0 2.2687955 1.0129918 2.2687955 2.243662s-.9448033 2.2561195-2.2810345 2.2561195c-1.3364497 0-2.268577-1.0129918-2.268577-2.243662s.9445848-2.2561195 2.280816-2.2561195zm42.7349198.0745483 2.330646 3.0081593v-3.0081593h.7520398v4.3507286h-.6401408l-2.399053-3.0951433v3.0951433h-.7520398v-4.3507286zm-38.2114691-.0000437 1.3237736 2.0572366 1.3239923-2.0572366h.8141088v4.3507285h-.7644974v-3.1200582l-1.3736037 2.051117h-.024915l-1.3609276-2.0386595v3.1076007h-.7522584v-4.3507285zm17.6860927.0001093c1.0005343 0 1.6159787.5282419 1.6159787 1.3797232 0 .7210053-.4288004 1.1561437-1.0379068 1.3237737l1.1745022
1301.6472316h-.9010928l-1.0691598-1.5165371h-.9570422v1.5165371h-.7644973v-4.3507285zm11.2739534-.0000437v.6836328h-2.4611219v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4921564v.6836328h-3.2566537v-4.3507285zm30.473458 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-7.9604323-.0000219 2.3308645 3.0081593v-3.0081593h.7520399v4.3507286h-.6401409l-2.3992715-3.0951433v3.0951433h-.7518212v-4.3507286zm-2.3676032-.0000437v4.3507285h-.7644973v-4.3507285zm-43.1775109 0 1.3237737 2.0572366 1.3237737-2.0572366h.8143273v4.3507285h-.7644973v-3.1200582l-1.3736037 2.051117h-.024915l-1.3611462-2.0386595v3.1076007h-.7520398v-4.3507285zm30.0954056.0000656v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4923749v.6836328h-3.2568722v-4.3507285zm-21.7559811 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-18.8030719.6276396c-.8639388 0-1.4669257.6899709-1.4669257 1.5414522s.6154444 1.5539097 1.4791647 1.5539097c.8639388 0 1.4669257-.6899709 1.4669257-1.5414522s-.6154444-1.5539097-1.4791647-1.5539097zm22.1594949.0684944h-1.1124332v1.4605877h1.1187712c.5468189 0 .8949733-.2858669.8949733-.7334628 0-.4786304-.3356969-.7271249-.9013113-.7271249z" fill="#14ffa8"></path><path d="m25.6915093.25531387c2.0869237 0 3.9868892.79500416 5.4109917 2.08843574l-2.0512256 2.19258476c-.8604056-.93304293-2.0480709-1.5192531-3.3597661-1.5192531-2.6961147 0-4.7558082 2.35079206-4.7558082 5.12842978 0 2.77763775 2.0596935 5.12842975 4.7558082 5.12842975 1.3591819 0 2.5850358-.6293576 3.4517508-1.6215836l2.0917387 2.1360467c-1.4375515 1.3660053-3.3911471 2.2115961-5.5434895 2.2115961-4.6010614 0-7.9970236-3.5610698-7.9970236-7.87234306 0-4.31127331 3.3959622-7.87234307 7.9970236-7.87234307zm-19.66783975-.00001653c2.64514125 0 4.66913675 1.29376222 5.75020605 3.39145565l-2.56378299 1.37790801c-.57830814-1.
13011770079-1.57386818-2.13323635-3.18642306-2.13323635-1.33394419 0-2.31522501.77285182-2.31522501 1.62902286 0 2.81268469 8.59193546 1.60174574 8.59193546 6.96343629 0 2.8037576-2.54784332 4.5160997-5.97502056 4.5160997-3.16483821 0-5.50696127-1.6048868-6.32535944-3.7025802l2.66606196-1.4329582c.5861119 1.3714607 1.97335408 2.5020561 3.75128218 2.5020561 1.90909762 0 2.7088996-.938829 2.7088996-1.7736743 0-2.68291167-8.59210154-1.532313-8.59210154-6.85465835 0-2.78358909 2.48059823-4.48287121 5.48952735-4.48287121zm71.56939315.44145958v12.10277688h6.7203623v2.7591223h-9.8861967v-14.86189918zm22.1908274.00001653v2.73184521h-7.2061877v3.22084964h6.6074569v2.68952435h-6.6074569v3.48783485h7.3790326v2.7316799h-10.5161426v-14.86173395zm6.0410209-.69677345c1.20128 0 2.175089.95056641 2.175089 2.12315208 0 1.17258566-.973809 2.12331739-2.175089 2.12331739-1.201281 0-2.17509-.95073173-2.17509-2.12331739 0-1.17258567.973809-2.12315208 2.17509-2.12315208zm0 .62224904c-.816074 0-1.477733.67200913-1.477733 1.50090304 0 .82905923.661659 1.50090304 1.477733 1.50090304.816239 0 1.477732-.67184381 1.477732-1.50090304 0-.28764966-.079698-.55645331-.217841-.7847
1305457l-.654353.65167527-.471712-.46966247.663817-.66093296c-.230128-.15010683-.503757-.23722831-.797643-.23722831z" fill="#fff" class="dark-reader-white"></path><path d="m45.2641931.6969057 7.1739764 14.8618992h-3.6656069l-1.2011143-2.6088502h-2.87062v-2.689359h1.6326454l-2.6454733-5.7463806-2.6453073 5.7463806h1.6324794v2.689359h-2.87062l-1.2009483 2.6088502h-3.4997355l7.1739764-14.8618992zm12.8381751-.00018185 3.6543163 7.93780816 3.6543164-7.93780816h3.5261355l-5.5496329 11.49656345v3.3653358h-3.4276753v-3.3653358l-5.5496329-11.49656345z" fill="#14ffa8"></path></g></svg> 131 132 </a> 133 </div> 134 135 <div class="flex items-center"> 136 <nav id="nav-primary" :class="open ? '!opacity-100 !translate-y-0 !pointer-events-auto' : ''" class="fixed xl:static inset-x-0 bottom-0 top-24 z-40 bg-gray-100 xl:bg-transparent overflow-x-auto xl:overflow-visible translate-y-1/3 xl:translate-y-0 opacity-0 xl:opacity-100 pointer-events-none xl:pointer-events-auto transition-[transform,opacity]" aria-label="Main navigation"> 137 138 <ul class="flex flex-col xl:flex-row xl:items-center"> 139 140 141 <li 142 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 143 x-data="{showSubnav: false}" 144 @mouseover="overlay = true; transparentText = true" 145 @mouseout="overlay = false; transparentText = false" 146 > 147 <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target=""> 148 Platform 149 150 <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 151 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 152 </svg> 153 </a> 154 <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true"> 155 Platform 156 </span> 157 158 159 <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation"> 160 <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg> 161 </button> 162 163 <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto"> 164 <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]"> 165 <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12"> 166 <div class="xl:mb-12"> 167 <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
168 <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_â'] before:tracking-wide mb-4 font-normal"></span> 169 Next-Level eCommerce Platform 170 </p> 171 172 <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]"> 173 Stay flexible and tailor your experience with just one platform. Innovative. Reliable. Seamless. Accelerate your digital growth by realizing complex use cases. 174 </p> 175 </div> 176 177 <p class="text-brand-green"> 178 <a class="btn btn-link" href="" > 179 <span class="sr-only"> 180 Next-Level eCommerce Platform 181 </span> 182 </a> 183 </p> 184 </div> 185 <div class="xl:pt-12 xl:pb-10"> 186 187 <ul class=""> 188 189 <li class="py-1 "> 190 191 192 193 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/why-scayle/" target=""> 194 Why Us 195 </a> 196 197 </li> 198 199 <li class="py-1 "> 200 201 202 203 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/digital-commerce/" target=""> 204 Digital Commerce 205 </a> 206 207 </li> 208 209 <li class="py-1 "> 210 211 212 213 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/checkout/" target=""> 214 Checkout 215 </a> 216 217 </li> 218 219 <li class="py-1 "> 220 221 222 223 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/pim/" target=""> 224 Product Management (PIM) 225 </a> 226 227 </li> 228 229 <li class="py-1 "> 230 231 232 233 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/distributed-order-management" target=""> 234 Order Management (DOM) 235 </a> 236 237 </li> 238 239 <li class="py-1 "> 240 241 242 243 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/digital-storefront/" target=""> 244 Digital Storefront 245 </a> 246 247 </li> 248 </ul> 249 </div> 250 <div class="xl:pt-12 xl:pb-10"> 251 252 <ul class=""> 253 254 <li class="py-1 "> 255 256 257 258 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-promotions/" target=""> 259 Promotions 260 </a> 261 262 </li> 263 264 <li class="py-1 "> 265 266 267 268 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-omnichannel/" target=""> 269 Omnichannel & POS 270 </a> 271 272 </li> 273 274 <li class="py-1 "> 275 276 277 278 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-search/" target=""> 279 Search 280 </a> 281 282 </li> 283 284 <li class="py-1 "> 285 286 287 288 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-analytics/" target=""> 289 Analytics 290 </a> 291 292 </li> 293 294 <li class="py-1 "> 295 296 297 298 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-payments/" target=""> 299 Payments 300 </a> 301 302 </li> 303 304 <li class="py-1 "> 305 306 307 308 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-subscriptions/" target=""> 309 Subscriptions 310 </a> 311 312 </li> 313 </ul> 314 </div> 315 <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14"> 316 <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden"> 317 318 <div class="h-[100px] xl:h-[120px]"> 319 <img src="https://cdn-production.scayle.com/content/uploads/2025/11/06110824/SCAYLE-Gartner-1-520x336.png" alt="" class="w-full h-full object-cover"> 320 </div> 321 <div class="p-5"> 322 <h4 class="h6 mb-3"> 323 SCAYLE Recognized as a Challenger in the 2025 Gartner® Magic Quadrant⢠for Digital Commerce 324 </h4> 325 <div class="text-[0.75rem] leading-tight text-gray-600 mb-6"> 326 SCAYLE was named a Challenger in the enterprise market after consecutive years of growth. Download the report to learn how we are placed. 327 </div> 328 <a href="https://www.scayle.com/library/analyst-reports/gartner-magic-quadrant/" class="btn btn-xs stretched-link"> Get your copy</a> 329 </div> 330 </div> 331 </div> 332 </div> 333 </div> 334 </li> 335 336 337 <li 338 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 339 x-data="{showSubnav: false}"
340 @mouseover="overlay = true; transparentText = true" 341 @mouseout="overlay = false; transparentText = false" 342 > 343 <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target=""> 344 Solutions 345 346 <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 347 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 348 </svg> 349 </a> 350 <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true"> 351 Solutions 352 </span> 353 354 355 <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation"> 356 <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg> 357 </button> 358 359 <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto"> 360 <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]"> 361 <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12"> 362 <div class="xl:mb-12"> 363 <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6"> 364 <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_â'] before:tracking-wide mb-4 font-normal"></span> 365 eCommerce. Your Way. 366 </p> 367 368 <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]"> 369 Turn possibilities into results with our flexibly adjusted use cases that are based on practical retail experience of successful growth scenarios. 370 </p> 371 </div> 372 373 <p class="text-brand-green"> 374 <a class="btn btn-link" href="" > 375 <sp
375an class="sr-only"> 376 eCommerce. Your Way. 377 </span> 378 </a> 379 </p> 380 </div> 381 <div class="xl:pt-12 xl:pb-10"> 382 <p class="font-medium list-heading"> 383 384 385 386 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 387 Use Cases 388 </span> 389 390 </p> 391 392 <ul class="mt-2"> 393 394 <li class="py-1 "> 395 396 397 398 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/studios/" target=""> 399 SCAYLE STUDIOS 400 </a> 401 402 </li> 403 404 <li class="py-1 "> 405 406 407 408 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/b2c-commerce/" target=""> 409 B2C Commerce 410 </a> 411 412 </li> 413 414 <li class="py-1 "> 415 416 417 418 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/internationalization/" target=""> 419 Internationalization 420 </a> 421 422 </li> 423 424 <li class="py-1 "> 425 426 427 428 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/omnichannel-retail/" target=""> 429 Omnichannel 430 </a> 431 432 </li> 433 434 <li class="py-1 "> 435 436 437 438 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/marketplaces/" target=""> 439 Marketplaces 440 </a> 441 442 </li> 443 444 <li class="py-1 "> 445 446 447 448 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/ecommerce-tco/" target=""> 449 Cost of Ownership 450 </a> 451 452 </li> 453 454 <li class="py-1 "> 455 456 457 458 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/easy-ecommerce-migrations/" target=""> 459 Platform Migrations 460 </a> 461 462 </li> 463 </ul> 464 </div> 465 <div class="xl:pt-12 xl:pb-10"> 466 <p class="font-medium list-heading"> 467 468 469
470 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 471 Industries 472 </span> 473 474 </p> 475 476 <ul class="mt-2"> 477 478 <li class="py-1 "> 479 480 481 482 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/fashion-apparel/" target=""> 483 Fashion & Apparel 484 </a> 485 486 </li> 487 488 <li class="py-1 "> 489 490 491 492 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/retail/" target=""> 493 Retail 494 </a> 495 496 </li> 497 498 <li class="py-1 "> 499 500 501 502 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/home-living/" target=""> 503 Home & Living 504 </a> 505 506 </li> 507 508 <li class="py-1 "> 509 510 511 512 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/sports-lifestyle/" target=""> 513 Sports & Lifestyle 514 </a> 515 516 </li> 517 </ul> 518 </div> 519 <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14"> 520 <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden"> 521 522 <div class="h-[100px] xl:h-[120px]"> 523 <img src="https://cdn-production.scayle.com/content/uploads/2026/07/20071138/SCAYLE_STUDIOS_Featured_image.png" alt="" class="w-full h-full object-cover"> 524 </div> 525 <div class="p-5"> 526 <h4 class="h6 mb-3"> 527 SCAYLE STUDIOS: The AI Content Engine 528 </h4> 529 <div class="text-[0.75rem] leading-tight text-gray-600 mb-6"> 530 Step into the new era of content creation and discover how SCAYLE STUDIOS boosts conversion by up to 6% â or try it out yourself. 531 </div> 532 <a href="https://www.scayle.com/studios/" class="btn btn-xs stretched-link"> Learn more</a> 533 </div> 534 </div> 535 </div> 536 </div> 537 </div> 538 </li> 539 540 541 <li 542 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 543 x-data="{showSubnav: false}" 544 @mouseover=" transparentText = true" 545 @mouseout=" transparentText = false" 546 > 547 <a 548 href="https://www.scayle.com/customers/" 549 target="" 550 class="block text-fluid-xl xl:text-[0.875rem] text-black xl:text-white py-6 px-8 xl:py-4 xl:px-2.5 2xl:px-4 xl:mb-px xl
550:leading-none whitespace-nowrap hover:!text-brand-green cursor-pointer transition-colors duration-300" 551 :class="{ 'xl:!text-white/50': transparentText }" 552 @click="showSubnav = !showSubnav" 553 aria-hidden="true" 554 > 555 Customers 556 </a> 557 558 559 </li> 560 561 562 <li 563 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 564 x-data="{showSubnav: false}" 565 @mouseover="overlay = true; transparentText = true" 566 @mouseout="overlay = false; transparentText = false" 567 > 568 <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target=""> 569 Resources 570 571 <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 572 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 573 </svg> 574 </a> 575 <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true"> 576 Resources 577 </span> 578 579 580 <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation"> 581 <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg> 582 </button> 583 584 <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto"> 585 <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]"> 586 <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12"> 587 <div class="xl:mb-12"> 588 <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6"> 589 <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_â'] before:tracking-wide mb-4 font-normal"></span> 590 Developer and User Center 591 </p> 592 593 <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]"> 594 Take a deep dive into SCAYLE's backend. Explore our selection of developer and user guides to help you get the most out of our platform. 595 </p> 596 </div> 597 598 <p class="text-brand-green"> 599 <a class="btn btn-link" href="https://new.scayle.dev/en/" target="_blank"> 600 Resource Center 601 </a> 602 </p> 603 </div> 604 <div class="xl:pt-12 xl:pb-10"> 605 <p class="font-medium list-heading"> 606 607 608
609 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 610 Documentation 611 </span> 612 613 </p> 614 615 <ul class="mt-2"> 616 617 <li class="py-1 target-blank-indicator"> 618 619 620 621 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://scayle.dev/" target="_blank"> 622 SCAYLE Documentation 623 </a> 624 625 </li> 626 627 <li class="py-1 target-blank-indicator"> 628 629 630 631 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://academy.scayle.dev/" target="_blank"> 632 SCAYLE Academy 633 </a> 634 635 </li> 636 637 <li class="py-1 "> 638 639 640 641 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/enterprise-evolutions/chapter-2/" target=""> 642 Enterprise Evolutions 643 </a> 644 645 </li> 646 </ul> 647 </div> 648 <div class="xl:pt-12 xl:pb-10"> 649 <p class="font-medium list-heading"> 650 651 652 653 <a class="block text-fluid-sm hover:text-brand-green whitespace-nowrap px-3 xl:px-4 py-2 transition-colors" href="https://www.scayle.com/library/" target=""> 654 Insights 655 </a> 656 657 </p> 658 659 <ul class="mt-2"> 660 661 <li class="py-1 "> 662 663 664 665 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/analyst-reports/" target=""> 666 Analyst Reports 667 </a> 668 669 </li> 670 671 <li class="py-1 "> 672 673 674 675 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/blog/" target=""> 676 Blog 677 </a> 678 679 </li> 680 681 <li class="py-1 "> 682 683 684 685 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/demos/" target=""> 686 Demos 687 </a> 688 689 </li> 690 691 <li class="py-1 "> 692 693 694 695 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/guides/" target=""> 696 Guides 697 </a> 698 699 </li> 700 701 <li class="py-1 "> 702 703 704 705 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/masterclass/" target=""> 706 Masterclasses 707 </a> 708 709 </li> 710 711 <li class="py-1 "> 712 713 714 715 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/videos/" target=""> 716 On-Demand Webinars 717 </a> 718 719 </li> 720 </ul> 721 </div> 722 <div class="xl:pt-12 xl:pb-10"> 723 <p class="font-medium list-heading"> 724 725 726
727 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 728 Community 729 </span> 730 731 </p> 732 733 <ul class="mt-2"> 734 735 <li class="py-1 "> 736 737 738 739 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/partner/" target=""> 740 Partners 741 </a> 742 743 </li> 744 745 <li class="py-1 "> 746 747 748 749 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/events/" target=""> 750 Events 751 </a> 752 753 </li> 754 </ul> 755 </div> 756 </div> 757 </div> 758 </li> 759 760 761 <li 762 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 763 x-data="{showSubnav: false}" 764 @mouseover="overlay = true; transparentText = true" 765 @mouseout="overlay = false; transparentText = false" 766 > 767 <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target=""> 768 Company 769 770 <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 771 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 772 </svg> 773 </a> 774 <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true"> 775 Company 776 </span> 777 778 779 <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation"> 780 <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg> 781 </button> 782 783 <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto"> 784 <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]"> 785 <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12"> 786 <div class="xl:mb-12"> 787 <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
788 <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_â'] before:tracking-wide mb-4 font-normal"></span> 789 Company 790 </p> 791 792 <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]"> 793 SCAYLE is the enterprise commerce platform of choice for B2C brands and retailers that want to create meaningful experiences. Grow your D2C business with intuitive, built-in features and a flexibly extensible architecture. 794 </p> 795 </div> 796 797 <p class="text-brand-green"> 798 <a class="btn btn-link" href="https://www.scayle.com/company/about-us/" target=""> 799 About Us 800 </a> 801 </p> 802 </div> 803 <div class="xl:pt-12 xl:pb-10"> 804 <p class="font-medium list-heading"> 805 806 807 808 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 809 About SCAYLE 810 </span> 811 812 </p> 813 814 <ul class="mt-2"> 815 816 <li class="py-1 "> 817 818 819 820 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/about-us/" target=""> 821 About Us 822 </a> 823 824 </li> 825 826 <li class="py-1 "> 827 828 829 830 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/career/" target=""> 831 Careers 832 </a> 833 834 </li> 835 </ul> 836 </div> 837 <div class="xl:pt-12 xl:pb-10"> 838 <p class="font-medium list-heading"> 839 840 841 842 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 843 Media 844 </span> 845 846 </p> 847 848 <ul class="mt-2"> 849 850 <li class="py-1 "> 851 852 853 854 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/newsroom/" target=""> 855 Newsroom 856 </a> 857 858 </li> 859 860 <li class="py-1 target-blank-indicator"> 861 862 863 864 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://ir.aboutyou.de/English/investor-relations/investor-events/default.aspx" target="_blank"> 865 SCAYLE Capital Markets Day 866 </a> 867 868 </li> 869 </ul> 870 </div> 871 <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14"> 872 <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden"> 873 874 <div class="h-[100px] xl:h-[120px]"> 875 <img src="https://cdn-production.scayle.com/content/uploads/2025/01/22142820/Careers-Navigation-Thumbnail-v2.webp" alt="" class="w-full h-full object-cover"> 876 </div> 877 <div class="p-5"> 878 <h4 class="h6 mb-3"> 879 Become a part of SCAYLE! 880 </h4> 881 <div class="text-[0.75rem] leading-tight text-gray-600 mb-6"> 882 Unleash your potential, quickly implement innovative ideas, and grow with us. Reshape the future of eCommerce with SCAYLE. 883 </div> 884 <a href="https://www.scayle.com/company/career/" class="btn btn-xs stretched-link"> Get the details</a> 885 </div> 886 </div> 887 </div> 888 </div> 889 </div> 890 </li> 891 892 893 <li 894 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 895 x-data="{showSubnav: false}"
896 @mouseover="overlay = true; transparentText = true" 897 @mouseout="overlay = false; transparentText = false" 898 > 899 <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="https://www.scayle.com/apparel-retail-ai/" target=""> 900 Retail AI 901 902 <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 903 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 904 </svg> 905 </a> 906 <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true"> 907 Retail AI 908 </span> 909 910 911 <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation"> 912 <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg> 913 </button> 914 915 <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto"> 916 <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]"> 917 <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12"> 918 <div class="xl:mb-12"> 919 <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6"> 920 <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_â'] before:tracking-wide mb-4 font-normal"></span> 921 How SCAYLE Turns AI Into Retail Results 922 </p> 923 924 <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]"> 925 AI is reshaping how products are discovered, experienced, and sold. Explore how SCAYLE transforms AI from disconnected experiments into measurable business outcomes across the entire commerce journey. 926 </p> 927 </div> 928 929 <p class="text-brand-green"> 930 <a class="btn btn-link" href="https://www.scayle.com/apparel-retail-ai" target=""> 931 Learn more 932 </a> 933 </p> 934 </div> 935 <div class="xl:pt-12 xl:pb-10"> 936 <p class="font-medium list-heading"> 937 938 939
940 <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2"> 941 Innovation Hub 942 </span> 943 944 </p> 945 946 <ul class="mt-2"> 947 948 <li class="py-1 "> 949 950 951 952 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/apparel-retail-ai/discoverability/" target=""> 953 AI for Discoverability 954 </a> 955 956 </li> 957 958 <li class="py-1 "> 959 960 961 962 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/apparel-retail-ai/differentiation/" target=""> 963 AI for Differentiation 964 </a> 965 966 </li> 967 968 <li class="py-1 "> 969 970 971 972 <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/apparel-retail-ai/efficiency/" target=""> 973 AI for Efficiency 974 </a> 975 976 </li> 977 </ul> 978 </div> 979 <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14"> 980 <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden"> 981 982 <div class="h-[100px] xl:h-[120px]"> 983 <img src="https://cdn-production.scayle.com/content/uploads/2026/06/11120634/SCAYLE_AI_Header-1-520x300.png" alt="" class="w-full h-full object-cover"> 984 </div> 985 <div class="p-5"> 986 <h4 class="h6 mb-3"> 987 AI Delivering Results for Retail 988 </h4> 989 <div class="text-[0.75rem] leading-tight text-gray-600 mb-6"> 990 Discover how SCAYLE helps retailers drive growth through AI-powered discoverability, differentiation, and efficiency. 991 </div> 992 <a href="https://www.scayle.com/apparel-retail-ai/" class="btn btn-xs stretched-link"> Explore now</a> 993 </div> 994 </div> 995 </div> 996 </div> 997 </div> 998 </li> 999 1000 1001 <li 1002 class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green " 1003 x-data="{showSubnav: false}" 1004 @mouseover=" transparentText = true" 1005 @mouseout=" transparentText = false" 1006 > 1007 <a 1008 href="https://www.scayle.com/studios/" 1009 target="" 1010 class="block text-fluid-xl xl:text-[0.875rem] text-black xl:text-brand-green-light xl:hover:text-brand-green-light/60 py-6 px-8 xl:py-4 xl:px-2.5 2xl:px-4 xl:mb-px xl
1010:leading-none whitespace-nowrap hover:!text-brand-green cursor-pointer transition-colors duration-300" 1011 :class="{ 'xl:!text-white/50': transparentText }" 1012 @click="showSubnav = !showSubnav" 1013 aria-hidden="true" 1014 > 1015 SCAYLE STUDIOS 1016 </a> 1017 1018 1019 </li> 1020 </ul> 1021 1022 <div class="flex items-center justify-center xl:hidden py-6 border-t border-gray-300 bg-gray-200 [&_button]:!text-fluid-base"> 1023 <div x-data="{ 1024 open: false, 1025 toggle() { 1026 if (this.open) { 1027 return this.close() 1028 } 1029 1030 this.$refs.button.focus() 1031 1032 this.open = true 1033 }, 1034 close(focusAfter) { 1035 if (! this.open) { 1036 return 1037 } 1038 1039 this.open = false 1040 1041 focusAfter && focusAfter.focus() 1042 } 1043 }" 1044 @keydown.escape.prevent.stop="close($refs.button)" 1045 @focusin.window="! $refs.panel.contains($event.target) && close()" 1046 x-id="['dropdown-button']" 1047 class="relative" 1048 > 1049 1050 <button 1051 x-ref="button" 1052 @click="toggle()" 1053 :aria-expanded="open" 1054 :aria-controls="$id('dropdown-button')" 1055 type="button" 1056 class="flex items-center gap-2 xl:text-white xl:text-[0.875rem] transition-colors group" 1057 > 1058 EN 1059 <svg class="mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1060 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 1061 </svg> 1062 </button> 1063 1064 <div x-ref="panel" 1065 x-show="open" 1066 x-transition.origin.top.left 1067 @click.outside="close($refs.button)" 1068 :id="$id('dropdown-button')" 1069 style="display: none;" 1070 class="absolute right-0 bottom-[calc(100%+1.5rem)] mt-2 w-40 rounded-md bg-white border-gray-200 py-6 lg:py-8 [&>a.active]:bg-gray shadow-[0_4px_8px_rgb(61_64_67_/_2%),0_100px_30px_rgb(61_64_67_/_3%),0_20px_50px_rgb(61_64_67_/_9%)]"> 1071 <a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 bg-gray-200" href="https://www.scayle.com/library/blog/">EN â English</a></li><a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 " href="https://www.scayle.com/de/library/blog/">DE â Deutsch</a></li> </div> 1072 </div> 1073 1074 </div> 1075 </nav> 1076 <div :class="{ 'opacity-50': overlay }" class="hidden xl:block fixed inset-0 bg-black opacity-0 pointer-events-none z-10 transition-opacity"></div> 1077 </div> 1078 </div> 1079 <div class="flex gap-4 "> 1080 <div class="flex gap-4 items-center py-4"> 1081 <div class="ml-2 hidden xl:block"> 1082 <div x-data="{ 1083 open: false, 1084 toggle() { 1085 if (this.open) { 1086 return this.close() 1087 } 1088 1089 this.$refs.button.focus() 1090 1091 this.open = true 1092 }, 1093 close(focusAfter) { 1094 if (! this.open) { 1095 return 1096 } 1097 1098 this.open = false 1099 1100 focusAfter && focusAfter.focus() 1101 } 1102 }" 1103 @keydown.escape.prevent.stop="close($refs.button)" 1104 @focusin.window="! $refs.panel.contains($event.target) && close()" 1105 x-id="['dropdown-button']" 1106 class="relative" 1107 > 1108 1109 <button 1110 x-ref="button" 1111 @click="toggle()" 1112 :aria-expanded="open" 1113 :aria-controls="$id('dropdown-button')" 1114 type="button" 1115 class="flex items-center gap-2 xl:text-white xl:text-[0.875rem] transition-colors group" 1116 > 1117 EN 1118 <svg class="mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1119 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046
1119-0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 1120 </svg> 1121 </button> 1122 1123 <div x-ref="panel" 1124 x-show="open" 1125 x-transition.origin.top.left 1126 @click.outside="close($refs.button)" 1127 :id="$id('dropdown-button')" 1128 style="display: none;" 1129 class="absolute right-0 mt-2 w-40 rounded-md bg-white border-gray-200 py-6 lg:py-8 [&>a.active]:bg-gray shadow-[0_4px_8px_rgb(61_64_67_/_2%),0_100px_30px_rgb(61_64_67_/_3%),0_20px_50px_rgb(61_64_67_/_9%)]"> 1130 <a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 bg-gray-200" href="https://www.scayle.com/library/blog/">EN â English</a></li><a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 " href="https://www.scayle.com/de/library/blog/">DE â Deutsch</a></li> </div> 1131 </div> 1132 1133 </div> 1134 <div class="flex items-center gap-3 2xl:gap-4"> 1135 1136 <a href="https://www.scayle.com/demo-video/" class="btn-default hidden xl:inline-block"> 1137 <span> 1138 Watch demo 1139 1140 <svg class="-mr-0.75 transition-transform duration-500 w-[13px] xl:w-[15px]" width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1141 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.04583 0.304688L7.72797 1.60228L11.2625 5.08241H0V6.91749H11.2625L7.72797 10.3976L9.04583 11.6952L14.8301 5.99995L9.04583 0.304688Z" fill="currentColor"/> 1142 </svg> 1143 </span> 1144 </a> 1145 1146 <a href="#get-started" class="btn-default"> 1147 <span> 1148 Let's talk 1149 1150 <svg class="-mr-0.75 transition-transform duration-500 w-[13px] xl:w-[15px]" width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1151 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.04583 0.304688L7.72797 1.60228L11.2625 5.08241H0V6.91749H11.2625L7.72797 10.3976L9.04583 11.6952L14.8301 5.99995L9.04583 0.304688Z" fill="currentColor"/> 1152 </svg> 1153 </span> 1154 </a> 1155 </div> 1156 </div> 1157 <button @click="open = !open" class="-mr-4 relative flex xl:hidden overflow-hidden items-center justify-center px-4 transform transition-transform bg-black duration-200 group" aria-label="Open Menu"> 1158 <span class="flex flex-col justify-between w-[24px] h-[20px] transform transition-all duration-300 origin-center overflow-hidden"> 1159 <span class="bg-white h-[2px] w-7 transform transition-all duration-300 origin-left" :class="{'translate-x-10': open}"></span> 1160 <span class="bg-white h-[2px] w-7 rounded transform transition-all duration-300 delay-75" :class="{'translate-x-10': open}"></span> 1161 <span class="bg-white h-[2px] w-7 transform transition-all duration-300 origin-left delay-150" :class="{'translate-x-10': open}"></span> 1162 <span class="absolute items-center justify-between transform transition-all duration-500 top-2.5 -translate-x-10 flex w-0" :class="{'translate-x-0 w-12': open}"> 1163 <span class="absolute bg-white h-[2px] w-6 transform transition-all duration-500 rotate-0 delay-300" :class="{'rotate-45': open}"></span> 1164 <span class="absolute bg-white h-[2px] w-6 transform transition-all duration-500 -rotate-0 delay-300" :class="{'-rotate-45': open}"></span> 1165 </span> 1166 </span> 1167 </button> 1168 </div> 1169 </div> 1170 </header> 1171 1172 <main id="main" class=""> 1173 <section class="library-nav "> 1174 <nav class="container"> 1175 <ul class="flex items-center gap-6 lg:gap-10"> 1176 <li> 1177 <a href="https://www.scayle.com/library/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 [&_svg]:max-w-[18px] [&_svg]:max-h-[18px] [&_svg]:-mt-px border-b border-transparent whitespace-nowrap"> 1178 <svg fill="none" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> 1179 <g class="fill-current"> 1180 <path d="m6.77043 8.5796h-4.89906c-1.032742-.00079-1.86978544-.83784-1.87137-1.87057v-4.83846c.00118842-1.032734.838232-1.86977772 1.87137-1.87057h4.89906c1.03273.00118842 1.86938.837836 1.87057 1181 1.87057v4.83806c-.00119 1.03274-.83784 1.86939-1.87057 1.87057zm-4.89906-7.13092c-.23294 0-.42189.18896-.42229.42189v4.83806c.00079.23293.18935.42149.42229.42189h4.89906c.23293 0 1182 .42149-.18896.42189-.42189v-4.83806c0-.23293-.18896-.42149-.42189-.42189z"/> 1183 <path d="m6.79411 19.9937h-4.89906c-1.03274-.0012-1.8697838-.8383-1.8713684-1.8714v-4.8377c.0011885-1.0327.8382324-1.8697 1.8713684-1.8705h4.89906c1.03194.0019 1.86819.8386 1.86938 1.8705v4.8377c-.00079 1184 1.0323-.83704 1.8694-1.86938 1.8714zm-4.89906-7.131c-.23293 0-.42189.189-.42229.4219v4.8377c0 1185 .2333.18936.4223.42229.4223h4.89906c.23293-.0008.42149-.1894.42189-.4223v-4.8377c0-.2329-.18896-.4215-.42189-.4219z"/> 1186 <path d="m18.1217 19.9937h-4.899c-1.0328-.0012-1.8698-.8383-1.8714-1.8714v-4.8377c.0012-1.0327.8383-1.8697 1.8714-1.8705h4.899c1.0328.0012 1.8694.8378 1.8706 1.8705v4.8377c-.0008 1.0327-.8378 1.8698-1.8706 1187 1.8714zm-4.899-7.1282c-.2329 0-.4219.189-.4223.4219v4.8377c0 .2333.1894.4223.4223.4223h4.899c.233-.0008.4215-.1894.4219-.4223v-4.8405c0-.2329-.1889-.4215-.4219-.4219z"/>
1188 <path d="m15.6752 8.58046c-2.3681-.01743-4.274-1.95178-4.2561-4.31991.0174-2.36852 1.9518-4.274346 4.3199-4.25651971 2.3558.01743011 4.2565 1.93196971 4.2565 4.28820971-.0119 2.37605-1.9443 4.29416-4.3203 1189 4.28822zm0-7.12814c-1.5683.01743-2.8253 1.3029-2.8074 2.87122.0174 1.56832 1.3029 2.82527 2.8712 2.80744 1.5556-.01743 2.8074-1.28349 2.8078-2.83913-.0095-1.57703-1.2942-2.84904-2.8712-2.84231v.00278z"/> 1190 </g> 1191 </svg> 1192 All Categories 1193 </a> 1194 </li> 1195 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1196 <a href="https://www.scayle.com/library/analyst-reports/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap "> 1197 <img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160426/library-icon-analyst-reports-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 "> 1198 Analyst Reports 1199 </a> 1200 </li> 1201 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1202 <a href="https://www.scayle.com/library/blog/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap !text-white !border-brand-green"> 1203 <img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160426/library-icon-blog-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 brightness-[500%]"> 1204 Blog 1205 </a> 1206 </li> 1207 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1208 <a href="https://www.scayle.com/library/demos/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap "> 1209 <img src="https://cdn-production.scayle.com/content/uploads/2024/11/15100657/library-icon-guides-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 "> 1210 Demos 1211 </a> 1212 </li> 1213 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1214 <a href="https://www.scayle.com/library/guides/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap "> 1215 <img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160426/library-icon-guides-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 "> 1216 Guides 1217 </a> 1218 </li> 1219 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1220 <a href="https://www.scayle.com/library/masterclass/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap "> 1221 <img src="https://cdn-production.scayle.com/content/uploads/2024/11/15111538/library-icon-guides-2.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 "> 1222 Masterclass 1223 </a> 1224 </li> 1225 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1226 <a href="https://www.scayle.com/library/podcasts/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap "> 1227 <img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160427/library-icon-podcasts-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 "> 1228 Podcasts 1229 </a> 1230 </li> 1231 <li class="last:pr-16 lg:last:pr-0 flex-shrink-0"> 1232 <a href="https://www.scayle.com/library/videos/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap "> 1233 <img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160427/library-icon-videos-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 "> 1234 Webinars 1235 </a> 1236 </li> 1237 </ul> 1238 </nav> 1239 <span class=""></span> 1240</section> 1241 1242 <section class="bg-black pt-[70px]"> 1243 <div class="bg-gradient-to-b from-transparent via-brand-green/5 to-brand-green/20 py-10 md:py-16 xl:py-20"> 1244 <div class="container text-center mb-4 xl:mb-8 mt-4"> 1245 <h1 class="text-fluid-h2 xl:text-[3.5rem] text-brand-green-light mb-6">Blog</h1> 1246 1247 <div class="mt-8"> 1248 1249 1250<form method="get" action="https://www.scayle.com/library-search/" class="max-w-2xl mx-auto" x-data x-library-search> 1251 <div class="relative"> 1252 <input type="text" name="s" value="" placeholder="Search Content Library..." class="w-full px-6 py-4 pr-24 text-lg bg-gray-800/70 shadow-xl text-white/80 placeholder:text-white/40 rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-green-light focus:border-transparent"> 1253 <button type="submit" class="absolute right-0 top-1/2 transform -translate-y-1/2 py-4 px-6 text-brand-green hover:text-brand-green-dark"> 1254 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1255 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> 1256 </svg> 1257 </button> 1258 <div class="suggestions bg-gray-800/70 backdrop-blur-xl absolute z-20 left-0 right-0 top-full mt-2 rounded-lg shadow-xl overflow-hidden opacity-0 transition-opacity duration-200 pointer-events-none"> 1259 <div class="text-left text-white/80 hover:text-white border-b border-white/20 last:border-0 px-6 py-2.5 hover:bg-brand-green-light/20 cursor-pointer transition-colors duration-200"> 1260 ai 1261 </div> 1262 <div class="text-left text-white/80 hover:text-white border-b border-white/20 last:border-0 px-6 py-2.5 hover:bg-brand-green-light/20 cursor-pointer transition-colors duration-200"> 1263 omnichannel 1264 </div> 1265 <div class="text-left text-white/80 hover:text-white border-b border-white/20 last:border-0 px-6 py-2.5 hover:bg-brand-green-light/20 cursor-pointer transition-colors duration-200"> 1266 platform architecture 1267 </div> 1268 </div> 1269 </div> 1270</form> 1271 </div> 1272 </div> 1273 </div> 1274 </section> 1275 <section class="px-8 py-24 w-full mx-auto xl:container"> 1276 <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-x-10 gap-y-14"> 1277 <div class="flex flex-col relative"> 1278 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1279 <img src="https://cdn-production.scayle.com/content/uploads/2026/09/24090758/1200x627-Blog-Header-BFCM-20.png" alt="" class="w-full h-full object-cover"> 1280 </div> 1281 <div class="flex-grow flex flex-col justify-between"> 1282 <div> 1283 <div> 1284 </div> 1285 <h3 class="h5 arrow-before mb-4"> 1286 <a href="https://www.scayle.com/library/blog/black-friday-strategy-customer-acquisition/" class="stretched-link">Black Friday Strategy: How ABOUT YOU Supercharged Its Customer Acquisition</a> 1287 </h3> 1288 </div> 1289 <span class="text-black/40 text-fluid-sm">Sep 24, 2026</span> 1290 </div>
1291 </div> 1292 <div class="flex flex-col relative"> 1293 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1294 <img src="https://cdn-production.scayle.com/content/uploads/2026/08/25155009/SCAYLE_Header_Fashion-marchandising-as-a-growth-engine.webp" alt="" class="w-full h-full object-cover"> 1295 </div> 1296 <div class="flex-grow flex flex-col justify-between"> 1297 <div> 1298 <div> 1299 </div> 1300 <h3 class="h5 arrow-before mb-4"> 1301 <a href="https://www.scayle.com/library/blog/fashion-merchandising-growth-engine/" class="stretched-link">Fashion Merchandising: When Curation Becomes a Growth Engine</a> 1302 </h3> 1303 </div> 1304 <span class="text-black/40 text-fluid-sm">Aug 25, 2026</span> 1305 </div> 1306 </div> 1307 <div class="flex flex-col relative"> 1308 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1309 <img src="https://cdn-production.scayle.com/content/uploads/2026/08/20130534/SCAYLE_Header_Hidden-Costs-of-Slow-Commerce-scaled.jpg" alt="" class="w-full h-full object-cover"> 1310 </div> 1311 <div class="flex-grow flex flex-col justify-between"> 1312 <div> 1313 <div> 1314 </div> 1315 <h3 class="h5 arrow-before mb-4"> 1316 <a href="https://www.scayle.com/library/blog/hidden-cost-slow-commerce/" class="stretched-link">The Hidden Cost of Slow Commerce: Why Fashion Now Moves in Weeks, Not Seasons</a> 1317 </h3> 1318 </div> 1319 <span class="text-black/40 text-fluid-sm">Aug 20, 2026</span> 1320 </div> 1321 </div> 1322 <div class="flex flex-col relative"> 1323 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1324 <img src="https://cdn-production.scayle.com/content/uploads/2026/08/14150836/SCAYLE_Header_Can-Your-Legacy-Platform-Keep-Up-With-AI-Driven-Fashion-Commerce_2-scaled.jpg" alt="" class="w-full h-full object-cover"> 1325 </div> 1326 <div class="flex-grow flex flex-col justify-between"> 1327 <div> 1328 <div> 1329 </div> 1330 <h3 class="h5 arrow-before mb-4"> 1331 <a href="https://www.scayle.com/library/blog/legacy-ecommerce-fashion-ai/" class="stretched-link">eCommerce Replatforming in Fashion: Can Your Legacy Platform Keep Up With AI?</a> 1332 </h3> 1333 </div> 1334 <span class="text-black/40 text-fluid-sm">Aug 14, 2026</span> 1335 </div> 1336 </div> 1337 <div class="flex flex-col relative"> 1338 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1339 <img src="https://cdn-production.scayle.com/content/uploads/2026/08/10074621/SCAYLE_Header_Fashion-eCommerce-Search_2.webp" alt="" class="w-full h-full object-cover"> 1340 </div> 1341 <div class="flex-grow flex flex-col justify-between"> 1342 <div> 1343 <div> 1344 </div> 1345 <h3 class="h5 arrow-before mb-4"> 1346 <a href="https://www.scayle.com/library/blog/fashion-ecommerce-search-product-data/" class="stretched-link">Fashion eCommerce Search: Why Product Data Beats Keywords</a> 1347 </h3> 1348 </div> 1349 <span class="text-black/40 text-fluid-sm">Aug 06, 2026</span> 1350 </div> 1351 </div> 1352 <div class="flex flex-col relative"> 1353 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1354 <img src="https://cdn-production.scayle.com/content/uploads/2026/07/27083349/SCAYLE_Header_Fashion-is-browsed-not-searched-scaled.jpg" alt="" class="w-full h-full object-cover"> 1355 </div> 1356 <div class="flex-grow flex flex-col justify-between"> 1357 <div> 1358 <div> 1359 </div> 1360 <h3 class="h5 arrow-before mb-4"> 1361 <a href="https://www.scayle.com/library/blog/fashion-browsing-increasing-returns/" class="stretched-link">Is Fashion Browsing Driving Up Return Rates?</a> 1362 </h3> 1363 </div> 1364 <span class="text-black/40 text-fluid-sm">Jul 27, 2026</span> 1365 </div> 1366 </div> 1367 <div class="flex flex-col relative"> 1368 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1369 <img src="https://cdn-production.scayle.com/content/uploads/2026/07/22105737/Header-Fashion-Can-Begin-everywhere.webp" alt="" class="w-full h-full object-cover"> 1370 </div> 1371 <div class="flex-grow flex flex-col justify-between"> 1372 <div> 1373 <div> 1374 </div> 1375 <h3 class="h5 arrow-before mb-4"> 1376 <a href="https://www.scayle.com/library/blog/fashion-shopping-discovery/" class="stretched-link">Fashion Discovery in 2026: Why Every Moment Is a Shopping Moment</a> 1377 </h3> 1378 </div> 1379 <span class="text-black/40 text-fluid-sm">Jul 22, 2026</span> 1380 </div>
1381 </div> 1382 <div class="flex flex-col relative"> 1383 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1384 <img src="https://cdn-production.scayle.com/content/uploads/2025/11/05095248/SCAYLE-Gartner-2025.webp" alt="" class="w-full h-full object-cover"> 1385 </div> 1386 <div class="flex-grow flex flex-col justify-between"> 1387 <div> 1388 <div> 1389 </div> 1390 <h3 class="h5 arrow-before mb-4"> 1391 <a href="https://www.scayle.com/library/blog/gartner-magic-quadrant-ecommerce-platforms/" class="stretched-link">7 Key Takeaways from the Gartner Magic Quadrant for Digital Commerce</a> 1392 </h3> 1393 </div> 1394 <span class="text-black/40 text-fluid-sm">Jun 25, 2026</span> 1395 </div> 1396 </div> 1397 <div class="flex flex-col relative"> 1398 <div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0"> 1399 <img src="https://cdn-production.scayle.com/content/uploads/2026/06/24161058/SCAYLE-Best-Enterprise-eCommerce-Platforms.webp" alt="" class="w-full h-full object-cover"> 1400 </div> 1401 <div class="flex-grow flex flex-col justify-between"> 1402 <div> 1403 <div> 1404 </div> 1405 <h3 class="h5 arrow-before mb-4"> 1406 <a href="https://www.scayle.com/library/blog/best-enterprise-ecommerce-platforms/" class="stretched-link">The 5 Best Enterprise eCommerce Platforms Compared</a> 1407 </h3> 1408 </div> 1409 <span class="text-black/40 text-fluid-sm">Jun 23, 2026</span> 1410 </div> 1411 </div> 1412 </div> 1413 <div class="mt-24"> 1414 <div class="library-pagination" role="navigation" aria-label="Page Pagination"> 1415 1416 <ul> 1417 <li> 1418 <span class="page-number page-numbers current" aria-current="page">1</span> 1419 </li> 1420 <li> 1421 <a href="https://www.scayle.com/library/blog/page/2/" class="page-number page-numbers" 1422 aria-label="Go to page 2">2 1423 </a> 1424 </li> 1425 <li> 1426 <a href="https://www.scayle.com/library/blog/page/3/" class="page-number page-numbers" 1427 aria-label="Go to page 3">3 1428 </a> 1429 </li> 1430 <li> 1431 <a href="https://www.scayle.com/library/blog/page/4/" class="page-number page-numbers" 1432 aria-label="Go to page 4">4 1433 </a> 1434 </li> 1435 <li> 1436 <a href="https://www.scayle.com/library/blog/page/5/" class="page-number page-numbers" 1437 aria-label="Go to page 5">5 1438 </a> 1439 </li> 1440 <li> 1441 <a href="https://www.scayle.com/library/blog/page/6/" class="page-number page-numbers" 1442 aria-label="Go to page 6">6 1443 </a> 1444 </li> 1445 <li> 1446 <a href="https://www.scayle.com/library/blog/page/7/" class="page-number page-numbers" 1447 aria-label="Go to page 7">7 1448 </a> 1449 </li> 1450 <li> 1451 <a href="https://www.scayle.com/library/blog/page/8/" class="page-number page-numbers" 1452 aria-label="Go to page 8">8 1453 </a> 1454 </li> 1455 <li> 1456 <a href="https://www.scayle.com/library/blog/page/9/" class="page-number page-numbers" 1457 aria-label="Go to page 9">9 1458 </a> 1459 </li> 1460 <li> 1461 <span class="dots" aria-current="page">…</span> 1462 </li> 1463 <li> 1464 <a href="https://www.scayle.com/library/blog/page/15/" class="page-number page-numbers" 1465 aria-label="Go to page 15">15 1466 </a> 1467 </li> 1468 </ul> 1469</div> 1470 </div> 1471 </section> 1472 1473 <section class="px-8 w-full mx-auto xl:container"> 1474 <div class="bg-[url('/content/themes/scayle/assets/images/bg-wave.webp')] bg-black-gradient bg-cover border-b border-[#302F31] text-white rounded my-16"> 1475 <div class="px-8 pt-7 pb-9 md:pt-10 md:pb-12 xl:pt-12 xl:pb-14 position-relative z-index-10"> 1476 <div class="flex justify-center"> 1477 <div class="lg:w-9/12"> 1478 <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-6 mb-8"> 1479 <img class="-mt-3" src="/content/themes/scayle/assets/images/newsletter-icon.svg" alt="Newsletter Icon" loading="lazy" width="64" height="70"> 1480 <h3 class="h3 mb-0"> 1481 Industry News <strong>Right to Your Inbox</strong> 1482 </h3> 1483 </div> 1484 <div x-hubspot-form x-init id="form-c32f33ce-50ca-4b99-9a3a-10cf223e4017" data-form-id="c32f33ce-50ca-4b99-9a3a-10cf223e4017"></div> 1485 </div> 1486 </div> 1487 </div> 1488 </div> 1489 </section> 1490 1491 1492 1493 1494 <div x-data="{ 1495 open: false, 1496 content: null, 1497 boundCheckHash: null, 1498 init() { 1499 this.checkHash(); 1500 this.boundCheckHash = this.checkHash.bind(this); 1501 window.addEventListener('hashchange', this.boundCheckHash); 1502 }, 1503 checkHash() { 1504 let hash = window.location.hash.split('?')[0]; 1505 if (hash === '#get-started') { 1506 this.open = true; 1507 } else if (this.open) { 1508 this.open = false;
1509 } 1510 }, 1511 handleOpenChange(event) { 1512 if (event.detail.value) { 1513 window.addEventListener('hashchange', this.boundCheckHash); 1514 } else { 1515 window.removeEventListener('hashchange', this.boundCheckHash); 1516 } 1517 }, 1518 pauseVideos() { 1519 const videos = $refs.content.querySelectorAll('video'); 1520 const iframes = $refs.content.querySelectorAll('iframe'); 1521 1522 videos.forEach(function(video) { 1523 video.pause(); 1524 }); 1525 1526 iframes.forEach(function(iframe) { 1527 let src = iframe.getAttribute('src'); 1528 iframe.setAttribute('src', src); 1529 }); 1530 }, 1531 close() { 1532 this.open = false; 1533 this.pauseVideos(); 1534 let hash = window.location.hash.split('?')[0]; 1535 if (hash === '#get-started') { 1536 history.pushState('', document.title, window.location.pathname + window.location.search); 1537 } 1538 } 1539 }" 1540 x-init="init" 1541 x-on:open.window="handleOpenChange" 1542 > 1543 1544 <div 1545 x-show="open" 1546 style="display: none" 1547 role="dialog" 1548 aria-modal="true" 1549 x-id="['modal-title']" 1550 :aria-labelledby="$id('modal-title')" 1551 class="fixed inset-0 z-50 overflow-y-auto" 1552 x-ref="content" 1553 > 1554 <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 1555 1556 <div 1557 x-show="open" 1558 x-transition.opacity 1559 x-on:click="close()" 1560 class="relative flex min-h-screen items-center justify-center" 1561 > 1562 <div 1563 x-on:click.stop 1564 x-trap.noscroll.inert="open" 1565 class="w-[calc(100%-2rem)] max-h-[calc(100vh-2rem)] lg:max-w-7xl rounded bg-white/95 relative overflow-y-auto shadow-lg" 1566 > 1567 <button class="absolute right-8 top-7 lg:right-12 lg:top-12 text-gray-500 transition-colors duration-300" @click.prevent="close()"> 1568 <svg class="fill-current" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path transform="translate(-1341 -50)" d="M1350 57.2583029L1342.7417 50 1341 51.7416971 1348.2583 59 1341 66.2583029 1342.7417 68 1350 60.7416971 1357.2583 68 1359 66.2583029 1351.7417 59 1359 51.7416971 1357.2583 50z"></path></svg> 1569 </button> 1570 1571 <div class="flex flex-col gap-8 lg:gap-12 p-8 lg:p-20"> 1572 <div class="wysiwyg"> 1573 <h2 class="arrow-before" id="get-in-touch-with-our-growth-experts">Get in touch with our growth experts</h2> 1574 1575 </div> 1576 1577 <div class="xl:pr-16 2xl:pr-32"> 1578 <div x-hubspot-form id="form-468c3284-54ec-4e30-9e52-8f3db5e6f6d6" data-form-id="468c3284-54ec-4e30-9e52-8f3db5e6f6d6"></div> 1579 </div> 1580 </div> 1581 1582 </div> 1583 </div> 1584 </div> 1585 </div> 1586 1587 1588 1589 1590 <div x-data="{ 1591 open: false, 1592 content: null, 1593 boundCheckHash: null, 1594 init() { 1595 this.checkHash(); 1596 this.boundCheckHash = this.checkHash.bind(this); 1597 window.addEventListener('hashchange', this.boundCheckHash); 1598 }, 1599 checkHash() { 1600 let hash = window.location.hash.split('?')[0]; 1601 if (hash === '#newsletter') { 1602 this.open = true; 1603 } else if (this.open) { 1604 this.open = false;
1605 } 1606 }, 1607 handleOpenChange(event) { 1608 if (event.detail.value) { 1609 window.addEventListener('hashchange', this.boundCheckHash); 1610 } else { 1611 window.removeEventListener('hashchange', this.boundCheckHash); 1612 } 1613 }, 1614 pauseVideos() { 1615 const videos = $refs.content.querySelectorAll('video'); 1616 const iframes = $refs.content.querySelectorAll('iframe'); 1617 1618 videos.forEach(function(video) { 1619 video.pause(); 1620 }); 1621 1622 iframes.forEach(function(iframe) { 1623 let src = iframe.getAttribute('src'); 1624 iframe.setAttribute('src', src); 1625 }); 1626 }, 1627 close() { 1628 this.open = false; 1629 this.pauseVideos(); 1630 let hash = window.location.hash.split('?')[0]; 1631 if (hash === '#newsletter') { 1632 history.pushState('', document.title, window.location.pathname + window.location.search); 1633 } 1634 } 1635 }" 1636 x-init="init" 1637 x-on:open.window="handleOpenChange" 1638 > 1639 1640 <div 1641 x-show="open" 1642 style="display: none" 1643 role="dialog" 1644 aria-modal="true" 1645 x-id="['modal-title']" 1646 :aria-labelledby="$id('modal-title')" 1647 class="fixed inset-0 z-50 overflow-y-auto" 1648 x-ref="content" 1649 > 1650 <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 1651 1652 <div 1653 x-show="open" 1654 x-transition.opacity 1655 x-on:click="close()" 1656 class="relative flex min-h-screen items-center justify-center" 1657 > 1658 <div 1659 x-on:click.stop 1660 x-trap.noscroll.inert="open" 1661 class="w-[calc(100%-2rem)] max-h-[calc(100vh-2rem)] lg:max-w-7xl rounded bg-white relative overflow-y-auto shadow-lg" 1662 > 1663 <button class="absolute right-8 top-7 lg:right-12 lg:top-12 text-gray-500 transition-colors duration-300" @click.prevent="close()"> 1664 <svg class="fill-current" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path transform="translate(-1341 -50)" d="M1350 57.2583029L1342.7417 50 1341 51.7416971 1348.2583 59 1341 66.2583029 1342.7417 68 1350 60.7416971 1357.2583 68 1359 66.2583029 1351.7417 59 1359 51.7416971 1357.2583 50z"></path></svg> 1665 </button> 1666 1667 <div class="flex flex-col lg:flex-row"> 1668 <div class="w-full lg:w-4/12 wysiwyg px-6 py-10 lg:px-12 lg:py-24 border-b lg:border-r lg:border-b-0 border-gray-300 bg-[url('/content/themes/scayle/assets/images/bg-wave-white.png')] bg-cover bg-no-repeat"> 1669 <ul class="list-checkmark"> 1670<li>Exclusive consumer data</li> 1671<li>Insights from retail thought leaders</li> 1672<li>Reports from leading analyst</li> 1673<li>Upcoming events and trade shows</li> 1674<li>New feature releases</li> 1675</ul> 1676 1677 </div> 1678 <div class="lg:w-8/12 px-8 py-8 sm:py-12 lg:px-20 lg:pt-24 lg:pb-32 xl:pb-40"> 1679 <div class="wysiwyg mb-8"> 1680 <h2 class="h2"><strong>Yes,</strong> Sign Me Up!</h2> 1681 </div> 1682 <div class="lg:mr-16 xl:mr-24"> 1683 <div x-hubspot-form id="form-4a3e64c8-b405-4965-a050-f0e10dc24458" data-form-id="4a3e64c8-b405-4965-a050-f0e10dc24458"></div> 1684 </div> 1685 </div> 1686 </div> 1687 1688 </div> 1689 </div> 1690 </div> 1691 </div> 1692 1693 1694 1695 </main> 1696 1697 <footer class="bg-gray-900"> 1698 <div class="px-8 xl:container py-12 xl:py-16 2xl:py-24 flex flex-col items-center xl:items-start 2xl:flex-row gap-16 2xl:gap-24"> 1699 1700 <a href="https://www.scayle.com/" aria-label="SCAYLE Commerce Engine Logo"> 1701 <svg class="w-[108px] h-[28px] xl:w-[124px] xl:h-[32px]" aria-hidden="true" height="28" viewBox="0 0 108 28" width="108" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m17.2438805 23.5c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3481544-.3232394-.7207868-.5406993-1.2179942-.5406993-.8331228 0-1.4356726.6836328-1.4356726 1.5412336 0 .8578193.6025498 1.5539096 1.4356726 1.5539096.5345799 0 .8761778-.2174599 1.2490287-.5656143l.4910879.4972073c-.4534968.4722924-.9507042.7708354-1.7652501.7708354-1.2676056 0-2.212
17016275-.9882953-2.2126275-2.2438805 0-1.2429092.9264449-2.2561195 2.2438805-2.2561195zm32.2656338 0c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3479359-.3232394-.7207868-.5406993-1.2182127-.5406993-.8326858 0-1.4356727.6836328-1.4356727 1.5412336 0 .8578193.6029869 1.5539096 1.4356727 1.5539096.5345799 0 .8763963-.2174599 1.2492472-.5656143l.4910879.4972073c-.4537154.4722924-.9509228.7708354-1.7650316.7708354-1.2680427 0-2.2126274-.9882953-2.2126274-2.2438805 0-1.2429092.9260077-2.2561195 2.2436619-2.2561195zm22.2332346 0c.7583779 0 1.2243322.2113405 1.6719281.5905294l-.4847499.5780719c-.3356969-.285867-.6650558-.4661729-1.2182127-.4661729-.8018698 0-1.4107576.6960903-1.4107576 1.5412336 0 .9013113.5903108 1.5600291 1.4791646 1.5600291.4102234 0 .7830743-.1304759 1.0503643-.3293589v-.8141088h-1.1124332v-.6650558h1.8520155v1.827319c-.4288004.3667315-1.0442448.6775134-1.8148616.6775134-1.3611462 0-2.2561195-.9697183-2.2561195-2.2438805 0-1.2243322.9323458-2.2561195 2.243662-2.2561195zm-49.5018358.0000874c1.3364497 0 2.2687955 1.0129918 2.2687955 2.243662s-.9448033 2.2561195-2.2810345 2.2561195c-1.3364497 0-2.268577-1.0129918-2.268577-2.243662s.9445848-2.2561195 2.280816-2.2561195zm42.7349198.0745483 2.330646 3.0081593v-3.0081593h.7520398v4.3507286h-.6401408l-2.399053-3.0951433v3.0951433h-.7520398v-4.3507286zm-38.2114691-.0000437 1.3237736 2.0572366 1.3239923-2.0572366h.8141088v4.3507285h-.7644974v-3.1200582l-1.3736037 2.051117h-.024915l-1.3609276-2.0386595v3.1076007h-.7522584v-4.3507285zm17.6860927.0001093c1.0005343 0 1.6159787.5282419 1.6159787 1.3797232 0 .7210053-.4288004 1.1561437-1.0379068 1.3237737l1.1745022 1.6472316h-.9010928l-1.0691598-1.5165371h-.9570422v1.5165371h-.7644973v-4.3507285zm11.2739534-.0000437v.6836328h-2.4611219v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4921564v.6836328h-3.2566537v-4.3507285zm30.473458 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-7.9604323-.0000219 2.3308645 3.0081593v-3.0081593h.7520399v4.3507286h-.6401409l-2.3992715-3.0951433v3.0951433h-.7518212v-4.3507286zm-2.3676032-.0000437v4.3507285h-.7644973v-4.3507285zm-43.1775109 0 1.3237737 2.0572366 1.3237737-2.0572366h.8143273v4.3507285h-.7644973v-3.1200582l-1.3736037 2.051117h-.024915l-1.3611462-2.0386595v3.1076007h-.7520398v-4.3507285zm30.0954056.0000656v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4923749v.6836328h-3.2568722v-4.3507285zm-21.7559811 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-18.8030719.6276396c-.8639388 0-1.4669257.6899709-1.4669257 1.5414522s.6154444 1.5539097 1.4791647 1.5539097c.8639388 0 1.4669257-.6899709 1.4669257-1.5414522s-.6154444-1.5539097-1.4791647-1.5539097zm22.1594949.0684944h-1.1124332v1.4605877h1.1187712c.5468189 0 .8949733-.2858669.8949733-.7334628 0-.4786304-.3356969-.7271249-.9013113-.7271249z" fill="#14ffa8"></path><path d="m25.6915093.25531387c2.0869237 0 3.9868892.79500416 5.4109917 2.08843574l-2.0512256 2.19258476c-.8604056-.93304293-2.0480709-1.5192531-3.3597661-1.5192531-2.6961147 0-4.7558082 2.35079206-4.7558082 5.12842978 0 2.77763775 2.0596935 5.12842975 4.7558082 5.12842975 1.3591819 0 2.5850358-.6293576 3.4517508-1.6215836l2.0917387 2.1360467c-1.4375515 1.3660053-3.3911471 2.2115961-5.5434895 2.2115961-4.6010614 0-7.9970236-3.5610698-7.9970236-7.87234306 0-4.31127331 3.3959622-7.87234307 7.9970236-7.87234307zm-19.66783975-.00001653c2.64514125 0 4.66913675 1.29376222 5.75020605 3.39145565l-2.56378299 1.37790801c-.57830814-1.
170111770079-1.57386818-2.13323635-3.18642306-2.13323635-1.33394419 0-2.31522501.77285182-2.31522501 1.62902286 0 2.81268469 8.59193546 1.60174574 8.59193546 6.96343629 0 2.8037576-2.54784332 4.5160997-5.97502056 4.5160997-3.16483821 0-5.50696127-1.6048868-6.32535944-3.7025802l2.66606196-1.4329582c.5861119 1.3714607 1.97335408 2.5020561 3.75128218 2.5020561 1.90909762 0 2.7088996-.938829 2.7088996-1.7736743 0-2.68291167-8.59210154-1.532313-8.59210154-6.85465835 0-2.78358909 2.48059823-4.48287121 5.48952735-4.48287121zm71.56939315.44145958v12.10277688h6.7203623v2.7591223h-9.8861967v-14.86189918zm22.1908274.00001653v2.73184521h-7.2061877v3.22084964h6.6074569v2.68952435h-6.6074569v3.48783485h7.3790326v2.7316799h-10.5161426v-14.86173395zm6.0410209-.69677345c1.20128 0 2.175089.95056641 2.175089 2.12315208 0 1.17258566-.973809 2.12331739-2.175089 2.12331739-1.201281 0-2.17509-.95073173-2.17509-2.12331739 0-1.17258567.973809-2.12315208 2.17509-2.12315208zm0 .62224904c-.816074 0-1.477733.67200913-1.477733 1.50090304 0 .82905923.661659 1.50090304 1.477733 1.50090304.816239 0 1.477732-.67184381 1.477732-1.50090304 0-.28764966-.079698-.55645331-.217841-.7847
17015457l-.654353.65167527-.471712-.46966247.663817-.66093296c-.230128-.15010683-.503757-.23722831-.797643-.23722831z" fill="#fff" class="dark-reader-white"></path><path d="m45.2641931.6969057 7.1739764 14.8618992h-3.6656069l-1.2011143-2.6088502h-2.87062v-2.689359h1.6326454l-2.6454733-5.7463806-2.6453073 5.7463806h1.6324794v2.689359h-2.87062l-1.2009483 2.6088502h-3.4997355l7.1739764-14.8618992zm12.8381751-.00018185 3.6543163 7.93780816 3.6543164-7.93780816h3.5261355l-5.5496329 11.49656345v3.3653358h-3.4276753v-3.3653358l-5.5496329-11.49656345z" fill="#14ffa8"></path></g></svg> 1702 1703 </a> 1704 1705 <nav class="flex flex-col lg:flex-row lg:gap-8 justify-between flex-grow w-full"> 1706 <div x-data="{ open: false }" class="mb-8 lg:mb-0"> 1707 <div class="flex justify-between items-center"> 1708 1709 1710 1711 <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6"> 1712 Platform 1713 </span> 1714 1715 <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation"> 1716 <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg> 1717 </button> 1718 </div> 1719 <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 sm:grid-cols-2 lg:gap-x-6 2xl:gap-x-12" :class="open ? '!grid' : ''" x-transition> 1720 <li class="text-sm text-gray-600"> 1721 1722 1723 1724 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/digital-commerce/" target=""> 1725 Digital Commerce 1726 </a> 1727 1728 </li> 1729 <li class="text-sm text-gray-600"> 1730 1731 1732 1733 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/distributed-order-management" target=""> 1734 Order Management 1735 </a> 1736 1737 </li> 1738 <li class="text-sm text-gray-600"> 1739 1740 1741 1742 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-omnichannel" target=""> 1743 Omnichannel & POS 1744 </a> 1745 1746 </li> 1747 <li class="text-sm text-gray-600"> 1748 1749 1750 1751 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-payments/" target=""> 1752 Payments 1753 </a> 1754 1755 </li> 1756 <li class="text-sm text-gray-600"> 1757 1758 1759 1760 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/checkout/" target=""> 1761 Checkout 1762 </a> 1763 1764 </li> 1765 <li class="text-sm text-gray-600"> 1766 1767 1768 1769 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/digital-storefront/" target=""> 1770 Digital Storefront 1771 </a> 1772 1773 </li> 1774 <li class="text-sm text-gray-600"> 1775 1776 1777 1778 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-search/" target=""> 1779 Search 1780 </a> 1781 1782 </li> 1783 <li class="text-sm text-gray-600"> 1784 1785 1786 1787 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-subscriptions/" target=""> 1788 Subscriptions 1789 </a> 1790 1791 </li> 1792 <li class="text-sm text-gray-600"> 1793 1794 1795 1796 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/pim" target=""> 1797 Product Information Management 1798 </a> 1799 1800 </li> 1801 <li class="text-sm text-gray-600"> 1802 1803 1804 1805 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-promotions/" target=""> 1806 Promotions 1807 </a> 1808 1809 </li> 1810 <li class="text-sm text-gray-600"> 1811 1812 1813 1814 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-analytics/" target=""> 1815 Analytics 1816 </a> 1817 1818 </li> 1819 </ul> 1820 </div> 1821 <div x-data="{ open: false }" class="mb-8 lg:mb-0"> 1822 <div class="flex justify-between items-center"> 1823 1824 1825
1826 <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6"> 1827 Use Cases 1828 </span> 1829 1830 <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation"> 1831 <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg> 1832 </button> 1833 </div> 1834 <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition> 1835 <li class="text-sm text-gray-600"> 1836 1837 1838 1839 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/b2c-commerce/" target=""> 1840 B2C Commerce 1841 </a> 1842 1843 </li> 1844 <li class="text-sm text-gray-600"> 1845 1846 1847 1848 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/internationalization/" target=""> 1849 Internationalization 1850 </a> 1851 1852 </li> 1853 <li class="text-sm text-gray-600"> 1854 1855 1856 1857 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/omnichannel-retail/" target=""> 1858 Omnichannel 1859 </a> 1860 1861 </li> 1862 <li class="text-sm text-gray-600"> 1863 1864 1865 1866 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/marketplaces/" target=""> 1867 Marketplaces 1868 </a> 1869 1870 </li> 1871 <li class="text-sm text-gray-600"> 1872 1873 1874 1875 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/ecommerce-tco/" target=""> 1876 TCO 1877 </a> 1878 1879 </li> 1880 <li class="text-sm text-gray-600"> 1881 1882 1883 1884 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/easy-ecommerce-migrations/" target=""> 1885 Platform Migrations 1886 </a> 1887 1888 </li> 1889 </ul> 1890 </div> 1891 <div x-data="{ open: false }" class="mb-8 lg:mb-0"> 1892 <div class="flex justify-between items-center"> 1893 1894 1895
1896 <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6"> 1897 Industries 1898 </span> 1899 1900 <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation"> 1901 <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg> 1902 </button> 1903 </div> 1904 <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition> 1905 <li class="text-sm text-gray-600"> 1906 1907 1908 1909 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/retail/" target=""> 1910 Retail 1911 </a> 1912 1913 </li> 1914 <li class="text-sm text-gray-600"> 1915 1916 1917 1918 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/fashion-apparel/" target=""> 1919 Fashion & Apparel 1920 </a> 1921 1922 </li> 1923 <li class="text-sm text-gray-600"> 1924 1925 1926 1927 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/home-living/" target=""> 1928 Home & Living 1929 </a> 1930 1931 </li> 1932 <li class="text-sm text-gray-600"> 1933 1934 1935 1936 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/sports-lifestyle/" target=""> 1937 Sports & Lifestyle 1938 </a> 1939 1940 </li> 1941 </ul> 1942 </div> 1943 <div x-data="{ open: false }" class="mb-8 lg:mb-0"> 1944 <div class="flex justify-between items-center"> 1945 1946 1947 1948 <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6"> 1949 Resources 1950 </span> 1951 1952 <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation"> 1953 <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg> 1954 </button> 1955 </div> 1956 <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid ga
1956p-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition> 1957 <li class="text-sm text-gray-600"> 1958 1959 1960 1961 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://scayle.dev/" target="_blank"> 1962 SCAYLE Documentation 1963 </a> 1964 1965 </li> 1966 <li class="text-sm text-gray-600"> 1967 1968 1969 1970 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://academy.scayle.dev/" target="_blank"> 1971 SCAYLE Academy 1972 </a> 1973 1974 </li> 1975 <li class="text-sm text-gray-600"> 1976 1977 1978 1979 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/isv-partners/" target=""> 1980 ISV Partners 1981 </a> 1982 1983 </li> 1984 <li class="text-sm text-gray-600"> 1985 1986 1987 1988 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/compliance/soc-2-report/" target=""> 1989 Compliance | SOC2 Report 1990 </a> 1991 1992 </li> 1993 <li class="text-sm text-gray-600"> 1994 1995 1996 1997 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/compliance/pci-certificate/" target=""> 1998 Compliance | PCI Certificate 1999 </a> 2000 2001 </li> 2002 <li class="text-sm text-gray-600"> 2003 2004 2005 2006 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/glossary/" target=""> 2007 Glossary 2008 </a> 2009 2010 </li> 2011 </ul> 2012 </div> 2013 <div x-data="{ open: false }" class="mb-8 lg:mb-0"> 2014 <div class="flex justify-between items-center"> 2015 2016 2017 2018 <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6"> 2019 Company 2020 </span> 2021 2022 <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation"> 2023 <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg> 2024 </button> 2025 </div> 2026 <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition> 2027 <li class="text-sm text-gray-600"> 2028 2029 2030 2031 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/about-us/" target=""> 2032 About Us 2033 </a> 2034 2035 </li> 2036 <li class="text-sm text-gray-600"> 2037 2038 2039 2040 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/career/" target=""> 2041 Career 2042 </a> 2043 2044 </li> 2045 <li class="text-sm text-gray-600"> 2046 2047 2048 2049 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/events/" target=""> 2050 Events 2051 </a> 2052 2053 </li> 2054 <li class="text-sm text-gray-600"> 2055 2056 2057 2058 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/newsroom/" target=""> 2059 Newsroom 2060 </a> 2061 2062 </li> 2063 <li class="text-sm text-gray-600"> 2064 2065 2066 2067 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://ir.aboutyou.de/websites/about-you/English/7800/scayle-capital-markets-event.html" target="_blank"> 2068 SCAYLE Capital Markets Day 2069 </a> 2070 2071 </li> 2072 <li class="text-sm text-gray-600"> 2073 2074 2075 2076 <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/offices/" target=""> 2077 SCAYLE Offices 2078 </a> 2079 2080 </li> 2081 </ul> 2082 </div> 2083 <div x-data="{ open: false }" class="mb-8 lg:mb-0"> 2084 <ul class="flex flex-col gap-8 lg:gap-5 xl:gap-6"> 2085 <li class="md:min-w-[120px] xl:min-w-[150px]"> 2086 2087 2088 2089 <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/customers/" target=""> 2090 Customers 2091 </a> 2092 2093 </li> 2094 <li class="md:min-w-[120px] xl:min-w-[150px]"> 2095 2096 2097 2098 <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/partner/" target=""> 2099 Partners 2100 </a> 2101 2102 </li> 2103 <li class="md:min-w-[120px] xl:min-w-[150px]"> 2104 2105 2106 2107 <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/library/" target=""> 2108 Library 2109 </a> 2110 2111 </li> 2112 <li class="md:min-w-[120px] xl:min-w-[150px]"> 2113 2114 2115 2116 <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/enterprise-evolutions/chapter-2/" target=""> 2117 Enterprise Evolutions 2118 </a> 2119 2120 </li> 2121 <li class="md:min-w-[120px] xl:min-w-[150px]"> 2122 2123 2124 2125 <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/why-scayle/#compare" target=""> 2126 Compare 2127 </a> 2128 2129 </li> 2130 </ul> 2131 </div> 2132 </nav> 2133 </div> 2134 <div class="border-t border-gray-800 pt-7 pb-16 lg:pb-7"> 2135 <div class="container flex flex-col-reverse lg:flex-row gap-6 items-center justify-between"> 2136 <p class="text-white/50 text-[0.75rem]"> 2137 © 2018-2026 SCAYLE Commerce Engine 2138 </p> 2139 <div class="flex items-center gap-10"> 2140 <ul class="flex items-center gap-10"> 2141 <li class="flex"> 2142 2143 2144 2145 <a class="text-white/50 hover:text-white text-[0.75rem] transition-colors" href="https://www.scayle.com/imprint/" target="_self"> 2146 Imprint 2147 </a> 2148 2149 </li> 2150 <li class="flex"> 2151 2152 2153 2154 <a class="text-white/50 hover:text-white text-[0.75rem] transition-colors" href="https://www.scayle.com/privacy-policy/" target="_self"> 2155 Privacy Policy 2156 </a> 2157 2158 </li> 2159 <li> 2160 <a class="text-white/50 hover:text-white text-[0.75rem] transition-colors" href="javascript:if(window.__ucCmp){ window.__ucCmp.showSecondLayer(); const ucsrContent = setInterval(function () {if(document.getElementById('usercentrics-cmp-ui').shadowRoot.getElementById('categories-tab-button')){clearInterval(ucsrContent);const ucsr = document.getElementById('usercentrics-cmp-ui').shadowRoot; ucsr.getElementById('categories-tab-button').classList.remove('active'); ucsr.getElementById('categoriesPanel').classList.remove('active'); ucsr.getElementById('services-tab-button').classList.add('active'); ucsr.getElementById('servicesPanel').classList.add('active');}}, 10);}"> 2161 Preference Center (Consent management) 2162 </a> 2163 </li> 2164 </ul> 2165 <div x-data="{ 2166 open: false, 2167 toggle() { 2168 if (this.open) { 2169 return this.close() 2170 } 2171 2172 this.$refs.button.focus() 2173 2174 this.open = true 2175 }, 2176 close(focusAfter) { 2177 if (! this.open) { 2178 return 2179 } 2180 2181 this.open = false 2182 2183 focusAfter && focusAfter.focus() 2184 } 2185 }" 2186 @keydown.escape.prevent.stop="close($refs.button)" 2187 @focusin.window="! $refs.panel.contains($event.target) && close()" 2188 x-id="['dropdown-button']" 2189 class="relative" 2190 > 2191 2192 <button 2193 x-ref="button" 2194 @click="toggle()" 2195 :aria-expanded="open" 2196 :aria-controls="$id('dropdown-button')" 2197 type="button" 2198 class="flex items-center gap-2 xl:text-white xl:text-[0.875rem] transition-colors group" 2199 > 2200 EN 2201 <svg class="mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2202 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046
2202-0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/> 2203 </svg> 2204 </button> 2205 2206 <div x-ref="panel" 2207 x-show="open" 2208 x-transition.origin.top.left 2209 @click.outside="close($refs.button)" 2210 :id="$id('dropdown-button')" 2211 style="display: none;" 2212 class="absolute right-0 bottom-[calc(100%+1.5rem)] mt-2 w-40 rounded-md bg-white border-gray-200 py-6 lg:py-8 [&>a.active]:bg-gray shadow-[0_4px_8px_rgb(61_64_67_/_2%),0_100px_30px_rgb(61_64_67_/_3%),0_20px_50px_rgb(61_64_67_/_9%)]"> 2213 <a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 bg-gray-200" href="https://www.scayle.com/library/blog/">EN â English</a></li><a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 " href="https://www.scayle.com/de/library/blog/">DE â Deutsch</a></li> </div> 2214 </div> 2215 2216 </div> 2217 <div> 2218 <a href="https://www.linkedin.com/company/scaylecommerce" target="_blank" rel="nofollow noopener" aria-label="LinkedIn Profile"> 2219 <svg height="17" viewBox="0 0 17 17" width="17" xmlns="http://www.w3.org/2000/svg"><path d="m71.3538051 0h-14.6862484c-.400534 0-.6675567.2670227-.6675567.66755674v14.68624836c0 .400534.2670227.6675567.6675567.6675567h14.6862484c.400534 0 .6675567-.2670227.6675567-.6675567v-14.68624836c0-.40053404-.2670227-.66755674-.6675567-.66755674zm-10.6141522 13.6181575h-2.3364486v-7.61014682h2.4032042v7.61014682zm-1.2016022-8.67823761c-.7343124 0-1.4018691-.60080106-1.4018691-1.40186916 0-.73431241.600801-1.40186915 1.4018691-1.40186915.7343125 0 1.4018692.60080106 1.4018692 1.40186915 0 .8010681-.6008011 1.40186916-1.4018692 1.40186916zm10.0801068 8.67823761h-2.3815537v-3.70636628c0-.86040647 0-1.98555339-1.1907769-1.98555339-1.2569312 0-1.3892397.92659158-1.3892397 1.91936828v3.77255139h-2.3815538v-7.61128794h2.2492452v1.0589618c.3307714-.59566601 1.0584684-1.19133203 2.2492453-1.19133203 2.3815537 0 2.8446336 1.58844271 2.8446336 3.64018121z" fill="#ffffff80" transform="translate(-56)"/></svg> 2220 </a> 2221 </div> 2222 </div> 2223 </div> 2224 </footer> 2225 2226 <!-- 6sense --> 2227
2227<script id="6senseWebTag" src="https://j.6sc.co/j/ed524c92-f45a-4cc3-8f91-e42f830674ca.js"></script>
2227 2228 <!-- End 6sense --> 2229 2230
2230<script type="text/javascript">window.GlobalVars={"algolia_app_id":"SZ99QC5ULN","algolia_search_key":"402feb971a2cf96b00f00bef2d60e9ba","current_language":"English"};</script>
2230 2231 2232
2232<script type="speculationrules"> 2233{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/content/uploads/*","/content/*","/content/plugins/*","/content/themes/scayle/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2234</script>
vendor: 1 bytes, line 2234
2234
2235<script id="frontend-script-js" src="https://www.scayle.com/content/themes/scayle/assets/js/frontend.js?ver=1790696086"></script>
2235 2236 2237</body> 2238</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.