CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="icon" href="https://cdn.livechat-static.com/api/file/kb/file/14613522/6088fef4d0-ecb9aad0d61b2d181470.png" sizes="any"/><meta property="og:image" content="https://cdn.livechat-static.com/api/file/kb/file/14613522/9332fbe3f4-0330b0e584c0db88960f.png"/><title>Chat Interface for OpenAI Assistants | OpenWidget Help Center</title><meta name="description" content="OpenWidget Help Center: Chat Interface for OpenAI Assistants"/><meta property="og:title" content="Chat Interface for OpenAI Assistants | OpenWidget Help Center"/><meta property="og:type" content="website"/><meta property="og:url" content="https://help.openwidget.com/chat-interface-for-openai-assistants/"/><link rel="canonical" href="https://help.openwidget.com/chat-interface-for-openai-assistants/"/><meta name="next-head-count" content="10"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-880e48e2fc817058.js" defer=""></script><script src="/_next/static/chunks/framework-efd18f4d51f604cf.js" defer=""></script><script src="/_next/static/chunks/main-381489ec99e77ce6.js" defer=""></script><script src="/_next/static/chunks/pages/_app-33c6ade5c0a83779.js" defer=""></script><script src="/_next/static/chunks/pages/%5BcontentSlug%5D-e427d44555c98bf9.js" defer=""></script><script src="/_next/static/zZq5EPBZoM4NaZFW7vonw/_buildManifest.js" defer=""></script><script src="/_next/static/zZq5EPBZoM4NaZFW7vonw/_ssgManifest.js" defer=""></script><style data-styled="" data-styled-version="6.0.7">.gYARPx{flex-shrink:0;}/*!sc*/ data-styled.g2[id="sc-grXZZQ"]{content:"gYARPx,"}/*!sc*/ .xpcCN{color:#06f;font-weight:500;font-size:18px;text-decoration:none;transition-duration:0.2s;}/*!sc*/ .xpcCN:hover{color:#0059e1;text-decoration:underline;}/*!sc*/ data-styled.g3[id="sc-dkjKgF"]{content:"xpcCN,"}/*!sc*/ .hCNkkG{position:relative;padding:10px 24px;background:transparent;border-radius:8px;border:1px solid #c9c9cd;cursor:pointer;transition-duration:0.2s;font-weight:500;font-size:18px;line-height:1.3;display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#000;}/*!sc*/ .hCNkkG:hover{background:#1b1b20;color:#fff;text-decoration:none;}/*!sc*/ .hCNkkG:disabled{cursor:not-allowed;color:#000;background:transparent;opacity:0.5;}/*!sc*/ @container (max-width: 540px){.hCNkkG{font-size:15px;}}/*!sc*/ data-styled.g5[id="sc-eDnVMP"]{content:"hCNkkG,"}/*!sc*/ .itagjd{display:inline-flex;}/*!sc*/ data-styled.g6[id="sc-jSwlEQ"]{content:"itagjd,"}/*!sc*/ .llQHzx{visibility:visible;display:flex;align-items:center;gap:6px;}/*!sc*/ data-styled.g7[id="sc-gKHVLF"]{content:"llQHzx,"}/*!sc*/ .gUIaMi{display:flex;align-items:center;gap:8px;margin:3px;margin-left:0;font-size:16px;line-height:1.8;padding:12px;transition:all 0.2s ease-in-out;border:0;background:transparent;}/*!sc*/ .gUIaMi:hover{color:#000000;opacity:0.7;background:transparent;}/*!sc*/ .gUIaMi:disabled{border:none;opacity:0.6;}/*!sc*/ data-styled.g20[id="sc-fEyylQ"]{content:"gUIaMi,"}/*!sc*/ .iqcUQG{display:flex;border-radius:10px;width:100%;height:48px;background:#fff;}/*!sc*/ data-styled.g23[id="sc-dIEoRj"]{content:"iqcUQG,"}/*!sc*/ .jISIuG{flex-grow:1;min-width:0;margin:0 18px;margin-right:0;padding:0;border:none;font-size:16px;font-weight:400;color:#131317;background:transparent;}/*!sc*/ .jISIuG::placeholder{color:#8d8d95;}/*!sc*/ .jISIuG:focus{outline:none;}/*!sc*/ .jISIuG:disabled{cursor:not-allowed;color:#595959;background:transparent;}/*!sc*/ data-styled.g24[id="sc-hHvkSs"]{content:"jISIuG,"}/*!sc*/ .eUbbRy{font-size:14px;font-weight:400;color:#57575c;}/*!sc*/ .eUbbRy:last-child{color:#000;pointer-events:none;}/*!sc*/ .jSyWdP{font-size:14px;font-weight:500;color:#57575c;}/*!sc*/ .jSyWdP:last-child{color:#000;pointer-events:none;}/*!sc*/ data-styled.g28[id="sc-bBbNsw"]{content:"eUbbRy,jSyWdP,"}/*!sc*/ .bcdago{display:flex;align-items:center;gap:12px;color:#57575c;white-space:nowrap;overflow:auto;padding-right:20px;-webkit-mask-image:linear-gradient(to right, black 90%, transparent 100%);}/*!sc*/ .bcdago a:hover{color:#000;text-decoration:none;}/*!sc*/ @container (max-width: 540px){.bcdago{gap:8px;}}/*!sc*/ data-styled.g29[id="sc-ivDvhZ"]{content:"bcdago,"}/*!sc*/ .edVlqd{display:flex;justify-content:center;align-self:center;width:80%;max-width:540px;margin:0 30px;margin-bottom:40px;border-top:1px solid #e2e2e4;}/*!sc*/ data-styled.g76[id="sc-hlDEJj"]{content:"edVlqd,"}/*!sc*/ .gljtKI{padding:20px 5% 0;font-size:16px;font-weight:400;color:#000;text-decoration:none;text-align:center;transition:opacity 0.2s ease-in-out;}/*!sc*/ .gljtKI:hover{color:#000;opacity:0.7;text-decoration:none;}/*!sc*/ data-styled.g77[id="sc-eKQWOK"]{content:"gljtKI,"}/*!sc*/ .gqcXXY{width:100%;height:32px;position:fixed;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:8px;background:#f5f5f5;}/*!sc*/ data-styled.g78[id="sc-bTLJel"]{content:"gqcXXY,"}/*!sc*/ .cIGqhy{color:#4f4f4f;font-size:12px;letter-spacing:0.4px;font-weight:400;display:flex;align-items:center;gap:4px;height:100%;padding:0 20px;}/*!sc*/ .cIGqhy:hover{text-decoration:none;color:#8d8d95;}/*!sc*/ data-styled.g79[id="sc-kIuKII"]{content:"cIGqhy,"}/*!sc*/ body{margin:0;padding:0;}/*!sc*/ @media (max-width: 540px){body:has(#search-results){overflow:hidden;}}/*!sc*/ data-styled.g86[id="sc-global-kbOzVr1"]{content:"sc-global-kbOzVr1,"}/*!sc*/ .crfEfA{display:flex;justify-content:center;width:100%;flex:1;scroll-margin:16px;}/*!sc*/ data-styled.g97[id="sc-fHKCsJ"]{content:"crfEfA,"}/*!sc*/ .jGkgxf{background:#ececec;}/*!sc*/ data-styled.g98[id="sc-dujzCk"]{content:"jGkgxf,"}/*!sc*/ .kALDkH{padding:64px 20px;margin-bottom:20px;width:100%;border-radius:5px;background:#f6f6f7;display:flex;flex-direction:column;align-items:center;gap:36px;}/*!sc*/ @container (max-width: 540px){.kALDkH{gap:20px;padding:30px;}}/*!sc*/ data-styled.g109[id="sc-jGFknz"]{content:"kALDkH,"}/*!sc*/ .gksUJY{color:#000;text-align:center;font-size:24px;letter-spacing:-0.03em;font-weight:500;line-height:1.4;}/*!sc*/ @container (max-width: 540px){.gksUJY{font-size:18px;}}/*!sc*/ data-styled.g110[id="sc-bPNYWC"]{content:"gksUJY,"}/*!sc*/ .eJNqmy{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;}/*!sc*/ @container (max-width: 540px){.eJNqmy{gap:16px;}.eJNqmy button{padding:6px 14px;font-size:14px;}.eJNqmy button svg{width:20px;height:20px;}}/*!sc*/ data-styled.g111[id="sc-fWYGfq"]{content:"eJNqmy,"}/*!sc*/ .iZOsSB{padding:64px 0;font-size:30px;word-break:break-word;width:727px;max-width:727px;margin:0 auto;}/*!sc*/ @container (max-width: 1024px){.iZOsSB{padding-top:20px;max-width:100%;}}/*!sc*/ @container (max-width: 1024px){.iZOsSB{padding-bottom:36px;}}/*!sc*/ data-styled.g112[id="sc-Fiojb"]{content:"iZOsSB,"}/*!sc*/ .gvDTgH{flex:1;}/*!sc*/ data-styled.g113[id="sc-jWoQCg"]{content:"gvDTgH,"}/*!sc*/ .bpuCnD{margin:24px 0 32px;font-size:42px;line-height:1.3em;letter-spacing:-0.03em;font-weight:600;}/*!sc*/ @container (max-width: 1024px){.bpuCnD{font-size:34px;}}/*!sc*/ @container (max-width: 540px){.bpuCnD{font-size:22px;}}/*!sc*/ data-styled.g114[id="sc-eEyyFR"]{content:"bpuCnD,"}/*!sc*/ .jiTeER{display:flex;flex-wrap:wrap;margin-bottom:32px;}/*!sc*/ .jiTeER >:not(:last-child){padding-right:24px;}/*!sc*/ data-styled.g115[id="sc-fnhmGq"]{content:"jiTeER,"}/*!sc*/ .eJaKKN{display:flex;align-items:center;gap:4px;}/*!sc*/ @container (max-width: 540px){.eJaKKN svg{width:15px;height:15px;}}/*!sc*/ data-styled.g116[id="sc-lkMEiX"]{content:"eJaKKN,"}/*!sc*/ .lbuOmQ{color:#57575c;font-size:16px;font-weight:400;white-space:nowrap;}/*!sc*/ @container (max-width: 1024px){.lbuOmQ{font-size:15px;}}/*!sc*/ @container (max-width: 540px){.lbuOmQ{font-size:13px;}}/*!sc*/ data-styled.g117[id="sc-jmxxdg"]{content:"lbuOmQ,"}/*!sc*/ .csJdHj{flex-shrink:0;}/*!sc*/ data-styled.g118[id="sc-dUHfgR"]{content:"csJdHj,"}/*!sc*/ .gKiLgh{flex-shrink:0;}/*!sc*/ data-styled.g119[id="sc-htehxa"]{content:"gKiLgh,"}/*!sc*/ .dwvaka{width:100%;font-size:17px;font-weight:400;}/*!sc*/ .dwvaka h1,.dwvaka h2,.dwvaka h3,.dwvaka h4,.dwvaka h5,.dwvaka h6{font-weight:500;line-height:1.3em;}/*!sc*/ .dwvaka strong,.dwvaka b{font-weight:500;}/*!sc*/ .dwvaka iframe{width:100%;height:auto;aspect-ratio:16/9;}/*!sc*/ .dwvaka img{max-width:100%;height:auto;border:1px solid #dde2e6;padding:4px;box-sizing:border-box;border-radius:2px;}/*!sc*/ .dwvaka table{max-width:100%;border-collapse:collapse;}/*!sc*/ .dwvaka li{margin-bottom:3px;}/*!sc*/ .dwvaka code:not([class*="language-"]){background-color:#e8e8e8;border-radius:3px;padding:0.1rem 0.2rem;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-weight:400;font-size:16px;}/*!sc*/ .dwvaka p code{font-size:16px;}/*!sc*/ .dwvaka pre[class*="language-"]{font-size:16px;border-radius:4px;}/*!sc*/ .dwvaka pre[class*="language-"] *{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;}/*!sc*/ .dwvaka details.mce-accordion{padding:8px;border-radius:4px;border:1px solid transparent;transition:border 0.3s ease-in-out;}/*!sc*/ .dwvaka details.mce-accordion summary{cursor:pointer;}/*!sc*/ .dwvaka details.mce-accordion[open]{border-color:#e2e2e4;padding-bottom:0;}/*!sc*/ .dwvaka details.mce-accordion:hover{border-color:#e2e2e4;}/*!sc*/ .dwvaka details.mce-accordion summary::marker{content:none;}/*!sc*/ .dwvaka details.mce-accordion summary::before{display:inline-block;content:"▶️";margin-right:6px;transition:transform 0.2s ease-in-out;}/*!sc*/ .dwvaka details.mce-accordion[open] summary::before{transform:rotate(90deg);}/*!sc*/ .dwvaka details.mce-accordion p{padding-left:18px;}/*!sc*/ .dwvaka figure{display:table;margin:1rem auto;}/*!sc*/ .dwvaka figure figcaption{color:#999;display:block;margin-top:0.25rem;text-align:center;}/*!sc*/ .dwvaka hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0;}/*!sc*/ .dwvaka table:not([cellpadding]) th,.dwvaka table:not([cellpadding]) td{padding:0.4rem;}/*!sc*/ .dwvaka table[border]:not([border="0"]):not([style*="border-width"]) th,.dwvaka table[border]:not([border="0"]):not([style*="border-width"]) td{border-width:1px;}/*!sc*/ .dwvaka table[border]:not([border="0"]):not([style*="border-style"]) th,.dwvaka table[border]:not([border="0"]):not([style*="border-style"]) td{border-style:solid;}/*!sc*/ .dwvaka table[border]:not([border="0"]):not([style*="border-color"]) th,.dwvaka table[border]:not([border="0"]):not([style*="border-color"]) td{border-color:#ccc;}/*!sc*/ .dwvaka blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem;}/*!sc*/ @container (max-width: 540px){.dwvaka{font-size:15px;}.dwvaka ul{padding-left:20px;}}/*!sc*/ data-styled.g120[id="sc-cbnPAL"]{content:"dwvaka,"}/*!sc*/ .dXYRRE{height:70px;border-bottom:1px solid #e2e2e4;border-top:4px solid #000000;}/*!sc*/ @container (max-width: 540px){.dXYRRE{border-top:0;height:auto;}}/*!sc*/ data-styled.g121[id="sc-hjbpFB"]{content:"dXYRRE,"}/*!sc*/ .jnoPEB{max-width:1440px;width:100%;height:100%;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;position:relative;}/*!sc*/ @container (max-width: 1024px){.jnoPEB{padding:0 32px;}}/*!sc*/ @container (max-width: 540px){.jnoPEB{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;}}/*!sc*/ data-styled.g123[id="sc-fWzlon"]{content:"jnoPEB,"}/*!sc*/ .kBWzqW{display:flex;align-items:center;gap:16px;color:#1b1b20;font-size:16px;font-weight:500;}/*!sc*/ .kBWzqW:hover{color:#1b1b20;text-decoration:none;}/*!sc*/ data-styled.g124[id="sc-fHIGvW"]{content:"kBWzqW,"}/*!sc*/ .fiEEOb{max-height:30px;height:100%;}/*!sc*/ @container (max-width: 540px){.fiEEOb{max-height:24px;max-width:50%;}}/*!sc*/ data-styled.g125[id="sc-gzjWgB"]{content:"fiEEOb,"}/*!sc*/ .khSYrT{transition:transform 0.3s ease-in-out;}/*!sc*/ data-styled.g127[id="sc-fmHRPn"]{content:"khSYrT,"}/*!sc*/ .eUuTfF{display:flex;align-items:center;gap:4px;color:#1b1b20;font-size:16px;font-weight:500;transition:opacity 0.2s ease-in-out;}/*!sc*/ .eUuTfF:hover{color:#1b1b20;text-decoration:none;opacity:0.8;}/*!sc*/ .eUuTfF:hover .sc-fmHRPn{transform:scaleY(0.9) translateX(2px);}/*!sc*/ @container (max-width: 1024px){.eUuTfF{display:none;}}/*!sc*/ data-styled.g128[id="sc-eXRmWW"]{content:"eUuTfF,"}/*!sc*/ .eKiWec{position:relative;display:flex;flex:2;flex-direction:row-reverse;align-items:center;width:100%;max-width:500px;padding:0 20px;}/*!sc*/ @container (max-width: 1024px){.eKiWec{padding-right:0;}.eKiWec:has(input:checked){width:100%;height:100%;max-width:100%;background:#fff;}}/*!sc*/ @container (max-width: 540px){.eKiWec{width:100%;padding:0;display:flex;}}/*!sc*/ data-styled.g129[id="sc-iFgQXl"]{content:"eKiWec,"}/*!sc*/ .lliLqd{container-type:inline-size;background:#fff;min-height:100vh;}/*!sc*/ data-styled.g130[id="sc-iqqmeU"]{content:"lliLqd,"}/*!sc*/ .jeJczw{display:flex;flex-direction:column;width:100%;max-width:1180px;padding:0 30px;margin:0 auto;margin-bottom:40px;}/*!sc*/ @container (max-width: 540px){.jeJczw{padding:0 20px;}}/*!sc*/ data-styled.g131[id="sc-eVAmPc"]{content:"jeJczw,"}/*!sc*/ .fiFJHZ{line-height:1.5;}/*!sc*/ .fiFJHZ *{font-family:"Rubik",-apple-system,"system-ui","Segoe UI","Helvetica Neue",Arial,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased;}/*!sc*/ data-styled.g138[id="sc-iJABxv"]{content:"fiFJHZ,"}/*!sc*/ </style><style data-href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap">@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-WYi1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EFD-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EFD-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EFD-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EFD-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next"><div class="sc-iJABxv fiFJHZ"><div class="sc-iqqmeU lliLqd"><div class="sc-hjbpFB dXYRRE"><header class="sc-fWzlon jnoPEB"><a class="sc-dkjKgF xpcCN sc-fHIGvW kBWzqW" href="/"><img src="https://cdn.livechat-files.com/api/file/kb/file/14613522/80e2a675f3-c19dcdf23ddc8402f1f5.png" alt="Company logo" class="sc-gzjWgB fiEEOb"/>Help Center</a><div class="sc-iFgQXl eKiWec"><form id="header-search" class="sc-fHKCsJ crfEfA"><div class="sc-dIEoRj iqcUQG sc-dujzCk jGkgxf"><input id="5c3acb0b-c86b-46ce-96dc-a96344a0581b" placeholder="Ask a question..." class="sc-hHvkSs jISIuG" value=""/><button type="submit" aria-label="search-button" class="sc-eDnVMP hCNkkG sc-fEyylQ gUIaMi"><div class="sc-gKHVLF llQHzx"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-search"><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg></div></button></div></form></div><a target="_blank" class="sc-dkjKgF xpcCN sc-eXRmWW eUuTfF" href="https://openwidget.com">Visit openwidget.com <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-fmHRPn khSYrT"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></header></div><div class="sc-eVAmPc jeJczw"><div class="sc-Fiojb iZOsSB"><main class="sc-jWoQCg gvDTgH"><nav class="sc-ivDvhZ bcdago"><a class="sc-dkjKgF xpcCN sc-bBbNsw eUbbRy" href="/">Home</a><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-grXZZQ gYARPx"><path d="M9 6l6 6l-6 6"></path></svg><a class="sc-dkjKgF xpcCN sc-bBbNsw eUbbRy" href="/tutorials/">Tutorials</a><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-grXZZQ gYARPx"><path d="M9 6l6 6l-6 6"></path></svg><span class="sc-bBbNsw jSyWdP">Chat Interface for OpenAI Assistants</span></nav><h1 class="sc-eEyyFR bpuCnD">Chat Interface for OpenAI Assistants</h1><div class="sc-fnhmGq jiTeER"><span class="sc-lkMEiX eJaKKN"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#57575c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-dUHfgR csJdHj"><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M12 12h3.5"></path><path d="M12 7v5"></path></svg><span class="sc-jmxxdg lbuOmQ">5 min. read</span></span><span class="sc-lkMEiX eJaKKN"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#57575c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-htehxa gKiLgh"><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path></svg><span class="sc-jmxxdg lbuOmQ">last update: 02.12.2024</span></span></div><article class="sc-cbnPAL dwvaka"><blockquote> <p>Don't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. <a href="https://help.openwidget.com/create-your-openwidget-account/" target="_blank" rel="noopener"><strong><ins>Click here</ins></strong></a> to check it out!</p> </blockquote> <p><span data-preserver-spaces="true">OpenWidget's Chat Interface for OpenAI Assistants allows you to link your Assistant with a free chat box that you can add to your website or your application. This tutorial will answer the following questions:</span></p> <ul> <li><span data-preserver-spaces="true">What features will you gain after integrating OpenWidget with OpenAI's Chat Assistants?</span></li> <li><span data-preserver-spaces="true">How can you set up the integration?</span></li> </ul> <p><iframe style="width: 724px; height: 407px;" title="YouTube video player" src="https://www.youtube.com/embed/VAm1RrDLpSg?si=8IXoZnHHAchJGwac" width="724" height="407" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen"></iframe></p> <h2><span data-preserver-spaces="true">What features will you gain after integrating OpenWidget with OpenAI's Chat Assistants?</span></h2> <p><span data-preserver-spaces="true">Our free Chat Interface for OpenAI Assistants equips you with a chat tool that you can add to your website or your application. When the integration is enabled, we will automatically add the new card on top of your OpenWidget's Home Screen. This card will include a short description and a button that your customers can use to trigger a separate chat view where they can talk with one of your OpenAI's Assistants.</span></p> <p><span data-preserver-spaces="true">What's more, OpenWidget allows you to configure and add additional free features like:</span></p> <ol> <li><strong><span data-preserver-spaces="true">AI-Driven Product Recommendations:</span></strong><span data-preserver-spaces="true"> Delight your users with personalized product suggestions based on their browsing patterns. Boost engagement and drive more sales effortlessly.</span></li> <li><strong><span data-preserver-spaces="true">Bug Report Form:</span></strong><span data-preserver-spaces="true"> Let your customers report issues seamlessly with a beautiful and straightforward form. It's a quick way to address any glitches and enhance user satisfaction.</span></li> <li><strong><span data-preserver-spaces="true">Feedback Form with Ratings:</span></strong><span data-preserver-spaces="true"> Collect valuable feedback with a 5-star rating system. Customers can leave comments, giving you insights into their experience and helping you refine your offerings.</span></li> <li><strong><span data-preserver-spaces="true">Google Reviews Widget: </span></strong><span data-preserver-spaces="true">Enhance your business's credibility and customer appeal by displaying Google Reviews right on your website.</span></li> </ol> <p><span data-preserver-spaces="true">And much more – </span><a class="editor-rtfLink" href="https://openwidget.com/widgets" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">check out what other widgets</span></strong></a><span data-preserver-spaces="true"> are available for you. Once configured, don't forget to add OpenWidget to your website, and you are good to go. You can also </span><a class="editor-rtfLink" href="https://help.openwidget.com/add-openwidget-to-your-store/" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">check out the dedicated installation tutorials</span></strong></a><span data-preserver-spaces="true"> that will guide you through the process of adding OpenWidget to some of the most popular Content Management Systems.</span></p> <h2>How to create your OpenAI Assistant?</h2> <p>The process of creating your own assistant is pretty simple. All that you need to do is to:</p> <ul> <li><span data-preserver-spaces="true">Sign in to OpenAI Platform and go to the </span><a title="OpenAI's Assistants section" href="https://platform.openai.com/assistants" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">Assistants </span></strong></a><span data-preserver-spaces="true"><a title="OpenAI's Assistants section" href="https://platform.openai.com/assistants" target="_blank" rel="noopener"><strong>section</strong></a> that you can access from the menu situated on the left. </span></li> <li><span data-preserver-spaces="true">While there, click on the </span><strong><span data-preserver-spaces="true">+ Create </span></strong><span data-preserver-spaces="true">button that you will find at the top right corner of </span><strong><span data-preserver-spaces="true">OpenAI Assistants </span></strong><span data-preserver-spaces="true">section.</span></li> <li><span data-preserver-spaces="true">Here you can create your new assistant: <strong>give him a name, tell him what the assistant should do</strong> (for example: "You are a helpful assistant who will answer questions about our products, shipping orders, the most common problems and how to solve them.") <strong>and choose a model that you'd like to use.</strong> For a smooth and quick conversation, we recommend using one of the gpt-3.5 models.</span></li> <li><span data-preserver-spaces="true">You can also enable the </span><strong><span data-preserver-spaces="true">Retrieval </span></strong><span data-preserver-spaces="true">option and upload files that will include the knowledge about your products. For example, by uploading the content of your Knowledge Base articles, you will give your assistant the option to act as a Support Hero, solving your customers' problems on the spot.</span></li> </ul> <p><span data-preserver-spaces="true">Once finished, hit </span><strong><span data-preserver-spaces="true">Save, </span></strong><span data-preserver-spaces="true">and that's it! Your assistant is ready to go, and you can link it with OpenWidget's Chat Interface for OpenAI. To learn how to do this, check out the </span><strong><em><span data-preserver-spaces="true">How can you set up the integration? </span></em></strong><span data-preserver-spaces="true">chapter available below.</span></p> <h2><span data-preserver-spaces="true">How can you set up the integration?</span></h2> <ul> <li><span data-preserver-spaces="true">First, sign in to your OpenWidget account and proceed to the </span><a class="editor-rtfLink" href="https://app.openwidget.com/configurator/widget-content/openai-assistants" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">OpenAI Assistants section</span></strong></a><span data-preserver-spaces="true">, available under </span><strong><span data-preserver-spaces="true">Integrations.</span></strong></li> <li><span data-preserver-spaces="true">Here, you will need to provide your OpenAI's API key. </span><strong><span data-preserver-spaces="true">We strongly recommend creating a new API key for OpenWidget integration and using it during the setup. </span></strong><span data-preserver-spaces="true">You can do this by proceeding to the API keys section in your </span><a class="editor-rtfLink" href="https://platform.openai.com/api-keys" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">OpenAI dashboard</span></strong></a><span data-preserver-spaces="true"> and generating a new key. </span></li> <li><span data-preserver-spaces="true">OpenAI allows you to create API keys with three types of permissions: </span><strong><span data-preserver-spaces="true">all, restricted </span></strong><span data-preserver-spaces="true">and </span><strong><span data-preserver-spaces="true">read only. </span></strong><span data-preserver-spaces="true">The last one won't work, as we will need </span><strong><span data-preserver-spaces="true">write </span></strong><span data-preserver-spaces="true">permissions to start conversations with your OpenAI chat bot. <strong>If you'd like to create a </strong></span><strong><span data-preserver-spaces="true">restricted-type </span><span data-preserver-spaces="true">of API key, remember that we will need at least the following permissions for the integration to work:</span></strong> <table style="border-collapse: collapse; width: 100%;" border="1"><colgroup><col style="width: 49.9272%;"><col style="width: 49.9272%;"></colgroup> <tbody> <tr> <td><strong>Required resources</strong></td> <td><strong>Required type of permissions</strong></td> </tr> <tr> <td>Models</td> <td>Read</td> </tr> <tr> <td>Model Capabilities</td> <td>Write</td> </tr> <tr> <td> <div class="body-small flex items-center"> <div class="bold mr-2"> <div class="api-key-scope-group">Assistants</div> </div> </div> </td> <td>Read</td> </tr> <tr> <td>Threads</td> <td>Write</td> </tr> <tr> <td>Files</td> <td>Read</td> </tr> </tbody> </table> </li> </ul> <p><img src="https://cdn.livechat-files.com/api/file/kb/file/14613522/eab1bd2664-3052ef2b4ffddacc65d0.gif"></p> <ul> <li><span data-preserver-spaces="true">Once the key is generated, go back to </span><a class="editor-rtfLink" href="https://app.openwidget.com/configurator/widget-content/openai-assistants" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">the OpenAI Assistants section</span></strong></a><span data-preserver-spaces="true"> in the OpenWidget app, paste the key under the </span><strong><span data-preserver-spaces="true">Provide OpenAI API key</span></strong><span data-preserver-spaces="true"> field and click on </span><strong><span data-preserver-spaces="true">Connect.</span></strong></li> <li><span data-preserver-spaces="true">If your API key is valid, we will load the list of all Assistants to which you have access – </span><strong><span data-preserver-spaces="true">choose the one you'd like to link with OpenWidget</span></strong><span data-preserver-spaces="true"> and click the </span><strong><span data-preserver-spaces="true">Set up</span></strong><span data-preserver-spaces="true"> button.</span></li> </ul> <p><img src="https://cdn.livechat-files.com/api/file/kb/file/14613522/ba9df37721-8a9ac59826651122b6fd.gif"></p> <p>Oh, and <strong>don't forget to add OpenWidget to your website!</strong> Once it's there, your customers can start a chat with the Assistant and use its full potential. <a href="https://help.openwidget.com/add-openwidget-to-your-store/" target="_blank" rel="noopener noreferrer"><strong>Check out the dedicated installation tutorials</strong></a> that will guide you through the process of adding OpenWidget to some of the most popular Content Management Systems.</p> <p><span data-preserver-spaces="true">And that's it! <strong>From now on, a new card with the Chat Interface for OpenAI Assistants will be available on top of your OpenWidget's Home Screen</strong>. Your customers can use it to start a conversation with your Assistant and get immediate help.</span></p> <h3>A few important things to remember</h3> <ul> <li><span data-preserver-spaces="true">As mentioned above, make sure to create a new API key for OpenWidget integration. This way, you won't have to worry that your integration will stop working in case you'd like to revoke the API key used in multiple places.</span></li> <li><span data-preserver-spaces="true">Please remember that OpenAI offers 25 API keys per organization.</span></li> <li><span data-preserver-spaces="true">OpenWidget offers native integration with LiveChat – you can </span><a class="editor-rtfLink" href="https://openwidget.com/integrations/livechat" target="_blank" rel="noopener"><strong><span data-preserver-spaces="true">read more about it here</span></strong></a><span data-preserver-spaces="true">. In the current version of the Chat Interface for OpenAI Assistants, the Chat Interface won't work if the LiveChat integration is enabled. Enabling LiveChat integration will disable Chat Interface for OpenAI.</span></li> </ul> <p>And that's it! We hope that you have found this tutorial helpful. <strong>In case of any questions, don't hesitate to reach us at support@openwidget.com</strong> – we will do our best to help.</p> <p> </p></article></main></div><div class="sc-jGFknz kALDkH"><span class="sc-bPNYWC gksUJY">Was this article helpful?</span><div class="sc-fWYGfq eJNqmy"><button class="sc-eDnVMP hCNkkG"><div class="sc-gKHVLF llQHzx"><div class="sc-jSwlEQ itagjd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-thumb-up-filled"><path d="M13 3a3 3 0 0 1 2.995 2.824l.005 .176v4h2a3 3 0 0 1 2.98 2.65l.015 .174l.005 .176l-.02 .196l-1.006 5.032c-.381 1.626 -1.502 2.796 -2.81 2.78l-.164 -.008h-8a1 1 0 0 1 -.993 -.883l-.007 -.117l.001 -9.536a1 1 0 0 1 .5 -.865a2.998 2.998 0 0 0 1.492 -2.397l.007 -.202v-1a3 3 0 0 1 3 -3z" fill="currentColor" stroke-width="0"></path><path d="M5 10a1 1 0 0 1 .993 .883l.007 .117v9a1 1 0 0 1 -.883 .993l-.117 .007h-1a2 2 0 0 1 -1.995 -1.85l-.005 -.15v-7a2 2 0 0 1 1.85 -1.995l.15 -.005h1z" fill="currentColor" stroke-width="0"></path></svg></div>Yes</div></button><button class="sc-eDnVMP hCNkkG"><div class="sc-gKHVLF llQHzx"><div class="sc-jSwlEQ itagjd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-thumb-down-filled"><path d="M13 21.008a3 3 0 0 0 2.995 -2.823l.005 -.177v-4h2a3 3 0 0 0 2.98 -2.65l.015 -.173l.005 -.177l-.02 -.196l-1.006 -5.032c-.381 -1.625 -1.502 -2.796 -2.81 -2.78l-.164 .008h-8a1 1 0 0 0 -.993 .884l-.007 .116l.001 9.536a1 1 0 0 0 .5 .866a2.998 2.998 0 0 1 1.492 2.396l.007 .202v1a3 3 0 0 0 3 3z" fill="currentColor" stroke-width="0"></path><path d="M5 14.008a1 1 0 0 0 .993 -.883l.007 -.117v-9a1 1 0 0 0 -.883 -.993l-.117 -.007h-1a2 2 0 0 0 -1.995 1.852l-.005 .15v7a2 2 0 0 0 1.85 1.994l.15 .005h1z" fill="currentColor" stroke-width="0"></path></svg></div>No</div></button></div></div><div class="sc-hlDEJj edVlqd"><a target="_blank" class="sc-dkjKgF xpcCN sc-eKQWOK gljtKI" href="https://app.openwidget.com">Log into OpenWidget app</a></div></div><footer class="sc-bTLJel gqcXXY"><a target="_blank" class="sc-dkjKgF xpcCN sc-kIuKII cIGqhy" href="https://www.knowledgebase.com/?utm_source=help-center&utm_medium=referral&utm_campaign=https%3A%2F%2Fhelp.openwidget.com%2F">Powered by<svg width="81" height="10" viewBox="0 0 83 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="KnowledgeBase Logo"><g id="Wordmark"><path id="Vector" d="M15.0713 8.15156H16.4313V4.82013L18.8899 8.15156H20.4999L17.867 4.72299L20.4141 1.35156H18.8313L16.4313 4.61585V1.35156H15.0713V8.15156Z" fill="#1B1B20"></path><path id="Vector_2" d="M20.874 8.15152H22.194V5.16009C22.194 4.48009 22.574 4.13009 23.1655 4.13009C23.8069 4.13009 24.0883 4.54723 24.0883 5.13009V8.15152H25.4097V4.91723C25.4097 3.70295 24.7197 2.98438 23.6226 2.98438C22.9083 2.98438 22.3883 3.2358 22.1369 3.69866V3.10009H20.874V8.15152Z" fill="#1B1B20"></path><path id="Vector_3" d="M28.3883 8.26862C29.904 8.26862 30.7683 7.2772 30.7683 5.98291V5.26862C30.7683 3.98291 29.9112 2.98291 28.3883 2.98291C26.8654 2.98291 26.0083 3.97291 26.0083 5.26862V5.98291C26.0083 7.2772 26.8726 8.26862 28.3883 8.26862ZM29.4869 6.07291C29.4869 6.73291 29.1369 7.22862 28.3883 7.22862C27.6397 7.22862 27.2912 6.73291 27.2912 6.07291V5.17862C27.2912 4.51862 27.6412 4.02291 28.3883 4.02291C29.1354 4.02291 29.4869 4.51862 29.4869 5.17862V6.07291Z" fill="#1B1B20"></path><path id="Vector_4" d="M38.164 3.1001H36.8783L36.1426 6.4901L35.114 3.1001H33.9083L32.8783 6.4901L32.1412 3.1001H30.8555L32.1669 8.15153H33.4012L34.5083 4.67438L35.6155 8.15153H36.8498L38.164 3.1001Z" fill="#1B1B20"></path><path id="Vector_5" d="M38.5913 8.15149H39.9127V1.06006H38.5913V8.15149Z" fill="#1B1B20"></path><path id="Vector_6" d="M42.9457 8.26866C44.0628 8.26866 44.9671 7.59866 45.1414 6.6758H43.9857C43.8585 7.02438 43.51 7.3158 42.9457 7.3158C42.1785 7.3158 41.8771 6.80152 41.8771 6.20866V6.08295H45.18V5.19866C45.18 3.98438 44.4228 2.98438 42.9271 2.98438C41.4314 2.98438 40.5942 3.9558 40.5942 5.32438V6.01438C40.5942 7.42866 41.5171 8.26866 42.9457 8.26866ZM41.8771 5.10152C41.8771 4.42152 42.1628 3.9158 42.9271 3.9158C43.6414 3.9158 43.9657 4.39295 43.9657 5.02438V5.15009H41.8771V5.10152Z" fill="#1B1B20"></path><path id="Vector_7" d="M47.7297 8.26863C48.4583 8.26863 48.9725 7.93863 49.2254 7.55434V8.15577H50.4883V1.06006H49.1668V3.64434C48.8811 3.26577 48.3897 2.98434 47.7197 2.98434C46.3597 2.98434 45.6025 3.99434 45.6025 5.20863V6.04434C45.6025 7.23863 46.3697 8.26863 47.7297 8.26863ZM48.0497 7.20006C47.2825 7.20006 46.924 6.65577 46.924 5.98577V5.27149C46.924 4.5572 47.3125 4.0572 48.0597 4.0572C48.6625 4.0572 49.1668 4.48577 49.1668 5.25149V5.98577C49.1668 6.69434 48.7211 7.20006 48.0497 7.20006Z" fill="#1B1B20"></path><path id="Vector_8" d="M53.5697 9.9587C54.9783 9.9587 55.9883 9.12298 55.9883 8.04584V3.10013H54.7254V3.71441C54.5511 3.37441 54.0111 2.98584 53.2297 2.98584C51.8497 2.98584 51.1411 3.95727 51.1411 5.08298V5.82155C51.1411 6.9287 51.8554 7.92013 53.2197 7.92013C53.8711 7.92013 54.454 7.58013 54.6668 7.23013V8.02727C54.6668 8.59013 54.2383 8.96013 53.5697 8.96013C53.0554 8.96013 52.6568 8.80441 52.4811 8.45441H51.1954C51.404 9.40584 52.384 9.9587 53.5697 9.9587ZM53.5311 6.85727C52.8168 6.85727 52.4525 6.39013 52.4525 5.75013V5.17013C52.4525 4.48013 52.8311 4.04298 53.5697 4.04298C54.2011 4.04298 54.6668 4.49013 54.6668 5.17013V5.75298C54.6668 6.46155 54.1525 6.85727 53.5311 6.85727Z" fill="#1B1B20"></path><path id="Vector_9" d="M58.9926 8.26866C60.1097 8.26866 61.014 7.59866 61.1883 6.6758H60.0326C59.9054 7.02438 59.5569 7.3158 58.9926 7.3158C58.2254 7.3158 57.924 6.80152 57.924 6.20866V6.08295H61.2269V5.19866C61.2269 3.98438 60.4697 2.98438 58.974 2.98438C57.4783 2.98438 56.6426 3.9558 56.6426 5.32438V6.01438C56.6426 7.42866 57.564 8.26866 58.9926 8.26866ZM57.9283 5.10152C57.9283 4.42152 58.214 3.9158 58.9783 3.9158C59.6926 3.9158 60.0169 4.39295 60.0169 5.02438V5.15009H57.9283V5.10152Z" fill="#1B1B20"></path><path id="Vector_10" d="M61.9697 8.15153H65.0712C66.4297 8.15153 67.3726 7.37438 67.3726 6.23867C67.3726 5.31581 66.8097 4.78153 66.1097 4.63581C66.3835 4.47827 66.6084 4.24815 66.7597 3.97085C66.9109 3.69355 66.9826 3.37986 66.9669 3.06438C66.9669 2.04438 66.2183 1.3501 65.024 1.3501H61.9697V8.15153ZM63.2912 7.08295V5.22581H64.9912C65.6326 5.22581 66.0112 5.58581 66.0112 6.14867C66.0112 6.71153 65.6512 7.08153 65.0012 7.08153L63.2912 7.08295ZM63.2912 4.16867V2.4201H64.7097C65.2726 2.4201 65.6026 2.7501 65.6026 3.26581C65.6026 3.78153 65.2926 4.16867 64.7197 4.16867H63.2912Z" fill="#1B1B20"></path><path id="Vector_11" d="M69.5856 8.26866C70.1685 8.26866 70.8099 8.0258 71.0427 7.6858V8.15152H72.3156V4.92723C72.3156 3.75152 71.4585 2.98438 70.1885 2.98438C69.0999 2.98438 68.3142 3.50866 68.0227 4.49009H69.2456C69.3885 4.21723 69.6642 4.01295 70.1199 4.01295C70.6642 4.01295 70.9942 4.36295 70.9942 4.83009V5.51866C70.6274 5.23263 70.1735 5.08133 69.7085 5.09009C68.4942 5.09009 67.6685 5.5958 67.6685 6.69295C67.6727 7.6758 68.4499 8.26866 69.5856 8.26866ZM69.9285 7.39438C69.3756 7.39438 68.957 7.12152 68.957 6.6558C68.957 6.19009 69.3456 5.94152 69.9685 5.94152C70.5599 5.94152 70.997 6.20295 70.997 6.6558C70.997 7.10866 70.5085 7.39438 69.9285 7.39438Z" fill="#1B1B20"></path><path id="Vector_12" d="M75.1025 8.26881C76.3554 8.26881 77.2882 7.55452 77.2882 6.57881C77.2882 5.86452 76.9097 5.47023 76.1611 5.29309L74.6268 4.91452C74.3639 4.85595 74.2382 4.74023 74.2382 4.48595C74.2382 4.12595 74.5239 3.93166 75.0639 3.93166C75.6468 3.93166 75.8897 4.20452 75.8897 4.59309V4.68023H77.0454V4.60166C77.0454 3.60166 76.2582 2.99023 75.0454 2.99023C73.8325 2.99023 73.0054 3.56166 73.0054 4.60166C73.0054 5.37023 73.4039 5.75881 74.1611 5.93309L75.6582 6.27309C75.9439 6.34166 76.0754 6.48738 76.0754 6.73023C76.0754 7.11881 75.6668 7.34166 75.1139 7.34166C74.4925 7.34166 74.0939 7.07881 74.0939 6.64166V6.57166H72.9282V6.65881C72.9282 7.73452 73.8196 8.26881 75.1025 8.26881Z" fill="#1B1B20"></path><path id="Vector_13" d="M79.9999 8.26866C81.1171 8.26866 82.0213 7.59866 82.1956 6.6758H81.0399C80.9128 7.02438 80.5642 7.3158 79.9999 7.3158C79.2328 7.3158 78.9313 6.80152 78.9313 6.20866V6.08295H82.2342V5.19866C82.2342 3.98438 81.4771 2.98438 79.9813 2.98438C78.4856 2.98438 77.6499 3.9558 77.6499 5.32438V6.01438C77.6499 7.42866 78.5728 8.26866 79.9999 8.26866ZM78.9285 5.10152C78.9285 4.42152 79.2142 3.9158 79.9785 3.9158C80.6928 3.9158 81.0171 4.39295 81.0171 5.02438V5.15009H78.9285V5.10152Z" fill="#1B1B20"></path></g><g id="Mark"><path id="Vector_14" d="M10.3571 1.91429V0H10.2656C8.67279 0.0642857 7.35708 1.10143 6.54565 1.91143L6.49993 1.95571L6.45422 1.91143C5.64279 1.10143 4.32707 0.0642857 2.73422 0H2.64279V1.91429H0.785645V5.20857C0.785645 6.00857 0.81993 6.81 0.871359 7.46143C0.924518 8.09426 1.20257 8.68713 1.65515 9.13264C2.10773 9.57814 2.70491 9.84682 3.3385 9.89C4.35707 9.96286 5.4285 10 6.49993 10C7.57136 10 8.64279 9.96286 9.66279 9.89143C10.2961 9.84792 10.893 9.5791 11.3453 9.13362C11.7975 8.68815 12.0754 8.09546 12.1285 7.46286C12.1799 6.81143 12.2099 6.01 12.2142 5.21V1.91429H10.3571ZM10.3571 5.20857C10.3571 5.96 10.3256 6.71 10.2771 7.31286C10.2599 7.50277 10.1749 7.68015 10.0378 7.81261C9.90058 7.94506 9.72033 8.02375 9.52993 8.03429C7.51279 8.17286 5.48851 8.17286 3.47136 8.03429C3.28081 8.02379 3.10038 7.94515 2.96297 7.81272C2.82556 7.68029 2.74032 7.50289 2.72279 7.31286C2.67422 6.71429 2.64279 5.96 2.64279 5.20857V1.91429C3.99136 1.97143 5.32279 3.40714 5.72708 3.97286L6.49993 5.04714L7.27279 3.97286C7.67708 3.40143 9.00993 1.97286 10.3571 1.91429V5.20857Z" fill="#9146FF"></path></g></g></svg></a></footer></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"content":"\u003cblockquote\u003e\n\u003cp\u003eDon't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. \u003ca href=\"https://help.openwidget.com/create-your-openwidget-account/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cins\u003eClick here\u003c/ins\u003e\u003c/strong\u003e\u003c/a\u003e to check it out!\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOpenWidget's Chat Interface for OpenAI Assistants allows you to link your Assistant with a free chat box that you can add to your website or your application. This tutorial will answer the following questions:\u003c/span\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eWhat features will you gain after integrating OpenWidget with OpenAI's Chat Assistants?\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eHow can you set up the integration?\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003ciframe style=\"width: 724px; height: 407px;\" title=\"YouTube video player\" src=\"https://www.youtube.com/embed/VAm1RrDLpSg?si=8IXoZnHHAchJGwac\" width=\"724\" height=\"407\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"\u003e\u003c/iframe\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cspan data-preserver-spaces=\"true\"\u003eWhat features will you gain after integrating OpenWidget with OpenAI's Chat Assistants?\u003c/span\u003e\u003c/h2\u003e\n\u003cp\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOur free Chat Interface for OpenAI Assistants equips you with a chat tool that you can add to your website or your application. When the integration is enabled, we will automatically add the new card on top of your OpenWidget's Home Screen. This card will include a short description and a button that your customers can use to trigger a separate chat view where they can talk with one of your OpenAI's Assistants.\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u003cspan data-preserver-spaces=\"true\"\u003eWhat's more, OpenWidget allows you to configure and add additional free features like:\u003c/span\u003e\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eAI-Driven Product Recommendations:\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;Delight your users with personalized product suggestions based on their browsing patterns. Boost engagement and drive more sales effortlessly.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eBug Report Form:\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;Let your customers report issues seamlessly with a beautiful and straightforward form. It's a quick way to address any glitches and enhance user satisfaction.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eFeedback Form with Ratings:\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;Collect valuable feedback with a 5-star rating system. Customers can leave comments, giving you insights into their experience and helping you refine your offerings.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eGoogle Reviews Widget:\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eEnhance your business's credibility and customer appeal by displaying Google Reviews right on your website.\u003c/span\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003e\u003cspan data-preserver-spaces=\"true\"\u003eAnd much more \u0026ndash;\u0026nbsp;\u003c/span\u003e\u003ca class=\"editor-rtfLink\" href=\"https://openwidget.com/widgets\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003echeck out what other widgets\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;are available for you. Once configured, don't forget to add OpenWidget to your website, and you are good to go. You can also\u0026nbsp;\u003c/span\u003e\u003ca class=\"editor-rtfLink\" href=\"https://help.openwidget.com/add-openwidget-to-your-store/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003echeck out the dedicated installation tutorials\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;that will guide you through the process of adding OpenWidget to some of the most popular Content Management Systems.\u003c/span\u003e\u003c/p\u003e\n\u003ch2\u003eHow to create your OpenAI Assistant?\u003c/h2\u003e\n\u003cp\u003eThe process of creating your own assistant is pretty simple. All that you need to do is to:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eSign in to OpenAI Platform and go to the\u0026nbsp;\u003c/span\u003e\u003ca title=\"OpenAI's Assistants section\" href=\"https://platform.openai.com/assistants\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eAssistants\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u003ca title=\"OpenAI's Assistants section\" href=\"https://platform.openai.com/assistants\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003esection\u003c/strong\u003e\u003c/a\u003e that you can access from the menu situated on the left.\u0026nbsp;\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eWhile there, click on the\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e+ Create\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003ebutton that you will find at the top right corner of\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOpenAI Assistants\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003esection.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eHere you can create your new assistant: \u003cstrong\u003egive him a name, tell him what the assistant should do\u003c/strong\u003e (for example: \"You are a helpful assistant who will answer questions about our products, shipping orders, the most common problems and how to solve them.\") \u003cstrong\u003eand choose a model that you'd like to use.\u003c/strong\u003e For a smooth and quick conversation, we recommend using one of the gpt-3.5 models.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eYou can also enable the\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eRetrieval\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eoption and upload files that will include the knowledge about your products. For example, by uploading the content of your Knowledge Base articles, you will give your assistant the option to act as a Support Hero, solving your customers' problems on the spot.\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOnce finished, hit\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eSave,\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eand that's it! Your assistant is ready to go, and you can link it with OpenWidget's Chat Interface for OpenAI. To learn how to do this, check out the\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cem\u003e\u003cspan data-preserver-spaces=\"true\"\u003eHow can you set up the integration?\u0026nbsp;\u003c/span\u003e\u003c/em\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003echapter available below.\u003c/span\u003e\u003c/p\u003e\n\u003ch2\u003e\u003cspan data-preserver-spaces=\"true\"\u003eHow can you set up the integration?\u003c/span\u003e\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eFirst, sign in to your OpenWidget account and proceed to the\u0026nbsp;\u003c/span\u003e\u003ca class=\"editor-rtfLink\" href=\"https://app.openwidget.com/configurator/widget-content/openai-assistants\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOpenAI Assistants section\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e, available under\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eIntegrations.\u003c/span\u003e\u003c/strong\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eHere, you will need to provide your OpenAI's API key.\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eWe strongly recommend creating a new API key for OpenWidget integration and using it during the setup.\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eYou can do this by proceeding to the API keys section in your\u0026nbsp;\u003c/span\u003e\u003ca class=\"editor-rtfLink\" href=\"https://platform.openai.com/api-keys\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOpenAI dashboard\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e and generating a new key.\u0026nbsp;\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOpenAI allows you to create API keys with three types of permissions:\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eall, restricted\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eand\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eread only.\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eThe last one won't work, as we will need\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003ewrite\u0026nbsp;\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003epermissions to start conversations with your OpenAI chat bot. \u003cstrong\u003eIf you'd like to create a\u0026nbsp;\u003c/strong\u003e\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003erestricted-type\u0026nbsp;\u003c/span\u003e\u003cspan data-preserver-spaces=\"true\"\u003eof API key, remember that we will need at least the following permissions for the integration to work:\u003c/span\u003e\u003c/strong\u003e\n\u003ctable style=\"border-collapse: collapse; width: 100%;\" border=\"1\"\u003e\u003ccolgroup\u003e\u003ccol style=\"width: 49.9272%;\"\u003e\u003ccol style=\"width: 49.9272%;\"\u003e\u003c/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRequired resources\u003c/strong\u003e\u003c/td\u003e\n\u003ctd\u003e\u003cstrong\u003eRequired type of permissions\u003c/strong\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eModels\u003c/td\u003e\n\u003ctd\u003eRead\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eModel Capabilities\u003c/td\u003e\n\u003ctd\u003eWrite\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cdiv class=\"body-small flex items-center\"\u003e\n\u003cdiv class=\"bold mr-2\"\u003e\n\u003cdiv class=\"api-key-scope-group\"\u003eAssistants\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd\u003eRead\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eThreads\u003c/td\u003e\n\u003ctd\u003eWrite\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFiles\u003c/td\u003e\n\u003ctd\u003eRead\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg src=\"https://cdn.livechat-files.com/api/file/kb/file/14613522/eab1bd2664-3052ef2b4ffddacc65d0.gif\"\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOnce the key is generated, go back to\u0026nbsp;\u003c/span\u003e\u003ca class=\"editor-rtfLink\" href=\"https://app.openwidget.com/configurator/widget-content/openai-assistants\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003ethe OpenAI Assistants section\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;in the OpenWidget app, paste the key under the\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eProvide OpenAI API key\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;field and click on\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eConnect.\u003c/span\u003e\u003c/strong\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eIf your API key is valid, we will load the list of all Assistants to which you have access \u0026ndash;\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003echoose the one you'd like to link with OpenWidget\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;and click the\u0026nbsp;\u003c/span\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eSet up\u003c/span\u003e\u003c/strong\u003e\u003cspan data-preserver-spaces=\"true\"\u003e\u0026nbsp;button.\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg src=\"https://cdn.livechat-files.com/api/file/kb/file/14613522/ba9df37721-8a9ac59826651122b6fd.gif\"\u003e\u003c/p\u003e\n\u003cp\u003eOh, and\u0026nbsp;\u003cstrong\u003edon't forget to add OpenWidget to your website!\u003c/strong\u003e\u0026nbsp;Once it's there, your customers can start a chat with the Assistant and use its full potential.\u0026nbsp;\u003ca href=\"https://help.openwidget.com/add-openwidget-to-your-store/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cstrong\u003eCheck out the dedicated installation tutorials\u003c/strong\u003e\u003c/a\u003e that will guide you through the process of adding OpenWidget to some of the most popular Content Management Systems.\u003c/p\u003e\n\u003cp\u003e\u003cspan data-preserver-spaces=\"true\"\u003eAnd that's it!\u0026nbsp;\u003cstrong\u003eFrom now on, a new card with the Chat Interface for OpenAI Assistants will be available on top of your OpenWidget's Home Screen\u003c/strong\u003e. Your customers can use it to start a conversation with your Assistant and get immediate help.\u003c/span\u003e\u003c/p\u003e\n\u003ch3\u003eA few important things to remember\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eAs mentioned above, make sure to create a new API key for OpenWidget integration. This way, you won't have to worry that your integration will stop working in case you'd like to revoke the API key used in multiple places.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003ePlease remember that OpenAI offers 25 API keys per organization.\u003c/span\u003e\u003c/li\u003e\n\u003cli\u003e\u003cspan data-preserver-spaces=\"true\"\u003eOpenWidget offers native integration with LiveChat \u0026ndash; you can\u0026nbsp;\u003c/span\u003e\u003ca class=\"editor-rtfLink\" href=\"https://openwidget.com/integrations/livechat\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e\u003cspan data-preserver-spaces=\"true\"\u003eread more about it here\u003c/span\u003e\u003c/strong\u003e\u003c/a\u003e\u003cspan data-preserver-spaces=\"true\"\u003e. In the current version of the Chat Interface for OpenAI Assistants, the Chat Interface won't work if the LiveChat integration is enabled. Enabling LiveChat integration will disable Chat Interface for OpenAI.\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eAnd that's it! We hope that you have found this tutorial helpful. \u003cstrong\u003eIn case of any questions, don't hesitate to reach us at support@openwidget.com\u003c/strong\u003e \u0026ndash; we will do our best to help.\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e","slug":"chat-interface-for-openai-assistants","plainText":"\u003e Don't have an OpenWidget account yet? Don't worry! We prepared a dedicated article that will guide you through the entire process. to check it out!\n\nOpenWidget's Chat Interface for OpenAI Assistants allows you to link your Assistant with a free chat box that you can add to your website or your application. This tutorial will answer the following questions:\n\n * What features will you gain after integrating OpenWidget with OpenAI's Chat Assistants?\n * How can you set up the integration?\n\n\n\n\nWHAT FEATURES WILL YOU GAIN AFTER INTEGRATING OPENWIDGET WITH OPENAI'S CHAT ASSISTANTS?\n\nOur free Chat Interface for OpenAI Assistants equips you with a chat tool that you can add to your website or your application. When the integration is enabled, we will automatically add the new card on top of your OpenWidget's Home Screen. This card will include a short description and a button that your customers can use to trigger a separate chat view where they can talk with one of your OpenAI's Assistants.\n\nWhat's more, OpenWidget allows you to configure and add additional free features like:\n\n 1. AI-Driven Product Recommendations: Delight your users with personalized product suggestions based on their browsing patterns. Boost engagement and drive more sales effortlessly.\n 2. Bug Report Form: Let your customers report issues seamlessly with a beautiful and straightforward form. It's a quick way to address any glitches and enhance user satisfaction.\n 3. Feedback Form with Ratings: Collect valuable feedback with a 5-star rating system. Customers can leave comments, giving you insights into their experience and helping you refine your offerings.\n 4. Google Reviews Widget: Enhance your business's credibility and customer appeal by displaying Google Reviews right on your website.\n\nAnd much more – are available for you. Once configured, don't forget to add OpenWidget to your website, and you are good to go. You can also that will guide you through the process of adding OpenWidget to some of the most popular Content Management Systems.\n\n\nHOW TO CREATE YOUR OPENAI ASSISTANT?\n\nThe process of creating your own assistant is pretty simple. All that you need to do is to:\n\n * Sign in to OpenAI Platform and go to the that you can access from the menu situated on the left. \n * While there, click on the + Create button that you will find at the top right corner of OpenAI Assistants section.\n * Here you can create your new assistant: give him a name, tell him what the assistant should do (for example: \"You are a helpful assistant who will answer questions about our products, shipping orders, the most common problems and how to solve them.\") and choose a model that you'd like to use. For a smooth and quick conversation, we recommend using one of the gpt-3.5 models.\n * You can also enable the Retrieval option and upload files that will include the knowledge about your products. For example, by uploading the content of your Knowledge Base articles, you will give your assistant the option to act as a Support Hero, solving your customers' problems on the spot.\n\nOnce finished, hit Save, and that's it! Your assistant is ready to go, and you can link it with OpenWidget's Chat Interface for OpenAI. To learn how to do this, check out the How can you set up the integration? chapter available below.\n\n\nHOW CAN YOU SET UP THE INTEGRATION?\n\n * First, sign in to your OpenWidget account and proceed to the , available under Integrations.\n * Here, you will need to provide your OpenAI's API key. We strongly recommend creating a new API key for OpenWidget integration and using it during the setup. You can do this by proceeding to the API keys section in your and generating a new key. \n * OpenAI allows you to create API keys with three types of permissions: all, restricted and read only. The last one won't work, as we will need write permissions to start conversations with your OpenAI chat bot. If you'd like to create a restricted-type of API key, remember that we will need at least the following permissions for the integration to work:\n \n Required resources Required type of permissions Models Read Model Capabilities Write\n Assistants\n Read Threads Write Files Read\n\n\n\n * Once the key is generated, go back to in the OpenWidget app, paste the key under the Provide OpenAI API key field and click on Connect.\n * If your API key is valid, we will load the list of all Assistants to which you have access – choose the one you'd like to link with OpenWidget and click the Set up button.\n\n\n\nOh, and don't forget to add OpenWidget to your website! Once it's there, your customers can start a chat with the Assistant and use its full potential. that will guide you through the process of adding OpenWidget to some of the most popular Content Management Systems.\n\nAnd that's it! From now on, a new card with the Chat Interface for OpenAI Assistants will be available on top of your OpenWidget's Home Screen. Your customers can use it to start a conversation with your Assistant and get immediate help.\n\n\nA FEW IMPORTANT THINGS TO REMEMBER\n\n * As mentioned above, make sure to create a new API key for OpenWidget integration. This way, you won't have to worry that your integration will stop working in case you'd like to revoke the API key used in multiple places.\n * Please remember that OpenAI offers 25 API keys per organization.\n * OpenWidget offers native integration with LiveChat – you can . In the current version of the Chat Interface for OpenAI Assistants, the Chat Interface won't work if the LiveChat integration is enabled. Enabling LiveChat integration will disable Chat Interface for OpenAI.\n\nAnd that's it! We hope that you have found this tutorial helpful. In case of any questions, don't hesitate to reach us at support@openwidget.com – we will do our best to help.\n\n ","title":"Chat Interface for OpenAI Assistants","id":"65a9725f395a0edfc2b99c10","topicId":"65a96b05395a0edfc2b92f5e","updatedAt":1707751170599,"seo":{"metaTitle":null,"metaDescription":null,"indexingEnabled":true}},"customization":{"host":"14613522.kb.help","language":"en-US","customDomain":"help.openwidget.com","headerBackgroundColor":"#000000","headerTextColor":"#FFFFFF","logo":"https://cdn.livechat-files.com/api/file/kb/file/14613522/80e2a675f3-c19dcdf23ddc8402f1f5.png","headline":"Hello! 👋🏻 How can we help?","homepage":"https://openwidget.com","company":"OpenWidget","faviconUrl":"https://cdn.livechat-static.com/api/file/kb/file/14613522/6088fef4d0-ecb9aad0d61b2d181470.png","socialMediaImage":"https://cdn.livechat-static.com/api/file/kb/file/14613522/9332fbe3f4-0330b0e584c0db88960f.png","customLink":"https://app.openwidget.com","customLinkLabel":"Log into OpenWidget app","disableIndexing":false,"backgroundImage":"https://cdn.livechat-static.com/api/file/kb/file/14613522/d634c6485e-a62d54146cd2089706a9.png","backgroundImageDarkening":true,"overriddenBaseURL":null,"hidePoweredByKnowledgeBaseFooter":false,"enableMostPopularArticles":true,"enableQuickAnswer":true,"integrations":{"googleTrackingPixel":null,"metaTrackingPixel":null,"googleAnalyticsTrackingId":null},"seo":{"metaTitle":null,"metaDescription":null,"indexingEnabled":true}},"articleTopic":{"id":"65a96b05395a0edfc2b92f5e","name":"Tutorials","slug":"tutorials","articles":[{"id":"65a9725f395a0edfc2b99c10","slug":"chat-interface-for-openai-assistants","title":"Chat Interface for OpenAI Assistants"},{"id":"65afb61cf165b0ea0ffd5d50","slug":"openwidget-apps-calendly-widget-for-website","title":"OpenWidget Apps: Calendly widget for website"},{"id":"659561f7962ae67db13f2b47","slug":"how-to-add-google-reviews-widget-to-wix","title":"How to add Google Reviews Widget to Wix?"}]},"isPasswordProtected":false,"liveChatLicenseId":14613522},"apiUrl":"https://api.knowledgebase.ai","workspaceId":"63cfa84d4e4c903217607bf5","licenseId":"14613522","isHomePage":false,"isPageNotFound":false,"environment":"production","isDev":false,"isSsr":false,"__N_SSG":true},"page":"/[contentSlug]","query":{"contentSlug":"chat-interface-for-openai-assistants"},"buildId":"zZq5EPBZoM4NaZFW7vonw","isFallback":false,"gsp":true,"appGip":true,"scriptLoader":[]}</script></body></html>