{"id":6013,"date":"2026-05-22T16:04:40","date_gmt":"2026-05-22T16:04:40","guid":{"rendered":"https:\/\/xorstudio.net\/usluge\/ai-integracije\/ai-cetbot-2\/"},"modified":"2026-05-23T07:30:48","modified_gmt":"2026-05-23T07:30:48","slug":"ai-chat-botovi","status":"publish","type":"page","link":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/","title":{"rendered":"AI \u010cetbot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6013\" class=\"elementor elementor-6013 elementor-5947\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb1999d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cb1999d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61f73a0 elementor-widget elementor-widget-html\" data-id=\"61f73a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"xor-ai-chatbots-page-style\">\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap\");\n\n  .xor-ai-page,\n  .xor-ai-page * {\n    box-sizing: border-box;\n  }\n\n  .xor-ai-page {\n    --xor-blue: #1790E0;\n    --xor-blue-soft: rgba(23, 144, 224, 0.16);\n    --xor-cyan: #4be9ff;\n    --xor-mint: #33f1af;\n    --xor-amber: #ffc45c;\n    --xor-ink: #05070d;\n    --xor-ink-2: #080d16;\n    --xor-panel: rgba(255, 255, 255, 0.055);\n    --xor-panel-strong: rgba(255, 255, 255, 0.095);\n    --xor-line: rgba(255, 255, 255, 0.14);\n    --xor-text: #ffffff;\n    --xor-muted: rgba(255, 255, 255, 0.72);\n    --xor-dim: rgba(255, 255, 255, 0.54);\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    background:\n      linear-gradient(120deg, rgba(23, 144, 224, 0.12), transparent 28%),\n      linear-gradient(180deg, #05070d 0%, #08101b 45%, #05070d 100%);\n    color: var(--xor-text);\n    font-family: \"Open Sans\", Arial, sans-serif;\n  }\n\n  .xor-ai-page::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n    background-size: 72px 72px;\n    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.24) 65%, rgba(0, 0, 0, 0.72));\n  }\n\n  .xor-ai-page::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    background:\n      repeating-linear-gradient(90deg, transparent 0 118px, rgba(23, 144, 224, 0.045) 118px 120px),\n      linear-gradient(180deg, transparent, rgba(23, 144, 224, 0.07), transparent);\n    pointer-events: none;\n  }\n\n  .xor-code-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    overflow: hidden;\n    pointer-events: none;\n    opacity: 0.42;\n  }\n\n  .xor-code-bg span {\n    position: absolute;\n    color: rgba(75, 233, 255, 0.42);\n    font: 700 clamp(14px, 1.25vw, 24px) \"Montserrat\", sans-serif;\n    text-shadow: 0 0 18px rgba(23, 144, 224, 0.45);\n    animation: xorDrift 18s linear infinite;\n  }\n\n  .xor-code-bg span:nth-child(1) { left: 5%; top: 9%; animation-delay: -2s; }\n  .xor-code-bg span:nth-child(2) { left: 80%; top: 12%; animation-delay: -7s; }\n  .xor-code-bg span:nth-child(3) { left: 18%; top: 36%; animation-delay: -11s; }\n  .xor-code-bg span:nth-child(4) { left: 70%; top: 41%; animation-delay: -4s; }\n  .xor-code-bg span:nth-child(5) { left: 9%; top: 78%; animation-delay: -13s; }\n  .xor-code-bg span:nth-child(6) { left: 88%; top: 73%; animation-delay: -8s; }\n  .xor-code-bg span:nth-child(7) { left: 48%; top: 18%; animation-delay: -15s; }\n  .xor-code-bg span:nth-child(8) { left: 56%; top: 86%; animation-delay: -5s; }\n\n  .xor-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .xor-section {\n    padding: clamp(70px, 9vw, 112px) 0;\n  }\n\n  .xor-hero {\n    min-height: 92vh;\n    display: grid;\n    align-items: center;\n    padding: clamp(84px, 11vw, 150px) 0 clamp(56px, 8vw, 96px);\n  }\n\n  .xor-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);\n    gap: clamp(34px, 6vw, 78px);\n    align-items: center;\n  }\n\n  .xor-kicker,\n  .xor-mini-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    width: fit-content;\n    border: 1px solid rgba(23, 144, 224, 0.42);\n    background: rgba(23, 144, 224, 0.09);\n    color: #d9f3ff;\n    padding: 9px 12px;\n    border-radius: 8px;\n    font: 700 12px\/1 \"Montserrat\", sans-serif;\n    letter-spacing: 0;\n    text-transform: uppercase;\n  }\n\n  .xor-kicker::before,\n  .xor-mini-label::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--xor-mint);\n    box-shadow: 0 0 14px var(--xor-mint);\n  }\n\n  .xor-hero h1,\n  .xor-section-heading h2,\n  .xor-card h3,\n  .xor-price-card h3,\n  .xor-demo-copy h2,\n  .xor-final-cta h2 {\n    margin: 0;\n    color: #ffffff;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    letter-spacing: 0;\n  }\n\n  .xor-hero h1 {\n    max-width: 850px;\n    margin-top: 22px;\n    font-size: clamp(44px, 5vw, 80px);\n    line-height: 0.98;\n    font-weight: 900;\n  }\n\n  .xor-gradient-text {\n    color: var(--xor-blue);\n    text-shadow: 0 0 34px rgba(23, 144, 224, 0.58);\n  }\n\n  .xor-hero p {\n    max-width: 670px;\n    margin: 24px 0 0;\n    color: var(--xor-muted);\n    font-size: clamp(17px, 1.4vw, 21px);\n    line-height: 1.72;\n  }\n\n  .xor-hero-actions,\n  .xor-cta-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .xor-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 52px;\n    padding: 15px 22px;\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    color: #ffffff !important;\n    font: 800 14px\/1 \"Montserrat\", sans-serif;\n    letter-spacing: 0;\n    text-decoration: none !important;\n    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;\n    overflow: hidden;\n  }\n\n  .xor-btn::after {\n    content: \"\";\n    position: absolute;\n    inset: -2px;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);\n    transform: translateX(-110%);\n    transition: transform 620ms ease;\n  }\n\n  .xor-btn:hover {\n    transform: translateY(-3px);\n  }\n\n  .xor-btn:hover::after {\n    transform: translateX(110%);\n  }\n\n  .xor-btn-primary {\n    background: linear-gradient(135deg, var(--xor-blue), #0f6dff);\n    box-shadow: 0 0 30px rgba(23, 144, 224, 0.36), 0 14px 36px rgba(0, 0, 0, 0.32);\n  }\n\n  .xor-btn-primary:hover {\n    box-shadow: 0 0 42px rgba(23, 144, 224, 0.6), 0 18px 48px rgba(0, 0, 0, 0.38);\n    border-color: rgba(255, 255, 255, 0.34);\n  }\n\n  .xor-btn-ghost {\n    background: rgba(255, 255, 255, 0.055);\n    backdrop-filter: blur(14px);\n  }\n\n  .xor-btn-ghost:hover {\n    background: rgba(23, 144, 224, 0.14);\n    border-color: rgba(23, 144, 224, 0.48);\n    box-shadow: 0 0 28px rgba(23, 144, 224, 0.22);\n  }\n\n  .xor-btn span {\n    position: relative;\n    z-index: 1;\n  }\n\n  .xor-arrow {\n    font-size: 18px;\n    line-height: 0;\n  }\n\n  .xor-hero-stats {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n    max-width: 680px;\n    margin-top: 34px;\n  }\n\n  .xor-stat {\n    border: 1px solid var(--xor-line);\n    border-radius: 8px;\n    padding: 18px;\n    background: rgba(255, 255, 255, 0.045);\n    backdrop-filter: blur(12px);\n  }\n\n  .xor-stat strong {\n    display: block;\n    color: #ffffff;\n    font: 900 clamp(24px, 3vw, 36px)\/1 \"Montserrat\", sans-serif;\n  }\n\n  .xor-stat span {\n    display: block;\n    margin-top: 8px;\n    color: var(--xor-dim);\n    font-size: 13px;\n    line-height: 1.35;\n  }\n\n  .xor-visual {\n    position: relative;\n    min-height: 640px;\n  }\n\n  .xor-visual::before {\n    content: \"\";\n    position: absolute;\n    inset: 46px 0 0;\n    background:\n      linear-gradient(135deg, rgba(23, 144, 224, 0.26), transparent 46%),\n      linear-gradient(45deg, transparent, rgba(51, 241, 175, 0.12));\n    border: 1px solid rgba(23, 144, 224, 0.28);\n    clip-path: polygon(8% 0, 100% 9%, 92% 100%, 0 90%);\n    filter: drop-shadow(0 0 44px rgba(23, 144, 224, 0.22));\n  }\n\n  .xor-device {\n    position: relative;\n    z-index: 2;\n    margin: 0 auto;\n    max-width: 520px;\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 8px;\n    background: rgba(7, 13, 24, 0.86);\n    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.45), 0 0 55px rgba(23, 144, 224, 0.2);\n    overflow: hidden;\n    backdrop-filter: blur(18px);\n    transform: perspective(980px) rotateY(-7deg) rotateX(3deg);\n  }\n\n  .xor-window-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    min-height: 46px;\n    padding: 0 14px;\n    background: rgba(255, 255, 255, 0.055);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .xor-dots {\n    display: flex;\n    gap: 7px;\n  }\n\n  .xor-dots i {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.28);\n  }\n\n  .xor-dots i:nth-child(1) { background: #ff6f91; }\n  .xor-dots i:nth-child(2) { background: #ffc45c; }\n  .xor-dots i:nth-child(3) { background: #33f1af; }\n\n  .xor-url {\n    width: min(250px, 55%);\n    height: 24px;\n    border-radius: 8px;\n    background: rgba(0, 0, 0, 0.22);\n    color: rgba(255, 255, 255, 0.6);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n  }\n\n  .xor-device-body {\n    display: grid;\n    grid-template-columns: 0.92fr 1.08fr;\n    min-height: 520px;\n  }\n\n  .xor-code-panel {\n    padding: 22px 18px;\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    background: rgba(0, 0, 0, 0.18);\n  }\n\n  .xor-code-line {\n    height: 10px;\n    margin: 12px 0;\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.12);\n    overflow: hidden;\n  }\n\n  .xor-code-line::before {\n    content: \"\";\n    display: block;\n    height: 100%;\n    width: var(--line, 70%);\n    background: linear-gradient(90deg, var(--xor-blue), var(--xor-mint));\n    opacity: 0.85;\n    box-shadow: 0 0 16px rgba(23, 144, 224, 0.42);\n  }\n\n  .xor-code-chip {\n    display: inline-flex;\n    margin-bottom: 16px;\n    padding: 8px 10px;\n    border-radius: 8px;\n    color: #c8f7ff;\n    background: rgba(23, 144, 224, 0.1);\n    border: 1px solid rgba(23, 144, 224, 0.26);\n    font: 700 12px\/1 \"Montserrat\", sans-serif;\n  }\n\n  .xor-chat-panel {\n    display: flex;\n    flex-direction: column;\n    padding: 18px;\n    background:\n      linear-gradient(180deg, rgba(23, 144, 224, 0.08), transparent 34%),\n      rgba(255, 255, 255, 0.025);\n  }\n\n  .xor-chat-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 18px;\n  }\n\n  .xor-agent {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .xor-agent-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 8px;\n    display: grid;\n    place-items: center;\n    background: linear-gradient(135deg, var(--xor-blue), #061b39);\n    box-shadow: 0 0 22px rgba(23, 144, 224, 0.42);\n    font: 900 15px\/1 \"Montserrat\", sans-serif;\n  }\n\n  .xor-agent strong {\n    display: block;\n    color: #ffffff;\n    font: 800 14px\/1.2 \"Montserrat\", sans-serif;\n  }\n\n  .xor-agent small,\n  .xor-chat-head small {\n    color: var(--xor-dim);\n    font-size: 12px;\n  }\n\n  .xor-online {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    color: #bdfbe5;\n  }\n\n  .xor-online::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--xor-mint);\n    box-shadow: 0 0 14px var(--xor-mint);\n  }\n\n  .xor-message {\n    width: fit-content;\n    max-width: 92%;\n    margin: 0 0 12px;\n    padding: 12px 13px;\n    border-radius: 8px;\n    color: rgba(255, 255, 255, 0.86);\n    font-size: 13px;\n    line-height: 1.45;\n    animation: xorMessage 8s ease-in-out infinite;\n  }\n\n  .xor-message.user {\n    align-self: flex-end;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .xor-message.bot {\n    align-self: flex-start;\n    background: rgba(23, 144, 224, 0.16);\n    border: 1px solid rgba(23, 144, 224, 0.28);\n    box-shadow: 0 0 22px rgba(23, 144, 224, 0.12);\n  }\n\n  .xor-message:nth-of-type(2) { animation-delay: 0.6s; }\n  .xor-message:nth-of-type(3) { animation-delay: 1.2s; }\n\n  .xor-chat-input {\n    margin-top: auto;\n    min-height: 54px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 11px;\n    border-radius: 8px;\n    background: rgba(0, 0, 0, 0.24);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .xor-chat-input span {\n    color: rgba(255, 255, 255, 0.55);\n    font-size: 13px;\n  }\n\n  .xor-send {\n    width: 34px;\n    height: 34px;\n    border: 0;\n    border-radius: 8px;\n    background: var(--xor-blue);\n    color: #fff;\n    font: 900 18px\/1 \"Montserrat\", sans-serif;\n    box-shadow: 0 0 20px rgba(23, 144, 224, 0.42);\n  }\n\n  .xor-hero-insight {\n    position: absolute;\n    z-index: 4;\n    right: -16px;\n    bottom: 50px;\n    width: min(240px, 48vw);\n    border: 1px solid rgba(51, 241, 175, 0.32);\n    border-radius: 8px;\n    background: rgba(6, 16, 25, 0.9);\n    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.36), 0 0 26px rgba(51, 241, 175, 0.16);\n    padding: 16px;\n    backdrop-filter: blur(16px);\n  }\n\n  .xor-hero-insight strong {\n    display: block;\n    color: #fff;\n    font: 800 15px\/1.25 \"Montserrat\", sans-serif;\n  }\n\n  .xor-hero-insight span {\n    display: block;\n    margin-top: 7px;\n    color: var(--xor-muted);\n    font-size: 12px;\n    line-height: 1.45;\n  }\n\n  .xor-mini-messages {\n    display: grid;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .xor-mini-messages i {\n    display: block;\n    height: 9px;\n    border-radius: 8px;\n    background: linear-gradient(180deg, var(--xor-mint), var(--xor-blue));\n    box-shadow: 0 0 14px rgba(23, 144, 224, 0.24);\n    animation: xorMessage 5s ease-in-out infinite;\n  }\n\n  .xor-mini-messages i:nth-child(1) { width: 86%; }\n  .xor-mini-messages i:nth-child(2) { width: 62%; animation-delay: 0.24s; }\n  .xor-mini-messages i:nth-child(3) { width: 74%; animation-delay: 0.48s; }\n\n  .xor-section-heading {\n    display: grid;\n    grid-template-columns: minmax(0, 0.78fr) minmax(280px, 0.42fr);\n    gap: 30px;\n    align-items: end;\n    margin-bottom: 34px;\n  }\n\n  .xor-section-heading h2,\n  .xor-demo-copy h2,\n  .xor-final-cta h2 {\n    margin-top: 16px;\n    font-size: clamp(32px, 4.4vw, 56px);\n    line-height: 1.04;\n    font-weight: 900;\n  }\n\n  .xor-section-heading p,\n  .xor-demo-copy p,\n  .xor-final-cta p {\n    margin: 0;\n    color: var(--xor-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .xor-problem-solution {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .xor-card,\n  .xor-price-card,\n  .xor-demo-player,\n  .xor-final-cta {\n    border: 1px solid var(--xor-line);\n    border-radius: 8px;\n    background:\n      linear-gradient(135deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.025)),\n      rgba(255, 255, 255, 0.035);\n    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);\n    backdrop-filter: blur(16px);\n  }\n\n  .xor-glow-card {\n    position: relative;\n    overflow: hidden;\n    transition: transform 230ms ease, border-color 230ms ease, box-shadow 230ms ease, background 230ms ease;\n  }\n\n  .xor-glow-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(23, 144, 224, 0.2), transparent 34%);\n    opacity: 0;\n    transition: opacity 180ms ease;\n    pointer-events: none;\n  }\n\n  .xor-glow-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(23, 144, 224, 0.44);\n    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.32), 0 0 34px rgba(23, 144, 224, 0.18);\n  }\n\n  .xor-glow-card:hover::before {\n    opacity: 1;\n  }\n\n  .xor-card {\n    padding: clamp(22px, 3vw, 32px);\n  }\n\n  .xor-card h3 {\n    position: relative;\n    z-index: 1;\n    font-size: 24px;\n    line-height: 1.15;\n    font-weight: 900;\n  }\n\n  .xor-card p {\n    position: relative;\n    z-index: 1;\n    margin: 16px 0 0;\n    color: var(--xor-muted);\n    line-height: 1.75;\n  }\n\n  .xor-check-list {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    gap: 11px;\n    margin: 22px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .xor-check-list li {\n    display: flex;\n    gap: 10px;\n    align-items: flex-start;\n    color: rgba(255, 255, 255, 0.82);\n    line-height: 1.5;\n  }\n\n  .xor-check-list li::before {\n    content: \"\";\n    flex: 0 0 18px;\n    height: 18px;\n    margin-top: 2px;\n    border-radius: 50%;\n    background:\n      linear-gradient(135deg, var(--xor-mint), var(--xor-blue));\n    box-shadow: 0 0 14px rgba(51, 241, 175, 0.24);\n  }\n\n  .xor-features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .xor-feature-icon {\n    position: relative;\n    z-index: 1;\n    width: 48px;\n    height: 48px;\n    border-radius: 8px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 18px;\n    color: #ffffff;\n    background: rgba(23, 144, 224, 0.15);\n    border: 1px solid rgba(23, 144, 224, 0.28);\n  }\n\n  .xor-feature-icon svg {\n    width: 24px;\n    height: 24px;\n    stroke: currentColor;\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .xor-demo-section {\n    display: grid;\n    grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1.14fr);\n    gap: clamp(24px, 5vw, 60px);\n    align-items: center;\n  }\n\n  .xor-demo-player {\n    position: relative;\n    overflow: hidden;\n    min-height: 520px;\n    background:\n      linear-gradient(135deg, rgba(23, 144, 224, 0.17), transparent 38%),\n      linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));\n  }\n\n  .xor-demo-player.is-paused * {\n    animation-play-state: paused !important;\n  }\n\n  .xor-demo-topbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n    padding: 16px 16px 0;\n  }\n\n  .xor-live {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255, 255, 255, 0.82);\n    font: 800 12px\/1 \"Montserrat\", sans-serif;\n    text-transform: uppercase;\n  }\n\n  .xor-live::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #ff5d7a;\n    box-shadow: 0 0 16px rgba(255, 93, 122, 0.72);\n    animation: xorPulse 1.4s ease-in-out infinite;\n  }\n\n  .xor-demo-toggle {\n    appearance: none;\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.08);\n    color: #ffffff;\n    padding: 9px 12px;\n    font: 800 12px\/1 \"Montserrat\", sans-serif;\n    cursor: pointer;\n    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n  }\n\n  .xor-demo-toggle:hover {\n    transform: translateY(-2px);\n    background: rgba(23, 144, 224, 0.18);\n    border-color: rgba(23, 144, 224, 0.45);\n  }\n\n  .xor-demo-stage {\n    position: relative;\n    padding: clamp(20px, 3vw, 34px);\n  }\n\n  .xor-demo-chatbot {\n    width: min(560px, 100%);\n    margin: 8px auto 28px;\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: 8px;\n    background:\n      linear-gradient(135deg, rgba(23, 144, 224, 0.18), transparent 40%),\n      rgba(2, 8, 17, 0.58);\n    box-shadow: 0 0 54px rgba(23, 144, 224, 0.2);\n    overflow: hidden;\n  }\n\n  .xor-demo-chat-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 14px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    background: rgba(255, 255, 255, 0.045);\n  }\n\n  .xor-demo-chat-identity {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .xor-demo-avatar {\n    width: 38px;\n    height: 38px;\n    border-radius: 8px;\n    display: grid;\n    place-items: center;\n    background: linear-gradient(135deg, var(--xor-blue), #0d2b54);\n    color: #ffffff;\n    font: 900 14px\/1 \"Montserrat\", sans-serif;\n    box-shadow: 0 0 18px rgba(23, 144, 224, 0.42);\n  }\n\n  .xor-demo-chat-identity strong {\n    display: block;\n    color: #ffffff;\n    font: 800 14px\/1.2 \"Montserrat\", sans-serif;\n  }\n\n  .xor-demo-chat-identity small,\n  .xor-demo-status {\n    color: var(--xor-dim);\n    font-size: 12px;\n  }\n\n  .xor-demo-status {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n  }\n\n  .xor-demo-status::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--xor-mint);\n    box-shadow: 0 0 14px var(--xor-mint);\n  }\n\n  .xor-demo-bubbles {\n    display: grid;\n    gap: 12px;\n    padding: 18px;\n  }\n\n  .xor-demo-bubble {\n    display: grid;\n    gap: 5px;\n    width: fit-content;\n    max-width: 86%;\n    padding: 13px 14px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 8px;\n    background: rgba(0, 0, 0, 0.24);\n    animation: xorTranscript 9s ease-in-out infinite;\n  }\n\n  .xor-demo-bubble.user {\n    justify-self: end;\n    background: rgba(255, 255, 255, 0.095);\n  }\n\n  .xor-demo-bubble.bot {\n    justify-self: start;\n    background: rgba(23, 144, 224, 0.16);\n    border-color: rgba(23, 144, 224, 0.28);\n  }\n\n  .xor-demo-bubble:nth-child(2) { animation-delay: 1.1s; }\n  .xor-demo-bubble:nth-child(3) { animation-delay: 2.2s; }\n  .xor-demo-bubble:nth-child(4) { animation-delay: 3.3s; }\n\n  .xor-demo-bubble b {\n    color: #ffffff;\n    font: 800 12px\/1 \"Montserrat\", sans-serif;\n    text-transform: uppercase;\n  }\n\n  .xor-demo-bubble span {\n    color: var(--xor-muted);\n    line-height: 1.5;\n    font-size: 14px;\n  }\n\n  .xor-typing {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    margin-top: 2px;\n  }\n\n  .xor-typing i {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.72);\n    animation: xorTyping 1.1s ease-in-out infinite;\n  }\n\n  .xor-typing i:nth-child(2) { animation-delay: 0.15s; }\n  .xor-typing i:nth-child(3) { animation-delay: 0.3s; }\n\n  .xor-progress {\n    position: absolute;\n    left: 16px;\n    right: 16px;\n    bottom: 16px;\n    height: 7px;\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.1);\n    overflow: hidden;\n  }\n\n  .xor-progress::before {\n    content: \"\";\n    display: block;\n    height: 100%;\n    width: 55%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--xor-blue), var(--xor-mint));\n    animation: xorProgress 9s ease-in-out infinite;\n  }\n\n  .xor-flow {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .xor-step {\n    position: relative;\n  }\n\n  .xor-step-number {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    margin-bottom: 18px;\n    border-radius: 8px;\n    background: rgba(23, 144, 224, 0.16);\n    border: 1px solid rgba(23, 144, 224, 0.34);\n    color: #fff;\n    font: 900 14px\/1 \"Montserrat\", sans-serif;\n  }\n\n  .xor-pricing {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  .xor-price-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 28px;\n    overflow: hidden;\n  }\n\n  .xor-price-card.featured {\n    border-color: rgba(23, 144, 224, 0.64);\n    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34), 0 0 48px rgba(23, 144, 224, 0.22);\n  }\n\n  .xor-badge {\n    position: absolute;\n    top: 18px;\n    right: 18px;\n    padding: 8px 10px;\n    border-radius: 8px;\n    background: rgba(23, 144, 224, 0.17);\n    border: 1px solid rgba(23, 144, 224, 0.4);\n    color: #d9f3ff;\n    font: 800 11px\/1 \"Montserrat\", sans-serif;\n    text-transform: uppercase;\n  }\n\n  .xor-price-card h3 {\n    font-size: 26px;\n    font-weight: 900;\n  }\n\n  .xor-price {\n    margin: 18px 0 8px;\n    color: #ffffff;\n    font: 900 clamp(38px, 5vw, 54px)\/1 \"Montserrat\", sans-serif;\n  }\n\n  .xor-price small {\n    font-size: 15px;\n    color: var(--xor-dim);\n    font-weight: 700;\n  }\n\n  .xor-price-note {\n    min-height: 48px;\n    color: var(--xor-muted);\n    line-height: 1.55;\n    font-size: 14px;\n  }\n\n  .xor-price-card .xor-check-list {\n    margin: 24px 0 28px;\n  }\n\n  .xor-price-card .xor-btn {\n    margin-top: auto;\n    width: 100%;\n  }\n\n  .xor-pricing-footnote {\n    margin-top: 18px;\n    color: var(--xor-dim);\n    font-size: 13px;\n    line-height: 1.6;\n    text-align: center;\n  }\n\n  .xor-final-cta {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(30px, 5vw, 56px);\n    display: grid;\n    grid-template-columns: minmax(0, 0.78fr) auto;\n    gap: 26px;\n    align-items: center;\n    background:\n      linear-gradient(135deg, rgba(23, 144, 224, 0.22), rgba(255, 255, 255, 0.04) 48%, rgba(51, 241, 175, 0.12)),\n      rgba(255, 255, 255, 0.04);\n  }\n\n  .xor-final-cta::before {\n    content: \"<\/>\";\n    position: absolute;\n    right: 28px;\n    top: -20px;\n    color: rgba(255, 255, 255, 0.055);\n    font: 900 clamp(84px, 15vw, 190px)\/1 \"Montserrat\", sans-serif;\n  }\n\n  .xor-final-cta > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  @keyframes xorDrift {\n    0% { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0.16; }\n    45% { opacity: 0.56; }\n    100% { transform: translate3d(24px, -44px, 0) rotate(5deg); opacity: 0.16; }\n  }\n\n  @keyframes xorMessage {\n    0%, 100% { transform: translateY(0); opacity: 0.8; }\n    50% { transform: translateY(-4px); opacity: 1; }\n  }\n\n  @keyframes xorPulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(0.72); opacity: 0.6; }\n  }\n\n  @keyframes xorTyping {\n    0%, 100% { transform: translateY(0); opacity: 0.42; }\n    50% { transform: translateY(-4px); opacity: 1; }\n  }\n\n  @keyframes xorTranscript {\n    0%, 100% { border-color: rgba(255, 255, 255, 0.1); transform: translateY(0); }\n    50% { border-color: rgba(23, 144, 224, 0.42); transform: translateY(-3px); }\n  }\n\n  @keyframes xorProgress {\n    0% { width: 8%; }\n    55% { width: 76%; }\n    100% { width: 98%; }\n  }\n\n  @media (max-width: 980px) {\n    .xor-hero-grid,\n    .xor-demo-section,\n    .xor-section-heading,\n    .xor-final-cta {\n      grid-template-columns: 1fr;\n    }\n\n    .xor-visual {\n      min-height: auto;\n    }\n\n    .xor-device {\n      transform: none;\n    }\n\n    .xor-features-grid,\n    .xor-pricing,\n    .xor-flow {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 700px) {\n    .xor-container {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .xor-hero {\n      min-height: auto;\n      padding-top: 72px;\n    }\n\n    .xor-hero h1 {\n      font-size: clamp(38px, 13vw, 58px);\n    }\n\n    .xor-hero-stats,\n    .xor-problem-solution,\n    .xor-features-grid,\n    .xor-pricing,\n    .xor-flow {\n      grid-template-columns: 1fr;\n    }\n\n    .xor-device-body {\n      grid-template-columns: 1fr;\n    }\n\n    .xor-code-panel {\n      display: none;\n    }\n\n    .xor-hero-insight {\n      position: relative;\n      right: auto;\n      bottom: auto;\n      width: 100%;\n      margin-top: 16px;\n    }\n\n    .xor-demo-player {\n      min-height: 500px;\n    }\n\n    .xor-cta-actions,\n    .xor-hero-actions {\n      width: 100%;\n    }\n\n    .xor-btn {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xor-ai-page *,\n    .xor-ai-page *::before,\n    .xor-ai-page *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.001ms !important;\n    }\n  }\n<\/style>\n\n<section class=\"xor-ai-page\">\n  <div class=\"xor-code-bg\" aria-hidden=\"true\">\n    <span>&lt;\/&gt;<\/span>\n    <span>{AI}<\/span>\n    <span>01<\/span>\n    <span>&lt;bot&gt;<\/span>\n    <span>api()<\/span>\n    <span>FAQ<\/span>\n    <span>CRM<\/span>\n    <span>24\/7<\/span>\n  <\/div>\n\n  <div class=\"xor-hero\">\n    <div class=\"xor-container xor-hero-grid\">\n      <div class=\"xor-hero-copy\">\n        <div class=\"xor-kicker\">AI Chatbot Usluge XOR Studio<\/div>\n        <h1>Pretvorite posetioce u <span class=\"xor-gradient-text\">  klijente<\/span> sa AI botovima.<\/h1>\n        <p>Dajte svakom posetiocu trenutni odgovor, kvalifikujte ozbiljne kupce, zaka\u017eite pozive i prepustite svom timu kada je potreban ljudski kontakt. XorStudio gradi ve\u0161ta\u010dke \u010detbotove obu\u010dene za va\u0161e poslovanje, va\u0161u ponudu i ton va\u0161eg brenda.<\/p>\n\n        <div class=\"xor-hero-actions\">\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\"><span>Besplatna AI analiza<\/span><span class=\"xor-arrow\">&rarr;<\/span><\/a>\n          <a class=\"xor-btn xor-btn-ghost\" href=\"#xor-ai-demo\"><span> Demo<\/span><\/a>\n        <\/div>\n\n        <div class=\"xor-hero-stats\" aria-label=\"AI chatbot highlights\">\n          <div class=\"xor-stat\"><strong>24\/7<\/strong><span>Odgovori nakon radnog vremena<\/span><\/div>\n          <div class=\"xor-stat\"><strong>90+<\/strong><span>Podr\u017eanih jezika<\/span><\/div>\n          <div class=\"xor-stat\"><strong>Brzina<\/strong><span>Brza integracija koja se meri danima a ne nedeljama <\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"xor-visual\" aria-label=\"AI chatbot product visual\">\n        <div class=\"xor-device\">\n          <div class=\"xor-window-bar\">\n            <div class=\"xor-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\n            <div class=\"xor-url\">xorstudio.net \/ ai-chatbot<\/div>\n          <\/div>\n          <div class=\"xor-device-body\">\n            <div class=\"xor-code-panel\" aria-hidden=\"true\">\n              <div class=\"xor-code-chip\">baza_znanja.json<\/div>\n              <div class=\"xor-code-line\" style=\"--line: 86%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 58%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 72%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 42%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 90%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 64%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 48%\"><\/div>\n              <div class=\"xor-code-line\" style=\"--line: 78%\"><\/div>\n            <\/div>\n            <div class=\"xor-chat-panel\">\n              <div class=\"xor-chat-head\">\n                <div class=\"xor-agent\">\n                  <div class=\"xor-agent-icon\">Ana<\/div>\n                  <div>\n                    <strong>Xor AI Chatbot<\/strong>\n                    <small>Dobar dan, kako mogu da Vam pomognem?<\/small>\n                  <\/div>\n                <\/div>\n                <small class=\"xor-online\">Na mre\u017ei<\/small>\n              <\/div>\n              <div class=\"xor-message user\">Zdravo, da li pravite AI \u010detbotove za WordPress veb stranice?<\/div>\n              <div class=\"xor-message bot\">Da. Obu\u010davamo va\u0161eg bota o va\u0161im uslugama, \u010destim pitanjima, cenama itd.<\/div>\n              <div class=\"xor-message user\">Mo\u017ee li prikupljati potencijalne klijente i zakazivati pozive?<\/div>\n              <div class=\"xor-message bot\">Apsolutno. Mo\u017ee da kvalifikuje posetioce, zabele\u017ei kontakt podatke i po\u0161alje ih u va\u0161 kalendar ili CRM.<\/div>\n              <div class=\"xor-chat-input\">\n                <span>Pitajte o cenama, podr\u0161ci, integracijama...<\/span>\n                <button class=\"xor-send\" type=\"button\" aria-label=\"Send demo message\">&rarr;<\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"xor-hero-insight\" aria-label=\"Chatbot lead capture preview\">\n          <strong>Odgovori na uobi\u010dajena pitanja<\/strong>\n          <span>Cene, usluge, rezervacije, \u010desta pitanja i sledec\u0301i koraci se odmah obra\u0111uju u c\u0301askanju.<\/span>\n          <div class=\"xor-mini-messages\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"xor-section\">\n    <div class=\"xor-container\">\n      <div class=\"xor-section-heading\">\n        <div>\n          <div class=\"xor-mini-label\">Rupa u va\u0161oj digitalnoj strategiji<\/div>\n          <h2>Stati\u010dki sajtovi \u0107ute.<br> AI vodi razgovor.<\/h2>\n        <\/div>\n        <p>Vec\u0301ina posetilaca odlazi kada ne mogu brzo da prona\u0111u odgovore. Prilago\u0111eni ve\u0161ta\u010dki \u010detbot im daje brzinu, smernice i sledec\u0301u najbolju akciju pre nego \u0161to nestanu.<\/p>\n      <\/div>\n\n      <div class=\"xor-problem-solution\">\n        <article class=\"xor-card xor-glow-card\">\n          <h3>Problem<\/h3>\n          <p>Posetioci o\u010dekuju trenutne odgovore, ali timovi ne mogu ostati onlajn svakog minuta u toku dana.<\/p>\n          <ul class=\"xor-check-list\">\n            <li>Potencijalni klijenti odlaze ako \u010dekaju predugo.<\/li>\n            <li>Timovi za podr\u0161ku ponavljaju iste odgovore na \u010desto postavljana pitanja.<\/li>\n            <li>Kontakt formulari \u010desto stvaraju sporo prac\u0301enje.<\/li>\n            <li>Me\u0111unarodnim posetiocima je potrebna pomoc\u0301 van radnog vremena.<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <h3>XOR Studio re\u0161enje<\/h3>\n          <p>Integri\u0161emo pametni sloj ve\u0161ta\u010dke inteligencije u va\u0161u veb stranicu bez prisiljavanja na potpuno redizajniranje.\n<\/p>\n          <ul class=\"xor-check-list\">\n            <li>Trenutni odgovori dostupni 24\/7, obu\u010deni na osnovu va\u0161eg sadr\u017eaja.<\/li>\n            <li>Kvalifikacija potencijalnih klijenata i hvatanje kontakata.<\/li>\n            <li>Opcije predaje putem rezervacija, CRM-a, e-po\u0161te i c\u0301askanja u\u017eivo.<\/li>\n            <li>Prilago\u0111eni dizajn koji odgovara stilu va\u0161eg brenda.<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"xor-section\" id=\"xor-ai-demo\">\n    <div class=\"xor-container xor-demo-section\">\n      <div class=\"xor-demo-copy\">\n        <div class=\"xor-mini-label\">Chatbot demo<\/div>\n        <h2>Poka\u017eite posetiocima AI \u010detbot u akciji.<\/h2>\n        <p>Ova animirana demonstracija prikazuje kako posetilac postavlja uobi\u010dajena pitanja na veb-sajtu, dobija jasne odgovore i prelazi na zakazivanje poziva. Napravljena je u HTML\/CSS-u tako da funkcioni\u0161e direktno unutar va\u0161e WordPress stranice.<\/p>\n        <div class=\"xor-hero-actions\">\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\"><span>Napravi mi bota <\/span><span class=\"xor-arrow\">&rarr;<\/span><\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"xor-demo-player\" data-xor-demo>\n        <div class=\"xor-demo-topbar\">\n          <span class=\"xor-live\">Chatbot demo<\/span>\n          <button class=\"xor-demo-toggle\" type=\"button\" data-xor-toggle>Pauziraj<\/button>\n        <\/div>\n\n        <div class=\"xor-demo-stage\">\n          <div class=\"xor-demo-chatbot\" aria-label=\"AI chatbot answering common questions\">\n            <div class=\"xor-demo-chat-header\">\n              <div class=\"xor-demo-chat-identity\">\n                <div class=\"xor-demo-avatar\">Ana<\/div>\n                <div>\n                  <strong>XOR Studio Chatbot<\/strong>\n                  <small>Daje odgovore posetiocima<\/small>\n                <\/div>\n              <\/div>\n              <span class=\"xor-demo-status\">Na mre\u017ei<\/span>\n            <\/div>\n\n            <div class=\"xor-demo-bubbles\">\n              <div class=\"xor-demo-bubble user\">\n                <b>Milan<\/b>\n                <span>Da li pravite AI \u010detbotove za WordPress veb stranice?<\/span>\n              <\/div>\n              <div class=\"xor-demo-bubble bot\">\n                <b>Ana<\/b>\n                <span>Da. XorStudio pravi prilago\u0111ene AI \u010detbotove obu\u010dene za va\u0161e usluge, \u010desto postavljana pitanja, cene i stil brenda.<\/span>\n              <\/div>\n              <div class=\"xor-demo-bubble user\">\n                <b>Milan<\/b>\n                <span>Da li \u010detbot mo\u017ee da prikuplja potencijalne klijente i preporu\u010di paket?<\/span>\n              <\/div>\n              <div class=\"xor-demo-bubble bot\">\n                <b>Ana<\/b>\n                <span>Apsolutno. Mo\u017ee da postavlja kvalifikaciona pitanja, bele\u017ei kontakt podatke i preporu\u010di po\u010detni, bronzani ili srebrni status.<\/span>\n                <span class=\"xor-typing\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"xor-progress\" aria-hidden=\"true\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"xor-section\">\n    <div class=\"xor-container\">\n      <div class=\"xor-section-heading\">\n        <div>\n          <div class=\"xor-mini-label\">Sposobnosti<\/div>\n          <h2>Sve \u0161to je va\u0161em AI \u010detbotu potrebno da bi konvertovao vi\u0161e posetilaca.<\/h2>\n        <\/div>\n        <p>Napravljeno za stvarne poslovne tokove rada: veb stranice, e-trgovinu, uslu\u017ene kompanije, kanale za rezervacije i timove za podr\u0161ku.<\/p>\n      <\/div>\n\n      <div class=\"xor-features-grid\">\n        <article class=\"xor-card xor-glow-card\">\n          <div class=\"xor-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20v-7a8 8 0 0 1 16 0v7\"><\/path><path d=\"M7 20h10\"><\/path><path d=\"M9 13h.01\"><\/path><path d=\"M15 13h.01\"><\/path><\/svg><\/div>\n          <h3>Klasifikacija klijenata<\/h3>\n          <p>Prepoznajte ozbiljne posetioce, postavite prava pitanja i prikupite kontakt podatke pre nego \u0161to napuste sajt.<\/p>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <div class=\"xor-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M2 12h20\"><\/path><path d=\"M12 2a15 15 0 0 1 0 20\"><\/path><path d=\"M12 2a15 15 0 0 0 0 20\"><\/path><\/svg><\/div>\n          <h3>Vi\u0161ejezi\u010dna podr\u0161ka<\/h3>\n          <p>Komunicirajte sa globalnim kupcima na vi\u0161e od 90 jezika uz brze i prirodne odgovore.<\/p>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <div class=\"xor-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg><\/div>\n          <h3>Spreman za e-trgovinu<\/h3>\n          <p>Poma\u017ee kupcima da prona\u0111u proizvode, uporede opcije i dobiju informacije bez \u010dekanja na podr\u0161ku.<\/p>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <div class=\"xor-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"><\/path><\/svg><\/div>\n          <h3>Prebacivanje na live chat<\/h3>\n          <p>Prelazak sa AI asistenta na pravog \u010dlana tima kada razgovor zahteva li\u010dnu podr\u0161ku.<\/p>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <div class=\"xor-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 11h6\"><\/path><path d=\"M9 15h4\"><\/path><path d=\"M21 12a8 8 0 0 1-8 8H8l-5 3V7a4 4 0 0 1 4-4h6a8 8 0 0 1 8 9z\"><\/path><\/svg><\/div>\n          <h3>Automatizacija FAQ sekcije<\/h3>\n          <p>Odgovara na \u010desta pitanja o uslugama, cenama, dostupnosti, isporuci i slede\u0107im koracima.<\/p>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <div class=\"xor-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.07 0l2.83-2.83a5 5 0 0 0-7.07-7.07L11 4.93\"><\/path><path d=\"M14 11a5 5 0 0 0-7.07 0L4.1 13.83a5 5 0 0 0 7.07 7.07L13 19.07\"><\/path><\/svg><\/div>\n          <h3>Univerzalna integracija<\/h3>\n          <p>Radi sa WordPress, Shopify, Webflow i custom sajtovima, kao i sa formama, kalendarima i CRM alatima.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"xor-section\">\n    <div class=\"xor-container\">\n      <div class=\"xor-section-heading\">\n        <div>\n          <div class=\"xor-mini-label\">Kako funkcioni\u0161e<\/div>\n          <h2>Od sadr\u017eaja sajta do istreniranog AI chatbot-a.<\/h2>\n        <\/div>\n        <p>Implementaciju dr\u017eimo jednostavnom i prakti\u010dnom kako bi va\u0161 chatbot brzo bio aktivan i vremenom postajao jo\u0161 bolji.<\/p>\n      <\/div>\n\n      <div class=\"xor-flow\">\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">01<\/div>\n          <h3>Analiza<\/h3>\n          <p>Analiziramo va\u0161 sajt, ponudu, FAQ sekciju, trenutni tok klijenata i potrebe korisni\u010dke podr\u0161ke.<\/p>\n        <\/article>\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">02<\/div>\n          <h3>Trening AI sistema<\/h3>\n          <p>Va\u0161 AI sistem se trenira na osnovu odobrenih poslovnih informacija i pravila komunikacije.<\/p>\n        <\/article>\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">03<\/div>\n          <h3>Integracija<\/h3>\n          <p>Postavljamo chatbot na va\u0161 sajt i povezujemo forme, email, rezervacije ili CRM sistem.<\/p>\n        <\/article>\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">04<\/div>\n          <h3>Optimizacija<\/h3>\n          <p>Pratimo razgovore, unapre\u0111ujemo odgovore i optimizujemo putanje konverzije.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"xor-section\" id=\"xor-pricing\">\n    <div class=\"xor-container\">\n      <div class=\"xor-section-heading\">\n        <div>\n          <div class=\"xor-mini-label\">Paketi i cene<\/div>\n          <h2>Izaberite nivo automatizacije koji odgovara va\u0161em poslovanju.<\/h2>\n        <\/div>\n        <p>Svi paketi uklju\u010duju stru\u010dnu implementaciju i podr\u0161ku. Jednokratna naknada pokriva instalaciju, prilago\u0111eni dizajn bota i po\u010detni trening AI sistema.<\/p>\n      <\/div>\n\n      <div class=\"xor-pricing\">\n        \n        <!-- STARTER -->\n        <article class=\"xor-price-card xor-glow-card\">\n          <h3>Starter<\/h3>\n\n          <div class=\"xor-price\">$0 <small>\/ mese\u010dno<\/small><\/div>\n\n          <div class=\"xor-price-note\">\n            Platformska naknada + 60$; jednokratno pode\u0161avanje\n          <\/div>\n\n          <ul class=\"xor-check-list\">\n            <li>100 AI interakcija mese\u010dno<\/li>\n            <li>5 chatbot agenata po nalogu<\/li>\n            <li>10.000 mese\u010dnih sesija<\/li>\n            <li>50 minuta AI glasovnih poziva<\/li>\n            <li>250 SMS poruka mese\u010dno<\/li>\n            <li>10M karaktera baze znanja<\/li>\n            <li>XorStudio brending<\/li>\n            <li>Osnovni trening baze znanja<\/li>\n            <li>Integracija chatbot-a na sajt<\/li>\n            <li>Osnovna automatizacija leadova<\/li>\n            <li>Email notifikacije za leadove<\/li>\n            <li>Dostupan dodatak za telefonski broj<\/li>\n          <\/ul>\n\n          <a class=\"xor-btn xor-btn-ghost\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\n            <span>Pokreni besplatno<\/span>\n          <\/a>\n        <\/article>\n\n        <!-- BRONZE -->\n        <article class=\"xor-price-card xor-glow-card featured\">\n          <span class=\"xor-badge\">Najpopularniji<\/span>\n\n          <h3>Bronze<\/h3>\n\n          <div class=\"xor-price\">$25 <small>\/ mese\u010dno<\/small><\/div>\n\n          <div class=\"xor-price-note\">\n            Odr\u017eavanje i krediti + 80$; jednokratno pode\u0161avanje\n          <\/div>\n\n          <ul class=\"xor-check-list\">\n            <li>1.000 AI interakcija mese\u010dno<\/li>\n            <li>25 chatbot agenata<\/li>\n            <li>100.000 mese\u010dnih sesija<\/li>\n            <li>100 minuta AI glasovnih poziva<\/li>\n            <li>300 SMS poruka mese\u010dno<\/li>\n            <li>20M karaktera baze znanja<\/li>\n            <li>White-label bez brendinga<\/li>\n            <li>Napredna logika odgovora<\/li>\n            <li>CRM i email integracija<\/li>\n            <li>Automatizacija zakazivanja termina<\/li>\n            <li>AI kvalifikacija klijenata<\/li>\n            <li>Prikupljanje leadova kroz chatbot<\/li>\n            <li>Prioritetna podr\u0161ka<\/li>\n          <\/ul>\n\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\n            <span>Izaberi Bronze<\/span>\n            <span class=\"xor-arrow\">&rarr;<\/span>\n          <\/a>\n        <\/article>\n\n        <!-- SILVER -->\n        <article class=\"xor-price-card xor-glow-card\">\n          <span class=\"xor-badge\">Najbolja vrednost<\/span>\n\n          <h3>Silver<\/h3>\n\n          <div class=\"xor-price\">$30 <small>\/ mese\u010dno<\/small><\/div>\n\n          <div class=\"xor-price-note\">\n            Odr\u017eavanje i krediti + 120$; jednokratno pode\u0161avanje\n          <\/div>\n\n          <ul class=\"xor-check-list\">\n            <li>2.500 AI interakcija mese\u010dno<\/li>\n            <li>50 chatbot agenata<\/li>\n            <li>1.000.000 mese\u010dnih sesija<\/li>\n            <li>200 minuta AI glasovnih poziva<\/li>\n            <li>500 SMS poruka mese\u010dno<\/li>\n            <li>50M karaktera baze znanja<\/li>\n            <li>Kompletna analitika konverzija<\/li>\n            <li>Napredna AI logika odgovora<\/li>\n            <li>WhatsApp i Messenger integracija<\/li>\n            <li>Napredna automatizacija rezervacija<\/li>\n            <li>Prilago\u0111eni AI workflow sistemi<\/li>\n            <li>Automatsko prebacivanje na live chat<\/li>\n            <li>Detaljna statistika korisnika i leadova<\/li>\n            <li>Prioritetna tehni\u010dka podr\u0161ka<\/li>\n          <\/ul>\n\n          <a class=\"xor-btn xor-btn-ghost\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\n            <span>Izaberi Silver<\/span>\n          <\/a>\n        <\/article>\n      <\/div>\n\n      <p class=\"xor-pricing-footnote\">\n        *Mese\u010dne pretplate mogu se menjati u skladu sa cenovnikom AI chatbot platforme.\n      <\/p>\n    <\/div>\n<\/section>\n\n  <section class=\"xor-section\">\n    <div class=\"xor-container\">\n      <div class=\"xor-final-cta\">\n        <div>\n          <div class=\"xor-mini-label\">Spremni da va\u0161 sajt radi vi\u0161e za vas?<\/div>\n          <h2>Pokrenite svoj prilago\u0111eni AI chatbot danas!<\/h2>\n          <p>Pretvorite posetioce u razgovore, razgovore u potencijalne klijente i ponavljaju\u0107u podr\u0161ku u automatizovane odgovore.<\/p>\n        <\/div>\n        <div class=\"xor-cta-actions\">\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\"><span>Kontaktirajte XorStudio<\/span><span class=\"xor-arrow\">&rarr;<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n<script>\n  (function () {\n    var root = document.querySelector(\".xor-ai-page\");\n    if (!root) return;\n\n    root.querySelectorAll(\".xor-glow-card\").forEach(function (card) {\n      card.addEventListener(\"pointermove\", function (event) {\n        var rect = card.getBoundingClientRect();\n        card.style.setProperty(\"--mx\", ((event.clientX - rect.left) \/ rect.width * 100).toFixed(2) + \"%\");\n        card.style.setProperty(\"--my\", ((event.clientY - rect.top) \/ rect.height * 100).toFixed(2) + \"%\");\n      });\n    });\n\n    root.querySelectorAll(\"[data-xor-demo]\").forEach(function (demo) {\n      var toggle = demo.querySelector(\"[data-xor-toggle]\");\n      if (!toggle) return;\n      toggle.addEventListener(\"click\", function () {\n        var paused = demo.classList.toggle(\"is-paused\");\n        toggle.textContent = paused ? \"Pokreni\" : \"Pauziraj\";\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&lt;\/&gt; {AI} 01 &lt;bot&gt; api() FAQ CRM 24\/7 AI Chatbot Usluge XOR Studio Pretvorite posetioce u klijente sa AI botovima. Dajte svakom posetiocu trenutni odgovor, kvalifikujte ozbiljne kupce, zaka\u017eite pozive i prepustite svom timu kada je potreban ljudski kontakt. XorStudio gradi ve\u0161ta\u010dke \u010detbotove obu\u010dene za va\u0161e poslovanje, va\u0161u ponudu i ton va\u0161eg brenda. Besplatna AI analiza&rarr; Demo 24\/7Odgovori nakon radnog vremena 90+Podr\u017eanih jezika BrzinaBrza integracija koja se meri danima a ne nedeljama xorstudio.net \/ ai-chatbot baza_znanja.json Ana Xor AI Chatbot Dobar dan, kako mogu da Vam pomognem? Na mre\u017ei Zdravo, da li pravite AI \u010detbotove za WordPress veb stranice? Da. Obu\u010davamo va\u0161eg bota o va\u0161im uslugama, \u010destim pitanjima, cenama itd. Mo\u017ee li prikupljati potencijalne klijente i zakazivati pozive? Apsolutno. Mo\u017ee da kvalifikuje posetioce, zabele\u017ei kontakt podatke i po\u0161alje ih u va\u0161 kalendar ili CRM. Pitajte o cenama, podr\u0161ci, integracijama&#8230; &rarr; Odgovori na uobi\u010dajena pitanja Cene, usluge, rezervacije, \u010desta pitanja i sledec\u0301i koraci se odmah obra\u0111uju u c\u0301askanju. Rupa u va\u0161oj digitalnoj strategiji Stati\u010dki sajtovi \u0107ute. AI vodi razgovor. Vec\u0301ina posetilaca odlazi kada ne mogu brzo da prona\u0111u odgovore. Prilago\u0111eni ve\u0161ta\u010dki \u010detbot im daje brzinu, smernice i sledec\u0301u najbolju akciju pre nego \u0161to nestanu. Problem Posetioci o\u010dekuju trenutne odgovore, ali timovi ne mogu ostati onlajn svakog minuta u toku dana. Potencijalni klijenti odlaze ako \u010dekaju predugo. Timovi za podr\u0161ku ponavljaju iste odgovore na \u010desto postavljana pitanja. Kontakt formulari \u010desto stvaraju sporo prac\u0301enje. Me\u0111unarodnim posetiocima je potrebna pomoc\u0301 van radnog vremena. XOR Studio re\u0161enje Integri\u0161emo pametni sloj ve\u0161ta\u010dke inteligencije u va\u0161u veb stranicu bez prisiljavanja na potpuno redizajniranje. Trenutni odgovori dostupni 24\/7, obu\u010deni na osnovu va\u0161eg sadr\u017eaja. Kvalifikacija potencijalnih klijenata i hvatanje kontakata. Opcije predaje putem rezervacija, CRM-a, e-po\u0161te i c\u0301askanja u\u017eivo. Prilago\u0111eni dizajn koji odgovara stilu va\u0161eg brenda. Chatbot demo Poka\u017eite posetiocima AI \u010detbot u akciji. Ova animirana demonstracija prikazuje kako posetilac postavlja uobi\u010dajena pitanja na veb-sajtu, dobija jasne odgovore i prelazi na zakazivanje poziva. Napravljena je u HTML\/CSS-u tako da funkcioni\u0161e direktno unutar va\u0161e WordPress stranice. Napravi mi bota &rarr; Chatbot demo Pauziraj Ana XOR Studio Chatbot Daje odgovore posetiocima Na mre\u017ei Milan Da li pravite AI \u010detbotove za WordPress veb stranice? Ana Da. XorStudio pravi prilago\u0111ene AI \u010detbotove obu\u010dene za va\u0161e usluge, \u010desto postavljana pitanja, cene i stil brenda. Milan Da li \u010detbot mo\u017ee da prikuplja potencijalne klijente i preporu\u010di paket? Ana Apsolutno. Mo\u017ee da postavlja kvalifikaciona pitanja, bele\u017ei kontakt podatke i preporu\u010di po\u010detni, bronzani ili srebrni status. Sposobnosti Sve \u0161to je va\u0161em AI \u010detbotu potrebno da bi konvertovao vi\u0161e posetilaca. Napravljeno za stvarne poslovne tokove rada: veb stranice, e-trgovinu, uslu\u017ene kompanije, kanale za rezervacije i timove za podr\u0161ku. Klasifikacija klijenata Prepoznajte ozbiljne posetioce, postavite prava pitanja i prikupite kontakt podatke pre nego \u0161to napuste sajt. Vi\u0161ejezi\u010dna podr\u0161ka Komunicirajte sa globalnim kupcima na vi\u0161e od 90 jezika uz brze i prirodne odgovore. Spreman za e-trgovinu Poma\u017ee kupcima da prona\u0111u proizvode, uporede opcije i dobiju informacije bez \u010dekanja na podr\u0161ku. Prebacivanje na live chat Prelazak sa AI asistenta na pravog \u010dlana tima kada razgovor zahteva li\u010dnu podr\u0161ku. Automatizacija FAQ sekcije Odgovara na \u010desta pitanja o uslugama, cenama, dostupnosti, isporuci i slede\u0107im koracima. Univerzalna integracija Radi sa WordPress, Shopify, Webflow i custom sajtovima, kao i sa formama, kalendarima i CRM alatima. Kako funkcioni\u0161e Od sadr\u017eaja sajta do istreniranog AI chatbot-a. Implementaciju dr\u017eimo jednostavnom i prakti\u010dnom kako bi va\u0161 chatbot brzo bio aktivan i vremenom postajao jo\u0161 bolji. 01 Analiza Analiziramo va\u0161 sajt, ponudu, FAQ sekciju, trenutni tok klijenata i potrebe korisni\u010dke podr\u0161ke. 02 Trening AI sistema Va\u0161 AI sistem se trenira na osnovu odobrenih poslovnih informacija i pravila komunikacije. 03 Integracija Postavljamo chatbot na va\u0161 sajt i povezujemo forme, email, rezervacije ili CRM sistem. 04 Optimizacija Pratimo razgovore, unapre\u0111ujemo odgovore i optimizujemo putanje konverzije. Paketi i cene Izaberite nivo automatizacije koji odgovara va\u0161em poslovanju. Svi paketi uklju\u010duju stru\u010dnu implementaciju i podr\u0161ku. Jednokratna naknada pokriva instalaciju, prilago\u0111eni dizajn bota i po\u010detni trening AI sistema. Starter $0 \/ mese\u010dno Platformska naknada + 60$; jednokratno pode\u0161avanje 100 AI interakcija mese\u010dno 5 chatbot agenata po nalogu 10.000 mese\u010dnih sesija 50 minuta AI glasovnih poziva 250 SMS poruka mese\u010dno 10M karaktera baze znanja XorStudio brending Osnovni trening baze znanja Integracija chatbot-a na sajt Osnovna automatizacija leadova Email notifikacije za leadove Dostupan dodatak za telefonski broj Pokreni besplatno Najpopularniji Bronze $25 \/ mese\u010dno Odr\u017eavanje i krediti + 80$; jednokratno pode\u0161avanje 1.000 AI interakcija mese\u010dno 25 chatbot agenata 100.000 mese\u010dnih sesija 100 minuta AI glasovnih poziva 300 SMS poruka mese\u010dno 20M karaktera baze znanja White-label bez brendinga Napredna logika odgovora CRM i email integracija Automatizacija zakazivanja termina AI kvalifikacija klijenata Prikupljanje leadova kroz chatbot Prioritetna podr\u0161ka Izaberi Bronze &rarr; Najbolja vrednost Silver $30 \/ mese\u010dno Odr\u017eavanje i krediti + 120$; jednokratno pode\u0161avanje 2.500 AI interakcija mese\u010dno 50 chatbot agenata 1.000.000 mese\u010dnih sesija 200 minuta AI glasovnih poziva 500 SMS poruka mese\u010dno 50M karaktera baze znanja Kompletna analitika konverzija Napredna AI logika odgovora WhatsApp i Messenger integracija Napredna automatizacija rezervacija Prilago\u0111eni AI workflow sistemi Automatsko prebacivanje na live chat Detaljna statistika korisnika i leadova Prioritetna tehni\u010dka podr\u0161ka Izaberi Silver *Mese\u010dne pretplate mogu se menjati u skladu sa cenovnikom AI chatbot platforme. Spremni da va\u0161 sajt radi vi\u0161e za vas? Pokrenite svoj prilago\u0111eni AI chatbot danas! Pretvorite posetioce u razgovore, razgovore u potencijalne klijente i ponavljaju\u0107u podr\u0161ku u automatizovane odgovore. Kontaktirajte XorStudio&rarr;<\/p>\n","protected":false},"author":1,"featured_media":5701,"parent":4498,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6013","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AI Chat Botovi za Web Sajtove | Automatizacija Prodaje i Podr\u0161ke<\/title>\n<meta name=\"description\" content=\"AI chat botovi za web sajtove koji automatizuju komunikaciju, pove\u0107avaju prodaju i unapre\u0111uju korisni\u010dku podr\u0161ku. Brza integracija.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI Chat Botovi za Web Sajtove | Automatizacija Prodaje i Podr\u0161ke\" \/>\n<meta property=\"og:description\" content=\"AI chat botovi za web sajtove koji automatizuju komunikaciju, pove\u0107avaju prodaju i unapre\u0111uju korisni\u010dku podr\u0161ku. Brza integracija.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/\" \/>\n<meta property=\"og:site_name\" content=\"Xor Studio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/XorStudioWeb\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-23T07:30:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2026\/01\/XOrstudio-feature-images-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/\",\"name\":\"AI Chat Botovi za Web Sajtove | Automatizacija Prodaje i Podr\u0161ke\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/XOrstudio-feature-images-1.jpg\",\"datePublished\":\"2026-05-22T16:04:40+00:00\",\"dateModified\":\"2026-05-23T07:30:48+00:00\",\"description\":\"AI chat botovi za web sajtove koji automatizuju komunikaciju, pove\u0107avaju prodaju i unapre\u0111uju korisni\u010dku podr\u0161ku. Brza integracija.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/#breadcrumb\"},\"inLanguage\":\"sr-RS\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/XOrstudio-feature-images-1.jpg\",\"contentUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/XOrstudio-feature-images-1.jpg\",\"width\":1200,\"height\":628,\"caption\":\"Automatizacija korisni\u010dke slu\u017ebe\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/ai-chat-botovi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Usluge\",\"item\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"AI Integracije\",\"item\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge\\\/ai-integracije\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"AI \u010cetbot\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#website\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\",\"name\":\"Xor Studio\",\"description\":\"Web, AI, and Marketing\u2014Done Right.\",\"publisher\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sr-RS\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#organization\",\"name\":\"Xor Studio\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/XorStudio.svg\",\"contentUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/XorStudio.svg\",\"width\":500,\"height\":200,\"caption\":\"Xor Studio\"},\"image\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/XorStudioWeb\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/xorstudio-company\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI Chat Botovi za Web Sajtove | Automatizacija Prodaje i Podr\u0161ke","description":"AI chat botovi za web sajtove koji automatizuju komunikaciju, pove\u0107avaju prodaju i unapre\u0111uju korisni\u010dku podr\u0161ku. Brza integracija.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/","og_locale":"sr_RS","og_type":"article","og_title":"AI Chat Botovi za Web Sajtove | Automatizacija Prodaje i Podr\u0161ke","og_description":"AI chat botovi za web sajtove koji automatizuju komunikaciju, pove\u0107avaju prodaju i unapre\u0111uju korisni\u010dku podr\u0161ku. Brza integracija.","og_url":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/","og_site_name":"Xor Studio","article_publisher":"https:\/\/www.facebook.com\/XorStudioWeb\/","article_modified_time":"2026-05-23T07:30:48+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2026\/01\/XOrstudio-feature-images-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"5 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/","url":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/","name":"AI Chat Botovi za Web Sajtove | Automatizacija Prodaje i Podr\u0161ke","isPartOf":{"@id":"https:\/\/xorstudio.net\/sr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/#primaryimage"},"image":{"@id":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/#primaryimage"},"thumbnailUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2026\/01\/XOrstudio-feature-images-1.jpg","datePublished":"2026-05-22T16:04:40+00:00","dateModified":"2026-05-23T07:30:48+00:00","description":"AI chat botovi za web sajtove koji automatizuju komunikaciju, pove\u0107avaju prodaju i unapre\u0111uju korisni\u010dku podr\u0161ku. Brza integracija.","breadcrumb":{"@id":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/"]}]},{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/#primaryimage","url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2026\/01\/XOrstudio-feature-images-1.jpg","contentUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2026\/01\/XOrstudio-feature-images-1.jpg","width":1200,"height":628,"caption":"Automatizacija korisni\u010dke slu\u017ebe"},{"@type":"BreadcrumbList","@id":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-chat-botovi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xorstudio.net\/sr\/"},{"@type":"ListItem","position":2,"name":"Usluge","item":"https:\/\/xorstudio.net\/sr\/usluge\/"},{"@type":"ListItem","position":3,"name":"AI Integracije","item":"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/"},{"@type":"ListItem","position":4,"name":"AI \u010cetbot"}]},{"@type":"WebSite","@id":"https:\/\/xorstudio.net\/sr\/#website","url":"https:\/\/xorstudio.net\/sr\/","name":"Xor Studio","description":"Web, AI, and Marketing\u2014Done Right.","publisher":{"@id":"https:\/\/xorstudio.net\/sr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xorstudio.net\/sr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"},{"@type":"Organization","@id":"https:\/\/xorstudio.net\/sr\/#organization","name":"Xor Studio","url":"https:\/\/xorstudio.net\/sr\/","logo":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/xorstudio.net\/sr\/#\/schema\/logo\/image\/","url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/10\/XorStudio.svg","contentUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/10\/XorStudio.svg","width":500,"height":200,"caption":"Xor Studio"},"image":{"@id":"https:\/\/xorstudio.net\/sr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/XorStudioWeb\/","https:\/\/www.linkedin.com\/company\/xorstudio-company\/"]}]}},"_links":{"self":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/comments?post=6013"}],"version-history":[{"count":11,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6013\/revisions"}],"predecessor-version":[{"id":6104,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6013\/revisions\/6104"}],"up":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/4498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/media\/5701"}],"wp:attachment":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/media?parent=6013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}