Otwórz swój własny sklep internetowy

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="user-scalable=no, initial-scale = 1.0, maximum-scale = 1.0, width=device-width"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Otwórz swój własny sklep internetowy - IdoSell</title> <meta name="keywords" content=""/> <meta name="description" content="Otwórz swój własny sklep internetowy"/> <link rel="canonical" href="https://www.idosell.com/pl/otworz-swoj-wlasny-sklep-internetowy/"> <meta property="og:title" content="Otwórz swój własny sklep internetowy"/><meta property="og:type" content="website"/><meta property="og:locale" content="pl_PL"/><meta property="og:description" content="Otwórz swój własny sklep internetowy"/><meta property="og:url" content="https://www.idosell.com/pl/otworz-swoj-wlasny-sklep-internetowy/"/><meta property="og:image" content="https://www.idosell.com/gfx/new_design/img/homepage_idosell_shop_pl.png"/><meta property="og:site_name" content="IdoSell"/> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "LocalBusiness", "name": "IAI", "@id": "IdoSell", "image": [ "https://www.idosell.com/panel/file-gate.php?id=39557&ext=.png" ], "address": { "@type": "PostalAddress", "streetAddress": "Piastów 30", "addressLocality": "Szczecin", "addressRegion": "SZ", "postalCode": "71-064", "addressCountry": "PL" }, "geo": { "@type": "GeoCoordinates", "latitude": "53.41", "longitude": "14.53" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "09:00", "closes": "17:00" } ], "telephone": "+48 91 443 66 00" } </script> <link rel="stylesheet" href="/gfx/new_design/css/full.css?r=18"> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"/><link rel="shortcut icon" type="image/png" href="/gfx/icon-shop.png"/><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.idosell.com/pl/shop/", "potentialAction": { "@type": "SearchAction", "target": "https://www.idosell.com/pl/shop/search/?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="text/javascript"> /* <![CDATA[ */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)} ,i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2810032-1', 'auto'); ga('send', 'pageview'); /* ]]> */ </script><meta name="facebook-domain-verification" content="85xl3o9hpzrjja5gjgq5o6b6pe0wvw" /></head> <body class="px-3 px-md-0 bg"><script> dataLayer = [{ 'internalIAINetwork': '' }]; </script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MM74KX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MM74KX');</script>  <div class="layout d-flex flex-column"><script> var dynamicTXT = {"Demo":"Demo ","Informacja":"Informacja","JakZalozycSklepInternetowyX":"Jak za\u0142o\u017cy\u0107 sklep internetowy?","KodJestNiepoprawny":"Kod jest niepoprawny","MozliweZeNoweOpcjeNieSaJeszczeWidoczneWTwoimPaneluAdministarcyjnnym":"Mo\u017cliwe, \u017ce nowe opcje nie s\u0105 jeszcze widoczne w Twoim panelu administracyjnym.","NieMaZCzegoWybierac":"Nie ma z czego wybiera\u0107","NieZnalezionoWynikow":"Nie znaleziono wynik\u00f3w","OczekiwanaPrzezCiebieFunkcjonalnoscJestSukcesywnieInstalowanaWKolejnychSklepachIPowinnaPojawicSieWTwoimSklepieWTerminieDoDwochTygodni":"Oczekiwana przez Ciebie funkcjonalno\u015b\u0107 jest sukcesywnie instalowana w kolejnych sklepach i powinna pojawi\u0107 si\u0119 w Twoim sklepie w terminie do dw\u00f3ch tygodni.","Powrot":"Powr\u00f3t","PrzesunKolumnyTabelkiPalcem":"Przesu\u0144 kolumny tabelki palcem","WcisnijAbyWybrac":"Wci\u015bnij aby wybra\u0107","Wczytywanie":"Wczytywanie...","WybierzKraj":"Wybierz kraj","WybierzPanstwo":"Wybierz pa\u0144stwo","fpTopMenuInstallationTekst":"Procedura wdro\u017cenia","fpTopMenuManualTekst":"Poradnik","fpTopMenuOrderTekst":"Za\u0142\u00f3\u017c sklep","fpTopMenuTermsTekst":"Umowa, regulamin i rozliczenia","fpTopMenuTimeTekst":"Czas realizacji"};</script><header class="container"> <div class="header_content"> <div class="header__logo logo"> <a class="logo__link" href="https://www.idosell.com/pl/"> <img class="logo__image" src="/img/logo-idosell-dots.svg" alt="IdoSell" /> </a> </div> <nav class="header__menu menu"> <button type="button" class="menu__toggler d-md-none"> <i class="fas fa-bars"></i> </button> <div class="menu__collapse flex-column flex-md-row-reverse d-flex justify-content-start"> <ul class="d-md-flex main_menu_mobile order-2 order-md-0"> <li class="menu__item d-md-flex --small --align-right"> <a href="#" class="menu__link px-md-3 d-md-flex align-items-md-center"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"> <path d="M16.5136 15.1375C15.5711 13.4832 14.0992 12.1941 12.335 11.4779C13.2123 10.8199 13.8604 9.90261 14.1874 8.85585C14.5143 7.8091 14.5037 6.686 14.1569 5.64564C13.8101 4.60528 13.1448 3.7004 12.2551 3.05919C11.3655 2.41797 10.2967 2.07293 9.20002 2.07293C8.10338 2.07293 7.03454 2.41797 6.14491 3.05919C5.25527 3.7004 4.58993 4.60528 4.24315 5.64564C3.89636 6.686 3.8857 7.8091 4.21268 8.85585C4.53967 9.90261 5.18771 10.8199 6.06502 11.4779C4.30084 12.1941 2.82899 13.4832 1.88639 15.1375C1.82799 15.2314 1.78906 15.3361 1.77192 15.4454C1.75479 15.5546 1.7598 15.6662 1.78665 15.7735C1.8135 15.8808 1.86166 15.9816 1.92824 16.0699C1.99482 16.1582 2.07848 16.2322 2.17425 16.2875C2.27001 16.3429 2.37591 16.3784 2.48567 16.3919C2.59543 16.4055 2.7068 16.3969 2.81316 16.3666C2.91951 16.3362 3.01869 16.2849 3.10478 16.2154C3.19088 16.146 3.26214 16.06 3.31433 15.9625C4.56008 13.8092 6.76008 12.525 9.20002 12.525C11.64 12.525 13.84 13.8099 15.0857 15.9625C15.1988 16.1444 15.3782 16.2751 15.586 16.3271C15.7937 16.3791 16.0136 16.3483 16.199 16.2411C16.3844 16.134 16.5209 15.959 16.5797 15.753C16.6384 15.547 16.6147 15.3263 16.5136 15.1375ZM5.62502 7.29999C5.62502 6.59292 5.83469 5.90173 6.22751 5.31383C6.62034 4.72592 7.17868 4.26771 7.83193 3.99712C8.48517 3.72654 9.20398 3.65574 9.89747 3.79368C10.5909 3.93163 11.228 4.27211 11.7279 4.77208C12.2279 5.27206 12.5684 5.90906 12.7063 6.60254C12.8443 7.29603 12.7735 8.01484 12.5029 8.66809C12.2323 9.32133 11.7741 9.87967 11.1862 10.2725C10.5983 10.6653 9.90709 10.875 9.20002 10.875C8.2522 10.8739 7.34352 10.4969 6.67332 9.82669C6.00311 9.15649 5.62611 8.24781 5.62502 7.29999Z" fill="#171717"/> </svg> <span class="d-md-none">Konto użytkownika</span></a> <ul class="submenu d-none"> <li class="submenu__item nav_item"> <a class="menu__link" href="https://www.idosell.com/pl/dashboard/?ref=%2Fpl%2Forder%2F" rel="nofollow">Zaloguj się</a> </li><li class="submenu__item nav_item"> <a class="menu__link" href="https://www.idosell.com/pl/order/" rel="nofollow">Zamów sklep</a> </li> </ul> </li> </ul> <form action="https://www.idosell.com/pl/search/" class="brand-search form ml-md-4"> <button type="submit" class="menu__link --search"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"> <path d="M16.7837 15.5163L13.5188 12.25C14.4977 10.9743 14.9547 9.37405 14.7972 7.77379C14.6396 6.17353 13.8792 4.69312 12.6703 3.63287C11.4613 2.57262 9.89436 2.01193 8.28722 2.06453C6.68009 2.11712 5.15313 2.77908 4.0161 3.9161C2.87908 5.05313 2.21712 6.58009 2.16453 8.18723C2.11193 9.79436 2.67262 11.3613 3.73287 12.5703C4.79312 13.7792 6.27353 14.5396 7.87379 14.6972C9.47405 14.8547 11.0743 14.3977 12.35 13.4188L15.6177 16.6871C15.6944 16.7639 15.7855 16.8247 15.8858 16.8663C15.9861 16.9078 16.0935 16.9292 16.2021 16.9292C16.3106 16.9292 16.4181 16.9078 16.5183 16.8663C16.6186 16.8247 16.7097 16.7639 16.7864 16.6871C16.8632 16.6104 16.9241 16.5193 16.9656 16.419C17.0071 16.3187 17.0285 16.2113 17.0285 16.1028C17.0285 15.9942 17.0071 15.8868 16.9656 15.7865C16.9241 15.6862 16.8632 15.5951 16.7864 15.5184L16.7837 15.5163ZM3.825 8.40001C3.825 7.47538 4.09919 6.57151 4.61288 5.80271C5.12658 5.03391 5.85671 4.43471 6.71096 4.08087C7.5652 3.72703 8.50519 3.63445 9.41205 3.81483C10.3189 3.99522 11.1519 4.44047 11.8057 5.09428C12.4595 5.74809 12.9048 6.5811 13.0852 7.48796C13.2656 8.39482 13.173 9.33481 12.8191 10.1891C12.4653 11.0433 11.8661 11.7734 11.0973 12.2871C10.3285 12.8008 9.42463 13.075 8.5 13.075C7.26051 13.0737 6.07214 12.5808 5.19569 11.7043C4.31923 10.8279 3.82628 9.6395 3.825 8.40001Z" fill="#171717"/> </svg> </button> <div class="form__group container"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M15.9837 15.0163L12.7188 11.75C13.6977 10.4743 14.1547 8.87404 13.9972 7.27378C13.8396 5.67352 13.0792 4.19312 11.8703 3.13287C10.6613 2.07262 9.09437 1.51192 7.48723 1.56452C5.88009 1.61712 4.35313 2.27907 3.21611 3.4161C2.07908 4.55312 1.41713 6.08008 1.36453 7.68722C1.31193 9.29436 1.87263 10.8613 2.93288 12.0703C3.99312 13.2792 5.47353 14.0396 7.07379 14.1972C8.67405 14.3547 10.2743 13.8977 11.55 12.9187L14.8177 16.1871C14.8944 16.2639 14.9855 16.3247 15.0858 16.3663C15.1861 16.4078 15.2935 16.4292 15.4021 16.4292C15.5106 16.4292 15.6181 16.4078 15.7183 16.3663C15.8186 16.3247 15.9097 16.2639 15.9864 16.1871C16.0632 16.1104 16.1241 16.0193 16.1656 15.919C16.2071 15.8187 16.2285 15.7113 16.2285 15.6027C16.2285 15.4942 16.2071 15.3868 16.1656 15.2865C16.1241 15.1862 16.0632 15.0951 15.9864 15.0184L15.9837 15.0163ZM3.02501 7.9C3.02501 6.97537 3.29919 6.07151 3.81289 5.30271C4.32658 4.53391 5.05672 3.9347 5.91096 3.58086C6.76521 3.22702 7.70519 3.13444 8.61206 3.31483C9.51892 3.49521 10.3519 3.94046 11.0057 4.59428C11.6595 5.24809 12.1048 6.08109 12.2852 6.98795C12.4656 7.89481 12.373 8.8348 12.0191 9.68904C11.6653 10.5433 11.0661 11.2734 10.2973 11.7871C9.5285 12.3008 8.62464 12.575 7.70001 12.575C6.46051 12.5737 5.27215 12.0808 4.39569 11.2043C3.51923 10.3279 3.02628 9.1395 3.02501 7.9Z" fill="#C8C8C8"/> </svg> <input name="q" type="text" class="form__input" placeholder="Wpisz czego szukasz" autocomplete="off"/> <button type="search" class="button --solid">Szukaj</button> <input type="hidden" name="title" value="all"/> </div> </form> <ul class="d-md-flex pt-0 order-3 order-md-0"><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/oferta-idosell/" data-dropdown="hover0" data-options="is_hover:true;">Oferta</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/oferta-idosell/" class="menu__link">Oferta IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/abonamenty/" class="menu__link">Abonamenty</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/sprzedaz-miedzynarodowa/" class="menu__link">Crossborder z IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/implementation-package/pakiety-wdrozeniowe/" class="menu__link">Wdrożenie sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Personalizacja powdrożeniowa sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/unikalne-wsparcie-w-ramach-abonamentu-przy-zakladaniu-oraz-prowadzeniu-sklepu-internetowego/" class="menu__link">Nieograniczone wsparcie techniczne</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/safety/bezpieczny-sklep-internetowy-idosell-z-sla-na-poziomie-99-98/" class="menu__link">Bezpieczeństwo i infrastruktura serwerowa</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/safety/legalshop/sklep-internetowy-zgodny-z-prawem/" class="menu__link">Sklep zgodny z prawem</a></li></ul></li><li class="menu__item d-md-flex"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/">Możliwości</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/sales/sprzedaz-w-sklepie-internetowym-idosell/" class="menu__link">Sprzedaż</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/checkout/szybsze-i-wygodniejsze-zakupy-z-wieksza-konwersja-express-chcekout/" class="menu__link">Szybkie płatności</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/subscription-module/rozpocznij-sprzedaz-subskrypcyjna-z-idosell/" class="menu__link">Sprzedaż subskrypcyjna</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/b2b/uruchom-hurtownie-internetowa-w-idosell-i-skutecznie-zarzadzaj-relacjami-b2b/" class="menu__link">Sprzedaż hurtowa (B2B)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/multishop/" class="menu__link">Multishop</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/omnichannel/sprzedaz-wielokanalowa-w-sklepie-internetowym/" class="menu__link">Obsługa sprzedaży stacjonarnej</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/self-publishing/obsluga-self-publishing-sprzedawaj-swobodnie-wlasne-ksiazki-kursy-muzyke-wszystko-co-kreatywnie-stworzysz-przez-idosell/" class="menu__link">Obsługa self-publishing</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/" class="menu__link">Marketing</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/allegro-ads/allegro-ads-prowadzenie-kampanii-z-traffic-trends/" class="menu__link">Allegro Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/meta-ads/facebook-ads-i-instagram-ads-prowadzenie-kampanii-z-traffic-trends/" class="menu__link">Facebook Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/reklamy-google-od-idosell/" class="menu__link">Google Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/automation/marketing-automation-system-automatyzacji-marketingu-w-sklepie-internetowym/" class="menu__link">Marketing automation</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/seo-traffic/pozycjonowanie-i-optymalizacja-sklepu-internetowego-z-traffic-trends/" class="menu__link">Pozycjonowanie sklepu internetowego</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/affiliate-program/program-partnerski-w-sklepie-internetowym/" class="menu__link">Program partnerski</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/loyalty-program/program-lojalnosciowy/" class="menu__link">Program lojalnościowy</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/recommendations/inteligentny-system-rekomendacji-produktowych-idosell-rs/" class="menu__link">Rekomendacje produktowe IdoSell RS</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/" class="menu__link">Wsparcie kampanii promocyjnych i marketingowych</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/integrations/trade-tracker/tradetracker/" class="menu__link">Systemy afiliacyjne</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/" class="menu__link">Poprawa konwersji</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/searching-pro/searching-pro-the-intelligent-text-search-engine/" class="menu__link">Inteligentna wyszukiwarka tekstowa (AI)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/recommendations/inteligentny-system-rekomendacji-produktowych-idosell-rs/" class="menu__link">Inteligentne rekomendacje produktów (AI)</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/otworz-swoj-wlasny-sklep-internetowy/" class="menu__link">Wygląd sklepu</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design/standard/standard-estetycznie-standardowo-natychmiast/" class="menu__link">Szablon Standard</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/kolekcje-towarow/" class="menu__link">Kolekcje</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/sklep-rwd-mobile/" class="menu__link">Sklep RWD</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Customizacja dowolnych elementów sklepu</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design-gallery/galeria-designow-idosell/" class="menu__link">Galeria designów</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design/logo/projektowanie-logo-firmy-i-sklepu-internetowego-z-idosell/" class="menu__link">Projektowanie logo</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/logistics/procesy-i-logistyka-w-sklepie-idosell/" class="menu__link">Procesy i logistyka</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wms/system-zarzadzania-magazynem-wms/" class="menu__link">System zarządzania magazynem (WMS)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/erp/integracja-z-systemem-erp-sklepu-internetowego-idosell/" class="menu__link">Funkcje i Integracja z ERP</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/returns/zwroty-towarow-sprzedanych-w-sklepie-internetowym/" class="menu__link">Obsługa zwrotów towarów</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/complaints/complaints/" class="menu__link">Moduł reklamacji (RMA)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/justintime/just-in-time-deliveries-with-idosell/" class="menu__link">Obsługa dropshipping i cross-docking</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wms/fulfillment/fulfillment-czyli-kompleksowa-obsluga-procesow-magazynowych-przez-wyspecjalizowana-firme-zewnetrzna/" class="menu__link">Pełna obsługa fulfillment</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/sprzedaz-plikow-cyfrowych/" class="menu__link">Sprzedaż plików</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/wealthon/" class="menu__link">Finansowanie</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wealthon/" class="menu__link">Wealthon</a></li></ul></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/services/ecommerce-services/" data-dropdown="hover2" data-options="is_hover:true;">Usługi</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/audyt-sklepu-internetowego/" class="menu__link">Audyt sklepu internetowego</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/whatwedo/co-mozemy-zrobic-dla-twojego-sklepu/" class="menu__link">Co możemy zrobić dla Twojego sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/custom-apps/programowanie-indywidualnych-rozwiazan/" class="menu__link">Indywidualne rozwiązania</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/import/import-danych-do-sklepu-internetowego-idosell/" class="menu__link">Importy danych</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Obsługa graficzna po wdrożeniu</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/integracje/" data-dropdown="hover3" data-options="is_hover:true;">Integracje</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/kurierzy/" class="menu__link">Kurierzy</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/systemy-platnosci-obslugiwane-w-idosell/" class="menu__link">Płatności</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketplaces-sprzedawaj-swoje-towary-w-wielu-miejscach-jednoczesnie-na-calym-swiecie/integracja-sklepu-internetowego-z-serwisem-aukcyjnym-allegro/" class="menu__link">Allegro</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/amazon/integracja-sklepu-internetowego-z-amazon/" class="menu__link">Amazon</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketplaces/" class="menu__link">Marketplaces</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/-integracje-gotowe-do-wlaczenia-jednym-kliknieciem-porownywarki-katalogi-serwisy-opinii/" class="menu__link">Porównywarki, katalogi i serwisy opinii</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/wms/fulfillment/fulfillment-czyli-kompleksowa-obsluga-procesow-magazynowych-przez-wyspecjalizowana-firme-zewnetrzna/" class="menu__link">Fulfillment (outsourcing magazynu i wysyłki)</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/integracja-z-hurtowniami/" class="menu__link">Integracja z hurtowniami</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/systemy-erp/" class="menu__link">Systemy ERP</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/partners/do-you-want-to-become-an-iai-partner/" class="menu__link">Dla partnerów</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/dla-developerow/" class="menu__link">Dla developerów</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/baza-wiedzy/" data-dropdown="hover4" data-options="is_hover:true;">Edukacja</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://pomoc.idosell.com" class="menu__link">Pomoc IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/beginners-guide/e-commerce-od-czego-zaczac/" class="menu__link">E-commerce - od czego zacząć</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/safety/sprawy-prawne-w-sklepie-internetowym/" class="menu__link">Prawo i bezpieczeństwo</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/przygotowanie-sklepu-do-sprzedazy/" class="menu__link">Przygotowanie sklepu do sprzedaży</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/multichannel-sales/sprzedaz-w-wielu-miejscach-multichannel/" class="menu__link">Sprzedaż w wielu miejscach (Multichannel)</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/historie-klientow-idosell/" class="menu__link">Historie klientów IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/podcast/posluchaj-podcastow-idosell-o-e-commerce/" class="menu__link">Śniadanie z e-commerce - podcast IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/baza-wiedzy/webinary/" class="menu__link">Webinary IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/growth-strategy/wyglad-sklepu-internetowego/" class="menu__link">Zwiększanie Sprzedaży</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/blog/" data-dropdown="hover5" data-options="is_hover:true;">Blog</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/edu" class="menu__link">Blog edu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/info" class="menu__link">Blog produktowy</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/abonamenty/" data-dropdown="hover6" data-options="is_hover:true;">Załóż sklep</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/abonamenty/" class="menu__link">ZAMÓW SKLEP</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/demo/try-idosell-demo-for-free/" class="menu__link">DEMO</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/beginners-guide/installation/etapy-instalacji-sklepu-internetowego-idosell/" class="menu__link">Procedura wdrożenia</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/personalizacja-sklepu-internetowego/" class="menu__link">Czas realizacji</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/jak-zalozyc-sklep-internetowy-w-2023-roku-1235327227/" class="menu__link">Jak założyć sklep internetowy?</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/uslugi/wdrozenie-sklepu-internetowego/sklep-pod-klucz/" class="menu__link">Gotowe sklepy internetowe</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/szczegolowy-cennik-idosell/" class="menu__link">Szczegółowy cennik</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/terms/regulamin-idosell/" class="menu__link">Umowa i regulamin</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/migracja/">Migracja</a></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/contact/skontaktuj-sie-z-nami-i-uzyskaj-unikalna-pomoc-w-prowadzeniu-sklepu-internetowego-idosell/" data-dropdown="hover8" data-options="is_hover:true;">KONTAKT</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/unikalne-wsparcie-w-ramach-abonamentu-przy-zakladaniu-oraz-prowadzeniu-sklepu-internetowego/" class="menu__link">Skontaktuj się z naszymi specjalistami</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/training/szkolenia-z-obslugi-uslugi-idosell-shop/" class="menu__link">Szkolenia dla klientów</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/partners/do-you-want-to-become-an-iai-partner/" class="menu__link">Dla partnerów</a></li><li class="submenu__item nav_item"><a href="https://www.iai-sa.com/pl/dsa/" class="menu__link">DSA</a></li></ul></li></ul> <div class="aside_mobile d-md-none bg-alternate order-1 order-md-0 main_menu_mobile"></div> </div> </nav> </div> </header> <div class="container mb-5"> <div class="row content align-items-start"> <div class="col-md-12"><script>var EXTERNAL_FRAGMENT; const data = {"mode":1,"mode_1":{"currency":"PLN","currencyID":1,"symbol":"","selectedContract":"charge","selectedPackage":"BASIC","selectedSubscription":"start","values":{"1":{"min_immediately_smart":"35\u00a0z\u0142","top_immediately_smart":"420\u00a0z\u0142","immediately_cloud":"189\u00a0z\u0142","immediately_elastic_cloud":"299\u00a0z\u0142","charge_smart":"79\u00a0z\u0142","charge_cloud":"189\u00a0z\u0142","charge_elastic_cloud":"299\u00a0z\u0142","activation_charge_smart":"309\u00a0z\u0142","activation_charge_cloud":"309\u00a0z\u0142","activation_charge_elastic_cloud":"309\u00a0z\u0142","activation_immediately_cloud":"0\u00a0z\u0142","activation_immediately_elastic_cloud":"0\u00a0z\u0142","total_immediately_cloud":"189\u00a0z\u0142","total_immediately_elastic_cloud":"299\u00a0z\u0142","total_immediately_smart":"420\u00a0z\u0142","total_charge_smart":"420\u00a0z\u0142","total_immediately_additional_cloud":"200\u00a0z\u0142","total_immediately_additional_elastic_cloud":"200\u00a0z\u0142","total_immediately_additional_smart":"50\u00a0z\u0142","standard":"0\u00a0z\u0142","basic":"999\u00a0z\u0142","advanced":"2499\u00a0z\u0142","sophisticated":"9999\u00a0z\u0142","supreme":"19199\u00a0z\u0142","individual":0,"basic_del":"999\u00a0z\u0142","advanced_del":"2499\u00a0z\u0142","reduced_basic":"500\u00a0z\u0142","reduced_advanced":"1000\u00a0z\u0142","activation_charge":"309\u00a0z\u0142","basic_promo":"1\u00a0z\u0142","advanced_promo":"1\u00a0z\u0142","sophisticated_promo":"1\u00a0z\u0142","advanced_surcharge":"1501\u00a0z\u0142","sophisticated_surcharge":"9001\u00a0z\u0142"},"4":{"min_immediately_smart":"\u00a39","top_immediately_smart":"\u00a3108","immediately_cloud":"\u00a359","immediately_elastic_cloud":"\u00a389","charge_smart":"\u00a319","charge_cloud":"\u00a359","charge_elastic_cloud":"\u00a389","activation_charge_smart":"\u00a3109","activation_charge_cloud":"\u00a3109","activation_charge_elastic_cloud":"\u00a3109","activation_immediately_cloud":"\u00a30","activation_immediately_elastic_cloud":"\u00a30","total_immediately_cloud":"\u00a359","total_immediately_elastic_cloud":"\u00a389","total_immediately_smart":"\u00a3108","total_charge_smart":"\u00a3108","total_immediately_additional_cloud":"\u00a3200","total_immediately_additional_elastic_cloud":"\u00a3200","total_immediately_additional_smart":"\u00a350","standard":"\u00a30","basic":"\u00a3799","advanced":"\u00a31579","sophisticated":"\u00a32909","supreme":"\u00a35059","individual":0,"basic_del":"\u00a3799","advanced_del":"\u00a31579","reduced_basic":"\u00a3100","reduced_advanced":"\u00a3100","activation_charge":"\u00a3109","basic_promo":"\u00a30","advanced_promo":"\u00a30","sophisticated_promo":"\u00a30","advanced_surcharge":"\u00a30","sophisticated_surcharge":"\u00a30"},"2":{"min_immediately_smart":"9\u20ac","top_immediately_smart":"108\u20ac","immediately_cloud":"69\u20ac","immediately_elastic_cloud":"99\u20ac","charge_smart":"25\u20ac","charge_cloud":"69\u20ac","charge_elastic_cloud":"99\u20ac","activation_charge_smart":"109\u20ac","activation_charge_cloud":"109\u20ac","activation_charge_elastic_cloud":"109\u20ac","activation_immediately_cloud":"0\u20ac","activation_immediately_elastic_cloud":"0\u20ac","total_immediately_cloud":"69\u20ac","total_immediately_elastic_cloud":"99\u20ac","total_immediately_smart":"108\u20ac","total_charge_smart":"108\u20ac","total_immediately_additional_cloud":"200\u20ac","total_immediately_additional_elastic_cloud":"200\u20ac","total_immediately_additional_smart":"50\u20ac","standard":"0\u20ac","basic":"949\u20ac","advanced":"1899\u20ac","sophisticated":"2299\u20ac","supreme":"6069\u20ac","individual":0,"basic_del":"949\u20ac","advanced_del":"1899\u20ac","reduced_basic":"100\u20ac","reduced_advanced":"100\u20ac","activation_charge":"109\u20ac","basic_promo":"0\u20ac","advanced_promo":"0\u20ac","sophisticated_promo":"0\u20ac","advanced_surcharge":"0\u20ac","sophisticated_surcharge":"0\u20ac"},"3":{"min_immediately_smart":"$9","top_immediately_smart":"$144","immediately_cloud":"$79","immediately_elastic_cloud":"$119","charge_smart":"$29","charge_cloud":"$79","charge_elastic_cloud":"$119","activation_charge_smart":"$109","activation_charge_cloud":"$109","activation_charge_elastic_cloud":"$109","activation_immediately_cloud":"$0","activation_immediately_elastic_cloud":"$0","total_immediately_cloud":"$79","total_immediately_elastic_cloud":"$119","total_immediately_smart":"$144","total_charge_smart":"$144","total_immediately_additional_cloud":"$200","total_immediately_additional_elastic_cloud":"$200","total_immediately_additional_smart":"$50","standard":"$0","basic":"$1239","advanced":"$2469","sophisticated":"$2299","supreme":"$7909","individual":0,"basic_del":"$1239","advanced_del":"$2469","reduced_basic":"$100","reduced_advanced":"$100","activation_charge":"$109","basic_promo":"$0","advanced_promo":"$0","sophisticated_promo":"$0","advanced_surcharge":"$0","sophisticated_surcharge":"$0"}},"inputValues":{"shop_name":"","mask_type":"","individual_quantity_hours":"","individual_implementation_cost":"","activation_charge":"","implementation_package_promo":"","order_email":"","order_tel":"","owner_nip":"","installation_remarks":"","orderStatus":"","owner_firmname":"","owner_address":"","owner_zipcode":"","owner_city":"","owner_country":"","owner_country_holder":"","order_firstname":"","order_lastname":"","order_position":""},"availableCurrencies":[{"name":"PLN","id":1,"symbol":"z\u0142"},{"name":"GBP","id":4,"symbol":"GBP"},{"name":"EUR","id":2,"symbol":"EUR"},{"name":"USD","id":3,"symbol":"USD"}],"availablePackages":[{"name":"STANDARD","id":"STANDARD"},{"name":"BASIC","id":"BASIC"},{"name":"ADVANCED","id":"ADVANCED"},{"name":"SOPHISTICATED","id":"SOPHISTICATED"},{"name":"SUPREME","id":"SUPREME"}],"implementation_packages":{"contract_of_indefinite_duration":{"current":{"1":{"standard_start":"0\u00a0z\u0142","basic_start":"999\u00a0z\u0142","go_start":"2499\u00a0z\u0142","go+_start":"9999\u00a0z\u0142","individual_start":"0\u00a0z\u0142","individual_per_hour_start":"190\u00a0z\u0142","standard_business":"0\u00a0z\u0142","basic_business":"999\u00a0z\u0142","go_business":"2499\u00a0z\u0142","go+_business":"9999\u00a0z\u0142","individual_business":"0\u00a0z\u0142","individual_per_hour_business":"190\u00a0z\u0142","standard_expert":"0\u00a0z\u0142","basic_expert":"999\u00a0z\u0142","go_expert":"2499\u00a0z\u0142","go+_expert":"9999\u00a0z\u0142","individual_expert":"0\u00a0z\u0142","individual_per_hour_expert":"190\u00a0z\u0142","standard_enterprise":"0\u00a0z\u0142","basic_enterprise":"999\u00a0z\u0142","go_enterprise":"2499\u00a0z\u0142","go+_enterprise":"9999\u00a0z\u0142","individual_enterprise":"0\u00a0z\u0142","individual_per_hour_enterprise":"190\u00a0z\u0142","standard_individual":"0\u00a0z\u0142","basic_individual":"999\u00a0z\u0142","go_individual":"2499\u00a0z\u0142","go+_individual":"9999\u00a0z\u0142","individual_individual":"0\u00a0z\u0142","individual_per_hour_individual":"0\u00a0z\u0142"},"4":{"standard_start":"\u00a30","basic_start":"\u00a3799","go_start":"\u00a31579","go+_start":"\u00a32909","individual_start":"\u00a30","individual_per_hour_start":"\u00a330","standard_business":"\u00a30","basic_business":"\u00a3799","go_business":"\u00a31579","go+_business":"\u00a32909","individual_business":"\u00a30","individual_per_hour_business":"\u00a330","standard_expert":"\u00a30","basic_expert":"\u00a3799","go_expert":"\u00a31579","go+_expert":"\u00a32909","individual_expert":"\u00a30","individual_per_hour_expert":"\u00a330","standard_enterprise":"\u00a30","basic_enterprise":"\u00a3799","go_enterprise":"\u00a31579","go+_enterprise":"\u00a32909","individual_enterprise":"\u00a30","individual_per_hour_enterprise":"\u00a330","standard_individual":"\u00a30","basic_individual":"\u00a3799","go_individual":"\u00a31579","go+_individual":"\u00a32909","individual_individual":"\u00a30","individual_per_hour_individual":"\u00a30"},"2":{"standard_start":"0\u20ac","basic_start":"949\u20ac","go_start":"1899\u20ac","go+_start":"2299\u20ac","individual_start":"0\u20ac","individual_per_hour_start":"35\u20ac","standard_business":"0\u20ac","basic_business":"949\u20ac","go_business":"1899\u20ac","go+_business":"2299\u20ac","individual_business":"0\u20ac","individual_per_hour_business":"35\u20ac","standard_expert":"0\u20ac","basic_expert":"949\u20ac","go_expert":"1899\u20ac","go+_expert":"2299\u20ac","individual_expert":"0\u20ac","individual_per_hour_expert":"35\u20ac","standard_enterprise":"0\u20ac","basic_enterprise":"949\u20ac","go_enterprise":"1899\u20ac","go+_enterprise":"2299\u20ac","individual_enterprise":"0\u20ac","individual_per_hour_enterprise":"35\u20ac","standard_individual":"0\u20ac","basic_individual":"949\u20ac","go_individual":"1899\u20ac","go+_individual":"2299\u20ac","individual_individual":"0\u20ac","individual_per_hour_individual":"0\u20ac"},"3":{"standard_start":"$0","basic_start":"$1239","go_start":"$2469","go+_start":"$2299","individual_start":"$0","individual_per_hour_start":"$40","standard_business":"$0","basic_business":"$1239","go_business":"$2469","go+_business":"$2299","individual_business":"$0","individual_per_hour_business":"$40","standard_expert":"$0","basic_expert":"$1239","go_expert":"$2469","go+_expert":"$2299","individual_expert":"$0","individual_per_hour_expert":"$40","standard_enterprise":"$0","basic_enterprise":"$1239","go_enterprise":"$2469","go+_enterprise":"$2299","individual_enterprise":"$0","individual_per_hour_enterprise":"$40","standard_individual":"$0","basic_individual":"$1239","go_individual":"$2469","go+_individual":"$2299","individual_individual":"$0","individual_per_hour_individual":"$0"}},"previous":{"1":{"standard_start":"0\u00a0z\u0142","basic_start":"1199\u00a0z\u0142","go_start":"3999\u00a0z\u0142","go+_start":"14999\u00a0z\u0142","individual_start":"0\u00a0z\u0142","individual_per_hour_start":"190\u00a0z\u0142","standard_business":"0\u00a0z\u0142","basic_business":"1199\u00a0z\u0142","go_business":"3999\u00a0z\u0142","go+_business":"14999\u00a0z\u0142","individual_business":"0\u00a0z\u0142","individual_per_hour_business":"190\u00a0z\u0142","standard_expert":"0\u00a0z\u0142","basic_expert":"1199\u00a0z\u0142","go_expert":"3999\u00a0z\u0142","go+_expert":"14999\u00a0z\u0142","individual_expert":"0\u00a0z\u0142","individual_per_hour_expert":"190\u00a0z\u0142","standard_enterprise":"0\u00a0z\u0142","basic_enterprise":"1199\u00a0z\u0142","go_enterprise":"3999\u00a0z\u0142","go+_enterprise":"14999\u00a0z\u0142","individual_enterprise":"0\u00a0z\u0142","individual_per_hour_enterprise":"190\u00a0z\u0142","standard_individual":"0\u00a0z\u0142","basic_individual":"1199\u00a0z\u0142","go_individual":"3999\u00a0z\u0142","go+_individual":"14999\u00a0z\u0142","individual_individual":"0\u00a0z\u0142","individual_per_hour_individual":"0\u00a0z\u0142"},"4":{"standard_start":"\u00a30","basic_start":"\u00a31199","go_start":"\u00a33999","go+_start":"\u00a314999","individual_start":"\u00a30","individual_per_hour_start":"\u00a330","standard_business":"\u00a30","basic_business":"\u00a31199","go_business":"\u00a33999","go+_business":"\u00a314999","individual_business":"\u00a30","individual_per_hour_business":"\u00a330","standard_expert":"\u00a30","basic_expert":"\u00a31199","go_expert":"\u00a33999","go+_expert":"\u00a314999","individual_expert":"\u00a30","individual_per_hour_expert":"\u00a330","standard_enterprise":"\u00a30","basic_enterprise":"\u00a31199","go_enterprise":"\u00a33999","go+_enterprise":"\u00a314999","individual_enterprise":"\u00a30","individual_per_hour_enterprise":"\u00a330","standard_individual":"\u00a30","basic_individual":"\u00a31199","go_individual":"\u00a33999","go+_individual":"\u00a314999","individual_individual":"\u00a30","individual_per_hour_individual":"\u00a30"},"2":{"standard_start":"0\u20ac","basic_start":"1199\u20ac","go_start":"3999\u20ac","go+_start":"14999\u20ac","individual_start":"0\u20ac","individual_per_hour_start":"35\u20ac","standard_business":"0\u20ac","basic_business":"1199\u20ac","go_business":"3999\u20ac","go+_business":"14999\u20ac","individual_business":"0\u20ac","individual_per_hour_business":"35\u20ac","standard_expert":"0\u20ac","basic_expert":"1199\u20ac","go_expert":"3999\u20ac","go+_expert":"14999\u20ac","individual_expert":"0\u20ac","individual_per_hour_expert":"35\u20ac","standard_enterprise":"0\u20ac","basic_enterprise":"1199\u20ac","go_enterprise":"3999\u20ac","go+_enterprise":"14999\u20ac","individual_enterprise":"0\u20ac","individual_per_hour_enterprise":"35\u20ac","standard_individual":"0\u20ac","basic_individual":"1199\u20ac","go_individual":"3999\u20ac","go+_individual":"14999\u20ac","individual_individual":"0\u20ac","individual_per_hour_individual":"0\u20ac"},"3":{"standard_start":"$0","basic_start":"$1199","go_start":"$3999","go+_start":"$14999","individual_start":"$0","individual_per_hour_start":"$40","standard_business":"$0","basic_business":"$1199","go_business":"$3999","go+_business":"$14999","individual_business":"$0","individual_per_hour_business":"$40","standard_expert":"$0","basic_expert":"$1199","go_expert":"$3999","go+_expert":"$14999","individual_expert":"$0","individual_per_hour_expert":"$40","standard_enterprise":"$0","basic_enterprise":"$1199","go_enterprise":"$3999","go+_enterprise":"$14999","individual_enterprise":"$0","individual_per_hour_enterprise":"$40","standard_individual":"$0","basic_individual":"$1199","go_individual":"$3999","go+_individual":"$14999","individual_individual":"$0","individual_per_hour_individual":"$0"}}},"contract_for_one_year":{"current":{"1":{"standard_start":"0\u00a0z\u0142","basic_start":"999\u00a0z\u0142","go_start":"2499\u00a0z\u0142","go+_start":"9999\u00a0z\u0142","individual_start":"0\u00a0z\u0142","individual_per_hour_start":"190\u00a0z\u0142","standard_business":"0\u00a0z\u0142","basic_business":"1\u00a0z\u0142","go_business":"2499\u00a0z\u0142","go+_business":"9999\u00a0z\u0142","individual_business":"0\u00a0z\u0142","individual_per_hour_business":"190\u00a0z\u0142","standard_expert":"0\u00a0z\u0142","basic_expert":"1\u00a0z\u0142","go_expert":"1\u00a0z\u0142","go+_expert":"9999\u00a0z\u0142","individual_expert":"0\u00a0z\u0142","individual_per_hour_expert":"190\u00a0z\u0142","standard_enterprise":"0\u00a0z\u0142","basic_enterprise":"1\u00a0z\u0142","go_enterprise":"1\u00a0z\u0142","go+_enterprise":"1\u00a0z\u0142","individual_enterprise":"0\u00a0z\u0142","individual_per_hour_enterprise":"190\u00a0z\u0142","standard_individual":"0\u00a0z\u0142","basic_individual":"1\u00a0z\u0142","go_individual":"1\u00a0z\u0142","go+_individual":"1\u00a0z\u0142","individual_individual":"0\u00a0z\u0142","individual_per_hour_individual":"0\u00a0z\u0142"},"4":{"standard_start":"\u00a30","basic_start":"\u00a3799","go_start":"\u00a31579","go+_start":"\u00a32909","individual_start":"\u00a30","individual_per_hour_start":"\u00a330","standard_business":"\u00a30","basic_business":"\u00a31","go_business":"\u00a31579","go+_business":"\u00a32909","individual_business":"\u00a30","individual_per_hour_business":"\u00a330","standard_expert":"\u00a30","basic_expert":"\u00a31","go_expert":"\u00a31","go+_expert":"\u00a32909","individual_expert":"\u00a30","individual_per_hour_expert":"\u00a330","standard_enterprise":"\u00a30","basic_enterprise":"\u00a31","go_enterprise":"\u00a31","go+_enterprise":"\u00a31","individual_enterprise":"\u00a30","individual_per_hour_enterprise":"\u00a330","standard_individual":"\u00a30","basic_individual":"\u00a31","go_individual":"\u00a31","go+_individual":"\u00a31","individual_individual":"\u00a30","individual_per_hour_individual":"\u00a30"},"2":{"standard_start":"0\u20ac","basic_start":"949\u20ac","go_start":"1899\u20ac","go+_start":"2299\u20ac","individual_start":"0\u20ac","individual_per_hour_start":"35\u20ac","standard_business":"0\u20ac","basic_business":"1\u20ac","go_business":"1899\u20ac","go+_business":"2299\u20ac","individual_business":"0\u20ac","individual_per_hour_business":"35\u20ac","standard_expert":"0\u20ac","basic_expert":"1\u20ac","go_expert":"1\u20ac","go+_expert":"2299\u20ac","individual_expert":"0\u20ac","individual_per_hour_expert":"35\u20ac","standard_enterprise":"0\u20ac","basic_enterprise":"1\u20ac","go_enterprise":"1\u20ac","go+_enterprise":"1\u20ac","individual_enterprise":"0\u20ac","individual_per_hour_enterprise":"35\u20ac","standard_individual":"0\u20ac","basic_individual":"1\u20ac","go_individual":"1\u20ac","go+_individual":"1\u20ac","individual_individual":"0\u20ac","individual_per_hour_individual":"0\u20ac"},"3":{"standard_start":"$0","basic_start":"$1239","go_start":"$2469","go+_start":"$2299","individual_start":"$0","individual_per_hour_start":"$40","standard_business":"$0","basic_business":"$1","go_business":"$2469","go+_business":"$2299","individual_business":"$0","individual_per_hour_business":"$40","standard_expert":"$0","basic_expert":"$1","go_expert":"$1","go+_expert":"$2299","individual_expert":"$0","individual_per_hour_expert":"$40","standard_enterprise":"$0","basic_enterprise":"$1","go_enterprise":"$1","go+_enterprise":"$1","individual_enterprise":"$0","individual_per_hour_enterprise":"$40","standard_individual":"$0","basic_individual":"$1","go_individual":"$1","go+_individual":"$1","individual_individual":"$0","individual_per_hour_individual":"$0"}},"previous":{"1":{"standard_start":"0\u00a0z\u0142","basic_start":"1199\u00a0z\u0142","go_start":"3999\u00a0z\u0142","go+_start":"14999\u00a0z\u0142","individual_start":"0\u00a0z\u0142","individual_per_hour_start":"190\u00a0z\u0142","standard_business":"0\u00a0z\u0142","basic_business":"1199\u00a0z\u0142","go_business":"3999\u00a0z\u0142","go+_business":"14999\u00a0z\u0142","individual_business":"0\u00a0z\u0142","individual_per_hour_business":"190\u00a0z\u0142","standard_expert":"0\u00a0z\u0142","basic_expert":"1199\u00a0z\u0142","go_expert":"3999\u00a0z\u0142","go+_expert":"14999\u00a0z\u0142","individual_expert":"0\u00a0z\u0142","individual_per_hour_expert":"190\u00a0z\u0142","standard_enterprise":"0\u00a0z\u0142","basic_enterprise":"1199\u00a0z\u0142","go_enterprise":"3999\u00a0z\u0142","go+_enterprise":"14999\u00a0z\u0142","individual_enterprise":"0\u00a0z\u0142","individual_per_hour_enterprise":"190\u00a0z\u0142","standard_individual":"0\u00a0z\u0142","basic_individual":"1199\u00a0z\u0142","go_individual":"3999\u00a0z\u0142","go+_individual":"14999\u00a0z\u0142","individual_individual":"0\u00a0z\u0142","individual_per_hour_individual":"0\u00a0z\u0142"},"4":{"standard_start":"\u00a30","basic_start":"\u00a31199","go_start":"\u00a33999","go+_start":"\u00a314999","individual_start":"\u00a30","individual_per_hour_start":"\u00a330","standard_business":"\u00a30","basic_business":"\u00a31199","go_business":"\u00a33999","go+_business":"\u00a314999","individual_business":"\u00a30","individual_per_hour_business":"\u00a330","standard_expert":"\u00a30","basic_expert":"\u00a31199","go_expert":"\u00a33999","go+_expert":"\u00a314999","individual_expert":"\u00a30","individual_per_hour_expert":"\u00a330","standard_enterprise":"\u00a30","basic_enterprise":"\u00a31199","go_enterprise":"\u00a33999","go+_enterprise":"\u00a314999","individual_enterprise":"\u00a30","individual_per_hour_enterprise":"\u00a330","standard_individual":"\u00a30","basic_individual":"\u00a31199","go_individual":"\u00a33999","go+_individual":"\u00a314999","individual_individual":"\u00a30","individual_per_hour_individual":"\u00a30"},"2":{"standard_start":"0\u20ac","basic_start":"1199\u20ac","go_start":"3999\u20ac","go+_start":"14999\u20ac","individual_start":"0\u20ac","individual_per_hour_start":"35\u20ac","standard_business":"0\u20ac","basic_business":"1199\u20ac","go_business":"3999\u20ac","go+_business":"14999\u20ac","individual_business":"0\u20ac","individual_per_hour_business":"35\u20ac","standard_expert":"0\u20ac","basic_expert":"1199\u20ac","go_expert":"3999\u20ac","go+_expert":"14999\u20ac","individual_expert":"0\u20ac","individual_per_hour_expert":"35\u20ac","standard_enterprise":"0\u20ac","basic_enterprise":"1199\u20ac","go_enterprise":"3999\u20ac","go+_enterprise":"14999\u20ac","individual_enterprise":"0\u20ac","individual_per_hour_enterprise":"35\u20ac","standard_individual":"0\u20ac","basic_individual":"1199\u20ac","go_individual":"3999\u20ac","go+_individual":"14999\u20ac","individual_individual":"0\u20ac","individual_per_hour_individual":"0\u20ac"},"3":{"standard_start":"$0","basic_start":"$1199","go_start":"$3999","go+_start":"$14999","individual_start":"$0","individual_per_hour_start":"$40","standard_business":"$0","basic_business":"$1199","go_business":"$3999","go+_business":"$14999","individual_business":"$0","individual_per_hour_business":"$40","standard_expert":"$0","basic_expert":"$1199","go_expert":"$3999","go+_expert":"$14999","individual_expert":"$0","individual_per_hour_expert":"$40","standard_enterprise":"$0","basic_enterprise":"$1199","go_enterprise":"$3999","go+_enterprise":"$14999","individual_enterprise":"$0","individual_per_hour_enterprise":"$40","standard_individual":"$0","basic_individual":"$1199","go_individual":"$3999","go+_individual":"$14999","individual_individual":"$0","individual_per_hour_individual":"$0"}}}},"subscriptionPrices":{"1":{"immediately":{"smart":"470\u00a0z\u0142","cloud":"389\u00a0z\u0142","elastic_cloud":"499\u00a0z\u0142"},"charge":{"smart":"966\u00a0z\u0142","cloud":"876\u00a0z\u0142","elastic_cloud":"1206\u00a0z\u0142"},"contract_for_one_year":{"smart":"470\u00a0z\u0142","start":"348\u00a0z\u0142","start_monthly":"29\u00a0z\u0142","business":"2490\u00a0z\u0142","business_monthly":"249\u00a0z\u0142","expert":"6190\u00a0z\u0142","expert_monthly":"619\u00a0z\u0142","enterprise":"18891\u00a0z\u0142","enterprise_monthly":"2099\u00a0z\u0142","individual":"103992\u00a0z\u0142","individual_monthly":"12999\u00a0z\u0142"},"contract_of_indefinite_duration":{"smart":"966\u00a0z\u0142","start":"109\u00a0z\u0142","business":"249\u00a0z\u0142","expert":"619\u00a0z\u0142","enterprise":"2099\u00a0z\u0142","individual":"12999\u00a0z\u0142"}},"4":{"immediately":{"smart":"\u00a3158","cloud":"\u00a3259","elastic_cloud":"\u00a3289"},"charge":{"smart":"\u00a3274","cloud":"\u00a3286","elastic_cloud":"\u00a3376"},"contract_for_one_year":{"smart":"\u00a3158","start":"\u00a3108","start_monthly":"\u00a39","business":"\u00a3590","business_monthly":"\u00a359","expert":"\u00a31290","expert_monthly":"\u00a3129","enterprise":"\u00a34041","enterprise_monthly":"\u00a3449","individual":"\u00a319992","individual_monthly":"\u00a32499"},"contract_of_indefinite_duration":{"smart":"\u00a3274","start":"\u00a329","business":"\u00a359","expert":"\u00a3129","enterprise":"\u00a3449","individual":"\u00a32499"}},"2":{"immediately":{"smart":"158\u20ac","cloud":"269\u20ac","elastic_cloud":"299\u20ac"},"charge":{"smart":"292\u20ac","cloud":"316\u20ac","elastic_cloud":"406\u20ac"},"contract_for_one_year":{"smart":"158\u20ac","start":"108\u20ac","start_monthly":"9\u20ac","business":"690\u20ac","business_monthly":"69\u20ac","expert":"1490\u20ac","expert_monthly":"149\u20ac","enterprise":"4941\u20ac","enterprise_monthly":"549\u20ac","individual":"20792\u20ac","individual_monthly":"2599\u20ac"},"contract_of_indefinite_duration":{"smart":"292\u20ac","start":"29\u20ac","business":"69\u20ac","expert":"149\u20ac","enterprise":"549\u20ac","individual":"2599\u20ac"}},"3":{"immediately":{"smart":"$194","cloud":"$279","elastic_cloud":"$319"},"charge":{"smart":"$340","cloud":"$346","elastic_cloud":"$466"},"contract_for_one_year":{"smart":"$194","start":"$108","start_monthly":"$9","business":"$790","business_monthly":"$79","expert":"$1690","expert_monthly":"$169","enterprise":"$4941","enterprise_monthly":"$549","individual":"$28792","individual_monthly":"$3599"},"contract_of_indefinite_duration":{"smart":"$340","start":"$39","business":"$79","expert":"$169","enterprise":"$549","individual":"$3599"}}},"additional_prices":{"start":{"limits":{"qualified_store_order_over_limit":{"active":"y","max_limit":"20","no_limit":"n","limit":"20","unit":"1","commission":null},"non_store_order_over_limit":{"active":"y","max_limit":"30","no_limit":"n","limit":"30","unit":"1","commission":null},"checkout20_by_inpost_pay":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_inpost":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_other":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_idosell_blik":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_idosell_pbl":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_idosell_paypo":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_idosell_card_blame":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"checkout20_by_idosell_card_id":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.49"},"translation":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"1000","commission":null},"api":{"active":"y","max_limit":"0","no_limit":"n","limit":"100000","unit":"100000","commission":null},"sku":{"active":"y","max_limit":"200000","no_limit":"n","limit":"200000","unit":"1","commission":null},"space":{"active":"y","max_limit":"0","no_limit":"n","limit":"10485760","unit":"1048576","commission":null}},"order_surcharges":{"qualified_store_order_over_limit":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"non_store_order_over_limit":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"functional_fees":{"additional_shop":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"whitelabel":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"company_branch":{"1":"50\u00a0z\u0142","4":"\u00a324","2":"24\u20ac","3":"$24"},"banking_pro":{"1":"99\u00a0z\u0142","4":"\u00a350","2":"57\u20ac","3":"$79"},"b2b":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"composer_pro":{"1":"99\u00a0z\u0142","4":"\u00a320","2":"22\u20ac","3":"$26"},"ssl":{"1":"115\u00a0z\u0142","4":"\u00a325","2":"25\u20ac","3":"$25"},"ssl_own_installation":{"1":"199\u00a0z\u0142","4":"\u00a349","2":"49\u20ac","3":"$49"}},"other_services":{"dynamic_product_groups":{"1":"50\u00a0z\u0142","4":"\u00a310","2":"11\u20ac","3":"$13"},"searching_pro":{"1":"79\u00a0z\u0142","4":"\u00a310","2":"12\u20ac","3":"$14"},"translation":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"supporting_applications":{"pos":{"1":"95\u00a0z\u0142","4":"\u00a324","2":"30\u20ac","3":"$48"},"printer":{"1":"50\u00a0z\u0142","4":"\u00a318","2":"22\u20ac","3":"$28"},"downloader":{"1":"110\u00a0z\u0142","4":"\u00a327","2":"33\u20ac","3":"$43"},"bridge":{"1":"135\u00a0z\u0142","4":"\u00a360","2":"66\u20ac","3":"$83"},"scanner":{"1":"120\u00a0z\u0142","4":"\u00a331","2":"36\u20ac","3":"$58"},"kamsoft_bridge":{"1":"330\u00a0z\u0142","4":"\u00a3150","2":"165\u20ac","3":"$210"}},"technical_fees":{"api":{"1":"40\u00a0z\u0142","4":"\u00a36","2":"6,50\u20ac","3":"$7"},"sku":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"space":{"1":"5\u00a0z\u0142","4":"\u00a31","2":"1,10\u20ac","3":"$1,20"}}},"start_one_year":{"limits":{"qualified_store_order_over_limit":null,"non_store_order_over_limit":null,"checkout20_by_inpost_pay":null,"checkout20_by_inpost":null,"checkout20_by_other":null,"checkout20_by_idosell_blik":null,"checkout20_by_idosell_pbl":null,"checkout20_by_idosell_paypo":null,"checkout20_by_idosell_card_blame":null,"checkout20_by_idosell_card_id":null,"translation":null,"api":{"active":"y","max_limit":"0","no_limit":"n","limit":"100000","unit":"100000","commission":null},"sku":null,"space":{"active":"y","max_limit":"0","no_limit":"n","limit":"10485760","unit":"1048576","commission":null}},"order_surcharges":{"qualified_store_order_over_limit":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"non_store_order_over_limit":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"functional_fees":{"additional_shop":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"whitelabel":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"company_branch":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"banking_pro":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"b2b":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"composer_pro":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"ssl":{"1":"115\u00a0z\u0142","4":"\u00a325","2":"25\u20ac","3":"$25"},"ssl_own_installation":{"1":"199\u00a0z\u0142","4":"\u00a349","2":"49\u20ac","3":"$49"}},"other_services":{"dynamic_product_groups":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"searching_pro":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"translation":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"supporting_applications":{"pos":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"printer":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"downloader":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"bridge":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"scanner":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"},"kamsoft_bridge":{"1":"9,99\u00a0z\u0142","4":"\u00a34,99","2":"4,99\u20ac","3":"$4,99"}},"technical_fees":{"api":{"1":"30\u00a0z\u0142","4":"\u00a36","2":"6,50\u20ac","3":"$7"},"sku":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"space":{"1":"5\u00a0z\u0142","4":"\u00a31","2":"1,10\u20ac","3":"$1,20"}}},"business":{"limits":{"qualified_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"60","unit":"1","commission":null},"non_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"180","unit":"1","commission":null},"checkout20_by_inpost_pay":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_inpost":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_other":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_blik":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_pbl":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_paypo":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_card_blame":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_card_id":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"translation":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"1000","commission":null},"api":{"active":"y","max_limit":"0","no_limit":"n","limit":"100000","unit":"100000","commission":null},"sku":{"active":"y","max_limit":"200000","no_limit":"n","limit":"200000","unit":"1","commission":null},"space":{"active":"y","max_limit":"0","no_limit":"n","limit":"10485760","unit":"1048576","commission":null}},"order_surcharges":{"qualified_store_order_over_limit":{"1":"1,45\u00a0z\u0142","4":"\u00a30,39","2":"0,45\u20ac","3":"$0,49"},"non_store_order_over_limit":{"1":"0,45\u00a0z\u0142","4":"\u00a30,11","2":"0,13\u20ac","3":"$0,14"}},"functional_fees":{"additional_shop":{"1":"39\u00a0z\u0142","4":"\u00a313","2":"16\u20ac","3":"$25"},"whitelabel":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"company_branch":{"1":"29\u00a0z\u0142","4":"\u00a312","2":"12\u20ac","3":"$12"},"banking_pro":{"1":"99\u00a0z\u0142","4":"\u00a328","2":"32\u20ac","3":"$44"},"b2b":{"1":"99\u00a0z\u0142","4":"\u00a322","2":"27\u20ac","3":"$35"},"composer_pro":{"1":"79\u00a0z\u0142","4":"\u00a316","2":"18\u20ac","3":"$21"},"ssl":{"1":"115\u00a0z\u0142","4":"\u00a325","2":"25\u20ac","3":"$25"},"ssl_own_installation":{"1":"199\u00a0z\u0142","4":"\u00a349","2":"49\u20ac","3":"$49"}},"other_services":{"dynamic_product_groups":{"1":"29\u00a0z\u0142","4":"\u00a36","2":"7\u20ac","3":"$8"},"searching_pro":{"1":"79\u00a0z\u0142","4":"\u00a310","2":"12\u20ac","3":"$14"},"translation":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"supporting_applications":{"pos":{"1":"59\u00a0z\u0142","4":"\u00a313","2":"16\u20ac","3":"$25"},"printer":{"1":"39\u00a0z\u0142","4":"\u00a311","2":"13\u20ac","3":"$17"},"downloader":{"1":"99\u00a0z\u0142","4":"\u00a322","2":"27\u20ac","3":"$35"},"bridge":{"1":"119\u00a0z\u0142","4":"\u00a349","2":"54\u20ac","3":"$68"},"scanner":{"1":"79\u00a0z\u0142","4":"\u00a318","2":"21\u20ac","3":"$34"},"kamsoft_bridge":{"1":"189\u00a0z\u0142","4":"\u00a386","2":"95\u20ac","3":"$121"}},"technical_fees":{"api":{"1":"40\u00a0z\u0142","4":"\u00a36","2":"6,50\u20ac","3":"$7"},"sku":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"space":{"1":"5\u00a0z\u0142","4":"\u00a31","2":"1,10\u20ac","3":"$1,20"}}},"expert":{"limits":{"qualified_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"60","unit":"1","commission":null},"non_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"180","unit":"1","commission":null},"checkout20_by_inpost_pay":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_inpost":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_other":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_blik":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_pbl":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_paypo":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_card_blame":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"checkout20_by_idosell_card_id":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.39"},"translation":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"1000","commission":null},"api":{"active":"y","max_limit":"0","no_limit":"n","limit":"200000","unit":"100000","commission":null},"sku":{"active":"y","max_limit":"200000","no_limit":"n","limit":"200000","unit":"1","commission":null},"space":{"active":"y","max_limit":"0","no_limit":"n","limit":"20971520","unit":"1048576","commission":null}},"order_surcharges":{"qualified_store_order_over_limit":{"1":"1,45\u00a0z\u0142","4":"\u00a30,39","2":"0,45\u20ac","3":"$0,49"},"non_store_order_over_limit":{"1":"0,45\u00a0z\u0142","4":"\u00a30,11","2":"0,13\u20ac","3":"$0,14"}},"functional_fees":{"additional_shop":{"1":"39\u00a0z\u0142","4":"\u00a313","2":"16\u20ac","3":"$25"},"whitelabel":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"company_branch":{"1":"29\u00a0z\u0142","4":"\u00a312","2":"12\u20ac","3":"$12"},"banking_pro":{"1":"99\u00a0z\u0142","4":"\u00a328","2":"32\u20ac","3":"$44"},"b2b":{"1":"99\u00a0z\u0142","4":"\u00a322","2":"27\u20ac","3":"$35"},"composer_pro":{"1":"79\u00a0z\u0142","4":"\u00a316","2":"18\u20ac","3":"$21"},"ssl":{"1":"115\u00a0z\u0142","4":"\u00a325","2":"25\u20ac","3":"$25"},"ssl_own_installation":{"1":"199\u00a0z\u0142","4":"\u00a349","2":"49\u20ac","3":"$49"}},"other_services":{"dynamic_product_groups":{"1":"29\u00a0z\u0142","4":"\u00a36","2":"7\u20ac","3":"$8"},"searching_pro":{"1":"79\u00a0z\u0142","4":"\u00a310","2":"12\u20ac","3":"$14"},"translation":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"supporting_applications":{"pos":{"1":"59\u00a0z\u0142","4":"\u00a313","2":"16\u20ac","3":"$25"},"printer":{"1":"39\u00a0z\u0142","4":"\u00a311","2":"13\u20ac","3":"$17"},"downloader":{"1":"99\u00a0z\u0142","4":"\u00a322","2":"27\u20ac","3":"$35"},"bridge":{"1":"119\u00a0z\u0142","4":"\u00a349","2":"54\u20ac","3":"$68"},"scanner":{"1":"79\u00a0z\u0142","4":"\u00a318","2":"21\u20ac","3":"$34"},"kamsoft_bridge":{"1":"189\u00a0z\u0142","4":"\u00a386","2":"95\u20ac","3":"$121"}},"technical_fees":{"api":{"1":"40\u00a0z\u0142","4":"\u00a36","2":"6,50\u20ac","3":"$7"},"sku":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"space":{"1":"5\u00a0z\u0142","4":"\u00a31","2":"1,10\u20ac","3":"$1,20"}}},"enterprise":{"limits":{"qualified_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"200","unit":"1","commission":null},"non_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"600","unit":"1","commission":null},"checkout20_by_inpost_pay":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_inpost":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_other":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_blik":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_pbl":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_paypo":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_card_blame":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_card_id":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"translation":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"1000","commission":null},"api":{"active":"y","max_limit":"0","no_limit":"n","limit":"500000","unit":"100000","commission":null},"sku":{"active":"y","max_limit":"0","no_limit":"y","limit":"0","unit":"0","commission":null},"space":{"active":"y","max_limit":"0","no_limit":"n","limit":"52428800","unit":"1048576","commission":null}},"order_surcharges":{"qualified_store_order_over_limit":{"1":"0,75\u00a0z\u0142","4":"\u00a30,20","2":"0,22\u20ac","3":"$0,24"},"non_store_order_over_limit":{"1":"0,35\u00a0z\u0142","4":"\u00a30,08","2":"0,09\u20ac","3":"$0,10"}},"functional_fees":{"additional_shop":{"1":"29\u00a0z\u0142","4":"\u00a310","2":"12\u20ac","3":"$18"},"whitelabel":{"1":"649\u00a0z\u0142","4":"\u00a3115","2":"130\u20ac","3":"$140"},"company_branch":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"banking_pro":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"b2b":{"1":"79\u00a0z\u0142","4":"\u00a318","2":"21\u20ac","3":"$28"},"composer_pro":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"ssl":{"1":"115\u00a0z\u0142","4":"\u00a325","2":"25\u20ac","3":"$25"},"ssl_own_installation":{"1":"199\u00a0z\u0142","4":"\u00a349","2":"49\u20ac","3":"$49"}},"other_services":{"dynamic_product_groups":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"searching_pro":{"1":"0\u00a0z\u0142","4":"\u00a310","2":"12\u20ac","3":"$14"},"translation":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"supporting_applications":{"pos":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"printer":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"downloader":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"bridge":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"scanner":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"kamsoft_bridge":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"technical_fees":{"api":{"1":"40\u00a0z\u0142","4":"\u00a36","2":"6,50\u20ac","3":"$7"},"sku":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"space":{"1":"5\u00a0z\u0142","4":"\u00a31","2":"1,10\u20ac","3":"$1,20"}}},"individual":{"limits":{"qualified_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"600","unit":"1","commission":null},"non_store_order_over_limit":{"active":"y","max_limit":"0","no_limit":"n","limit":"1800","unit":"1","commission":null},"checkout20_by_inpost_pay":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_inpost":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_other":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_blik":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_pbl":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_paypo":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_card_blame":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"checkout20_by_idosell_card_id":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"0","commission":"1.09"},"translation":{"active":"y","max_limit":"0","no_limit":"n","limit":"0","unit":"1000","commission":null},"api":{"active":"y","max_limit":"0","no_limit":"n","limit":"1000000","unit":"100000","commission":null},"sku":{"active":"y","max_limit":"0","no_limit":"y","limit":"0","unit":"0","commission":null},"space":{"active":"y","max_limit":"0","no_limit":"n","limit":"104857600","unit":"1048576","commission":null}},"order_surcharges":{"qualified_store_order_over_limit":{"1":"0,39\u00a0z\u0142","4":"\u00a30,10","2":"0,11\u20ac","3":"$0,12"},"non_store_order_over_limit":{"1":"0,15\u00a0z\u0142","4":"\u00a30,03","2":"0,04\u20ac","3":"$0,04"}},"functional_fees":{"additional_shop":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"whitelabel":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"company_branch":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"banking_pro":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"b2b":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"composer_pro":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"ssl":{"1":"115\u00a0z\u0142","4":"\u00a325","2":"25\u20ac","3":"$25"},"ssl_own_installation":{"1":"199\u00a0z\u0142","4":"\u00a349","2":"49\u20ac","3":"$49"}},"other_services":{"dynamic_product_groups":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"searching_pro":{"1":"0\u00a0z\u0142","4":"\u00a310","2":"12\u20ac","3":"$14"},"translation":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"supporting_applications":{"pos":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"printer":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"downloader":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"bridge":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"scanner":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"kamsoft_bridge":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"}},"technical_fees":{"api":{"1":"40\u00a0z\u0142","4":"\u00a36","2":"6,50\u20ac","3":"$7"},"sku":{"1":"0\u00a0z\u0142","4":"\u00a30","2":"0\u20ac","3":"$0"},"space":{"1":"5\u00a0z\u0142","4":"\u00a31","2":"1,10\u20ac","3":"$1,20"}}}},"orderStatus":"","validationError":"","order_edit_number":null}};</script><script> var dynamicTXT = {"Demo":"Demo ","Informacja":"Informacja","JakZalozycSklepInternetowyX":"Jak za\u0142o\u017cy\u0107 sklep internetowy?","KodJestNiepoprawny":"Kod jest niepoprawny","MozliweZeNoweOpcjeNieSaJeszczeWidoczneWTwoimPaneluAdministarcyjnnym":"Mo\u017cliwe, \u017ce nowe opcje nie s\u0105 jeszcze widoczne w Twoim panelu administracyjnym.","NieMaZCzegoWybierac":"Nie ma z czego wybiera\u0107","NieZnalezionoWynikow":"Nie znaleziono wynik\u00f3w","OczekiwanaPrzezCiebieFunkcjonalnoscJestSukcesywnieInstalowanaWKolejnychSklepachIPowinnaPojawicSieWTwoimSklepieWTerminieDoDwochTygodni":"Oczekiwana przez Ciebie funkcjonalno\u015b\u0107 jest sukcesywnie instalowana w kolejnych sklepach i powinna pojawi\u0107 si\u0119 w Twoim sklepie w terminie do dw\u00f3ch tygodni.","Powrot":"Powr\u00f3t","PrzesunKolumnyTabelkiPalcem":"Przesu\u0144 kolumny tabelki palcem","WcisnijAbyWybrac":"Wci\u015bnij aby wybra\u0107","Wczytywanie":"Wczytywanie...","WybierzKraj":"Wybierz kraj","WybierzPanstwo":"Wybierz pa\u0144stwo","fpTopMenuInstallationTekst":"Procedura wdro\u017cenia","fpTopMenuManualTekst":"Poradnik","fpTopMenuOrderTekst":"Za\u0142\u00f3\u017c sklep","fpTopMenuTermsTekst":"Umowa, regulamin i rozliczenia","fpTopMenuTimeTekst":"Czas realizacji"};</script> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> <style> .access_denied_container { background: #eeeeee; padding: 1.5rem; } .access_denied_container .main_title { color: #171717; font-size: 1rem; line-height: 1.5; font-weight: 600; } .contact_container { display: flex; flex-direction: column; gap: 1.25rem; } .main_statement { margin-bottom: 3rem; display: flex; flex-direction: column; gap: 1.25rem; } .company_info, .unbulleted_list { list-style: none; } .normal_paragraph { font-size: 0.75rem; line-height: 1.25; } a.--underline { color: #171717; text-decoration: underline; } a.--underline:hover { color: #171717; text-decoration: none; } .bolded { font-weight: 800; } html { scroll-behavior: smooth; } :root { --primary: #1aac7a; --promotion: #dd1c4a; --error: #c10000; --text: #171717; --btn_bg: #171717; --btn_outline_bg_hover: #0a4a38; --section_bg: #eeeeee; --table_mobile_border: #e3e3e3; --switch: #eeeeee; --gray: #c8c8c8; --gray_alt: #818181; --gray_prices: #515151; --white: #ffffff; --alert_success: #d4f7e5; --alert_success_text: #0a4a38; --offer_columns_width: minmax(150px, 1fr); --offer_padding: 15px; --register_form_split_gap: 85px; --separator_height: 40px; } @media (min-width: 979px) { :root { --separator_height: 70px; } } a:hover { color: var(--primary); } .justify-content-between a { text-decoration: underline; } .billing_switch__title:not(.--active) span.billing_switch__promotion { color: black; border-color: black; } .buttons_container { min-width: 100%; display: flex; flex-direction: column; align-items: center; align-self: stretch; gap: 10px; } body.--loading:before { content: " "; position: fixed; display: block; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1000; background: rgba(0, 0, 0, 0.1); } body.--loading:after { content: " "; position: fixed; display: block; width: 64px; height: 64px; top: calc(50% - 32px); left: calc(50% - 32px); transform: translate(-50%, -50%); border-radius: 50%; border: 6px solid #fff; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; z-index: 1001; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .buttons_container { min-width: 100%; display: flex; flex-direction: column; align-items: center; align-self: stretch; gap: 10px; } .buttons_container > .button_order, .buttons_container > .button_contact { min-width: 100%; } .form_item.--error .form_item__input { border-color: var(--error); color: var(--error); } .button { color: var(--text); font-size: 13px; font-weight: 400; line-height: 24px; min-height: 50px; text-decoration-line: underline; transition-property: color, background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .button:where(.--solid, .--outline) { padding: 10px 30px; font-size: 16px; font-weight: 500; line-height: 26px; text-decoration-line: none; } .button.--solid { background-color: var(--btn_bg); color: var(--white); } .button.--solid:hover { background-color: #0b715380; } .button.--outline { text-decoration-line: none; border: 2px solid var(--text); } .button.--outline:hover { border: 2px solid var(--btn_outline_bg_hover); background: var(--btn_outline_bg_hover); color: var(--white); } .button.--icon { display: flex; align-items: center; gap: 10px; } .old_price { text-decoration: line-through; } .switch { position: relative; display: inline-block; width: 44px; height: 28px; } .switch.--small { width: 28px; height: 18px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 0.4s; transition: 0.4s; background-color: var(--white); border: 2px solid var(--gray); /* Rounded sliders */ } .slider::before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: var(--switch); -webkit-transition: 0.4s; transition: 0.4s; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } input:checked + .slider { background-color: #1aac7a; } input:focus + .slider { box-shadow: 0 0 1px #1aac7a; } input:checked + .slider:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .switch.--small .slider::before { height: 10px; width: 10px; left: 2px; bottom: 2px; } .step_container { margin-bottom: 15px; } @media (min-width: 979px) { .step_container { margin-bottom: 12px; } } .step_container.--raw { margin-bottom: 0; } .step_container .go_back_button { font-family: Poppins; font-size: 12px; line-height: 25px; } .step__head { display: flex; flex-direction: column; } .step__title { font-size: 21px; font-weight: 600; line-height: normal; } .step__title.--large { font-size: 26px; line-height: 38px; } .step__description { color: var(--gray_alt); font-size: 12px; line-height: normal; } .step_number { color: var(--primary); font-size: 16px; font-weight: 600; line-height: 24px; } .form_group { display: flex; flex-direction: row; gap: 20px; } .form_item { width: 100%; display: flex; flex-direction: column; gap: 5px; } .form_item__label { font-size: 12px; font-style: normal; font-weight: 400; line-height: 19px; } .form_item__input { display: flex; height: 50px; padding: 0px 15px; align-items: center; gap: 10px; align-self: stretch; border: 2px solid var(--gray); background: var(--white); width: 100%; } .form_item__input::placeholder { color: var(--gray_alt); } .form_item.--error .form_item__input { border-color: var(--error); color: var(--error); } .form_item__checkbox { position: relative; } .form_item__checkbox::before { content: ""; outline: 2px solid var(--gray); position: absolute; outline-offset: 4px; left: 6px; top: 8px; width: 8px; height: 8px; } input:checked + .form_item__checkbox::before { outline: 2px solid var(--primary); background-color: var(--primary); } .form_item.--error .form_item__checkbox::before { outline-color: var(--error); } .form_item__radio::before { content: ""; outline: 2px solid var(--gray); position: absolute; border-radius: 20px; outline-offset: 4px; left: -24px; top: 4px; width: 8px; height: 8px; } input:checked + .form_item__radio::before { outline: 2px solid var(--primary); background-color: var(--primary); } .form_item.--error .form_item__radio::before { outline-color: var(--error); } .form_item__select { height: 50px; padding: 12.5px 39px 12.5px 15px; margin: 0; color: var(--text); border: 2px solid var(--gray); background: var(--white); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form_alert { color: var(--alert_success_text); font-size: 16px; line-height: 25px; padding: 30px 15px; display: flex; align-items: center; gap: 15px; align-self: stretch; } @media (min-width: 979px) { .form_alert { padding: 30px 35px; } } .form_alert svg { flex-shrink: 0; } .form_alert.--success { border-radius: 5px; background: var(--alert_success); } .form_container { color: var(--text); font-family: Poppins; position: relative; /* Utils */ /* Pricing container */ /* Subscriptions */ /* Offer box */ /* MODE_2 */ } .form_container.--mode_1 #register_headline::before { content: ""; width: 100vw; left: -50vw; margin-left: 50%; top: 0; height: 100%; position: absolute; background-color: var(--primary); z-index: -1; } .form_container .text-primary { color: var(--primary); } .form_container .font-normal { font-weight: 400 !important; } .form_container .font-medium { font-weight: 500 !important; } .form_container .font-semibold { font-weight: 600 !important; } .form_container .font-bold { font-weight: 700 !important; } .form_container .font-extrabold { font-weight: 800 !important; } .form_container .font-black { font-weight: 900 !important; } .form_container .new_pricing { padding-bottom: 30px; display: grid; grid-template-columns: var(--offer_columns_width); gap: 20px; width: 100%; } @media (min-width: 979px) { .form_container .new_pricing { padding-top: 20px; grid-template-columns: repeat(2, var(--offer_columns_width)); padding-bottom: 80px; } } @media (min-width: 1200px) { .form_container .new_pricing { grid-template-columns: repeat(4, var(--offer_columns_width)); } } .form_container .subscription { overflow: hidden; } .form_container .subscription__head { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; margin-bottom: 10px; } @media (min-width: 979px) { .form_container .subscription__head { margin-bottom: 0; min-height: 120px; } } @media (min-width: 1200px) { .form_container .subscription__head { min-height: 140px; } } .form_container .subscription__title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .form_container .subscription__name { color: var(--primary); font-size: 26px; font-style: normal; font-weight: 600; line-height: 38px; } @media (min-width: 979px) { .form_container .subscription__name.--large { font-size: 33px; } } .form_container .subscription_price { font-size: 34px; font-weight: 600; line-height: 48px; } .form_container .subscription__description { font-size: 13px; margin-top: 15px; font-weight: 600; line-height: 16px; } .form_container .subscription__traits { margin-bottom: auto; } .form_container .subscription__traits ul { margin-left: 20px; list-style-image: url("https://www.iai-system.com/panel/file-gate.php?id=287550&ext=.svg"); display: flex; flex-direction: column; gap: 10px; } .form_container .subscription__traits ul li { padding-left: 5px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; text-wrap: balance; } .form_container .subscription.--full { --separator_height: 30px; } @media (min-width: 979px) { .form_container .subscription.--full { --separator_height: 14px; } } @media (min-width: 979px) { .form_container .subscription.--full { display: grid; grid-template-columns: 1fr var(--separator_height) 1fr; grid-template-rows: auto auto; align-items: center; gap: 15px; } } @media (min-width: 1200px) { .form_container .subscription.--full { grid-template-columns: 1.1fr var(--separator_height) 1.1fr 0.9fr; gap: 40px; } } @media (min-width: 1200px) { .form_container .subscription.--full .subscription__head { min-height: 125px; } } @media (min-width: 979px) { .form_container .subscription.--full .implementation_packages__price { display: flex; flex-direction: row; gap: 6px; align-items: center; padding-right: 15px; } } @media (min-width: 979px) { .form_container .subscription.--full .implementation_packages__option { min-height: unset; } } .form_container .subscription.--full label { margin-left: 0; } .form_container .subscription.--full label::before, .form_container .subscription.--full label::after { display: none; } @media (min-width: 979px) { .form_container .subscription.--full .subscription__separator { grid-row: 1 / span 2; grid-column: 2 / span 1; } } .form_container .subscription.--full .subscription__column.--traits { display: flex; flex-direction: column; align-self: flex-start; gap: 20px; } @media (min-width: 979px) { .form_container .subscription.--full .subscription__column.--traits { gap: 10px; grid-row: 1 / span 2; } } @media (min-width: 979px) { .form_container .subscription.--full .subscription__column.--price { display: none; } } @media (min-width: 979px) { .form_container .subscription.--full .subscription__column.--implementation { grid-row: 1 / span 1; grid-column: 3 / span 1; } } @media (min-width: 1200px) { .form_container .subscription.--full .subscription__column.--implementation { grid-row: 1 / span 2; } } @media (min-width: 979px) { .form_container .subscription.--full .subscription__column.--buttons { grid-row: 2 / span 1; grid-column: 3 / span 1; } } @media (min-width: 1200px) { .form_container .subscription.--full .subscription__column.--buttons { grid-row: 1 / span 2; grid-column: 4 / span 1; } } .form_container .subscription.--full .buttons_container { gap: 20px; } .form_container .subscription__separator { height: var(--separator_height); position: relative; width: calc(100% + calc(var(--offer_padding) * 2)); margin-left: calc(var(--offer_padding) * -1); } .form_container .subscription__separator::before { content: ""; width: 100%; height: 2px; position: absolute; transform: translateY(-50%); top: 50%; border-bottom: 3px dotted var(--primary); border-left-style: dotted; border-right-style: dotted; border-left-color: var(--primary); border-right-color: var(--primary); } .form_container .subscription__separator_plus { position: relative; left: 50%; transform: translateX(-50%); background-color: var(--white); width: 30px; height: var(--separator_height); } .form_container .subscription__separator_plus::before, .form_container .subscription__separator_plus::after { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 14px; height: 3px; background: var(--primary); } .form_container .subscription__separator_plus::after { transform: translateX(-50%) translateY(-50%) rotate(90deg); } .form_container .subscription.--full .subscription__separator { --separator_height: 30px; } @media (min-width: 979px) { .form_container .subscription.--full .subscription__separator { --separator_height: 14px; } } @media (min-width: 979px) { .form_container .subscription.--full .subscription__separator { width: calc(var(--separator_height)); height: 140%; margin-left: 0; } .form_container .subscription.--full .subscription__separator::before { width: 2px; height: 100%; left: 50%; transform: translateY(-50%) translateX(-50%); border-bottom: unset; border-left: 3px dotted var(--primary); border-top-style: dotted; border-bottom-style: dotted; border-right-style: unset; } .form_container .subscription.--full .subscription__separator_plus { transform: translateX(-50%) translateY(-50%); top: 50%; height: 30px; width: var(--separator_height); } } .form_container .subscription_price__additional_info { font-size: 12px; line-height: 19px; } .form_container .old_price:not(:empty) ~ .subscription_price { color: var(--promotion); } span.--promotion { color: var(--promotion); font-weight: 700; } .form_container .implementation_packages { display: flex; flex-direction: column; gap: 10px; } .form_container .implementation_packages__title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 5px; } .form_container .implementation_packages__option { display: flex; align-items: center; gap: 10px; align-self: stretch; min-height: 43px; } .form_container .implementation_packages__option input { visibility: hidden; width: 20px; height: 100%; } .form_container .implementation_packages__option label { font-size: 15px; font-weight: 700; line-height: 18px; position: relative; } .form_container .implementation_packages__option label::before { content: ""; position: absolute; border-radius: 20px; outline-offset: 4px; left: -25px; top: 3px; width: 8px; height: 8px; } .button_container { margin: 0 auto 30px auto; display: flex; } .outline_button { padding: 12px 30px; border: 2px solid white; color: white; font-size: 16px; display: flex; align-items: center; } .outline_button:hover { background: white; outline-color: white; color: #171717; } .outline_button:hover svg { fill: #171717; } @media (min-width: 979px) { .button_container { margin: 0 auto 120px auto; } } .form_container .implementation_packages__option label::after { content: ""; border: 2px solid var(--gray); position: absolute; border-radius: 20px; left: -31px; top: -3px; width: 20px; height: 20px; } .form_container .implementation_packages__option input:checked + label::before { background-color: var(--primary); } .form_container .implementation_packages__option input:checked + label::after { border-color: var(--primary); } .form_container .implementation_packages__option .old_price { font-size: 12px; line-height: 15px; text-decoration: line-through; } .form_container .implementation_packages__option .basic_price, .form_container .implementation_packages__option .go_price, .form_container .implementation_packages__option .go_plus_price { color: var(--promotion); font-size: 15px; font-weight: 600; line-height: normal; } .form_container .implementation_packages__price { margin-left: auto; text-align: right; } .form_container .offer_tabs, .form_container #offer_tabs { display: flex; padding: 0px; align-items: center; flex: 1 0 100%; background: var(--white); width: 100%; text-align: center; overflow: auto; margin-top: 15px; } @media (min-width: 979px) { .form_container .offer_tabs, .form_container #offer_tabs { display: none; } } .form_container .offer_tabs__tab, .form_container #offer_tabs__tab { padding: 15px 5px; color: var(--primary); font-size: 12px; font-weight: 700; line-height: 16px; flex: auto; border-bottom: 1px solid var(--gray); } .form_container .offer_tabs__tab.--active, .form_container #offer_tabs__tab.--active { box-shadow: inset 0 -5px 0 var(--text); border-bottom-color: var(--text); } .form_container .offer_disclaimer { font-size: 11px; line-height: 19px; } @media (min-width: 979px) { .form_container .offer_disclaimer { margin-top: 10px; } } .form_container .main_headline { display: flex; flex-direction: column; align-items: center; align-self: stretch; gap: 20px; } @media (min-width: 757px) { .form_container .main_headline { gap: 40px; margin-top: 100px; } } .form_container .main_headline__title { color: var(--white); text-align: center; font-size: 36px; font-weight: 600; line-height: 42px; text-wrap: balance; padding: 30px 30px 20px; } @media (min-width: 757px) { .form_container .main_headline__title { padding: 0; font-size: 56px; font-weight: 600; line-height: 76px; } } .form_container .price_change_section { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 35px; } @media (min-width: 757px) { .form_container .price_change_section { margin-top: 30px; } } .form_container .price_change_section__label { color: var(--white); font-size: 13px; font-weight: 400; line-height: normal; } .form_container .billing_switch, .form_container .table_switch { width: 100%; } .form_container .billing_switch__mobile, .form_container .table_switch__mobile { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 979px) { .form_container .billing_switch__mobile, .form_container .table_switch__mobile { display: none; } } .form_container .billing_switch__desktop, .form_container .table_switch__desktop { display: none; } @media (min-width: 979px) { .form_container .billing_switch__desktop, .form_container .table_switch__desktop { display: block; } } .form_container .billing_switch__label, .form_container .table_switch__label { color: var(--white); line-height: 16px; } .form_container .billing_switch__promotion, .form_container .table_switch__promotion { border: 2px solid var(--white); padding: 4px 10px; color: var(--white); font-size: 11px; font-weight: 700; line-height: 16px; } .form_container .billing_switch__head, .form_container .table_switch__head { display: flex; justify-content: center; } .form_container .billing_switch__title, .form_container .table_switch__title { color: var(--text); font-size: 18px; font-weight: 400; line-height: normal; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px; gap: 10px; border-bottom: 3px solid var(--text); cursor: pointer; } .form_container .billing_switch__title.--active, .form_container .table_switch__title.--active { color: var(--white); font-size: 18px; font-weight: 600; line-height: normal; border-bottom-color: var(--white); } @media (min-width: 979px) { .form_container .billing_switch { margin-bottom: 20px; } } .form_container .table_switch__label { color: var(--text); } .form_container .table_switch__title.--active { color: var(--text); border-bottom-color: var(--primary); } .form_container .individual__title { display: none; color: var(--text); font-size: 34px; font-weight: 600; line-height: 48px; text-align: center; } @media (min-width: 757px) { .form_container .individual__title { display: block; } } .form_container .individual_headline { color: var(--white); text-align: center; font-size: 34px; font-weight: 600; line-height: 48px; margin-top: 90px; margin-bottom: 10px; display: none; } @media (min-width: 979px) { .form_container .individual_headline { display: block; } } .form_container .individual_headline.--full { grid-column: 1 / -1; } .form_container .offer_box { background-color: var(--white); padding: 25px 15px 10px 15px; display: flex; flex-direction: column; row-gap: 15px; } @media (min-width: 757px) { .form_container .offer_box { row-gap: 10px; } } @media (max-width: calc(979px - 0.1px)) { .form_container .offer_box:not(.--active) { display: none; } } .form_container .offer_box.--full { grid-column: 1 / -1; } @media (min-width: 979px) { .form_container .offer_box.--full { padding: 40px 30px; } } @media (min-width: 1200px) { .form_container .offer_box.--full { padding: 40px 30px 40px 40px; } } @media (min-width: 757px) { .form_container .offer_tip_info { display: none; } } .form_container .offer_tip_info ul { margin-left: 0; list-style: none; } .form_container .offer_tip_info ul li { padding-left: 5px; color: var(--gray); font-size: 12px; font-weight: 400; line-height: 19px; background-image: url("https://www.iai-system.com/panel/file-gate.php?id=287549&ext=.svg"); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 10px; background-position: 0 1px; } .form_container .--mobile { display: block; } @media (min-width: 757px) { .form_container .--mobile { display: none; } } .form_container .--desktop { display: none; } @media (min-width: 757px) { .form_container .--desktop { display: block; } } .form_container .section { position: relative; padding-top: 50px; padding-bottom: 50px; width: 100%; margin: 0; } .form_container .section.--background::before { content: ""; width: 100vw; left: -50vw; margin-left: 50%; top: 0; height: 100%; position: absolute; background-color: var(--section_bg); z-index: -1; } .form_container .section.--full { width: 100%; } .form_container .section.--small { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 757px) { .form_container .section.--small\:tablet { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 979px) { .form_container .section.--small\:laptop { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 1200px) { .form_container .section.--small\:desktop { padding-top: 30px; padding-bottom: 30px; } } .form_container .section.--large { padding-top: 100px; padding-bottom: 100px; } @media (min-width: 757px) { .form_container .section.--large\:tablet { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 979px) { .form_container .section.--large\:laptop { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 1200px) { .form_container .section.--large\:desktop { padding-top: 100px; padding-bottom: 100px; } } .form_container .section__head { text-align: center; font-size: 34px; font-weight: 600; line-height: 48px; } .form_container .section__line { display: block; } .form_container .section__title { font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; margin-bottom: 0; } .form_container .section_margin { margin-bottom: 0; } .form_container .section__column, .form_container .section__row { display: flex; gap: 20px; } .form_container .section__column.--col-raw, .form_container .section__row.--col-raw, .form_container .section__column.--row-raw, .form_container .section__row.--row-raw { gap: 0; } .form_container .section__column.--col-extra-small, .form_container .section__row.--col-extra-small, .form_container .section__column.--row-extra-small, .form_container .section__row.--row-extra-small { gap: 10px; } .form_container .section__column.--col-small, .form_container .section__row.--col-small, .form_container .section__column.--row-small, .form_container .section__row.--row-small { gap: 15px; } .form_container .section__column.--col-large, .form_container .section__row.--col-large, .form_container .section__column.--row-large, .form_container .section__row.--row-large { gap: 30px; } .form_container .section__column.--col-xl, .form_container .section__row.--col-xl, .form_container .section__column.--row-xl, .form_container .section__row.--row-xl { gap: 45px; } .form_container .section__column { flex-direction: column; } .form_container .section__row { flex-direction: row; } .form_container .section.--section-wrapper { display: flex; padding-bottom: 0; margin-right: var(--register_form_split_gap); flex-direction: column; align-items: flex-start; gap: 50px; } .form_container .service_info { display: flex; flex-direction: column; align-items: center; } .form_container .service_info__steps { display: grid; align-content: center; align-self: stretch; gap: 30px; padding: 60px 0; grid-template-columns: 1fr; list-style-type: none; counter-reset: step; } @media (min-width: 757px) { .form_container .service_info__steps { grid-template-columns: 1fr 1fr; gap: 15px; } } @media (min-width: 1200px) { .form_container .service_info__steps { grid-template-columns: repeat(4, 1fr); } } .form_container .service_info__step { position: relative; padding-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; gap: 5px; } .form_container .service_info__title { display: block; color: var(--text); font-size: 18px; font-weight: 600; line-height: normal; margin: 2px 0 22px 0; text-wrap: balance; } .form_container .service_info__counter { position: relative; } .form_container .service_info__counter::before { counter-increment: step; content: counter(step) " "; color: var(--primary); display: block; padding: 10px 15px 0 15px; text-align: center; font-size: 34px; font-weight: 600; line-height: 48px; } .form_container .service_info__points { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; align-self: stretch; color: var(--text); font-size: 16px; font-weight: 400; line-height: 25px; list-style: square; margin-top: 10px; } .form_container .service_info__points span { position: relative; padding-left: 25px; } .form_container .service_info__points span::before { content: ""; width: 9px; height: 9px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: var(--text); } .form_container .trusted_by { display: flex; padding: 50px 0; flex-direction: column; align-items: center; align-self: stretch; } .form_container .trusted_by.--background::before { display: none; } @media (min-width: 757px) { .form_container .trusted_by.--background::before { display: block; } } .form_container .trusted_by__brands { width: 100%; padding: 20px 15px 0 15px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; justify-items: center; } @media (min-width: 757px) { .form_container .trusted_by__brands { padding-top: 50px; grid-template-columns: repeat(3, 1fr); } } @media (min-width: 979px) { .form_container .trusted_by__brands { grid-template-columns: repeat(4, 1fr); } } .form_container .trusted_by__brand { mix-blend-mode: multiply; max-height: 90px; } .form_container .shop_contact .section__head { font-size: 30px; line-height: 37px; display: flex; flex-direction: column; } @media (min-width: 757px) { .form_container .shop_contact .section__head { font-size: 34px; line-height: 48px; } } @media (max-width: calc(979px - 0.1px)) { .form_container .shop_contact.--large.section { padding-top: 45px; padding-bottom: 45px; } } .form_container .shop_contact__description { margin-top: 15px; text-align: center; font-size: 16px; line-height: normal; } @media (min-width: 757px) { .form_container .shop_contact__description { font-size: 18px; } } .form_container .shop_contact__links { display: flex; padding: 35px 15px 0 15px; flex-direction: column; justify-content: center; align-items: center; gap: 35px; align-self: stretch; } @media (min-width: 757px) { .form_container .shop_contact__links { padding: 50px 0 0 0; flex-direction: row; gap: 50px; } } .form_container .shop_contact__links a { text-align: center; font-size: 26px; font-weight: 600; line-height: normal; text-decoration-line: underline; } @media (min-width: 757px) { .form_container .shop_contact__links a { font-size: 28px; } } .form_container .shop_contact .button { display: flex; align-items: center; } .form_container .register_form, .form_container .split_view { display: grid; grid-template-columns: 1fr; padding: 0 15px; } @media (min-width: 979px) { .form_container .register_form, .form_container .split_view { --register_form_split_gap: 50px; grid-template-columns: 1.1fr 0.7fr; padding: 0; } } @media (min-width: 979px) { .form_container .register_form.--order_thank, .form_container .split_view.--order_thank { grid-template-columns: 1.2fr 0.7fr; } } @media (min-width: 1200px) { .form_container .register_form, .form_container .split_view { --register_form_split_gap: 85px; } } @media (min-width: 979px) { .form_container .register_form .register_main::before, .form_container .split_view .register_main::before { left: -100vw; margin-left: 100%; } } @media (min-width: 979px) { .form_container .register_form .register_main, .form_container .split_view .register_main { padding-right: var(--register_form_split_gap); } } .form_container .register_form .summary, .form_container .split_view .summary { padding-left: 15px; padding-right: 15px; } @media (min-width: 979px) { .form_container .register_form .summary, .form_container .split_view .summary { padding-right: 30px; padding-left: var(--register_form_split_gap); } } .form_container .register_form__sections, .form_container .split_view__sections { display: flex; flex-direction: column; align-items: stretch; gap: 30px; } @media (min-width: 979px) { .form_container .register_form__sections, .form_container .split_view__sections { padding-right: var(--register_form_split_gap); gap: 50px; } } @media (min-width: 979px) { .form_container .register_form__sections.--background::before, .form_container .split_view__sections.--background::before { left: -100vw; margin-left: 100%; } } .form_container .register_form__wrapper, .form_container .split_view__wrapper { background-color: var(--white); padding: 30px 20px; } @media (min-width: 979px) { .form_container .register_form__wrapper, .form_container .split_view__wrapper { padding: 30px 55px 45px 35px; } } @media (min-width: 979px) { .form_container .register_form .price__box, .form_container .split_view .price__box { padding: 30px 0; } } .form_container .split_view { padding: 0; } .form_container .split_view__wrapper { padding: 30px 20px; } @media (min-width: 979px) { .form_container .split_view__wrapper { padding: 30px 35px; } } .form_container .summary .old_wiki { font-size: inherit; margin: 0; line-height: inherit; } .form_container .summary .step { margin-bottom: 20px; } .form_container .summary_prices { padding-bottom: 20px; border-bottom: 1px solid var(--gray); } .form_container .summary_timeline { position: relative; } .form_container .summary_timeline__graphic { display: flex; flex-direction: column; justify-content: space-between; width: 11px; height: 100%; position: absolute; } .form_container .summary_timeline__graphic::before { content: ""; position: absolute; width: 3px; height: calc(100% - 30px); top: 15px; left: 50%; transform: translateX(-50%); border-left: 3px dotted var(--primary); border-top-style: dotted; border-bottom-style: dotted; border-top-color: var(--primary); border-bottom-color: var(--primary); } .form_container .summary_timeline.--only-date .summary_timeline__graphic { padding-top: 2px; } .form_container .summary_timeline.--only-date .summary_timeline__graphic::before { display: none; } .form_container .summary_timeline.--only-date .summary_timeline__block:last-child { display: none; } .form_container .summary_timeline__block { width: 11px; height: 11px; display: block; background-color: var(--primary); } .form_container .summary_timeline__dates { display: flex; flex-direction: column; gap: 21px; width: 100%; padding-left: 25px; } .form_container .summary_timeline__name { font-size: 13px; font-weight: 600; line-height: 16px; } .form_container .summary_timeline__name.--small { font-size: 12px; font-weight: 400; line-height: 19px; } .form_container .summary_payments { width: 100%; padding-top: 15px; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; border-top: 5px solid var(--colors-dark-dark-5, #171717); } .form_container .summary_payments__name { font-size: 12px; font-weight: 400; line-height: 19px; } .form_container .summary_payments__price { font-size: 34px; font-weight: 600; line-height: 48px; text-align: right; } .form_container .summary_pay_options { display: flex; padding: 40px 0 20px 0; flex-direction: column; align-items: center; gap: 10px; text-align: center; } .form_container .summary_pay_options__title { text-align: center; font-size: 13px; line-height: normal; } .form_container .summary_pay_options__graphics { display: flex; flex-direction: row; gap: 5px; } .form_container .summary_pay_options__graphics, .form_container .summary_pay_options__graphics img { max-height: 35px; } .form_container .summary__item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; } .form_container .summary__item.--start { align-items: flex-start; } .form_container .summary__item.--end { align-items: flex-end; } .form_container .summary__name { display: flex; flex-direction: column; font-size: 13px; font-weight: 600; line-height: 18px; align-items: flex-start; } .form_container .summary__price { text-align: right; font-size: 13px; font-weight: 400; line-height: 18px; } .form_container .summary .old_price { text-decoration: line-through; } .form_container .summary__grayed { color: var(--gray_alt); text-align: right; font-size: 12px; font-weight: 400; line-height: 18px; } .form_container .summary .prices_disclaimer { color: var(--gray_prices); font-size: 12px; line-height: 19px; margin-top: 10px; } .form_container .payment { display: flex; flex-direction: column; gap: 20px; } .form_container .payment_select { margin: 15px 0; } .form_container .payment__show_more { display: flex; gap: 10px; align-items: center; } .form_container .payment__show_more .button { display: flex; align-items: center; } .form_container .payment__show_more i { text-decoration: none; } .form_container .payment .--show-all + .payment__show_more i { transform: rotate(180deg); } .form_container .payment_form { width: 100%; } .form_container .payment_form__label { display: grid !important; grid-template-areas: "icon name" "icon description"; grid-template-columns: 55px 1fr; padding: 15px !important; border: 2px solid var(--gray); background: var(--white); position: relative; } .form_container .payment_form__head { display: flex !important; flex-direction: row; gap: 15px; } .form_container .payment_form:not(.--inactive) input:checked + .payment_form__label { border: 2px solid var(--primary); box-shadow: inset 0 0 0 1px var(--primary); } .form_container .payment_form:not(.--inactive) input:checked + .payment_form__label strong { font-weight: 600; } .form_container .payment_form__description { display: flex; flex-direction: column; } .form_container .payment_form__icon { grid-area: icon; margin-right: 15px; display: flex; justify-content: center; align-items: center; justify-self: center; margin-top: 0 !important; } .form_container .payment_form__icon img { max-height: 30px; } .form_container .payment_form__name, .form_container .payment_form strong { grid-area: name; color: var(--text); font-family: Poppins; font-size: 12px; line-height: 16px; } .form_container .payment_form__description, .form_container .payment_form span { grid-area: description; color: var(--text); font-family: Poppins; font-size: 12px; line-height: 19px; } .form_container .payment_form__options { display: none; } .form_container .payment_options { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); max-height: 0; overflow: hidden; opacity: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border: none; transition: max-height 0.2s, opacity 0.4s ease-in, margin 0.4s, padding 0.4s; max-height: 600px; opacity: 1; } @media (min-width: 757px) { .form_container .payment_options { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .form_container .payment_options { grid-template-columns: repeat(4, 1fr); } } .form_container .payment_options.--show-all { max-height: 2000px; } .form_container .payment_options.--collapse { max-height: 0 !important; opacity: 0 !important; padding-bottom: 0 !important; } .form_container .payment_options.--collapse .payment_options__arrow { display: block; } .form_container .payment_options.--collapse .payment_options__arrow .icon-options-status:before { content: "\F078" !important; } .form_container .payment_options .payment_form { height: 100%; } .form_container .payment_options .payment__option { min-height: 110px; } .form_container .payment_options .payment__option .payment_form__label { justify-items: center; grid-template-columns: 1fr; text-align: center; gap: 10px; grid-template-areas: "icon" "name"; } .form_container .payment_options .payment__option .payment_form__icon { margin-right: 0; } @media (max-width: calc(757px - 0.1px)) { .form_container .payment_options:not(.--show-all) .payment__option:nth-child(n + 5) { max-height: 0; overflow: hidden; opacity: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border: none; display: none; } } @media (min-width: 757px) and (max-width: calc(1200px - 0.1px)) { .form_container .payment_options:not(.--show-all) { grid-template-columns: repeat(3, 1fr); } .form_container .payment_options:not(.--show-all) .payment__option:nth-child(n + 7) { max-height: 0; overflow: hidden; opacity: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border: none; display: none; } } @media (min-width: 1200px) { .form_container .payment_options:not(.--show-all) { grid-template-columns: repeat(4, 1fr); } .form_container .payment_options:not(.--show-all) .payment__option:nth-child(n + 9) { max-height: 0; overflow: hidden; opacity: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border: none; display: none; } } .form_container .payment__option { transition: max-height 0.2s, opacity 0.4s ease-in, margin 0.4s, padding 0.4s; max-width: unset !important; flex: unset !important; margin: 0 !important; padding: 0 !important; } .form_container .payment__option .payment_form__label { font-size: 12px; font-weight: 400; line-height: 19px; height: 100%; } .form_container .payment__option .payment_options .payment_form input:not(:checked) + .payment_form__label strong { font-weight: 400; } .form_container .payment__option .payment_form.--options { display: flex; flex-direction: column; gap: 0; } .form_container .payment__option .payment_form.--options .payment_options { margin: 0; } .form_container .payment__option .payment_form.--options > .payment_form__label { padding: 20px 40px 20px 15px !important; height: auto; } .form_container .payment__option .payment_form.--options > input + .payment_form__label::after { content: "\f078"; font-family: "Font Awesome 5 Free"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-weight: 900; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .form_container .payment__option .payment_form.--options > input:checked + .payment_form__label { border: 2px solid var(--primary); box-shadow: inset 0px 1px 0 1px var(--primary); border-bottom: 0; border-top-width: 1px; } .form_container .payment__option .payment_form.--options > input:checked + .payment_form__label::after { transform: translateY(-50%) rotate(180deg); } .form_container .payment__option .payment_form.--options > input:checked ~ .payment_form__options { display: block; padding: 15px !important; border: 2px solid var(--primary); border-bottom-width: 1px; border-top: none; box-shadow: inset 0 -1px 0 1px var(--primary); } .form_container .payment__option .payment_form.--options.--inactive > input:not(:checked) + .payment_form__label { border: 2px solid var(--gray); } .form_container .payment__option .payment_form.--options.--inactive > input:checked + .payment_form__label { border: 2px solid var(--gray); box-shadow: inset 0 1px 0 1px var(--gray); border-bottom: 0; border-top-width: 1px; } .form_container .payment__option .payment_form.--options.--inactive > input ~ .payment_form__options { box-shadow: inset 0 -1px 0 1px var(--gray); border-color: var(--gray); } .form_container .payment_options__wrapper { margin: 0 !important; padding: 0 !important; } .form_container #payments :not([id="simple_transfer"]) .payment_table { border: none; } .form_container #payments :not([id="simple_transfer"]) .payment_table > .row { border: none; } .form_container #payments :not([id="simple_transfer"]) .payment_table > .row:not(:last-child) { display: none; } .form_container #payments [id="simple_transfer"] .payment_table > .row { display: none; } .form_container #payments .--payment_button { width: 100%; margin-top: 10px; } @media (min-width: 757px) { .form_container #payments .--payment_button { width: auto; } } .form_container #payments .payment_data_container:not(.d-none) .text__button, .form_container #payments .payment_options__wrapper + .text__button { display: none; } .form_container .payment_details__name { font-size: 13px; font-weight: 600; line-height: 16px; width: 50%; } @media (min-width: 979px) { .form_container .payment_details__name { width: auto; min-width: 150px; } } .form_container .payment_details__value { font-size: 13px; font-weight: 400; line-height: 16px; } .form_container .seller_details { font-size: 13px; line-height: 19px; display: flex; flex-direction: column; } .form_container .seller_wrapper { display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 757px) { .form_container .seller_wrapper { grid-template-columns: 1fr 1fr; gap: 20px; } } .form_container .seller_wrapper .section__column { min-width: 50%; } .form_container .order_tabs__tab summary { display: flex; padding: 15px; justify-content: space-between; align-items: center; align-self: stretch; background: var(--section_bg); transition: all 150ms linear; } .form_container .order_tabs__tab summary i { transition: all 150ms linear; } .form_container .order_tabs__tab[open] summary { background-color: var(--gray); } .form_container .order_tabs__tab[open] summary i { transform: rotate(180deg); } .form_container .order_tabs__tab:not(:first-child) summary { border-top: 1px solid var(--gray); } .form_container .order_tabs__row { padding: 15px; border-bottom: 1px solid var(--section_bg); } .form_container .order_tabs__name { font-size: 12px; line-height: 19px; width: 45%; } @media (min-width: 979px) { .form_container .order_tabs__name { width: auto; min-width: 150px; } } .form_container .order_tabs__value { font-size: 13px; font-weight: 600; line-height: 16px; } .form_container.--mode_2 .autocomplete_button { margin-bottom: 10px; } .form_container.--mode_2 .autocomplete_button:hover svg { filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(162deg) brightness(112%) contrast(101%); } @media (min-width: 979px) { .form_container.--mode_2 .autocomplete_button { align-self: flex-start; } } .form_container.--mode_2 .section_agreement { margin-bottom: 10px; color: var(--text); font-size: 12px; font-weight: 400; line-height: 19px; position: relative; } .form_container.--mode_2 .section_agreement .accept_all { padding-left: 35px; } .form_container.--mode_2 .section_agreement input[name="accept_all"], .form_container.--mode_2 .section_agreement input[name="marketing_consent"] { opacity: 0.005; width: 1px; height: 1px; position: absolute; top: 8px; } .form_container #table_section { width: 100%; } @media (min-width: 979px) { .form_container #table_section { margin-bottom: 100px; } } .form_container .comparision_table__container { width: 100%; display: none; } .form_container .comparision_table__container.--active { display: block; } .form_container .comparision_table__container .subscriptions_table__header { display: grid; grid-template-columns: 0.5fr 1fr; text-align: center; color: var(--primary); font-size: 21px; font-weight: 600; line-height: normal; text-transform: capitalize; } @media (min-width: 979px) { .form_container .comparision_table__container .subscriptions_table__header { grid-template-columns: 180px repeat( var(--table-cols, 5), minmax(100px, 1fr) ); } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container .subscriptions_table__header { display: none; } } .form_container .comparision_table__container .subscriptions_table__header.--sticky { position: sticky; top: 80px; background-color: var(--white); z-index: 5; } .form_container .comparision_table__container .subscriptions_table__header > div { padding: 10px 15px; } @media (min-width: 979px) { .form_container .comparision_table__container .subscriptions_table__header > div:not(:first-child):not(:last-child) { border-right: 1px solid var(--gray); } } .form_container .comparision_table__container .subscriptions_table__category_title { padding: 10px 15px; background: var(--section_bg); border-bottom: 1px solid var(--gray); color: var(--text); font-size: 18px; font-weight: 600; line-height: normal; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 979px) { .form_container .comparision_table__container .subscriptions_table__category_title { border-bottom: none; } } .form_container .comparision_table__container .subscriptions_table__header_item { display: flex; justify-content: center; align-items: center; } .form_container .comparision_table__container [data-row-element] { display: grid; grid-template-columns: 0.5fr 1fr; align-items: center; text-align: center; } @media (min-width: 979px) { .form_container .comparision_table__container [data-row-element] { grid-template-columns: 180px repeat( var(--table-cols, 5), minmax(100px, 1fr) ); } } @media (min-width: 979px) { .form_container .comparision_table__container [data-row-element] { border-bottom: none; } } .form_container .comparision_table__container [data-row-element] > div { padding: 15px; height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; color: var(--text); font-size: 12px; font-weight: 400; line-height: 19px; border-bottom: 1px solid var(--table_mobile_border); } @media (min-width: 979px) { .form_container .comparision_table__container [data-row-element] > div { border-bottom: none; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .form_container .comparision_table__container [data-row-element] > div:not(:first-child):not(:last-child) { border-right: 1px solid var(--gray); } } .form_container .comparision_table__container [data-row-element] .subscriptions_table__subcategory_title { text-align: left; justify-content: flex-start; align-items: center; flex-direction: row; } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container.--compare [data-row-element] { grid-template-columns: 1fr; } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container.--compare [data-row-element] > div { display: grid; grid-template-columns: 0.5fr 1fr; gap: 15px; text-align: left; padding: 15px 15px 15px 45px; border-bottom: 1px solid var(--table_mobile_border); } } @media (max-width: calc(979px - 0.1px)) and (min-width: 979px) { .form_container .comparision_table__container.--compare [data-row-element] > div { grid-template-columns: 180px repeat( var(--table-cols, 5), minmax(100px, 1fr) ); } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container.--compare [data-row-element].--table-left-normalize > div { padding: 15px; } } .form_container .comparision_table__container.--compare [data-row-element] + [data-row-element] { margin-bottom: 15px; } @media (min-width: 979px) { .form_container .comparision_table__container.--compare [data-row-element] + [data-row-element] { margin-bottom: 0; } } .form_container .comparision_table__container.--compare [data-row-element] .subscriptions_table__subcategory_title { display: flex; padding: 15px; border-bottom: none; flex-direction: row; } .form_container .comparision_table__container.--compare [data-row-element] .subscriptions_table__subcategory_title:empty { display: none; } @media (min-width: 979px) { .form_container .comparision_table__container.--compare [data-row-element] .subscriptions_table__subcategory_title:empty { display: flex; } } .form_container .comparision_table__container.--compare [data-row-element] .sub__value { display: flex; flex-direction: column; height: 100%; text-align: left; } .form_container .comparision_table__container.--compare [data-row-element] .sub__value .table__plus, .form_container .comparision_table__container.--compare [data-row-element] .sub__value .table__minus { text-align: center; height: 100%; } .form_container .comparision_table__container .subscriptions_table__subscription_type { color: var(--primary); font-size: 16px; font-weight: 400; line-height: normal; } @media (min-width: 979px) { .form_container .comparision_table__container .subscriptions_table__subscription_type { display: none; } } .form_container .comparision_table__container .subscriptions_table__category_title + [data-row-element] { border-bottom: none; } @media (min-width: 979px) { .form_container .comparision_table__container[data-id="start_box"] [data-row-element] > div { display: flex; } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container[data-id="start_box"] [data-row-element] > div:not(.subscriptions_table__subcategory_title) { display: none; } .form_container .comparision_table__container[data-id="start_box"] [data-row-element] > div[class*="start"] { display: flex; } } @media (min-width: 979px) { .form_container .comparision_table__container[data-id="business_box"] [data-row-element] > div { display: flex; } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container[data-id="business_box"] [data-row-element] > div:not(.subscriptions_table__subcategory_title) { display: none; } .form_container .comparision_table__container[data-id="business_box"] [data-row-element] > div[class*="business"] { display: flex; } } @media (min-width: 979px) { .form_container .comparision_table__container[data-id="expert_box"] [data-row-element] > div { display: flex; } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container[data-id="expert_box"] [data-row-element] > div:not(.subscriptions_table__subcategory_title) { display: none; } .form_container .comparision_table__container[data-id="expert_box"] [data-row-element] > div[class*="expert"] { display: flex; } } @media (min-width: 979px) { .form_container .comparision_table__container[data-id="enterprise_box"] [data-row-element] > div { display: flex; } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container[data-id="enterprise_box"] [data-row-element] > div:not(.subscriptions_table__subcategory_title) { display: none; } .form_container .comparision_table__container[data-id="enterprise_box"] [data-row-element] > div[class*="enterprise"] { display: flex; } } @media (min-width: 979px) { .form_container .comparision_table__container[data-id="individual_box"] [data-row-element] > div { display: flex; } } @media (max-width: calc(979px - 0.1px)) { .form_container .comparision_table__container[data-id="individual_box"] [data-row-element] > div:not(.subscriptions_table__subcategory_title) { display: none; } .form_container .comparision_table__container[data-id="individual_box"] [data-row-element] > div[class*="individual"] { display: flex; } } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="1"] ~ [data-row-element="1"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="1"] ~ [data-row-element="1"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="1"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="1"] ~ [data-row-element="1"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="2"] ~ [data-row-element="2"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="2"] ~ [data-row-element="2"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="2"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="2"] ~ [data-row-element="2"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="3"] ~ [data-row-element="3"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="3"] ~ [data-row-element="3"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="3"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="3"] ~ [data-row-element="3"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="4"] ~ [data-row-element="4"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="4"] ~ [data-row-element="4"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="4"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="4"] ~ [data-row-element="4"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="5"] ~ [data-row-element="5"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="5"] ~ [data-row-element="5"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="5"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="5"] ~ [data-row-element="5"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="6"] ~ [data-row-element="6"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="6"] ~ [data-row-element="6"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="6"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="6"] ~ [data-row-element="6"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="7"] ~ [data-row-element="7"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="7"] ~ [data-row-element="7"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="7"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="7"] ~ [data-row-element="7"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="8"] ~ [data-row-element="8"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="8"] ~ [data-row-element="8"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="8"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="8"] ~ [data-row-element="8"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="9"] ~ [data-row-element="9"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="9"] ~ [data-row-element="9"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="9"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="9"] ~ [data-row-element="9"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="10"] ~ [data-row-element="10"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="10"] ~ [data-row-element="10"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="10"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="10"] ~ [data-row-element="10"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="11"] ~ [data-row-element="11"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="11"] ~ [data-row-element="11"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="11"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="11"] ~ [data-row-element="11"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="12"] ~ [data-row-element="12"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="12"] ~ [data-row-element="12"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="12"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="12"] ~ [data-row-element="12"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="13"] ~ [data-row-element="13"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="13"] ~ [data-row-element="13"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="13"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="13"] ~ [data-row-element="13"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="14"] ~ [data-row-element="14"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="14"] ~ [data-row-element="14"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="14"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="14"] ~ [data-row-element="14"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="15"] ~ [data-row-element="15"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="15"] ~ [data-row-element="15"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="15"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="15"] ~ [data-row-element="15"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="16"] ~ [data-row-element="16"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="16"] ~ [data-row-element="16"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="16"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="16"] ~ [data-row-element="16"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="17"] ~ [data-row-element="17"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="17"] ~ [data-row-element="17"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="17"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="17"] ~ [data-row-element="17"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="18"] ~ [data-row-element="18"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="18"] ~ [data-row-element="18"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="18"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="18"] ~ [data-row-element="18"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="19"] ~ [data-row-element="19"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="19"] ~ [data-row-element="19"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="19"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="19"] ~ [data-row-element="19"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="20"] ~ [data-row-element="20"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="20"] ~ [data-row-element="20"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="20"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="20"] ~ [data-row-element="20"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="21"] ~ [data-row-element="21"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="21"] ~ [data-row-element="21"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="21"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="21"] ~ [data-row-element="21"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="22"] ~ [data-row-element="22"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="22"] ~ [data-row-element="22"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="22"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="22"] ~ [data-row-element="22"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="23"] ~ [data-row-element="23"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="23"] ~ [data-row-element="23"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="23"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="23"] ~ [data-row-element="23"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="24"] ~ [data-row-element="24"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="24"] ~ [data-row-element="24"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="24"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="24"] ~ [data-row-element="24"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="25"] ~ [data-row-element="25"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="25"] ~ [data-row-element="25"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="25"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="25"] ~ [data-row-element="25"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="26"] ~ [data-row-element="26"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="26"] ~ [data-row-element="26"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="26"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="26"] ~ [data-row-element="26"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="27"] ~ [data-row-element="27"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="27"] ~ [data-row-element="27"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="27"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="27"] ~ [data-row-element="27"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="28"] ~ [data-row-element="28"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="28"] ~ [data-row-element="28"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="28"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="28"] ~ [data-row-element="28"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="29"] ~ [data-row-element="29"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="29"] ~ [data-row-element="29"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="29"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="29"] ~ [data-row-element="29"] { background-color: var(--section_bg); } .form_container .comparision_table__container .subscriptions_table__category_title:not(.--active)[data-head-element="30"] ~ [data-row-element="30"] { display: none; } .form_container .comparision_table__container .subscriptions_table__category_title.--active[data-head-element="30"] ~ [data-row-element="30"] { display: grid; } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="30"] { background-color: var(--gray); } .form_container .comparision_table__container .subscriptions_table__category_title.--gray[data-head-element="30"] ~ [data-row-element="30"] { background-color: var(--section_bg); } .form_container .comparision_table__container .table__minus { opacity: 0.5; color: var(--gray); font-size: 35px; } .form_container .comparision_table__container .table__plus { color: var(--text); font-size: 35px; } .form_container .comparision_table__container .table__minus, .form_container .comparision_table__container .table__plus { display: flex; justify-content: center; align-items: center; align-self: center; } .form_container .comparision_table__container .table__chevron { margin-right: 10px; transform: rotate(180deg); } /* @media (min-width: 979px) { .form_container .comparision_table__container .table__chevron { display: none; } } */ .form_container .comparision_table__container .--active .table__chevron { transform: rotate(0); } @media (min-width: 979px) { .form_container #subscriptions_table.--active ~ #table_disclaimers { display: flex; } } .form_container .table_disclaimers { display: none; flex-direction: column; gap: 15px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 19px; } @media (min-width: 979px) { .form_container .table_disclaimers.--active { display: flex; } } .form_container .subscription__tooltip { position: relative; font-size: 12px; font-weight: 400; line-height: 19px; } .form_container .subscription__tooltip_icon { position: relative; width: 26px; height: 28px; display: block; z-index: 2; } .form_container .subscription__tooltip_icon::before { content: "?"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; padding: 10px; align-items: center; gap: 10px; background: var(--white); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2); } .form_container .subscription__tooltip:hover .subscription__tooltip_info, .form_container .subscription__tooltip:focus-within .subscription__tooltip_info, .form_container .subscription__tooltip:active .subscription__tooltip_info { display: block; min-width: 250px; } .form_container .subscription__tooltip:hover .subscription__tooltip_icon::before, .form_container .subscription__tooltip:focus-within .subscription__tooltip_icon::before, .form_container .subscription__tooltip:active .subscription__tooltip_icon::before { background-color: var(--gray); } .form_container .subscription__tooltip_info { display: none; position: absolute; padding: 10px; left: 100%; z-index: 3; top: 0; background: var(--white); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2); } .form_container .error_container { color: var(--error); font-size: 12px; font-weight: 400; line-height: 19px; } .form_container .error_container:empty { display: none; } </style> <div class="row content align-items-start form_container --mode_1"> <section id="register_headline" class="col-12">  <div class="error_container"></div> <section class="main_headline"> <h1 class="main_headline__title">Cennik sklepu internetowego IdoSell</h1> <div class="billing_switch"> <label id="change_billing_period" class="switch d-none"> <input type="checkbox" checked /> <span class="slider"></span> </label> <div class="billing_switch__desktop"> <div class="billing_switch__head"> <div class="billing_switch__title --active" data-contract-period="yearly" > Umowa na rok <span class="billing_switch__promotion">Oszczędź do 70%</span> </div> <div class="billing_switch__title" data-contract-period="undefinite" > Umowa na czas nieokreślony </div> </div> </div> <div class="billing_switch__mobile form_item"> <label class="billing_switch__label form_item__label" for="billing_switch__mobile_select" >Wybierz rodzaj umowy</label > <select name="billing_switch__mobile" class="form_item__select" id="billing_switch__mobile_select" > <option selected value="1">Umowa na rok (oszczędź do 70%)</option> <option value="2">Umowa na czas nieokreślony</option> </select> </div> </div> </section> <section class="price_change_section"> <p class="price_change_section__label">Pokaż ceny brutto</p> <label id="change_price" class="switch"> <input type="checkbox" /> <span class="slider"></span> </label> </section>  <section id="services" class="col-12"> <input type="hidden" name="step" value="1" /> <div class="col-12 col-sm-6 col-md-5 d-none"> <div class="form__radiogroup"> <div class="section__title">Waluta</div> <div class="row currency_wrapper"> <div class="col-6 mb-3 mb-sm-0 col-sm-3 currency_container --PLN"> <div class="form__radio"> <input id="currency_PLN" type="radio" class="form__input" value="1" name="currency" checked="" /> <label for="currency_PLN" class="form_item__label"> <strong>PLN</strong> </label> </div> </div> <div class="col-6 mb-3 mb-sm-0 col-sm-3 currency_container --GBP"> <div class="form__radio"> <input id="currency_GBP" type="radio" class="form__input" value="4" name="currency" checked="" /> <label for="currency_GBP" class="form_item__label"> <strong>GBP</strong> </label> </div> </div> <div class="col-6 mb-3 mb-sm-0 col-sm-3 currency_container --EUR"> <div class="form__radio"> <input id="currency_EUR" type="radio" class="form__input" value="2" name="currency" checked="" /> <label for="currency_EUR" class="form_item__label"> <strong>EUR</strong> </label> </div> </div> <div class="col-6 mb-3 mb-sm-0 col-sm-3 currency_container --USD"> <div class="form__radio"> <input id="currency_USD" type="radio" class="form__input" value="3" name="currency" checked="" /> <label for="currency_USD" class="form_item__label"> <strong>USD</strong> </label> </div> </div> </div> </div> </div> <div class="row mb-5 body_container"> <div id="offer_tabs" class="offer_tabs"> <div class="offer_tabs__tab --active" data-tab-id="start_box"> Start </div> <div class="offer_tabs__tab" data-tab-id="business_box">Business</div> <div class="offer_tabs__tab" data-tab-id="expert_box">Expert</div> <div class="offer_tabs__tab" data-tab-id="enterprise_box"> Enterprise </div> <div class="offer_tabs__tab" data-tab-id="individual_box"> Individual </div> </div> <div class="new_pricing --full"> <div id="start_box" class="offer_box subscription --active"> <div class="subscription__head"> <p class="subscription__title">Abonament:</p> <p class="subscription__name">Start</p> <p class="subscription__description"> Optymalny dla małych biznesów -wszystko, czego potrzebujesz, by rozpocząć sprzedaż </p> </div> <div class="subscription__traits"> <ul> <li class="text-primary font-bold yearlyPeriodContent"> -73% przez pierwszy rok – oszczędzasz aż 960 zł </li> <li>Atrakcyjne zniżki na pakiety wdrożeniowe sklepu</li> <li> Wiele dodatków i usług za jedyne 9,99 zł i brak opłat za transakcje </li> </ul> </div> <div class="subscription__price"> <div id="previous_start_price" class="old_price --large"></div> <div id="start_price" class="subscription_price"></div> <div class="subscription_price__additional_info"></div> </div> <div class="subscription__separator"> <div class="subscription__separator_plus"></div> </div> <div class="implementation_packages"> <p class="implementation_packages__title">Pakiet wdrożeniowy *</p> <div class="implementation_packages__option"> <input type="radio" id="start_basic_price_input__radio" class="form__input subscription_price_input basic_price_input" name="start_box_inputs" /> <label for="start_basic_price_input__radio">Basic</label> <div class="implementation_packages__price"> <div class="old_price prev_basic_price --small" id="prev_start_subscription_basic_price" ></div> <div class="basic_price" id="start_subscription_basic_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="start_go_price_input__radio" class="form__input subscription_price_input go_price_input" name="start_box_inputs" /> <label for="start_go_price_input__radio">GO</label> <div class="implementation_packages__price"> <div class="old_price prev_go_price --small" id="prev_start_subscription_go_price" ></div> <div class="go_price" id="start_subscription_go_price"></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="start_go_plus_price_input__radio" class="form__input subscription_price_input go_plus_price_input" name="start_box_inputs" /> <label for="start_go_plus_price_input__radio">GO+</label> <div class="implementation_packages__price"> <div class="old_price prev_go_plus_price --small" id="prev_start_subscription_go_plus_price" ></div> <div class="go_plus_price" id="start_subscription_go_plus_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="start_individual_price_input__radio" class="form__input subscription_price_input individual_price_input" name="start_box_inputs" /> <label for="start_individual_price_input__radio" >Indywidualny</label > <div class="implementation_packages__price"> <div class="individual_price" id="start_subscription_individual_price" ></div> </div> </div> </div> <div class="offer_disclaimer"> <p>* opłata jednorazowa</p> </div> <div class="buttons_container"> <button type="button" class="button_order button --solid"> Zamów </button> <button type="button" class="button button_without_implementation" > Zamów bez pakietu </button> </div> </div> <div id="business_box" class="offer_box subscription"> <div class="subscription__head"> <p class="subscription__title">Abonament:</p> <p class="subscription__name">Business</p> <p class="subscription__description"> Optymalny dla średnich biznesów - rozwiń z nami skrzydła! </p> </div> <div class="subscription__traits"> <ul> <li class="text-primary font-bold yearlyPeriodContent"> 2 miesiące abonamentu GRATIS – oszczędzasz aż 498 zł </li> <li class="yearlyPeriodContent"> Pakiet wdrożeniowy Basic o wartości <span class="text-primary">1 199 zł</span> za złotówkę </li> <li class="indefinitePeriodContent"> Atrakcyjne zniżki na pakiety wdrożeniowe sklepu </li> <li>Dostępny pełen zakres funkcjonalności IdoSell</li> </ul> </div> <div class="subscription__price"> <div id="business_price" class="subscription_price"></div> <div class="subscription_price__additional_info"></div> </div> <div class="subscription__separator"> <div class="subscription__separator_plus"></div> </div> <div class="implementation_packages"> <p class="implementation_packages__title">Pakiet wdrożeniowy *</p> <div class="implementation_packages__option"> <input type="radio" id="business_basic_price_input__radio" class="form__input subscription_price_input basic_price_input" name="business_box_inputs" /> <label for="business_basic_price_input__radio">Basic</label> <div class="implementation_packages__price"> <div class="old_price prev_basic_price --small" id="prev_business_subscription_basic_price" ></div> <div class="basic_price" id="business_subscription_basic_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="business_go_price_input__radio" class="form__input subscription_price_input go_price_input" name="business_box_inputs" /> <label for="business_go_price_input__radio">GO</label> <div class="implementation_packages__price"> <div class="old_price prev_go_price --small" id="prev_business_subscription_go_price" ></div> <div class="go_price" id="business_subscription_go_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="business_go_plus_price_input__radio" class="form__input subscription_price_input go_plus_price_input" name="business_box_inputs" /> <label for="business_go_plus_price_input__radio">GO+</label> <div class="implementation_packages__price"> <div class="old_price prev_go_plus_price --small" class="old_price --small" id="prev_business_subscription_go_plus_price" ></div> <div class="go_plus_price" id="business_subscription_go_plus_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="business_individual_price_input__radio" class="form__input subscription_price_input individual_price_input" name="business_box_inputs" /> <label for="business_individual_price_input__radio" >Indywidualny</label > <div class="implementation_packages__price"> <div class="individual_price" id="business_subscription_individual_price" ></div> </div> </div> </div> <div class="offer_disclaimer"> <p>* opłata jednorazowa</p> </div> <div class="buttons_container"> <button type="button" class="button_order button --solid"> Zamów </button> <button type="button" class="button button_without_implementation" > Zamów bez pakietu </button> </div> </div> <div id="expert_box" class="offer_box subscription"> <div class="subscription__head"> <p class="subscription__title">Abonament:</p> <p class="subscription__name">Expert</p> <p class="subscription__description"> Optymalny dla średnich i dużych biznesów - jeszcze więcej możliwości </p> </div> <div class="subscription__traits"> <ul> <li class="text-primary font-bold yearlyPeriodContent"> 2 miesiące abonamentu GRATIS – oszczędzasz aż 1 238 zł </li> <li class="yearlyPeriodContent"> Pakiet wdrożeniowy GO o wartości <span class="text-primary">3 999 zł</span> za złotówkę </li> <li class="indefinitePeriodContent"> Atrakcyjne zniżki na pakiety wdrożeniowe sklepu </li> <li>Dodatkowe funkcjonalności w niższych opłatach</li> </ul> </div> <div class="subscription__price"> <div id="expert_price" class="subscription_price"></div> <div class="subscription_price__additional_info"></div> </div> <div class="subscription__separator"> <div class="subscription__separator_plus"></div> </div> <div class="implementation_packages"> <p class="implementation_packages__title">Pakiet wdrożeniowy *</p> <div class="implementation_packages__option"> <input type="radio" id="expert_basic_price_input__radio" class="form__input subscription_price_input basic_price_input" name="expert_box_inputs" /> <label for="expert_basic_price_input__radio">Basic</label> <div class="implementation_packages__price"> <div class="old_price prev_basic_price --small" class="old_price --small" id="prev_expert_subscription_basic_price" ></div> <div class="basic_price" id="expert_subscription_basic_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="expert_go_price_input__radio" class="form__input subscription_price_input go_price_input" name="expert_box_inputs" /> <label for="expert_go_price_input__radio">GO</label> <div class="implementation_packages__price"> <div class="old_price prev_go_price --small" id="prev_expert_subscription_go_price" ></div> <div class="go_price" id="expert_subscription_go_price"></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="expert_go_plus_price_input__radio" class="form__input subscription_price_input go_plus_price_input" name="expert_box_inputs" /> <label for="expert_go_plus_price_input__radio">GO+</label> <div class="implementation_packages__price"> <div class="old_price prev_go_plus_price --small" id="prev_expert_subscription_go_plus_price" ></div> <div class="go_plus_price" id="expert_subscription_go_plus_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="expert_individual_price_input__radio" class="form__input subscription_price_input individual_price_input" name="expert_box_inputs" /> <label for="expert_individual_price_input__radio" >Indywidualny</label > <div class="implementation_packages__price"> <div class="individual_price" id="expert_subscription_individual_price" ></div> </div> </div> </div> <div class="offer_disclaimer"> <p>* opłata jednorazowa</p> </div> <div class="buttons_container"> <button type="button" class="button_order button --solid"> Zamów </button> <button type="button" class="button button_without_implementation" > Zamów bez pakietu </button> </div> </div> <div id="enterprise_box" class="offer_box subscription"> <div class="subscription__head"> <p class="subscription__title">Abonament:</p> <p class="subscription__name">Enterprise</p> <p class="subscription__description"> Optymalny dla dużych biznesów – zwiększaj z nami sprzedaż </p> </div> <div class="subscription__traits"> <ul> <li class="text-primary font-bold yearlyPeriodContent"> 3 miesiące abonamentu GRATIS – oszczędzasz aż 6 297 zł </li> <li class="yearlyPeriodContent"> Pakiet wdrożeniowy GO+ o wartości <span class="text-primary">14 999 zł</span> za złotówkę </li> <li class="indefinitePeriodContent"> Atrakcyjne zniżki na pakiety wdrożeniowe sklepu </li> <li> Większość usług i dodatków w pakiecie za 0 zł oraz jeszcze niższe stawki za transakcje </li> <li>Możliwość wdrożenia sklepu na zasadzie white label</li> </ul> </div> <div class="subscription__price"> <div id="enterprise_price" class="subscription_price"></div> <div class="subscription_price__additional_info"></div> </div> <div class="subscription__separator"> <div class="subscription__separator_plus"></div> </div> <div class="implementation_packages"> <p class="implementation_packages__title">Pakiet wdrożeniowy *</p> <div class="implementation_packages__option"> <input type="radio" id="enterprise_basic_price_input__radio" class="form__input subscription_price_input basic_price_input" name="enterprise_box_inputs" /> <label for="enterprise_basic_price_input__radio">Basic</label> <div class="implementation_packages__price"> <div class="old_price prev_basic_price --small" id="prev_enterprise_subscription_basic_price" ></div> <div class="basic_price" id="enterprise_subscription_basic_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="enterprise_go_price_input__radio" class="form__input subscription_price_input go_price_input" name="enterprise_box_inputs" /> <label for="enterprise_go_price_input__radio">GO</label> <div class="implementation_packages__price"> <div class="old_price prev_go_price --small" id="prev_enterprise_subscription_go_price" ></div> <div class="go_price" id="enterprise_subscription_go_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="enterprise_go_plus_price_input__radio" class="form__input subscription_price_input go_plus_price_input" name="enterprise_box_inputs" /> <label for="enterprise_go_plus_price_input__radio">GO+</label> <div class="implementation_packages__price"> <div class="old_price prev_go_plus_price --small" id="prev_enterprise_subscription_go_plus_price" ></div> <div class="go_plus_price" id="enterprise_subscription_go_plus_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="radio" id="enterprise_individual_price_input__radio" class="form__input subscription_price_input individual_price_input" name="enterprise_box_inputs" /> <label for="enterprise_individual_price_input__radio" >Indywidualny</label > <div class="implementation_packages__price"> <div class="individual_price" id="enterprise_subscription_individual_price" ></div> </div> </div> </div> <div class="offer_disclaimer"> <p>* opłata jednorazowa</p> </div> <div class="buttons_container"> <button type="button" class="button_order button --solid"> Zamów </button> <button type="button" class="button button_without_implementation" > Zamów bez pakietu </button> </div> </div> <div class="individual_headline --full">Dla wymagających</div> <div id="individual_box" class="offer_box subscription --full"> <div class="subscription__column --traits"> <div class="subscription__head"> <p class="subscription__title">Abonament:</p> <p class="subscription__name --large">Individual</p> <p class="subscription__description"> Dla wymagających – wiele możliwości elastycznego dostosowania rozwiązań do Twoich potrzeb </p> </div> <div class="subscription__traits"> <ul> <li class="yearlyPeriodContent text-primary font-bold"> 4 miesiące abonamentu GRATIS </li> <li class="yearlyPeriodContent"> Pakiet wdrożeniowy GO+ o wartości <span class="text-primary">14 999 zł</span> za złotówkę lub wdrożenie uszyte na miarę w preferencyjnej cenie </li> <li class="indefinitePeriodContent"> Atrakcyjne zniżki na pakiety wdrożeniowe sklepu </li> <li>Wszystkie usługi i dodatki za w pakiecie za 0 zł</li> <li>Opieka dedykowanego e-commerce managera</li> </ul> </div> </div> <div class="subscription__column --price"> <div class="subscription__price"> <div id="individual_price" class="subscription_price"></div> <div class="subscription_price__additional_info"></div> </div> </div> <div class="subscription__separator"> <div class="subscription__separator_plus"></div> </div> <div class="subscription__column --implementation"> <div class="implementation_packages"> <p class="implementation_packages__title --mobile"> Pakiet wdrożeniowy * </p> <p class="implementation_packages__title --desktop"> Pakiet wdrożeniowy * </p> <div class="implementation_packages__option"> <input type="hidden" id="individual_basic_price_input" class="form__input subscription_price_input basic_price_input" name="individual_box_inputs" />  <label>Basic</label> <div class="implementation_packages__price"> <div class="old_price prev_basic_price --small" id="prev_individual_subscription_basic_price" ></div> <div class="basic_price" id="individual_subscription_basic_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="hidden" id="individual_go_price_input" class="form__input subscription_price_input go_price_input" name="individual_box_inputs" />  <label>GO</label> <div class="implementation_packages__price"> <div class="old_price prev_go_price --small" id="prev_individual_subscription_go_price" ></div> <div class="go_price" id="individual_subscription_go_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="hidden" id="individual_go_plus_price_input" class="form__input subscription_price_input go_plus_price_input" name="individual_box_inputs" />  <label>GO+</label> <div class="implementation_packages__price"> <div class="old_price prev_go_plus_price --small" id="prev_individual_subscription_go_plus_price" ></div> <div class="go_plus_price" id="individual_subscription_go_plus_price" ></div> </div> </div> <div class="implementation_packages__option"> <input type="hidden" id="individual_individual_price_input" class="form__input subscription_price_input individual_price_input" name="individual_box_inputs" />  <label>Indywidualny</label> <div class="implementation_packages__price"> <div class="individual_price" id="individual_subscription_individual_price" ></div> </div> </div> </div> <div class="offer_disclaimer --desktop"> <p>* opłata jednorazowa</p> </div> </div> <div class="offer_disclaimer --mobile"> <p>* opłata jednorazowa</p> </div> <div class="offer_tip_info"> <ul> <li> Wdrożenie dostosowane do Twoich potrzeb. Skontaktuj się z nami w celu ustalenia indywidualnych warunków. </li> </ul> </div> <div class="subscription__column --buttons"> <div class="buttons_container"> <div class="individual__title">Do negocjacji</div> <button type="button" class="button_contact button --solid"> Zadzwoń do nas </button> </div> </div> </div> </div> <div class="button_container"> <a target="_blank" href="https://www.idosell.com/panel/file-gate.php?id=330867&lang=pl&ext=.pdf" class="outline_button" >Szczegółowy cennik <svg width="9" height="14" viewBox="0 0 9 14" fill="white" xmlns="http://www.w3.org/2000/svg" style="margin-left: 10px" > <path d="M0 13.6H2.70588L8.4 6.98565L2.70588 0.400024H0L5.69412 6.98565L0 13.6Z" ></path> </svg> </a> </div>  <div id="individual_price_unknown" class="offset-lg-1 price__box d-none" > <div class="price__summary"> <div class="package_container mb-3"> <div class="property_container d-flex"> <span class="price__summary_title">Podsumowanie</span> </div> <div class="property_container d-flex"> <div class="implementation_package"> Wdrożenie szyte na miarę </div> <div class="value_implementation_package"> Indywidualna wycena </div> </div> </div> </div> <div class="button_section col-12 d-flex justify-content-center"> <span class="btn --green --icon-right --full --special_forward" >Skontaktuj się<i class="fas fa-chevron-right"></i ></span> </div> </div> </div> </section> </section> <section id="table_section" class="col-12"> <div class="table_switch section"> <label id="change_table" class="switch d-none"> <input type="checkbox" checked /> <span class="slider"></span> </label> <div class="table_switch__desktop form_item"> <div class="table_switch__head"> <div class="table_switch__title --active" data-table-id="subscriptions_table" > Porównaj plany abonamentowe IdoSell </div> <div class="table_switch__title" data-table-id="implementation_packeges_table" > Porównaj pakiety wdrożeniowe </div> </div> </div> <div class="table_switch__mobile form_item"> <label class="table_switch__label form_item__label" for="table_switch__mobile_select" >Porównaj:</label > <select name="table_switch__mobile" id="table_switch__mobile_select" class="form_item__select" > <option selected value="subscriptions_table"> Pakiety wdrożeniowe IdoSell </option> <option value="implementation_packeges_table"> Plany abonamentowe IdoSell </option> </select> </div> </div> <div id="subscriptions_table" class="comparision_table__container --active" data-id="start_box" ></div> <div id="implementation_packeges_table" class="comparision_table__container --compare" style="--table-cols: 4" data-compare-id="individual_box" > <div class="subscriptions_table__header --sticky"> <div></div> <div class="subscriptions_table__header_item">Basic</div> <div class="subscriptions_table__header_item">GO</div> <div class="subscriptions_table__header_item">GO+</div> <div class="subscriptions_table__header_item"> Wdrożenie indywidualne </div> </div> <div class="subscriptions_table__category_title" data-head-element="1"> Dla kogo <span class="table__chevron"><i class="fas fa-chevron-up"></i></span> </div> <div class="justify-content-between --table-left-normalize" data-row-element="1" > <div class="subscriptions_table__subcategory_title"></div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value" >Idealny wybór, jeśli otwierasz swój biznes lub chcesz poszerzyć ofertę stacjonarną o rynek e-commerce.</span > </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value" >Sprawdzi się, jeśli chcesz dostosować wygląd swojego sklepu lub przenieść go z innej platformy.</span > </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value" >Sprawdzi się, jeśli chcesz dostosować wygląd swojego sklepu lub przenieść go z innej platformy.</span > </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value" >Wybierz, jeśli zależy ci na unikalnym interfejsie sklepu i rozwiązaniu dostosowanym dla twojego biznesu.</span > </div> </div> <div class="subscriptions_table__category_title" data-head-element="2"> Co zawiera w skrócie <span class="table__chevron"><i class="fas fa-chevron-up"></i></span> </div> <div class="justify-content-between --table-left-normalize" data-row-element="2" > <div class="subscriptions_table__subcategory_title"></div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"> <ul style="list-style: none"> <li class="mb-2">Dedykowany opiekun wdrożenia</li> <li class="mb-2"> Dostęp do darmowego szablonu sklepu Konfiguracja sklepu wraz ze szkoleniem online </li> <li class="mb-2"> Import towarów i klientów Przygotowanie sprzedaży stacjonarnej POS </li> <li>Migracja sklepu z innej platformy</li> </ul> </span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value" ><strong class="mb-2">Wszystkie rozwiązania Pakietu Basic</strong> <ul style="list-style: none"> <li class="mb-2">Dobór schematu kolorystycznego i czcionek</li> <li class="mb-2">2 projekty logo</li> <li> 3 banery reklamowe Konsultacja z ekspertem UX/UI, który omówi i wybierze z Tobą najlepszy układ szablonu </li> </ul> </span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value" ><strong class="mb-2">Wszystkie rozwiązania Pakietu GO</strong> <ul style="list-style: none"> <li class="mb-2"> Udział eksperta UX/UI w procesie tworzenia sklepu </li> <li> Dostosowanie motywu i zestawu komponentów szablonu pod typ Twojego biznesu 3 widoki sklepu: strona główna, lista towarów i karta towaru wykonane przez eksperta UX/UI na podstawie gotowych komponentów </li> </ul> </span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value" ><strong class="mb-2">Wszystkie rozwiązania Pakietów GO</strong> <ul style="list-style: none"> <li class="mb-2"> Stworzenie unikatowego projektu interfejsu sklepu przez ekspertów UX/UI </li> <li class="mb-2"> Wdrożenie gotowego projektu interfejsu sklepu </li> <li class="mb-2"> Stworzenie specjalistycznych rozwiązań dla twojego biznesu </li> <li class="mb-2"> Niestandardowe integracje i aplikacje wykraczające poza rozwiązania systemu IdoSell </li> <li> Możliwość migracji sklepu i przeniesienia indywidualnego rozwiązania zastosowanego na dotychczasowej platformie </li> </ul> </span> </div> </div> <div class="subscriptions_table__category_title" data-head-element="3"> Informacje szczegółowe <span class="table__chevron"><i class="fas fa-chevron-up"></i></span> </div> <div class="justify-content-between" data-row-element="3"> <div class="subscriptions_table__subcategory_title"> Dostęp do darmowego szablonu sklepu <div class="subscription__tooltip"> <span class="subscription__tooltip_icon"></span> <div class="subscription__tooltip_info"> Otrzymujesz dostęp do darmowego szablonu sklepu o szerokości 1170px. </div> </div> </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="3"> <div class="subscriptions_table__subcategory_title"> Konfiguracja sklepu i szkolenie </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="3"> <div class="subscriptions_table__subcategory_title"> Konfiguracja sprzedaży stacjonarnej POS </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="3"> <div class="subscriptions_table__subcategory_title"> Import towarów i klientów z dowolnej platformy </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="3"> <div class="subscriptions_table__subcategory_title"> Dedykowany opiekun wdrożenia </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="3"> <div class="subscriptions_table__subcategory_title"> Konsultacja z ekspertem UX/UI w celu omówienia układu szablonu po zasileniu i skonfigurowaniu sklepu. </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__minus">+</span></span> </div> </div> <div class="subscriptions_table__category_title" data-head-element="4"> Prace graficzne <span class="table__chevron"><i class="fas fa-chevron-up"></i></span> </div> <div class="justify-content-between" data-row-element="4"> <div class="subscriptions_table__subcategory_title"> Dostosowanie motywu kolorystycznego szablonu sklepu, maili transakcyjnych oraz fontów </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="4"> <div class="subscriptions_table__subcategory_title"> Przygotowanie 3 banerów reklamowych </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="4"> <div class="subscriptions_table__subcategory_title"> 2 projekty logo </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="4"> <div class="subscriptions_table__subcategory_title"> Udział eksperta UX/UI w procesie tworzenia sklepu </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="4"> <div class="subscriptions_table__subcategory_title"> Dostosowanie układu komponentów szablonu pod potrzeby branży lub typ sklepu (np. sklep multibrandowy lub jednobrandowy) </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="4"> <div class="subscriptions_table__subcategory_title"> Widoki 3 stron wykonane przez eksperta UX/UI w oparciu o gotowe komponenty dostosowane do potrzeb Twojego biznesu </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">+</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="subscriptions_table__category_title --gray" data-head-element="5" > Prace indywidualne <span class="table__chevron"><i class="fas fa-chevron-up"></i></span> </div> <div class="justify-content-between" data-row-element="5"> <div class="subscriptions_table__subcategory_title"> Niestandardowe integracje i aplikacje wykraczające poza rozwiązania systemu Idosell </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="5"> <div class="subscriptions_table__subcategory_title"> Indywidualny projekt interfejsu sklepu współtworzony z ekspertem UX/UI </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> <div class="justify-content-between" data-row-element="5"> <div class="subscriptions_table__subcategory_title"> Indywidualne rozwiązania pod potrzeby Twojego biznesu </div> <div class="subscriptions_table__start_value"> <div class="subscriptions_table__subscription_type">Start</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_value"> <div class="subscriptions_table__subscription_type">GO</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__go_plus_value"> <div class="subscriptions_table__subscription_type">GO+</div> <span class="sub__value"><span class="table__plus">-</span></span> </div> <div class="subscriptions_table__individual_value"> <div class="subscriptions_table__subscription_type"> Wdrożenie indywidualne </div> <span class="sub__value"><span class="table__plus">+</span></span> </div> </div> </div> <div id="table_disclaimers" class="section table_disclaimers"> <p> * netto miesięcznie przez rok od podpisania umowy; dotyczy umowy na 12 miesięcy </p> <p> <sup>1</sup> liczone są wyłącznie zamówienia kwalifikowane („zamówienie sklepowe albo niesklepowe, które ma status opłaconego albo oznaczoną formę płatności za pobraniem; zamówieniem kwalifikowanym nie są zamówienia o statusie "klient anulował", „fałszywe", „stracone", „połączone”. Jednakże, jeżeli zamówienie ma status opłaconego albo oznaczoną formę płatności za pobraniem, a jednocześnie status "klient anulował”, „fałszywe", „stracone", „połączone” Operator uznaje takie zamówienie za Zamówienie kwalifikowane”) </p> <p> <sup>2</sup> z wyłączeniem aplikacji pomocniczych IdoSell:POS, Bridge, Scanner, Printer oraz modułu integracji z wFirma.pl </p> <p> <sup>3</sup> szczegóły - patrz <a href="#">Cennik płatności online IdoPay</a> </p> </div> </section> <section id="service_info" class="section service_info col-12"> <span class="section__head" >Jak wygląda proces zawarcia umowy na Usługę IdoSell?</span > <div class="service_info__steps"> <div class="service_info__step"> <span class="service_info__counter"></span> <div class="service_info__content"> <span class="service_info__title" >Wybór abonamentu i pakietu wdrożeniowego</span > <div class="service_info__points"> <span >Wybierz plan abonamentowy oraz pakiet wdrożeniowy dostosowany do Twoich potrzeb</span > <span>Wybierz opcję umowy na czas określony lub nieokreślony</span> <span >Jeśli masz jakiekolwiek pytania, skontaktuj się z nami! Eksperci IdoSell chętnie pomogą dobrać optymalne rozwiązania</span > </div> </div> </div> <div class="service_info__step"> <span class="service_info__counter"></span> <div class="service_info__content"> <span class="service_info__title">Złożenie zamówienia</span> <div class="service_info__points"> <span>Uzupełnij dane billingowe firmy</span> <span>Zaakceptuj Regulamin i Cennik</span> </div> </div> </div> <div class="service_info__step"> <span class="service_info__counter"></span> <div class="service_info__content"> <span class="service_info__title">Opłacenie zamówienia</span> <div class="service_info__points"> <span >Skorzystaj z płatności on-line lub przelewu tradycyjnego</span > </div> </div> </div> <div class="service_info__step"> <span class="service_info__counter"></span> <div class="service_info__content"> <span class="service_info__title">Aktywacja Usługi IdoSell</span> <div class="service_info__points"> <span >Gratulacje! Otrzymujesz dostęp do Panelu administracyjnego IdoSell</span > <span >A także do naszych ekspertów, wsparcia technicznego i materiałów edukacyjnych </span> </div> </div> </div> </div> </section> <section id="trusted_by" class="section --background trusted_by col-12"> <span class="section__head">Zaufali nam</span> <div class="trusted_by__brands"> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287458&ext=.svg" alt="minti logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287459&ext=.svg" alt="LeeCooper logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287460&ext=.svg" alt="Foods by Ann logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287461&ext=.svg" alt="Denley logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287462&ext=.svg" alt="ezebra logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287741&ext=.svg" alt="Karakter logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287464&ext=.svg" alt="9design logo" loading="lazy" /> <img class="trusted_by__brand" src="https://www.iai-system.com/panel/file-gate.php?id=287465&ext=.svg" alt="Paese logo" loading="lazy" /> </div> </section> <section id="shop_contact" class="section --large shop_contact col-12"> <span class="section__head"> <span class="section__line">Chcesz o coś zapytać?</span> <span class="section__line">Porozmawiaj z ekspertem IdoSell</span> </span> <div class="shop_contact__description"> Eksperci z działu sprzedaży są do twojej dyspozycji od poniedziałku do piątku, w godzinach <span class="text-primary">9:00 - 17:00</span> </div> <div class="shop_contact__links mb-5"> <a href="mailto:shop@idosell.com">shop@idosell.com</a> <a href="tel:+48914436600">+48 91 443 66 00</a> </div> <div class="d-flex justify-content-center"> <a href="https://meetings-eu1.hubspot.com/klaudia-nykiel/porozmawiajmy-o-sklepie?hsCtaTracking=0757ba9a-e2ef-4fbf-a3d2-8462fb861650%7Cb5782a4d-92fc-44c2-943c-206761b7ebab" target="_blank" id="contact_sales" title="Umów konsultację" class="button --solid inline-block" >Umów konsultację</a > </div> </section> </div> <div class="row content align-items-start form_container --mode_2 d-none"> <form action="" method="POST" class="register_form" id="form_order" autocomplete="off" > <div class="section --large:laptop --background register_main"> <section id="register_headline" class="register_headline"> <div class="error_container"></div> </section> <section id="register_form" class="register_form__wrapper section__column --col-large" > <div class="step"> <div class="step_container"> <div class="step_number">Krok 1 z 2</div> <button type="button" class="go_back_button" id="back_to_packages"> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9" fill="none" > <path d="M5.09091 0.5L3.45098 0.5L2.25628e-06 4.50871L3.45098 8.5L5.09091 8.5L1.63993 4.50871L5.09091 0.5Z" fill="#171717" /> </svg> <span>Wróć do cennika</span> </button>  </div> <div class="step__head"> <span class="step__title">Uzupełnij dane</span> <span class="step__description">na potrzeby zawarcia umowy</span> </div> </div> <input type="hidden" name="step" value="2" /> <div class="section__column --col-xl"> <div class="section__column"> <div class="section__title">Dane osoby zamawiającej</div> <div class="form_group"> <div class="form_item"> <label for="order_firstname" class="form_item__label" >Imię</label > <input required="" id="order_firstname" name="order_firstname" type="text" class="form_item__input" /> <div class="error_container"></div> </div> <div class="form_item"> <label for="order_lastname" class="form_item__label" >Nazwisko</label > <input required="" id="order_lastname" name="order_lastname" type="text" class="form_item__input" /> <div class="error_container"></div> </div> </div> <div class="form_item"> <label for="order_position" class="form_item__label" >Pozycja w firmie</label > <select name="order_position" class="form_item__select" id="order_position" > <option value="owner">Właściciel</option> <option value="president">Prezes</option> <option value="boardmember">Upoważniony członek zarządu</option> <option value="employee">Upoważniony pracownik</option> <option value="authorized"> Upoważniona niezatrudniona osoba </option> </select> <div class="error_container"></div> </div> </div> <div class="section__column"> <div class="section__title">Podaj dane kontaktowe</div> <div class="form_item"> <label for="order_email" class="form_item__label">E-mail</label> <input required="" type="email" id="order_email" name="order_email" class="form_item__input" /> <div class="error_container"></div> </div> <div class="form_item"> <label for="order_tel" class="form_item__label" >Telefon komórkowy (<b >na wpisany numer wyślemy powiadomienie sms</b >)</label > <input required="" type="text" id="order_tel" name="order_tel" class="form_item__input" value="+48" /> <div class="error_container"></div> </div> </div> <div class="booking_company section__column"> <div class="section__title">Dane firmy</div> <div class="form_item" id="nip_container"> <label for="owner_nip" class="form_item__label">NIP</label> <input required="" name="owner_nip" id="owner_nip" type="text" class="form_item__input" /> <div class="error_container"></div> </div> <button type="button" class="autocomplete_button button --outline --icon" > <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" > <path d="M5.90625 7.59375C5.90625 7.36997 5.99514 7.15536 6.15338 6.99713C6.31161 6.83889 6.52622 6.75 6.75 6.75H11.25C11.4738 6.75 11.6884 6.83889 11.8466 6.99713C12.0049 7.15536 12.0938 7.36997 12.0938 7.59375C12.0938 7.81753 12.0049 8.03214 11.8466 8.19037C11.6884 8.34861 11.4738 8.4375 11.25 8.4375H6.75C6.52622 8.4375 6.31161 8.34861 6.15338 8.19037C5.99514 8.03214 5.90625 7.81753 5.90625 7.59375ZM8.15625 9.5625H6.75C6.52622 9.5625 6.31161 9.6514 6.15338 9.80963C5.99514 9.96786 5.90625 10.1825 5.90625 10.4062C5.90625 10.63 5.99514 10.8446 6.15338 11.0029C6.31161 11.1611 6.52622 11.25 6.75 11.25H8.15625C8.38003 11.25 8.59464 11.1611 8.75287 11.0029C8.91111 10.8446 9 10.63 9 10.4062C9 10.1825 8.91111 9.96786 8.75287 9.80963C8.59464 9.6514 8.38003 9.5625 8.15625 9.5625ZM16.0312 3.375V11.0173C16.0318 11.202 15.9956 11.385 15.9249 11.5557C15.8541 11.7263 15.7502 11.8813 15.6192 12.0115L12.0115 15.6192C11.8813 15.7502 11.7263 15.8541 11.5557 15.9249C11.385 15.9956 11.202 16.0318 11.0173 16.0312H3.375C3.00204 16.0312 2.64435 15.8831 2.38063 15.6194C2.11691 15.3556 1.96875 14.998 1.96875 14.625V3.375C1.96875 3.00204 2.11691 2.64435 2.38063 2.38063C2.64435 2.11691 3.00204 1.96875 3.375 1.96875H14.625C14.998 1.96875 15.3556 2.11691 15.6194 2.38063C15.8831 2.64435 16.0312 3.00204 16.0312 3.375ZM3.65625 14.3438H10.125V10.9688C10.125 10.745 10.2139 10.5304 10.3721 10.3721C10.5304 10.2139 10.745 10.125 10.9688 10.125H14.3438V3.65625H3.65625V14.3438ZM13.4297 11.8125H11.8125V13.4297L13.4297 11.8125Z" fill="#171717" /> </svg> <span>Włącz autouzupełnianie danych firmy w formularzu</span> </button> <div class="form_item"> <label for="owner_firmname" class="form_item__label" >Pełna nazwa firmy</label > <input required="" type="text" id="owner_firmname" name="owner_firmname" class="form_item__input" /> <div class="error_container"></div> </div> <div class="form_item"> <label for="owner_address" class="form_item__label" >Ulica i lokal</label > <input required="" type="text" id="owner_address" name="owner_address" class="form_item__input" /> <div class="error_container"></div> </div> <div class="form_group zipCitySection"> <div class="form_item --first"> <label for="owner_zipcode" class="form_item__label" >Kod pocztowy</label > <input required="" id="owner_zipcode" name="owner_zipcode" type="text" class="form_item__input" /> <div class="error_container"></div> </div> <div class="form_item --second"> <label for="owner_city" class="form_item__label">Miasto</label> <input required="" name="owner_city" id="owner_city" type="text" class="form_item__input" /> <div class="error_container"></div> </div> </div> <div class="form_item --countries"> <label for="owner_country" class="form_item__label" >Państwo</label > <select id="owner_country" name="owner_country" class="form_item__select" required="" ></select> </div> <div class="section_agreement"> <div class="form_item mb-3"> <input required="" id="accept_all" name="accept_all" type="checkbox" /> <label for="accept_all" class="form_item__label form_item__checkbox accept_all" > <span >Zapoznałem się, rozumiem i akceptuję <a class="list" href=" https://www.idosell.com/pl/shop/terms/regulamin-idosell/" target="_blank" >Regulamin IdoSell</a >, <a class="list" href="https://www.idosell.com/pl/regulamin-idosell/" target="_blank" >Regulamin Prac wdrożeniowych</a >, <a class="list" href="https://www.idosell.com/pl/szczegolowy-cennik-idosell/" target="_blank" >Cennik usługi IdoSell</a >, oraz <a class="list" href="https://www.idosell.com/pl/regulamin-idosell/" target="_blank" >regulamin usługi IdoPay (IdoPayments sp. z o.o.)</a > i odpowiadające im <a class="list" href="https://www.idosell.com/pl/regulamin-idosell/umowa-idosell/" target="_blank" >Umowy</a > oraz <a class="list" href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/polityka-prywatnosci-serwisow-internetowych-idosell-i-iai/" target="_blank" >Politykę prywatności </a> . </span> </label> <div class="checkbox_error d-none"></div> </div> <div class="form_item"> <input id="marketing_consent" name="marketing_consent" type="checkbox" /> <label for="marketing_consent" class="form_item__label form_item__checkbox accept_all" > <span >Niniejszym wyrażam zgodę na e-mail marketing produktów i usług IAI S.A. oraz naszych <a href="https://www.iai-sa.com/pl/zaufani-partnerzy/" target="_blank" >zaufanych Partnerów</a >. Zaufani partnerzy: IdoPayments sp. z o. o., IdoBooking sp. z o. o., Smile sp. z o. o. </span> </label> <div class="checkbox_error d-none"></div> </div> </div> <div class="button_section"> <button class="button --solid --icon" id="button_new" type="submit" > Zamawiam <i class="fas fa-chevron-right"></i> </button> </div> </div> </div>  </section> </div> <div class="section summary --small --large:laptop"> <div class="price__box"> <div class="price__summary section__column"> <div class="summary_prices section__column"> <div class="step"> <div class="step__title --large"> Podsumowanie zamówienia IdoSell </div> </div> <section class="section__row --row-extra-small"> <label id="change_price_checkout" class="switch --small"> <input type="checkbox" /> <span class="slider"></span> </label> <p>Pokaż ceny brutto</p> </section> <div class="package_container section__column --col-small"> <div class="summary__item"> <div class="summary__name"> <p>Abonament <span id="summary_subscription_name"></span></p> <p id="contract_period" class="summary__grayed"></p> </div> <div class="summary__price"> <p id="summary_subscription_price"></p> <p id="summary_subscription_price_after" class="summary__grayed" ></p> </div> </div> <div class="summary__item"> <div class="summary__name"> <p>Opłata aktywacyjna</p> </div> <div class="summary__price"> <p id="activation_cost"></p> </div> </div> <div class="summary__item"> <div class="summary__name"> <p> Pakiet wdrożeniowy <span id="implementation_package_name"></span> </p> </div> <div class="summary__price"> <p id="previous_implementation_price" class="old_price summary__grayed" ></p> <p id="current_implementation_price"></p> </div> </div> </div> <div class="prices_disclaimer"> <p>*opłaty jednorazowe</p> </div> </div> <div class="summary_timeline"> <div class="summary_timeline__graphic"> <div class="summary_timeline__block"></div> <div class="summary_timeline__block"></div> </div> <div class="summary_timeline__dates"> <div class="summary__item --start"> <div class="summary_timeline__name"> <p>Dzisiaj</p> </div> <div class="summary__price"> <p id="price_for_now"></p> <p class="summary__grayed">opłata jednorazowa</p> </div> </div> <div id="next_payday_container" class="summary__item --end"> <div class="summary_timeline__name --small"> <p> <span id="next_payday_date" class="summary_timeline__name" ></span> za <span id="grace_period"></span> </p> </div> <div class="summary__price"> <p id="price_after_grace_period"></p> </div> </div> </div> </div> <div class="summary_payments"> <div class="summary_payments__name"> <p>Łącznie:</p> </div> <div class="summary_payments__price"> <p id="total_price"></p> <p id="total_price_gross" class="summary__grayed"></p> </div> </div> <div class="summary_pay_options"> <p class="summary_pay_options__title">Akceptujemy</p> <div class="summary_pay_options__graphics"> <img src="https://www.iai-system.com/panel/file-gate.php?id=287529&ext=.png" alt="payments" loading="lazy" /> </div> </div> </div> </div> </div> </form> </div> <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>  <script> // Deklaracje globalnych wartości const grossMultiplier = 1.23; const currencyID = data.mode_1?.currencyID ?? 1; const symbol = data.mode_1.availableCurrencies[currencyID - 1].symbol; const mode1 = document.querySelector(".--mode_1"); const mode2 = document.querySelector(".--mode_2"); // Deklaracje nazw pakietów const subscriptions = { START: "start", START_MONTHLY: "start_monthly", BUSINESS: "business", BUSINESS_MONTHLY: "business_monthly", EXPERT: "expert", EXPERT_MONTHLY: "expert_monthly", ENTERPRISE: "enterprise", ENTERPRISE_MONTHLY: "enterprise_monthly", INDIVIDUAL: "individual", INDIVIDUAL_MONTHLY: "individual_monthly", }; const subscriptionTableInfo = { START: "start", BUSINESS: "business", EXPERT: "expert", ENTERPRISE: "enterprise", INDIVIDUAL: "individual", }; const implementationPackages = { BASIC: "basic", GO: "go", GO_PLUS: "go+", INDIVIDUAL: "individual", STANDARD: "standard", INDIVIDUAL_PER_HOUR: "individual_per_hour", }; const contractPeriods = { INDEFINITE: "indefinite", YEARLY: "yearly", }; const categoriesToSubscriptionInformationTable = { KOSZTY: "Koszty", DOPLATA_ZA_ZAMOWIENIA: "Dopłaty za zamówienia", OPLATY_FUNKCJONALNE: "Opłaty funkcjonalne", ZWIEKSZANIE_SPRZEDAZY: "Zwiększenie Sprzedaży", APLIKACJE_POMOCNICZE: "Aplikacje pomocnicze", OPŁATY_TECHNICZNE: "Opłaty techniczne", OPŁATY_ZA_PŁATNOSCI: "Opłaty za płatności", CROSSBORDER: "Crossborder", }; // const additionalPrices = data.data_mode1.additional_prices; const InfoSubscriptionTable = [ { category: categoriesToSubscriptionInformationTable.KOSZTY, name: "Opłata miesięczna (umowa na czas nieokreślony)", // tooltip: 'Testowy tooltip', values: { [subscriptions.START]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.START], [subscriptions.BUSINESS]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.BUSINESS], [subscriptions.EXPERT]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.EXPERT], [subscriptions.ENTERPRISE]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.ENTERPRISE], [subscriptions.INDIVIDUAL]: "Do negocjacji", }, }, { category: categoriesToSubscriptionInformationTable.KOSZTY, name: "Opłata miesięczna (umowa na rok)", values: { [subscriptions.START]: `<span class="--promotion"> ${ data.mode_1.subscriptionPrices[currencyID].contract_for_one_year[ subscriptions.START_MONTHLY ] }</span><p>(przez pierwszy rok)</p>`, [subscriptions.BUSINESS]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.BUSINESS], [subscriptions.EXPERT]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.EXPERT], [subscriptions.ENTERPRISE]: data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.ENTERPRISE], [subscriptions.INDIVIDUAL]: "Do negocjacji", }, }, { category: categoriesToSubscriptionInformationTable.KOSZTY, name: "Gratis (umowa na rok)", values: { [subscriptions.START]: data.mode_1.subscriptionPrices[currencyID].contract_for_one_year[ subscriptions.START_MONTHLY ], [subscriptions.BUSINESS]: "Pierwsze 2 miesiące abonamentu za 0 zł", [subscriptions.EXPERT]: "Pierwsze 2 miesiące abonamentu za 0 zł", [subscriptions.ENTERPRISE]: "Pierwsze 3 miesiące abonamentu za 0 zł", [subscriptions.INDIVIDUAL]: "Pierwsze 4 miesiące abonamentu za 0 zł", }, }, { category: categoriesToSubscriptionInformationTable.DOPLATA_ZA_ZAMOWIENIA, name: '<div class="sup_title">Pakiet miesięczny darmowych zamówień sklepowych <sup>1</sup></div>', values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].limits .qualified_store_order_over_limit.limit, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].limits .qualified_store_order_over_limit.limit, [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].limits .qualified_store_order_over_limit.limit, [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].limits .qualified_store_order_over_limit.limit, [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].limits .qualified_store_order_over_limit.limit, }, }, { category: categoriesToSubscriptionInformationTable.DOPLATA_ZA_ZAMOWIENIA, name: "Dopłata za zamówienie sklepowe kwalifikowane ponad limit", values: { [subscriptions.START]: "Zmiana na Business", [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].order_surcharges .qualified_store_order_over_limit[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].order_surcharges .qualified_store_order_over_limit[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .order_surcharges.qualified_store_order_over_limit[currencyID], [subscriptions.INDIVIDUAL]: "Do negocjacji", }, }, { category: categoriesToSubscriptionInformationTable.DOPLATA_ZA_ZAMOWIENIA, name: '<div class="sup_title">Pakiet miesięczny darmowych zamówień niesklepowych <sup>1</sup></div>', values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].limits .non_store_order_over_limit.limit, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].limits .non_store_order_over_limit.limit, [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].limits .non_store_order_over_limit.limit, [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].limits .non_store_order_over_limit.limit, [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].limits .non_store_order_over_limit.limit, }, }, { category: categoriesToSubscriptionInformationTable.DOPLATA_ZA_ZAMOWIENIA, name: "Dopłata za zamówienie niesklepowe ponad limit", values: { [subscriptions.START]: "Zmiana na Business", [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].order_surcharges .non_store_order_over_limit[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].order_surcharges .non_store_order_over_limit[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .order_surcharges.non_store_order_over_limit[currencyID], [subscriptions.INDIVIDUAL]: "Do negocjacji", }, }, { category: categoriesToSubscriptionInformationTable.DOPLATA_ZA_ZAMOWIENIA, name: "Pakiet miesięcznych darmowych zamówień IdoSell POS", values: { [subscriptions.START]: "bez limitu", [subscriptions.BUSINESS]: "bez limitu", [subscriptions.EXPERT]: "bez limitu", [subscriptions.ENTERPRISE]: "bez limitu", [subscriptions.INDIVIDUAL]: "bez limitu", }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Dopłata za dodatkowy Sklep do Panelu administracyjnego", id: "doplata-sklep", values: { [subscriptions.START]: '<span class="table__minus">-</span>', [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .additional_shop[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .additional_shop[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.additional_shop[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.additional_shop[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Usługa White Label", id: "white-label", tooltip: 'Usunięcie logo "Powered by IdoSell" ze swojego sklepu.', values: { [subscriptions.START]: '<span class="table__minus">-</span>', [subscriptions.BUSINESS]: '<span class="table__minus">-</span>', [subscriptions.EXPERT]: '<span class="table__minus">-</span>', [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.whitelabel[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.whitelabel[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Usługa Oddział firmy", id: "oddzial-firma", tooltip: "Możliwość ustawienia różnych danych właściciela swoich sklepów i obsługi dokumentów sprzedaży różnych firm.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.functional_fees .company_branch[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START].functional_fees .company_branch[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .company_branch[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .company_branch[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.company_branch[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.company_branch[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Usługa Banking PRO", id: "banking-pro", tooltip: "Automatyczne księgowanie wpłaty dla zwykłych przelewów i pobrań Poczty Polskiej na swoje konto.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.functional_fees .banking_pro[currencyID] } * / ${ data.mode_1.additional_prices[subscriptions.START].functional_fees .banking_pro[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .banking_pro[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .banking_pro[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.banking_pro[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.banking_pro[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Moduł B2B", id: "modul-b2b", tooltip: "Dostęp do możliwości kierowania oferty hurtowej (wraz z inną grupą cen) do wybranej lub zawężonej grupy odbiorców, wyselekcjonowanej spośród klientów B2C, a także m.in. dostęp do kredytów kupieckich i udostępniania oferty do integracji.", values: { [subscriptions.START]: '<span class="table__minus">-</span>', [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .b2b[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .b2b[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.b2b[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.b2b[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Usługa Composer PRO", id: "composer-pro", tooltip: "Profesjonalna odsłona narzędzia Composer, dedykowana zaawansowanym edycjom (pełna edycja kodu CSS, JavaScript oraz XML/XSLT), a także rozwijaniu szablonów w SMARTY i XSLT.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.functional_fees .composer_pro[currencyID] } * / ${ data.mode_1.additional_prices[subscriptions.START].functional_fees .composer_pro[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .composer_pro[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .composer_pro[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.composer_pro[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.composer_pro[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Certyfikat Commercial Wildcard SSL na rok", id: "ssl-wildcard", tooltip: "Certyfikat SSL typu Wildcard szyfrujący jedną domenę główną Twojego sklepu i jej wszystkie subdomeny.", values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].functional_fees .ssl[currencyID], [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .ssl[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .ssl[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.ssl[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.ssl[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPLATY_FUNKCJONALNE, name: "Instalacja własnego certyfikatu SSL dla jednej domeny sklepu", id: "instalacja-ssl", tooltip: "Instalacja zewnętrznego certyfikatu SSL - zakupionego poza IdoSell.", values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].functional_fees .ssl_own_installation[currencyID], [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].functional_fees .ssl_own_installation[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].functional_fees .ssl_own_installation[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .functional_fees.ssl_own_installation[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .functional_fees.ssl_own_installation[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.ZWIEKSZANIE_SPRZEDAZY, name: "Usługa Dynamic Pricing & Product Groups", id: "dynamic-pricing", tooltip: "Narzędzie ułatwiające optymalizację sprzedaży w różnych kanałach.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.other_services .dynamic_product_groups[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START].other_services .dynamic_product_groups[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].other_services .dynamic_product_groups[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].other_services .dynamic_product_groups[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].other_services .dynamic_product_groups[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].other_services .dynamic_product_groups[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.ZWIEKSZANIE_SPRZEDAZY, name: "IdoSell RS", id: "idosell-rs", tooltip: "Inteligentny system rekomendacji produktowych na podstawie zachowań klientów.", values: { [subscriptions.START]: '<a href="https://www.idosell.com/pl/inteligentny-system-rekomendacji-produktowych-idosell-rs/model-rozliczen-i-zawartosc-uslugi-iai-rs/">Sprawdź cennik usługi</a>', [subscriptions.BUSINESS]: '<a href="https://www.idosell.com/pl/inteligentny-system-rekomendacji-produktowych-idosell-rs/model-rozliczen-i-zawartosc-uslugi-iai-rs/">Sprawdź cennik usługi</a>', [subscriptions.EXPERT]: '<a href="https://www.idosell.com/pl/inteligentny-system-rekomendacji-produktowych-idosell-rs/model-rozliczen-i-zawartosc-uslugi-iai-rs/">Sprawdź cennik usługi</a>', [subscriptions.ENTERPRISE]: '<a href="https://www.idosell.com/pl/inteligentny-system-rekomendacji-produktowych-idosell-rs/model-rozliczen-i-zawartosc-uslugi-iai-rs/">Sprawdź cennik usługi</a>', [subscriptions.INDIVIDUAL]: '<a href="https://www.idosell.com/pl/inteligentny-system-rekomendacji-produktowych-idosell-rs/model-rozliczen-i-zawartosc-uslugi-iai-rs/">Sprawdź cennik usługi</a>', }, }, { category: categoriesToSubscriptionInformationTable.ZWIEKSZANIE_SPRZEDAZY, name: "Usługa Searching PRO", id: "searching-pro", tooltip: "Wyszukiwarka tekstowa ze sztuczną inteligencją ułatwiająca wyszukiwanie towarów i zwiększająca sprzedaż.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.other_services .searching_pro[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START].other_services .searching_pro[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].other_services .searching_pro[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].other_services .searching_pro[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].other_services .searching_pro[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].other_services .searching_pro[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.ZWIEKSZANIE_SPRZEDAZY, name: "Checkout 2.0", id: "checkout-2", tooltip: "Rozwiązania typu express checkout i szybki, jednokrokowy koszyk, przyspieszające finalizację zamówień i zwiększające konwersję.", values: { [subscriptions.START]: "1,49 %", [subscriptions.BUSINESS]: "1,39 %", [subscriptions.EXPERT]: "1,39 %", [subscriptions.ENTERPRISE]: "1,09 %", [subscriptions.INDIVIDUAL]: "negocjowane", }, }, { category: categoriesToSubscriptionInformationTable.ZWIEKSZANIE_SPRZEDAZY, name: "Express Checkout", id: "express-checkout", values: { [subscriptions.START]: "1,49 %", [subscriptions.BUSINESS]: "1,39 %", [subscriptions.EXPERT]: "1,39 %", [subscriptions.ENTERPRISE]: "1,09 %", [subscriptions.INDIVIDUAL]: "negocjowane", }, }, { category: categoriesToSubscriptionInformationTable.APLIKACJE_POMOCNICZE, name: "IdoSell POS", id: "idosell-pos", tooltip: "Aplikacja, dzięki której z wykorzystaniem swojego stanowiska kasowego, możesz skutecznie i wygodnie rejestrować sprzedaż w sklepie stacjonarnym, bezpiecznie i łatwo realizując strategię omnichannel.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.supporting_applications .pos[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START] .supporting_applications.pos[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS] .supporting_applications.pos[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT] .supporting_applications.pos[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .supporting_applications.pos[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .supporting_applications.pos[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.APLIKACJE_POMOCNICZE, name: "IdoSell Printer", id: "idosell-printer", tooltip: "Aplikacja służąca do wydruku paragonów fiskalnych i fiskalnych faktur VAT na drukarkach fiskalnych i dokumentów sprzedaży na zwykłych i termicznych drukarkach.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.supporting_applications .printer[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START] .supporting_applications.printer[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS] .supporting_applications.printer[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT] .supporting_applications.printer[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .supporting_applications.printer[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .supporting_applications.printer[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.APLIKACJE_POMOCNICZE, name: "IdoSell Downloader", id: "idosell-downloader", tooltip: "Aplikacja służąca do importowania i aktualizowania oferty na podstawie danych pochodzących od dostawcy. Łączy sklep z hurtownią, pobiera ofertę wraz z cenami, opisami i zdjęciami oraz w kilka chwil umieszcza ją w e-sklepie.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.supporting_applications .downloader[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START] .supporting_applications.downloader[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS] .supporting_applications.downloader[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT] .supporting_applications.downloader[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .supporting_applications.downloader[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .supporting_applications.downloader[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.APLIKACJE_POMOCNICZE, name: "IdoSell Bridge", id: "idosell-bridge", tooltip: "Aplikacja integrująca panel administracyjny IdoSell z najpopularniejszymi programami typu ERP lub innymi programami służącymi do prowadzenia firmy.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.supporting_applications .bridge[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START] .supporting_applications.bridge[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS] .supporting_applications.bridge[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT] .supporting_applications.bridge[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .supporting_applications.bridge[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .supporting_applications.bridge[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.APLIKACJE_POMOCNICZE, name: "IdoSell Scanner", id: "idosell-scanner", tooltip: "Aplikacja wspierająca i rozszerzająca możliwości obsługi zamówień oraz procesów magazynowych WMS, który jest wbudowany w system sklepu internetowego IdoSell.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.supporting_applications .scanner[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START] .supporting_applications.scanner[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS] .supporting_applications.scanner[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT] .supporting_applications.scanner[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .supporting_applications.scanner[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .supporting_applications.scanner[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.APLIKACJE_POMOCNICZE, name: "IdoSell Kamsoft Bridge", id: "idosell-kamsoft", tooltip: "Aplikacja integrująca panel sklepu internetowego IdoSell z programem do prowadzenia apteki KS-Apteka.", values: { [subscriptions.START]: `${ data.mode_1.additional_prices.start_one_year.supporting_applications .kamsoft_bridge[currencyID] }* / ${ data.mode_1.additional_prices[subscriptions.START] .supporting_applications.kamsoft_bridge[currencyID] }`, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS] .supporting_applications.kamsoft_bridge[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT] .supporting_applications.kamsoft_bridge[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE] .supporting_applications.kamsoft_bridge[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL] .supporting_applications.kamsoft_bridge[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: '<div class="sup_title">Pakiet miesięczny darmowych wywołań API <sup>2</sup></div>', values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].limits.api.limit, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].limits.api .limit, [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].limits.api.limit, [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].limits.api .limit, [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].limits.api .limit, }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Dopłata za każde rozpoczęte 100000 wywołań API ponad limit", values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].technical_fees.api[ currencyID ], [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].technical_fees .api[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].technical_fees .api[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].technical_fees .api[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].technical_fees .api[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Maksymalna ilość SKU", values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].limits.sku .max_limit, [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].limits.sku .max_limit, [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].limits.sku .max_limit, [subscriptions.ENTERPRISE]: "bez limitu", [subscriptions.INDIVIDUAL]: "bez limitu", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Przestrzeń dyskowa na opcjonalne pliki np. filmy, PDFy, itp.", values: { [subscriptions.START]: "10 GB", [subscriptions.BUSINESS]: "10 GB", [subscriptions.EXPERT]: "20 GB", [subscriptions.ENTERPRISE]: "50 GB", [subscriptions.INDIVIDUAL]: "100 GB", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Dodatkowy 1 GB przestrzeni dyskowej na opcjonalne pliki", values: { [subscriptions.START]: data.mode_1.additional_prices[subscriptions.START].technical_fees .space[currencyID], [subscriptions.BUSINESS]: data.mode_1.additional_prices[subscriptions.BUSINESS].technical_fees .space[currencyID], [subscriptions.EXPERT]: data.mode_1.additional_prices[subscriptions.EXPERT].technical_fees .space[currencyID], [subscriptions.ENTERPRISE]: data.mode_1.additional_prices[subscriptions.ENTERPRISE].technical_fees .space[currencyID], [subscriptions.INDIVIDUAL]: data.mode_1.additional_prices[subscriptions.INDIVIDUAL].technical_fees .space[currencyID], }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Maks. liczba niezależnych magazynów własnych", values: { [subscriptions.START]: "do 9", [subscriptions.BUSINESS]: "do 9", [subscriptions.EXPERT]: "do 9", [subscriptions.ENTERPRISE]: "bez limitu", [subscriptions.INDIVIDUAL]: "bez limitu", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Maks. liczba edytowanych towarów w grupowej edycji", values: { [subscriptions.START]: "bez limitu", [subscriptions.BUSINESS]: "bez limitu", [subscriptions.EXPERT]: "bez limitu", [subscriptions.ENTERPRISE]: "bez limitu", [subscriptions.INDIVIDUAL]: "bez limitu", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Limit zdjęć na karcie towaru", values: { [subscriptions.START]: "do 20", [subscriptions.BUSINESS]: "do 20", [subscriptions.EXPERT]: "do 20", [subscriptions.ENTERPRISE]: "do 99", [subscriptions.INDIVIDUAL]: "do 99", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_TECHNICZNE, name: "Maks. czas przechowywania skasowanych towarów w koszu", values: { [subscriptions.START]: "30 dni", [subscriptions.BUSINESS]: "30 dni", [subscriptions.EXPERT]: "30 dni", [subscriptions.ENTERPRISE]: "bez limitu", [subscriptions.INDIVIDUAL]: "bez limitu", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_ZA_PŁATNOSCI, name: '<div class="sup_title">Wbudowane, opcjonalne płatności IdoPay (PayByLink, BLIK, PayPo)</div>', values: { [subscriptions.START]: "1,55 %", [subscriptions.BUSINESS]: "1,49 %", [subscriptions.EXPERT]: "1,49 %", [subscriptions.ENTERPRISE]: "1,19 %", [subscriptions.INDIVIDUAL]: "negocjowane", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_ZA_PŁATNOSCI, name: '<div class="sup_title">Wbudowane, opcjonalne płatności IdoPay (Karty płatnicze <sup>3</sup>)</div>', values: { [subscriptions.START]: "1,09 %", [subscriptions.BUSINESS]: "0,99 %", [subscriptions.EXPERT]: "0,99 %", [subscriptions.ENTERPRISE]: "0,69 %", [subscriptions.INDIVIDUAL]: "negocjowane", }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_ZA_PŁATNOSCI, name: "Możliwość stosowania PayPal, Klarna", values: { [subscriptions.START]: '<span class="table__plus">+</span>', [subscriptions.BUSINESS]: '<span class="table__plus">+</span>', [subscriptions.EXPERT]: '<span class="table__plus">+</span>', [subscriptions.ENTERPRISE]: '<span class="table__plus">+</span>', [subscriptions.INDIVIDUAL]: '<span class="table__plus">+</span>', }, }, { category: categoriesToSubscriptionInformationTable.OPŁATY_ZA_PŁATNOSCI, name: "Możliwość stosowania innych, zintegrowanych systemów płatności", values: { [subscriptions.START]: '<span class="table__minus">-</span>', [subscriptions.BUSINESS]: '<span class="table__minus">-</span>', [subscriptions.EXPERT]: '<span class="table__plus">+</span>', [subscriptions.ENTERPRISE]: '<span class="table__plus">+</span>', [subscriptions.INDIVIDUAL]: '<span class="table__plus">+</span>', }, }, { category: categoriesToSubscriptionInformationTable.CROSSBORDER, name: "Mozliwość sprzedaży crossborder", values: { [subscriptions.START]: '<span class="table__plus">+</span>', [subscriptions.BUSINESS]: '<span class="table__plus">+</span>', [subscriptions.EXPERT]: '<span class="table__plus">+</span>', [subscriptions.ENTERPRISE]: '<span class="table__plus">+</span>', [subscriptions.INDIVIDUAL]: '<span class="table__plus">+</span>', }, }, { category: categoriesToSubscriptionInformationTable.CROSSBORDER, name: "Moduł tłumaczeń automatycznych", id: "modul-tlumaczen", tooltip: "Automatyczne tłumaczenie sklepu internetowego nawet na 30 języków.", values: { [subscriptions.START]: "0 zł + 0,20 zł/1000 znaków", [subscriptions.BUSINESS]: "0 zł + 0,20 zł/1000 znaków", [subscriptions.EXPERT]: "0 zł + 0,20 zł/1000 znaków", [subscriptions.ENTERPRISE]: "0 zł + 0,20 zł/1000 znaków", [subscriptions.INDIVIDUAL]: "0 zł + 0,20 zł/1000 znaków", }, }, ]; const NIPInput = document.querySelector("#owner_nip"); const NIPAutoCompleteBtn = document.querySelector(".autocomplete_button"); const form = document.querySelector("#form_order"); const subscriptionLocalStorageKey = "subscription"; const implementationPackageLocalStorageKey = "implementationPackage"; const contractPeriodLocalStorageKey = "contractPeriod"; const backToPackagesBtn = document.querySelector("#back_to_packages"); const isValidOfferData = ( subscription, implementationPackage, contractPeriod ) => { const isValidSubscription = Object.values(subscriptions).includes(subscription); const isValidImplementationPackage = Object.values( implementationPackages ).includes(implementationPackage); const isValidContractPeriod = Object.values(contractPeriods).includes(contractPeriod); if ( isValidSubscription && isValidImplementationPackage && isValidContractPeriod ) { return true; } else { return false; } }; function createSubscriptionTable() { const subscriptionTable = document.querySelector("#subscriptions_table"); //THEAD const tableHeader = document.createElement("div"); const blankDiv = document.createElement("div"); tableHeader.classList.add("subscriptions_table__header", "--sticky"); blankDiv.innerHTML = ""; tableHeader.appendChild(blankDiv); for (const subscription of Object.values(subscriptionTableInfo)) { const subscriptionName = document.createElement("div"); subscriptionName.classList.add("subscriptions_table__header_item"); subscriptionName.innerHTML = subscription; tableHeader.appendChild(subscriptionName); } subscriptionTable.appendChild(tableHeader); //LITERUJEMY KAŻDA KATEORGIE for (const [index, mainCategory] of Object.values( categoriesToSubscriptionInformationTable ).entries()) { //DODDAJEMY NAGŁOWEK KATOEGRII const divCategoryName = document.createElement("div"); divCategoryName.classList.add("subscriptions_table__category_title"); divCategoryName.setAttribute("data-head-element", `${index + 1}`); divCategoryName.innerHTML = `${mainCategory} <span class="table__chevron"><i class="fas fa-chevron-up"></i></span>`; subscriptionTable.appendChild(divCategoryName); // DODAJEMY POD KATOEGIE I ICH WARTOSCI for (const subscriptionInfo of InfoSubscriptionTable) { if (subscriptionInfo.category == mainCategory) { const tableRow = document.createElement("div"); const subCategoryTitle = document.createElement("div"); tableRow.classList.add("justify-content-between"); tableRow.setAttribute("data-row-element", `${index + 1}`); subCategoryTitle.classList.add( "subscriptions_table__subcategory_title" ); // Dodaj nazwy podkateogrii subCategoryTitle.innerHTML = subscriptionInfo.name; if (subscriptionInfo.id) { subCategoryTitle.id = subscriptionInfo.id; } if (subscriptionInfo.tooltip) { subCategoryTitle.innerHTML += `<div class="ml-2 subscription__tooltip"> <span class="subscription__tooltip_icon"></span> <div class="subscription__tooltip_info"> ${subscriptionInfo.tooltip} </div> </div>`; } tableRow.appendChild(subCategoryTitle); for (const subscription of Object.values(subscriptionTableInfo)) { // Dodaj wartości do tabeli. const subCategoryValue = document.createElement("div"); switch (subscription) { case subscriptions.START: { subCategoryValue.classList.add( "subscriptions_table__start_value" ); break; } case subscriptions.BUSINESS: { subCategoryValue.classList.add( "subscriptions_table__business_value" ); break; } case subscriptions.EXPERT: { subCategoryValue.classList.add( "subscriptions_table__expert_value" ); break; } case subscriptions.ENTERPRISE: { subCategoryValue.classList.add( "subscriptions_table__enterprise_value" ); break; } case subscriptions.INDIVIDUAL: { subCategoryValue.classList.add( "subscriptions_table__individual_value" ); break; } } subCategoryValue.innerHTML = subscriptionInfo.values[subscription]; tableRow.appendChild(subCategoryValue); } subscriptionTable.appendChild(tableRow); } } } } function addMonthsAndFormatToDate(monthsToAdd) { const today = new Date(); today.setMonth(today.getMonth() + monthsToAdd); const day = String(today.getDate()).padStart(2, "0"); const month = String(today.getMonth() + 1).padStart(2, "0"); const year = today.getFullYear(); return `${day}.${month}.${year}`; } const saveOfferDataToLocalStorage = ( subscription, implementationPackage, contractPeriod ) => { if ( !isValidOfferData(subscription, implementationPackage, contractPeriod) ) { // console.log('NOT VALID OFFER DATA, NOT SAVING DATA TO LOCAL STORAGE'); return; } localStorage.setItem(subscriptionLocalStorageKey, subscription); localStorage.setItem( implementationPackageLocalStorageKey, implementationPackage ); localStorage.setItem(contractPeriodLocalStorageKey, contractPeriod); }; //Przygotowanie inoutów na stronie function setInputs() { const startDefaultInput = document.querySelector( "#start_basic_price_input__radio" ); const businessDefaultInput = document.querySelector( "#business_go_price_input__radio" ); const expertDefaultInput = document.querySelector( "#expert_go_price_input__radio" ); const enterpriseDefaultInput = document.querySelector( "#enterprise_go_plus_price_input__radio" ); startDefaultInput.checked = true; businessDefaultInput.checked = true; expertDefaultInput.checked = true; enterpriseDefaultInput.checked = true; } function activateTable(tableId, afterChange = () => {}) { const tableElement = document.querySelector("#table_section"); if (!tableId || !tableElement) return; document .querySelectorAll(".table_switch__head > .table_switch__title") .forEach((item) => item.classList.remove("--active")); if (typeof afterChange === "function") { afterChange(); } tableElement ?.querySelectorAll(".comparision_table__container") .forEach((item) => { item.classList.remove("--active"); }); tableElement?.querySelector(`#${tableId}`).classList.add("--active"); } const updateContentInfoTable = (selected) => { const yearlyPeriodContents = document.querySelectorAll( ".yearlyPeriodContent" ); const indefinitePeriodContents = document.querySelectorAll( ".indefinitePeriodContent" ); if (selected === 1) { //yearly indefinitePeriodContents.forEach((element) => { element.classList.add("d-none"); }); yearlyPeriodContents.forEach((element) => { element.classList.remove("d-none"); }); } else { indefinitePeriodContents.forEach((element) => { element.classList.remove("d-none"); }); yearlyPeriodContents.forEach((element) => { element.classList.add("d-none"); }); } }; // Przygotowanie wszystkich event listenerów na stronie function prepareListeners() { const offerBoxes = document.querySelectorAll(".offer_box"); const billingSwitchMobileSelect = document.querySelector( "#billing_switch__mobile_select" ); const subscriptionTable = document.querySelector("#subscriptions_table"); //because oninit is yearly period selected updateContentInfoTable(1); billingSwitchMobileSelect.addEventListener("change", (e) => { const switchChangingContract = document.querySelector( "#change_billing_period > input" ); const selectedOption = billingSwitchMobileSelect.options[ billingSwitchMobileSelect.selectedIndex ]; const selectedValue = selectedOption.value; updateContentInfoTable(selectedValue); if (selectedValue === "1") { switchChangingContract.checked = true; changeData(); } else if (selectedValue === "2") { switchChangingContract.checked = false; changeData(); } }); document .querySelector("#change_price > input") .addEventListener("change", (e) => changeData()); document .querySelectorAll(".billing_switch__head > .billing_switch__title") .forEach((item) => { item.addEventListener("click", (e) => { document .querySelectorAll(".billing_switch__head > .billing_switch__title") .forEach((item) => item.classList.remove("--active")); const switchElement = e.target.classList.contains( "billing_switch__title" ) ? e.target : e.target.parentElement; switchElement.classList.add("--active"); const switchChangingContract = document.querySelector( "#change_billing_period > input" ); if (switchElement.getAttribute("data-contract-period") === "yearly") { switchChangingContract.checked = true; changeData(); updateContentInfoTable(1); } else { switchChangingContract.checked = false; changeData(); updateContentInfoTable(2); } }); }); document .querySelectorAll(".table_switch__head > .table_switch__title") .forEach((item) => { item.addEventListener("click", (e) => { const tableId = item.getAttribute("data-table-id"); activateTable(tableId, () => { e.target.classList.add("--active"); }); }); }); document.addEventListener("change", (ev) => { const selectTableChange = ev.target.closest( "#table_switch__mobile_select" ); if (selectTableChange) { const tableId = selectTableChange.value; activateTable(tableId); } }); document .querySelector("#change_billing_period > input") .addEventListener("change", (e) => changeData()); document.querySelectorAll(".button_order").forEach((button) => { button.addEventListener("click", (e) => { const buttonName = "orderButton"; chooseOfferInStep1AndGoToStep2( e.target.parentNode.parentNode, buttonName ); }); }); document.querySelectorAll(".offer_tabs__tab").forEach((tab) => { tab.addEventListener("click", (event) => { document.querySelectorAll(".offer_tabs__tab").forEach((tab) => { tab.classList.remove("--active"); }); offerBoxes.forEach((priceListElement) => { priceListElement.classList.remove("--active"); if ( priceListElement.id === event.target.getAttribute("data-tab-id") ) { priceListElement.classList.add("--active"); event.target.classList.add("--active"); subscriptionTable.setAttribute( "data-id", event.target.getAttribute("data-tab-id") ); } }); }); }); document .querySelectorAll(".button_without_implementation") .forEach((button) => { button.addEventListener("click", (e) => { const buttonName = "withoutImplementationButton"; chooseOfferInStep1AndGoToStep2( e.target.parentNode.parentNode, buttonName ); }); }); document .querySelectorAll( ".offer_box:not(#individual_box) .implementation_packages" ) .forEach((item) => { item.addEventListener("change", (event) => { const dataImplementationName = event.target.getAttribute( "data-implementation-name" ); if (dataImplementationName === "individual") { const contactButton = document.createElement("button"); contactButton.classList.add("button_contact", "button", "--solid"); contactButton.type = "button"; contactButton.textContent = "Skontaktuj się"; contactButton.addEventListener("click", () => { callpage("api.widget.open"); // console.log('hello'); }); const orderButton = event.target.parentNode.parentNode.parentNode.querySelector( ".button_order" ); // console.log( // event.target.parentNode.parentNode.parentNode.querySelector('.button_order'), // ); const buttonContainer = orderButton.parentNode; orderButton.remove(); buttonContainer.prepend(contactButton); } else { const orderButton = document.createElement("button"); orderButton.classList.add("button_order", "button", "--solid"); orderButton.type = "button"; orderButton.textContent = "Zamów"; orderButton.addEventListener("click", (e) => { const buttonName = "orderButton"; chooseOfferInStep1AndGoToStep2( e.target.parentNode.parentNode, buttonName ); }); const contactButton = event.target.parentNode.parentNode.parentNode?.querySelector( ".button_contact" ); const buttonContainer = contactButton?.parentNode; contactButton?.remove(); buttonContainer?.prepend(orderButton); } }); }); document .querySelector("#change_price_checkout > input") .addEventListener("change", (e) => updateSummary()); document.querySelector(".button_contact").addEventListener("click", () => { callpage("api.widget.open"); }); document.addEventListener("click", (ev) => { const elem = ev.target.closest(".subscriptions_table__category_title"); if (elem) { elem.classList.toggle("--active"); } }); } // Funkcja konwertująca dane z data na function stringToNumberPrice(price) { const parts = price.split(" "); const numericPart = parseFloat(parts[0]); return numericPart; } function makePriceGross(number) { return ((Math.round(number * 100) / 100) * grossMultiplier).toFixed(2); } function setInitData() { const isGross = document.querySelector("#change_price > input").checked; const isYearlyContract = document.querySelector( "#change_billing_period > input" ).checked; const implementationPackagesPrices = isYearlyContract === true ? data.mode_1.implementation_packages.contract_for_one_year : data.mode_1.implementation_packages.contract_of_indefinite_duration; const subscriptionPrices = isYearlyContract === true ? data.mode_1.subscriptionPrices[currencyID].contract_for_one_year : data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration; makePrices(implementationPackagesPrices, subscriptionPrices, isGross); makeTexts(isYearlyContract); // setAdditionalData(); prepareListeners(); setInputs(); createSubscriptionTable(); } function makePrices( implementationPackagesPrices, subscriptionPrices, isGross ) { const previousPrices = implementationPackagesPrices.previous[currencyID]; const currentPrices = implementationPackagesPrices.current[currencyID]; const allPackages = document.querySelectorAll(".offer_box"); const allSubscriptionsPrices = subscriptionPrices; const isYearlyContract = document.querySelector( "#change_billing_period > input" ).checked; // Ceny wdrożeń [...allPackages].map((offerItem) => { const basicInput = offerItem.querySelector(".basic_price_input"); const prevBasicPrice = offerItem.querySelector(".prev_basic_price"); const basicPrice = offerItem.querySelector(".basic_price"); const goInput = offerItem.querySelector(".go_price_input"); const prevGoPrice = offerItem.querySelector(".prev_go_price"); const goPrice = offerItem.querySelector(".go_price"); const goPlusInput = offerItem.querySelector(".go_plus_price_input"); const prevGoPlusPrice = offerItem.querySelector(".prev_go_plus_price"); const goPlusPrice = offerItem.querySelector(".go_plus_price"); const individualInput = offerItem.querySelector( ".individual_price_input" ); const individualPrice = offerItem.querySelector(".individual_price"); basicInput.setAttribute( "data-implementation-name", implementationPackages.BASIC ); goInput.setAttribute( "data-implementation-name", implementationPackages.GO ); goPlusInput.setAttribute( "data-implementation-name", implementationPackages.GO_PLUS ); individualInput.setAttribute( "data-implementation-name", implementationPackages.INDIVIDUAL ); const getPrices = (subscriptionID) => { const makeKey = (implementationPackage, subscription) => { return `${implementationPackage}_${subscription}`; }; const basicPriceKey = makeKey( implementationPackages.BASIC, subscriptions[subscriptionID] ); const goPriceKey = makeKey( implementationPackages.GO, subscriptions[subscriptionID] ); const goPlusPriceKey = makeKey( implementationPackages.GO_PLUS, subscriptions[subscriptionID] ); const individualPriceKey = makeKey( implementationPackages.INDIVIDUAL_PER_HOUR, subscriptions[subscriptionID] ); return { previousBasicPrice: stringToNumberPrice( previousPrices[basicPriceKey] ), currentBasicPrice: stringToNumberPrice(currentPrices[basicPriceKey]), previousGoPrice: stringToNumberPrice(previousPrices[goPriceKey]), currentGoPrice: stringToNumberPrice(currentPrices[goPriceKey]), previousGoPlusPrice: stringToNumberPrice( previousPrices[goPlusPriceKey] ), currentGoPlusPrice: stringToNumberPrice( currentPrices[goPlusPriceKey] ), previousIndividualPrice: stringToNumberPrice( previousPrices[individualPriceKey] ), currentIndividualPrice: stringToNumberPrice( currentPrices[individualPriceKey] ), }; }; switch (offerItem.id) { case "start_box": { const { previousBasicPrice, currentBasicPrice, previousGoPrice, currentGoPrice, previousGoPlusPrice, currentGoPlusPrice, previousIndividualPrice, currentIndividualPrice, } = getPrices("START"); basicInput.setAttribute("data-prev-price", previousBasicPrice); basicInput.setAttribute("data-price", currentBasicPrice); goInput.setAttribute("data-prev-price", previousGoPrice); goInput.setAttribute("data-price", currentGoPrice); goPlusInput.setAttribute("data-prev-price", previousGoPlusPrice); goPlusInput.setAttribute("data-price", currentGoPlusPrice); individualInput.setAttribute( "data-prev-price", previousIndividualPrice ); individualInput.setAttribute("data-price", currentIndividualPrice); prevBasicPrice.textContent = isGross ? `${makePriceGross(previousBasicPrice)} ${symbol}` : `${previousBasicPrice} ${symbol}`; basicPrice.textContent = isGross ? `${makePriceGross(currentBasicPrice)} ${symbol}` : `${currentBasicPrice} ${symbol}`; prevGoPrice.textContent = isGross ? `${makePriceGross(previousGoPrice)} ${symbol}` : `${previousGoPrice} ${symbol}`; goPrice.textContent = isGross ? `${makePriceGross(currentGoPrice)} ${symbol}` : `${currentGoPrice} ${symbol}`; prevGoPlusPrice.textContent = isGross ? `${makePriceGross(previousGoPlusPrice)} ${symbol}` : `${previousGoPlusPrice} ${symbol}`; goPlusPrice.textContent = isGross ? `${makePriceGross(currentGoPlusPrice)} ${symbol}` : `${currentGoPlusPrice} ${symbol}`; individualPrice.textContent = isGross ? `${makePriceGross(currentIndividualPrice)} ${symbol}/h` : `${currentIndividualPrice} ${symbol}/h`; break; } case "business_box": { const { previousBasicPrice, currentBasicPrice, previousGoPrice, currentGoPrice, previousGoPlusPrice, currentGoPlusPrice, previousIndividualPrice, currentIndividualPrice, } = getPrices("BUSINESS"); basicInput.setAttribute("data-prev-price", previousBasicPrice); basicInput.setAttribute("data-price", currentBasicPrice); goInput.setAttribute("data-prev-price", previousGoPrice); goInput.setAttribute("data-price", currentGoPrice); goPlusInput.setAttribute("data-prev-price", previousGoPlusPrice); goPlusInput.setAttribute("data-price", currentGoPlusPrice); individualInput.setAttribute( "data-prev-price", previousIndividualPrice ); individualInput.setAttribute("data-price", currentIndividualPrice); prevBasicPrice.textContent = isGross ? `${makePriceGross(previousBasicPrice)} ${symbol}` : `${previousBasicPrice} ${symbol}`; basicPrice.textContent = isGross ? `${makePriceGross(currentBasicPrice)} ${symbol}` : `${currentBasicPrice} ${symbol}`; prevGoPrice.textContent = isGross ? `${makePriceGross(previousGoPrice)} ${symbol}` : `${previousGoPrice} ${symbol}`; goPrice.textContent = isGross ? `${makePriceGross(currentGoPrice)} ${symbol}` : `${currentGoPrice} ${symbol}`; prevGoPlusPrice.textContent = isGross ? `${makePriceGross(previousGoPlusPrice)} ${symbol}` : `${previousGoPlusPrice} ${symbol}`; goPlusPrice.textContent = isGross ? `${makePriceGross(currentGoPlusPrice)} ${symbol}` : `${currentGoPlusPrice} ${symbol}`; individualPrice.textContent = isGross ? `${makePriceGross(currentIndividualPrice)} ${symbol}/h` : `${currentIndividualPrice} ${symbol}/h`; break; } case "expert_box": { const { previousBasicPrice, currentBasicPrice, previousGoPrice, currentGoPrice, previousGoPlusPrice, currentGoPlusPrice, previousIndividualPrice, currentIndividualPrice, } = getPrices("EXPERT"); basicInput.setAttribute("data-prev-price", previousBasicPrice); basicInput.setAttribute("data-price", currentBasicPrice); goInput.setAttribute("data-prev-price", previousGoPrice); goInput.setAttribute("data-price", currentGoPrice); goPlusInput.setAttribute("data-prev-price", previousGoPlusPrice); goPlusInput.setAttribute("data-price", currentGoPlusPrice); individualInput.setAttribute( "data-prev-price", previousIndividualPrice ); individualInput.setAttribute("data-price", currentIndividualPrice); prevBasicPrice.textContent = isGross ? `${makePriceGross(previousBasicPrice)} ${symbol}` : `${previousBasicPrice} ${symbol}`; basicPrice.textContent = isGross ? `${makePriceGross(currentBasicPrice)} ${symbol}` : `${currentBasicPrice} ${symbol}`; prevGoPrice.textContent = isGross ? `${makePriceGross(previousGoPrice)} ${symbol}` : `${previousGoPrice} ${symbol}`; goPrice.textContent = isGross ? `${makePriceGross(currentGoPrice)} ${symbol}` : `${currentGoPrice} ${symbol}`; prevGoPlusPrice.textContent = isGross ? `${makePriceGross(previousGoPlusPrice)} ${symbol}` : `${previousGoPlusPrice} ${symbol}`; goPlusPrice.textContent = isGross ? `${makePriceGross(currentGoPlusPrice)} ${symbol}` : `${currentGoPlusPrice} ${symbol}`; individualPrice.textContent = isGross ? `${makePriceGross(currentIndividualPrice)} ${symbol}/h` : `${currentIndividualPrice} ${symbol}/h`; break; } case "enterprise_box": { const { previousBasicPrice, currentBasicPrice, previousGoPrice, currentGoPrice, previousGoPlusPrice, currentGoPlusPrice, previousIndividualPrice, currentIndividualPrice, } = getPrices("ENTERPRISE"); basicInput.setAttribute("data-prev-price", previousBasicPrice); basicInput.setAttribute("data-price", currentBasicPrice); goInput.setAttribute("data-prev-price", previousGoPrice); goInput.setAttribute("data-price", currentGoPrice); goPlusInput.setAttribute("data-prev-price", previousGoPlusPrice); goPlusInput.setAttribute("data-price", currentGoPlusPrice); individualInput.setAttribute( "data-prev-price", previousIndividualPrice ); individualInput.setAttribute("data-price", currentIndividualPrice); prevBasicPrice.textContent = isGross ? `${makePriceGross(previousBasicPrice)} ${symbol}` : `${previousBasicPrice} ${symbol}`; basicPrice.textContent = isGross ? `${makePriceGross(currentBasicPrice)} ${symbol}` : `${currentBasicPrice} ${symbol}`; prevGoPrice.textContent = isGross ? `${makePriceGross(previousGoPrice)} ${symbol}` : `${previousGoPrice} ${symbol}`; goPrice.textContent = isGross ? `${makePriceGross(currentGoPrice)} ${symbol}` : `${currentGoPrice} ${symbol}`; prevGoPlusPrice.textContent = isGross ? `${makePriceGross(previousGoPlusPrice)} ${symbol}` : `${previousGoPlusPrice} ${symbol}`; goPlusPrice.textContent = isGross ? `${makePriceGross(currentGoPlusPrice)} ${symbol}` : `${currentGoPlusPrice} ${symbol}`; individualPrice.textContent = isGross ? `${makePriceGross(currentIndividualPrice)} ${symbol}/h` : `${currentIndividualPrice} ${symbol}/h`; break; } case "individual_box": { const { previousBasicPrice, currentBasicPrice, previousGoPrice, currentGoPrice, previousGoPlusPrice, currentGoPlusPrice, previousIndividualPrice, currentIndividualPrice, } = getPrices("INDIVIDUAL"); basicInput.setAttribute("data-prev-price", previousBasicPrice); basicInput.setAttribute("data-price", currentBasicPrice); goInput.setAttribute("data-prev-price", previousGoPrice); goInput.setAttribute("data-price", currentGoPrice); goPlusInput.setAttribute("data-prev-price", previousGoPlusPrice); goPlusInput.setAttribute("data-price", currentGoPlusPrice); individualInput.setAttribute( "data-prev-price", previousIndividualPrice ); individualInput.setAttribute("data-price", currentIndividualPrice); prevBasicPrice.textContent = isGross ? `${makePriceGross(previousBasicPrice)} ${symbol}` : `${previousBasicPrice} ${symbol}`; basicPrice.textContent = isGross ? `${makePriceGross(currentBasicPrice)} ${symbol}` : `${currentBasicPrice} ${symbol}`; prevGoPrice.textContent = isGross ? `${makePriceGross(previousGoPrice)} ${symbol}` : `${previousGoPrice} ${symbol}`; goPrice.textContent = isGross ? `${makePriceGross(currentGoPrice)} ${symbol}` : `${currentGoPrice} ${symbol}`; prevGoPlusPrice.textContent = isGross ? `${makePriceGross(previousGoPlusPrice)} ${symbol}` : `${previousGoPlusPrice} ${symbol}`; goPlusPrice.textContent = isGross ? `${makePriceGross(currentGoPlusPrice)} ${symbol}` : `${currentGoPlusPrice} ${symbol}`; individualPrice.textContent = "Do negocjacji"; break; } } }); // Ceny abonamentów [...allPackages].map((offerItem) => { const subscriptionPriceContainer = offerItem.querySelector( ".subscription_price" ); const previousYearlyStartPriceContainer = document.querySelector( "#previous_start_price" ); const previousYearlyStartPrice = data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration[subscriptions.START]; switch (offerItem.id) { case "start_box": { if (isYearlyContract) { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.START_MONTHLY] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.START_MONTHLY] )} ${symbol}`; previousYearlyStartPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(previousYearlyStartPrice) )} ${symbol}` : `${stringToNumberPrice(previousYearlyStartPrice)} ${symbol}`; } else { previousYearlyStartPriceContainer.textContent = ""; subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.START] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.START] )} ${symbol}`; } // subscriptionPriceContainer.setAttribute( // 'data-price', // stringToNumberPrice(allSubscriptionsPrices[subscriptions.START]), // ); offerItem.setAttribute("data-subscription-name", subscriptions.START); break; } case "business_box": { if (isYearlyContract) { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.BUSINESS_MONTHLY] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.BUSINESS_MONTHLY] )} ${symbol}`; } else { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.BUSINESS] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.BUSINESS] )} ${symbol}`; } // subscriptionPriceContainer.setAttribute( // 'data-price', // stringToNumberPrice(allSubscriptionsPrices[subscriptions.BUSINESS]), // ); offerItem.setAttribute( "data-subscription-name", subscriptions.BUSINESS ); break; } case "expert_box": { if (isYearlyContract) { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.EXPERT_MONTHLY] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.EXPERT_MONTHLY] )} ${symbol}`; } else { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.EXPERT] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.EXPERT] )} ${symbol}`; } // subscriptionPriceContainer.setAttribute( // 'data-price', // stringToNumberPrice(allSubscriptionsPrices[subscriptions.EXPERT]), // ); offerItem.setAttribute( "data-subscription-name", subscriptions.EXPERT ); break; } case "enterprise_box": { if (isYearlyContract) { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.ENTERPRISE_MONTHLY] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.ENTERPRISE_MONTHLY] )} ${symbol}`; } else { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice( allSubscriptionsPrices[subscriptions.ENTERPRISE] ) )} ${symbol}` : `${stringToNumberPrice( allSubscriptionsPrices[subscriptions.ENTERPRISE] )} ${symbol}`; } subscriptionPriceContainer.setAttribute( "data-price", stringToNumberPrice( allSubscriptionsPrices[subscriptions.ENTERPRISE] ) ); offerItem.setAttribute( "data-subscription-name", subscriptions.ENTERPRISE ); break; } case "individual_box": { subscriptionPriceContainer.textContent = "do negocjacji"; subscriptionPriceContainer.setAttribute( "data-price", stringToNumberPrice( allSubscriptionsPrices[subscriptions.INDIVIDUAL] ) ); offerItem.setAttribute( "data-subscription-name", subscriptions.INDIVIDUAL ); break; } } }); } function changeData() { const isGross = document.querySelector("#change_price > input").checked; const isYearlyContract = document.querySelector( "#change_billing_period > input" ).checked; const implementationPackagesPrices = isYearlyContract === true ? data.mode_1.implementation_packages.contract_for_one_year : data.mode_1.implementation_packages.contract_of_indefinite_duration; const subscriptionPrices = isYearlyContract === true ? data.mode_1.subscriptionPrices[currencyID].contract_for_one_year : data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration; makePrices(implementationPackagesPrices, subscriptionPrices, isGross); makeTexts(isYearlyContract); } function makeTexts(isYearlyContract) { const allPackages = document.querySelectorAll(".offer_box"); const subscriptionPriceAdditionalInfo = document.querySelectorAll( ".subscription_price__additional_info" ); // Ustawienie dopiska pod ceną abonamentu [...subscriptionPriceAdditionalInfo].map((item) => { const isGross = document.querySelector("#change_price > input").checked; const priceAdditionalText = isYearlyContract === true ? item.parentNode.parentNode.id === "start_box" ? isGross ? "/brutto miesięcznie - płatność jednorazowa za rok*" : "/netto miesięcznie - płatność jednorazowa za rok*" : isGross ? "/brutto miesięcznie przez rok od podpisania umowy" : "/netto miesięcznie przez rok od podpisania umowy" : isGross ? "/brutto miesięcznie" : "/netto miesięcznie"; item.textContent = priceAdditionalText; }); // // Ustawienie dodatkowych korzyści w zależności od abonamentu // [...allPackages].map(offerItem => { // switch (offerItem.id) { // case 'start_box': // costam; // break; // case 'business_box': // costam; // break; // case 'expert_box': // costam; // break; // case 'enterprise_box': // costam; // break; // case 'individual_box': // costam; // break; // } // }); } // function setAdditionalData() {} const goToStep1 = () => { mode2.classList.add("d-none"); mode1.classList.remove("d-none"); window.scrollTo({ top: 0, behavior: "smooth" }); }; const goToStep2 = () => { mode1.classList.add("d-none"); mode2.classList.remove("d-none"); // window.location.hash = 'step2'; updateSummary(); window.scrollTo({ top: 0, behavior: "smooth" }); }; const getOfferData = () => { const getSpecialOfferData = () => { const specialOfferUrl = new URLSearchParams(location.search).get("offer"); if (specialOfferUrl) { // Cena podana ze sprzedaży przy promocji const promoActivationCost = 1; const promoActivationCost2 = 150; const parts = specialOfferUrl.split("_")[1]; const contractPeriodCode = parts.slice(0, 2); if (parts.length >= 6) { switch (contractPeriodCode) { case "AZ": { const activationCostCode = parts.slice(2, 3); const subscriptionCode = parts.slice(3, 5); const workHoursWithImplementation = parts.slice(5); let workHoursRoman = ""; let implementationCost = ""; for (let i = 0; i < workHoursWithImplementation.length; i++) { const char = workHoursWithImplementation[i]; if (isNaN(char)) { workHoursRoman += char; } else { implementationCost += char; } } const contractPeriod = contractPeriodCode == "OR" ? contractPeriods.YEARLY : contractPeriods.INDEFINITE; const getActivationCost = (activationCostCode) => { switch (activationCostCode) { case "T": { return stringToNumberPrice( data.mode_1.values[currencyID].activation_charge ); } case "P": { return promoActivationCost; } case "V": { return promoActivationCost2; } } }; const activationCost = getActivationCost(activationCostCode); const workHours = roman2arabic(workHoursRoman); const getSubscriptionName = (subscriptionCode) => { switch (subscriptionCode) { case "ST": { return subscriptions.START; break; } case "BS": { return subscriptions.BUSINESS; break; } case "EX": { return subscriptions.EXPERT; break; } case "EN": { return subscriptions.ENTERPRISE; break; } } }; const subscription = getSubscriptionName(subscriptionCode); console.log(subscription); const individualCustomOffer = { activationCost: activationCost, // trzeba dodać 10 zł do ceny, bo wtedy blokuje klientowi konto implementationCost: activationCostCode === "T" ? implementationCost : Math.floor(implementationCost) + 10, workHours: workHours, }; return { subscription, implementationPackage: implementationPackages.INDIVIDUAL, contractPeriod, individualCustomOffer, }; } case "OR": { const specialImplementationPrice = parts.slice(2, 3); const activationCostCode = parts.slice(3, 4); const subscriptionCode = parts.slice(4, 6); const workHoursWithImplementation = parts.slice(6); let workHoursRoman = ""; let implementationCost = ""; for (let i = 0; i < workHoursWithImplementation.length; i++) { const char = workHoursWithImplementation[i]; if (isNaN(char)) { workHoursRoman += char; } else { implementationCost += char; } } const contractPeriod = contractPeriodCode == "OR" ? contractPeriods.YEARLY : contractPeriods.INDEFINITE; const getActivationCost = (activationCostCode) => { switch (activationCostCode) { case "T": { return stringToNumberPrice( data.mode_1.values[currencyID].activation_charge ); } case "P": { return promoActivationCost; } case "V": { return promoActivationCost2; } } }; const activationCost = getActivationCost(activationCostCode); const workHours = roman2arabic(workHoursRoman); const getSubscriptionName = (subscriptionCode) => { switch (subscriptionCode) { case "ST": { return subscriptions.START; break; } case "BS": { return subscriptions.BUSINESS; break; } case "EX": { return subscriptions.EXPERT; break; } case "EN": { return subscriptions.ENTERPRISE; break; } } }; const subscription = getSubscriptionName(subscriptionCode); const individualCustomOffer = { activationCost: activationCost, // trzeba dodać 10 zł do ceny, bo wtedy blokuje klientowi konto implementationCost: (() => { switch (specialImplementationPrice) { case "B": return activationCostCode === "T" ? stringToNumberPrice(data.mode_1.values[1].basic_promo) : Math.floor( stringToNumberPrice( data.mode_1.values[1].basic_promo ) ) + 10; case "G": return activationCostCode === "T" ? stringToNumberPrice( data.mode_1.values[1].advanced_promo ) : Math.floor( stringToNumberPrice( data.mode_1.values[1].advanced_promo ) ) + 10; case "P": return activationCostCode === "T" ? stringToNumberPrice( data.mode_1.values[1].sophisticated_promo ) : Math.floor( stringToNumberPrice( data.mode_1.values[1].sophisticated_promo ) ) + 10; case "R": return activationCostCode === "T" ? stringToNumberPrice( data.mode_1.values[1].advanced_surcharge ) : Math.floor( stringToNumberPrice( data.mode_1.values[1].advanced_surcharge ) ) + 10; case "D": return activationCostCode === "T" ? stringToNumberPrice( data.mode_1.values[1].sophisticated_surcharge ) : Math.floor( stringToNumberPrice( data.mode_1.values[1].sophisticated_surcharge ) ) + 10; case "S": return activationCostCode === "T" ? implementationCost : Math.floor(implementationCost) + 10; default: return 0; // Default value if specialImplementationPrice is not matched } })(), implementationPackagePromo: (() => { const promoCases = ["B", "G", "P"]; const surchargeCases = ["R", "D"]; if (promoCases.includes(specialImplementationPrice)) { return "promo"; } else if ( surchargeCases.includes(specialImplementationPrice) ) { return "surcharge"; } else { return ""; } })(), workHours: workHours, }; return { subscription, implementationPackage: (() => { switch (specialImplementationPrice) { case "B": return implementationPackages.BASIC; case "G": return implementationPackages.GO; case "P": return implementationPackages.GO_PLUS; case "R": return implementationPackages.GO; case "D": return implementationPackages.GO_PLUS; case "S": return implementationPackages.INDIVIDUAL; default: return implementationPackages.INDIVIDUAL; } })(), contractPeriod, individualCustomOffer, }; } } } } return null; }; const getOfferDataFromLocalStorage = () => { const subscription = localStorage.getItem(subscriptionLocalStorageKey); const implementationPackage = localStorage.getItem( implementationPackageLocalStorageKey ); const contractPeriod = localStorage.getItem( contractPeriodLocalStorageKey ); if ( isValidOfferData(subscription, implementationPackage, contractPeriod) ) { return { subscription, implementationPackage, contractPeriod }; } else { return null; } }; const offerFromSale = getSpecialOfferData(); const offerFromLocalStorage = getOfferDataFromLocalStorage(); if (offerFromSale) { return offerFromSale; } else if (offerFromLocalStorage) { return offerFromLocalStorage; } else { return null; } }; const getSubscriptionPrice = (selectedSubscription, contractPeriod) => { const subscriptionPrices = contractPeriod === contractPeriods.YEARLY ? data.mode_1.subscriptionPrices[currencyID].contract_for_one_year : data.mode_1.subscriptionPrices[currencyID] .contract_of_indefinite_duration; let gracePeriod = 0; let priceForNow = ""; if ( selectedSubscription === subscriptions.START || selectedSubscription === "BASIC" ) { priceForNow = subscriptionPrices[selectedSubscription]; gracePeriod = 0; } else if ( selectedSubscription === subscriptions.BUSINESS || selectedSubscription === subscriptions.EXPERT || selectedSubscription === subscriptions.ENTERPRISE ) { gracePeriod = selectedSubscription === subscriptions.ENTERPRISE ? 3 : 2; if (contractPeriod === contractPeriods.YEARLY) { priceForNow = `0 ${symbol}`; } else { priceForNow = subscriptionPrices[selectedSubscription]; } } const priceAfter = contractPeriod === contractPeriods.YEARLY ? subscriptionPrices[`${selectedSubscription}_monthly`] : subscriptionPrices[selectedSubscription]; return { gracePeriod, priceForNow, priceAfter, }; }; const getActivationCostPrice = () => { const { individualCustomOffer } = getOfferData(); return individualCustomOffer ? `${individualCustomOffer.activationCost} ${symbol}` : data.mode_1.values[currencyID].activation_charge; }; const getImplementationPackagePrice = ( selectedPackage, selectedSubscription, contractPeriod ) => { const { individualCustomOffer } = getOfferData(); const packagesPrices = contractPeriod === contractPeriods.YEARLY ? data.mode_1.implementation_packages.contract_for_one_year : data.mode_1.implementation_packages.contract_of_indefinite_duration; const packageKey = `${selectedPackage}_${selectedSubscription}`; return { currentPackagePrice: individualCustomOffer ? `${individualCustomOffer.implementationCost} ${symbol}` : packagesPrices.current[currencyID][packageKey], previousPackagePrice: individualCustomOffer ? `${individualCustomOffer.implementationCost} ${symbol}` : packagesPrices.previous[currencyID][packageKey], }; }; function updateSummary() { const summarySubscriptionNameContainer = document.querySelector( "#summary_subscription_name" ); const contractPeriodTextContainer = document.querySelector("#contract_period"); const subscriptionPriceContainer = document.querySelector( "#summary_subscription_price" ); const subscriptionPriceAfterContainer = document.querySelector( "#summary_subscription_price_after" ); const activationCostContainer = document.querySelector("#activation_cost"); const prevImplementationPriceContainer = document.querySelector( "#previous_implementation_price" ); const currentImplementationPriceContainer = document.querySelector( "#current_implementation_price" ); const implementationPackageNameContainer = document.querySelector( "#implementation_package_name" ); const isGross = document.querySelector( "#change_price_checkout > input" ).checked; const priceForNowContainer = document.querySelector("#price_for_now"); const nextPaydayContainer = document.querySelector("#next_payday_date"); const gracePeriodContainer = document.querySelector("#grace_period"); const priceAfterGracePeriodContainer = document.querySelector( "#price_after_grace_period" ); const totalPriceContainer = document.querySelector("#total_price"); const totalPriceGrossContainer = document.querySelector("#total_price_gross"); const summaryTimeline = document.querySelector(".summary_timeline"); const { subscription, implementationPackage, contractPeriod, individualCustomOffer, } = getOfferData(); const implementationPackagePrice = getImplementationPackagePrice( implementationPackage, subscription, contractPeriod ); const activationCost = getActivationCostPrice(); currentImplementationPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(implementationPackagePrice.currentPackagePrice) )} ${symbol}` : `${stringToNumberPrice( implementationPackagePrice.currentPackagePrice )} ${symbol}`; prevImplementationPriceContainer.textContent = implementationPackage === "standard" ? "" : isGross ? `${makePriceGross( stringToNumberPrice(implementationPackagePrice.previousPackagePrice) )} ${symbol}` : `${stringToNumberPrice( implementationPackagePrice.previousPackagePrice )} ${symbol}`; if (implementationPackage == implementationPackages.INDIVIDUAL) { prevImplementationPriceContainer.textContent = ""; } if (individualCustomOffer && contractPeriod == "yearly") { prevImplementationPriceContainer.textContent = ""; } // do zrobienia // nextPaydayContainer = document.querySelector('#next_payday_date'); // gracePeriodContainer = document.querySelector('#grace_period'); // priceAfterGracePeriodContainer = document.querySelector('#price_after_grace_period'); summarySubscriptionNameContainer.textContent = subscription; implementationPackageNameContainer.textContent = implementationPackage === "standard" ? "samodzielne wdrożenie" : implementationPackage; if (contractPeriod === contractPeriods.YEARLY) { contractPeriodTextContainer.textContent = "(umowa na rok)"; } else { contractPeriodTextContainer.textContent = "(umowa na czas nieokreślony)"; } const subscriptionInfo = getSubscriptionPrice(subscription, contractPeriod); switch (subscription) { case subscriptions.START: { if (contractPeriod === contractPeriods.YEARLY) { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(subscriptionInfo.priceForNow) )} ${symbol}` : `${stringToNumberPrice(subscriptionInfo.priceForNow)} ${symbol}`; subscriptionPriceAfterContainer.textContent = ""; } else { subscriptionPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(subscriptionInfo.priceForNow) )} ${symbol}` : `${stringToNumberPrice(subscriptionInfo.priceForNow)} ${symbol}`; priceAfterGracePeriodContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(subscriptionInfo.priceAfter) )} ${symbol}` : `${stringToNumberPrice(subscriptionInfo.priceAfter)} ${symbol}`; } break; } case subscriptions.BUSINESS: case subscriptions.EXPERT: case subscriptions.ENTERPRISE: { const subscriptionPriceForNow = isGross ? `${makePriceGross( stringToNumberPrice(subscriptionInfo.priceForNow) )} ${symbol}` : `${stringToNumberPrice(subscriptionInfo.priceForNow)} ${symbol}`; const subscriptionPriceAfter = isGross ? `${makePriceGross( stringToNumberPrice(subscriptionInfo.priceAfter) )} ${symbol}` : `${stringToNumberPrice(subscriptionInfo.priceAfter)} ${symbol}`; subscriptionInfo.priceAfter; priceAfterGracePeriodContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(subscriptionInfo.priceAfter) )} ${symbol}` : `${stringToNumberPrice(subscriptionInfo.priceAfter)} ${symbol}`; subscriptionPriceContainer.textContent = contractPeriod === contractPeriods.YEARLY ? `${subscriptionPriceForNow} / ${subscriptionInfo.gracePeriod} mies.` : `${subscriptionPriceForNow} / mies.`; subscriptionPriceAfterContainer.textContent = contractPeriod === contractPeriods.YEARLY ? `potem ${subscriptionPriceAfter} / mies.` : ""; break; } } if (contractPeriod === contractPeriods.YEARLY) { if (subscriptionInfo.gracePeriod > 0) { document .querySelector("#next_payday_container") .classList.remove("d-flex"); document .querySelector("#next_payday_container") .classList.add("d-flex"); gracePeriodContainer.textContent = `${subscriptionInfo.gracePeriod} miesiące `; nextPaydayContainer; nextPaydayContainer.textContent = addMonthsAndFormatToDate( subscriptionInfo.gracePeriod ); summaryTimeline.classList.remove("--only-date"); } else { document .querySelector("#next_payday_container") .classList.remove("d-flex"); document .querySelector("#next_payday_container") .classList.add("d-none"); summaryTimeline.classList.add("--only-date"); } } else { document .querySelector("#next_payday_container") ?.classList.remove("d-flex"); document.querySelector("#next_payday_container").classList.add("d-flex"); summaryTimeline.classList.remove("--only-date"); gracePeriodContainer.textContent = "1 miesiąc"; const gracePeriod = 1; nextPaydayContainer.textContent = addMonthsAndFormatToDate(gracePeriod); } const totalPrice = isGross ? `${makePriceGross( stringToNumberPrice(implementationPackagePrice.currentPackagePrice) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) )} ${symbol}` : `${ stringToNumberPrice(implementationPackagePrice.currentPackagePrice) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) } ${symbol}`; activationCostContainer.textContent = isGross ? `${makePriceGross(stringToNumberPrice(activationCost))} ${symbol}` : `${stringToNumberPrice(activationCost)} ${symbol}`; priceForNowContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(implementationPackagePrice.currentPackagePrice) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) )} ${symbol}` : `${ stringToNumberPrice(implementationPackagePrice.currentPackagePrice) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) } ${symbol}`; totalPriceContainer.textContent = isGross ? `${makePriceGross( stringToNumberPrice(implementationPackagePrice.currentPackagePrice) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) )} ${symbol}` : `${ stringToNumberPrice(implementationPackagePrice.currentPackagePrice) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) } ${symbol}`; totalPriceGrossContainer.textContent = isGross ? "" : `+ ${( ((Math.round( stringToNumberPrice( implementationPackagePrice.currentPackagePrice ) + stringToNumberPrice(subscriptionInfo.priceForNow) + stringToNumberPrice(activationCost) ) * 100) / 100) * 0.23 ).toFixed(2)} ${symbol} (VAT 23%)`; } function chooseOfferInStep1AndGoToStep2(item, buttonName) { const isYearlyContract = document.querySelector( "#change_billing_period > input" ).checked; const subscriptionNameContainer = document.querySelector( "#summary_subscription_name" ); const subscriptionName = item.getAttribute("data-subscription-name"); const implementationPackageName = buttonName === "withoutImplementationButton" ? "standard" : item .querySelector(".subscription_price_input:checked") .getAttribute("data-implementation-name"); const contractType = isYearlyContract ? contractPeriods.YEARLY : contractPeriods.INDEFINITE; subscriptionNameContainer.textContent = subscriptionName; if (implementationPackageName === null) { alert( "Proszę wybierz jakikolwiek wdrożenie albo wybierz plan brak pakietu" ); } else { saveOfferDataToLocalStorage( subscriptionName, implementationPackageName, contractType ); goToStep2(); } } const setInputValuesFromDataMode2ToForm = (inputValues) => { const inputValuesKeys = Object.keys(inputValues); const choices = {}; inputValuesKeys.forEach((key) => { if (key === "order_position" || key === "owner_country") { if (choices[key]) { choices[key].setChoiceByValue(inputValues[key]); } } else { const input = document.querySelector(`#${key}`); if (input) { input.value = inputValues[key]; input.classList.add("--focused"); } } }); const validationErrorType = data.mode_2.validationErrorType; if (validationErrorType?.length) { validationErrorType.forEach((el) => { const input = document.querySelector(`#${el}`); if (input) { input.parentElement.classList.add("--error"); input.addEventListener("input", () => { input.parentElement.classList.remove("--error"); }); input.parentElement.querySelector(".error_container").textContent = el; switch (el) { case "order_email": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony adres e-mail jest nieprawidłowy"; break; } case "owner_nip": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony nip jest nieprawidłowy"; break; } case "owner_zipcode": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony kod pocztowy jest nieprawidłowy"; break; } case "owner_city": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzona nazwa miasta jest nieprawidłowa"; break; } case "owner_address": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony adres jest nieprawidłowy"; break; } case "order_tel": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony numer telefonu jest nieprawidłowy"; break; } } } }); } }; const checkAndShowInputErrorsOnStep2 = () => { if (!data.mode_2) return; const validationErrorType = data.mode_2.validationErrorType; if (validationErrorType?.length) { validationErrorType.forEach((el) => { const input = document.querySelector(`#${el}`); if (input) { input.parentElement.classList.add("--error"); input.addEventListener("input", () => { input.parentElement.classList.remove("--error"); }); input.parentElement.querySelector(".error_container").textContent = el; switch (el) { case "order_email": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony adres e-mail jest nieprawidłowy"; break; } case "owner_nip": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony nip jest nieprawidłowy"; break; } case "owner_zipcode": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony kod pocztowy jest nieprawidłowy"; break; } case "owner_city": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzona nazwa miasta jest nieprawidłowa"; break; } case "owner_address": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony adres jest nieprawidłowy"; break; } case "order_tel": { input.parentElement.querySelector( ".error_container" ).textContent = "Wprowadzony numer telefonu jest nieprawidłowy"; break; } } } }); } if (data.mode_2.validationError && data.mode_2.validationError !== "") { //TODO // What is doing? and when const errorMessage = document.createElement("div"); errorMessage.classList.add("error_message"); const heading = document.createElement("strong"); heading.textContent = "W formularzu wystąpiły błędy"; const error = document.createElement("p"); error.innerHTML = data.mode_2.validationError; errorMessage.appendChild(heading); errorMessage.appendChild(error); // form.appendChild(errorMessage); } }; const isSpecialOfferInUrlExists = () => { if (!getOfferData()) return false; const { individualCustomOffer } = getOfferData(); if (individualCustomOffer) { if ( individualCustomOffer.hasOwnProperty("activationCost") && individualCustomOffer.hasOwnProperty("implementationCost") && individualCustomOffer.hasOwnProperty("workHours") ) { return true; } } return false; }; const checkIfRedirectToStep2 = () => { // We move user to step2 when: // 1.Form The form returned errors with data mode 2 // 2.User has special offer(url with correct /?offer='..' ) if (data.mode === 2 && getOfferData() !== null) { //getOfferData()==null can be null when somebody has errors from data.mode2 and removed localstorag goToStep2(); } if (isSpecialOfferInUrlExists()) { goToStep2(); } }; function createCheckoutProcess() { setInitData(); checkIfRedirectToStep2(); if (isSpecialOfferInUrlExists()) { //special offer so hide back button(which move to step1) backToPackagesBtn.classList.add("d-none"); } if (data.mode_2?.inputValues) { //move to somewhere? setInputValuesFromDataMode2ToForm(data?.mode_2?.inputValues); } checkAndShowInputErrorsOnStep2(); backToPackagesBtn.addEventListener("click", goToStep1); } createCheckoutProcess(); form.addEventListener("keypress", function (e) { //disable form submit on enter if (e.keyCode === 13) { e.preventDefault(); } }); form.addEventListener("submit", (e) => { e.preventDefault(); NIPInput.value = NIPInput.value.replace("PL", ""); const { subscription, implementationPackage, contractPeriod, individualCustomOffer, } = getOfferData(); const changeImplementationPackageNameToOldName = (packageName) => { const implementationPackagesOld = { BASIC: "BASIC", GO: "ADVANCED", GO_PLUS: "SOPHISTICATED", INDIVIDUAL: "INDIVIDUAL", STANDARD: "STANDARD", }; if (packageName === implementationPackages.BASIC) { return implementationPackagesOld.BASIC; } else if (packageName === implementationPackages.GO) { return implementationPackagesOld.GO; } else if (packageName === implementationPackages.GO_PLUS) { return implementationPackagesOld.GO_PLUS; } else if (packageName === implementationPackages.INDIVIDUAL) { return implementationPackagesOld.INDIVIDUAL; } else if (packageName === implementationPackages.STANDARD) { return implementationPackagesOld.STANDARD; } }; const maskTypeInput = document.createElement("input"); maskTypeInput.type = "hidden"; maskTypeInput.name = "mask_type"; maskTypeInput.value = changeImplementationPackageNameToOldName( implementationPackage ); const billingPlanInput = document.createElement("input"); billingPlanInput.type = "hidden"; billingPlanInput.name = "billing_plan"; billingPlanInput.value = subscription.toUpperCase(); const contractPeriodInput = document.createElement("input"); contractPeriodInput.type = "hidden"; // contractPeriodInput.name = 'contract_period'; contractPeriodInput.name = "type_installation"; // contractPeriodInput.value = contractPeriod; contractPeriodInput.value = contractPeriod === contractPeriods.YEARLY ? "immediately" : "charge"; form.appendChild(maskTypeInput); form.appendChild(billingPlanInput); form.appendChild(contractPeriodInput); if (individualCustomOffer) { const activationCostInput = document.createElement("input"); activationCostInput.type = "hidden"; activationCostInput.name = "activation_charge"; activationCostInput.value = individualCustomOffer.activationCost; const implementationCostInput = document.createElement("input"); implementationCostInput.type = "hidden"; implementationCostInput.name = "individual_implementation_cost"; implementationCostInput.value = individualCustomOffer.implementationCost; const workHoursInput = document.createElement("input"); workHoursInput.type = "hidden"; workHoursInput.name = "individual_quantity_hours"; workHoursInput.value = individualCustomOffer.workHours; const implementationPackagePromoInput = document.createElement("input"); implementationPackagePromoInput.type = "hidden"; implementationPackagePromoInput.name = "implementation_package_promo"; implementationPackagePromoInput.value = individualCustomOffer.implementationPackagePromo; form.appendChild(activationCostInput); form.appendChild(implementationCostInput); form.appendChild(workHoursInput); form.appendChild(implementationPackagePromoInput); } //DEBUG START const dataForm = new FormData(e.target); let formDataString = "Submitted Form Data:\n"; for (const [key, value] of dataForm.entries()) { formDataString += `${key}: ${value}\n`; // console.log(`${key}: ${value}`); } //DEBUG END // Submit the form with the added values form.submit(); }); //OLD JS, to check and refactor: //------------------------------ //------------------------------ //------------------------------ //------------------------------ //------------------------------ //------------------------------ const countries = [ { name: "Afganistan", id: 1143020002, }, { name: "Albania", id: 1143020001, }, { name: "Algieria", id: 1143020004, }, { name: "Andora", id: 1143020005, }, { name: "Angola", id: 1143020006, }, { name: "Anguilla", id: 1143020007, }, { name: "Antarktyda", id: 1143020008, }, { name: "Antigua i Barbuda", id: 1143020009, }, { name: "Antyle Holenderskie", id: 1143020010, }, { name: "Arabia Saudyjska", id: 1143020011, }, { name: "Argentyna", id: 1143020012, }, { name: "Armenia", id: 1143020013, }, { name: "Aruba", id: 1143020014, }, { name: "Australia", id: 1143020015, }, { name: "Austria", id: 1143020016, }, { name: "Azerbejdżan", id: 1143020017, }, { name: "Bahamy", id: 1143020018, }, { name: "Bahrajn", id: 1143020019, }, { name: "Bangladesz", id: 1143020020, }, { name: "Barbados", id: 1143020021, }, { name: "Belgia", id: 1143020022, }, { name: "Belize", id: 1143020023, }, { name: "Benin", id: 1143020024, }, { name: "Bermudy", id: 1143020025, }, { name: "Bhutan", id: 1143020026, }, { name: "Białoruś", id: 1143020027, }, { name: "Boliwia", id: 1143020028, }, { name: "Bośnia i Hercegowina", id: 1143020029, }, { name: "Botswana", id: 1143020030, }, { name: "Brazylia", id: 1143020031, }, { name: "Brunei", id: 1143020032, }, { name: "Bułgaria", id: 1143020033, }, { name: "Burkina Faso", id: 1143020034, }, { name: "Burundi", id: 1143020035, }, { name: "Chile", id: 1143020036, }, { name: "Chiny", id: 1143020037, }, { name: "Chorwacja", id: 1143020038, }, { name: "Cypr", id: 1143020040, }, { name: "Czad", id: 1143020039, }, { name: "Czarnogóra", id: 1170044701, }, { name: "Czechy", id: 1143020041, }, { name: "Dania", id: 1143020042, }, { name: "Dominika", id: 1143020043, }, { name: "Dominikana", id: 1143020044, }, { name: "Dziewicze Wyspy Brytyjskie", id: 1143020045, }, { name: "Dziewicze Wyspy Stanów Zj.", id: 1143020046, }, { name: "Dżibuti", id: 1143020047, }, { name: "Egipt", id: 1143020048, }, { name: "Ekwador", id: 1143020049, }, { name: "Erytrea", id: 1143020050, }, { name: "Estonia", id: 1143020051, }, { name: "Falklandy", id: 1143020052, }, { name: "Federacja Mikronezji", id: 1143020053, }, { name: "Fidżi", id: 1143020055, }, { name: "Filipiny", id: 1143020054, }, { name: "Finlandia", id: 1143020056, }, { name: "Francja", id: 1143020057, }, { name: "Gabon", id: 1143020058, }, { name: "Gambia", id: 1143020059, }, { name: "Ghana", id: 1143020060, }, { name: "Gibraltar", id: 1143020061, }, { name: "Grecja", id: 1143020062, }, { name: "Grenada", id: 1143020063, }, { name: "Grenlandia", id: 1143020064, }, { name: "Gruzja", id: 1143020065, }, { name: "Guam", id: 1143020066, }, { name: "Gujana", id: 1143020067, }, { name: "Gujana Francuska", id: 1143020068, }, { name: "Gwadelupa", id: 1143020069, }, { name: "Gwatemala", id: 1143020070, }, { name: "Gwinea", id: 1143020071, }, { name: "Gwinea Bissau", id: 1143020072, }, { name: "Gwinea Równikowa", id: 1143020073, }, { name: "Haiti", id: 1143020074, }, { name: "Hiszpania", id: 1143020075, }, { name: "Holandia", id: 1143020076, }, { name: "Honduras", id: 1143020077, }, { name: "Hong Kong", id: 1143020078, }, { name: "Indie", id: 1143020079, }, { name: "Indonezja", id: 1143020080, }, { name: "Irak", id: 1143020081, }, { name: "Iran", id: 1143020082, }, { name: "Irlandia", id: 1143020083, }, { name: "Islandia", id: 1143020084, }, { name: "Izrael", id: 1143020085, }, { name: "Jamajka", id: 1143020086, }, { name: "Japonia", id: 1143020087, }, { name: "Jemen", id: 1143020088, }, { name: "Jersey", id: 1143020089, }, { name: "Jordania", id: 1143020090, }, { name: "Kajmany", id: 1143020092, }, { name: "Kambodża", id: 1143020093, }, { name: "Kamerun", id: 1143020094, }, { name: "Kanada", id: 1143020095, }, { name: "Katar", id: 1143020096, }, { name: "Kazachstan", id: 1143020097, }, { name: "Kenia", id: 1143020098, }, { name: "Kirgistan", id: 1143020099, }, { name: "Kiribati", id: 1143020100, }, { name: "Kolumbia", id: 1143020101, }, { name: "Komory", id: 1143020102, }, { name: "Kongo (Demokr. Republika Konga)", id: 1143020103, }, { name: "Kongo (Republika Konga)", id: 1143020104, }, { name: "Korea Południowa", id: 1143020106, }, { name: "Korea Północna", id: 1143020105, }, { name: "Kostaryka", id: 1143020107, }, { name: "Kuba", id: 1143020108, }, { name: "Kuwejt", id: 1143020109, }, { name: "Laos", id: 1143020110, }, { name: "Lesotho", id: 1143020111, }, { name: "Liban", id: 1143020112, }, { name: "Liberia", id: 1143020113, }, { name: "Libia", id: 1143020114, }, { name: "Liechtenstein", id: 1143020115, }, { name: "Litwa", id: 1143020116, }, { name: "Luksemburg", id: 1143020117, }, { name: "Łotwa", id: 1143020118, }, { name: "Macedonia Północna", id: 1143020119, }, { name: "Madagaskar", id: 1143020120, }, { name: "Makau", id: 1143020121, }, { name: "Malawi", id: 1143020122, }, { name: "Malediwy", id: 1143020124, }, { name: "Malezja", id: 1143020123, }, { name: "Mali", id: 1143020125, }, { name: "Malta", id: 1143020126, }, { name: "Mariany", id: 1143020128, }, { name: "Maroko", id: 1143020129, }, { name: "Martynika", id: 1143020130, }, { name: "Mauretania", id: 1143020131, }, { name: "Mauritius", id: 1143020132, }, { name: "Meksyk", id: 1143020133, }, { name: "Mołdawia", id: 1143020134, }, { name: "Monako", id: 1143020135, }, { name: "Mongolia", id: 1143020136, }, { name: "Montserrat", id: 1143020137, }, { name: "Mozambik", id: 1143020138, }, { name: "Myanmar", id: 1143020139, }, { name: "Namibia", id: 1143020140, }, { name: "Nauru", id: 1143020141, }, { name: "Nepal", id: 1143020142, }, { name: "Niemcy", id: 1143020143, }, { name: "Niger", id: 1143020144, }, { name: "Nigeria", id: 1143020145, }, { name: "Nikaragua", id: 1143020146, }, { name: "Niue", id: 1143020147, }, { name: "Norfolk", id: 1143020148, }, { name: "Norwegia", id: 1143020149, }, { name: "Nowa Kaledonia", id: 1143020150, }, { name: "Nowa Zelandia", id: 1143020151, }, { name: "Oman", id: 1143020152, }, { name: "Pakistan", id: 1143020153, }, { name: "Palau", id: 1143020154, }, { name: "Palestyna", id: 1143020155, }, { name: "Panama", id: 1143020156, }, { name: "Papua Nowa Gwinea", id: 1143020157, }, { name: "Paragwaj", id: 1143020158, }, { name: "Peru", id: 1143020159, }, { name: "Pitcairn", id: 1143020160, }, { name: "Polinezja Francuska", id: 1143020161, }, { name: "Polska", id: 1143020003, }, { name: "Portoryko", id: 1143020162, }, { name: "Portugalia", id: 1143020163, }, { name: "Republika Południowej Afryki", id: 1143020165, }, { name: "Republika Środkowoafrykańska", id: 1143020166, }, { name: "Republika Zielonego Przylądka", id: 1143020167, }, { name: "Reunion", id: 1143020164, }, { name: "Rosja", id: 1143020168, }, { name: "Rumunia", id: 1143020169, }, { name: "Rwanda", id: 1143020170, }, { name: "Saint Kittsi Nevis", id: 1143020171, }, { name: "Saint Lucia", id: 1143020172, }, { name: "Saint Vincenti Grenadyny", id: 1143020174, }, { name: "Saint-Pierre i Miquelon", id: 1143020173, }, { name: "Salwador", id: 1143020175, }, { name: "Samoa Amerykańskie", id: 1143020176, }, { name: "San Marino", id: 1143020177, }, { name: "Senegal", id: 1143020178, }, { name: "Serbia", id: 1170044700, }, { name: "Seszele", id: 1143020179, }, { name: "Sierra Leone", id: 1143020180, }, { name: "Singapur", id: 1143020181, }, { name: "Słowacja", id: 1143020182, }, { name: "Słowenia", id: 1143020183, }, { name: "Somalia", id: 1143020184, }, { name: "Sri Lanka", id: 1143020185, }, { name: "Stany Zjednoczone", id: 1143020186, }, { name: "Suazi", id: 1143020187, }, { name: "Sudan", id: 1143020188, }, { name: "Surinam", id: 1143020189, }, { name: "Svalbard", id: 1143020190, }, { name: "Syria", id: 1143020191, }, { name: "Szwajcaria", id: 1143020192, }, { name: "Szwecja", id: 1143020193, }, { name: "Tadżykistan", id: 1143020195, }, { name: "Tajlandia", id: 1143020196, }, { name: "Tajwan", id: 1143020197, }, { name: "Tanzania", id: 1143020198, }, { name: "Timor Wschodni", id: 1143020199, }, { name: "Togo", id: 1143020200, }, { name: "Tokelau", id: 1143020201, }, { name: "Tonga", id: 1143020202, }, { name: "Trynidad i Tobago", id: 1143020203, }, { name: "Tunezja", id: 1143020204, }, { name: "Turcja", id: 1143020205, }, { name: "Turkmenistan", id: 1143020206, }, { name: "Turks i Caicos", id: 1143020207, }, { name: "Tuvalu", id: 1143020208, }, { name: "Uganda", id: 1143020209, }, { name: "Ukraina", id: 1143020210, }, { name: "Urugwaj", id: 1143020211, }, { name: "Uzbekistan", id: 1143020212, }, { name: "Vanuatu", id: 1143020213, }, { name: "Wallis i Futuna", id: 1143020214, }, { name: "Watykan", id: 1143020215, }, { name: "Wenezuela", id: 1143020216, }, { name: "Węgry", id: 1143020217, }, { name: "Wielka Brytania", id: 1143020218, }, { name: "Wietnam", id: 1143020219, }, { name: "Włochy", id: 1143020220, }, { name: "Wybrzeże Kości Słoniowej", id: 1143020221, }, { name: "Wyspa Bouveta", id: 1143020222, }, { name: "Wyspa Bożego Narodzenia", id: 1143020223, }, { name: "Wyspa Man", id: 1143020127, }, { name: "Wyspa Świętej Heleny", id: 1143020194, }, { name: "Wyspa Wniebowstąpienia", id: 1143020224, }, { name: "Wyspy Cooka", id: 1143020225, }, { name: "Wyspy Kokosowe", id: 1143020226, }, { name: "Wyspy Marshalla", id: 1143020227, }, { name: "Wyspy Salomona", id: 1143020228, }, { name: "Wyspy św. Tomasza i Książęca", id: 1143020229, }, { name: "Zachodnia Sahara", id: 1143020230, }, { name: "Zachodnie Samoa", id: 1143020231, }, { name: "Zambia", id: 1143020232, }, { name: "Zimbabwe", id: 1143020233, }, { name: "Zjednoczone Emiraty Arabskie", id: 1143020234, }, ]; function createCountriesSelect() { let countriesHTML = `<option value="">${dynamicTXT.WybierzPanstwo}</option>`; countries.forEach((item) => { countriesHTML += `<option ${ item.id === 1143020003 ? "selected" : "" } value="${item.id}">${item.name}</option>`; const countrySelect = document.querySelector(`#owner_country`); countrySelect.innerHTML = countriesHTML; }); } // const choices = {}; // function initChoicesSelect() { // const elements = document // .querySelector('.--mode_2 #register_form') // .querySelectorAll('select'); // elements.forEach(elem => { // choices[elem.id] = new Choices(elem, { // loadingText: dynamicTXT.Wczytywanie, // noResultsText: dynamicTXT.NieZnalezionoWynikow, // noChoicesText: dynamicTXT.NieMaZCzegoWybierac, // itemSelectText: dynamicTXT.WcisnijAbyWybrac, // classNames: { // containerOuter: 'choices form__input --focused', // }, // }); // }); // } function roman2arabic(str) { const digits = { Z: 2000, M: 1000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1, }; if (!/^[IVXLCDMZ]+$/i.test(str)) throw new Error("Incorrect roman number format: " + str); return str .toUpperCase() .split("") .reduce(function (r, v, i, arr) { const [a, b, c] = [ digits[arr[i]], digits[arr[i + 1]], digits[arr[i + 2]], ]; if (b && c && a <= b && b < c) throw new Error("Incorrect roman number format: " + str); return b > a ? r - a : r + a; }, 0); } const getCompanyData = async (NIP) => { const body = new FormData(); body.append("owner_nip", NIP); body.append("shop_name", "123abc321zxc"); body.append("order_email", "123@123.pl"); body.append("order_tel", "123123123"); body.append("mask_type", "STANDARD"); body.append("step", "1"); document.body.classList.add("--loading"); const response = await fetch(location.href, { method: "POST", body, }); document.body.classList.remove("--loading"); const html = await response.text(); const doc = new DOMParser().parseFromString(html, "text/html"); const scripts = doc.querySelectorAll("script"); for (let i = 0; i < scripts.length; i++) { if (scripts[i].innerHTML.includes("const data")) { const script = scripts[i]; const data = script.innerHTML.match(/const data = (.*);/)[1]; const parsedData = JSON.parse(data); return parsedData; } } }; // const subscriptionMonths = 12; // const activationCost = // musimy dodać +10, bo inaczej klient zostanie od razu zablokowany // parseFloat( // data.mode_1.values[data.mode_1.currencyID].activation_charge_smart.replace(',', '.'), // ) + 10; // parseFloat( // data.mode_1.values[data.mode_1.currencyID].activation_charge_smart.replace(',', '.'), // ); // TODO GET subscriptionCost bases on selected radio button //old hardcoded // const subscriptionCost = parseFloat( // data.mode_1.values[data.mode_1.currencyID].min_immediately_smart.replace(',', '.'), // ); // TODO Abonamenty // const individualSelect = document.querySelector('.individual_select.form__radio'); // const offer = new URLSearchParams(location.search).get('offer'); // let totalPrice = null; // let workHours = null; // if (offer) { // const amounts = offer.split('_')[1].slice(4); // totalPrice = amounts.match(/\d/g).join(''); // workHours = roman2arabic(amounts.split(totalPrice)[0]); // document // .querySelectorAll('.radio__container .form__radio:not(.individual_select)') // .forEach(el => { // el.classList.remove('active'); // el.classList.add('disabled'); // }); // individualSelect.querySelector('.individual_option_label').classList.remove('d-none'); // individualSelect.classList.add('active'); // individualSelect.querySelector('input').checked = true; // } // const order = sessionStorage.getItem('order'); // if (order) { // document.querySelectorAll('.radio__container .form__radio').forEach(el => { // el.classList.remove('active'); // }); // let input; // if (order === 'BASIC') { // input = document.querySelector('#mask_type_basic'); // } else if (order === 'ADVANCED') { // input = document.querySelector('#mask_type_advanced'); // } else if (order === 'INDIVIDUAL') { // input = document.querySelector('#mask_type_individual'); // } else if (order === 'STANDARD') { // input = document.querySelector('#mask_type_standard'); // } else if (order === 'SOPHISTICATED') { // input = document.querySelector('#mask_type_sophisticated'); // } // sessionStorage.removeItem('order'); // input.checked = true; // input.parentElement.classList.add('active'); // document.addEventListener('DOMContentLoaded', () => { // input.parentElement.scrollIntoView({ // behavior: 'smooth', // block: 'center', // }); // }); // } // const overwritePrices = () => { // const values = data.mode_1.values[data.mode_1.currencyID]; // // Pakiety wdrożeniowe // const basicPriceEl = document.querySelector('.value_basic.price'); // const advancedPriceEl = document.querySelector('.value_advanced.price'); // const individualPriceEl = document.querySelector('.value_individual.price'); // const standardPriceEl = document.querySelector('.value_standard.price'); // basicPriceEl.textContent = values.basic_del; // advancedPriceEl.textContent = values.advanced_del; // if (offer) { // individualPriceEl.textContent = `${totalPrice} ${ // data.mode_1.availableCurrencies[data.mode_1.currencyID - 1].symbol // }`; // } // standardPriceEl.textContent = values.standard; // STANDARD = 'Samodzielna konfigraucja'; // standardPriceEl.textContent = 0; // // Abonament // const subscriptionEl = document.querySelector('.subscription_plan__value span'); // subscriptionEl.textContent = values.min_immediately_smart; // const subscriptionElAfterYear = document.querySelector( // '.subscription_plan__regular_price .subscription_plan__value__normal span', // ); // subscriptionElAfterYear.textContent = values.charge_smart; // //Podsumowanie // const activationCostEl = document.querySelector('.value_activation_cost'); // const subscriptionPlanEl = document.querySelector('.value_lump_sum'); // activationCostEl.textContent = `${activationCost} ${ // data.mode_1.availableCurrencies[data.mode_1.currencyID - 1].symbol // }`; // //TODO get real subscriptionMonths and real price of SELCTED package // subscriptionPlanEl.textContent = `${subscriptionMonths} x ${values.min_immediately_smart}`; // }; // const priceBox = document.querySelector('.price__box'); // const individualPriceUnknown = document.querySelector('#individual_price_unknown'); // function numberWithSpaces(x) { // var parts = x.toString().split('.'); // parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ' '); // return parts.join('.'); // } // const updateSummary = e => { // const formRadio = e.target.parentElement; // if (formRadio === individualSelect && !offer) { // priceBox.classList.add('d-none'); // individualPriceUnknown.classList.remove('d-none'); // } else { // priceBox.classList.remove('d-none'); // individualPriceUnknown.classList.add('d-none'); // } // const implementationPackage = document.querySelector( // '.implementation_package .selected_package', // ); // const implementationPackageCost = document.querySelector('.value_implementation_package'); // const totalNet = document.querySelector('.value_total_net'); // implementationPackage.textContent = formRadio.querySelector('strong').textContent; // // const price = formRadio.querySelector("b").textContent; // const price = formRadio.querySelector('b').classList.contains('go_plus') // ? formRadio.querySelector('b').dataset.price // : formRadio.querySelector('b').textContent; // const implementationPackageValue = parseFloat(price.replace(',', '.')); // implementationPackageCost.textContent = numberWithSpaces(price); // const priceNet = // implementationPackageValue + activationCost + subscriptionCost * subscriptionMonths; // totalNet.textContent = // numberWithSpaces(priceNet.toFixed(2)).replace('.', ',') + // ' ' + // data.mode_1.availableCurrencies[data.mode_1.currencyID - 1].symbol; // if (!offer && e.target.id === 'mask_type_individual') { // return; // } // const priceGross = (priceNet * 1.23).toFixed(2); // let params = new URL(document.location).searchParams; // let newurl = // window.location.protocol + // '//' + // window.location.host + // window.location.pathname + // `?requiredinitialpayment=${priceGross}`; // if (params.get('pin')) { // newurl = newurl + `&pin=${params.get('pin')}`; // } // if (params.get('offer')) { // newurl = // window.location.protocol + // '//' + // window.location.host + // window.location.pathname + // `?requiredinitialpayment=${priceGross}&offer=${params.get('offer')}`; // } // window.history.pushState( // { // path: newurl, // }, // '', // newurl, // ); // }; createCountriesSelect(); // initChoicesSelect(); // overwritePrices(); // document.querySelector('.radio__container').addEventListener('change', e => updateSummary(e)); // updateSummary({ // target: document.querySelector('.radio__container input:checked'), // }); // const mode1 = document.querySelector('.--mode_1'); // const mode2 = document.querySelector('.--mode_2'); // const agree = document.querySelector('.section_agreement'); // const continueBtn = priceBox.querySelector('.btn'); // continueBtn.addEventListener('click', e => { // e.preventDefault(); // mode1.classList.add('d-none'); // mode2.classList.remove('d-none'); // const mode1PriceSummary = mode1.querySelector('.price__summary'); // const mode2PriceSummary = mode2.querySelector('.price__summary'); // mode2PriceSummary.replaceWith(mode1PriceSummary.cloneNode(true)); // const mode2PriceSummaryAfterClick = mode2.querySelector('.price__summary'); // mode2PriceSummaryAfterClick.appendChild(agree); // if (data.mode === 2 && data.mode_2.validationError && data.mode_2.validationError !== '') { // const errorMessage = document.createElement('div'); // errorMessage.classList.add('error_message'); // const heading = document.createElement('strong'); // heading.textContent = 'W formularzu wystąpiły błędy'; // const error = document.createElement('p'); // error.innerHTML = data.mode_2.validationError; // errorMessage.appendChild(heading); // errorMessage.appendChild(error); // mode2PriceSummaryAfterClick.appendChild(errorMessage); // } // else { // window.scrollTo({ top: 0, behavior: 'smooth' }); // } // }); const validateNIP = (NIP) => { const regex = /^(PL)?[0-9]{10}$/; return regex.test(NIP); }; const countrySelect = document.querySelector("#owner_country"); NIPAutoCompleteBtn.addEventListener("click", async (e) => { e.preventDefault(); let companyData; if (countrySelect.value === "1143020003") { if (validateNIP(NIPInput.value)) { // NIP jest prawidłowy companyData = await getCompanyData(NIPInput.value); } else { // wiadomość z błędem alert("NIP jest nieprawidłowy"); } } if (companyData && companyData.mode === 2) { const companyName = document.querySelector("#owner_firmname"); const companyAddress = document.querySelector("#owner_address"); const companyPostalCode = document.querySelector("#owner_zipcode"); const companyCity = document.querySelector("#owner_city"); companyName.value = companyData.mode_2.inputValues.owner_firmname; companyAddress.value = companyData.mode_2.inputValues.owner_address; companyPostalCode.value = companyData.mode_2.inputValues.owner_zipcode; companyCity.value = companyData.mode_2.inputValues.owner_city; companyName.classList.add("--focused"); companyAddress.classList.add("--focused"); companyPostalCode.classList.add("--focused"); companyCity.classList.add("--focused"); const shopNameVal = companyName.value .toLowerCase() .replace(/\s/g, "") .normalize("NFD") .replace(/[\u0300-\u036f]/g, "") .replace("ł", "l") .slice(0, 12); const shopName = document.querySelector("#shop_name"); shopName.value = shopNameVal; shopName.classList.add("--focused"); } }); // if (data.mode === 2 && data.mode_2.validationError && data.mode_2.validationError !== '') { // const errorMessage = document.createElement('div'); // errorMessage.classList.add('error_message'); // const heading = document.createElement('strong'); // heading.textContent = 'W formularzu wystąpiły błędy'; // const error = document.createElement('p'); // error.innerHTML = data.mode_2.validationError; // errorMessage.appendChild(heading); // errorMessage.appendChild(error); // mode2PriceSummaryAfterClick.appendChild(errorMessage); // } // const checkMode2Error = () => { // if (data.mode === 2) { // mode1.classList.add('d-none'); // mode2.classList.remove('d-none'); // } // if (data.mode === 2 && data.mode_2.validationError && data.mode_2.validationError !== '') { // const errorMessage = document.createElement('div'); // errorMessage.classList.add('error_message'); // const heading = document.createElement('strong'); // heading.textContent = 'W formularzu wystąpiły błędy'; // const error = document.createElement('p'); // error.innerHTML = data.mode_2.validationError; // errorMessage.appendChild(heading); // errorMessage.appendChild(error); // mode2PriceSummaryAfterClick.appendChild(errorMessage); // } // if (data.mode === 2) { // console.log('checkMode2ErrorcheckMode2Error', data.mode === 2); // // Auto Complete // console.log('DATAMDOE2', data, data.mode); // if (data.mode_2.inputValues) { // const selectedMaskType = data.mode_2.inputValues.mask_type; // const selectedMaskTypeRadio = document.querySelector( // `input[value="${selectedMaskType}"]`, // ); // if (selectedMaskType) { // document.querySelectorAll('.radio__container .form__radio').forEach(el => { // el.classList.remove('active'); // }); // selectedMaskTypeRadio.checked = true; // selectedMaskTypeRadio.parentElement.classList.add('active'); // // updateSummary({ target: selectedMaskTypeRadio }); // continueBtn.dispatchEvent(new Event('click')); // } // const inputValues = data.mode_2.inputValues; // const inputValuesKeys = Object.keys(inputValues); // inputValuesKeys.forEach(key => { // if (key === 'order_position' || key === 'owner_country') { // if (choices[key]) { // choices[key].setChoiceByValue(inputValues[key]); // } // } else { // const input = document.querySelector(`#${key}`); // if (input) { // input.value = inputValues[key]; // input.classList.add('--focused'); // } // } // }); // const validationErrorType = data.mode_2.validationErrorType; // if (validationErrorType?.length) { // validationErrorType.forEach(el => { // const input = document.querySelector(`#${el}`); // if (input) { // input.parentElement.classList.add('--error'); // input.addEventListener('input', () => { // input.parentElement.classList.remove('--error'); // }); // } // }); // } // } // } // }; window.addEventListener( "popstate", () => { if (!document.querySelector(".--mode_2").classList.contains("d-none")) { location.href = window.location.origin + "/order"; } else { location.href = window.location.origin; } }, false ); // checkMode2Error(); // document.querySelector('.radio__container').addEventListener('click', function () { // for ( // let i = 0; // i < [...document.querySelectorAll('.radio__container .form__radio')].length - 1; // i++ // ) { // [...document.querySelectorAll('.radio__container .form__radio')][i].classList.remove( // 'active', // ); // [...document.querySelectorAll('.radio__container .form__radio')][i].querySelector( // '.select_package', // ).innerText = 'Wybierz'; // if ( // [...document.querySelectorAll('.radio__container .form__radio')][i].querySelector( // '.form__input', // ).checked // ) { // [...document.querySelectorAll('.radio__container .form__radio')][i].classList.add( // 'active', // ); // [...document.querySelectorAll('.radio__container .form__radio')][i].querySelector( // '.select_package', // ).innerText = '____Wybrany____'; // } // } // }); // Function to adjust the scroll position to accommodate the fixed header function adjustScrollForFixedHeader() { const headerHeight = 132; // Adjust this value to match the height of your fixed header if (window.location.hash) { const targetElement = document.querySelector(window.location.hash); if (targetElement) { const offsetTop = targetElement.getBoundingClientRect().top - headerHeight; window.scrollTo({ top: window.pageYOffset + offsetTop, behavior: "smooth", }); } } } // Call the function after the page has loaded window.addEventListener("load", adjustScrollForFixedHeader); </script>  <script> var script = document.createElement("script"); script.src = "https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"; script.async = false; document.head.appendChild(script); var cp = { id: "7iPsBl9JgkfDw9zTdKK8_WXrzdsSrMwqgCMUcjkH8TA", version: "1.1", }; var callPageScript = document.createElement("script"); callPageScript.type = "text/javascript"; callPageScript.async = false; callPageScript.src = "++cdn-widget.callpage.io+build+js+callpage.js" .replace(/[+]/g, "/") .replace(/[=]/g, "."); var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(callPageScript, s); if (window.callpage) { alert("You could have only 1 CallPage code on your website!"); } else { window.callpage = function (method) { if (method == "__getQueue") { return this.methods; } else if (method) { if (typeof window.callpage.execute === "function") { return window.callpage.execute.apply(this, arguments); } else { (this.methods = this.methods || []).push({ arguments: arguments }); } } }; window.callpage.__cp = cp; window.callpage("api.button.autoshow"); } </script> <script> if (window.innerWidth < 980) { const hidersElems = [ ...document.querySelectorAll( ".radio__container .form__radio .pakiet_details__general_wrapper, .--subscription .pakiet_details__general_wrapper" ), ]; hidersElems.forEach((wrapper) => { const ebenezer = wrapper.querySelector( ".pakiet_details__description_wrapper" ); const btnHide = wrapper.querySelector(".pakiet_details__name"); const hider = wrapper.querySelector(".pakiet_details__description"); const height = hider.offsetHeight; btnHide.addEventListener("click", () => { if (btnHide.classList.contains("active")) { ebenezer.classList.remove("active"); ebenezer.style.maxHeight = 0; } else { ebenezer.classList.add("active"); ebenezer.style.maxHeight = height + "px"; } btnHide.classList.toggle("active"); }); }); } document.querySelector(".--special_forward").addEventListener("click", () => { callpage("api.widget.open"); }); try { document.querySelector(".form__radio.active .select_package").textContent = "___Wybrany____"; } catch (err) { console.log("Error occured during swap names: " + err); } </script> </div></div> </div> </div><footer class="footer"> <div class="container footer__wrapper"> <div id="backToTopButton" class="back_to_top_button"> <i class="fas fa-chevron-up"></i> </div> <nav class="footer__menu"> <a href="https://www.idosell.com/pl/oferta-idosell/" class="footer__menu_link">OFERTA</a><a href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/" class="footer__menu_link">MOŻLIWOŚCI</a><a href="https://www.idosell.com/pl/services/ecommerce-services/" class="footer__menu_link">USŁUGI</a><a href="https://www.idosell.com/pl/integracje/" class="footer__menu_link">INTEGRACJE</a><a href="https://www.idosell.com/pl/baza-wiedzy/" class="footer__menu_link">EDUKACJA</a><a href="https://www.idosell.com/pl/blog/" class="footer__menu_link">BLOG</a><a href="https://www.idosell.com/pl/abonamenty/" class="footer__menu_link">ZAŁÓŻ SKLEP</a><a href="https://www.idosell.com/pl/migracja/" class="footer__menu_link">MIGRACJA</a><a href="https://www.idosell.com/pl/contact/skontaktuj-sie-z-nami-i-uzyskaj-unikalna-pomoc-w-prowadzeniu-sklepu-internetowego-idosell/" class="footer__menu_link">KONTAKT</a> </nav> <div class="footer__bottom"> <div class="copyright"> <span class="copyright__text"><span class="d-block d-sm-inline mb-2 mb-sm-0">©2000-2024 IdoSell (IAI S.A.)</span></span> </div> <div class="social_media"> <a href="https://www.facebook.com/IAISA.fp" class="social_media__link --facebook"><i class="fab fa-facebook-f"></i></a> <a href="https://www.youtube.com/channel/UCtx9R9RNnR75RzoEtQk_-1A" class="social_media__link --youtube"><i class="fab fa-youtube"></i></a> <a href="https://pl.linkedin.com/showcase/iai-sa" class="social_media__link --linkedin"><i class="fab fa-linkedin"></i></a> </div> <div class="footer__account"> <ul class="footer__account_collapse d-flex align-items-center justify-content-center justify-content-md-end"> <li class="footer__account_element"> <a class="footer__account_link" href="https://www.idosell.com/pl/login/?ref=%2Fpl%2Forder%2F" rel="nofollow"> Logowanie </a> </li><li class="footer__account_element border --left"> <a class="footer__account_link" href="https://www.iai-sa.com/pl/privacy/policy/privacy-and-safety-policy/" rel="nofollow"> Polityka prywatności </a> </li> <li class="footer__account_element border --left expand"> <a href="#" class="footer__account_link expand__link"> PL </a> <div class="expand__holder d-none"> <a href="https://www.idosell.com/en/order/?currency=eur" title="Open your own online store" rel="nofollow" class="d-block mb-2">EN/€</a><a href="https://www.idosell.com/en/order/?currency=gbp" title="Open your own online store" rel="nofollow" class="d-block mb-2">EN/£</a><a href="https://www.idosell.com/en/order/?currency=usd" title="Open your own online store" rel="nofollow" class="d-block mb-2">EN/$</a><a href="https://www.idosell.com/en/order/?currency=pln" title="Open your own online store" rel="nofollow" class="d-block">EN/ZŁ</a> </div> </li> </ul> </div> </div> </div> </footer>  </div> <script src="/gfx/new_design/js/app.js?r=18"></script> <div class="cookie-banner off"> <span class="cookie-banner-title cookie-banner-title--mainTitle">Strona korzysta z plików cookies</span> <p class="cookie-banner-description">Pliki cookies są wykorzystywane w celu zapewnienia poprawnego działania serwisu, analizy ruchu na stronie oraz dostarczania spersonalizowanych treści i reklam. Więcej informacji znajdziesz w <a href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/" target="_blank">polityce prywatności</a> oraz <a href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/polityka-prywatnosci-serwisow-internetowych-idosell-i-iai/" target="_blank">polityce plików cookies</a>. Akceptacja tego komunikatu oznacza zgodę na ich zapisywanie na Twoim urządzeniu. Możesz określić warunki przechowywania lub dostępu do nich klikając w przycisk Spersonalizuj. </p> <div class="cookie-banner__settingsDiv off"> <span class="cookie-banner-title">Ustawienia plików cookies</span> <div class="checkboxElement"> <input checked disabled type="checkbox" id="necessaryCheckbox" name="necessaryCheckbox"/> <label for="necessaryCheckbox"> <span>Niezbędne do działania serwisu</span> <p>Zgoda na korzystanie z niezbędnych plików cookies, które są konieczne do zapewnienia podstawowych funkcji strony internetowej, np. nawigacja po stronie, zarządzanie treścią i bezpieczeństwo przeglądania.</p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="marketingCheckbox" name="marketingCheckbox"/> <label for="marketingCheckbox"> <span>Analityczne i marketingowe</span> <p>Zgoda na korzystanie z plików cookies do analizy ruchu na stronie. Ma to na celu ulepszenie naszych usług, możliwość tworzenia danych statystycznych i raportów oraz wsparcia naszych działań marketingowych. </p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="ad_user_data" name="ad_user_data"/> <label for="ad_user_data"> <span>Dane użytkownika w reklamach</span> <p>Zgoda na korzystanie z plików cookies, które pozwalają przetwarzać dane użytkownika w celach reklamowych.</p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="ad_personalization" name="ad_personalization"/> <label for="ad_personalization"> <span>Personalizacja reklam</span> <p>Zgoda na korzystanie z plików cookies do personalizacji treści i reklam na podstawie twojej aktywności online. Dzięki tej zgodzie będziemy mogli lepiej dopasować reklamy do twoich zainteresowań. </p> </label> </div> </div> <div class="cookie-banner__buttonsWrapper"> <button class="cookie-settingsBtn button --outline">Spersonalizuj</button> <button class="cookie-dismissBtn button --solid">Zaakceptuj wszystkie</button> </div> </div> <script type="text/javascript"> const cookieBanner = document.querySelector(".cookie-banner"); const settingsDiv = document.querySelector(".cookie-banner__settingsDiv"); const buttonElement = document.querySelector(".cookie-dismissBtn"); const buttonCookieSettings = document.querySelector(".cookie-settingsBtn"); const marketingCheckbox = document.querySelector("#marketingCheckbox"); const adUserData = document.querySelector("#ad_user_data"); const adPersonalization = document.querySelector("#ad_personalization"); function dismiss() { const consent = { ad_storage: "denied", analytics_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", personalization_storage: "denied", functionality_storage: "granted", security_storage: "granted", }; if (settingsDiv.classList.contains("off")) { // Użytkownik kliknął "Zaakceptuj wszystkie" consent["ad_storage"] = "granted"; consent["analytics_storage"] = "granted"; consent["ad_user_data"] = "granted"; consent["ad_personalization"] = "granted"; consent["personalization_storage"] = "granted"; } else { // Użytkownik wybrał konkretne zgody if (marketingCheckbox.checked) { consent["ad_storage"] = "granted"; consent["analytics_storage"] = "granted"; } if (adUserData.checked) { consent["ad_user_data"] = "granted"; } if (adPersonalization.checked) { consent["ad_personalization"] = "granted"; consent["personalization_storage"] = "granted"; } } // Zapisz zgody w localStorage localStorage.setItem("user_cookie_consent", JSON.stringify(consent)); // Usuń banner cookieBanner.remove(); } function isDismissed() { return localStorage.getItem("user_cookie_consent") !== null; } function showCookieSetting() { marketingCheckbox.checked = false; adUserData.checked = false; adPersonalization.checked = false; settingsDiv.classList.remove("off"); buttonCookieSettings.classList.add("off"); buttonElement.textContent = "Zaakceptuj wybrane"; } if (buttonElement) { buttonElement.addEventListener("click", dismiss); buttonCookieSettings.addEventListener("click", showCookieSetting); } if (!isDismissed()) { if (cookieBanner) { cookieBanner.classList.remove("off"); } } </script> <style> .cookie-banner { background-color: white; border: 1px solid gray; border-radius: 5px; position: fixed; top: 50%; left: 50%; width: 600px; max-width: 90%; transform: translate(-50%, -45%); padding: 20px; z-index: 10; max-height: 88%; overflow: auto; font-weight: Poppins; color: #171717; } .cookie-banner * { font-family: Poppins !important; } .cookie-banner .cookie-banner-title { font-weight: bold; font-size: 1.2rem; } .cookie-banner-title--mainTitle { font-size: 1.4rem; } .cookie-banner .cookie-banner-description { margin: 15px 0; } .cookie-banner .cookie-banner-description a { color: #1aac7a; } .cookie-banner__settingsDiv { margin: 15px 0; display: flex; flex-direction: column; } .checkboxElement { margin: 10px 0; display: flex; } .checkboxElement label, .checkboxElement input { cursor: pointer; } .checkboxElement input { margin: 10px; } .checkboxElement label span { font-weight: bold; } .checkboxElement label p { color: gray; } .cookie-banner__buttonsWrapper { display: flex; justify-content: space-between; } .cookie-banner__buttonsWrapper button { width: auto; } .off { display: none; } @media (max-width: 756px) { .cookie-banner__buttonsWrapper { flex-direction: column; } .cookie-banner__buttonsWrapper button { margin: 5px auto; width: 100%; } } </style></body> </html>

CINXE.COM

Otwórz swój własny sklep internetowy - IdoSell