CINXE.COM
Rozpocznij sprzedaż subskrypcyjną z IdoSell - IdoSell
<!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>Rozpocznij sprzedaż subskrypcyjną z IdoSell - IdoSell</title> <meta name="keywords" content=""/> <meta name="description" content="Wprowadź jeden z najlepszych modeli sprzedażowych w e-commerce. Zapewnij swoim klientom wygodę i elastyczność, a sobie - zrównoważony biznes."/> <link rel="canonical" href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/sprzedaz-subskrypcyjna/"> <meta property="og:title" content="Rozpocznij sprzedaż subskrypcyjną z IdoSell"/><meta property="og:type" content="website"/><meta property="og:locale" content="pl_PL"/><meta property="og:description" content="Wprowadź jeden z najlepszych modeli sprzedażowych w e-commerce. Zapewnij swoim klientom wygodę i elastyczność, a sobie - zrównoważony biznes."/><meta property="og:url" content="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/sprzedaz-subskrypcyjna/"/><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"/> <meta name="robots" content="noindex, nofollow"/> <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><!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <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%2Ffunctions%2Fsubscription-module%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 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=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet"> <style> main { font-family: 'DM Sans', sans-serif; } </style> <main class="template"> <section id="hero_section" class="main_banner"> <div class="main_banner__container col-12 col-md-7"> <div class="image_container"><img src="https://www.idosell.com/panel/file-gate.php?id=213772&ext=.svg" alt="Logo sprzedaży subskrypcyjnej"></div> <h1 class="main_banner__title"> Rozpocznij sprzedaż subskrypcyjną z IdoSell </h1> <p class="paragraph --medium"> Wprowadź jeden z najlepszych modeli sprzedażowych w <span class="nowrwpa">e-commerce.</span> Zapewnij swoim klientom wygodę i elastyczność, a sobie - zrównoważony biznes. </p> <div class="buttons_container"> <a href="#contact__form" title="Kliknij, aby dowiedzieć się więcej" class="btn mainButton --green"> Rozpocznij sprzedaż subskrypcyjną </a> </div> </div> <a class="down_arrow__hyperlink" href="#benefits"> <img src="https://www.idosell.com/panel/file-gate.php?id=185795&ext=.svg" class="down-arrow" alt="Strzałka prowadząca do następnej sekcji"> </a> </section> <style> .nowrwpa{ display: initial; white-space: nowrap; } .main_banner__container { padding: 0 !important; } html { scroll-behavior: smooth; overflow-x: hidden; } body { overflow-x: hidden; } .layout div.container { margin-bottom: 0 !important; } /* Paddingi dla sekcji hero */ #hero_section { position: relative; padding: 50px 0 70px 0; color: white; align-items: center; } #hero_section .main_banner__additional_title { display: block; font-weight: 400; } #hero_section .link.--underline { color: white; } #hero_section .image_container { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 35px; } /* Typografia sekcji */ #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 20px; font-weight: 400; } #hero_section .main_banner__title { font-size: 30px; font-weight: 700; margin-bottom: 15px; } #hero_section .paragraph.--highlighted { font-size: 16px; color: rgb(31 209 142); margin-bottom: 15px; } #hero_section .form_wrapper .paragraph.--extra { margin-top: 35px; margin-bottom: 20px; } .paragraph.--extra { font-size: 14px; } /* Rozciągniecie zdjęcia na całą szerokość wraz z przyciemnieniem */ #hero_section:before { content: " "; background-size: cover; background-repeat: no-repeat; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; filter: brightness(.45); z-index: -2; background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=213773&ext=.jpeg'); } .mainButton { font-size: 16px; } /* Nowy wygląd buttona */ #hero_section .mainButton.--orange, section.--background_photo .mainButton.--orange { border: 1px solid rgba(255, 184, 42, 0.8); color: #fff; background: rgba(255, 184, 42, 0.6); backdrop-filter: blur(6.5px); font-weight: 400; } #hero_section .mainButton.--green, section.--background_photo .mainButton.--green { border: 1px solid #1fd18dcd; color: #fff; background: #1FD18E99; backdrop-filter: blur(6.5px); font-weight: 400; } .mainButton.--orange.--outline { color: #fff; font-weight: 400; background: transparent; border: 1px solid rgba(255, 184, 42, 1); } /* Odległości w sekcji hero */ #hero_section .paragraph { margin-bottom: 35px; } #hero_section .service_image { margin-bottom: 20px; max-width: 300px; } #hero_section .down-arrow { height: 40px; animation: animateDown infinite 1.5s; } #hero_section .down_arrow__hyperlink { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } .link.--with_arrow { position: relative; display: flex; align-items: center; } .form__group, .form__box, .form__select, .form__radiogroup { margin-bottom: 0; } .link.--with_arrow:before { content: url('https://www.idosell.com/panel/file-gate.php?id=187364&ext=.svg'); margin-right: 10px; } a { scroll-behavior: smooth; } .form_wrapper { background: rgba(255, 255, 255, 0.9); padding: 25px; padding-right: calc((100vw - 100%)/2); border-radius: 20px 0 0 20px; color: black; width: calc(100% + (100vw - 100%)/2); } #contact-form-anchor { font-size: 22px; } #contact-form-anchor.--orange { color: #1FD18E; } .form__group .form__label, .form__select .form__label, .form__input[type="text"], .form__input[type="tel"], .form__input[type="password"], .form__input[type="email"], .form__input[list], .form select.form__input { background: transparent; font-weight: 400; color: black; } .brand-search .form__input { background: white; } .form_wrapper .form__group .form__input { margin: 10px 0; opacity: .7; } .form_wrapper .form__group .form__label, .form_wrapper .form__select .form__label { top: 30px } .form_wrapper .form__group .form__input.--focused+.form__label, .form_wrapper .form__select .form__input.--focused+.form__label, .form_wrapper .form__group .form__input:focus+.form__label, .form_wrapper .form__select .form__input:focus+.form__label .mauticform-checkboxgrp-row { transform: scale(0.70) translateY(-50px); color: black; opacity: 1; } .row.form__inputs .form__group.--input:not(.--last-input), .row.form__inputs .form__group.--input:not(.--last-input)>.mauticform-row { margin-bottom: 0; } .mauticform-checkboxgrp-row { display: flex; } .mauticform-checkboxgrp input { opacity: 0; } .mauticform-input:focus-visible, .mauticform-textarea:focus-visible { outline-color: #000; } .mauticform-checkboxgrp .mauticform-checkboxgrp-label { padding-left: 23px; } .mauticform-checkboxgrp .mauticform-checkboxgrp-label a { color: black; font-weight: 700; } .mauticform-checkboxgrp-label:before { content: ''; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s, background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; } .mauticform-checkboxgrp-checkbox:checked+.mauticform-checkboxgrp-label:after { content: ''; left: calc(8px/2); top: calc(10px/2); width: 100%; height: 100%; display: block; position: absolute; background: url(https://www.idosell.com/panel/file-gate.php?id=187844&ext=.svg); background-repeat: no-repeat; } .mauticform-checkboxgrp-checkbox:checked+.mauticform-checkboxgrp-label:before { background: #1FD18E; border: 1px solid #1FD18E; } div#mauticform_wrapper_ebookform { position: relative; left: calc((100% + (100vw - 100%)/2) - 100% - (100vw - 100%)/2) } .pricing_section__item { display: flex; flex-direction: column; } .pricing_section__item_description { flex-grow: 1; } .pricing_section__item:hover { opacity: 1; } @media (min-width: 757px) { .form_wrapper { padding: 35px; padding-right: calc((100vw - 100%)/2); } #hero_section:before { background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=211900&ext=.jpeg'); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media (min-width: 979px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 96px 0 190px 0; display: flex; height: calc(100vh - 70px); } /* Typografia sekcji */ #hero_section .main_banner__title { font-size: 52px; } #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 35px; } /* Zmiana ciemności zdjęcia hero */ #hero_section:before { filter: brightness(.95) } /* Linear gradient */ #hero_section:after { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .95)); z-index: -1; } /* Odległości w sekcji hero */ #hero .service_image { margin-bottom: 40px; } div#mauticform_wrapper_ebookform { left: calc((100% + (100vw - 100%)/2) - 100% + 15px) } .form_wrapper { background: rgba(255, 255, 255, 0.9); padding: 35px; border-radius: 2px; color: black; width: 100%; } } @media (min-width: 1200px) { .main_banner__container .link.--underline { display: unset; margin-left: 15px; } #hero_section { position: relative; } .form_wrapper { padding: 55px 150px 55px 35px; border-radius: 2px 0 0 2px; width: 600px; } div#mauticform_wrapper_ebookform { position: absolute; top: 50%; transform: translateY(-50%); left: calc((100% + (100vw - 1170px)/2) - 600px); } } @media (min-width: 1590px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 96px 0 190px 0; height: 800px; } #hero_section:before { background-size: cover; background-position-y: 10%; background-repeat: no-repeat; background-image: url('https://www.idosell.com/panel/file-gate.php?id=211900&ext=.jpeg'); } /* Typografia sekcji */ #hero_section .main_banner__title { font-size: 52px; } div#mauticform_wrapper_ebookform { left: calc(100% - 650px + 135px) } .form_wrapper { padding: 55px 181px 55px 35px; border-radius: 2px; width: 750px; } } @media (min-width: 1920px) { #hero_section:before { background-size: cover; background-repeat: no-repeat; background-image: url('https://www.idosell.com/panel/file-gate.php?id=211900&ext=.jpeg'); } } .ads_process { margin-top: 30px; padding: 0 15px; } .ads_process .ads_process__item { margin-bottom: 15px; font-size: 16px; } article.success_item { margin: 15px 0; } @media (min-width: 979px) { article.success_item { margin: 0; } } </style> <section id="benefits" class="benefits_container p-relative --background_black"> <h2 class="benefits_title">Sprzedaż subskrypcyjna dopasowana do twoich potrzeb</h2> <div class="benefits"> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=211908&ext=.svg"> </div> <div class="benfits__item_body"> <span>Zwiększ współczynnik utrzymania klientów</span> <p class="paragraph"> Dzięki regularniej sprzedaży zatrzymasz klientów w <a href="https://idosell.com/pl/">sklepie internetowym</a>, a twoje przychody wzrosną </p> </div> </article> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=211909&ext=.svg"> </div> <div class="benfits__item_body"> <span>Stały, przewidywalny przychód</span> <p class="paragraph"> Dzięki informacji o liczbie subskrybcji, łatwiej przewidzisz całkowity obrót sklepu </p> </div> </article> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=211910&ext=.svg"> </div> <div class="benfits__item_body"> <span>Ciesz się wysoką przewidywalnością biznesową</span> <p class="paragraph"> Sprzedaż subskrypcyjna ułatwi zarządzanie stanami magazynowymi i dostępnością towarów </p> </div> </article> </div> </section> <section class="about_section"> <p class="big-h2 mb-1">Oferuj wygodne i szybkie zakupy </p> <p class="--green big-h2">Poznaj funkcje modułu subskrypcyjnego</p> <div class="col-12 d-flex flex-column flex-md-row px-0 mt-5 iaiAdSteps"> <div class="col-12 col-md-5 pl-0"> <div class="iaiStepsContainer"> <button class="iaiAdStepsBtn iaiAdStepsBtn--active" stepImg="243817"> Sprzedawaj za pomocą szybkich i bezpiecznych płatności kartowych IdoPay </button> <p class="paragraph paragraphBtn paragraphBtn--active"> Transakcje w subskrypcji rozliczymy dzięki wygodnym, kompleksowym i bezpiecznym płatnościom <a href="https://www.idosell.com/pl/idopay/" class="link underline" target="_blank">IdoPay</a>. </p> </div> <div class="iaiStepsContainer"> <button class="iaiAdStepsBtn" stepImg="243818"> Sprzedawaj jednocześnie jednorazowo i subskrypcyjnie </button> <p class="paragraph paragraphBtn"> Nie musisz rezygnować ze sprzedaży jednorazowej. Łącząc sprzedaż subskrypcyjną i jednorazową, zmaksymalizujesz swoje zyski. </p> </div> <div class="iaiStepsContainer"> <button class="iaiAdStepsBtn" stepImg="243819"> Zachęć klientów do zakupów subskrypcyjnych rabatami </button> <p class="paragraph paragraphBtn"> Sprzedaż subskrypcyjna to idealny sposób na zakup towarów, których twoi klienci regularnie potrzebują i używają </p> </div> <a href="#contact__form" class="mainButton --black mt-5">Włącz sprzedaż subskrypcyjną</a> </div> <div class="d-none d-md-flex col-12 col-md-6 px-0 pr-md-3 mt-5 mt-md-0 ml-auto"> <img class="iaiAdsPresentationImg presentation_image" loading="lazy" src="https://idosell.com/panel/file-gate.php?id=243817&ext=.gif" alt="Zdjęcie reklam"> </div> </div> <script> const iaiAdBtns = document.querySelectorAll('.iaiAdStepsBtn'); const iaiAdStepsImg = document.querySelector(".iaiAdsPresentationImg"); const paragraphBtn = document.querySelectorAll(".paragraphBtn"); function stepClicked(btnClicked) { iaiAdBtns.forEach((btn) => { if (btn == btnClicked) { btn.classList.add("iaiAdStepsBtn--active"); btn.parentNode.querySelector(".paragraphBtn").classList.add("paragraphBtn--active"); const imgId = btn.getAttribute('stepImg'); iaiAdStepsImg.setAttribute('src', 'https://idosell.com/panel/file-gate.php?id=' + imgId + '&ext=.gif'); } }); } iaiAdBtns.forEach((btn) => { btn.addEventListener('click', (e) => { iaiAdBtns.forEach(btn => { btn.classList.remove("iaiAdStepsBtn--active"); }) paragraphBtn.forEach(paragraph => { paragraph.classList.remove("paragraphBtn--active"); }) stepClicked(e.target); }) }) </script> </section> <section class="p-relative --background_gray"> <div class="cta_section_new col-12 px-0 d-flex align-items-center justify-content-between flex-column flex-md-row"> <div class="col-12 col-md-7 px-0 text_container"> <h2 class="">Sprzedaż subskrypcyjna - to proste!</h2> <p class="paragraph "><b>Moduł subskrypcji jest wbudowany w panel i gotowy do aktywacji.</b></p> <p class="paragraph mt-2 mb-2"> Żeby skorzystać z modułu subskrypcyjnego należy ustawić IdoPay jako domyślny system obsługujący płatności kartowe. Jeśli nie masz aktywnych płatności kartowych w IdoPay, przejdź na <a href="https://www.idosell.com/pl/idopay/" class="linkundetline">tę stronę</a>, skontaktuj się z <a class="linkundetline" href="https://csc.idosell.com/support/contact?_ga=2.190005288.280778498.1675670883-1722237844.1675076374">działem wsparcia </a> i aktywuj IdoPay . </p> </div> <!-- <div class="col-12 col-md-5 d-flex px-0 pr-md-3 mt-5 mt-md-0 ml-auto"> --> <div class="col-12 col-md-5 idopayphoto d-flex justify-content-center mt-3 md-mt-0 px-0"> <img class="presentation_image" loading="lazy" src="https://idosell.com/panel/file-gate.php?id=243820&ext=.svg" alt="Zdjęcie Lycopen"> </div> </div> </section> <style> .linkundetline{ text-decoration: underline; } </style> <section class="p-relative"> <h2>Zyskaj więcej z modułem subskrypcyjnym</h2> <p class="paragraph">Skorzystaj z gotowego, wbudowanego i łatwego do wdrożenia modułu subskrypcyjnego</p> <div class="safety_section col-12 px-0 d-flex align-items-center justify-content-between flex-column flex-md-row"> <div class="col-12 col-md-5 px-0 image_container mt-4 mt-md-0 d-flex justify-content-center"> <picture> <img src="https://www.idosell.com/panel/file-gate.php?id=220319&ext=.jpeg" alt="Zdjęcie pani trzymającej laptop wraz z ikonami"> </picture> </div> <div class="col-12 col-md-6 px-0 text_container"> <article class="col-12 about__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div> <span class="section__intertitle"> Większa liczba zamówień </span> </div> </article> <article class="col-12 about__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div> <span class="section__intertitle"> Stabilna sprzedaż </span> </div> </article> <article class="col-12 about__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div> <span class="section__intertitle"> Przewidywalny przychód </span> </div> </article> <article class="col-12 about__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div> <span class="section__intertitle"> Lojalni klienci </span> </div> </article> <article class="col-12 about__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div> <span class="section__intertitle"> Profesjonalny wizerunek twojego sklepu </span> </div> </article> </div> </div> </section> <!-- 12345 --> <section id="contact__form" class="contact__form p-relative"> <h2>Rozpocznij sprzedaż subskrypcyjną</h2> <div class="function_switcher"> <button class="function_switcher__buttton">Jestem klientem IdoSell</button> <button class="function_switcher__buttton active">Nie jestem klientem IdoSell</button> </div> <div class="form_section mt-5"> <div id="form__wrapper" class="col-12 form__wrapper"> <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "eu1", portalId: "26134891", formId: "f8d62d58-79f1-44be-8ee2-7e389abcd91d" }); </script> <style> .hbspt-form { background: rgba(255, 255, 255, 0.9); } .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 35px !important; } ul.no-list.hs-error-msgs.inputs-list { margin-top: 10px; } ul.no-list.hs-error-msgs.inputs-list label { color: #f2545b; } .hs-input[type=checkbox] { position: absolute; opacity: 0; left: 0; bottom: 0; } .submitted-message { display: flex; align-items: center; justify-content: center; padding: 20px; } label.hs-form-booleancheckbox-display > span { position: relative; } label.hs-form-booleancheckbox-display > span:before { content: ''; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s, background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; left: -35px; } .hs-input[type=checkbox]:checked ~ span:before { background: #1FD18E; border: 1px solid #1FD18E; } .hs-input[type=checkbox]:checked ~ span::after { content: ''; left: calc(-35px + (8px/2)); top: calc(6px); width: 100%; height: 100%; display: block; position: absolute; background: url(https://www.idosell.com/panel/file-gate.php?id=187844&ext=.svg); background-repeat: no-repeat; } .hbspt-form fieldset { max-width: 100% !important; } .hbspt-form h3 { font-size: 32px; } .form-columns-0 { margin-bottom: 35px !important; } .hbspt-form .form-title { font-size: 22px; color: black; } .hs-input:not([type=file]) { background-color: transparent !important; padding: 11px 18px; border-radius: 30px; margin-top: 5px; width: 100%; border: 1.5px solid rgba(229, 229, 229, 1); } .hbspt-form label { color: black; } .hbspt-form .input { margin-top: 5px; } .hs-input:focus { outline: 1.5px solid black; } fieldset.form-columns-2, fieldset.form-columns-1 { margin-bottom: 15px; } .hs-button { background: black; color: white; padding: 12px 70px; border-radius: 25px; font-size: 16px; } .hs-form-field .inputs-list { padding: 0; list-style: none; } .hs-fieldtype-select .hs-input { width: 100% !important; } .hs-form-booleancheckbox-display span p { font-size: 14px; } .submitted-message { color: black; font-size: 22px; } @media (min-width: 979px) { .hbspt-form fieldset { max-width: 80% !important; } } </style> </div> </div> <div class="how_to_activate d-none"> <p class="paragraph">Przeczytaj instrukcję i dowiedz się jak rozpocząć sprzedaż subskrypcyjną</p> <div class="row mt-5"> <div class="col-12 col-md-6"> <article class="col-12 px-0 templateElementWithArrowImg"> <span class="orderDot">1</span> <div class="col-9 integrationIdoSellContainer"> <p class="paragraph">Przejdź do panelu IdoSell</p> </div> </article> <article class="col-12 px-0 templateElementWithArrowImg"> <span class="orderDot">2</span> <div class="col-9 integrationIdoSellContainer"> <p class="paragraph">W menu po lewej stronie wybierz <span class="bolded">Administracja</span> i przejdź do <span class="bolded">Sprzedaż subskrypcyjna</span></p> </div> </article> </div> <article class="col-12 col-md-6 templateElementWithArrowImg templateElementWithArrowImgLast"> <span class="orderDot">3</span> <div class="col-9 integrationIdoSellContainer"> <p class="paragraph">Po przeniesieniu na stronę kliknij w zielony przycisk <span class="bolded">„Zgłoś sklep do weryfikacji pod kątem wymagań dla płatności subskrypcyjnych wg wytycznych organizacji kartowych"</span>. Nasi eksperci skontaktują się z Tobą i pomogą rozpocząć sprzedaż subskrypcyjną</p> </div> </article> </div> <div class="ctaSection"> <a target=“_blank” href="https://www.idosell.com/pl/dashboard/" id="" title="Przejdź do panelu" class="btn mainButton --black "> Przejdź do panelu </a> <!-- <a href="#first_question" class="link --underline paragraph mt-3"> Sprawdź, jakie wymagania musi spełnić twój sklep, żeby włączyć moduł subskrypcyjny </a> --> </div> </div> </section> <!-- 12345 --> <section id="features" class="features_section p-relative --background_black"> <h2>IdoSell - kompleksowe rozwiązanie do sprzedaży</h2> <div class="features_section__container"> <div class="features_section__body"> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/bezpieczenstwo/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=211908&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">Bezpieczna platforma</p> <p class="features_section__item_decription paragraph">Sklep zgodny z prawem, certyfikat SSL i automatycznie aktualizowane regulaminy</p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/marketplaces/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=212041&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">Integracje z marketplace’ami</p> <p class="features_section__item_decription paragraph">Sprzedawaj na Allegro, eBay, Wish, Amazon, Shopee, Heurece i wielu innych </p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/sprzedaz-miedzynarodowa/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=212038&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">Sprzedaż zagraniczna</p> <p class="features_section__item_decription paragraph">Wyjdź na zagraniczne rynki i zdobądź klientów na całym świecie</p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/idopay/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=212052&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">Wbudowane płatności online</p> <p class="features_section__item_decription paragraph">Oferuj klientom szybkie i wygodne płatności IdoPay w aż 19 walutach</p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> </div> <div class="features_section__body"> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/unikalne-wsparcie-w-ramach-abonamentu/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=212039&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">Stałe wsparcie supportu</p> <p class="features_section__item_decription paragraph">Korzystaj z pomocy ekspertów IdoSell 24/7</p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/system-zarzadzania-magazynem/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=212040&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">System WMS</p> <p class="features_section__item_decription paragraph">Zarządzaj gospodarką magazynową nawet kilku sklepów z jednego miejsca w panelu IdoSell</p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> <a class="features_section__item_link" target=“_blank” href="https://www.idosell.com/pl/modul-reklamacji/"> <article class="features_section__item"> <div class="features_section__text_image_container"> <div class="features_section__item_image_container"> <img src="https://www.idosell.com/panel/file-gate.php?id=212045&ext=.svg" alt="" class="features_section__item_image"> </div> <div class="features_section__item_text_container"> <p class="features_section__item_title mb-3">Moduł reklamacji (RMA)</p> <p class="features_section__item_decription paragraph">Wygodnie obsługuj reklamacje w swoim sklepie internetowym”</p> </div> </div> <p class="link --underline d-md-none paragraph"> Dowiedz się więcej </p> </article> </a> </div> </div> </section> <style> .benefits_image_wrapper { display: flex; align-items: center; justify-content: flex-start; min-width: 80px; min-height: 80px; } .link.--underline.--small { font-size: 14px !important; } #contact-form-anchor { font-size: 32px; } .form__wrapper { margin-left: auto; padding: 30px; padding: 20px 12px; border: 1.5px solid #1FD18E; border-radius: 2px; background-color: white; } #contact-form-anchor p { margin: 15px 0 30px 0; } .mauticform_wrapper { max-width: 600px; margin: 10px auto; } .mauticform-innerform {} .mauticform-post-success {} .mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; } .mauticform-description { margin-top: 2px; margin-bottom: 10px; } .mauticform-error { display: block; color: red; margin-top: -10px; margin-bottom: 15px; font-size: 16px; } .mauticform-message { margin-bottom: 10px; color: green; font-size: 16px; } .mauticform-row { display: block; } .mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; } .mauticform-row.mauticform-required .mauticform-label:after, .mauticform-checkboxgrp-label.--required:after { color: black; content: " *"; display: inline; } .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; } .mauticform-errormsg { display: block; color: red; margin-top: -15px; margin-bottom: 15px; } .mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; } .mauticform-checkboxgrp-row {} .mauticform-checkboxgrp-label { font-weight: normal; } .mauticform-checkboxgrp-checkbox {} .mauticform-radiogrp-row {} .mauticform-radiogrp-label { font-weight: normal; } .mauticform-radiogrp-radio {} .mauticform-pagebreak-wrapper .mauticform-button-wrapper { display: inline; } </style> <style> #mauticform_input_crossborderform_submit { margin-top: 25px; } .form__group .form__input { margin: 12px 0; } .form__group .form__label, .form__select .form__label { top: 25px } .form__group .form__label, .form__select .form__label { background: transparent; font-weight: 400; color: #999; } .row.form__inputs .form__group.--input:not(.--last-input), .row.form__inputs .form__group.--input:not(.--last-input)>.mauticform-row { margin-bottom: 0; } .form__group .form__input.--focused+.form__label, .form__select .form__input.--focused+.form__label, .form__group .form__input:focus+.form__label, .form__select .form__input:focus+.form__label .mauticform-checkboxgrp-row { transform: scale(0.75) translateY(-50px); color: black } .mauticform-checkboxgrp-row { display: flex; } .mauticform-checkboxgrp input { opacity: 0; } .mauticform-input:focus-visible { outline-color: #000; } .mauticform-checkboxgrp .mauticform-checkboxgrp-label { padding-left: 38px; } .mauticform-checkboxgrp .mauticform-checkboxgrp-label a { color: black; font-weight: 700; } .form__title.--green { color: #1FD18E; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-label:before { content: ''; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s, background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-checkbox:checked+.mauticform-checkboxgrp-label:after { content: ''; left: calc(8px/2); top: calc(7px); width: 100%; height: 100%; display: block; position: absolute; background: url(https://www.idosell.com/panel/file-gate.php?id=187844&ext=.svg); background-repeat: no-repeat; } #contact-form-anchor { margin-bottom: 35px; } span.--orange { color: #1FD18E; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-checkbox:checked+.mauticform-checkboxgrp-label:before { background: #1FD18E; border: 1px solid #1FD18E; } @media (min-width: 979px) { .form__wrapper { padding: 30px 100px; } .offer_container { padding: 35px 65px 45px 60px; } } </style> </section> <section id="blog" class="blog_section"> <h2>Dowiedz się więcej o module subskrypcyjnym</h2> <div class="blog__container"> <article class="blog__item"> <picture> <img src="https://www.idosell.com/panel/file-gate.php?id=244003&lang=pl&ext=.png" alt="Zdjęcie pierwszego artykułu"> </picture> <a href="https://www.idosell.com/pl/blog/sprzedaz-subskrypcyjna-w-sklepie-internetowym-w-jakiej-branzy-sprawdzi-sie-najlepiej-1235327858" class="link --underline paragraph mt-3" target="_blank"> Przeczytaj artykuł </a> </article> <article class="blog__item"> <picture> <img src="https://www.idosell.com/panel/file-gate.php?id=227868&lang=pl&ext=.png" alt="Zdjęcie drugiego artykułu"> </picture> <a href="https://www.idosell.com/pl/blog/modul-subskrypcyjny-zapewnij-swoim-klientom-wygode-i-elastycznosc-a-sobie-zrownowazony-biznes-1235327804" class="link --underline paragraph mt-3" target="_blank"> Przeczytaj artykuł </a> </article> </div> </section> <style> .blog__container { display: grid; grid-template-columns: 1fr; gap: 35px; } .blog__item { display: flex; flex-direction: column; } @media (min-width: 757px) { .blog__container { grid-template-columns: repeat(2, 1fr); } } </style> <script> const contactForm = document.getElementById('contact__form') const switcher = contactForm.querySelector('div.function_switcher'); const switcherButtons = switcher.querySelectorAll('.function_switcher__buttton'); const formSection = contactForm.querySelector('.form_section'); const howToActivate = contactForm.querySelector('.how_to_activate'); switcherButtons.forEach(button => { button.addEventListener('click', function (target) { if (switcher.children[0].classList.contains('active')) { if (event.target.classList != switcher.children[0].classList) { switcher.children[0].classList.remove('active'); switcher.children[1].classList.add('active'); howToActivate.classList.add('d-none'); formSection.classList.remove('d-none'); } } else { if (event.target.classList != switcher.children[1].classList) { switcher.children[1].classList.remove('active'); switcher.children[0].classList.add('active'); formSection.classList.add('d-none'); howToActivate.classList.remove('d-none'); } } }) }) </script> <style> .function_switcher { width: 100%; height: 40px; border: 1px solid black; border-radius: 30px; display: flex; margin-bottom: 35px; } .function_switcher__buttton { background-color: white; color: black; flex: 0 0 50%; display: flex; align-items: center; justify-content: center; border-radius: 30px; cursor: pointer; } .function_switcher__buttton:hover { color: black; } .function_switcher__buttton.active:hover { color: white; } .function_switcher__buttton.active { background-color: black; color: white; cursor: initial; } @media (min-width: 1279px) { .function_switcher { position: absolute; right: 0; top: 70px; width: 570px; margin-bottom: 0; } } </style> <script> const mauticForm = document.querySelector(".mauticform"); const mauticSuccessMessage = document.querySelector('.mauticform-message'); mauticForm.addEventListener('submit', () => { var timer = setInterval(checkSubmittedForm, 500); function checkSubmittedForm() { if (mauticSuccessMessage.innerText != '') { clearInterval(timer); return; } mauticSuccessMessage.classList.add('--submitted') } }); </script> <style> .mauticform-message { color: black; text-align: center; font-size: 32px; } .mauticform-message[data-gtm-vis-has-fired-2002739_173]~* { display: none; } .mauticform-message.--submitted~* { display: none; } .comparision_plans__item_title { font-size: 32px; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 35px; } .comparision_plans__block__list_item { margin-left: 15px; } .comparision_plans__body { display: grid; grid-template-columns: 1fr; gap: 35px; } @media (min-width: 757px) { .comparision_plans__body { grid-template-columns: 1fr 1fr; } } .comparision_plans__item { padding: 45px 68px; border-radius: 18px; box-shadow: 0px 5px 10px 0px #00000040; } .comparision_plans__block { margin-bottom: 15px; } .comparision_plans__block__title { font-weight: 700; } .comparision_plans__block__list { font-size: 16px; } .comparision_plans__block__body.--price { font-size: 32px; color: #1FD18E; } .expert_benefits__item { margin-bottom: 35px; } .expert_benefits__title { position: relative; font-size: 32px; display: flex; align-items: center; } .expert_benefits__title:before { content: url('https://www.idosell.com/panel/file-gate.php?id=205141&ext=.svg'); height: 40px; width: 40px; margin-right: 25px; } </style> <script type="text/javascript"> /** This section is only needed once per page if manually copying **/ if (typeof MauticSDKLoaded == 'undefined') { var MauticSDKLoaded = true; var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://ma.idosell.com/media/js/mautic-form.js?v44c31c0e'; script.onload = function () { MauticSDK.onLoad(); }; head.appendChild(script); var MauticDomain = 'https://ma.idosell.com'; var MauticLang = { 'submittingMessage': "Please wait..." } } else if (typeof MauticSDK != 'undefined') { MauticSDK.onLoad(); } </script> <style> .features_section__item_link:hover { color: black; } .features_section__item_image_container { margin-bottom: 15px; display: flex; justify-content: start; align-items: center; height: 84px; width: 84px; } .features_section__item_image_container>img { max-width: unset; } .features_section__item_link { padding-bottom: 35px; } .features_section__item_link:hover img { filter: grayscale(0) brightness(1); } .features_section__item_link:hover .features_section__item { border-bottom: 1px solid #1FD18E; } .features_section__item_title { flex-grow: 1; } .features_section__container { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: scroll; } .features_section__item_link { display: block; } .features_section__item { padding: 35px 0; border-bottom: 1px solid #999; width: 232px; margin-right: 35px; display: flex; flex-direction: column; position: relative; height: 100%; justify-content: space-between; } .features_section__item_title { font-size: 22px; } .features_section__body { display: flex; } .features_section__item_text_container { margin-bottom: 15px; } .features_section__item_image { filter: grayscale(1) brightness(.6); } @media (min-width: 979px) { .features_section__item_image_container { margin-bottom: 0; display: unset; } .features_section__text_image_container { display: flex; } .features_section__container { flex-direction: row; flex-wrap: nowrap; } .features_section__container>.features_section__body:first-child { margin-right: auto; } .features_section__body { flex: 0 0 calc(50% - 50px); flex-direction: column; } .features_section__item_image_container { display: flex; align-items: start; justify-content: flex-start; min-width: 80px; height: 80px; margin-right: 35px; } .features_section__item_text_container { flex-grow: 1; padding-right: 70px; } .features_section__item { flex-direction: row; width: unset; height: unset; margin-right: 0; justify-content: flex-start; } .features_section__item:before { position: absolute; content: url('https://www.idosell.com/panel/file-gate.php?id=208178&ext=.svg'); width: 23px; height: 16px; right: 5px; bottom: 50%; transform: translateY(50%); } .features_section__container { overflow-x: hidden; } } @media (min-width: 1200px) { .features_section__body { flex: 0 0 calc(50% - 70px); flex-direction: column; } } </style> <style> .standard_tooltip_icon { cursor: pointer; } .standard_tooltip { display: inline; position: relative; } .features_section__item_link { padding-bottom: 20px; } .standard_tooltip .standard_tooltip_container { display: none; } .standard_tooltip.active .standard_tooltip_container { background: #C4C4C4; position: absolute; top: -55px; left: -12px; width: 145px; font-size: 14px; color: white; padding: 12px 15px; display: flex; align-items: center; border-radius: 3px; } .standard_tooltip_container:before { position: absolute; content: url('https://www.idosell.com/panel/file-gate.php?id=209060&ext=.svg'); width: 16px; height: 13px; bottom: -8px; left: 15px; } .standard_tooltip_close { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); cursor: pointer; } @media (min-width: 450px) { .standard_tooltip.active .standard_tooltip_container { width: 245px; } } </style> <script> const standardTooltips = document.querySelectorAll('.standard_tooltip_icon'); standardTooltips.forEach(standardTooltip => { standardTooltip.addEventListener('click', function () { standardTooltip.parentNode.classList.add('active'); }); standardTooltip.parentNode.querySelector('.standard_tooltip_close').addEventListener('click', function () { standardTooltip.parentNode.classList.remove('active'); }) // I'm using "click" but it works with any event document.addEventListener('click', event => { const isClickInside = standardTooltip.parentNode.contains(event.target) if (!isClickInside) { standardTooltip.parentNode.classList.remove('active'); } }) }) </script> <style> .whats_in__item { display: flex; align-items: center; margin-bottom: 35px; } .whats_in__item img { width: 50px; height: 50px; margin-right: 15px; margin-left: 0; margin-top: 0; } .expertSectionContainer { padding: 30px 25px 30px 25px; border-radius: 50px; margin-top: 30px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } .citation_body { font-size: 16px; font-style: italic; margin-bottom: 15px; } .citation_function { font-size: 14px; } @media (min-width: 979px) { #special_icon { margin-top: 50px; } } </style> <style> .paragraphBtn { display: none; } .paragraphBtn.paragraphBtn--active { display: block; } main.template .composerStpes .iaiAdsPresentation-possibilities { width: 100%; text-align: left; font-size: 20px; margin-bottom: 25px; } .about_section .about { margin-bottom: 35px; } @media (min-width: 979px) { .about_section .about { margin-bottom: 107px; } } img.infoicon { width: 14px; height: 14px; margin: 0; margin-right: 5px; } .iaiAdStepsBtn { background: 0; color: black; border: 0; text-align: left; margin-top: 20px; margin-bottom: 5px; padding: 5px; font-size: 22px; position: relative; /* padding-left: 20px; */ display: flex; justify-content: center; align-items: center; padding-left: 35px; } .iaiAdStepsBtn::before { width: 20px; height: 20px; border-radius: 15px; position: relative; position: absolute; left: -2px; background-color: white; content: ''; display: inline-block; visibility: visible; box-sizing: initial; transition: all 0.3s; border: 1px solid #D9D9D9; } .iaiAdStepsBtn::after { width: 10px; height: 10px; border-radius: 50%; position: relative; position: absolute; left: -1.5px; left: 4px; background-color: white; content: ''; display: inline-block; visibility: visible; z-index: 4; box-sizing: initial; transition: all 0.3s; } .iaiAdStepsBtn:hover::before, .iaiAdStepsBtn--active::before { background-color: #52D489; border: 1px solid transparent; } .iaiAdStepsBtn:hover::after, .iaiAdStepsBtn--active::after { background-color: white; } .iaiAdStepsBtn:hover, .iaiAdStepsBtn--active { color: #000; } .paragraph.paragraphBtn.paragraphBtn { margin-left: 35px; } .input_data { margin: 10px 0 20px; color: #53D48A; font-size: 16px; } .ads_provision, .ads_total { margin-bottom: 20px; } main.composer img.iaiAdsPresentationImg { margin-bottom: 0; max-height: 550px; } .iaiAdsPresentation .text_title { margin-bottom: 15px; } .crossBorder .container { display: flex; flex-direction: column; align-items: flex-end; } .country_info__local_trends { margin-top: 40px; } .about_container__item { margin-bottom: 35px; } .country_info__local_trends li { font-size: 16px; margin-bottom: 20px; } .country_info__container { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } p.big-h1 { font-size: 42px; } p.big-h2 { font-size: 32px; } p.big-h3 { font-size: 22px; } .text { margin-bottom: 35px; } .paragraph.--medium { font-size: 22px; } .text.--medium, .list_title { font-size: 22px; } .list_title { margin-bottom: 30px; } .offer__price { font-size: 32px; margin-bottom: 35px; } .country_info__name { font-size: 16px; flex: 0 0 70%; } .country_info__value, .local_trends__title { font-size: 22px; } .country_info__name_flag_contaianer { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .offer_container { border: 4px solid #F25300; border-radius: 30px; padding: 30px; } .crossBorder .container .map { width: 100%; display: flex; justify-content: space-between; flex-direction: row; align-items: center; } .crossBorder-integrations>.crossBorderIntegration:not(:first-child) { border-top: 1px solid #ddd; } @media (max-width: 979px) { .crossBorder .container .section { flex-direction: column-reverse; } } .crossBorder-countryInfo { width: 40%; display: flex; justify-content: center; position: relative; } .crossBorder-countryInfo .crossBorder__closeBtn { width: 15px; height: 15px; position: absolute; top: 15px; right: 15px; z-index: 4; cursor: pointer; } @media (max-width: 768px) { .crossBorder-countryInfo { width: 100%; } } .crossBorder-countryInfo-country { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 35px 55px 55px 35px; background-color: #fefefe; border-radius: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; z-index: 1; } @media (max-width: 768px) { .crossBorder-countryInfo-country { padding: 20px; } } .crossBorder-countryInfo-country img { height: 48px; } .crossBorder-countryInfo-country__cta { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .crossBorder-countryInfo-country span { display: block; } .crossBorder-countryInfo-country span strong { font-size: 1.9rem; font-weight: bold; } .crossBorder-countryInfo-country ul { list-style: disc; padding-left: 15px; } .crossBorder-countryInfo-country ul li { margin-top: 7px; } .crossBorder-countryInfo-country b { font-weight: bold; } .crossBorder-countryInfo-country a { width: 100%; } .crossBorder-countryInfo-default { display: flex; flex-direction: column; justify-content: center; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; } .crossBorder-map { width: 60%; position: relative; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; padding: 60px 0; } @media (max-width: 768px) { .crossBorder-map { width: 100%; padding: 0; } } .crossBorder-map svg { z-index: 5; width: 100%; } .crossBorder-map svg>g>g>g { transition: all ease-in-out 200ms; cursor: pointer; } .crossBorder-map svg>g>g>g:hover path { fill: #1fd18e; } .crossBorder-map svg .country--active { position: relative; } .crossBorder-map svg .country--active::before { content: ""; position: absolute; top: 0; width: 150vw; left: -50vw; height: 100%; background-color: black; height: 100%; opacity: 0.45; } .crossBorder-map svg .country--active path { fill: #1fd18e; } .crossBorder-map svg .country--dimmed { opacity: 0.75; } .crossBorder-list { animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; display: flex; flex-direction: row; flex-wrap: wrap; } .crossBorder-list button { width: calc(50%-6px); padding: 16px; margin: 5px 3px; background-color: #efefef; cursor: pointer; border-radius: 5px; transition: background-color 200ms, color 200ms; } @media (max-width: 370px) { .crossBorder-list button { padding: 10px; } } .crossBorder-list button:hover { background-color: #1fd18e; color: white; } .crossBorder-list button.active { background-color: #1fd18e; color: white; } .crossBorder-integrations { display: flex; flex-wrap: wrap; } .crossBorder-integrations>div { padding-top: 25px; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; display: flex; align-content: flex-start; flex-wrap: wrap; flex-direction: row; width: 100%; } @media (max-width: 576px) { .crossBorder-integrations>div { width: 100%; } } .crossBorder-integrations>div .integrations-item { width: 20%; display: flex; } .crossBorder-integrations>div .integrations-item:last-of-type { border-bottom: 0; } .crossBorder-integrations>div .integrations-item a { height: 110px; min-width: 50%; max-width: 100%; /* padding: 22px; */ margin-top: 1px; animation: fadeInAnimation ease 1s; animation-fill-mode: forwards; } @media (max-width: 576px) { .crossBorder-integrations>div .integrations-item a { height: 100px; height: 80px; /* padding: 1px; */ /* height: 65px; */ } } .crossBorder-integrations>div .categoryTitle { width: 20%; font-size: 21px; margin-bottom: 8px; } .categoryBody { display: flex; width: 80%; flex-wrap: wrap; } .crossBorder .off { display: none; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .integrationsCountryInfo { font-size: 32px; /* The switchViewMode - the box around the slider */ } .switchViewMode { margin-bottom: 10px; display: flex; justify-content: center; align-items: center; } @media (min-width: 768px) { .switchViewMode { display: none; } } .switchViewMode label { position: relative; display: inline-block; width: 60px; height: 34px; margin-left: 5px; /* Hide default HTML checkbox */ } .switchViewMode input { opacity: 0; width: 0; height: 0; /* The slider */ } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: background-color 350ms ease, transform 400ms; border-radius: 34px; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: background-color 350ms ease, transform 400ms; border-radius: 50%; } input:checked+.slider { background-color: #1fd18e; } input:focus+.slider { box-shadow: 0 0 1px #1fd18e; } input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .btn { margin-top: 10px; margin-bottom: 10px; } .btn-primary { color: white; border: 0; background-color: #52d489; } .imgContainer--imgContain img { width: 100%; height: 100%; object-fit: contain; } .imgContainer img { max-width: 100%; } h4 { line-height: 1.1; font-size: 1.965rem; margin-bottom: 0.786rem; margin-top: 1.179rem; font-weight: 400; } @media (min-width: 979px) { .crossBorder-countryInfo { transform: translateY(-100px); } } </style> <section id="frequently_question" class="faq"> <div class=""> <h2>Najczęściej zadawane pytania</h2> <div class="accordion_main_container"> <div class="accordion__first_half"> <div id="first_question" class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 1. Jakie wymagania musi spełnić sklep, żeby rozpocząć sprzedaż subskrypcyjną? </p> </button> <div class="accordion_answer"> <p class="paragraph mb-3">a) Płatność za zamówienia subskrypcyjne jest możliwa tylko za pośrednictwem płatności kartowych w ramach IdoPay. Jest to wymóg techniczny. Jeśli nie masz aktywnych płatności kartowych w IdoPay, zapoznaj się z informacjami dostępnymi na: <a class="link --underline" href="https://www.idosell.com/pl/idopay/">https://www.idosell.com/pl/idopay/</a>, a następnie skontaktuj się z <a class="link --underline" href="https://csc.idosell.com/support/contact">supportem</a>, aby aktywować je w swoim sklepie.</p> <p class="paragraph mb-3">b) Sklep musi mieć odpowiednio dostosowany regulamin. Możesz skorzystać z <a href="https://www.idosell.com/pl/bezpieczenstwo/sklep-internetowy-w-pelni-zgodny-z-wymogami-prawa/gotowy-aktualizowany-i-samouzupelniajacy-sie-szablon-regulaminu-sklepu-oraz-polityki-prywatnosci-opracowany-przez-prawnika-i-bez-dodatkowych-oplat/">automatycznie generowanych regulaminów </a> w panelu sklepu. Zostały one dostosowane do sprzedaży subskrypcyjnej. Jeśli wykorzystujesz własne treści, uwzględnij w nich odpowiednie zapisy.</p> <p class="paragraph mb-3">c) Sklep musi przejść weryfikację naszego działu ryzyka pod kątem wymagań dla płatności subskrypcyjnych według wytycznych organizacji kartowych. </p> <p class="paragraph"> d) Jeśli twój sklep nie korzysta z szablonu Standard, <a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/">zleć nam </a>dostosowanie go do obsługi sprzedaży subskrypcyjnej. </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 2. Jakie towary najlepiej oferować w sprzedaży subskrypcyjnej? </p> </button> <div class="accordion_answer"> <p class="paragraph"> W sprzedaży subskrypcyjnej najlepiej sprawdzą się towary szybkozbywalne, których zakup dokonywany jest przez klientów regularnie np. kosmetyki, odżywki, suplementy, witaminy, kawa, herbata. Rekomendowane są także towary dla zwierząt domowych np. karma, przysmaki, żwirek itd. </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 3. Jak rozliczane są zamówienia subskrypcyjne? </p> </button> <div class="accordion_answer"> <p class="paragraph"> Zamówienia subskrypcyjne są rozliczane tak samo, jak zamówienia jednorazowe w ramach usług kartowych w IdoPay. Prowizje za obsługę płatności kartami płatniczymi IdoPay znajdziesz w cenniku płatności online IdoPay. </p> </div> </div> <!-- <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 4. Czy w ramach modułu subskrypcji jest możliwość oferowania wysyłki za 0 zł? </p> </button> <div class="accordion_answer"> <p class="paragraph"> Możliwość konfiguracji darmowej przesyłki dla zamówień subskrypcyjnych planujemy dodać w późniejszych etapach projektu. </p> </div> </div> --> </div> <div class="accordion__second_half"> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 4. Czy moduł umożliwia zakup w subskrypcji z opcją płatności za pobraniem? </p> </button> <div class="accordion_answer"> <p class="paragraph"> Nie, zakupy subskrypcyjne są możliwe do zrealizowania wyłącznie dla płatności za pomocą karty płatniczej. </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 5. Czy moduł umożliwia sprzedaż w subskrypcji treści cyfrowych? </p> </button> <div class="accordion_answer"> <p class="paragraph"> Sprzedaż treści cyfrowych nie jest możliwa w ramach aktualnej funkcjonalności. </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 6. Czy moduł umożliwia konfiguracje cykliczności sprzedaży wybranego towaru? </p> </button> <div class="accordion_answer"> <p class="paragraph"> Cykliczność sprzedaży towaru jest możliwa do ustawienia po ilości dni. Dostępna jest opcja ustawienia subskrypcji np. co 14, 21 i 28 dni. </p> </div> </div> </div> </section> <style> section.faq { display: flex; flex: 0 0 100%; max-width: 100%; flex-direction: column; } .accordion_main_container { display: flex; flex-direction: column; } .accordion__first_half, .accordion__second_half { display: flex; flex-direction: column; flex: 0 0 100%; max-width: 100% } .accordion_question { cursor: pointer; padding: 5px 35px 15px 0; width: 100%; border: none; text-align: left; font-size: 15px; margin-top: 20px; position: relative; border-bottom: 1px solid rgba(193, 193, 193, 0.527); } .accordion_question::after { content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 15px !important; color: black; position: absolute; right: 15px; top: calc(50% - 10px); } .accordion_question.active::after { content: '\f077'; } button { font-family: 'Lato-font', 'Arial', sans-serif; } button.accordion_question:hover { color: black; } .accordion_answer { padding-top: 10px; padding-bottom: 10px; display: none; overflow: hidden; } .ads_calculator__body .image_container { margin-top: 50px; } .infographic_image .image_container img { max-width: 70%; } @media (min-width: 979px) { .accordion__first_half, .accordion__second_half { display: flex; flex-direction: column; flex: 0 0 calc(50% - 50px / 2); max-width: calc(50% - 50px / 2); } .accordion_main_container { flex-direction: row; gap: 50px; } .ads_calculator__body .image_container { margin-top: 100px; } .infographic_image .image_container img { margin-left: auto; } } </style> <script> let acc = document.getElementsByClassName("accordion_question"); let i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function () { this.classList.toggle("active"); let panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> </div> <style> .cross-border__webinars { display: grid; margin-top: 40px; grid-template-columns: 1fr; gap: 30px; } .cross-border__webinars article { display: flex; flex-direction: column; justify-content: space-between; } .cross-border__webinars article img { border-radius: 30px; box-shadow: 0 3px 6px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%); border-radius: 30px; transition: .3s linear; } .cross-border__webinars article img:hover { transform: scale(1.05); } @media (min-width: 979px) { .cross-border__webinars { display: grid; flex-wrap: wrap; margin-top: 40px; grid-template-columns: 1fr 1fr 1fr; } } </style> </section> <style> p.paragraph.--small { font-size: 14px; } section.date_container { padding: 10px 0; display: flex; justify-content: space-between; align-content: center; } section.date_container .text__container { color: #fff; order: 1; display: flex; align-items: baseline; margin-bottom: 15px; } section.date_container h2 { margin-bottom: 0; } section.date_container a.mainButton { order: 2; } section.date_container .left_container { color: white; } section.date_container .text__container .full_date { font-size: 32px; font-weight: 700; margin-right: 5px; } section.date_container .text__container .day_of_week { font-size: 22px; } /* .partners:before { content: ""; position: absolute; height: 100%; top: 0; width: calc((100vw - 100%)/2); margin-left: 50%; left: -50vw; z-index: 2; background-color: white; } */ .partners__body::-webkit-scrollbar { display: none; } .media_patronage__body { display: flex; flex-wrap: wrap; align-items: center; } .date_container { position: relative; z-index: 9; color: white; } .date_container:before { content: ""; position: absolute; height: 100%; top: 0; width: 100vw; margin-left: 50%; left: -50vw; z-index: -2; background-color: #F25300; } section#sticky_date_container.--sticky { position: sticky; top: 65px } .logo_photo { margin-right: 35px; display: block; height: 50px; max-width: 150px; } .logo_photo.packeta, .logo_photo.tradetracker { max-width: 200px; } .partners { position: relative; min-height: calc(121px + 35px + 80px + 32px) } .mauticform-checkboxgrp-label a.link.--underline { font-size: 14px; } @-webkit-keyframes first-animation { 0% { left: 0% } 100% { left: -100%; } } @keyframes animateDown { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(5px); } 60% { transform: translateY(3px); } } @-webkit-keyframes second-animation { 0% { left: 100%; } 100% { left: 0; } } .media_patronage__photo { max-width: calc(50% - 35px); max-height: 120px; margin-bottom: 15px; margin-right: 15px; flex: 0 0 calc(50% - 35px); } .schedule__item__top { display: flex; position: relative; justify-content: space-between; align-items: center; margin-bottom: 15px; } .schedule__item__top .time__container { background-color: #1FD18E; color: white; font-size: 22px; padding: 10px 25px; position: relative; left: 35px; } .schedule__item .schedule__item__title { font-size: 22px; margin-bottom: 15px; } .schedule__item .schedule__item__body { margin-bottom: 35px; } .schedule__item .schedule__item__author { display: flex; align-items: center; } .schedule__item .schedule__item__author .text__container { font-size: 14px; } .benefits_list__item { margin-bottom: 30px; list-style: none; display: flex; font-size: 16px; } .benefits_list__item:before { height: 14px; width: 22px; margin-right: 20px; } .benefits_list__item.--orange:before { content: url('https://www.idosell.com/panel/file-gate.php?id=195065&ext=.svg'); } .benefits_list__item.--green:before { content: url('https://www.idosell.com/panel/file-gate.php?id=195065&ext=.svg'); } .--green { color: #1FD18E; } .schedule__item .schedule__item__author .text__container .author__name { font-weight: 700; } .schedule__item .schedule__item__author img { width: 105px; height: 100px; border-radius: 50%; margin-right: 35px; } .schedule__body { display: grid; gap: 35px; grid-template-columns: 1fr; } article.schedule__item { padding: 25px 35px; border-radius: 20px; box-shadow: 0 3px 6px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%); display: flex; flex-direction: column; } #form_section .text_container .paragraph { margin-bottom: 35px; } .benefits { display: grid; row-gap: 30px; } .benefits article { width: 100%; padding: 10px; display: flex; flex-direction: column; align-items: flex-start; max-width: 100% } .benfits__item_body { display: flex; flex-direction: column; justify-content: start; } .benefits article span { font-size: 22px; margin-top: 20px; margin-bottom: 15px; font-weight: 400; } main.template .benefits article img { margin-left: 0; } main.template .benefits article img.wider_img { width: 120px; } @media screen and (min-width: 757px) { .benefits { row-gap: 40px; grid-template-columns: repeat(2, 1fr); } .schedule__body { grid-template-columns: 1fr 1fr } .date_container { flex-direction: row; justify-content: space-between; align-items: center; } section.date_container .text__container { order: 2; margin-bottom: 0; } section.date_container a.mainButton { order: 1; } .media_patronage__photo, .partners__photo { max-width: calc(100%/3 - 35px); flex: 0 0 calc(100%/3 - 35px); } } @media screen and (min-width: 979px) { .schedule__item__top .time__container { padding: 10px 50px; } .benefits { grid-template-columns: repeat(3, 1fr); gap: 35px; } .benefits article span { min-height: calc(2 * 22px); } .partners__body { position: absolute; width: 100vw; left: 50%; margin-left: -50vw; padding: 2rem 0; overflow-x: visible } .first-element { animation: first-animation 15s linear infinite; } .second-element { animation: second-animation 15s linear infinite; } .scroll-element { width: inherit; height: inherit; position: absolute; left: 0%; top: 0%; display: flex; align-items: center; justify-content: space-around; } .media_patronage__body { margin-right: 0; } section#sticky_date_container.--sticky { position: sticky; top: 70px } .partners { min-height: calc(121px + 35px + 150px + 32px) } .media_patronage__photo { max-width: calc(25% - 35px); flex: 0 0 calc(25% - 35px); } } @media (min-width: 1200px) { .media_patronage__photo { margin-bottom: 0; } } </style> <style> .paragraph.--bolded { font-weight: 700; } </style> <style> .orderDot { background-color: #222222; border-radius: 50%; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 24px; color: white; } .templateElementWithArrowImg { display: flex; align-items: flex-start; justify-content: flex-start } @media screen and (max-width: 757px) { .templateElementWithArrowImg { align-items: flex-start; justify-content: flex-start; } .templateElementWithArrowImgLast{ margin-bottom: 0px !important; } } .templateElementWithArrowImg { margin-bottom: 35px; } /* Paddingi wszystkich sekcji */ section { padding: 30px 0 50px 0; flex-direction: column; } section.p-relative { position: relative; } .text_container .idosell_list { padding: 0 15px; margin-top: 15px; font-size: 16px; } .text_container .idosell_list .idosell_list__item { margin-bottom: 10px; } .text_container .idosell_list .idosell_list__item::marker { color: #53D48A; } .goToArticles { display: flex; flex-direction: column; } /* Backgroundy rozciągniete na całą sekcję */ section.--background_gray:before, section.--background_black:before, section.--background_green:before, section.--background_photo:before { content: ""; position: absolute; height: 100%; top: 0; width: 100vw; margin-left: 50%; left: -50vw; z-index: -3; top: -10px; } section.--background_gray:before { background-color: #F7F7F7; } section.--background_black:before { background-color: #222; } section.--background_green:before { background-color: #E6FEF5; } section.--background_photo.--dark * { color: white; } section.--background_black * { color: white; } section.--background_photo:before { background-image: url('https://www.idosell.com/panel/file-gate.php?id=190583&ext=.jpg'); background-size: cover; background-repeat: no-repeat; } @media (min-width: 757px) { section.--background_photo:before { background-image: url('https://www.idosell.com/panel/file-gate.php?id=190584&ext=.jpg'); background-size: cover; background-repeat: no-repeat; } } @media (min-width: 1590px) { section.--background_photo:before { background-image: url('https://www.idosell.com/panel/file-gate.php?id=190585&ext=.jpg'); background-size: cover; background-repeat: no-repeat; } } section.--background_black .benefits *, section.--background_photo .benefits * { color: #fff; } /* Typografia elementów na stronie */ section * { line-height: 1.05; } #hero_section h2 { font-size: 26px; } section h2 { font-size: 32px; margin-bottom: 25px; font-weight: 400; } section .text_container h2 { margin-bottom: 15px; } section .paragraph { font-size: 16px; line-height: 1.15; } section .paragraph.--italic { font-style: italic; } section .paragraph.--green { color: #1FD18E; } section .paragraph.--green.--extra { font-size: 14px; } section h3, section .section__intertitle { font-size: 22px; margin-bottom: 15px; } .link.--underline { text-decoration: underline; font-size: 16px; } .--background_black .link.--underline:hover { text-decoration: none; color: white; } .link.--underline:hover { text-decoration: none; color: black; } .link.--underline.--extra { font-size: 14px; } .link.--underline.--white { color: white; } .text_description .text_interlude { font-size: 1.7em; margin: 15px 0; } /* Wygląd komponentów */ section .btn { padding: 10px 50px; min-height: unset; font-size: 16px; text-transform: none; font-weight: 400; } section .ctaSection { margin-top: 35px; display: flex; flex-wrap: wrap; } section .ctaSection>.link.--underline { margin-top: 15px; } .mainButton { min-width: 100%; } .ctaButtons .mainButton { margin: 0; } .ctaButtons #country__info { margin-top: 15px; } .mainButton.--black { display: block; background-color: #000; color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin: 10px 0; width: max-content; min-width: unset; } .mainButton.--black~.link.--underline { display: flex; align-items: center; margin: 10px 0 10px 15px !important } .mainButton.--green { background-color: #1FD18E; color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; } span.bolded { font-weight: 700; } span.bolded.--title { display: block; } .about__item { align-items: center; display: flex; margin: 25px auto; padding: 0; } main.template .about__item img { width: 50px; height: 50px; margin-right: 15px; margin-left: 0; margin-top: 0; } #pros .row { margin-bottom: 10px; } @media (min-width: 757px) { #hero_section h2 { font-size: 32px; } .mainButton { min-width: unset; } } @media (min-width: 979px) { /* Paddingi dla wszystkich sekcji*/ section { padding: 70px 0 90px 0; flex-direction: row; } .ctaButtons #country__info { margin-left: 35px; margin-top: 0; } section.--background_black { padding: 90px 0 110px 0; } .about .image_container { margin-left: auto; } .goToArticles { flex-direction: row; } /* Typografia elementów na stronie */ } @media (max-width: 757px) { .mainButton.--green { padding: 12px 6px; } } @media (max-width: 757px) { section h2,p.big-h2,#contact-form-anchor{ font-size: 28px; } .mainButton{ width: 100% !important; text-align: center; } } </style> </main> </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%2Ffunctions%2Fsubscription-module%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 "> PL </a> <div class="expand__holder d-none"> </div> </li> </ul> </div> </div> </div> </footer> <!--koniec 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>