{"id":241,"date":"2025-08-21T14:00:30","date_gmt":"2025-08-21T12:00:30","guid":{"rendered":"https:\/\/imker.pl\/poradniki\/?page_id=241"},"modified":"2025-10-29T11:55:12","modified_gmt":"2025-10-29T10:55:12","slug":"q4","status":"publish","type":"page","link":"https:\/\/imker.pl\/poradniki\/q4\/","title":{"rendered":"ebook-Q4"},"content":{"rendered":"\r\n  <style>\r\n    .top-menu-content {\r\n      --logo-mobile: 24px;\r\n      --logo-tablet: 44px;\r\n      --logo-desktop: 64px;\r\n    }\r\n  <\/style>\r\n\r\n  <section id=\"top-fixed-wrap-1\"  class=\"top-fixed-wrapper alignwide text-align-left alignwide wp-block-acf-top-menu\">\r\n    <div class=\"top-menu-content\">\r\n\r\n      <span class=\"logo\">\r\n                  <a href=\"https:\/\/imker.pl\/\">\r\n                  <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/logo-imker2x.webp\" alt=\"imker.pl\/poradniki\" width=\"344\" height=\"121\">\r\n        <\/a>\r\n      <\/span><!-- \/.logo -->\r\n\r\n      <div id=\"nav\">\r\n        \n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"http:\/\/imker.pl\/poradniki\" style=\"border-style:none;border-width:0px;border-radius:55px;background-color:#da2343\"><strong>Zobacz inne poradniki<\/strong>\ud83d\udc49<\/a><\/div>\n<\/div>\n\n\r\n      <\/div><!-- \/#nav -->\r\n\r\n      <button class=\"nav-toggle\" aria-controls=\"mobileMenu\"><svg viewBox=\"0 0 32 32\"><use xlink:href=\"#menu\"><\/use><\/svg><span>Menu<\/span><\/button><!-- \/.nav-toggle -->\r\n    <\/div><!-- \/.top-menu-content -->\r\n  <\/section><!-- \/.top-fixed-wrapper -->\r\n\r\n  \r\n  <div class=\"drawer js-drawer\" id=\"mobileMenu\">\r\n    <div class=\"drawer__content\" role=\"alertdialog\" aria-labelledby=\"drawer-title-1\">\r\n      <div class=\"drawer__body js-drawer__body\">\r\n        <div class=\"content\">\r\n          <button class=\"drawer__close-btn js-drawer__close js-tab-focus\">\r\n            Zamknij\r\n          <\/button>\r\n\r\n          <span class=\"logo\">\r\n            <a href=\"https:\/\/imker.pl\/poradniki\/\">\r\n              <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/logo-imker2x.webp\" alt=\"imker.pl\/poradniki\" width=\"344\" height=\"121\">\r\n            <\/a>\r\n          <\/span><!-- \/.logo -->\r\n\r\n\r\n          \n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"http:\/\/imker.pl\/poradniki\" style=\"border-style:none;border-width:0px;border-radius:55px;background-color:#da2343\"><strong>Zobacz inne poradniki<\/strong>\ud83d\udc49<\/a><\/div>\n<\/div>\n\n\r\n\r\n        <\/div><!-- \/.content -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  \n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Q4 E-book \u2013 Landing<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    :root{ --text:#111827; --muted:#4b5563; --bg:#ffffff; --brand1:#DA2343; --brand2:#FF6A3C; --shadow:0 8px 24px rgba(0,0,0,.08); --shadowHover:0 12px 28px rgba(0,0,0,.12); }\n    html,body{ margin:0; padding:0; background:var(--bg); color:var(--text); font-family:'Open Sans',sans-serif; }\n    \n    .container{ max-width:1100px; margin:0 auto; padding:0 16px; }\n\n    \/* ZMIANA: Zwi\u0119kszono odst\u0119p do 60px *\/\n    .hero{ text-align:center; padding:60px 0; background:transparent; border-radius:0; box-shadow:none; transition:none; }\n    \n    .hero h1{ margin:0 0 16px; font-weight:800; line-height:1.2; font-size:clamp(30px,5vw,48px); letter-spacing:-0.01em; }\n    .hero p{ margin:0 auto; max-width:860px; font-size:clamp(16px,2.4vw,18px); line-height:1.65; color:var(--muted); }\n\n    @media (max-width: 600px){\n      .container{ padding:0 14px; }\n      \/* ZMIANA: Zwi\u0119kszono odst\u0119p na mobile do 50px *\/\n      .hero{ padding:50px 0; }\n    }\n    .grad{ background:linear-gradient(135deg,var(--brand1),var(--brand2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }\n    .hero:hover{ transform:none; box-shadow:none; }\n    .emph-red{ color:var(--brand1); font-weight:800; }\n  <\/style>\n<\/head>\n<body>\n  <main class=\"container\">\n    <section class=\"hero\" aria-label=\"Sekcja wprowadzaj\u0105ca\">\n      <h1>Jak przekszta\u0142ci\u0107 <span class=\"grad\">czwarty kwarta\u0142<\/span> w najbardziej dochodowy okres dla Twojego sklepu online?<\/h1>\n      \n    <\/section>\n  <\/main>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"imker-creative-showcase-split\">\n  <style>\n    .imker-creative-showcase-split {\n      font-family: 'Open Sans', sans-serif;\n      padding: 20px 20px 80px;\n      background-color: #f8f9fa; \/* Bardzo jasne t\u0142o *\/\n      --brand1: #DA2343;\n      --brand2: #FF6A3C;\n      --text-dark: #111827;\n      --text-muted: #4b5563;\n      --border-light: #e5e7eb;\n    }\n    .imker-creative-showcase-split .container {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 500px;\n      gap: 60px;\n      align-items: center;\n    }\n    .imker-creative-showcase-split .grad {\n      background: linear-gradient(135deg, var(--brand1), var(--brand2));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    \/* --- Kolumna z tekstem --- *\/\n    .imker-creative-showcase-split .text-content {\n        text-align: left;\n    }\n    .imker-creative-showcase-split h2 {\n      margin: 0 0 16px;\n      \/* ZMIANA: Ujednolicono styl nag\u0142\u00f3wka *\/\n      font-weight: 800;\n      font-size: clamp(26px, 3.5vw, 36px);\n      line-height: 1.4;\n      color: var(--text-dark);\n    }\n    .imker-creative-showcase-split .intro-text,\n    .imker-creative-showcase-split .outro-text {\n        font-size: 18px;\n        line-height: 1.7;\n        color: var(--text-muted);\n        margin: 0 0 32px 0;\n    }\n    .imker-creative-showcase-split .list-header {\n        font-weight: 700;\n        font-size: 20px;\n        color: var(--text-dark);\n        margin: 32px 0 20px 0;\n    }\n    .imker-creative-showcase-split .checklist {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n    .imker-creative-showcase-split .check-item {\n        font-size: 16px;\n        font-weight: 600;\n        color: #374151;\n        padding-left: 35px;\n        position: relative;\n    }\n    .imker-creative-showcase-split .check-item::before {\n        content: '\u2713';\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        color: var(--brand1);\n        font-weight: 800;\n        font-size: 16px;\n        background-color: #fee2e2;\n        border-radius: 50%;\n        width: 24px;\n        height: 24px;\n        display: grid;\n        place-items: center;\n        line-height: 1;\n    }\n\n    \/* --- Kolumna ze zdj\u0119ciem --- *\/\n    .imker-creative-showcase-split .image-content img {\n        width: 100%;\n        height: auto;\n        display: block;\n        filter: drop-shadow(0 12px 25px rgba(0,0,0,0.15));\n    }\n\n    \/* --- Przycisk --- *\/\n    .imker-creative-showcase-split .cta {\n        margin-top: 32px;\n    }\n    .imker-creative-showcase-split .btn-primary {\n      display: inline-block;\n      padding: 16px 32px;\n      border-radius: 12px;\n      text-decoration: none;\n      font-weight: 700;\n      font-size: 18px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--brand1), var(--brand2));\n      box-shadow: 0 5px 20px rgba(218, 35, 67, .3);\n      transition: all .2s ease;\n    }\n    .imker-creative-showcase-split .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(218, 35, 67, .35);\n    }\n    \n    \/* --- Responsive --- *\/\n    @media (max-width: 980px) {\n        .imker-creative-showcase-split .container {\n            grid-template-columns: 1fr; \/* Zmiana na jedn\u0105 kolumn\u0119 *\/\n            gap: 40px;\n        }\n        .imker-creative-showcase-split .text-content {\n            text-align: center; \/* Wy\u015brodkowanie tekstu na mobile *\/\n        }\n        .imker-creative-showcase-split .checklist {\n            display: inline-block; \/* Centrowanie bloku listy *\/\n            text-align: left; \/* Ale tekst w li\u015bcie do lewej *\/\n        }\n        .imker-creative-showcase-split .image-content {\n            order: -1; \/* Obrazek idzie na g\u00f3r\u0119 *\/\n            max-width: 400px;\n            margin: 0 auto;\n        }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"text-content\">\n      <h2>E-book \u201eNajlepszy kwarta\u0142 tego roku\u201d to <span class=\"grad\">kompleksowy poradnik<\/span><\/h2>\n      \n      <p class=\"intro-text\">\n          W przyst\u0119pnej, kr\u00f3tkiej formie, dzi\u0119ki kt\u00f3remu od razu b\u0119dziesz m\u00f3g\u0142 przej\u015b\u0107 do dzia\u0142ania i przygotowa\u0107 si\u0119 na tegoroczny sezon przed\u015bwi\u0105teczny \ud83c\udf81\n      <\/p>\n\n      <h3 class=\"list-header\">Znajdziesz tutaj:<\/h3>\n      \n      <ul class=\"checklist\">\n        <li class=\"check-item\">30 stron pe\u0142nych wiedzy,<\/li>\n        <li class=\"check-item\">kalendarz z kluczowymi terminami w listopadzie i grudniu,<\/li>\n        <li class=\"check-item\">4 filary, o kt\u00f3re warto zadba\u0107 w ostatnim kwartale,<\/li>\n        <li class=\"check-item\">14 konkretnych porad do wdro\u017cenia od zaraz.<\/li>\n      <\/ul>\n\n      <p class=\"outro-text\"><br>\n          To co, czas wykorzysta\u0107 swoj\u0105 szans\u0119 na wypracowanie najlepszego wyniku pod koniec roku? \ud83d\udcaa\n      <\/p>\n\n      <div class=\"cta\">\n        <a class=\"btn-primary\" href=\"#formularz\">Pobierz darmowy e-book!<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"image-content\">\n      <img decoding=\"async\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/e-book-najlepszy-kwartal-tego-roku-24-1-e1728993244578-897x1024-1.png\" alt=\"Mockup e-booka o sprzeda\u017cy w Q4\">\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"imker-cards-section\">\n  <style>\n    .imker-cards-section {\n      font-family: 'Open Sans', sans-serif;\n      \/* ZMIANA: T\u0142o sekcji zmienione na bia\u0142e *\/\n      background-color: #ffffff; \n      padding: 80px 20px;\n      --brand1: #DA2343;\n      --brand2: #FF6A3C;\n      --text: #111827;\n      --muted: #4b5563;\n      --border-light: #e5e7eb;\n      \/* ZMIANA: Cie\u0144 zosta\u0142 wzmocniony, aby karty by\u0142y bardziej widoczne *\/\n      --shadow: 0 10px 28px rgba(0,0,0,.08);\n      --shadowHover: 0 12px 32px rgba(0,0,0,.1);\n    }\n    .imker-cards-section .container {\n      max-width: 1100px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .imker-cards-section .header-content h2 {\n      margin: 0 0 16px;\n      font-weight: 800;\n      font-size: clamp(28px, 4vw, 40px);\n      line-height: 1.3;\n      color: var(--text);\n      max-width: 750px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .imker-cards-section .grad {\n      background: linear-gradient(135deg, var(--brand1), var(--brand2));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .imker-cards-section .header-content p {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--muted);\n      max-width: 700px;\n      margin: 0 auto 48px auto;\n    }\n    .imker-cards-section .cards-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      text-align: left;\n    }\n    .imker-cards-section .card {\n      background: #ffffff;\n      padding: 32px;\n      border-radius: 16px;\n      box-shadow: var(--shadow);\n      \/* DODANO: Subtelna animacja dla interaktywno\u015bci *\/\n      transition: all .2s ease-in-out;\n    }\n    \/* DODANO: Efekt po najechaniu myszk\u0105 *\/\n    .imker-cards-section .card:hover {\n        transform: translateY(-5px);\n        box-shadow: var(--shadowHover);\n    }\n    .imker-cards-section .card-icon {\n      font-size: 36px;\n      margin-bottom: 16px;\n    }\n    .imker-cards-section .card-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--text);\n      margin: 0 0 8px 0;\n    }\n    .imker-cards-section .card-text {\n      font-size: 16px;\n      line-height: 1.6;\n      color: var(--muted);\n      margin: 0;\n    }\n    .imker-cards-section .final-cta {\n        margin-top: 48px;\n        font-weight: 600;\n        font-size: 18px;\n        line-height: 1.6;\n        color: var(--muted);\n    }\n    .imker-cards-section .final-cta a {\n        color: var(--brand1);\n        font-weight: 700;\n        text-decoration: none;\n        transition: color .2s ease;\n    }\n    .imker-cards-section .final-cta a:hover {\n        color: var(--brand2);\n    }\n\n    @media (max-width: 900px) {\n      .imker-cards-section .cards-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"header-content\">\n      <h2>Okres przed\u015bwi\u0105teczny w e-commerce to <span class=\"grad\">prawdziwy \u017cywio\u0142<\/span><\/h2>\n      <p>\n        To od Ciebie zale\u017cy, czy Tw\u00f3j sklep internetowy utonie w chaosie, czy pop\u0142ynie na fali przed\u015bwi\u0105tecznych zakup\u00f3w i wypracuje najlepszy wynik w roku.\n      <\/p>\n    <\/div>\n\n    <div class=\"cards-grid\">\n      <div class=\"card\">\n        <div class=\"card-icon\">\ud83c\udf2a\ufe0f<\/div>\n        <h3 class=\"card-title\">CHAOS I WIR PRACY<\/h3>\n        <p class=\"card-text\">Promocje, wielkie \u015bwi\u0119ta sprzeda\u017cowe i walka z czasem mog\u0105 przyt\u0142oczy\u0107, je\u015bli dzia\u0142asz bez planu.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"card-icon\">\ud83c\udf0a<\/div>\n        <h3 class=\"card-title\">FALA NOWYCH SZANS<\/h3>\n        <p class=\"card-text\">Odpowiednie przygotowanie pozwala zamieni\u0107 chaos w ogromn\u0105 szans\u0119 na rekordow\u0105 sprzeda\u017c.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"card-icon\">\ud83c\udf89<\/div>\n        <h3 class=\"card-title\">NAJLEPSZY KWARTA\u0141 ROKU<\/h3>\n        <p class=\"card-text\">Zamiast stresu i chaosu, ciesz si\u0119 zyskami i zamknij rok z poczuciem ogromnego sukcesu.<\/p>\n      <\/div>\n    <\/div>\n    \n    <p class=\"final-cta\">\n        Pytanie tylko, jak si\u0119 przygotowa\u0107 (i czy jeszcze nie jest za p\u00f3\u017ano?).<br>\n        <a href=\"#formularz\">Pobierz nasz darmowy e-book<\/a> i odkryj sprawdzone strategie!\n    <\/p>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"imker-comparison-section\">\n  <style>\n    .imker-comparison-section {\n      font-family: 'Open Sans', sans-serif;\n      background-color: #f8f9fa;\n      \/* ZMIANA: Zmniejszono g\u00f3rny odst\u0119p, aby usun\u0105\u0107 przerw\u0119 *\/\n      padding: 20px 20px 80px; \n      --brand1: #DA2343;\n      --brand2: #FF6A3C;\n      --text: #111827;\n      --muted: #4b5563;\n      --shadow: 0 10px 28px rgba(0,0,0,.08);\n    }\n    .imker-comparison-section .container {\n      max-width: 960px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .imker-comparison-section h2 {\n      margin: 0 0 48px;\n      font-weight: 800;\n      font-size: clamp(28px, 4vw, 40px);\n      line-height: 1.3;\n      color: var(--text);\n    }\n    .imker-comparison-section .grad {\n      background: linear-gradient(135deg, var(--brand1), var(--brand2));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .imker-comparison-section .comparison-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n      text-align: left;\n    }\n    .imker-comparison-section .card {\n      background: #ffffff;\n      padding: 32px;\n      border-radius: 16px;\n      box-shadow: var(--shadow);\n      border-top: 4px solid;\n    }\n    .imker-comparison-section .card-yes {\n        border-color: #22c55e; \/* Zielony dla \"TAK\" *\/\n    }\n    .imker-comparison-section .card-no {\n        border-color: #ef4444; \/* Czerwony dla \"NIE\" *\/\n    }\n    .imker-comparison-section .card h3 {\n        font-size: 22px;\n        font-weight: 700;\n        margin: 0 0 24px 0;\n        color: var(--text);\n    }\n    .imker-comparison-section .card ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n    .imker-comparison-section .card li {\n        font-size: 16px;\n        font-weight: 600;\n        color: var(--muted);\n        padding-left: 32px;\n        position: relative;\n        line-height: 1.5;\n    }\n    .imker-comparison-section .card li::before {\n        position: absolute;\n        left: 0;\n        top: 2px;\n        font-size: 18px;\n        font-weight: 800;\n    }\n    .imker-comparison-section .card-yes li::before {\n        content: '\u2713';\n        color: #22c55e;\n    }\n    .imker-comparison-section .card-no li::before {\n        content: '\u2717';\n        color: #ef4444;\n    }\n\n    @media (max-width: 768px) {\n      .imker-comparison-section .comparison-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <h2>Czy to e-book <span class=\"grad\">dla Ciebie?<\/span><\/h2>\n\n    <div class=\"comparison-grid\">\n      <div class=\"card card-yes\">\n        <h3>TAK, je\u015bli:<\/h3>\n        <ul>\n          <li>chcesz wykorzysta\u0107 potencja\u0142 okresu przed\u015bwi\u0105tecznego,<\/li>\n          <li>zastanawiasz si\u0119, jak wyr\u00f3\u017cni\u0107 si\u0119 na tle konkurencji jako ma\u0142y lub \u015bredni sklep internetowy,<\/li>\n          <li>zale\u017cy Ci, aby Tw\u00f3j sklep dzia\u0142a\u0142 sprawnie nawet podczas wzmo\u017conej sprzeda\u017cy, a Twoi klienci byli zadowoleni.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"card card-no\">\n        <h3>NIE, je\u015bli:<\/h3>\n        <ul>\n          <li>w czwartym kwartale chcesz po prostu odpocz\u0105\u0107, nie zale\u017cy Ci na sprzeda\u017cy,<\/li>\n          <li>prowadzisz wielki sklep internetowy z milionowymi obrotami co miesi\u0105c i setkami tysi\u0119cy produkt\u00f3w,<\/li>\n          <li>nie zale\u017cy Ci na opiniach klient\u00f3w, a op\u00f3\u017anienia czy b\u0142\u0119dy w Twoim sklepie niewiele Ci\u0119 obchodz\u0105.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"imker-countdown-section\">\n  <style>\n    .imker-countdown-section {\n      font-family: 'Open Sans', sans-serif;\n      background-color: #ffffff;\n      \/* ZMIANA: Zmniejszono g\u00f3rny odst\u0119p *\/\n      padding: 20px 20px 80px;\n      text-align: center;\n      --brand1: #DA2343;\n      --brand2: #FF6A3C;\n      --text: #111827;\n      --muted: #4b5563;\n    }\n    .imker-countdown-section .container {\n      max-width: 800px;\n      margin: 0 auto;\n    }\n    .imker-countdown-section h2 {\n      margin: 0 0 16px;\n      font-weight: 800;\n      font-size: clamp(28px, 4vw, 40px);\n      line-height: 1.3;\n      color: var(--text);\n    }\n    .imker-countdown-section .grad {\n      background: linear-gradient(135deg, var(--brand1), var(--brand2));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .imker-countdown-section .subtitle {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--muted);\n      margin: 0 0 40px 0;\n    }\n    .imker-countdown-section .countdown-timer {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }\n    .imker-countdown-section .timer-box {\n      background-color: #f8f9fa;\n      padding: 24px 16px;\n      border-radius: 12px;\n      border-bottom: 3px solid #e5e7eb;\n    }\n    .imker-countdown-section .timer-box .time {\n      display: block;\n      font-size: clamp(36px, 8vw, 56px);\n      font-weight: 800;\n      color: var(--text);\n      line-height: 1.1;\n    }\n    .imker-countdown-section .timer-box .label {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--muted);\n      margin-top: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    @media (max-width: 600px) {\n        .imker-countdown-section .countdown-timer {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <h2>To <span class=\"grad\">ostatni dzwonek<\/span>, aby przygotowa\u0107 sw\u00f3j sklep do sezonu przed\u015bwi\u0105tecznego! \ud83d\udd14<\/h2>\n    <p class=\"subtitle\">Do 24 grudnia zosta\u0142o ju\u017c tylko:<\/p>\n\n    <div class=\"countdown-timer\" id=\"timer-2\">\n      <div class=\"timer-box\">\n        <span class=\"time\" id=\"days-2\">00<\/span>\n        <span class=\"label\">Dni<\/span>\n      <\/div>\n      <div class=\"timer-box\">\n        <span class=\"time\" id=\"hours-2\">00<\/span>\n        <span class=\"label\">Godzin<\/span>\n      <\/div>\n      <div class=\"timer-box\">\n        <span class=\"time\" id=\"minutes-2\">00<\/span>\n        <span class=\"label\">Minut<\/span>\n      <\/div>\n      <div class=\"timer-box\">\n        <span class=\"time\" id=\"seconds-2\">00<\/span>\n        <span class=\"label\">Sekund<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      \/\/ --- Skrypt licznika ---\n      \/\/ UWAGA: Zmieniono ID element\u00f3w, aby unikn\u0105\u0107 konflikt\u00f3w, je\u015bli na stronie by\u0142by ju\u017c inny licznik.\n      const currentYear = new Date().getFullYear();\n      const countdownDate = new Date(`December 24, ${currentYear} 00:00:00`).getTime();\n\n      const timerElement = document.getElementById('timer-2');\n      if (!timerElement) return;\n\n      const daysEl = document.getElementById('days-2');\n      const hoursEl = document.getElementById('hours-2');\n      const minutesEl = document.getElementById('minutes-2');\n      const secondsEl = document.getElementById('seconds-2');\n\n      \/\/ Sprawdzenie, czy elementy istniej\u0105, zanim zaczniemy odliczanie\n      if (!daysEl || !hoursEl || !minutesEl || !secondsEl) return;\n\n      const interval = setInterval(function() {\n        const now = new Date().getTime();\n        const distance = countdownDate - now;\n\n        if (distance < 0) {\n          clearInterval(interval);\n          timerElement.innerHTML = \"<h2 style='font-size: 24px; color: var(--muted);'>Czas min\u0105\u0142! Weso\u0142ych \u015awi\u0105t!<\/h2>\";\n          return;\n        }\n\n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n        const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n        \n        const formatTime = (time) => time < 10 ? `0${time}` : time;\n\n        daysEl.innerHTML = formatTime(days);\n        hoursEl.innerHTML = formatTime(hours);\n        minutesEl.innerHTML = formatTime(minutes);\n        secondsEl.innerHTML = formatTime(seconds);\n\n      }, 1000);\n    })();\n  <\/script>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"imker-features-split\">\n  <style>\n    .imker-features-split {\n      font-family: 'Open Sans', sans-serif;\n      background-color: #ffffff; \n      \/* ZMIANA: Usuni\u0119to g\u00f3rny odst\u0119p zgodnie z Twoj\u0105 pro\u015bb\u0105 *\/\n      padding: 0 20px 80px; \n      --brand1: #DA2343;\n      --brand2: #FF6A3C;\n      --text: #111827;\n      --muted: #4b5563;\n      --border-light: #e5e7eb;\n      --shadow: 0 10px 28px rgba(0,0,0,.08);\n    }\n    .imker-features-split .container {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      align-items: center;\n    }\n    .imker-features-split .image-content img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 16px;\n      box-shadow: var(--shadow);\n    }\n    .imker-features-split .text-content h2 {\n      margin: 0 0 16px;\n      font-weight: 800;\n      font-size: clamp(26px, 3.5vw, 36px);\n      line-height: 1.4; \n      color: var(--text);\n    }\n    .imker-features-split .grad {\n      background: linear-gradient(135deg, var(--brand1), var(--brand2));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .imker-features-split .intro-p {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--muted);\n      margin: 0 0 32px 0;\n    }\n    .imker-features-split .accordion {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n    .imker-features-split .accordion-item {\n      background: #ffffff;\n      border-radius: 12px;\n      border: 1px solid var(--border-light);\n      padding: 20px 24px;\n      cursor: pointer;\n      transition: all .2s ease;\n    }\n    .imker-features-split .accordion-item:hover {\n        border-color: #d1d5db;\n        background-color: #f8f9fa;\n    }\n    .imker-features-split .accordion-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--text);\n    }\n    .imker-features-split .accordion-header::after {\n        content: '+';\n        font-size: 24px;\n        font-weight: 600;\n        color: var(--muted);\n        transition: transform .3s ease;\n    }\n    .imker-features-split .accordion-item.active .accordion-header::after {\n        transform: rotate(45deg);\n    }\n    .imker-features-split .accordion-content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease-out, padding-top 0.3s ease-out;\n    }\n     .imker-features-split .accordion-content p {\n        margin: 0;\n        padding-top: 16px;\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--muted);\n    }\n    .imker-features-split .accordion-item.active .accordion-content {\n        max-height: 200px; \n    }\n    \n    @media (max-width: 980px) {\n      .imker-features-split .container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n      .imker-features-split .image-content {\n          order: 1; \n      }\n      .imker-features-split .text-content {\n          order: 0;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"image-content\">\n      <img decoding=\"async\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/projekt-bez-nazwy-2025-08-21t135828.190.png\" alt=\"Kluczowe filary sklepu internetowego\">\n    <\/div>\n\n    <div class=\"text-content\">\n      <h2>Razem z Imker usprawnisz <span class=\"grad\">kluczowe filary<\/span> Twojego sklepu! \ud83d\udcaa<\/h2>\n      <p class=\"intro-p\">W tym e-booku skupiamy si\u0119 na takich elementach jak:<\/p>\n\n      <div class=\"accordion\" id=\"features-accordion-4\">\n        <div class=\"accordion-item\">\n          <div class=\"accordion-header\">\ud83d\udc49 Promocja<\/div>\n          <div class=\"accordion-content\">\n            <p>Zaplanuj dzia\u0142ania marketingowe, wybierz \u015bwi\u0119ta sprzeda\u017cy, w kt\u00f3rych we\u017amiesz udzia\u0142 i upewnij si\u0119, \u017ce wykorzystasz potencja\u0142 ostatniego kwarta\u0142u!<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"accordion-item\">\n          <div class=\"accordion-header\">\ud83d\udc49 Logistyka<\/div>\n          <div class=\"accordion-content\">\n            <p>Zobacz, o czym musisz pami\u0119ta\u0107, aby Tw\u00f3j proces realizacji zam\u00f3wie\u0144 przetrwa\u0142 nawet najwi\u0119ksze peaki sprzeda\u017cowe!<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"accordion-item\">\n          <div class=\"accordion-header\">\ud83d\udc49 Optymalizacja sklepu<\/div>\n          <div class=\"accordion-content\">\n            <p>Dowiedz si\u0119, jak sprawi\u0107, aby Twoje zaplecze techniczne by\u0142o wsparciem dla Twojej sprzeda\u017cy i dzia\u0142a\u0142o sprawnie w tym gor\u0105cym okresie!<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"accordion-item\">\n          <div class=\"accordion-header\">\ud83d\udc49 Obs\u0142uga klienta<\/div>\n          <div class=\"accordion-content\">\n            <p>Zapewnij doskona\u0142e do\u015bwiadczenia zakupowe swoim klientom i spraw, aby nikt nie pozosta\u0142 bez odpowiedzi!<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const accordion = document.getElementById('features-accordion-4');\n      if (!accordion) return;\n\n      const items = accordion.querySelectorAll('.accordion-item');\n\n      items.forEach(item => {\n        const header = item.querySelector('.accordion-header');\n        header.addEventListener('click', () => {\n          const isActive = item.classList.contains('active');\n          items.forEach(otherItem => {\n            otherItem.classList.remove('active');\n          });\n          if (!isActive) {\n            item.classList.add('active');\n          }\n        });\n      });\n      \n      if (items.length > 0) {\n          items[0].classList.add('active');\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section id=\"formularz\" class=\"confirmation-section\">\n    <style>\n        .confirmation-section {\n            font-family: 'Open Sans', sans-serif;\n            \/* ZMIANA: Usuni\u0119to g\u00f3rny odst\u0119p *\/\n            padding: 0 20px 20px; \n            text-align: center;\n            background-color: #fff;\n            color: #111827;\n            --brand1: #DA2343;\n            --brand2: #FF6A3C;\n        }\n        .confirmation-section .container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        .confirmation-section .main-title {\n            font-size: 38px;\n            font-weight: 750;\n            margin: 0 0 30px 0;\n            color: #111;\n        }\n        .confirmation-section .underline {\n            width: 50px;\n            height: 3px;\n            background-color: var(--brand1);\n            margin: 0 auto 40px auto;\n            border-radius: 2px;\n        }\n        .confirmation-section .form-container {\n            background: #fff;\n            border: 2px solid var(--brand1);\n            border-radius: 16px;\n            padding: 40px 50px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.07);\n        }\n        .gradient-text {\n            background: linear-gradient(to right, var(--brand1), var(--brand2));\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n        }\n        \n        @media (max-width: 600px) {\n            .confirmation-section { padding: 20px 20px 20px; }\n            .confirmation-section .main-title { font-size: 26px; }\n            .confirmation-section .form-container { padding: 30px 25px; }\n        }\n    <\/style>\n    <div class=\"container\">\n        <h2 class=\"main-title\">Wype\u0142nij formularz i potwierd\u017a zapis, a my od razu prze\u015blemy<br>e-booka na Twoj\u0105 <span class=\"gradient-text\">skrzynk\u0119 mailow\u0105<\/span>!<\/h2>\n        <div class=\"underline\"><\/div>\n\n        <div class=\"form-container\">\n            <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n            <script>\n              hbspt.forms.create({\n                region: \"eu1\",\n                portalId: \"27093186\",\n                formId: \"85a29cd8-d53e-44fa-96ee-2b5a5adfb6ad\"\n              });\n            <\/script>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n    \/* Import czcionki (je\u015bli jeszcze jej nie masz na stronie) *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700;800&display=swap');\n\n    .imker-final-cta {\n        font-family: 'Open Sans', sans-serif;\n        \/* \u2705 ZMIANA: T\u0142o zmienione na jasnoszare *\/\n        background-color: #f8f9fa;\n        color: #111; \/* Zmiana koloru tekstu na ciemny *\/\n        padding: 80px 20px;\n        text-align: center;\n    }\n    .imker-final-cta .container {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n    .imker-final-cta h2 {\n        font-size: 36px;\n        font-weight: 800;\n        margin-top: 0;\n        margin-bottom: 25px;\n        line-height: 1.3;\n    }\n    \n    \/* === \u2705 ZMIANA: Nowe style dla linku z gradientem === *\/\n    .imker-final-cta .email-link {\n        font-size: 32px;\n        font-weight: 800;\n        text-decoration: none;\n        background: linear-gradient(135deg, #da2343, #ff6a3c);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        color: transparent;\n        transition: opacity 0.3s ease;\n    }\n    .imker-final-cta .email-link:hover {\n        opacity: 0.8;\n    }\n\n    \/* Responsywno\u015b\u0107 *\/\n    @media (max-width: 768px) {\n        .imker-final-cta {\n            padding: 60px 20px;\n        }\n        .imker-final-cta h2 {\n            font-size: 30px;\n        }\n        .imker-final-cta .email-link {\n            font-size: 24px;\n        }\n    }\n<\/style>\n\n<section class=\"imker-final-cta\">\n    <div class=\"container\">\n        <h2>Masz pytania? Napisz do nas!<\/h2>\n        <a href=\"mailto:kontakt@imker.pl\" class=\"email-link\">kontakt@imker.pl<\/a>\n    <\/div>\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Q4 E-book \u2013 Landing Jak przekszta\u0142ci\u0107 czwarty kwarta\u0142 w najbardziej dochodowy okres dla Twojego sklepu online? E-book \u201eNajlepszy kwarta\u0142 tego roku\u201d to kompleksowy poradnik W przyst\u0119pnej, kr\u00f3tkiej formie, dzi\u0119ki kt\u00f3remu od razu b\u0119dziesz m\u00f3g\u0142 przej\u015b\u0107 do dzia\u0142ania i przygotowa\u0107 si\u0119 na tegoroczny sezon przed\u015bwi\u0105teczny \ud83c\udf81 Znajdziesz tutaj: 30 stron pe\u0142nych wiedzy, kalendarz z kluczowymi terminami [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":65,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/241\/revisions\/326"}],"wp:attachment":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}