{"id":34199,"date":"2026-07-06T14:09:39","date_gmt":"2026-07-06T12:09:39","guid":{"rendered":"https:\/\/strate9y.com\/strategicke-nastroje\/business-model-canvas-vytvorte-si-svoj-obchodny-model-krok-za-krokom\/"},"modified":"2026-07-07T11:22:23","modified_gmt":"2026-07-07T09:22:23","slug":"business-model-canvas-vytvorte-si-svoj-obchodny-model-krok-za-krokom","status":"publish","type":"page","link":"https:\/\/strate9y.com\/sk\/strategicke-nastroje\/business-model-canvas-vytvorte-si-svoj-obchodny-model-krok-za-krokom\/","title":{"rendered":"Business Model Canvas online"},"content":{"rendered":"\n<!-- STRATE9Y\u00ae N\u00c1STROJ: BUSINESS MODEL CANVAS \/ WordPress HTML blok -->\n<style>\n.str9-bmc-tool,\n.str9-bmc-tool * {\n  box-sizing: border-box;\n  font-family: \"Manrope\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n}\n\n.str9-bmc-tool {\n  --black: #080808;\n  --red: #E8080F;\n  --red-dim: rgba(232,8,15,0.08);\n  --red-border: rgba(232,8,15,0.25);\n  --white: #FFFFFF;\n  --bg: #F7F7F7;\n  --surface: #FFFFFF;\n  --border: #E8E8E8;\n  --text: #111111;\n  --text-muted: #777777;\n  --text-light: #BBBBBB;\n  --block-empty: #F0F0F0;\n  --block-active: #FFF5F5;\n  --block-filled: #FFFFFF;\n\n  background: var(--bg);\n  color: var(--text);\n  font-size: 14px;\n  line-height: 1.5;\n  width: 100%;\n  overflow-x: hidden;\n}\n\n.str9-bmc-tool a { text-decoration: none; }\n\n.str9-bmc-hero {\n  background:\n    radial-gradient(circle at 78% 38%, rgba(232,8,15,.30), transparent 30%),\n    linear-gradient(135deg, #050505 0%, #101014 52%, #050505 100%);\n  color: #fff;\n  padding: clamp(76px, 8vw, 120px) 24px;\n}\n\n.str9-bmc-container {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.str9-bmc-kicker {\n  color: var(--red);\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  font-size: 13px;\n  margin-bottom: 16px;\n}\n\n.str9-bmc-hero h1 {\n  max-width: 820px;\n  font-size: clamp(40px, 5.5vw, 72px);\n  line-height: .98;\n  margin: 0 0 22px;\n  letter-spacing: -0.06em;\n  font-weight: 900;\n}\n\n.str9-bmc-hero h1 span { color: var(--red); }\n\n.str9-bmc-hero p {\n  max-width: 700px;\n  font-size: clamp(18px, 2vw, 22px);\n  line-height: 1.55;\n  color: rgba(255,255,255,.82);\n  margin: 0 0 32px;\n}\n\n.str9-bmc-hero-actions {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n.str9-bmc-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--red);\n  color: #fff !important;\n  padding: 15px 24px;\n  border-radius: 12px;\n  font-weight: 900;\n  box-shadow: 0 16px 38px rgba(232,8,15,.28);\n  border: 0;\n  cursor: pointer;\n}\n\n.str9-bmc-btn.secondary {\n  background: rgba(255,255,255,.10);\n  box-shadow: none;\n  border: 1px solid rgba(255,255,255,.18);\n}\n\n.str9-bmc-section {\n  padding: clamp(58px, 7vw, 88px) 24px;\n  background: #fff;\n}\n\n.str9-bmc-section.soft { background: #f6f6f4; }\n\n.str9-bmc-title {\n  max-width: 780px;\n  margin: 0 auto 34px;\n  text-align: center;\n}\n\n.str9-bmc-title h2 {\n  font-size: clamp(30px, 4vw, 48px);\n  line-height: 1.08;\n  letter-spacing: -0.05em;\n  margin-bottom: 14px;\n  font-weight: 900;\n}\n\n.str9-bmc-title p {\n  color: var(--text-muted);\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n.str9-bmc-two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n  align-items: stretch;\n}\n\n.str9-bmc-info-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,.09);\n  border-radius: 24px;\n  padding: 30px;\n  box-shadow: 0 16px 42px rgba(0,0,0,.045);\n}\n\n.str9-bmc-info-card h3 {\n  font-size: 24px;\n  line-height: 1.15;\n  letter-spacing: -0.04em;\n  margin-bottom: 14px;\n  font-weight: 900;\n}\n\n.str9-bmc-info-card p,\n.str9-bmc-info-card li {\n  color: var(--text-muted);\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n.str9-bmc-info-card ul { padding-left: 20px; margin-top: 12px; }\n\n.str9-bmc-inline-link {\n  color: var(--red);\n  font-weight: 900;\n}\n\n.str9-bmc-howto {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.str9-bmc-howto-step {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,.09);\n  border-radius: 22px;\n  padding: 24px;\n  box-shadow: 0 14px 36px rgba(0,0,0,.04);\n}\n\n.str9-bmc-num {\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  background: var(--red);\n  color: #fff;\n  font-weight: 900;\n  margin-bottom: 14px;\n}\n\n.str9-bmc-howto-step strong {\n  display: block;\n  font-size: 17px;\n  margin-bottom: 8px;\n}\n\n.str9-bmc-howto-step p {\n  color: var(--text-muted);\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n.str9-bmc-app-anchor {\n  background: #080808;\n  color: #fff;\n  padding: 34px 24px;\n  text-align: center;\n}\n\n.str9-bmc-app-anchor h2 {\n  font-size: clamp(28px, 4vw, 44px);\n  letter-spacing: -0.05em;\n  font-weight: 900;\n  margin-bottom: 10px;\n}\n\n.str9-bmc-app-anchor p {\n  color: rgba(255,255,255,.72);\n  font-size: 16px;\n}\n\n.str9-bmc-topbar {\n  background: var(--black);\n  padding: 14px 32px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n.str9-bmc-topbar-left { display: flex; align-items: center; gap: 20px; }\n\n.str9-bmc-back-link {\n  color: #777;\n  font-size: 13px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.str9-bmc-back-link:hover { color: #bbb; }\n\n.str9-bmc-topbar-title {\n  color: var(--white);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: -0.2px;\n}\n\n.str9-bmc-topbar-title span { color: var(--red); }\n\n.str9-bmc-topbar-right { display: flex; align-items: center; gap: 12px; }\n\n.str9-bmc-progress-wrap {\n  width: 140px;\n  height: 4px;\n  background: #2A2A2A;\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n.str9-bmc-progress-fill {\n  height: 100%;\n  background: var(--red);\n  border-radius: 2px;\n  transition: width 0.4s ease;\n  width: 0%;\n}\n\n.str9-bmc-progress-text {\n  color: #777;\n  font-size: 12px;\n  font-weight: 700;\n  min-width: 36px;\n  text-align: right;\n}\n\n.str9-bmc-export {\n  background: var(--red);\n  color: white;\n  border: none;\n  padding: 9px 18px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 800;\n  cursor: pointer;\n  transition: opacity 0.2s;\n  white-space: nowrap;\n}\n.str9-bmc-export:disabled { opacity: 0.4; cursor: not-allowed; }\n\n.str9-bmc-app-layout {\n  display: grid;\n  grid-template-columns: 380px 1fr;\n  min-height: 700px;\n}\n\n.str9-bmc-sidebar {\n  background: var(--surface);\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  min-height: 700px;\n}\n\n.str9-bmc-sidebar-header {\n  padding: 28px 28px 20px;\n  border-bottom: 1px solid var(--border);\n}\n\n.str9-bmc-sidebar-header h2 {\n  font-size: 20px;\n  font-weight: 900;\n  letter-spacing: -0.5px;\n  margin-bottom: 6px;\n}\n\n.str9-bmc-sidebar-header p {\n  font-size: 13px;\n  color: var(--text-muted);\n  line-height: 1.5;\n}\n\n.str9-bmc-steps-nav {\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.str9-bmc-step-dot {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  border: 2px solid var(--border);\n  background: transparent;\n  font-size: 11px;\n  font-weight: 800;\n  color: var(--text-light);\n  cursor: pointer;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.str9-bmc-step-dot.done {\n  background: var(--red);\n  border-color: var(--red);\n  color: white;\n}\n\n.str9-bmc-step-dot.active {\n  border-color: var(--red);\n  color: var(--red);\n}\n\n.str9-bmc-question-panel {\n  flex: 1;\n  padding: 28px;\n}\n\n.str9-bmc-q-eyebrow {\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--red);\n  margin-bottom: 8px;\n}\n\n.str9-bmc-q-title {\n  font-size: 18px;\n  font-weight: 900;\n  letter-spacing: -0.5px;\n  margin-bottom: 8px;\n  line-height: 1.3;\n}\n\n.str9-bmc-q-desc {\n  font-size: 13px;\n  color: var(--text-muted);\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.str9-bmc-q-hint {\n  background: var(--red-dim);\n  border-left: 3px solid var(--red);\n  padding: 12px 14px;\n  border-radius: 0 6px 6px 0;\n  font-size: 12px;\n  color: #444;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.str9-bmc-q-hint strong { color: var(--red); font-weight: 800; }\n\n.str9-bmc-textarea {\n  width: 100%;\n  min-height: 130px;\n  border: 2px solid var(--border);\n  border-radius: 8px;\n  padding: 14px 16px;\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--text);\n  background: var(--bg);\n  resize: vertical;\n  transition: border-color 0.2s;\n  outline: none;\n}\n\n.str9-bmc-textarea:focus { border-color: var(--red); background: white; }\n.str9-bmc-textarea::placeholder { color: var(--text-light); }\n\n.str9-bmc-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.str9-bmc-chip {\n  padding: 6px 14px;\n  border-radius: 100px;\n  border: 1.5px solid var(--border);\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--text-muted);\n  cursor: pointer;\n  background: transparent;\n}\n\n.str9-bmc-chip:hover { border-color: var(--red); color: var(--red); }\n.str9-bmc-chip.selected { background: var(--red); border-color: var(--red); color: white; }\n\n.str9-bmc-chip-label {\n  font-size: 11px;\n  color: var(--text-light);\n  margin-bottom: 8px;\n  font-weight: 700;\n}\n\n.str9-bmc-q-nav {\n  display: flex;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.str9-bmc-prev,\n.str9-bmc-next {\n  flex: 1;\n  padding: 12px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 800;\n  cursor: pointer;\n  border: 2px solid;\n}\n\n.str9-bmc-prev {\n  background: transparent;\n  border-color: var(--border);\n  color: var(--text-muted);\n}\n.str9-bmc-prev:hover { border-color: #999; color: var(--text); }\n\n.str9-bmc-next {\n  background: var(--red);\n  border-color: var(--red);\n  color: white;\n}\n\n.str9-bmc-canvas-area {\n  padding: 28px;\n  overflow-y: auto;\n}\n\n.str9-bmc-canvas-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n\n.str9-bmc-canvas-title h3 {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--text-muted);\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n}\n\n.str9-bmc-fill-hint {\n  font-size: 12px;\n  color: var(--text-light);\n}\n\n.str9-bmc-grid {\n  display: grid;\n  grid-template-columns: repeat(10, 1fr);\n  grid-template-rows: auto auto auto;\n  gap: 8px;\n  width: 100%;\n}\n\n.str9-bmc-block {\n  background: var(--block-empty);\n  border: 2px solid var(--border);\n  border-radius: 10px;\n  padding: 14px;\n  min-height: 140px;\n  transition: all 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.str9-bmc-block.active-block {\n  border-color: var(--red);\n  background: var(--block-active);\n  box-shadow: 0 0 0 3px rgba(232,8,15,0.08);\n}\n\n.str9-bmc-block.filled-block {\n  background: var(--block-filled);\n  border-color: #D0D0D0;\n}\n\n.str9-bmc-kp  { grid-column: 1\/3; grid-row: 1\/3; }\n.str9-bmc-ka  { grid-column: 3\/5; grid-row: 1\/2; }\n.str9-bmc-vp  { grid-column: 5\/7; grid-row: 1\/3; background: #FFFAF8; }\n.str9-bmc-vz  { grid-column: 7\/9; grid-row: 1\/2; }\n.str9-bmc-ks  { grid-column: 9\/11; grid-row: 1\/3; }\n.str9-bmc-kz  { grid-column: 3\/5; grid-row: 2\/3; }\n.str9-bmc-zp  { grid-column: 7\/9; grid-row: 2\/3; }\n.str9-bmc-ns  { grid-column: 1\/6; grid-row: 3\/4; }\n.str9-bmc-tp  { grid-column: 6\/11; grid-row: 3\/4; }\n\n.str9-bmc-block-label {\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--text-light);\n  margin-bottom: 6px;\n}\n\n.str9-bmc-block-name {\n  font-size: 12px;\n  font-weight: 800;\n  color: var(--text-muted);\n  margin-bottom: 10px;\n  line-height: 1.3;\n}\n\n.str9-bmc-block-content {\n  font-size: 12px;\n  color: var(--text);\n  line-height: 1.6;\n  white-space: pre-line;\n}\n\n.str9-bmc-empty-msg {\n  font-size: 11px;\n  color: var(--text-light);\n  font-style: italic;\n}\n\n.str9-bmc-status {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--border);\n}\n\n.str9-bmc-completion-score {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--red-dim);\n  border: 1px solid var(--red-border);\n  border-radius: 12px;\n  padding: 20px 28px;\n  margin-bottom: 28px;\n}\n\n.str9-bmc-score-num {\n  font-size: 48px;\n  font-weight: 900;\n  color: var(--red);\n  letter-spacing: -2px;\n  line-height: 1;\n}\n\n.str9-bmc-score-label { text-align: left; }\n.str9-bmc-score-label strong { display: block; font-size: 14px; font-weight: 800; }\n.str9-bmc-score-label span { font-size: 12px; color: var(--text-muted); }\n\n.str9-bmc-export-big {\n  width: 100%;\n  padding: 16px;\n  background: var(--red);\n  color: white;\n  border: none;\n  border-radius: 10px;\n  font-size: 16px;\n  font-weight: 800;\n  cursor: pointer;\n  margin-bottom: 12px;\n}\n\n.str9-bmc-restart {\n  width: 100%;\n  padding: 12px;\n  background: transparent;\n  color: var(--text-muted);\n  border: 2px solid var(--border);\n  border-radius: 10px;\n  font-size: 14px;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.str9-bmc-recommendations {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n.str9-bmc-rec-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,.09);\n  border-radius: 22px;\n  padding: 24px;\n}\n\n.str9-bmc-rec-card h3 {\n  font-size: 20px;\n  margin-bottom: 10px;\n  letter-spacing: -0.03em;\n  font-weight: 900;\n}\n\n.str9-bmc-rec-card p {\n  color: var(--text-muted);\n  line-height: 1.6;\n  margin-bottom: 18px;\n}\n\n.str9-bmc-rec-card a {\n  color: var(--red);\n  font-weight: 900;\n}\n\n.str9-bmc-faq {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.str9-bmc-faq details {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,.09);\n  border-radius: 16px;\n  padding: 20px 22px;\n  margin-bottom: 12px;\n}\n\n.str9-bmc-faq summary {\n  cursor: pointer;\n  font-weight: 900;\n  font-size: 17px;\n}\n\n.str9-bmc-faq p {\n  color: var(--text-muted);\n  line-height: 1.6;\n  margin: 14px 0 0;\n}\n\n@media (max-width: 1024px) {\n  .str9-bmc-app-layout { grid-template-columns: 1fr; }\n  .str9-bmc-sidebar { min-height: auto; }\n  .str9-bmc-grid {\n    grid-template-columns: repeat(5, 1fr);\n  }\n  .str9-bmc-kp  { grid-column: 1\/2; grid-row: 1\/3; }\n  .str9-bmc-ka  { grid-column: 2\/3; grid-row: 1\/2; }\n  .str9-bmc-vp  { grid-column: 3\/4; grid-row: 1\/3; }\n  .str9-bmc-vz  { grid-column: 4\/5; grid-row: 1\/2; }\n  .str9-bmc-ks  { grid-column: 5\/6; grid-row: 1\/3; }\n  .str9-bmc-kz  { grid-column: 2\/3; grid-row: 2\/3; }\n  .str9-bmc-zp  { grid-column: 4\/5; grid-row: 2\/3; }\n  .str9-bmc-ns  { grid-column: 1\/4; grid-row: 3\/4; }\n  .str9-bmc-tp  { grid-column: 4\/6; grid-row: 3\/4; }\n  .str9-bmc-two-col,\n  .str9-bmc-howto,\n  .str9-bmc-recommendations {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 640px) {\n  .str9-bmc-hero-actions { flex-direction: column; }\n  .str9-bmc-btn { width: 100%; }\n  .str9-bmc-topbar {\n    padding: 12px 16px;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n  }\n  .str9-bmc-topbar-left,\n  .str9-bmc-topbar-right {\n    width: 100%;\n    justify-content: space-between;\n  }\n  .str9-bmc-progress-wrap { display: none; }\n  .str9-bmc-canvas-area { padding: 16px; }\n  .str9-bmc-canvas-title {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .str9-bmc-grid { gap: 5px; }\n  .str9-bmc-block { padding: 10px; min-height: 100px; }\n  .str9-bmc-block-name { font-size: 10px; }\n  .str9-bmc-block-content { font-size: 11px; }\n  .str9-bmc-two-col,\n  .str9-bmc-howto,\n  .str9-bmc-recommendations {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* FIX: b\u00edl\u00e9 nadpisy a texty v tmav\u00fdch sekc\u00edch *\/\n.str9-bmc-hero,\n.str9-bmc-hero h1,\n.str9-bmc-hero h2,\n.str9-bmc-hero .str9-bmc-kicker,\n.str9-bmc-app-intro,\n.str9-bmc-app-intro h2,\n.str9-bmc-section[style*=\"background:#080808\"],\n.str9-bmc-section[style*=\"background:#080808\"] h2,\n.str9-bmc-section[style*=\"background:#080808\"] .str9-bmc-kicker {\n  color: #ffffff !important;\n}\n\n.str9-bmc-hero p,\n.str9-bmc-app-intro p,\n.str9-bmc-section[style*=\"background:#080808\"] p {\n  color: rgba(255,255,255,.78) !important;\n}\n\n.str9-bmc-hero h1 span {\n  color: var(--red) !important;\n}\n\n<\/style>\n\n<div class=\"str9-bmc-tool\" id=\"str9-bmc-tool\">\n\n  <section class=\"str9-bmc-hero\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-kicker\">STRATE9Y\u00ae n\u00e1stroje \u00b7 Business Model Canvas<\/div>\n      <h1>Vytvo\u0159te si <span>Business Model Canvas<\/span> online.<\/h1>\n      <p>Projd\u011bte 9 blok\u016f byznys modelu krok za krokem, ujasn\u011bte si logiku sv\u00e9ho podnik\u00e1n\u00ed a st\u00e1hn\u011bte si v\u00fdsledek jako PDF.<\/p>\n      <div class=\"str9-bmc-hero-actions\">\n        <a class=\"str9-bmc-btn\" href=\"#nastroj-bmc\">Spustit n\u00e1stroj \u2193<\/a>\n        <a class=\"str9-bmc-btn secondary\" href=\"https:\/\/strate9y.com\/sk\/strategicke-nastroje\/business-model-canvas-vytvorte-si-svoj-obchodny-model-krok-za-krokom\/\">P\u0159e\u010d\u00edst n\u00e1vod<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"str9-bmc-section\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-two-col\">\n        <div class=\"str9-bmc-info-card\">\n          <h3>Co tento n\u00e1stroj \u0159e\u0161\u00ed?<\/h3>\n          <p>Business Model Canvas v\u00e1m pom\u016f\u017ee zobrazit cel\u00fd byznys model na jedn\u00e9 str\u00e1nce. Uvid\u00edte, komu prod\u00e1v\u00e1te, jakou hodnotu nab\u00edz\u00edte, p\u0159es jak\u00e9 kan\u00e1ly se dost\u00e1v\u00e1te k z\u00e1kazn\u00edk\u016fm, z \u010deho m\u00e1te p\u0159\u00edjmy a jak\u00e9 zdroje, aktivity, partnery a n\u00e1klady pot\u0159ebujete.<\/p>\n          <p style=\"margin-top:14px;\">Pot\u0159ebujete nejd\u0159\u00edve pochopit teorii a p\u0159\u00edklady? <a class=\"str9-bmc-inline-link\" href=\"https:\/\/strate9y.com\/sk\/strategicke-nastroje\/business-model-canvas-vytvorte-si-svoj-obchodny-model-krok-za-krokom\/\">P\u0159e\u010dt\u011bte si kompletn\u00ed \u010dl\u00e1nek o Business Model Canvas.<\/a><\/p>\n        <\/div>\n\n        <div class=\"str9-bmc-info-card\">\n          <h3>Kdy jej pou\u017e\u00edt?<\/h3>\n          <ul>\n            <li>kdy\u017e ov\u011b\u0159ujete nov\u00fd podnikatelsk\u00fd n\u00e1pad,<\/li>\n            <li>kdy\u017e chcete zp\u0159ehlednit sou\u010dasn\u00fd byznys model,<\/li>\n            <li>kdy\u017e p\u0159ipravujete zm\u011bnu nab\u00eddky, ceny nebo c\u00edlov\u00e9 skupiny,<\/li>\n            <li>kdy\u017e chcete odhalit slab\u00e1 m\u00edsta v logice podnik\u00e1n\u00ed,<\/li>\n            <li>kdy\u017e pot\u0159ebujete rychl\u00fd podklad pro strategick\u00e9 rozhodnut\u00ed.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"str9-bmc-section soft\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-title\">\n        <h2>Jak s n\u00e1strojem pracovat<\/h2>\n        <p>Nejde o test spr\u00e1vnosti. C\u00edlem je vytvo\u0159it pracovn\u00ed mapu byznys modelu, se kterou m\u016f\u017eete d\u00e1l rozhodovat.<\/p>\n      <\/div>\n\n      <div class=\"str9-bmc-howto\">\n        <div class=\"str9-bmc-howto-step\">\n          <div class=\"str9-bmc-num\">1<\/div>\n          <strong>Vypl\u0148te 9 blok\u016f<\/strong>\n          <p>Postupujte podle ot\u00e1zek vlevo. Canvas se bude pr\u016fb\u011b\u017en\u011b dopl\u0148ovat vpravo.<\/p>\n        <\/div>\n\n        <div class=\"str9-bmc-howto-step\">\n          <div class=\"str9-bmc-num\">2<\/div>\n          <strong>Hledejte vazby<\/strong>\n          <p>Zkontrolujte, zda segment, hodnota, kan\u00e1ly, p\u0159\u00edjmy a n\u00e1klady d\u00e1vaj\u00ed dohromady logiku.<\/p>\n        <\/div>\n\n        <div class=\"str9-bmc-howto-step\">\n          <div class=\"str9-bmc-num\">3<\/div>\n          <strong>Najd\u011bte slab\u00e9 m\u00edsto<\/strong>\n          <p>V\u0161\u00edmejte si blok\u016f, kter\u00e9 jsou nejasn\u00e9, p\u0159\u00edli\u0161 obecn\u00e9 nebo stoj\u00ed na domn\u011bnk\u00e1ch.<\/p>\n        <\/div>\n\n        <div class=\"str9-bmc-howto-step\">\n          <div class=\"str9-bmc-num\">4<\/div>\n          <strong>St\u00e1hn\u011bte PDF<\/strong>\n          <p>V\u00fdsledek si ulo\u017ete a pou\u017eijte jako podklad pro dal\u0161\u00ed anal\u00fdzu nebo diagnostiku.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"str9-bmc-app-anchor\" id=\"nastroj-bmc\">\n    <div class=\"str9-bmc-container\">\n      <h2>Spus\u0165te Business Model Canvas<\/h2>\n      <p>Vypl\u0148te jednotliv\u00e9 bloky. Nemus\u00edte m\u00edt dokonal\u00e9 odpov\u011bdi \u2014 d\u016fle\u017eit\u00e9 je za\u010d\u00edt vid\u011bt souvislosti.<\/p>\n    <\/div>\n  <\/section>\n\n  <div class=\"str9-bmc-topbar\">\n    <div class=\"str9-bmc-topbar-left\">\n      <a href=\"https:\/\/strate9y.com\/sk\/nastroje-2\/\" class=\"str9-bmc-back-link\">\u2190 N\u00e1stroje<\/a>\n      <span class=\"str9-bmc-topbar-title\">STRATE<span>9<\/span>Y\u00ae \u00b7 Business Model Canvas<\/span>\n    <\/div>\n    <div class=\"str9-bmc-topbar-right\">\n      <div class=\"str9-bmc-progress-wrap\">\n        <div class=\"str9-bmc-progress-fill\" data-bmc-progress-bar=\"\"><\/div>\n      <\/div>\n      <span class=\"str9-bmc-progress-text\" data-bmc-progress-text=\"\">0\/9<\/span>\n      <button class=\"str9-bmc-export\" data-bmc-export=\"\" disabled=\"disabled\">\u2193 PDF<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"str9-bmc-app-layout\">\n    <div class=\"str9-bmc-sidebar\">\n      <div class=\"str9-bmc-sidebar-header\">\n        <h2>Business Model Canvas<\/h2>\n        <p>Pr\u016fvodce v\u00e1s provede v\u0161emi 9 bloky. Canvas vpravo se vypl\u0148uje pr\u016fb\u011b\u017en\u011b podle va\u0161ich odpov\u011bd\u00ed.<\/p>\n      <\/div>\n\n      <div class=\"str9-bmc-steps-nav\" data-bmc-steps-nav=\"\"><\/div>\n      <div class=\"str9-bmc-question-panel\" data-bmc-question-panel=\"\"><\/div>\n    <\/div>\n\n    <div class=\"str9-bmc-canvas-area\">\n      <div class=\"str9-bmc-canvas-title\">\n        <h3>V\u00e1\u0161 Business Model Canvas<\/h3>\n        <span class=\"str9-bmc-fill-hint\" data-bmc-fill-hint=\"\">Za\u010dn\u011bte odpov\u00eddat vlevo \u2192<\/span>\n      <\/div>\n\n      <div class=\"str9-bmc-grid\" data-bmc-grid=\"\">\n        <div class=\"str9-bmc-block str9-bmc-kp\" data-bmc-block=\"0\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">KP<\/div>\n          <div class=\"str9-bmc-block-name\">Kl\u00ed\u010dov\u00ed partne\u0159i<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-ka\" data-bmc-block=\"1\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">KA<\/div>\n          <div class=\"str9-bmc-block-name\">Kl\u00ed\u010dov\u00e9 aktivity<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-vp\" data-bmc-block=\"2\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">VP<\/div>\n          <div class=\"str9-bmc-block-name\">Hodnotov\u00e1 propozice<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-vz\" data-bmc-block=\"3\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">VZ<\/div>\n          <div class=\"str9-bmc-block-name\">Vztahy se z\u00e1kazn\u00edky<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-ks\" data-bmc-block=\"4\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">KS<\/div>\n          <div class=\"str9-bmc-block-name\">Z\u00e1kaznick\u00e9 segmenty<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-kz\" data-bmc-block=\"5\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">KZ<\/div>\n          <div class=\"str9-bmc-block-name\">Kl\u00ed\u010dov\u00e9 zdroje<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-zp\" data-bmc-block=\"6\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">ZP<\/div>\n          <div class=\"str9-bmc-block-name\">Distribu\u010dn\u00ed kan\u00e1ly<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-ns\" data-bmc-block=\"7\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">NS<\/div>\n          <div class=\"str9-bmc-block-name\">N\u00e1kladov\u00e1 struktura<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n\n        <div class=\"str9-bmc-block str9-bmc-tp\" data-bmc-block=\"8\">\n          <div class=\"str9-bmc-status\"><\/div>\n          <div class=\"str9-bmc-block-label\">TP<\/div>\n          <div class=\"str9-bmc-block-name\">Toky p\u0159\u00edjm\u016f<\/div>\n          <div class=\"str9-bmc-block-content\"><span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"str9-bmc-section\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-title\">\n        <h2>Jak \u010d\u00edst v\u00fdsledek<\/h2>\n        <p>Business Model Canvas nen\u00ed fin\u00e1ln\u00ed strategie. Je to pracovn\u00ed mapa, kter\u00e1 v\u00e1m uk\u00e1\u017ee, kde je model siln\u00fd a kde stoj\u00ed na p\u0159edpokladech.<\/p>\n      <\/div>\n\n      <div class=\"str9-bmc-two-col\">\n        <div class=\"str9-bmc-info-card\">\n          <h3>Siln\u00fd canvas pozn\u00e1te podle vazeb<\/h3>\n          <p>Nejlep\u0161\u00ed v\u00fdsledek nen\u00ed ten, kde je nejv\u00edce textu. Siln\u00fd canvas m\u00e1 jasnou vazbu mezi z\u00e1kaznick\u00fdm segmentem, hodnotovou propozic\u00ed, kan\u00e1ly, p\u0159\u00edjmy a n\u00e1klady. Pokud n\u011bkter\u00fd blok p\u016fsob\u00ed odd\u011blen\u011b, je to sign\u00e1l k dal\u0161\u00ed pr\u00e1ci.<\/p>\n        <\/div>\n\n        <div class=\"str9-bmc-info-card\">\n          <h3>Nejasn\u00e9 bloky jsou d\u016fle\u017eit\u00fd sign\u00e1l<\/h3>\n          <p>Pokud n\u011bkter\u00fd blok neum\u00edte vyplnit konkr\u00e9tn\u011b, nen\u00ed to chyba n\u00e1stroje. Pr\u00e1v\u011b tam se pravd\u011bpodobn\u011b skr\u00fdv\u00e1 strategick\u00e9 riziko: nejasn\u00fd z\u00e1kazn\u00edk, slab\u00e1 hodnota, \u0161patn\u00fd kan\u00e1l nebo nedostate\u010dn\u011b ov\u011b\u0159en\u00fd tok p\u0159\u00edjm\u016f.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"str9-bmc-section soft\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-title\">\n        <h2>Doporu\u010den\u00fd dal\u0161\u00ed krok<\/h2>\n        <p>Po vypln\u011bn\u00ed Business Model Canvas doporu\u010duji pokra\u010dovat n\u00e1strojem podle toho, co v\u00e1m vy\u0161lo jako nejslab\u0161\u00ed oblast.<\/p>\n      <\/div>\n\n      <div class=\"str9-bmc-recommendations\">\n        <div class=\"str9-bmc-rec-card\">\n          <h3>Nejasn\u00e1 hodnota?<\/h3>\n          <p>Pokud neum\u00edte p\u0159esn\u011b pojmenovat, pro\u010d by m\u011bl z\u00e1kazn\u00edk koupit pr\u00e1v\u011b od v\u00e1s, pokra\u010dujte SWOT nebo VRIO anal\u00fdzou.<\/p>\n          <a href=\"\/nastroje\/vrio-analyza\/\">Pokra\u010dovat na VRIO \u2192<\/a>\n        <\/div>\n\n        <div class=\"str9-bmc-rec-card\">\n          <h3>Nejasn\u00fd trh?<\/h3>\n          <p>Pokud nev\u00edte, jak na v\u00e1s p\u016fsob\u00ed konkurence, dodavatel\u00e9, z\u00e1kazn\u00edci nebo substituty, pokra\u010dujte Porterov\u00fdm modelem.<\/p>\n          <a href=\"https:\/\/strate9y.com\/sk\/glossary\/porterov-model-piatich-sil\/porteruv-model-2\/\">Pokra\u010dovat na Porter\u016fv model \u2192<\/a>\n        <\/div>\n\n        <div class=\"str9-bmc-rec-card\">\n          <h3>P\u0159\u00edli\u0161 mnoho priorit?<\/h3>\n          <p>Pokud vid\u00edte hodn\u011b otev\u0159en\u00fdch t\u00e9mat, pou\u017eijte Paretovu anal\u00fdzu a vyberte n\u011bkolik faktor\u016f, kter\u00e9 maj\u00ed nejv\u011bt\u0161\u00ed dopad.<\/p>\n          <a href=\"\/nastroje\/paretova-analyza\/\">Pokra\u010dovat na Pareto \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"str9-bmc-section\" style=\"background:#080808;color:#fff;\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-title\">\n        <div class=\"str9-bmc-kicker\">Co d\u00e1l?<\/div>\n        <h2>V\u00edte, co dnes nejv\u00edce brzd\u00ed v\u00e1\u0161 byznys model?<\/h2>\n        <p style=\"color:rgba(255,255,255,.72);\">Business Model Canvas uk\u00e1\u017ee strukturu. STRATE9Y\u00ae Business diagnostika odhal\u00ed, kter\u00e1 oblast m\u00e1 dnes nejv\u011bt\u0161\u00ed dopad na r\u016fst, ziskovost a strategick\u00e1 rozhodnut\u00ed.<\/p>\n        <div style=\"margin-top:28px;\">\n          <a class=\"str9-bmc-btn\" href=\"https:\/\/strate9y.com\/sk\/strate9y-biznis-diagnostika\/\">Chci STRATE9Y\u00ae diagnostiku \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"str9-bmc-section soft\">\n    <div class=\"str9-bmc-container\">\n      <div class=\"str9-bmc-title\">\n        <h2>FAQ<\/h2>\n      <\/div>\n\n      <div class=\"str9-bmc-faq\">\n        <details>\n          <summary>Je Business Model Canvas vhodn\u00fd pro za\u010d\u00ednaj\u00edc\u00ed podnik\u00e1n\u00ed?<\/summary>\n          <p>Ano. Pom\u016f\u017ee v\u00e1m rychle zobrazit z\u00e1kladn\u00ed logiku n\u00e1padu a odhalit, kter\u00e9 \u010d\u00e1sti je\u0161t\u011b stoj\u00ed jen na domn\u011bnk\u00e1ch.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Je vhodn\u00fd i pro funguj\u00edc\u00ed firmu?<\/summary>\n          <p>Ano. U funguj\u00edc\u00ed firmy pom\u00e1h\u00e1 zp\u0159ehlednit sou\u010dasn\u00fd model a naj\u00edt m\u00edsta, kde se zm\u011bnil z\u00e1kazn\u00edk, hodnota, kan\u00e1l, n\u00e1klady nebo p\u0159\u00edjmy.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Mus\u00edm vyplnit v\u0161ech 9 blok\u016f?<\/summary>\n          <p>Nemus\u00edte, ale doporu\u010duji to. Pr\u00e1zdn\u00fd nebo nejasn\u00fd blok je \u010dasto d\u016fle\u017eit\u00fd sign\u00e1l, ne probl\u00e9m.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Jak\u00fd je rozd\u00edl mezi Business Model Canvas a Lean Canvas?<\/summary>\n          <p>Business Model Canvas je univerz\u00e1ln\u00ed mapa byznys modelu. Lean Canvas je vhodn\u011bj\u0161\u00ed pro rychl\u00e9 ov\u011b\u0159ov\u00e1n\u00ed nov\u00e9ho n\u00e1padu, probl\u00e9mu a \u0159e\u0161en\u00ed.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Kdy m\u00e1m pokra\u010dovat diagnostikou?<\/summary>\n          <p>Kdy\u017e m\u00e1te vypln\u011bn\u00fd canvas, ale nev\u00edte, co z n\u011bj vyvodit, kde za\u010d\u00edt nebo kter\u00e1 \u010d\u00e1st modelu je pro dal\u0161\u00ed r\u016fst nejd\u016fle\u017eit\u011bj\u0161\u00ed.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<script>\n(function () {\n  function startBmcTool() {\n    const root = document.getElementById('str9-bmc-tool');\n    if (!root || root.dataset.initialized === 'true') return;\n    root.dataset.initialized = 'true';\n\n    const STEPS = [\n      {\n        block: 4,\n        eyebrow: 'Blok 1 z 9 \u00b7 Z\u00e1kaznick\u00e9 segmenty',\n        title: 'Pro koho tvo\u0159\u00edte hodnotu?',\n        desc: 'Kdo je v\u00e1\u0161 z\u00e1kazn\u00edk? Bu\u010fte konkr\u00e9tn\u00ed \u2014 \u201epodnikatel\u00e9\u201c je p\u0159\u00edli\u0161 obecn\u00e9. \u201eMajitel\u00e9 B2B slu\u017eeb s t\u00fdmem 5\u201320 lid\u00ed\u201c je segment.',\n        hint: '<strong>Tip STRATE9Y\u00ae: Business Model Canvas za\u010d\u00edn\u00e1 z\u00e1kazn\u00edkem. \u010c\u00edm p\u0159esn\u011bji definujete segment, t\u00edm l\u00e9pe navrhnete hodnotu, kan\u00e1ly i cenu.',\n        placeholder: 'Nap\u0159. majitel\u00e9 B2B firem 5\u201350 zam\u011bstnanc\u016f, studenti MBA, HR mana\u017ee\u0159i v korporac\u00edch...',\n        chips: ['B2B', 'B2C', 'Startupy', 'Korporace', '\u0160koly', 'Neziskovky', 'Solopodnikatel\u00e9']\n      },\n      {\n        block: 2,\n        eyebrow: 'Blok 2 z 9 \u00b7 Hodnotov\u00e1 propozice',\n        title: 'Jakou hodnotu p\u0159in\u00e1\u0161\u00edte z\u00e1kazn\u00edkovi?',\n        desc: 'Jak\u00fd probl\u00e9m \u0159e\u0161\u00edte? Jakou pot\u0159ebu napl\u0148ujete? Pro\u010d si z\u00e1kazn\u00edk vybere v\u00e1s a ne konkurenci?',\n        hint: '<strong>Kl\u00ed\u010dov\u00e1 ot\u00e1zka: \u201eD\u00edky v\u00e1m z\u00e1kazn\u00edk m\u016f\u017ee _____ nebo p\u0159estane _____.\u201c Hodnota mus\u00ed navazovat na konkr\u00e9tn\u00ed segment.',\n        placeholder: 'Nap\u0159. pom\u00e1h\u00e1me podnikatel\u016fm vid\u011bt strategick\u00e1 slep\u00e1 m\u00edsta a ud\u011blat spr\u00e1vn\u00fd dal\u0161\u00ed krok...',\n        chips: ['\u00daspora \u010dasu', '\u00daspora pen\u011bz', 'Nov\u00fd p\u0159\u00edjem', 'M\u00e9n\u011b rizika', 'Presti\u017e', 'Jednodu\u0161\u0161\u00ed \u017eivot']\n      },\n      {\n        block: 6,\n        eyebrow: 'Blok 3 z 9 \u00b7 Distribu\u010dn\u00ed kan\u00e1ly',\n        title: 'Jak se dostanete k z\u00e1kazn\u00edkovi?',\n        desc: 'P\u0159es jak\u00e9 kan\u00e1ly o v\u00e1s z\u00e1kazn\u00edci v\u011bd\u00ed, jak nakupuj\u00ed a jak jim doru\u010dujete hodnotu?',\n        hint: '<strong>Tip STRATE9Y\u00ae: Kan\u00e1l nen\u00ed jen prodejn\u00ed. M\u016f\u017ee b\u00fdt komunika\u010dn\u00ed, prodejn\u00ed i doru\u010dovac\u00ed. Zkontrolujte, zda m\u00e1te pokryt\u00e9 v\u0161echny f\u00e1ze.',\n        placeholder: 'Nap\u0159. web, Instagram, doporu\u010den\u00ed, partnerstv\u00ed, LinkedIn, p\u0159\u00edm\u00fd prodej...',\n        chips: ['Web \/ e-shop', 'Soci\u00e1ln\u00ed s\u00edt\u011b', 'Doporu\u010den\u00ed', 'P\u0159\u00edm\u00fd prodej', 'Partne\u0159i', 'Eventy', 'E-mail']\n      },\n      {\n        block: 3,\n        eyebrow: 'Blok 4 z 9 \u00b7 Vztahy se z\u00e1kazn\u00edky',\n        title: 'Jak budujete vztah se z\u00e1kazn\u00edkem?',\n        desc: 'Jak z\u00e1kazn\u00edka z\u00edsk\u00e1v\u00e1te, udr\u017eujete a rozv\u00edj\u00edte? Je vztah osobn\u00ed, automatizovan\u00fd, komunitn\u00ed nebo samoobslu\u017en\u00fd?',\n        hint: '<strong>Tip STRATE9Y\u00ae: Typ vztahu v\u00fdrazn\u011b ovliv\u0148uje n\u00e1klady. Osobn\u00ed p\u00e9\u010de je drah\u00e1 \u2014 ale n\u011bkdy je pr\u00e1v\u011b to t\u00edm, co z\u00e1kazn\u00edk kupuje.',\n        placeholder: 'Nap\u0159. osobn\u00ed konzultace, e-mailov\u00e1 sekvence, online komunita, samoobslu\u017en\u00fd port\u00e1l...',\n        chips: ['Osobn\u00ed p\u00e9\u010de', 'Dedikovan\u00fd \u010dlov\u011bk', 'Samoobslu\u017en\u00fd', 'Automatizovan\u00fd', 'Komunita', 'Spoluvytv\u00e1\u0159en\u00ed']\n      },\n      {\n        block: 8,\n        eyebrow: 'Blok 5 z 9 \u00b7 Toky p\u0159\u00edjm\u016f',\n        title: 'Za co z\u00e1kazn\u00edk plat\u00ed a jak?',\n        desc: 'Jak\u00e9 jsou zdroje p\u0159\u00edjm\u016f? Jednor\u00e1zov\u00fd prodej, p\u0159edplatn\u00e9, licence, provize nebo kombinace v\u00edce p\u0159\u00edjmov\u00fdch tok\u016f?',\n        hint: '<strong>Tip STRATE9Y\u00ae: Cena je test hodnoty. Pokud tok p\u0159\u00edjm\u016f neodpov\u00edd\u00e1 hodnot\u011b a segmentu, model bude slab\u00fd i p\u0159i dobr\u00e9m produktu.',\n        placeholder: 'Nap\u0159. jednor\u00e1zov\u00e1 platba za produkt, m\u011bs\u00ed\u010dn\u00ed p\u0159edplatn\u00e9, konzultace hodinov\u011b, procento z transakce...',\n        chips: ['Jednor\u00e1zov\u00fd prodej', 'P\u0159edplatn\u00e9', 'Licencov\u00e1n\u00ed', 'Provize', 'Reklama', 'Freemium', 'Pron\u00e1jem']\n      },\n      {\n        block: 5,\n        eyebrow: 'Blok 6 z 9 \u00b7 Kl\u00ed\u010dov\u00e9 zdroje',\n        title: 'Co pot\u0159ebujete k doru\u010den\u00ed hodnoty?',\n        desc: 'Fyzick\u00e9, intelektu\u00e1ln\u00ed, lidsk\u00e9 nebo finan\u010dn\u00ed zdroje, bez kter\u00fdch by byznys nefungoval.',\n        hint: '<strong>Tip STRATE9Y\u00ae: Nejcenn\u011bj\u0161\u00ed zdroje jsou ty, kter\u00e9 se obt\u00ed\u017en\u011b kop\u00edruj\u00ed \u2014 know-how, vztahy, data, reputace nebo zna\u010dka.',\n        placeholder: 'Nap\u0159. odborn\u00e9 know-how, datab\u00e1ze klient\u016f, software, licence, t\u00fdm specialist\u016f...',\n        chips: ['Lid\u00e9', 'Know-how', 'Patent \/ IP', 'Data', 'Kapit\u00e1l', 'Infrastruktura', 'Brand']\n      },\n      {\n        block: 1,\n        eyebrow: 'Blok 7 z 9 \u00b7 Kl\u00ed\u010dov\u00e9 aktivity',\n        title: 'Co mus\u00edte d\u011blat, aby byznys fungoval?',\n        desc: 'Aktivity, kter\u00e9 tvo\u0159\u00ed nebo doru\u010duj\u00ed hodnotu z\u00e1kazn\u00edkovi. Co by se zastavilo, kdybyste to p\u0159estali d\u011blat?',\n        hint: '<strong>Tip STRATE9Y\u00ae: Zam\u011b\u0159te se na aktivity, kter\u00e9 jsou pro v\u00e1\u0161 byznys opravdu kl\u00ed\u010dov\u00e9 \u2014 ne na obecn\u00e9 \u010dinnosti typu \u201efakturace\u201c.',\n        placeholder: 'Nap\u0159. tvorba obsahu, v\u00fdvoj produktu, konzultace, p\u00e9\u010de o z\u00e1kazn\u00edky...',\n        chips: ['V\u00fdroba', 'Marketing', 'Prodej', 'Podpora', 'V\u00fdvoj', 'Vzd\u011bl\u00e1v\u00e1n\u00ed']\n      },\n      {\n        block: 0,\n        eyebrow: 'Blok 8 z 9 \u00b7 Kl\u00ed\u010dov\u00ed partne\u0159i',\n        title: 'Kdo jsou va\u0161i kl\u00ed\u010dov\u00ed partne\u0159i?',\n        desc: 'Partne\u0159i a dodavatel\u00e9, bez kter\u00fdch by v\u00e1\u0161 byznys nefungoval. Kdo zaji\u0161\u0165uje v\u011bci, kter\u00e9 nechcete nebo nem\u016f\u017eete d\u011blat sami?',\n        hint: '<strong>Tip STRATE9Y\u00ae: Partner v\u00e1m pom\u00e1h\u00e1 dodat hodnotu \u2014 z\u00e1kazn\u00edk ji p\u0159ij\u00edm\u00e1. Partnery dopl\u0148ujte a\u017e po z\u00e1kazn\u00edkovi, hodnot\u011b a aktivit\u00e1ch.',\n        placeholder: 'Nap\u0159. tisk\u00e1rna, platebn\u00ed br\u00e1na, distributor, subdodavatel v\u00fdvoje...',\n        chips: ['Dodavatel\u00e9', 'Distributo\u0159i', 'Technologi\u010dt\u00ed partne\u0159i', 'Investo\u0159i', 'Freelance\u0159i']\n      },\n      {\n        block: 7,\n        eyebrow: 'Blok 9 z 9 \u00b7 N\u00e1kladov\u00e1 struktura',\n        title: 'Jak\u00e9 jsou va\u0161e nejv\u011bt\u0161\u00ed n\u00e1klady?',\n        desc: 'Co v\u00e1s stoj\u00ed nejv\u00edce pen\u011bz, \u010dasu nebo energie? Jsou n\u00e1klady fixn\u00ed nebo variabiln\u00ed? Co byste zkr\u00e1tili jako prvn\u00ed?',\n        hint: '<strong>Tip STRATE9Y\u00ae: N\u00e1klady d\u00e1vejte a\u017e na konec. Nejd\u0159\u00edve mus\u00ed b\u00fdt jasn\u00e9, komu slou\u017e\u00edte, jakou hodnotu doru\u010dujete a co k tomu pot\u0159ebujete.',\n        placeholder: 'Nap\u0159. mzdy, marketing, software, v\u00fdroba, provoz kancel\u00e1\u0159e, vzd\u011bl\u00e1v\u00e1n\u00ed t\u00fdmu...',\n        chips: ['Mzdy', 'Marketing', 'Software', 'V\u00fdroba', 'Logistika', 'V\u00fdvoj', 'Pron\u00e1jem']\n      }\n    ];\n\n    let currentStep = 0;\n    let answers = new Array(9).fill('');\n    let selectedChips = Array.from({ length: 9 }, () => []);\n\n    const nav = root.querySelector('[data-bmc-steps-nav]');\n    const panel = root.querySelector('[data-bmc-question-panel]');\n    const progressBar = root.querySelector('[data-bmc-progress-bar]');\n    const progressText = root.querySelector('[data-bmc-progress-text]');\n    const fillHint = root.querySelector('[data-bmc-fill-hint]');\n    const exportBtn = root.querySelector('[data-bmc-export]');\n\n    function stepIndexForBlock(blockIndex) {\n      return STEPS.findIndex(function (step) { return step.block === blockIndex; });\n    }\n\n    function escapeHtml(text) {\n      const div = document.createElement('div');\n      div.textContent = text;\n      return div.innerHTML;\n    }\n\n    function buildStepsNav() {\n      nav.innerHTML = '';\n      STEPS.forEach(function (_, i) {\n        const dot = document.createElement('button');\n        dot.type = 'button';\n        dot.className = 'str9-bmc-step-dot';\n        dot.textContent = i + 1;\n        dot.addEventListener('click', function () {\n          goToStep(i);\n        });\n        nav.appendChild(dot);\n      });\n    }\n\n    function renderQuestion(idx) {\n      const s = STEPS[idx];\n      panel.innerHTML = '';\n\n      const eyebrow = document.createElement('div');\n      eyebrow.className = 'str9-bmc-q-eyebrow';\n      eyebrow.textContent = s.eyebrow;\n\n      const title = document.createElement('div');\n      title.className = 'str9-bmc-q-title';\n      title.textContent = s.title;\n\n      const desc = document.createElement('div');\n      desc.className = 'str9-bmc-q-desc';\n      desc.textContent = s.desc;\n\n      const hint = document.createElement('div');\n      hint.className = 'str9-bmc-q-hint';\n      hint.innerHTML = s.hint;\n\n      const chipLabel = document.createElement('div');\n      chipLabel.className = 'str9-bmc-chip-label';\n      chipLabel.textContent = 'Rychl\u00e9 p\u0159id\u00e1n\u00ed:';\n\n      const chipsWrap = document.createElement('div');\n      chipsWrap.className = 'str9-bmc-chips';\n\n      s.chips.forEach(function (chip) {\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.className = 'str9-bmc-chip' + (selectedChips[idx].includes(chip) ? ' selected' : '');\n        btn.textContent = chip;\n        btn.addEventListener('click', function () {\n          toggleChip(idx, chip, btn);\n        });\n        chipsWrap.appendChild(btn);\n      });\n\n      const textarea = document.createElement('textarea');\n      textarea.className = 'str9-bmc-textarea';\n      textarea.placeholder = s.placeholder;\n      textarea.value = answers[idx];\n      textarea.addEventListener('input', function () {\n        answers[currentStep] = textarea.value;\n        updateCanvas();\n        updateProgress();\n      });\n\n      const qNav = document.createElement('div');\n      qNav.className = 'str9-bmc-q-nav';\n\n      const prev = document.createElement('button');\n      prev.type = 'button';\n      prev.className = 'str9-bmc-prev';\n      prev.textContent = '\u2190 Zp\u011bt';\n      prev.disabled = idx === 0;\n      prev.addEventListener('click', prevStep);\n\n      const next = document.createElement('button');\n      next.type = 'button';\n      next.className = 'str9-bmc-next';\n      next.textContent = idx === 8 ? 'Dokon\u010dit \u2713' : 'Dal\u0161\u00ed \u2192';\n      next.addEventListener('click', nextStep);\n\n      qNav.appendChild(prev);\n      qNav.appendChild(next);\n\n      panel.appendChild(eyebrow);\n      panel.appendChild(title);\n      panel.appendChild(desc);\n      panel.appendChild(hint);\n      panel.appendChild(chipLabel);\n      panel.appendChild(chipsWrap);\n      panel.appendChild(textarea);\n      panel.appendChild(qNav);\n\n      updateDots();\n      updateCanvas();\n    }\n\n    function updateDots() {\n      const dots = root.querySelectorAll('.str9-bmc-step-dot');\n      dots.forEach(function (d, i) {\n        d.classList.remove('active', 'done');\n        if (i === currentStep) d.classList.add('active');\n        else if (answers[i].trim()) d.classList.add('done');\n      });\n    }\n\n    function saveCurrentAnswer() {\n      const ta = panel.querySelector('textarea');\n      if (ta) answers[currentStep] = ta.value;\n    }\n\n    function goToStep(idx) {\n      saveCurrentAnswer();\n      currentStep = idx;\n      renderQuestion(idx);\n      updateProgress();\n    }\n\n    function toggleChip(idx, chip, el) {\n      const currentIdx = selectedChips[idx].indexOf(chip);\n      if (currentIdx > -1) {\n        selectedChips[idx].splice(currentIdx, 1);\n        el.classList.remove('selected');\n      } else {\n        selectedChips[idx].push(chip);\n        el.classList.add('selected');\n      }\n\n      const ta = panel.querySelector('textarea');\n      if (!ta) return;\n\n      const current = ta.value.trim();\n      if (!current.includes(chip)) {\n        ta.value = current ? current + '\\n' + chip : chip;\n        answers[idx] = ta.value;\n      }\n\n      updateCanvas();\n      updateProgress();\n    }\n\n    function nextStep() {\n      saveCurrentAnswer();\n      if (currentStep === 8) {\n        showCompletion();\n        return;\n      }\n      goToStep(currentStep + 1);\n    }\n\n    function prevStep() {\n      saveCurrentAnswer();\n      if (currentStep > 0) goToStep(currentStep - 1);\n    }\n\n    function updateCanvas() {\n      root.querySelectorAll('[data-bmc-block]').forEach(function (block) {\n        const blockIndex = Number(block.getAttribute('data-bmc-block'));\n        const i = stepIndexForBlock(blockIndex);\n        const content = block.querySelector('.str9-bmc-block-content');\n        const status = block.querySelector('.str9-bmc-status');\n        const text = i > -1 ? answers[i].trim() : '';\n\n        block.classList.remove('active-block', 'filled-block');\n\n        if (text) {\n          block.classList.add('filled-block');\n          status.style.background = 'var(--red)';\n          content.innerHTML = escapeHtml(text.length > 120 ? text.substring(0, 120) + '\u2026' : text);\n        } else {\n          status.style.background = 'var(--border)';\n          content.innerHTML = '<span class=\"str9-bmc-empty-msg\">Klikn\u011bte pro vypln\u011bn\u00ed';\n        }\n\n        if (STEPS[currentStep] && blockIndex === STEPS[currentStep].block) block.classList.add('active-block');\n      });\n    }\n\n    function updateProgress() {\n      const filled = answers.filter(function (a) { return a.trim(); }).length;\n      const pct = Math.round((filled \/ 9) * 100);\n      progressBar.style.width = pct + '%';\n      progressText.textContent = filled + '\/9';\n      exportBtn.disabled = filled === 0;\n\n      if (filled === 9) fillHint.textContent = '\u2713 Hotovo \u2014 st\u00e1hn\u011bte PDF';\n      else if (filled > 0) fillHint.textContent = 'Vypln\u011bno ' + filled + '\/9 blok\u016f';\n      else fillHint.textContent = 'Za\u010dn\u011bte odpov\u00eddat vlevo \u2192';\n    }\n\n    function showCompletion() {\n      const filled = answers.filter(function (a) { return a.trim(); }).length;\n\n      root.querySelectorAll('.str9-bmc-block').forEach(function (b) {\n        b.classList.remove('active-block');\n      });\n\n      panel.innerHTML =\n        '<div style=\"padding-top:8px;\">' +\n          '<div class=\"str9-bmc-q-eyebrow\" style=\"color:#16A34A\">\u2713 Canvas dokon\u010den<\/script>","protected":false},"excerpt":{"rendered":"<p>STRATE9Y\u00ae n\u00e1stroje \u00b7 Business Model Canvas Vytvo\u0159te si Business Model Canvas online. Projd\u011bte 9 blok\u016f byznys modelu krok za krokem, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":33986,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-34199","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Hana Krchov\u00e1","author_link":"https:\/\/strate9y.com\/sk\/autor\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"STRATE9Y\u00ae n\u00e1stroje \u00b7 Business Model Canvas Vytvo\u0159te si Business Model Canvas online. Projd\u011bte 9 blok\u016f byznys modelu krok za krokem, [&hellip;]","_links":{"self":[{"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/pages\/34199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/comments?post=34199"}],"version-history":[{"count":2,"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/pages\/34199\/revisions"}],"predecessor-version":[{"id":34209,"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/pages\/34199\/revisions\/34209"}],"up":[{"embeddable":true,"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/pages\/33986"}],"wp:attachment":[{"href":"https:\/\/strate9y.com\/sk\/wp-json\/wp\/v2\/media?parent=34199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}