{"id":323,"date":"2025-08-25T15:44:46","date_gmt":"2025-08-25T13:44:46","guid":{"rendered":"https:\/\/imker.pl\/poradniki\/?page_id=323"},"modified":"2025-08-26T09:00:47","modified_gmt":"2025-08-26T07:00:47","slug":"ebook-reklamy-fb","status":"publish","type":"page","link":"https:\/\/imker.pl\/poradniki\/ebook-reklamy-fb\/","title":{"rendered":"ebook-reklamy-fb"},"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>Stw\u00f3rz swoje pierwsze <span class=\"grad\">reklamy<\/span> na Facebooku!<\/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>Pierwsze kroki w reklamach<span class=\"grad\"> nie musz\u0105<\/span> by\u0107 trudne!<\/h2>\n      \n      <p class=\"intro-text\">\n          Zdob\u0105d\u017a wszystkie niezb\u0119dne narz\u0119dzia i wiedz\u0119, aby Twoje reklamy na Facebooku dotar\u0142y do w\u0142a\u015bciwych os\u00f3b i zwi\u0119kszy\u0142y sprzeda\u017c Twoich produkt\u00f3w. Jak to zrobi\u0107? Szczeg\u00f3\u0142owo opisujemy to w 29-stronicowym e-booku ,,Jak rozpocz\u0105\u0107 tworzenie reklam na Facebooku\u2019\u2019. Pierwsze kroki dla Tw\u00f3rczy\u0144 i Tw\u00f3rc\u00f3w.\n\n      <\/p>\n\n      <h3 class=\"list-header\">Pobierz darmowy e-book i zacznij rozwija\u0107 sw\u00f3j biznes ju\u017c teraz! \ud83d\udcb8<\/h3>\n\n      <div class=\"cta\">\n        <a class=\"btn-primary\" href=\"#formularz\">Pobieram e-book i zaczynam dzia\u0142a\u0107!<\/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\/bez-nazwy-dokument-a4-9-1-e1729504718494-1024x935-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-spotlight-cta\">\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-spotlight-cta {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #fff;\n        padding: 80px 20px;\n    }\n    .imker-spotlight-cta .container {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .imker-spotlight-cta .intro-content {\n        margin-bottom: 60px;\n    }\n    .imker-spotlight-cta h2 {\n        font-size: 40px;\n        font-weight: 800;\n        color: #111;\n        line-height: 1.3;\n        margin: 0 0 15px 0;\n    }\n    \n    .imker-spotlight-cta .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    .imker-spotlight-cta .subtitle {\n        font-size: 18px;\n        color: #444;\n        line-height: 1.7;\n        margin: 0;\n    }\n\n    .imker-spotlight-cta .cta-box {\n        background-color: #f8f9fa;\n        color: #111;\n        border-radius: 20px;\n        padding: 50px;\n        position: relative;\n        overflow: hidden;\n        border: 1px solid #eee;\n    }\n    .imker-spotlight-cta .background-icon {\n        position: absolute;\n        font-size: 200px;\n        color: rgba(0, 0, 0, 0.04);\n        right: 20px;\n        bottom: -50px;\n        z-index: 1;\n        user-select: none;\n        line-height: 1;\n    }\n    .imker-spotlight-cta .cta-content {\n        position: relative;\n        z-index: 2;\n    }\n    .imker-spotlight-cta .cta-content p {\n        font-size: 18px;\n        line-height: 1.7;\n        color: #444;\n        margin: 0 auto 30px auto;\n        max-width: 600px;\n    }\n    .imker-spotlight-cta .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    .imker-spotlight-cta .cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 30px rgba(218, 35, 67, 0.3);\n    }\n\n    \/* Responsywno\u015b\u0107 *\/\n    @media (max-width: 768px) {\n        .imker-spotlight-cta { padding: 60px 20px; }\n        .imker-spotlight-cta h2 { font-size: 30px; }\n        .imker-spotlight-cta .cta-box { padding: 40px 25px; }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"intro-content\">\n        <h2>Ustawianie reklam to dla Ciebie <span class=\"gradient-text\">czarna magia?<\/span><\/h2>\n        <p class=\"subtitle\">Zastanawiasz si\u0119, jak efektywnie promowa\u0107 swoje produkty lub us\u0142ugi, ale nie wiesz, od czego zacz\u0105\u0107?<\/p>\n    <\/div>\n    \n    <div class=\"cta-box\">\n        <div class=\"background-icon\">\ud83d\ude80<\/div>\n        <div class=\"cta-content\">\n            <p>\n                Przygotowali\u015bmy dla Ciebie <strong>kompletny e-book<\/strong>, kt\u00f3ry krok po kroku poprowadzi Ci\u0119 przez proces konfiguracji reklam \u2013 od za\u0142o\u017cenia konta w Business Managerze, przez dodanie pixela, po ustawienia pierwszej kampanii na porzucone koszyki.\n            <\/p>\n            <a href=\"#formularz\" class=\"cta-button\">Pobierz darmowy e-book<\/a>\n        <\/div>\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-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-for-whom-section\">\n  <style>\n    .imker-for-whom-section {\n      font-family: 'Open Sans', sans-serif;\n      background-color: #fff;\n      padding: 80px 20px;\n    }\n    .imker-for-whom-section .container {\n      max-width: 900px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .imker-for-whom-section h2 {\n      font-size: 40px;\n      font-weight: 800;\n      color: #111;\n      margin: 0 0 50px 0;\n    }\n    .imker-for-whom-section .highlight-red {\n      color: #da2343;\n    }\n    \n    .imker-for-whom-section .target-grid {\n      display: grid;\n      \/* Domy\u015blnie 3 kolumny, auto-fit zadba o responsywno\u015b\u0107 *\/\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 30px;\n    }\n    .imker-for-whom-section .target-card {\n      background-color: #f8f9fa;\n      border-radius: 16px;\n      padding: 30px;\n      border: 1px solid #f0f0f0;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .imker-for-whom-section .target-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    }\n    .imker-for-whom-section .card-icon {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 20px auto;\n      background-color: #fef5f5;\n      color: #da2343;\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .imker-for-whom-section .card-icon svg {\n        width: 24px;\n        height: 24px;\n    }\n    .imker-for-whom-section .target-card h3 {\n      font-size: 18px;\n      font-weight: 700;\n      color: #111;\n      margin: 0 0 10px 0;\n    }\n    .imker-for-whom-section .target-card p {\n      font-size: 16px;\n      color: #444;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    \/* Responsywno\u015b\u0107 *\/\n    @media (max-width: 768px) {\n      .imker-for-whom-section { padding: 60px 20px; }\n      .imker-for-whom-section h2 { font-size: 32px; }\n    }\n  <\/style>\n  \n  <div class=\"container\">\n    <h2>Dla kogo jest ten <span class=\"highlight-red\">e-book?<\/span><\/h2>\n    \n    <div class=\"target-grid\">\n      <div class=\"target-card\">\n        <div class=\"card-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n        <\/div>\n        <h3>Dla Tw\u00f3rc\u00f3w i Tw\u00f3rczy\u0144<\/h3>\n        <p>zaczynaj\u0105cych swoj\u0105 przygod\u0119 z p\u0142atnymi reklamami.<\/p>\n      <\/div>\n\n      <div class=\"target-card\">\n        <div class=\"card-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg>\n        <\/div>\n        <h3>Dla ma\u0142ych e-commerce<\/h3>\n        <p>W\u0142a\u015bcicieli ma\u0142ych biznes\u00f3w, kt\u00f3rzy chc\u0105 samodzielnie zarz\u0105dza\u0107 promocj\u0105.<\/p>\n      <\/div>\n\n      <div class=\"target-card\">\n        <div class=\"card-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n        <\/div>\n        <h3>Dla wszystkich pocz\u0105tkuj\u0105cych<\/h3>\n        <p>Kt\u00f3rzy chc\u0105 opanowa\u0107 podstawy reklamy bez skomplikowanych, technicznych termin\u00f3w.<\/p>\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=\"ebook-contents-section\">\n  <style>\n    .ebook-contents-section {\n      font-family: 'Open Sans', sans-serif;\n      background-color: #f8f9fa;\n      padding: 80px 20px;\n    }\n    .ebook-contents-section .container {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1.2fr;\n      align-items: center;\n      gap: 60px;\n    }\n    \n    \/* Kolumna z wizualizacj\u0105 *\/\n    .ebook-contents-section .image-column img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 16px;\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Kolumna z tekstem *\/\n    .ebook-contents-section .text-column h2 {\n      font-size: 40px;\n      font-weight: 800;\n      color: #111;\n      margin: 0 0 30px 0;\n    }\n    .ebook-contents-section .highlight-red {\n      color: #da2343;\n    }\n    .ebook-contents-section .contents-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 25px;\n    }\n    .ebook-contents-section .contents-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      font-size: 17px;\n      line-height: 1.6;\n      color: #333;\n    }\n    .ebook-contents-section .list-icon {\n      flex-shrink: 0;\n      width: 24px;\n      height: 24px;\n      color: #da2343;\n      margin-top: 3px;\n    }\n\n    \/* Responsywno\u015b\u0107 *\/\n    @media (max-width: 992px) {\n      .ebook-contents-section .container {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n       .ebook-contents-section .image-column {\n        order: -1; \/* Zdj\u0119cie na g\u00f3rze na mobile *\/\n        margin-bottom: 40px;\n        max-width: 400px;\n        justify-self: center;\n      }\n      .ebook-contents-section .text-column h2 {\n        font-size: 32px;\n      }\n    }\n  <\/style>\n  \n  <div class=\"container\">\n    <div class=\"image-column\">\n      <img decoding=\"async\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/zdjecie-ebook-landing-e1730188527830-1024x1021-1.jpg\" alt=\"Spis tre\u015bci e-booka\">\n    <\/div>\n    <div class=\"text-column\">\n      <h2>Co znajdziesz <span class=\"highlight-red\">w \u015brodku?<\/span><\/h2>\n      <ul class=\"contents-list\">\n        <li>\n          <svg class=\"list-icon\" 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=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n          <span><strong>Jak krok po kroku za\u0142o\u017cy\u0107<\/strong> i skonfigurowa\u0107 konto reklamowe na Facebooku.<\/span>\n        <\/li>\n        <li>\n          <svg class=\"list-icon\" 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=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n          <span><strong>Instrukcj\u0119 tworzenia piksela Facebooka<\/strong> oraz jego integracji z Twoj\u0105 stron\u0105, sklepem czy koszykiem.<\/span>\n        <\/li>\n        <li>\n          <svg class=\"list-icon\" 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=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n          <span>Wskaz\u00f3wki dotycz\u0105ce wyboru odpowiedniej <strong>grupy docelowej<\/strong>, aby reklamy dociera\u0142y do w\u0142a\u015bciwych os\u00f3b.<\/span>\n        <\/li>\n        <li>\n          <svg class=\"list-icon\" 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=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n          <span>Przewodnik, jak ustawi\u0107 swoj\u0105 pierwsz\u0105 <strong>kampani\u0119 na porzucone koszyki<\/strong> dla pojedynczego produktu.<\/span>\n        <\/li>\n      <\/ul>\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-why-ads-section\">\n  <style>\n    .imker-why-ads-section {\n      font-family: 'Open Sans', sans-serif;\n      background-color: #fff;\n      padding: 80px 20px;\n    }\n    .imker-why-ads-section .container {\n      max-width: 800px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .imker-why-ads-section h2 {\n      font-size: 40px;\n      font-weight: 800;\n      color: #111;\n      margin: 0 0 30px 0;\n    }\n    \/* === \u2705 ZMIANA: Nowy styl dla gradientu === *\/\n    .imker-why-ads-section .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    .imker-why-ads-section p {\n        font-size: 18px;\n        line-height: 1.7;\n        color: #444;\n        margin: 0 auto 25px auto;\n    }\n    \n    .imker-why-ads-section .stat-block {\n        background-color: #f8f9fa;\n        border-radius: 16px;\n        padding: 30px;\n        margin: 40px auto;\n        border: 1px solid #f0f0f0;\n    }\n    .imker-why-ads-section .stat-number {\n        font-size: 64px;\n        font-weight: 800;\n        color: #da2343;\n        line-height: 1;\n    }\n    .imker-why-ads-section .stat-label {\n        font-size: 16px;\n        font-weight: 600;\n        color: #555;\n        margin-top: 10px;\n    }\n\n    \/* === \u2705 ZMIANA: Nowy styl dla obrazka === *\/\n    .imker-why-ads-section .image-wrapper {\n        margin-top: 40px;\n    }\n    .imker-why-ads-section .image-wrapper img {\n        display: block;\n        width: 100%;\n        height: auto;\n        border-radius: 16px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n    }\n    \n    \/* Responsywno\u015b\u0107 *\/\n    @media (max-width: 768px) {\n      .imker-why-ads-section { padding: 60px 20px; }\n      .imker-why-ads-section h2 { font-size: 32px; }\n      .imker-why-ads-section p { font-size: 17px; }\n      .imker-why-ads-section .stat-number { font-size: 52px; }\n    }\n  <\/style>\n  \n  <div class=\"container\">\n    <h2>Dlaczego warto inwestowa\u0107 w <span class=\"gradient-text\">reklamy?<\/span><\/h2>\n    <p>\n        Wielu tw\u00f3rc\u00f3w bazuje na organicznych formach promocji, co doskonale odzwierciedlaj\u0105 wyniki naszych bada\u0144.\n    <\/p>\n\n    <div class=\"stat-block\">\n        <div class=\"stat-number\">Ponad 60%<\/div>\n        <div class=\"stat-label\">ankietowanych przyznaje, \u017ce w og\u00f3le nie korzysta z p\u0142atnych form promocji.<\/div>\n    <\/div>\n\n    <p>\n        Cho\u0107 organiczny zasi\u0119g mo\u017ce wydawa\u0107 si\u0119 wygodnym rozwi\u0105zaniem, cz\u0119sto wi\u0105\u017ce si\u0119 z ograniczeniami w dotarciu do szerszej grupy odbiorc\u00f3w. Nie pozw\u00f3l, aby Tw\u00f3j biznes pozosta\u0142 w cieniu! P\u0142atne reklamy to klucz do skutecznej promocji. Nasz darmowy e-book dostarczy Ci wszystkich niezb\u0119dnych informacji, kt\u00f3re pomog\u0105 Ci rozpocz\u0105\u0107 przygod\u0119 z reklamami na Facebooku i maksymalizowa\u0107 zyski.\n    <\/p>\n\n    <div class=\"image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/imker.pl\/poradniki\/wp-content\/uploads\/2025\/08\/wykres-raport-ebook-reklamy-1024x576-1.webp\" alt=\"Grafika ilustruj\u0105ca e-book o reklamach\">\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-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-author-section {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #f8f9fa;\n        padding: 40px 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    \/* \u2705 NOWY STYL: Dodano styl dla czerwonego tekstu *\/\n    .imker-author-section .highlight-red {\n        color: #da2343;\n    }\n    \n    @media (max-width: 768px) {\n        .imker-author-section {\n            padding: 60px 20px;\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-34.webp\" alt=\"Marek Gw\u00f3d\u017a\">\n        <\/div>\n\n        <div class=\"text-column\">\n            <h2>O autorze<\/h2>\n            <h3>Marek Gw\u00f3d\u017a<\/h3>\n            <p>\n                 Konsultant, FB Ads Specialist i Marketing Manager, geek e-marketingu. Potrzebujesz kampanii dedykowanej? Z pewno\u015bci\u0105 Ci pomo\u017ce. Wsp\u00f3\u0142organizator najwi\u0119kszego towarzyskiego turnieju siatkarskiego na \u015bwiecie (Memoria\u0142 Wagnera), specjalista Social Media Ads u Paw\u0142a Domaga\u0142y.\n<p>\n\nPracuje z <strong>najwi\u0119kszymi markami w Polsce,<\/strong> przygotowuje reklamy w 23 krajach Europy jak r\u00f3wnie\u017c w Stanach Zjednoczonych.\n            <\/p>\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 id=\"formularz\" class=\"confirmation-section\">\n    <style>\n        .confirmation-section {\n            font-family: 'Open Sans', sans-serif;\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              \/\/ \u2705 ZMIANA: Podmieniono formId na nowy\n              hbspt.forms.create({\n                region: \"eu1\",\n                portalId: \"27093186\",\n                formId: \"529ab8f9-facf-4c41-9b4e-2b8824664fac\"\n              });\n            <\/script>\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-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 Stw\u00f3rz swoje pierwsze reklamy na Facebooku! Pierwsze kroki w reklamach nie musz\u0105 by\u0107 trudne! Zdob\u0105d\u017a wszystkie niezb\u0119dne narz\u0119dzia i wiedz\u0119, aby Twoje reklamy na Facebooku dotar\u0142y do w\u0142a\u015bciwych os\u00f3b i zwi\u0119kszy\u0142y sprzeda\u017c Twoich produkt\u00f3w. Jak to zrobi\u0107? Szczeg\u00f3\u0142owo opisujemy to w 29-stronicowym e-booku ,,Jak rozpocz\u0105\u0107 tworzenie reklam na Facebooku\u2019\u2019. Pierwsze kroki [&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-323","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/323","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=323"}],"version-history":[{"count":36,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/pages\/323\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/imker.pl\/poradniki\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}