{"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-24T16:00:57","modified_gmt":"2026-05-24T16:00:57","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: 780px;\n    margin-top: 22px;\n    font-size: clamp(42px, 6vw, 82px);\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 Services by XorStudio<\/div>\n        <h1>Turn website visitors into <span class=\"xor-gradient-text\">qualified leads<\/span> with custom AI chatbots.<\/h1>\n        <p>Give every visitor an instant answer, qualify serious buyers, book calls, and hand off to your team when a human touch is needed. XorStudio builds AI chatbots trained on your business, your offer, and your brand tone.<\/p>\n\n        <div class=\"xor-hero-actions\">\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\"><span>Get Your Free AI Audit<\/span><span class=\"xor-arrow\">&rarr;<\/span><\/a>\n          <a class=\"xor-btn xor-btn-ghost\" href=\"#xor-ai-demo\"><span>Watch 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>Answers after working hours<\/span><\/div>\n          <div class=\"xor-stat\"><strong>90+<\/strong><span>Languages supported<\/span><\/div>\n          <div class=\"xor-stat\"><strong>Days<\/strong><span>Fast integration, not weeks<\/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\">knowledge_base.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\">XO<\/div>\n                  <div>\n                    <strong>Xor AI Chatbot<\/strong>\n                    <small>Trained on your website<\/small>\n                  <\/div>\n                <\/div>\n                <small class=\"xor-online\">Online<\/small>\n              <\/div>\n              <div class=\"xor-message user\">Hi, do you build AI chatbots for WordPress websites?<\/div>\n              <div class=\"xor-message bot\">Yes. We train your bot on your services, FAQs, pricing, and brand style.<\/div>\n              <div class=\"xor-message user\">Can it collect leads and book calls?<\/div>\n              <div class=\"xor-message bot\">Absolutely. It can qualify visitors, capture contact details, and send them to your calendar or CRM.<\/div>\n              <div class=\"xor-chat-input\">\n                <span>Ask about pricing, support, integrations...<\/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>Common questions answered<\/strong>\n          <span>Pricing, services, booking, FAQs, and next steps handled instantly inside the chat.<\/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\">The gap in your digital strategy<\/div>\n          <h2>Static websites lose leads. AI websites keep the conversation alive.<\/h2>\n        <\/div>\n        <p>Most visitors leave when they cannot find answers quickly. A custom AI chatbot gives them speed, guidance, and the next best action before they disappear.<\/p>\n      <\/div>\n\n      <div class=\"xor-problem-solution\">\n        <article class=\"xor-card xor-glow-card\">\n          <h3>The problem<\/h3>\n          <p>Visitors expect instant answers, but teams cannot stay online every minute of the day.<\/p>\n          <ul class=\"xor-check-list\">\n            <li>Potential leads leave if they wait too long.<\/li>\n            <li>Support teams repeat the same FAQ answers.<\/li>\n            <li>Contact forms often create slow follow-up.<\/li>\n            <li>International visitors need help outside office hours.<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"xor-card xor-glow-card\">\n          <h3>The XorStudio solution<\/h3>\n          <p>We integrate a smart AI layer into your website without forcing a full redesign.<\/p>\n          <ul class=\"xor-check-list\">\n            <li>Instant 24\/7 answers trained on your content.<\/li>\n            <li>Lead qualification and contact capture.<\/li>\n            <li>Booking, CRM, email, and live chat handoff options.<\/li>\n            <li>Custom design that matches your brand style.<\/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 experience<\/div>\n        <h2>Show visitors an AI chatbot in action.<\/h2>\n        <p>This animated demo shows how a visitor asks common website questions, receives clear answers, and moves toward booking a call. It is built in HTML\/CSS so it works directly inside your WordPress page.<\/p>\n        <div class=\"xor-hero-actions\">\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\"><span>Build My AI Chatbot<\/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>Pause<\/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\">XO<\/div>\n                <div>\n                  <strong>XorStudio Chatbot<\/strong>\n                  <small>Answering website visitors<\/small>\n                <\/div>\n              <\/div>\n              <span class=\"xor-demo-status\">Online<\/span>\n            <\/div>\n\n            <div class=\"xor-demo-bubbles\">\n              <div class=\"xor-demo-bubble user\">\n                <b>Visitor<\/b>\n                <span>Do you build AI chatbots for WordPress websites?<\/span>\n              <\/div>\n              <div class=\"xor-demo-bubble bot\">\n                <b>Chatbot<\/b>\n                <span>Yes. XorStudio builds custom AI chatbots trained on your services, FAQs, pricing, and brand style.<\/span>\n              <\/div>\n              <div class=\"xor-demo-bubble user\">\n                <b>Visitor<\/b>\n                <span>Can the chatbot collect leads and recommend a package?<\/span>\n              <\/div>\n              <div class=\"xor-demo-bubble bot\">\n                <b>Chatbot<\/b>\n                <span>Absolutely. It can ask qualifying questions, capture contact details, and recommend Starter, Bronze, or Silver.<\/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\">Capabilities<\/div>\n          <h2>Everything your AI chatbot needs to convert more visitors.<\/h2>\n        <\/div>\n        <p>Built for real business workflows: websites, e-commerce, service businesses, booking funnels, and support teams.<\/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>Lead qualification<\/h3>\n          <p>Identify serious visitors, ask the right questions, and capture contact details before they leave.<\/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>Multilingual support<\/h3>\n          <p>Speak with global customers in 90+ languages with fast, natural answers.<\/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>E-commerce ready<\/h3>\n          <p>Help shoppers find products, compare options, and get status updates without waiting for support.<\/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>Live chat transfer<\/h3>\n          <p>Move from AI to a real team member when the conversation needs personal attention.<\/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>FAQ automation<\/h3>\n          <p>Answer common questions about services, pricing, availability, delivery, and next steps.<\/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>Universal integration<\/h3>\n          <p>Works with WordPress, Shopify, Webflow, custom websites, forms, calendars, and CRM tools.<\/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\">How it works<\/div>\n          <h2>From website content to a trained AI chatbot.<\/h2>\n        <\/div>\n        <p>We keep implementation clear and practical, so your chatbot can launch quickly and improve over time.<\/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>Audit<\/h3>\n          <p>We review your website, offers, FAQs, current lead flow, and support needs.<\/p>\n        <\/article>\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">02<\/div>\n          <h3>Train<\/h3>\n          <p>Your AI brain is trained on approved business information and response rules.<\/p>\n        <\/article>\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">03<\/div>\n          <h3>Integrate<\/h3>\n          <p>We install the chatbot on your site and connect forms, email, booking, or CRM.<\/p>\n        <\/article>\n        <article class=\"xor-card xor-glow-card xor-step\">\n          <div class=\"xor-step-number\">04<\/div>\n          <h3>Optimize<\/h3>\n          <p>We monitor conversations, improve answers, and tune conversion paths.<\/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\">Plans and Pricing<\/div>\n          <h2>Choose the automation level that fits your business.<\/h2>\n        <\/div>\n        <p>All plans include expert implementation and support. The one-time fee covers installation, custom bot design, and initial AI training.<\/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>\/ month<\/small><\/div>\n\n          <div class=\"xor-price-note\">\n            Platform fee + 70$; one-time setup\n          <\/div>\n\n          <ul class=\"xor-check-list\">\n            <li>100 AI interactions per month<\/li>\n            <li>5 chatbot agents per account<\/li>\n            <li>10,000 monthly sessions<\/li>\n            <li>50 minutes AI voice calls<\/li>\n            <li>250 SMS messages per month<\/li>\n            <li>10M knowledge base characters<\/li>\n            <li>XorStudio branding<\/li>\n            <li>Basic knowledge base training<\/li>\n            <li>Website chatbot integration<\/li>\n            <li>Basic lead automation<\/li>\n            <li>Email lead notifications<\/li>\n            <li>Phone number add-on available<\/li>\n          <\/ul>\n\n          <a class=\"xor-btn xor-btn-ghost\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\n            <span>Start for Free<\/span>\n          <\/a>\n        <\/article>\n\n        <!-- BRONZE -->\n        <article class=\"xor-price-card xor-glow-card featured\">\n          <span class=\"xor-badge\">Most Popular<\/span>\n\n          <h3>Bronze<\/h3>\n\n          <div class=\"xor-price\">$30 <small>\/ month<\/small><\/div>\n\n          <div class=\"xor-price-note\">\n            Maintenance and credits + 100$; one-time setup <br>(Billed annually at \u2066$300\u2069)\n          <\/div>\n\n          <ul class=\"xor-check-list\">\n            <li>1,000 AI interactions per month<\/li>\n            <li>25 chatbot agents<\/li>\n            <li>100,000 monthly sessions<\/li>\n            <li>100 minutes AI voice calls<\/li>\n            <li>300 SMS messages per month<\/li>\n            <li>20M knowledge base characters<\/li>\n            <li>White-label with no branding<\/li>\n            <li>Advanced response logic<\/li>\n            <li>CRM and email integration<\/li>\n            <li>Appointment booking automation<\/li>\n            <li>AI lead qualification<\/li>\n            <li>Lead capture through chatbot<\/li>\n            <li>Priority support<\/li>\n          <\/ul>\n\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\n            <span>Choose 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\">Best Value<\/span>\n\n          <h3>Silver<\/h3>\n\n          <div class=\"xor-price\">$40 <small>\/ month<\/small><\/div>\n\n          <div class=\"xor-price-note\">\n            Maintenance and credits + 130$; one-time setup <br>(Billed annually at \u2066$400\u2069)\n          <\/div>\n\n          <ul class=\"xor-check-list\">\n            <li>2,500 AI interactions per month<\/li>\n            <li>50 chatbot agents<\/li>\n            <li>1,000,000 monthly sessions<\/li>\n            <li>200 minutes AI voice calls<\/li>\n            <li>500 SMS messages per month<\/li>\n            <li>50M knowledge base characters<\/li>\n            <li>Full conversion analytics<\/li>\n            <li>Advanced AI response logic<\/li>\n            <li>WhatsApp and Messenger integration<\/li>\n            <li>Advanced booking automation<\/li>\n            <li>Custom AI workflow systems<\/li>\n            <li>Automatic live chat transfer<\/li>\n            <li>Detailed lead and visitor analytics<\/li>\n            <li>Priority technical support<\/li>\n          <\/ul>\n\n          <a class=\"xor-btn xor-btn-ghost\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\n            <span>Choose Silver<\/span>\n          <\/a>\n        <\/article>\n      <\/div>\n\n      <p class=\"xor-pricing-footnote\">\n        *Monthly subscription prices may change according to the AI chatbot platform pricing.\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\">Ready to make your website work harder?<\/div>\n          <h2>Let XorStudio build your custom AI chatbot.<\/h2>\n          <p>Turn visitors into conversations, conversations into leads, and repetitive support into automated answers.<\/p>\n        <\/div>\n        <div class=\"xor-cta-actions\">\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\"><span>Contact 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 ? \"Play\" : \"Pause\";\n      });\n    });\n  })();\n<\/script>\n\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 Services by XorStudio Turn website visitors into qualified leads with custom AI chatbots. Give every visitor an instant answer, qualify serious buyers, book calls, and hand off to your team when a human touch is needed. XorStudio builds AI chatbots trained on your business, your offer, and your brand tone. Get Your Free AI Audit&rarr; Watch Demo 24\/7Answers after working hours 90+Languages supported DaysFast integration, not weeks xorstudio.net \/ ai-chatbot knowledge_base.json XO Xor AI Chatbot Trained on your website Online Hi, do you build AI chatbots for WordPress websites? Yes. We train your bot on your services, FAQs, pricing, and brand style. Can it collect leads and book calls? Absolutely. It can qualify visitors, capture contact details, and send them to your calendar or CRM. Ask about pricing, support, integrations&#8230; &rarr; Common questions answered Pricing, services, booking, FAQs, and next steps handled instantly inside the chat. The gap in your digital strategy Static websites lose leads. AI websites keep the conversation alive. Most visitors leave when they cannot find answers quickly. A custom AI chatbot gives them speed, guidance, and the next best action before they disappear. The problem Visitors expect instant answers, but teams cannot stay online every minute of the day. Potential leads leave if they wait too long. Support teams repeat the same FAQ answers. Contact forms often create slow follow-up. International visitors need help outside office hours. The XorStudio solution We integrate a smart AI layer into your website without forcing a full redesign. Instant 24\/7 answers trained on your content. Lead qualification and contact capture. Booking, CRM, email, and live chat handoff options. Custom design that matches your brand style. Chatbot demo experience Show visitors an AI chatbot in action. This animated demo shows how a visitor asks common website questions, receives clear answers, and moves toward booking a call. It is built in HTML\/CSS so it works directly inside your WordPress page. Build My AI Chatbot&rarr; Chatbot demo Pause XO XorStudio Chatbot Answering website visitors Online Visitor Do you build AI chatbots for WordPress websites? Chatbot Yes. XorStudio builds custom AI chatbots trained on your services, FAQs, pricing, and brand style. Visitor Can the chatbot collect leads and recommend a package? Chatbot Absolutely. It can ask qualifying questions, capture contact details, and recommend Starter, Bronze, or Silver. Capabilities Everything your AI chatbot needs to convert more visitors. Built for real business workflows: websites, e-commerce, service businesses, booking funnels, and support teams. Lead qualification Identify serious visitors, ask the right questions, and capture contact details before they leave. Multilingual support Speak with global customers in 90+ languages with fast, natural answers. E-commerce ready Help shoppers find products, compare options, and get status updates without waiting for support. Live chat transfer Move from AI to a real team member when the conversation needs personal attention. FAQ automation Answer common questions about services, pricing, availability, delivery, and next steps. Universal integration Works with WordPress, Shopify, Webflow, custom websites, forms, calendars, and CRM tools. How it works From website content to a trained AI chatbot. We keep implementation clear and practical, so your chatbot can launch quickly and improve over time. 01 Audit We review your website, offers, FAQs, current lead flow, and support needs. 02 Train Your AI brain is trained on approved business information and response rules. 03 Integrate We install the chatbot on your site and connect forms, email, booking, or CRM. 04 Optimize We monitor conversations, improve answers, and tune conversion paths. Plans and Pricing Choose the automation level that fits your business. All plans include expert implementation and support. The one-time fee covers installation, custom bot design, and initial AI training. Starter $0 \/ month Platform fee + 70$; one-time setup 100 AI interactions per month 5 chatbot agents per account 10,000 monthly sessions 50 minutes AI voice calls 250 SMS messages per month 10M knowledge base characters XorStudio branding Basic knowledge base training Website chatbot integration Basic lead automation Email lead notifications Phone number add-on available Start for Free Most Popular Bronze $30 \/ month Maintenance and credits + 100$; one-time setup (Billed annually at \u2066$300\u2069) 1,000 AI interactions per month 25 chatbot agents 100,000 monthly sessions 100 minutes AI voice calls 300 SMS messages per month 20M knowledge base characters White-label with no branding Advanced response logic CRM and email integration Appointment booking automation AI lead qualification Lead capture through chatbot Priority support Choose Bronze &rarr; Best Value Silver $40 \/ month Maintenance and credits + 130$; one-time setup (Billed annually at \u2066$400\u2069) 2,500 AI interactions per month 50 chatbot agents 1,000,000 monthly sessions 200 minutes AI voice calls 500 SMS messages per month 50M knowledge base characters Full conversion analytics Advanced AI response logic WhatsApp and Messenger integration Advanced booking automation Custom AI workflow systems Automatic live chat transfer Detailed lead and visitor analytics Priority technical support Choose Silver *Monthly subscription prices may change according to the AI chatbot platform pricing. Ready to make your website work harder? Let XorStudio build your custom AI chatbot. Turn visitors into conversations, conversations into leads, and repetitive support into automated answers. Contact 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.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AI Chatbot za korisni\u010dku podr\u0161ku | Xor Studio<\/title>\n<meta name=\"description\" content=\"Pobolj\u0161ajte korisni\u010dku podr\u0161ku pomoc\u0301u re\u0161enja za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom, dizajniranih za automatizaciju, generisanje potencijalnih klijenata i poslovnu pomoc\u0301 24\/7.\" \/>\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 Chatbot za korisni\u010dku podr\u0161ku | Xor Studio\" \/>\n<meta property=\"og:description\" content=\"Pobolj\u0161ajte korisni\u010dku podr\u0161ku pomoc\u0301u re\u0161enja za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom, dizajniranih za automatizaciju, generisanje potencijalnih klijenata i poslovnu pomoc\u0301 24\/7.\" \/>\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-24T16:00:57+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 Chatbot za korisni\u010dku podr\u0161ku | Xor Studio\",\"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-24T16:00:57+00:00\",\"description\":\"Pobolj\u0161ajte korisni\u010dku podr\u0161ku pomoc\u0301u re\u0161enja za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom, dizajniranih za automatizaciju, generisanje potencijalnih klijenata i poslovnu pomoc\u0301 24\\\/7.\",\"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\":\"AI Automatizacija - Re\u0161enja za \u010detbotove za korisni\u010dku podr\u0161ku\"},{\"@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\\\/services\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"AI Integracije\",\"item\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/services\\\/ai-integrations\\\/\"},{\"@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.\",\"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\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI Chatbot za korisni\u010dku podr\u0161ku | Xor Studio","description":"Pobolj\u0161ajte korisni\u010dku podr\u0161ku pomoc\u0301u re\u0161enja za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom, dizajniranih za automatizaciju, generisanje potencijalnih klijenata i poslovnu pomoc\u0301 24\/7.","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 Chatbot za korisni\u010dku podr\u0161ku | Xor Studio","og_description":"Pobolj\u0161ajte korisni\u010dku podr\u0161ku pomoc\u0301u re\u0161enja za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom, dizajniranih za automatizaciju, generisanje potencijalnih klijenata i poslovnu pomoc\u0301 24\/7.","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-24T16:00:57+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 Chatbot za korisni\u010dku podr\u0161ku | Xor Studio","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-24T16:00:57+00:00","description":"Pobolj\u0161ajte korisni\u010dku podr\u0161ku pomoc\u0301u re\u0161enja za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom, dizajniranih za automatizaciju, generisanje potencijalnih klijenata i poslovnu pomoc\u0301 24\/7.","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":"AI Automatizacija - Re\u0161enja za \u010detbotove za korisni\u010dku podr\u0161ku"},{"@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\/services\/"},{"@type":"ListItem","position":3,"name":"AI Integracije","item":"https:\/\/xorstudio.net\/sr\/services\/ai-integrations\/"},{"@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.","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"}]}},"_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":12,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6013\/revisions"}],"predecessor-version":[{"id":6195,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6013\/revisions\/6195"}],"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}]}}