{"id":30727,"date":"2025-12-16T13:11:35","date_gmt":"2025-12-16T12:11:35","guid":{"rendered":"https:\/\/oferty.k4.pl\/?page_id=30727"},"modified":"2026-02-18T13:55:46","modified_gmt":"2026-02-18T12:55:46","slug":"wsparcie","status":"publish","type":"page","link":"https:\/\/oferty.k4.pl\/index.php\/wsparcie\/","title":{"rendered":"Wsparcie"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-12243e0f wp-block-group-is-layout-constrained\">\n\n\n<script>\n(function(){\n  const LOGIN_URL = \"https:\/\/oferty.k4.pl\/index.php\/login\/\";\n\n  const logged =\n    document.getElementById(\"wpadminbar\") ||\n    document.cookie.includes(\"wordpress_logged_in_\");\n\n  if (logged) return;\n\n  const url = new URL(LOGIN_URL);\n  url.searchParams.set(\"redirect_to\", window.location.href);\n  window.location.replace(url.toString());\n})();\n<\/script><style>\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\");\n\n    * { box-sizing: border-box; font-family: \"Inter\", sans-serif; }\n    body { margin: 0; background:#f5f7fb; }\n\n    \/* WRAPPER *\/\n    .support-wrap{\n      display: flex;\n  justify-content: center;\n  padding: 0px 20px;\n    }\n\n    \/* KARTA *\/\n    .support-card{\n      width: 100%;\n      max-width: 1150px;\n      background:#fff;\n      border-radius: 32px;\n      padding: 28px 30px;\n      box-shadow:\n        0px 22px 60px rgba(0,0,0,0.12),\n        0px 8px 20px rgba(0,0,0,0.10);\n      display:grid;\n      grid-template-columns: 1.05fr 1fr;\n      column-gap: 56px;\n      align-items:center;\n    }\n\n    \/* LEWA STRONA *\/\n    .support-chip{\n     display: inline-block;\n  padding: 6px 16px;\n  background: #E0EBFF;\n  color: #2563EB;\n  font-size: 12px;\n  border-radius: 999px;\n  font-weight: 500;\n  margin-bottom: 18px;\n    }\n    .support-title{\n      margin: 0 0 10px;\n      font-size: 32px;\n      line-height: 1.25;\n      letter-spacing: -0.02em;\n      color:#111827;\n      font-weight: 700;\n    }\n    .support-desc{\n      margin: 0;\n      color:#6b7280;\n      font-size: 15px;\n      line-height: 1.55;\n      max-width: 520px;\n    }\n\n    \/* PRAWA LISTA *\/\n    .support-list{\n      margin:0;\n      padding:0;\n      list-style:none;\n      display:flex;\n      flex-direction:column;\n    }\n\n    .support-item{\n      display:grid;\n      grid-template-columns: 40px 1fr;\n      gap: 14px;\n      align-items:start;\n      padding: 10px 10px;\n    }\n\n    .support-icon{\n      width: 34px;\n      height: 34px;\n      border-radius: 999px;\n      background: #f3f4f6;\n      box-shadow: inset 0 0 0 1px rgba(17,24,39,0.06);\n        display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #9CA3AF;\n    }\n\n    .support-item h3{\n      margin:0 0 4px;\n      font-size: 14px;\n      font-weight: 700;\n      color:#111827;\n    }\n\n    .support-item p{\n      margin:0;\n      font-size: 13px;\n      line-height: 1.55;\n      color:#6b7280;\n    }\n.support-icon svg{\n  width: 18px;\n  height: 18px;\n  display: grid;\n}\n    \/* RESPONSYWNO\u015a\u0106 *\/\n    @media (max-width: 860px){\n      .support-card{\n        grid-template-columns: 1fr;\n        row-gap: 18px;\n        padding: 22px 32px;\n      }\n      .support-title{ font-size: 28px; }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <section class=\"support-wrap\">\n    <div class=\"support-card\" id=\"supportCard\">\n      <!-- LEWA -->\n      <div>\n        <div class=\"support-chip\">Centrum wsparcia<\/div>\n        <h2 class=\"support-title\">Masz pytanie?<br\/>Za\u0142atwmy to szybko.<\/h2>\n        <p class=\"support-desc\">\n          Znajdziesz tu kontakt, odpowiedzi na najcz\u0119stsze pytania oraz centrum pomocy z kr\u00f3tkimi instrukcjami do najwa\u017cniejszych funkcji systemu.\n        <\/p>\n      <\/div>\n\n      <!-- PRAWA -->\n      <ul class=\"support-list\">\n        <li class=\"support-item\" data-key=\"czas\">\n          <span class=\"support-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"#9CA3AF\" class=\"bi bi-hourglass-split\" viewBox=\"0 0 16 16\">\n  <path d=\"M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z\"\/>\n<\/svg><\/span>\n          <div>\n            <h3>Czas odpowiedzi<\/h3>\n            <p>Zazwyczaj odpisujemy w ci\u0105gu 24\u201348h (dni robocze).<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"support-item\" data-key=\"zgloszenia\">\n          <span class=\"support-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-bell\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2M8 1.918l-.797.161A4 4 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4 4 0 0 0-3.203-3.92zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5 5 0 0 1 13 6c0 .88.32 4.2 1.22 6\"\/>\n<\/svg><\/span>\n          <div>\n            <h3>Zg\u0142oszenia<\/h3>\n            <p>Podaj link do przetargu i zrzut ekranu \u2014 przyspieszy to diagnoz\u0119.<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"support-item\" data-key=\"bezpieczenstwo\">\n          <span class=\"support-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-lock\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" d=\"M8 0a4 4 0 0 1 4 4v2.05a2.5 2.5 0 0 1 2 2.45v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4M4.5 7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7zM8 1a3 3 0 0 0-3 3v2h6V4a3 3 0 0 0-3-3\"\/>\n<\/svg><\/span>\n          <div>\n            <h3>Bezpiecze\u0144stwo<\/h3>\n            <p>Nie wysy\u0142aj hase\u0142. Poprosimy tylko o niezb\u0119dne informacje.<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-12243e0f wp-block-group-is-layout-constrained\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n*{\n  box-sizing:border-box;\n  font-family:\"Inter\",sans-serif;\n}\n\n\/* ===== LAYOUT ===== *\/\n.help-wrap{\n  padding:0px 18px;\n  display:flex;\n  justify-content:center;\n}\n.help-grid{\n  width:100%;\n  max-width:1150px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:26px;\n}\n\n\/* ===== CARD ===== *\/\n.card{\n  background:#fff;\n  border-radius:28px;\n  padding:26px;\n  box-shadow:\n    0px 22px 60px rgba(0,0,0,0.12),\n    0px 8px 20px rgba(0,0,0,0.10);\n}\n\n.card h2{\n  margin:0 0 6px;\n  font-size:26px;\n  font-weight:700;\n  letter-spacing:-0.02em;\n}\n.sub{\n  margin:0 0 18px;\n  font-size:13px;\n  color:#6b7280;\n  line-height:1.55;\n}\n\n\/* ===== CONTACT ===== *\/\n.contact-card{\n  display:flex;\n  flex-direction:column;\n}\n.legal-sections{\nborder-top: 1px solid #e5e7eb;\n  padding-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.form-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:14px 18px;\n}\n\n.field{\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n}\n\n.label{\n  font-size:12px;\n  font-weight:700;\n  color:#111827;\n}\n\n.input,\n.select,\n.textarea,\n.search{\n  width:100%;\n  padding:12px 16px;\n  font-size:13px;\n  color:#111827;\n  border-radius:999px;\n  border:1px solid #e5e7eb;\n  background:#f5f5f5;\n  outline:none;\n  transition:0.15s ease-out;\n}\n\n.textarea{\n  border-radius:22px;\n  min-height:140px;\n  resize:none;\n}\n\n.input::placeholder,\n.textarea::placeholder,\n.search::placeholder{\n  color:#9ca3af;\n}\n\n.input:focus,\n.select:focus,\n.textarea:focus,\n.search:focus{\n  border-color:#2563eb;\n  background:#ffffff;\n}\n\n.select{\n  appearance:none;\n  padding-right:44px;\n  background-image:\n    linear-gradient(45deg, transparent 50%, #94a3b8 50%),\n    linear-gradient(135deg, #94a3b8 50%, transparent 50%);\n  background-position:\n    calc(100% - 18px) 52%,\n    calc(100% - 12px) 52%;\n  background-size:6px 6px;\n  background-repeat:no-repeat;\n}\n\n.span-2{grid-column:1\/-1;}\n\n.form-actions{\n  margin-top:auto;\n  display:flex;\n  justify-content:flex-end;\n  padding-top:18px;\n}\n\n.btn-primary{\n  padding:12px 22px;\n  border:none;\n  border-radius:999px;\n  font-size:13px;\n  font-weight:600;\n  cursor:pointer;\n  color:#fff;\n  background:#2563eb;\n  box-shadow:0px 12px 24px rgba(37,99,235,0.35);\n  transition:0.18s ease-out;\noutline: none;\n}\n.btn-primary:hover{background:#1e4ed6;transform:translateY(-1px);}\n\n\/* ===== FAQ ===== *\/\n.faq-list{\n  margin-top:12px;\n  display:flex;\n  flex-direction:column;\n  gap:10px;\n}\n\n.faq-item{\n  border:1px solid #e5e7eb;\n  background: white;\n  border-radius:999px;\n  overflow:hidden;\n  transition:0.18s ease-out;\n}\n\n.faq-btn{\n  width:100%;\n  padding:12px 16px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  background:transparent;\n  border:none;\n  cursor:pointer;\n  font-size:13px;\n  font-weight:700;\n  color:#111827;\n  text-align:left;\n  border: 0;\n  outline: none;\n}\n\n.chev{\n  width:18px;\n  height:18px;\n  color:#94a3b8;\n  transition:transform 0.18s ease-out;\n}\n\n.faq-panel{\n background: transparent;\n  max-height:0;\n  overflow:hidden;\n  transition:max-height 0.25s ease-out;\n}\n\n.faq-panel p{\n  margin:0;\n  padding: 6px 16px 14px;\n  font-size:13px;\n  line-height:1.6;\n  color:#6b7280;\n}\n\n.faq-item.is-open{    \n  border-color:#2563eb;\n  border-radius:22px;\n}\n.faq-item.is-open .chev{transform:rotate(180deg);}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:720px){\n  .contact-card {\n padding: 22px 32px;}\n\n  .help-grid{grid-template-columns:1fr;}\n  .form-grid{grid-template-columns:1fr;}\n}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"help-wrap\">\n<div class=\"help-grid\">\n\n<!-- ===== CONTACT ===== -->\n<article class=\"card contact-card\">\n  <h2>Kontakt<\/h2>\n  <p class=\"sub\">Opisz problem lub pytanie \u2014 wr\u00f3cimy z odpowiedzi\u0105 mo\u017cliwie szybko.<\/p>\n<div class=\"legal-sections\"> <\/div>\n  <form id=\"contactForm\" class=\"form-grid\">\n    <div class=\"field\">\n      <div class=\"label\">Imi\u0119 i nazwisko<\/div>\n      <input class=\"input\" placeholder=\"np. Anna Kowalska\" required>\n    <\/div>\n\n    <div class=\"field\">\n      <div class=\"label\">Email<\/div>\n      <input class=\"input\" type=\"email\" placeholder=\"np. anna.kowalska@firma.pl\" required>\n    <\/div>\n\n    <div class=\"field\">\n      <div class=\"label\">Temat<\/div>\n      <select class=\"select\">\n        <option>Problem techniczny<\/option>\n        <option>Pytanie o dane<\/option>\n        <option>Eksport<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"field\">\n      <div class=\"label\">Priorytet<\/div>\n      <select class=\"select\">\n        <option>Normalny<\/option>\n        <option>Wysoki<\/option>\n        <option>Niski<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"field span-2\">\n      <div class=\"label\">Wiadomo\u015b\u0107<\/div>\n      <textarea class=\"textarea\" placeholder=\"Opisz problem...\" required><\/textarea>\n    <\/div>\n  <\/form>\n\n  <div class=\"form-actions\">\n    <button class=\"btn-primary\" form=\"contactForm\">Wy\u015blij zg\u0142oszenie<\/button>\n  <\/div>\n<\/article>\n\n<!-- ===== FAQ ===== -->\n<article class=\"card\">\n  <h2>FAQ \/ Pomoc<\/h2>\n  <p class=\"sub\">Kliknij pytanie, aby rozwin\u0105\u0107 odpowied\u017a.<\/p>\n\n  <input class=\"search\" placeholder=\"Szukaj w FAQ...\">\n\n  <div class=\"faq-list\">\n\n    <div class=\"faq-item\">\n      <button class=\"faq-btn\">\n        Nie mog\u0119 si\u0119 zalogowa\u0107 \u2014 co sprawdzi\u0107?\n        <svg class=\"chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-panel\">\n        <p>Sprawd\u017a poprawno\u015b\u0107 emaila, wielko\u015b\u0107 liter w ha\u015ble i czy konto jest aktywne.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <button class=\"faq-btn\">\n        Dlaczego filtr nie znajduje wynik\u00f3w?\n        <svg class=\"chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-panel\">\n        <p>Usu\u0144 zbyt restrykcyjne warunki i sprawd\u017a zakres dat.<\/p>\n      <\/div>\n    <\/div>\n\n <div class=\"faq-item\">\n      <button class=\"faq-btn\">\n        Dlaczego filtr nie znajduje wynik\u00f3w?\n        <svg class=\"chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-panel\">\n        <p>Usu\u0144 zbyt restrykcyjne warunki i sprawd\u017a zakres dat.<\/p>\n      <\/div>\n    <\/div>\n\n <div class=\"faq-item\">\n      <button class=\"faq-btn\">\n        Dlaczego filtr nie znajduje wynik\u00f3w?\n        <svg class=\"chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-panel\">\n        <p>Usu\u0144 zbyt restrykcyjne warunki i sprawd\u017a zakres dat.<\/p>\n      <\/div>\n    <\/div>\n\n<div class=\"faq-item\">\n      <button class=\"faq-btn\">\n        Dlaczego filtr nie znajduje wynik\u00f3w?\n        <svg class=\"chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-panel\">\n        <p>Usu\u0144 zbyt restrykcyjne warunki i sprawd\u017a zakres dat.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/article>\n\n<\/div>\n<\/section>\n\n<script>\nconst items = Array.from(document.querySelectorAll(\".faq-item\"));\n\nitems.forEach(item => {\n  const btn = item.querySelector(\".faq-btn\");\n  const panel = item.querySelector(\".faq-panel\");\n\n  btn.addEventListener(\"click\", () => {\n    const isOpen = item.classList.contains(\"is-open\");\n\n    \/\/ 1) je\u015bli by\u0142 otwarty -> zamknij tylko jego i wyjd\u017a\n    if (isOpen) {\n      item.classList.remove(\"is-open\");\n      panel.style.maxHeight = \"0px\";\n      return;\n    }\n\n    \/\/ 2) zamknij pozosta\u0142e\n    items.forEach(i => {\n      i.classList.remove(\"is-open\");\n      i.querySelector(\".faq-panel\").style.maxHeight = \"0px\";\n    });\n\n    \/\/ 3) otw\u00f3rz klikni\u0119ty\n    item.classList.add(\"is-open\");\n    panel.style.maxHeight = panel.scrollHeight + \"px\";\n  });\n});\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Centrum wsparcia Masz pytanie?Za\u0142atwmy to szybko. Znajdziesz tu kontakt, odpowiedzi na najcz\u0119stsze pytania oraz centrum pomocy z kr\u00f3tkimi instrukcjami do najwa\u017cniejszych funkcji systemu. Czas odpowiedzi Zazwyczaj odpisujemy w ci\u0105gu 24\u201348h (dni robocze). Zg\u0142oszenia Podaj link do przetargu i zrzut ekranu \u2014 przyspieszy to diagnoz\u0119. Bezpiecze\u0144stwo Nie wysy\u0142aj hase\u0142. Poprosimy tylko o niezb\u0119dne informacje. Kontakt Opisz [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/pages\/30727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/comments?post=30727"}],"version-history":[{"count":186,"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/pages\/30727\/revisions"}],"predecessor-version":[{"id":33726,"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/pages\/30727\/revisions\/33726"}],"wp:attachment":[{"href":"https:\/\/oferty.k4.pl\/index.php\/wp-json\/wp\/v2\/media?parent=30727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}