{"id":5501,"date":"2025-07-09T15:15:06","date_gmt":"2025-07-09T13:15:06","guid":{"rendered":"https:\/\/easycommerceweb.pl\/?page_id=5501"},"modified":"2025-12-18T10:27:30","modified_gmt":"2025-12-18T09:27:30","slug":"lead-magnet","status":"publish","type":"page","link":"https:\/\/easycommerceweb.pl\/en\/lead-magnet\/","title":{"rendered":"Lead Magnet"},"content":{"rendered":"<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sprawd\u017a rentowno\u015b\u0107 swojej oferty na Allegro<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Policz COS i dowiedz si\u0119, jak obni\u017cy\u0107 koszty sprzeda\u017cy i zwi\u0119kszy\u0107 swoje zyski.<\/h3>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\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\" \/>\n  <title>Oblicz COS na Allegro \u2013 easyCommerce<\/title>\n  <meta name=\"description\" content=\"Szybko sprawd\u017a estymowany COS oferty na Allegro. Podaj link do oferty \u2013 reszt\u0105 zajmiemy si\u0119 my.\" \/>\n  <style>\n    :root{\n      --bg:#ffffff;--ink:#111827;--muted:#444;--line:#e5e7eb;--brand:#f97316;--brand-2:#fb923c;--ok:#16a34a;--warn:#b91c1c;--surface:#f9fafb;--chip:#f3f4f6\n    }\n    *{box-sizing:border-box}\n    body{font-family:Inter, Arial, sans-serif;background:var(--bg);padding:40px 0;color:var(--ink)}\n    .container{max-width:960px;margin:0 auto;padding:0 20px}\n    .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}\n    .logo{font-weight:800;letter-spacing:.2px}\n\n    \/* Du\u017cy, pomara\u0144czowy przycisk Case Study w headerze *\/\n    .cs-link{\n      font-size:16px;font-weight:700;text-decoration:none;background:var(--brand);color:#fff;border:none;\n      padding:12px 20px;border-radius:10px;transition:background-color .25s, transform .02s\n    }\n    .cs-link:hover{background:var(--brand-2)}\n    .cs-link:active{transform:translateY(1px)}\n\n    .info-block{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:32px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}\n    .info-block h1{font-size:28px;margin:0 0 10px;color:var(--ink)}\n    .info-block p{margin:0 0 12px}\n    .info-block code{background:var(--chip);padding:2px 5px;border-radius:4px;font-size:14px}\n\n    .form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}\n\n    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n    @media(max-width:720px){.form-grid{grid-template-columns:1fr}}\n\n    label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:#111827}\n    input[type=\"text\"],input[type=\"email\"],input[type=\"tel\"],select{\n      width:100%;padding:14px;background:#f9f9f9;border:1px solid #ccc;border-radius:10px;font-size:16px\n    }\n    input:focus,select:focus{outline:3px solid #fde8d7;border-color:var(--brand)}\n\n    .option-group{margin-top:8px}\n    .option-line{display:flex;align-items:center;gap:10px;margin-top:8px}\n    .option-line input[type=\"checkbox\"],.option-line input[type=\"radio\"]{\n      appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #ccc;width:18px;height:18px;border-radius:4px;cursor:pointer;position:relative\n    }\n    .option-line input[type=\"radio\"]{border-radius:50%}\n    .option-line input[type=\"checkbox\"]:checked,.option-line input[type=\"radio\"]:checked{background-color:var(--brand);border-color:var(--brand)}\n    .option-line input[type=\"checkbox\"]:checked::after,.option-line input[type=\"radio\"]:checked::after{\n      content:\"\u2713\";color:white;font-size:14px;position:absolute;left:2px;top:-2px\n    }\n\n    .row-span-2{grid-column:1 \/ -1}\n\n    .submit-wrap{margin-top:16px}\n    #submitBtn{\n      display:block;margin:12px 0 0;padding:18px 22px;background-color:var(--brand);color:white;border:none;border-radius:12px;\n      font-size:18px;font-weight:800;cursor:pointer;width:100%;transition:background-color .25s, transform .02s\n    }\n    #submitBtn:active{transform:translateY(1px)}\n    #submitBtn.loading{background-color:var(--brand-2);pointer-events:none;opacity:.9}\n\n    .helper{font-size:13px;color:#6b7280;margin-top:6px}\n    .error{display:none;color:var(--warn);font-size:14px;margin-top:6px}\n    .show{display:block}\n\n    .thankyou{display:none;text-align:center;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px}\n    .thankyou h2{font-size:28px;margin:0 0 10px}\n    .thankyou p{margin:6px 0 0}\n    .btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}\n    .btn{display:inline-block;text-decoration:none;padding:12px 16px;border:1px solid var(--line);border-radius:12px}\n    .btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}\n\n    .foot-note{font-size:12px;color:#6b7280;margin-top:12px}\n    .badge{display:inline-block;font-size:12px;border:1px dashed var(--line);padding:6px 10px;border-radius:999px;background:var(--chip);margin-top:8px}\n\n    .note{font-size:14px;color:#6b7280}\n    .note a{color:var(--brand);font-weight:600;text-decoration:none}\n    .note a:hover{color:var(--brand-2)}\n\n    .hr{height:1px;background:var(--line);margin:16px 0}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <header class=\"header\">\n      <div class=\"logo\">\n  <a href=\"https:\/\/easycommerceweb.pl\/en\/\" target=\"_blank\" rel=\"noopener\">\n    <img decoding=\"async\" src=\"http:\/\/easycommerceweb.pl\/wp-content\/uploads\/2024\/12\/logo-easycommerce-2-1.png\" \n         alt=\"EasyCommerce\" \n         style=\"height:48px; width:auto; display:block;\">\n  <\/a>\n<\/div>      <a class=\"cs-link\" href=\"https:\/\/easycommerceweb.pl\/en\/casestudy\/\" target=\"_blank\" rel=\"noopener\">Zobacz nasze Case Study<\/a>\n    <\/header>\n\n    <section class=\"info-block\" id=\"intro\">\n      <h1>Zobacz, ile naprawd\u0119 zarabiasz na Allegro<\/h1>\n      <p>Prowizje, op\u0142aty, koszty wysy\u0142ki \u2013 wszystko to wp\u0142ywa na to, co zostaje Ci na ko\u0144cu.<\/p>\n      <p><strong>COS (Cost of Sale)<\/strong> to wska\u017anik, kt\u00f3ry pokazuje, jaki procent warto\u015bci sprzeda\u017cy \u201ezjadaj\u0105\u201d koszty, przede wszystkim prowizja Allegro. Im ni\u017cszy COS, tym wy\u017cszy realny zysk.<\/p>\n      <p>Podaj link do oferty, swojej lub konkurencji, a my policzymy COS i podpowiemy, jak poprawi\u0107 rentowno\u015b\u0107.<\/p>\n     \n      <span class=\"badge\">Estymacja w oparciu o publiczne dane oferty<\/span>\n    <\/section>\n\n    <main class=\"form-card\" id=\"formView\" aria-live=\"polite\">\n      <form id=\"rentForm\" novalidate action=\"\">\n        <div class=\"form-grid\">\n          <div>\n            <label for=\"firstName\">Imi\u0119<\/label>\n            <input type=\"text\" id=\"firstName\" name=\"firstName\" autocomplete=\"given-name\" required \/>\n            <div class=\"error\" id=\"err-firstName\">Podaj imi\u0119.<\/div>\n          <\/div>\n          <div>\n            <label for=\"lastName\">Nazwisko<\/label>\n            <input type=\"text\" id=\"lastName\" name=\"lastName\" autocomplete=\"family-name\" required \/>\n            <div class=\"error\" id=\"err-lastName\">Podaj nazwisko.<\/div>\n          <\/div>\n\n          <div>\n            <label for=\"email\">E-mail<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" autocomplete=\"email\" required \/>\n            <div class=\"error\" id=\"err-email\">Podaj poprawny adres e-mail.<\/div>\n          <\/div>\n          <div>\n            <label for=\"phone\">Telefon kontaktowy (opcjonalnie)<\/label>\n            <input type=\"tel\" id=\"phone\" name=\"phone\" autocomplete=\"tel\" \/>\n          <\/div>\n\n          <div class=\"row-span-2\">\n            <label for=\"offerId\">Link do oferty (w\u0142asnej lub konkurencji)<\/label>\n            <!-- Zmiana: usuni\u0119ty pattern i inputmode, placeholder zostaje -->\n            <input type=\"text\" id=\"offerId\" name=\"offerId\" placeholder=\"np. https:\/\/allegro.pl\/oferta\/krzeslo-obrotowe-biurowe-ergonomiczne-1234567890\" required \/>\n            <!-- Pomoc: link LUB sam numer -->\n           \n          <\/div>\n\n          <div>\n            <label for=\"offerType\">Rodzaj oferty<\/label>\n            <select id=\"offerType\" name=\"offerType\" required>\n              <option value=\"\">&#8211;Wybierz&#8211;<\/option>\n              <option value=\"moja\">Moja oferta<\/option>\n              <option value=\"konkurencja\">Oferta konkurencji<\/option>\n            <\/select>\n            <div class=\"error\" id=\"err-offerType\">Wybierz rodzaj oferty.<\/div>\n          <\/div>\n\n          <div class=\"option-group\">\n            <label>Czy prowadzisz ju\u017c sprzeda\u017c na Allegro?<\/label>\n            <div class=\"option-line\"><input type=\"radio\" id=\"yes\" name=\"selling\" value=\"tak\" required \/><label for=\"yes\">Tak<\/label><\/div>\n            <div class=\"option-line\"><input type=\"radio\" id=\"no\" name=\"selling\" value=\"nie\" required \/><label for=\"no\">Nie<\/label><\/div>\n            <div class=\"error\" id=\"err-selling\">Zaznacz jedn\u0105 z opcji.<\/div>\n          <\/div>\n\n          <div class=\"row-span-2 option-line\" style=\"margin-top:12px\">\n            <input type=\"checkbox\" id=\"marketingConsent\" name=\"marketingConsent\" required \/>\n            <label for=\"marketingConsent\">Wyra\u017cam zgod\u0119 na kontakt w celach marketingowych.<\/label>\n            <div class=\"error\" id=\"err-consent\" style=\"margin-left:0\">Zaznacz zgod\u0119, aby kontynuowa\u0107.<\/div>\n          <\/div>\n<p class=\"helper row-span-2\" style=\"margin-top:6px\">\n  Administratorem danych jest easyCommerce. Wi\u0119cej informacji o przetwarzaniu danych znajdziesz w \n  <a href=\"https:\/\/easycommerceweb.pl\/en\/polityka-prywatnosci\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#ff6a00;text-decoration:underline;font-family:inherit;\">\n    Polityce prywatno\u015bci\n  <\/a>.\n<\/p>\n\n          <!-- honeypot przeciw spamowi -->\n          <input type=\"text\" name=\"website\" id=\"website\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\" \/>\n\n          <!-- automatyczne UTM-y i kontekst -->\n          <input type=\"hidden\" name=\"utm_source\" id=\"utm_source\" \/>\n          <input type=\"hidden\" name=\"utm_medium\" id=\"utm_medium\" \/>\n          <input type=\"hidden\" name=\"utm_campaign\" id=\"utm_campaign\" \/>\n          <input type=\"hidden\" name=\"utm_term\" id=\"utm_term\" \/>\n          <input type=\"hidden\" name=\"utm_content\" id=\"utm_content\" \/>\n          <input type=\"hidden\" name=\"referrer\" id=\"referrer\" \/>\n          <input type=\"hidden\" name=\"page_url\" id=\"page_url\" \/>\n        <\/div>\n\n        <div class=\"submit-wrap\">\n          <button type=\"submit\" id=\"submitBtn\">Oblicz rentowno\u015b\u0107<\/button>\n          <div class=\"foot-note\">Klikaj\u0105c \u201eOblicz rentowno\u015b\u0107\u201d, prze\u015blesz dane przez bezpieczne po\u0142\u0105czenie do analizy.<\/div>\n          <div class=\"hr\"><\/div>\n          <!-- +10% wi\u0119kszy font TYLKO dla tego konkretnego napisu -->\n          <div class=\"note\" style=\"font-size:15.4px\">Chcesz zobaczy\u0107, jakie wyniki osi\u0105gamy? <a href=\"https:\/\/easycommerceweb.pl\/en\/casestudy\/\" target=\"_blank\" rel=\"noopener\">Zobacz nasze Case Study<\/a>.<\/div>\n        <\/div>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n    <\/main>\n\n    <!-- Widok podzi\u0119kowania jako pseudo \"thank-you page\" w tej samej stronie -->\n    <section id=\"thankyouView\" class=\"thankyou\" aria-live=\"polite\">\n      <h2>Dzi\u0119kujemy! \u2709\ufe0f<\/h2>\n      <p>Analiz\u0119 estymowanego COS dla wskazanej oferty wy\u015blemy na podany adres e-mail w <strong>najbli\u017cszy dzie\u0144 roboczy<\/strong>.<\/p>\n      <p class=\"note\">Je\u015bli nie widzisz wiadomo\u015bci, sprawd\u017a foldery \u201eOferty\/Promocje\u201d lub \u201eSpam\u201d.<\/p>\n      <div class=\"btn-row\">\n        <a class=\"btn primary\" href=\"https:\/\/easycommerceweb.pl\/en\/casestudy\/\" target=\"_blank\" rel=\"noopener\">Zobacz nasze Case Study<\/a>\n        <a class=\"btn\" href=\"#\" id=\"backToForm\">Wy\u015blij kolejn\u0105 ofert\u0119<\/a>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <script>\n    const form = document.getElementById('rentForm');\n    const formView = document.getElementById('formView');\n    const thankyouView = document.getElementById('thankyouView');\n    const submitBtn = document.getElementById('submitBtn');\n\n    \/\/ wype\u0142nij hiddeny UTM + kontekst\n    (function fillHidden(){\n      const u = new URL(window.location.href);\n      const set = (k)=>{ const el = document.getElementById(k); if(el){ el.value = u.searchParams.get(k) || '' } };\n      ['utm_source','utm_medium','utm_campaign','utm_term','utm_content'].forEach(set);\n      document.getElementById('referrer').value = document.referrer || '';\n      document.getElementById('page_url').value = window.location.href;\n    })();\n\n    \/\/ Wyci\u0105ga ostatni ci\u0105g cyfr (>=6) \u2013 dzia\u0142a dla samego numeru i dla pe\u0142nego URL\n    function extractAllegroId(input) {\n      const s = (input || '').trim();\n      if (!s) return null;\n      \/\/ je\u015bli same cyfry\n      if (\/^[0-9]{6,}$\/.test(s)) return s;\n      \/\/ znajd\u017a wszystkie ci\u0105gi cyfr 6+ i we\u017a ostatni\n      const matches = s.match(\/[0-9]{6,}\/g);\n      return matches ? matches[matches.length - 1] : null;\n    }\n\n    function showError(id, cond){\n      const el = document.getElementById(id);\n      if(!el) return;\n      if(cond){ el.classList.add('show') } else { el.classList.remove('show') }\n    }\n\n    function validate(){\n      let ok = true;\n      const firstName = document.getElementById('firstName').value.trim();\n      const lastName = document.getElementById('lastName').value.trim();\n      const email = document.getElementById('email').value.trim();\n      const offerInput = document.getElementById('offerId').value.trim();\n      const offerType = document.getElementById('offerType').value;\n      const sellingYes = document.getElementById('yes').checked;\n      const sellingNo = document.getElementById('no').checked;\n      const consent = document.getElementById('marketingConsent').checked;\n\n      const extractedId = extractAllegroId(offerInput);\n\n      showError('err-firstName', !firstName);\n      showError('err-lastName', !lastName);\n      showError('err-email', !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email));\n      \/\/ Zmiana: walidujemy po wyci\u0105gni\u0119ciu ID\n      showError('err-offerId', !extractedId);\n      showError('err-offerType', !offerType);\n      showError('err-selling', !(sellingYes || sellingNo));\n      showError('err-consent', !consent);\n\n      ok = firstName && lastName && \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email) && !!extractedId && !!offerType && (sellingYes||sellingNo) && consent;\n      return ok;\n    }\n\n    function switchToThankYou(){\n      formView.style.display = 'none';\n      thankyouView.style.display = 'block';\n      \/\/ zmie\u0144 URL na \/thank-you bez prze\u0142adowania (\u0142adniej do analityki)\n      if(window.history && window.history.pushState){\n        const u = new URL(window.location.href);\n        u.searchParams.set('view','thank-you');\n        window.history.pushState({view:'thank-you'}, '', u.toString());\n      }\n    }\n\n    document.getElementById('backToForm').addEventListener('click', (e)=>{\n      e.preventDefault();\n      thankyouView.style.display = 'none';\n      formView.style.display = 'block';\n      if(window.history && window.history.pushState){\n        const u = new URL(window.location.href);\n        u.searchParams.delete('view');\n        window.history.pushState({view:'form'}, '', u.toString());\n      }\n    });\n\n    \/\/ je\u017celi kto\u015b otworzy link z parametrem view=thank-you\n    (function checkInitialView(){\n      const u = new URL(window.location.href);\n      if(u.searchParams.get('view') === 'thank-you'){\n        switchToThankYou();\n      }\n    })();\n\n    form.addEventListener('submit', async function(e){\n      e.preventDefault();\n\n      \/\/ Wyci\u0105gamy ID (dla walidacji i payloadu)\n      const offerInput = document.getElementById('offerId').value.trim();\n      const extractedId = extractAllegroId(offerInput);\n      if(!validate()) return;\n\n      \/\/ honeypot\n      if(document.getElementById('website').value){\n        return; \/\/ bot\n      }\n\n      submitBtn.classList.add('loading');\n      submitBtn.innerText = 'Wysy\u0142anie...';\n\n      const formData = new FormData(form);\n      \/\/ Kluczowa zmiana: do Make wysy\u0142amy samo ID\n      if (extractedId) {\n        formData.set('offerId', extractedId);\n      }\n\n      try{\n        await fetch('https:\/\/hook.eu2.make.com\/izmx83f84cu5nj0j8e8nsu6cjjakdqi8',{\n          method:'POST',\n          body: formData\n        });\n        form.reset();\n        switchToThankYou();\n      }catch(err){\n        alert('Wyst\u0105pi\u0142 b\u0142\u0105d. Spr\u00f3buj ponownie.');\n      }finally{\n        submitBtn.classList.remove('loading');\n        submitBtn.innerText = 'Oblicz rentowno\u015b\u0107';\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n\n\n<div style=\"height:204px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Sprawd\u017a rentowno\u015b\u0107 swojej oferty na Allegro Policz COS i dowiedz si\u0119, jak obni\u017cy\u0107 koszty sprzeda\u017cy i zwi\u0119kszy\u0107 swoje zyski. Oblicz COS na Allegro \u2013 easyCommerce Zobacz nasze Case Study Zobacz, ile naprawd\u0119 zarabiasz na Allegro Prowizje, op\u0142aty, koszty wysy\u0142ki \u2013 [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-5501","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/pages\/5501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/comments?post=5501"}],"version-history":[{"count":41,"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/pages\/5501\/revisions"}],"predecessor-version":[{"id":5793,"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/pages\/5501\/revisions\/5793"}],"wp:attachment":[{"href":"https:\/\/easycommerceweb.pl\/en\/wp-json\/wp\/v2\/media?parent=5501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}