{"id":34,"date":"2025-08-14T10:50:57","date_gmt":"2025-08-14T08:50:57","guid":{"rendered":"https:\/\/imker.pl\/poradniki\/?page_id=34"},"modified":"2025-08-27T11:10:39","modified_gmt":"2025-08-27T09:10:39","slug":"przedsprzedaz","status":"publish","type":"page","link":"https:\/\/imker.pl\/poradniki\/przedsprzedaz\/","title":{"rendered":"Przedsprzeda\u017c"},"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 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 is-style-fill\"><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:30px;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 is-style-fill\"><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:30px;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-f56f613f 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>Przedsprzeda\u017c \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    .container{ max-width:1100px; margin:0 auto; padding:48px 16px; }\n\n    \/* HERO: minimalistyczny, wy\u015brodkowany, bez przycisk\u00f3w i obrazk\u00f3w *\/\n    .hero{ text-align:center; padding:56px 24px 48px; background:transparent; border-radius:0; box-shadow:none; transition:none; }\n    .hero h1{ margin:0 0 16px; font-weight:800; line-height:1.12; 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:36px 14px; }\n      .hero{ padding:44px 0 36px; }\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  .grad{ background:linear-gradient(135deg,var(--brand1),var(--brand2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }\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><span class=\"grad\">Przedsprzeda\u017c<\/span>? Ogarnij j\u0105 w jeden dzie\u0144!<\/h1>\n      <p>\n        Przed Tob\u0105 Tw\u00f3j <strong class=\"emph-red\">pierwszy w \u017cyciu preorder<\/strong> i zupe\u0142nie nie wiesz, jak si\u0119 za to zabra\u0107? To zrozumia\u0142e &#8211; jest tu troch\u0119 rzeczy do zrobienia i \u0142atwo si\u0119 w tym pogubi\u0107, co\u015b przeoczy\u0107 lub co\u015b zrobi\u0107 \u017ale. Szczeg\u00f3lnie, \u017ce nie mia\u0142e\u015b jeszcze okazji uczy\u0107 si\u0119 na w\u0142asnych b\u0142\u0119dach, a na cudzych raczej by\u0142oby ci\u0119\u017cko, bo <strong class=\"emph-red\">nikt nie udost\u0119pnia takich danych<\/strong>\u2026\n      <\/p>\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-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"preorder-ebook-section\">\n  <style>\n    .preorder-ebook-section{\n      font-family:'Open Sans',sans-serif;\n      padding:20px 0;\n      --brand1:#DA2343; --brand2:#FF6A3C; --text:#111827;\n    }\n    .preorder-ebook-section .container{\n      max-width:1100px;\n      margin:0 auto;\n      padding:0 16px;\n      box-sizing:border-box;\n    }\n    .preorder-ebook-section .grad{\n      background:linear-gradient(135deg,var(--brand1),var(--brand2));\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n    }\n    .preorder-ebook-section .sec-two__frame{\n      width:100%;\n      background:#F1F1F1;\n      border-radius:16px;\n      box-shadow:0 2px 12px rgba(0,0,0,.08);\n    }\n    .preorder-ebook-section .sec-two__inner{\n      padding:clamp(28px,4vw,44px);\n      display:grid;\n      gap:28px;\n      align-items:center;\n      grid-template-columns:1fr 450px;\n      box-sizing:border-box;\n    }\n    .preorder-ebook-section h2{\n      margin:0 0 18px;\n      font-weight:800;\n      font-size:clamp(22px,3.2vw,36px);\n      line-height:1.15;\n      color:var(--text);\n    }\n    .preorder-ebook-section .lead{\n      margin:0 0 12px;\n      font-weight:600;\n      font-size:clamp(18px,2.2vw,20px);\n      line-height:1.6;\n      color:#374151;\n    }\n    .preorder-ebook-section .pretty-list{\n      list-style:none; padding:0; margin:0 0 22px;\n      display:grid; gap:10px;\n    }\n    .preorder-ebook-section .pretty-list li{\n      position:relative; padding-left:28px;\n      font-size:15px; line-height:1.55; color:#374151;\n    }\n    .preorder-ebook-section .pretty-list li::before{\n      content:'\u279c'; position:absolute; left:0; top:0.1em;\n      font-weight:800; font-size:18px; line-height:1; color:var(--brand1);\n    }\n    .preorder-ebook-section .cta{ display:flex; gap:12px; flex-wrap:wrap; }\n    .preorder-ebook-section .btn-primary,.preorder-ebook-section .btn-ghost{\n      display:inline-flex; align-items:center; justify-content:center;\n      padding:12px 18px; border-radius:999px; text-decoration:none;\n      font-weight:700; font-size:16px;\n    }\n    .preorder-ebook-section .btn-primary{\n      color:#fff; background:linear-gradient(135deg,var(--brand1),var(--brand2));\n      box-shadow:0 4px 10px rgba(218,35,67,.25);\n      transition:all .15s ease;\n    }\n    .preorder-ebook-section .btn-primary:hover{\n      transform:translateY(-1px);\n      box-shadow:0 6px 14px rgba(218,35,67,.28);\n    }\n    .preorder-ebook-section .btn-ghost{\n      color:var(--brand1); border:2px solid rgba(218,35,67,.18); background:transparent;\n    }\n    .preorder-ebook-section .mock{ display:grid; place-items:center; }\n    .preorder-ebook-section .mock img{\n      width:100%; height:auto; display:block; max-width:420px;\n      \/* ZMIANA TUTAJ: Dodano lekkie przesuni\u0119cie w prawo *\/\n      transform: translateX(25px);\n    }\n    \/* --- Spis tre\u015bci (reszta kodu bez zmian) --- *\/\n    .preorder-ebook-section .toc-wrapper{\n      max-height:0; overflow:hidden; transition:max-height 0.6s ease-in-out; will-change:max-height;\n    }\n    .preorder-ebook-section .toc-wrapper.is-open{ overflow:visible; }\n    .preorder-ebook-section .toc-content{\n      width:100%; margin:48px auto 0 auto; padding:clamp(28px,4vw,44px);\n      background:#fff; border-radius:16px; border:1px solid #eee; box-sizing:border-box;\n    }\n    .preorder-ebook-section .toc-content h2{ text-align:center; font-weight:800; }\n    .preorder-ebook-section .toc-list{ display:flex; flex-direction:column; gap:12px; }\n    .preorder-ebook-section .toc-item{ display:flex; align-items:baseline; font-size:16px; color:var(--text); }\n    .preorder-ebook-section .toc-title{ order:1; }\n    .preorder-ebook-section .toc-dots{ order:2; flex-grow:1; border-bottom:2px dotted #d1d5db; margin:0 8px; transform:translateY(-4px); }\n    .preorder-ebook-section .toc-page{ order:3; font-weight:700; color:var(--text); }\n    .preorder-ebook-section .toc-item.sub-item .toc-title{ padding-left:20px; }\n    .preorder-ebook-section #toggle-toc-btn .arrow{ margin-left:8px; transition:transform 0.4s ease; }\n    .preorder-ebook-section #toggle-toc-btn.is-open .arrow{ transform:rotate(180deg); }\n    \/* Responsive *\/\n    @media (max-width:980px){\n      .preorder-ebook-section .sec-two__inner{\n        grid-template-columns:1fr; text-align:center; justify-items:center;\n      }\n      .preorder-ebook-section .cta{ justify-content:center; }\n      .preorder-ebook-section .mock img{\n        max-width:300px;\n        transform: translateX(0); \/* ZMIANA TUTAJ: Reset przesuni\u0119cia na mobile *\/\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"sec-two__frame\">\n      <div class=\"sec-two__inner\">\n        <div>\n          <h2>A co je\u015bli otrzyma\u0142by\u015b wnioski z kilkuset przedsprzeda\u017cy zebrane w <span class=\"grad\">jeden konkretny ebook<\/span>?<\/h2>\n          <p class=\"lead\">M\u00f3g\u0142by\u015b wtedy:<\/p>\n          <ul class=\"pretty-list\" aria-label=\"Co zyskasz dzi\u0119ki temu e-bookowi\">\n            <li>dowiedzie\u0107 si\u0119, co musisz zrobi\u0107, a co nie jest konieczne, ale warto,<\/li>\n            <li>nie b\u0142\u0105dzi\u0107 tygodniami, tylko zacz\u0105\u0107 sprzedawa\u0107 po po\u015bwi\u0119ceniu zaledwie 8 godzin,<\/li>\n            <li>odpali\u0107 przedsprzeda\u017c jak tw\u00f3rca z wieloletnim do\u015bwiadczeniem, mimo \u017ce robisz to pierwszy raz.<\/li>\n          <\/ul>\n          <div class=\"cta\">\n            <a class=\"btn-primary\" href=\"#formularz\">Pobierz ebooka!<\/a>\n            <button class=\"btn-ghost\" id=\"toggle-toc-btn\">Spis tre\u015bci <span class=\"arrow\">\u25bc<\/span><\/button>\n          <\/div>\n        <\/div>\n        <div class=\"mock\">\n          <img decoding=\"async\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/ebook-preorder-tablet-e1755161824688.png\" alt=\"Mockup e-booka o przedsprzeda\u017cy\">\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"toc-wrapper\" id=\"toc-wrapper\">\n      <div class=\"toc-content\">\n        <h2>Spis tre\u015bci<\/h2>\n        <div class=\"toc-list\">\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Wst\u0119p<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">3<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Czym jest przedsprzeda\u017c (i po co j\u0105 robi\u0107)?<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">5<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Jak przygotowa\u0107 si\u0119 do przedsprzeda\u017cy?<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">14<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Wersja minimum<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">16<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Opis produktu<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">19<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Struktura tekstu sprzeda\u017cowego<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">22<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Strategia cenowa<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">26<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Oprogramowanie do sprzeda\u017cy<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">34<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Regulamin i polityka prywatno\u015bci<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">38<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Szybkie p\u0142atno\u015bci<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">39<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Systemy fakturowe<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">42<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Plan promocji<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">44<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Wersja standardowa<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">51<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Wizualizacje<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">51<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Landing page<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">54<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Kalkulacja<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">56<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Wersja maksymalna<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">57<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Analityka<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">57<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Piksel Facebooka, kody remarketingowe i listy odbiorc\u00f3w<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">58<\/span><\/div>\n          <div class=\"toc-item sub-item\"><span class=\"toc-title\">Upselle i zestawy<\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">59<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Ile powinna trwa\u0107 przedsprzeda\u017c?<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">61<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Jak obliczy\u0107 nak\u0142ad?<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">64<\/span><\/div>\n          <div class=\"toc-item\"><span class=\"toc-title\"><strong>Na zako\u0144czenie<\/strong><\/span><span class=\"toc-dots\"><\/span><span class=\"toc-page\">67<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function(){\n      const btn = document.getElementById('toggle-toc-btn');\n      const wrap = document.getElementById('toc-wrapper');\n      const content = wrap.querySelector('.toc-content');\n      const openTOC = () => {\n        wrap.classList.add('is-open');\n        wrap.style.maxHeight = content.scrollHeight + 'px';\n        const onEnd = () => { wrap.style.maxHeight = 'none'; wrap.removeEventListener('transitionend', onEnd); };\n        wrap.addEventListener('transitionend', onEnd);\n      };\n      const closeTOC = () => {\n        if (getComputedStyle(wrap).maxHeight === 'none') wrap.style.maxHeight = content.scrollHeight + 'px';\n        void wrap.offsetHeight;\n        wrap.style.maxHeight = '0px';\n        const onEnd = () => { wrap.classList.remove('is-open'); wrap.removeEventListener('transitionend', onEnd); };\n        wrap.addEventListener('transitionend', onEnd);\n      };\n      if (btn && wrap){\n        btn.addEventListener('click', function(){\n          this.classList.toggle('is-open');\n          this.classList.contains('is-open') ? openTOC() : closeTOC();\n        });\n        window.addEventListener('resize', () => {\n          if (btn.classList.contains('is-open') && getComputedStyle(wrap).maxHeight !== 'none'){\n            wrap.style.maxHeight = content.scrollHeight + 'px';\n          }\n        });\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-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"ebook-contents-creative\">\n  <style>\n    .ebook-contents-creative {\n      font-family: 'Open Sans', sans-serif;\n      padding: 80px 20px;\n      background-color: #fff;\n    }\n    .ebook-contents-creative .container {\n      max-width: 900px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    \n    .ebook-contents-creative .section-header {\n        margin-bottom: 50px;\n    }\n    .ebook-contents-creative .section-header h2 {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.3;\n        color: #111;\n        margin: 0;\n    }\n    \n    .ebook-contents-creative .gradient-text {\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    }\n    \n    .ebook-contents-creative .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      margin-bottom: 50px;\n    }\n    .ebook-contents-creative .stat-item {\n      background: #f8f9fa;\n      border-radius: 16px;\n      padding: 25px;\n      border: 1px solid #f0f0f0;\n    }\n    .ebook-contents-creative .stat-number {\n      font-size: 48px;\n      font-weight: 800;\n      color: #da2343;\n      display: block;\n      line-height: 1;\n    }\n    .ebook-contents-creative .stat-label {\n      font-size: 15px;\n      font-weight: 600;\n      color: #555;\n      margin-top: 10px;\n      display: block;\n    }\n\n    .ebook-contents-creative .benefits-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px 40px;\n      text-align: left;\n      border-top: 1px solid #eee;\n      padding-top: 50px;\n    }\n    .ebook-contents-creative .benefit-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      font-size: 16px;\n      line-height: 1.6;\n      color: #333;\n    }\n    .ebook-contents-creative .benefit-item svg {\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      color: #da2343;\n      margin-top: 4px;\n    }\n\n    .ebook-contents-creative .cta-container {\n        text-align: center;\n        margin-top: 60px;\n    }\n    .ebook-contents-creative .cta-button {\n        display: inline-block;\n        background: #da2343;\n        color: #fff;\n        font-weight: 700;\n        font-size: 18px;\n        padding: 18px 40px;\n        border-radius: 12px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        box-shadow: 0 8px 25px rgba(218, 35, 67, 0.2);\n    }\n    .ebook-contents-creative .cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 30px rgba(218, 35, 67, 0.3);\n    }\n\n    @media (max-width: 768px) {\n      .ebook-contents-creative { padding: 60px 20px; }\n      .ebook-contents-creative .section-header h2 { font-size: 32px; }\n      .ebook-contents-creative .stats-grid,\n      .ebook-contents-creative .benefits-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n  \n  <div class=\"container\">\n    <div class=\"section-header\">\n        <h2>Wiesz ju\u017c, do czego zmierzamy? <br> <span class=\"gradient-text\">Tak &#8211; przygotowali\u015bmy go dla Ciebie!<\/span><\/h2>\n    <\/div>\n\n    <div class=\"stats-grid\">\n        <div class=\"stat-item\">\n            <span class=\"stat-number\">3<\/span>\n            <span class=\"stat-label\">warianty przedsprzeda\u017cy<\/span>\n        <\/div>\n        <div class=\"stat-item\">\n            <span class=\"stat-number\">500+<\/span>\n            <span class=\"stat-label\">wniosk\u00f3w z preorder\u00f3w<\/span>\n        <\/div>\n        <div class=\"stat-item\">\n            <span class=\"stat-number\">59<\/span>\n            <span class=\"stat-label\">stron pe\u0142nych wiedzy<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"benefits-grid\">\n        <div class=\"benefit-item\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\n            <span>Otrzymasz odpowiedzi na pytania, kt\u00f3re zadaje <strong>wi\u0119kszo\u015b\u0107 pocz\u0105tkuj\u0105cych tw\u00f3rc\u00f3w,<\/strong> ale te\u017c na te, kt\u00f3rych nie zadaj\u0105\u2026 a powinni.<\/span>\n        <\/div>\n        <div class=\"benefit-item\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\n            <span>Dowiesz si\u0119, <strong>jak promowa\u0107 sw\u00f3j produkt<\/strong> <br>(i dlaczego wi\u0119kszo\u015b\u0107 tw\u00f3rc\u00f3w robi to zdecydowanie za rzadko).<\/span>\n        <\/div>\n        <div class=\"benefit-item\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\n            <span>Poznasz narz\u0119dzia, dzi\u0119ki kt\u00f3rym <strong>Tw\u00f3j preorder b\u0119dzie dzia\u0142a\u0142 z automatu,<\/strong> a tak\u017ce takie, kt\u00f3re pozwol\u0105 Ci widzie\u0107, rozumie\u0107 i sprzedawa\u0107 wi\u0119cej.<\/span>\n        <\/div>\n        <div class=\"benefit-item\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\n            <span>Nauczysz si\u0119, <strong>jak oszacowa\u0107 nak\u0142ad na podstawie<\/strong> zaledwie kilku pierwszych dni przedsprzeda\u017cy.<\/span>\n        <\/div>\n        <div class=\"benefit-item\">\n            <svg xmlns=\"http:\/\/www.w.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/><\/svg>\n            <span>Zrozumiesz, kiedy jest dla Ciebie <strong>najlepszy moment na preorder<\/strong> i ile powinien on trwa\u0107.<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"cta-container\">\n        <a href=\"#formularz\" class=\"cta-button\">Pobieram e-booka!<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-author-section {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #f8f9fa;\n        \/* \u2705 ZMIANA: Zmniejszono odst\u0119p na g\u00f3rze *\/\n        padding: 20px 20px 80px 20px;\n    }\n    .imker-author-section .container {\n        max-width: 1000px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        gap: 60px;\n    }\n    \n    .imker-author-section .author-photo-column {\n        flex: 1;\n        max-width: 300px;\n    }\n\n    .imker-author-section .author-photo-column img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: 1 \/ 1;\n        border-radius: 50%;\n        object-fit: cover;\n        border: 8px solid #fff;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n        display: block;\n    }\n\n    .imker-author-section .text-column {\n        flex: 1.5;\n        text-align: left;\n    }\n    .imker-author-section h2 {\n        font-size: 16px;\n        font-weight: 700;\n        color: #da2343;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin: 0 0 10px 0;\n    }\n    .imker-author-section h3 {\n        font-size: 32px;\n        font-weight: 800;\n        color: #111;\n        margin: 0 0 20px 0;\n    }\n    .imker-author-section p {\n        font-size: 17px;\n        line-height: 1.8;\n        color: #444;\n        margin: 0 0 1em 0;\n    }\n    .imker-author-section p:last-child {\n        margin-bottom: 0;\n    }\n    \n    .imker-author-section .highlight-red {\n        color: #da2343;\n    }\n    \n    @media (max-width: 768px) {\n        .imker-author-section {\n            padding: 30px 20px 60px 20px; \/* Dopasowane odst\u0119py na mobile *\/\n        }\n        .imker-author-section .container {\n            flex-direction: column;\n            text-align: center;\n        }\n        .imker-author-section .text-column {\n            text-align: center;\n        }\n    }\n<\/style>\n\n<section class=\"imker-author-section\">\n    <div class=\"container\">\n        <div class=\"author-photo-column\">\n            <img decoding=\"async\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/projekt-bez-nazwy-2025-08-18t102256.933-e1755505808412.png\" alt=\"Katarzyna Tymicka\">\n        <\/div>\n\n        <div class=\"text-column\">\n            <h2>O autorce<\/h2>\n            <h3>Katarzyna Tymicka<\/h3>\n            <p>\n                <strong>Od 7 lat w <span class=\"highlight-red\">IMKER<\/span> uczestniczy w licznych przedsprzeda\u017cach i premierach produkt\u00f3w<\/strong> i przez ten czas pozna\u0142a je niemal od wszystkich stron. Realizowa\u0142a preorderowe wysy\u0142ki, obs\u0142ugiwa\u0142a skrzynki sklepowe, a nast\u0119pnie przez niemal 5 lat jako Doradczyni <strong>pomaga\u0142a setkom Tw\u00f3rc\u00f3w wypuszcza\u0107 w\u0142asne produkty, by finalnie\u2026 zaj\u0105\u0107 si\u0119 marketingiem.<\/strong> Ten miks sprawia, \u017ce o przedsprzeda\u017cy mog\u0142aby m\u00f3wi\u0107 godzinami i to omawiaj\u0105c najr\u00f3\u017cniejsze perspektywy. \n            <\/p>\n            <p>\n                Ale nie o to chodzi, \u017ceby po\u015bwi\u0119ci\u0107 kilka dni na ogarni\u0119cie tematu &#8211; dlatego teraz <strong>dzieli si\u0119 swoj\u0105 wiedz\u0105 w skondensowanej formie,<\/strong> kt\u00f3r\u0105 przeczytasz w p\u00f3\u0142 godziny, a wdro\u017cysz w \u017cycie w 8 godzin. \n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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>Potwierd\u017a subskrypcj\u0119<\/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 {\n            --brand1: #DA2343;\n            --brand2: #FF6A3C; \n            --text-dark: #111827;\n            --text-muted: #4b5563;\n        }\n        body {\n            font-family: 'Open Sans', sans-serif;\n            margin: 0;\n            background-color: #fff;\n            color: var(--text-dark);\n        }\n        .confirmation-section {\n            \/* \u2705 ZMIANA: Zmniejszono g\u00f3rny odst\u0119p *\/\n            padding: 20px 20px 60px 20px;\n            text-align: center;\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; }\n            .confirmation-section .main-title { font-size: 26px; }\n            .confirmation-section .form-container { padding: 30px 25px; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <section id=\"formularz\" class=\"confirmation-section\">\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                    portalId: \"27093186\",\n                    formId: \"6250c2ab-df4d-47be-9e40-815713820c9c\",\n                    region: \"eu1\"\n                  });\n                <\/script>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-f56f613f 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>Przedsprzeda\u017c \u2013 Landing Przedsprzeda\u017c? Ogarnij j\u0105 w jeden dzie\u0144! Przed Tob\u0105 Tw\u00f3j pierwszy w \u017cyciu preorder i zupe\u0142nie nie wiesz, jak si\u0119 za to zabra\u0107? To zrozumia\u0142e &#8211; jest tu troch\u0119 rzeczy do zrobienia i \u0142atwo si\u0119 w tym pogubi\u0107, co\u015b przeoczy\u0107 lub co\u015b zrobi\u0107 \u017ale. Szczeg\u00f3lnie, \u017ce nie mia\u0142e\u015b jeszcze okazji uczy\u0107 si\u0119 na [&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-34","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/34","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=34"}],"version-history":[{"count":135,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/34\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}