CINXE.COM
Facebook Ads i Instagram Ads - prowadzenie kampanii z Traffic Trends - 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>Facebook Ads i Instagram Ads - prowadzenie kampanii z Traffic Trends - IdoSell</title> <meta name="keywords" content=""/> <meta name="description" content="Zmie艅 swoje media spo艂eczno艣ciowe w skuteczny kana艂 dotarcia do klient贸w. Przekonaj si臋, jak Facebook Ads i Instagram Ads zwi臋ksz膮 sprzeda偶 w Twoim sklepie. Z medi贸w spo艂eczno艣ciowych korzysta ponad 27 milion贸w Polak贸w. Zobacz, jak mo偶esz zamieni膰 ich w klient贸w swojego sklepu internetowego."/> <link rel="canonical" href="https://www.idosell.com/pl/marketing-sklepu-internetowego-z-traffic-trends/meta-ads/"> <meta property="og:title" content="Facebook Ads i Instagram Ads - prowadzenie kampanii z Traffic Trends"/><meta property="og:type" content="website"/><meta property="og:locale" content="pl_PL"/><meta property="og:description" content="Zmie艅 swoje media spo艂eczno艣ciowe w skuteczny kana艂 dotarcia do klient贸w. Przekonaj si臋, jak Facebook Ads i Instagram Ads zwi臋ksz膮 sprzeda偶 w Twoim sklepie. Z medi贸w spo艂eczno艣ciowych korzysta ponad 27 milion贸w Polak贸w. Zobacz, jak mo偶esz zamieni膰 ich w klient贸w swojego sklepu internetowego."/><meta property="og:url" content="https://www.idosell.com/pl/marketing-sklepu-internetowego-z-traffic-trends/meta-ads/"/><meta property="og:image" content="https://www.idosell.com/gfx/new_design/img/homepage_idosell_shop_pl.png"/><meta property="og:site_name" content="IdoSell"/> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "LocalBusiness", "name": "IAI", "@id": "IdoSell", "image": [ "https://www.idosell.com/panel/file-gate.php?id=39557&ext=.png" ], "address": { "@type": "PostalAddress", "streetAddress": "Piast贸w 30", "addressLocality": "Szczecin", "addressRegion": "SZ", "postalCode": "71-064", "addressCountry": "PL" }, "geo": { "@type": "GeoCoordinates", "latitude": "53.41", "longitude": "14.53" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "09:00", "closes": "17:00" } ], "telephone": "+48 91 443 66 00" } </script> <link rel="stylesheet" href="/gfx/new_design/css/full.css?r=18"> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"/><link rel="shortcut icon" type="image/png" href="/gfx/icon-shop.png"/><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.idosell.com/pl/shop/", "potentialAction": { "@type": "SearchAction", "target": "https://www.idosell.com/pl/shop/search/?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="text/javascript"> /* <![CDATA[ */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)} ,i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2810032-1', 'auto'); ga('send', 'pageview'); /* ]]> */ </script><meta name="facebook-domain-verification" content="85xl3o9hpzrjja5gjgq5o6b6pe0wvw" /></head> <body class="px-3 px-md-0 bg"><script> dataLayer = [{ 'internalIAINetwork': '' }]; </script><!-- 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%2Ftraffic-trends%2Fmeta-ads%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> <style> .hs-cta-wrapper { pointer-events: none; } </style> <main class="template"> <section id="hero_section" class="main_banner"> <div class="main_banner__container col-12 col-md-6 px-0"> <h3 class="main_banner__eyebrow --green">Wypromuj sw贸j sklep z Facebook Ads</h3> <h1 class="main_banner__title"> Facebook Ads i Instagram Ads - prowadzenie kampanii z Traffic Trends </h1> </div> <div id="mauticform_wrapper_heroform" class="form_container col-12 col-md-6 col-lg-5 px-md-0 my-5 my-md-0"> <div class="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: "0570bc9a-2844-4071-9d2f-d6b7f0ccabf0" }); </script> <style> .hbspt-form { background: transparent; } .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 #adadad; } .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: 12px; } .submitted-message { color: black; font-size: 22px; } </style> </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> html { scroll-behavior: smooth; } .text-container h2 { margin-bottom: 0; } body { overflow-x: hidden; } .layout div.container { margin-bottom: 0 !important; } .section { padding: 30px 0; margin: 0; } /* 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; } /* Typografia sekcji */ #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 20px; font-weight: 400; } #hero_section .main_banner__title { font-size: 42px; 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=224343&ext=.jpeg'); } .mainButton { font-size: 14px; } /* 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; } .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%); } .form textarea.form__input { min-height: 0px !important; font-family: 'Lato-font', Arial, sans-serif; } .link.--with_arrow, .link.--with_arrow__left { position: relative; display: flex; align-items: center; } .link.--with_arrow__left { font-size: 16px; } @media (min-width: 979px) { .link.--with_arrow__left { font-size: 14px; } } .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; } .link.--with_arrow__left:after { content: url('https://www.idosell.com/panel/file-gate.php?id=222460&ext=.svg'); margin-left: 5px; } a { scroll-behavior: smooth; } .form_wrapper { background: rgba(255, 255, 255, 0.9); padding: 25px; padding-right: calc((100vw - 100%)/2); border-radius: 2px 0 0 2px; color: black; width: calc(100% + (100vw - 100%)/2); } #contact-form-anchor { font-size: 22px; } #contact-form-anchor.--orange { color: #FFB82A; } .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: 25px } .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; } .checkbox_container { 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 + .checkbox_container .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-message[data-gtm-vis-has-fired-2002739_173] ~ * { display: none; } .mauticform-checkboxgrp-checkbox:checked + .mauticform-checkboxgrp-label:before { background: #1FD18E; border: 1px solid #1FD18E; } div#mauticform_wrapper_heroform { 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; } #hero_section #mauticform_wrapper_heroform .link.--underline { color: #000; } @media (min-width: 757px) { #hero_section:before { background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=222878&ext=.jpeg'); background-repeat: no-repeat; background-size: cover; background-position: center center; } .form_wrapper { padding: 35px; padding-right: calc((100vw - 100%)/2); } } @media (min-width: 979px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 120px 0 190px 0; display: flex; height: calc(100vh - 70px); } /* .main_banner__container { position: absolute; top: 50%; transform: translateY(-50%); } */ /* 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(.46) } /* 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_heroform { 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_heroform { 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: 120px 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=224344&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; } div#mauticform_wrapper_heroform { left: calc(100% - 650px + 135px + 65px) } } @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=224344&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">Dlaczego warto korzysta膰 z Facebook Ads?</h2> <div class="benefits"> <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>Skuteczno艣膰</span> <p class="paragraph"> Facebook oraz Instagram posiadaj膮 sprawdzone, skuteczne modele dotarcia do potencjalnych klient贸w, kt贸re wymiernie przek艂adaj膮 si臋 na osi膮gane przychody (kampanie dynamiczne, remarketing). </p> </div> </article> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=223147&ext=.svg"> </div> <div class="benfits__item_body"> <span>Zasi臋g</span> <p class="paragraph"> To idealne miejsce do budowania rozpoznawalno艣ci marki w swojej grupie docelowej i szerszego otwarcia lejka sprzeda偶owego. </p> </div> </article> <article> <div class="benefits_image_wrapper"> <img loading="lazy" src="https://www.idosell.com/panel/file-gate.php?id=223157&ext=.svg" > </div> <div class="benfits__item_body"> <span>Alternatywa</span> <p class="paragraph"> W wielu przypadkach Facebook Ads to najlepsza alternatywa do reklam w Google. </p> </div> </article> </div> </section> <section id="whats_in" class="whats_in"> <div class="text_container col-12 px-0"> <h2> Mo偶liwo艣ci Facebook Ads </h2> </div> <div class="row mt-5"> <article class="col-12 col-md-4 whats_in__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Kampanie zwi臋kszaj膮ce konwersj臋</p> </div> </article> <article class="col-12 col-md-4 whats_in__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Kampanie remarketingowe</p> </div> </article> <article class="col-12 col-md-4 whats_in__item"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Reklamy w Meta (Facebook, Instagram)</p> </div> </article> <article class="col-12 col-md-4 whats_in__item mb-md-0"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Dynamiczne reklamy produktowe</p> </div> </article> <article class="col-12 col-md-4 whats_in__item mb-md-0"> <img loading="lazy" src="/panel/file-gate.php?id=160473&ext=.svg"> <div class="col-9 whats_in__text_container px-0"> <p class="paragraph --medium">Kampanie Lookalike</p> </div> </article> </div> </section> <section class="about_section p-relative --background_gray"> <div class="col-12 d-flex flex-column flex-md-row px-0 mt-5 iaiAdSteps"> <div class="col-12 col-md-6 pl-0"> <h2>Jak mog膮 wygl膮da膰 Twoje reklamy? <div class="standard_tooltip"> <img class="standard_tooltip_icon" src="https://www.idosell.com/panel/file-gate.php?id=209590&ext=.svg" alt="Ikona tooltipu"> <div class="standard_tooltip_container p-relative"> Kliknij w przycisk i zobacz, gdzie wy艣wietl膮 si臋 twoje reklamy <img class="standard_tooltip_close" src="https://www.idosell.com/panel/file-gate.php?id=209061&ext=.svg" alt="Ikona iks"> </div> </div></h2> <div class="iaiStepsContainer"> <button class="iaiAdStepsBtn iaiAdStepsBtn--active" stepImg="222879"> Karuzela produktowa </button> </div> <div class="iaiStepsContainer"> <button class="iaiAdStepsBtn" stepImg="222880"> Reklama klikalna na Facebooku </button> </div> <div class="iaiStepsContainer"> <button class="iaiAdStepsBtn" stepImg="222881"> Reklama klikalna na Instagramie </button> </div> </div> <div class="col-12 col-md-6 d-flex px-0 pr-md-3 mt-5 mt-md-0 ml-auto justify-content-center"> <img class="iaiAdsPresentationImg presentation_image" loading="lazy" src="https://idosell.com/panel/file-gate.php?id=222879&ext=.jpg" alt="Zdj臋cie reklam"> </div> </div> <script> const iaiAdBtns=document.querySelectorAll('.iaiAdStepsBtn'); const iaiAdStepsImg=document.querySelector(".iaiAdsPresentationImg"); function stepClicked(btnClicked){ iaiAdBtns.forEach((btn)=>{ if(btn==btnClicked){ btn.classList.add("iaiAdStepsBtn--active"); const imgId=btn.getAttribute('stepImg'); iaiAdStepsImg.setAttribute('src','https://idosell.com/panel/file-gate.php?id='+imgId+'&ext=.jpg'); } }); } iaiAdBtns.forEach((btn)=>{ btn.addEventListener('click',(e)=>{ iaiAdBtns.forEach(btn => { btn.classList.remove("iaiAdStepsBtn--active"); }) stepClicked(e.target); }) }) </script> </section> <style> .benefits_title { font-size: 32px; border-bottom: 0 !important; } .benefits_perks > .benefits_perk:first-child { margin-top: 0 !important; } .benefits_perk > .text_container { border-left: 1.5px solid #777777; padding-left: 15px !important; padding-top: 5px; padding-bottom: 5px; } img { max-width: 100%; } @media (min-width: 979px) { .photo_left { left: 0; } .photo_right { right: 0; } .benefits_title { font-size: 32px; } } </style> <section class="about col-12 px-0 d-flex flex-column flex-md-row"> <div class="offer__text_container col-12 col-md-6 px-0 order-2 order-md-1"> <h2 class="d-flex align-items-center flex-wrap"> Meta Ads z Traffic Trends </h2> <div class="text_description"> <p class="paragraph mb-3"> W ci膮gu ostatnich lat popularno艣膰 reklam Facebook ro艣nie bardzo szybko. <span class="--green">Traffic Trends wykorzystuj臋 t臋 platform臋 ju偶 od 2011 roku!</span> </p> <p class="paragraph --medium --bolded mb-3"> Obecnie specjali艣ci Meta Ads w Traffic Trends realizuj膮 kilkaset kampanii dla sklep贸w dzia艂aj膮cych w najr贸偶niejszych bran偶ach oraz z r贸偶nym celem biznesowym: od sprzeda偶y, przez budowanie zasi臋gu po tworzenie 艣wiadomo艣ci produktu. </p> <p class="paragraph mb-7"> Dzi臋ki temu doskonale znaj膮 najskuteczniejsze metody na generowanie ruchu i sprzeda偶y oraz potrafi膮 wyczu膰 odpowiedni moment, w kt贸rym Meta Ads stanowi膰 b臋dzie idealne uzupe艂nienie dla realizowanych dzia艂a艅 reklamowych. </p> <div class="call_to_action__buttons"> <a href="#hero_section" class="mainButton --black">Zapytaj o ofert臋聽Meta Ads</a> <a href="https://www.idosell.com/pl/oferta-traffic-trends/" class="mainButton --outline">Poznaj pe艂n膮 ofert臋</a> </div> </div> </div> <div class="image_container px-0 col-12 col-md-6 px-0 d-flex justify-content-start justify-content-md-end order-1 order-md-2 mb-3 mb-md-0"> <picture> <source media="(min-width:979px)" srcset="https://www.idosell.com/panel/file-gate.php?id=222252&ext=.png" alt="Zdj臋cie logo Meta" class="img"> <img src="https://www.idosell.com/panel/file-gate.php?id=223185&ext=.jpg" alt="Zdj臋cie logo Meta" class="img"> </picture> </div> </section> <style> .mb-7 { margin-bottom: 35px !important; } .about__logo { position: relative; margin-top: 15px; width: 270px; height: 52px; } @media (min-width: 407px) { .about__logo { margin-top: 0; margin-left: 15px; } } .tile_link:hover { color: black; opacity: 0.9; } .about__logo::before { position: absolute; top: 0; left: 0; content: url("https://www.idosell.com/panel/file-gate.php?id=222362&ext=.jpg"); } .offer__element_container { display: grid; grid-template-columns: 1fr; gap: 35px; margin-bottom: 35px; } .offer__element_container .text_description .paragraph { margin-bottom: 90px; } .offer__element_container .offer__text_container { padding: 50px 35px; } .offer > .offer__element_container:nth-of-type(1) .offer__text_container { background: #9DF2D2; } .offer > .offer__element_container:nth-of-type(2) .offer__text_container { background: #BFFFE7; } .offer > .offer__element_container:nth-of-type(3) .offer__text_container { background: #D9FFF1; } @media (min-width: 979px) { .offer__element_container { grid-template-columns: 50% 50%; } } </style> <script> function showMoreText() { var moreText = document.querySelector(".more-text"); var iconShowMore = document.querySelector(".show_more_icon"); iconShowMore.classList.toggle("extended"); if (iconShowMore.classList.contains("extended")) { moreText.style.display = "inline"; } else { moreText.style.display = "none"; } } </script> <style> .splide__arrows { position: absolute; right: 0; z-index: 10; display: none; } #splide .splide__arrows { top: 50%; transform: translateY(calc(-50% - 25px)); width: 100%; } #splide2 .splide__arrows { top: -52px; width: 100px; } .slider_section__image_container { text-align: center; } .slider_section__display_name { font-size: 22px; } .features_column { display: grid; grid-template-columns: 100%; row-gap: 50px; padding: 0; } .features_row { display: grid; grid-template-columns: 100%; margin-top: 35px; row-gap: 50px; } .feature__item_body span { font-size: 22px; } @media (min-width: 757px) { .features_row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px; row-gap: 0; } } @media (min-width: 979px) { .splide__arrows { display: block; } .sticky_container { position: sticky; top: 100px; } .features_row { margin-top: 0; } } .splide__sr { display: none; } </style> <style> .timeline__container.active > .timeline__item_content { opacity: 1; } .timeline__item_content { opacity: 40%; } .more-text { display: none; } .show_more_icon { position: relative; margin-left: 5px; cursor: pointer; } .show_more_icon:after { width: 2px; height: 2px; position: absolute; top: 0; left: 0; content: url("https://www.idosell.com/panel/file-gate.php?id=209071&ext=.svg"); } .show_more_icon.extended:after { content: url("https://www.idosell.com/panel/file-gate.php?id=209072&ext=.svg"); } @media (min-width: 979px) { .button-container { width: 100px; z-index: 8; display: flex; position: absolute; top: 70px; left: calc(1170px - 60px - 35px); } .button-container .button-left, .button-container .button-right { content: ""; position: relative; width: 40px; height: 40px; cursor: pointer; } .button-container .button-left:hover, .button-container .button-right:hover { transform: scale(1.15); } .button-left { margin-right: auto; } .button-right { margin-left: auto; } .button-container .button-left i.icon-left { content: url('https://www.idosell.com/panel/file-gate.php?id=191533&ext=.svg'); } .button-container .button-right i.icon-right { content: url('https://www.idosell.com/panel/file-gate.php?id=191534&ext=.svg'); } .timeline { margin-top: 115px !important; } } @media (min-width: 1200px) { .button-container { left: calc(1170px - 60px - 35px); } .timeline { margin-top: 145px !important; } } .benefits_image_wrapper, .feature_image_wrapper { display: flex; justify-content: center; align-items: center; width: 74px; height: 74px; margin-bottom: 15px; } .timeline__item_title { font-size: 22px; } /* Media queries - Responsive timeline on screens less than 600px wide */ </style> <section class="cta_ebook p-relative --background_black section--circleBg"> <div class="col-12 col-md-6"> <h2><span class="d-block --green">Chcesz o co艣 zapyta膰 </span>Porozmawiaj z ekspertem IdoSell.</h2> <p class="paragraph">Eksperci z Dzia艂u Sprzeda偶y s膮 do Twojej dyspozycji od poniedzia艂ku do pi膮tku, w godzinach <span class="bolded">9:00 - 17:00</span></p> <a class="link --underline d-block mt-4" href="mailto:shop@idosell.com">shop@idosell.com</a> <a class="link --underline --bigger d-block mt-5" href="tel:+48914436600">+48 91 443 66 00</a> </div> </scetion> <style> .case_study_quote { font-size: 22px; font-style: italic; margin-bottom: 35px; } .logo_wrapper { max-width: 150px; min-height: 70px; } @media (min-width: 757px) { .section--circleBg:after{ content: ""; height: 100%; filter: brightness(0) saturate(100%) invert(68%) sepia(90%) saturate(393%) hue-rotate(99deg) brightness(85%) contrast(95%); background-image: url("https://www.iai-system.com/panel/file-gate.php?id=189113&ext=.svg"); background-position: 50% 60%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; width: 100vw; margin-left: 50%; left: -50vw; z-index: -1; } } @media (min-width: 992px) { .section--circleBg:after { background-image: url("https://www.iai-system.com/panel/file-gate.php?id=189114&ext=.svg"); background-position: center; } } </style> <style> .features_section__item_link:hover { color: black; } .blog_posts { display: grid; gap: 15px; grid-template-columns: 1fr; } .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 #FFB82A; } .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: 757px) { .blog_posts { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 979px) { .features_section__item_image_container { margin-bottom: 0; display: unset; } .blog_posts { grid-template-columns: repeat(3, 1fr); } .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 { flex: 0 0 25%; } .features_section__item_text_container { flex: 0 0 50%; } .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: 35px; height: 16px; right: 0; 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; } .pricing_section__item.--frequent > .pricing_section__item_title { border-bottom: 1px solid #FFB82A; } .pricing_section__item.--frequent > .frequently_choosen { color: #FFB82A; margin-bottom: 15px; } .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; } } .pricing_section__body { display: grid; grid-template-columns: repeat(3, 90%); gap: 30px; margin: 35px 0 65px 0; overflow-x: scroll; padding: 10px; margin-right: calc(-1 * ((100vw - 100%) / 2)); } @media (min-width: 757px) { .pricing_section__body { grid-template-columns: repeat(3, 370px); } } @media (min-width: 979px) { .pricing_section__body { grid-template-columns: repeat(3, 300px); overflow-x: unset; margin-right: 0; } .pricing_section__item { opacity: 0.6; } } @media (min-width: 1200px) { .pricing_section__body { grid-template-columns: repeat(3, 370px); } } section .pricing_text_container h2 { margin-bottom: 15px; } .pricing_section__item { padding: 35px 50px; background: white; border-radius: 30px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); } .pricing_section__item_title, .pricing_section__item_price{ font-size: 22px; } .pricing_section__pricing { font-size: 32px; font-weight: 700; margin-top: 35px; } .pricing_section__item_title { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .pricing_section__container_title, .pricing_section__item_price { font-size: 22px; } .pricing_section__container { margin-top: 65px; } .slider_section__body { display: flex; height: 100%; transition: all 1s ease-in; position: relative; } .slider_section__description_body .slider_section__author{ } .slider_section__body:before, .slider_section__body:after { content: ""; position: absolute; background: white; z-index: 4; top: 0; width: calc((100vw - 100%) / 2); height: 100%; } .slider_section__item .link.--underline.slider_section__title { display: block; font-size: 22px; margin-bottom: 15px; } .slider_section__body:before { left: calc(-1 * ((100vw - 100%) / 2)); } .slider_section__body:after { right: calc(-1 * ((100vw - 100%) / 2));; } .slider_section__body .slider_section__item { height: 100%; width: 100%; background: white; margin-right: 15px; transition: all .5s ease-in } .nav_dots { position: absolute; bottom: 30px; z-index: 9; display: flex; left: 50%; transform: translateX(-50%); } .dot { height: 10px; width: 10px; background-color: #e8e8e8; margin: 0 5px; border-radius: 50%; cursor: pointer; } .nav_dots .dot.active { background-color: #c4c4c4; } </style> <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; } .whats_in__title { font-size: 22px; font-weight: 500; } .expertSectionContainer { padding: 30px 25px 30px 25px; border-radius: 2px; 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: 20px; 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; } .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; } .text.--medium, .list_title { font-size: 22px; } .list_title { margin-bottom: 30px; } .paragraph.--medium { font-size: 16px; } .paragraph.--large { font-size: 42px; } .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) { .paragraph.--large { font-size: 52px; } .crossBorder-countryInfo { transform: translateY(-100px); } .paragraph.--medium { font-size: 22px; } } </style> <style> .link.--underline.--small { font-size: 14px !important; } .link.--underline.--bigger { font-size: 22px !important; } #contact-form-anchor { font-size: 22px; } #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; font-family: 'Lato-font', Arial, sans-serif; } .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; } .checkbox_container { 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 + .checkbox_container .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: 25px; } span.--orange { color: #FFB82A; } .mauticform-checkboxgrp-row .mauticform-checkboxgrp-checkbox:checked + .checkbox_container .mauticform-checkboxgrp-label:before { background: #1FD18E; border: 1px solid #1FD18E; } @media (min-width: 979px) { .offer_container { padding: 35px 65px 45px 60px; } } </style> <style> .mauticform-message { color: black; text-align: center; font-size: 32px; } .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?vb1851ae3'; 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> section .bolded { font-weight: 700; } </style> <!-- <section id="frequently_question" class="faq"> <div class="col-12"> <h2>Najcz臋艣ciej zadawane pytania</h2> <div class="accordion_main_container"> <div class="accordion__first_half"> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 1. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph">Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolores molestiae necessitatibus iusto dolorum reprehenderit sint totam! Ab eius et id, illo molestiae eligendi! Asperiores minima laborum officia omnis dignissimos. </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 2. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore dolore minus aliquam, porro, corporis reprehenderit a, provident sed veniam natus iusto repudiandae nostrum quibusdam eveniet excepturi consequuntur blanditiis facilis nihil? </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 3. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio, dolores consequatur? Commodi illum eius necessitatibus eligendi vel quaerat, nisi iste impedit ad magnam dolorum, architecto ab officia doloribus, ipsa corporis! </p> </div> </div> <div class="accordion_container"> <button class="accordion_question"> <p class="paragraph"> 4. Lorem ipsum </p> </button> <div class="accordion_answer"> <p class="paragraph"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Harum praesentium et maiores ipsum similique, ut illum quidem aut repudiandae. Assumenda, ducimus unde dolor atque rem sed incidunt consectetur officia blanditiis. </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> </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> <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> </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; gap: 40px; } .benefits article { width: 100%; display: flex; flex-direction: column; align-items: flex-start; max-width: 100% } .benfits__item_body, .feature__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 { 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); } .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: center; } .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; } 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: 35px; font-weight: 400; } #hero_section h2{ margin-bottom: 0 !important; font-size: 26px !important; } 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; } section.--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; align-items: center; } 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-left: 0; width: max-content; min-width: unset; } .mainButton.--outline { display: block; background-color: white; border: 1.5px solid black; color: black; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; width: max-content; min-width: unset; } .mainButton.--green { border: 1px solid #1fd18dcd; background-color: #1FD18E99; backdrop-filter: blur( 6.5px ); color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; } span.bolded { font-weight: 700; } span.bolded.--title { display: block; } .call_to_action__buttons { display: grid; gap: 15px; } @media (min-width: 979px) { .call_to_action__buttons { grid-template-columns: 1fr 1fr; gap: 35px } } .about__item { align-items: flex-start; display: flex; margin: 25px auto; } main.template .about__item img { width: 50px; height: 50px; margin-right: 35px; margin-left: 0; margin-top: 0; } .about__item div { display: flex; justify-content: center; flex-direction: column; } #pros .row { margin-bottom: 10px; } .about_section { padding-bottom: 0 !important; } @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; } .about .image_container picture { display: flex; justify-content: center; align-items: center; } .goToArticles { flex-direction: row; } /* Typografia element贸w na stronie */ } </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%2Ftraffic-trends%2Fmeta-ads%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>