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/10036400/285e3b42a4-a9cd5a6a53b0a1ebe73a.png" sizes="any"/><meta property="og:image" content="https://cdn.livechat-files.com/api/file/kb/file/10036400/dfc0b7e61e-cf5d0b8a4469e52cc742.png"/><title>Setting Up And Customizing Help Center | KnowledgeBase Help Center</title><meta name="description" content="KnowledgeBase Help Center: Setting Up And Customizing Help Center"/><meta property="og:title" content="Setting Up And Customizing Help Center | KnowledgeBase Help Center"/><meta property="og:type" content="website"/><meta property="og:url" content="https://www.knowledgebase.com/help/setting-up-and-customizing-help-center/"/><link rel="canonical" href="https://www.knowledgebase.com/help/setting-up-and-customizing-help-center/"/><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="/help/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/help/_next/static/chunks/webpack-f6f9516775fa8f69.js" defer=""></script><script src="/help/_next/static/chunks/framework-efd18f4d51f604cf.js" defer=""></script><script src="/help/_next/static/chunks/main-2f5cd8d20b9a7e18.js" defer=""></script><script src="/help/_next/static/chunks/pages/_app-bf587afdee13f9f8.js" defer=""></script><script src="/help/_next/static/chunks/pages/%5BcontentSlug%5D-e427d44555c98bf9.js" defer=""></script><script src="/help/_next/static/fvhEX9Vuo4FAC3DXZ1dfW/_buildManifest.js" defer=""></script><script src="/help/_next/static/fvhEX9Vuo4FAC3DXZ1dfW/_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*/ .dkvhQY{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*/ .dkvhQY:hover{color:#9146ff;opacity:0.7;background:transparent;}/*!sc*/ .dkvhQY:disabled{border:none;opacity:0.6;}/*!sc*/ data-styled.g20[id="sc-fEyylQ"]{content:"dkvhQY,"}/*!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*/ .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*/ .hDGwO{height:70px;border-bottom:1px solid #e2e2e4;border-top:4px solid #9146ff;}/*!sc*/ @container (max-width: 540px){.hDGwO{border-top:0;height:auto;}}/*!sc*/ data-styled.g121[id="sc-hjbpFB"]{content:"hDGwO,"}/*!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 hDGwO"><header class="sc-fWzlon jnoPEB"><a class="sc-dkjKgF xpcCN sc-fHIGvW kBWzqW" href="/help/"><img src="https://cdn.livechat-files.com/api/file/kb/file/10036400/e0be07b7c2-562e3c1dfa9e115905c7.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="4ca0a28c-4ddf-49bc-91e5-545c1b4be4b8" placeholder="Ask a question..." class="sc-hHvkSs jISIuG" value=""/><button type="submit" aria-label="search-button" class="sc-eDnVMP hCNkkG sc-fEyylQ dkvhQY"><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://knowledgebase.com">Visit knowledgebase.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="/help/">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="/help/help-center/">Help Center</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">Setting Up And Customizing Help Center</span></nav><h1 class="sc-eEyyFR bpuCnD">Setting Up And Customizing Help Center</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">6 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: 01.12.2024</span></span></div><article class="sc-cbnPAL dwvaka"><p style="text-align:start;">Help Center is your own, publicly accessible Knowledge Base where your customers can find answers to their questions. It supports the other customer service channels you use and improves the average chat resolution time.</p> <h2 style="text-align:left;">Setting up your Help Center</h2> <p style="text-align:left;">To start off with Public Help Center, click the Help Center icon (1) in the main navigation.</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/10036400/2450726f9d-3952ac208d7f6a300a79.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <p>After clicking the “Help Center” icon you’ll see the Help Center customization options. They are divided into two main sections:</p> <ul> <li>Basic Company Info,</li> <li>Appearance customization,</li> <li>Custom links,</li> <li>Google Analytics integration.</li> </ul> <p style="text-align:start;">We’ll go through each of them in the next steps.</p> <h2 style="text-align:left;"><strong>1) Adding basic information about your company</strong></h2> <p style="text-align:start;">This information will be displayed in your Help Center as branded elements, so we recommend filling all of them.</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/10036400/d729cd084a-3189854638c5daa19e44.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <p></p> <h3><strong>Help Center URL</strong></h3> <p style="text-align:left;">You can specify the subdomain you’d like to have your Help Center in. After setting it up, you need to set its CNAME to <strong>public.kb.help.</strong></p> <p>If you don't have your own domain, you can use our free <strong>kb.help</strong> domain to host your help center.</p> <h3><strong>Custom Help Center domain</strong></h3> <p style="text-align:left;">By default, your Help Center will be hosted on our subdomain. Your URL will look like this: <strong>companyName.kb.help</strong></p> <p style="text-align:left;">If you'd like to use a different URL, you can set up <strong>a custom domain</strong>. To do so: </p> <ul> <li>Go to your <a href="https://app.knowledgebase.ai/site" target="_blank">Help Center settings</a> and enter the custom domain you want to use. </li> <li>Next, create a custom CNAME record on your DNS provider page. </li> </ul> <p style="text-align:left;">Here you have how to set up CNAME record:</p> <ol> <li>Go to your DNS provider's website (eg. GoDaddy, Cloudflare). </li> <li>Create a CNAME (canonical name) record for your custom domain. </li> <li>Point it to our server: <strong>public.kb.help</strong></li> </ol> <p style="text-align:left;">Please note, that changes can take up to 24h to be visible for everyone.</p> <h2 style="text-align:start;"><strong>2) Customizing the Appearance</strong></h2> <p style="text-align:start;">To match the Help Center with your company’s branding, customize the primary color and welcome message so it’s aligned with your current corporate image.</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/10036400/c5f390c32d-b6e3c202c2dbe1eaf8f2.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <h3><strong>Company name</strong></h3> <p>Your company name will be used in Page Titles and Page descriptions (Search Engines, Social Media Shares, etc). What’s more, your company name will appear instead of a logo if none is uploaded.</p> <h3><strong>Help Center language</strong></h3> <p>Your Help Center interface will be translated to the selected language.</p> <h3><strong>Logo</strong></h3> <p>KnowledgeBase support logos in .PNG, .JPG and .GIF. We recommend uploading logos in 4:1 ratio.</p> <h3><strong>Favicon</strong></h3> <p>Here, you can choose the small, square icon displayed in the web browser address bar in .JPG or .PNG.</p> <h3><strong>Preview image</strong></h3> <p>KnowledgeBase supports a small preview image that will be used to represent your articles when you share them on social media or in a chat. Recommended ratio: 1.91:1 Size 1200x640 .JPG or .PNG</p> <h3><strong>Background image</strong></h3> <p>Here, you can choose the image that is displayed in the Help Center header. Please note that appearance may vary depending on browser window size.</p> <h3><strong>Link to your home page</strong></h3> <p>The link to your home page will always be visible in the top-right corner of your Help Center, so your customers will have the way back to your website.</p> <h3><strong>Choosing primary color</strong></h3> <p style="text-align:start;">To match Help Center with your branding, you can specify the primary color of your site. This color will be used in header background, icons, active elements, and other minor places.</p> <p style="text-align:left;"><strong><em>Note:</em></strong><em> We recommend using dark shades to contrast with white text in the header.</em></p> <h3 style="text-align:start;"><strong>Headline text</strong></h3> <p style="text-align:left;">The headline is displayed as a static header on Help Center’s homepage. You can put there the welcome message, greeting, or any message you’d like to pass to your customers.</p> <h2 style="text-align:left;"><strong>3) Google Analytics tracking</strong></h2> <p style="text-align:start;">KnowledgeBase is integrated with Google Analytics tool, thus you can track any activities your customers do in the Help Center.</p> <p style="text-align:start;">To collect the basic information like the number of page views, titles of pages visited, an average time of session or localization, you’ll need to insert your Google Analytics Tracking ID in the corresponding field.</p> <p>As soon as you’ll save and publish your Help Center with the present Tracking ID, the information will start to appear in Google Analytics.</p> <h2 style="text-align:start;"></h2> <h2 style="text-align:left;"><strong>4) Google Analytics tracking</strong></h2> <p style="text-align:start;"></p> <p style="text-align:left;">A tracking pixel, also called a web beacon or pixel tag, is a small piece of code embedded into your Help Center, and its primary function is to gather data about user interactions with the content where it's placed. Then, you can create remarketing groups on selected ad platforms. </p> <p style="text-align:left;">Pixel operates discreetly, collecting valuable insights without disrupting the user experience. Such data encompasses various aspects of user behavior, such as the pages they visited, the duration of their stay on each page, and similar metrics. These detailed analyses are essential for improving and adjusting advertising strategies to meet user interests effectively.</p> <h3 style="text-align:start;"></h3> <img src="https://cdn.livechat-files.com/api/file/kb/file/10036400/45c973033a-7e4928a7e3384eaaab41.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <p></p> <h3 style="text-align:left;">Google Ads Remarketing Tag</h3> <p style="text-align:start;">The Google Ads Remarketing Tag is a small piece of code that can be placed on your Help Center website to collect information about your visitors and use it for further advertising purposes. This tag is part of Google's remarketing feature in Google Ads (formerly known as Google AdWords), allowing you, as an advertiser, to reach people who visited your help center articles.</p> <p style="text-align:start;">Read the provider's instructions to <a href="https://support.google.com/tagmanager/answer/6106960?hl=en" target="_blank"><ins>find your unique Google Ads Remarketing Tag</ins></a>.</p> <h3 style="text-align:start;"></h3> <h3 style="text-align:left;">Meta Pixel  </h3> <p style="text-align:start;">The Meta Pixel, formerly known as the Facebook Pixel, is a tool provided by Meta (the parent company of Facebook and Instagram) for website analytics and advertisement tracking. Essentially, it's a piece of code you insert into your Help Center, allowing you to track visitors' interactions with your help articles. These interactions can be related to Facebook Ads, and the information gathered can be used to make your ads more targeted and effective. </p> <p style="text-align:start;">Read the provider's instructions to <a href="https://developers.facebook.com/docs/meta-pixel/get-started/" target="_blank"><ins>find your unique Meta Pixel ID</ins></a> and paste it into the corresponding field in your Help Center settings.  </p> <h2><strong>Publishing Customized Help Center</strong></h2> <p style="text-align:start;">After you finish setting up the Help Center with mentioned fields, you must save and publish your Help Center.</p> <p style="text-align:start;">To save all your changes, click “Save changes” button that’s placed at the bottom of the fields’ section.</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/10036400/0422e68527-a818f98f1f1697ae5146.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <p></p> <p>After saving the changes, make sure you have published your Help Center, so it’s accessible to your customers. To do so, click the “Enable Help Center” button in the yellow box displayed in the upper part of the window</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/10036400/04a26ed094-de540d455e106078a13f.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <p>If you can’t see the yellow box and there’s a green ON indicator displayed, it means your Help Center is already enabled.</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/10036400/d1f4fb567e-1354b2e4ed2e9c73fae1.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <h2 style="text-align:start;"></h2> <p>Here you can find a small sum up of setting up and customizing your help center:</p> <iframe allowfullscreen width="undefined" height="undefined" src="https://www.youtube.com/embed/XG-zkLsvemM" frameBorder="0"></iframe> <p></p> <p></p> <p style="text-align:start;"></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><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%2Fwww.knowledgebase.com%2Fhelp%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":"\u003cp style=\"text-align:start;\"\u003eHelp Center is your own, publicly accessible Knowledge Base where your customers can find answers to their questions. It supports the other customer service channels you use and improves the average chat resolution time.\u003c/p\u003e\n\u003ch2 style=\"text-align:left;\"\u003eSetting up your Help Center\u003c/h2\u003e\n\u003cp style=\"text-align:left;\"\u003eTo start off with Public Help Center, click the Help Center icon (1) in the main navigation.\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/10036400/2450726f9d-3952ac208d7f6a300a79.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003eAfter clicking the “Help Center” icon you’ll see the Help Center customization options. They are divided into two main sections:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eBasic Company Info,\u003c/li\u003e\n\u003cli\u003eAppearance customization,\u003c/li\u003e\n\u003cli\u003eCustom links,\u003c/li\u003e\n\u003cli\u003eGoogle Analytics integration.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp style=\"text-align:start;\"\u003eWe’ll go through each of them in the next steps.\u003c/p\u003e\n\u003ch2 style=\"text-align:left;\"\u003e\u003cstrong\u003e1) Adding basic information about your company\u003c/strong\u003e\u003c/h2\u003e\n\u003cp style=\"text-align:start;\"\u003eThis information will be displayed in your Help Center as branded elements, so we recommend filling all of them.\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/10036400/d729cd084a-3189854638c5daa19e44.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eHelp Center URL\u003c/strong\u003e\u003c/h3\u003e\n\u003cp style=\"text-align:left;\"\u003eYou can specify the subdomain you’d like to have your Help Center in. After setting it up, you need to set its CNAME to \u003cstrong\u003epublic.kb.help.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eIf you don't have your own domain, you can use our free \u003cstrong\u003ekb.help\u003c/strong\u003e domain to host your help center.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eCustom Help Center domain\u003c/strong\u003e\u003c/h3\u003e\n\u003cp style=\"text-align:left;\"\u003eBy default, your Help Center will be hosted on our subdomain. Your URL will look like this: \u003cstrong\u003ecompanyName.kb.help\u003c/strong\u003e\u003c/p\u003e\n\u003cp style=\"text-align:left;\"\u003eIf you'd like to use a different URL, you can set up \u003cstrong\u003ea custom domain\u003c/strong\u003e. To do so: \u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eGo to your \u003ca href=\"https://app.knowledgebase.ai/site\" target=\"_blank\"\u003eHelp Center settings\u003c/a\u003e and enter the custom domain you want to use. \u003c/li\u003e\n\u003cli\u003eNext, create a custom CNAME record on your DNS provider page. \u003c/li\u003e\n\u003c/ul\u003e\n\u003cp style=\"text-align:left;\"\u003eHere you have how to set up CNAME record:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003eGo to your DNS provider's website (eg. GoDaddy, Cloudflare). \u003c/li\u003e\n\u003cli\u003eCreate a CNAME (canonical name) record for your custom domain. \u003c/li\u003e\n\u003cli\u003ePoint it to our server: \u003cstrong\u003epublic.kb.help\u003c/strong\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp style=\"text-align:left;\"\u003ePlease note, that changes can take up to 24h to be visible for everyone.\u003c/p\u003e\n\u003ch2 style=\"text-align:start;\"\u003e\u003cstrong\u003e2) Customizing the Appearance\u003c/strong\u003e\u003c/h2\u003e\n\u003cp style=\"text-align:start;\"\u003eTo match the Help Center with your company’s branding, customize the primary color and welcome message so it’s aligned with your current corporate image.\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/10036400/c5f390c32d-b6e3c202c2dbe1eaf8f2.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003ch3\u003e\u003cstrong\u003eCompany name\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eYour company name will be used in Page Titles and Page descriptions (Search Engines, Social Media Shares, etc). What’s more, your company name will appear instead of a logo if none is uploaded.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eHelp Center language\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eYour Help Center interface will be translated to the selected language.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eLogo\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eKnowledgeBase support logos in .PNG, .JPG and .GIF. We recommend uploading logos in 4:1 ratio.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eFavicon\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eHere, you can choose the small, square icon displayed in the web browser address bar in .JPG or .PNG.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003ePreview image\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eKnowledgeBase supports a small preview image that will be used to represent your articles when you share them on social media or in a chat. Recommended ratio: 1.91:1 Size 1200x640 .JPG or .PNG\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eBackground image\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eHere, you can choose the image that is displayed in the Help Center header. Please note that appearance may vary depending on browser window size.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eLink to your home page\u003c/strong\u003e\u003c/h3\u003e\n\u003cp\u003eThe link to your home page will always be visible in the top-right corner of your Help Center, so your customers will have the way back to your website.\u003c/p\u003e\n\u003ch3\u003e\u003cstrong\u003eChoosing primary color\u003c/strong\u003e\u003c/h3\u003e\n\u003cp style=\"text-align:start;\"\u003eTo match Help Center with your branding, you can specify the primary color of your site. This color will be used in header background, icons, active elements, and other minor places.\u003c/p\u003e\n\u003cp style=\"text-align:left;\"\u003e\u003cstrong\u003e\u003cem\u003eNote:\u003c/em\u003e\u003c/strong\u003e\u003cem\u003e We recommend using dark shades to contrast with white text in the header.\u003c/em\u003e\u003c/p\u003e\n\u003ch3 style=\"text-align:start;\"\u003e\u003cstrong\u003eHeadline text\u003c/strong\u003e\u003c/h3\u003e\n\u003cp style=\"text-align:left;\"\u003eThe headline is displayed as a static header on Help Center’s homepage. You can put there the welcome message, greeting, or any message you’d like to pass to your customers.\u003c/p\u003e\n\u003ch2 style=\"text-align:left;\"\u003e\u003cstrong\u003e3) Google Analytics tracking\u003c/strong\u003e\u003c/h2\u003e\n\u003cp style=\"text-align:start;\"\u003eKnowledgeBase is integrated with Google Analytics tool, thus you can track any activities your customers do in the Help Center.\u003c/p\u003e\n\u003cp style=\"text-align:start;\"\u003eTo collect the basic information like the number of page views, titles of pages visited, an average time of session or localization, you’ll need to insert your Google Analytics Tracking ID in the corresponding field.\u003c/p\u003e\n\u003cp\u003eAs soon as you’ll save and publish your Help Center with the present Tracking ID, the information will start to appear in Google Analytics.\u003c/p\u003e\n\u003ch2 style=\"text-align:start;\"\u003e\u003c/h2\u003e\n\u003ch2 style=\"text-align:left;\"\u003e\u003cstrong\u003e4) Google Analytics tracking\u003c/strong\u003e\u003c/h2\u003e\n\u003cp style=\"text-align:start;\"\u003e\u003c/p\u003e\n\u003cp style=\"text-align:left;\"\u003eA tracking pixel, also called a web beacon or pixel tag, is a small piece of code embedded into your Help Center, and its primary function is to gather data about user interactions with the content where it's placed. Then, you can create remarketing groups on selected ad platforms.\u0026nbsp;\u003c/p\u003e\n\u003cp style=\"text-align:left;\"\u003ePixel operates discreetly, collecting valuable insights without disrupting the user experience. Such data encompasses various aspects of user behavior, such as the pages they visited, the duration of their stay on each page, and similar metrics. These detailed analyses are essential for improving and adjusting advertising strategies to meet user interests effectively.\u003c/p\u003e\n\u003ch3 style=\"text-align:start;\"\u003e\u003c/h3\u003e\n\u003cimg src=\"https://cdn.livechat-files.com/api/file/kb/file/10036400/45c973033a-7e4928a7e3384eaaab41.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003ch3 style=\"text-align:left;\"\u003eGoogle Ads Remarketing Tag\u003c/h3\u003e\n\u003cp style=\"text-align:start;\"\u003eThe Google Ads Remarketing Tag is a small piece of code that can be placed on your Help Center website to collect information about your visitors and use it for further advertising purposes. This tag is part of Google's remarketing feature in Google Ads (formerly known as Google AdWords), allowing you, as an advertiser, to reach people who visited your help center articles.\u003c/p\u003e\n\u003cp style=\"text-align:start;\"\u003eRead the provider's instructions to \u003ca href=\"https://support.google.com/tagmanager/answer/6106960?hl=en\" target=\"_blank\"\u003e\u003cins\u003efind your unique Google Ads Remarketing Tag\u003c/ins\u003e\u003c/a\u003e.\u003c/p\u003e\n\u003ch3 style=\"text-align:start;\"\u003e\u003c/h3\u003e\n\u003ch3 style=\"text-align:left;\"\u003eMeta Pixel\u0026nbsp;\u0026nbsp;\u003c/h3\u003e\n\u003cp style=\"text-align:start;\"\u003eThe Meta Pixel, formerly known as the Facebook Pixel, is a tool provided by Meta (the parent company of Facebook and Instagram) for website analytics and advertisement tracking. Essentially, it's a piece of code you insert into your Help Center, allowing you to track visitors' interactions with your help articles. These interactions can be related to Facebook Ads, and the information gathered can be used to make your ads more targeted and effective.\u0026nbsp;\u003c/p\u003e\n\u003cp style=\"text-align:start;\"\u003eRead the provider's instructions to \u003ca href=\"https://developers.facebook.com/docs/meta-pixel/get-started/\" target=\"_blank\"\u003e\u003cins\u003efind your unique Meta Pixel ID\u003c/ins\u003e\u003c/a\u003e and paste it into the corresponding field in your Help Center settings.\u0026nbsp;\u0026nbsp;\u003c/p\u003e\n\u003ch2\u003e\u003cstrong\u003ePublishing Customized Help Center\u003c/strong\u003e\u003c/h2\u003e\n\u003cp style=\"text-align:start;\"\u003eAfter you finish setting up the Help Center with mentioned fields, you must save and publish your Help Center.\u003c/p\u003e\n\u003cp style=\"text-align:start;\"\u003eTo save all your changes, click “Save changes” button that’s placed at the bottom of the fields’ section.\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/10036400/0422e68527-a818f98f1f1697ae5146.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003eAfter saving the changes, make sure you have published your Help Center, so it’s accessible to your customers. To do so, click the “Enable Help Center” button in the yellow box displayed in the upper part of the window\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/10036400/04a26ed094-de540d455e106078a13f.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003eIf you can’t see the yellow box and there’s a green ON indicator displayed, it means your Help Center is already enabled.\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/10036400/d1f4fb567e-1354b2e4ed2e9c73fae1.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003ch2 style=\"text-align:start;\"\u003e\u003c/h2\u003e\n\u003cp\u003eHere you can find a small sum up of setting up and customizing your help center:\u003c/p\u003e\n\u003ciframe allowfullscreen width=\"undefined\" height=\"undefined\" src=\"https://www.youtube.com/embed/XG-zkLsvemM\" frameBorder=\"0\"\u003e\u003c/iframe\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp style=\"text-align:start;\"\u003e\u003c/p\u003e\n","slug":"setting-up-and-customizing-help-center","plainText":"Help Center is your own, publicly accessible Knowledge Base where your customers can find answers to their questions. It supports the other customer service channels you use and improves the average chat resolution time.\nSetting up your Help Center\nTo start off with Public Help Center, click the Help Center icon (1) in the main navigation.\n \nAfter clicking the “Help Center” icon you’ll see the Help Center customization options. They are divided into two main sections:\nBasic Company Info,\nAppearance customization,\nCustom links,\nGoogle Analytics integration.\nWe’ll go through each of them in the next steps.\n1) Adding basic information about your company\nThis information will be displayed in your Help Center as branded elements, so we recommend filling all of them.\n \n\nHelp Center URL\nYou can specify the subdomain you’d like to have your Help Center in. After setting it up, you need to set its CNAME to public.kb.help.\nIf you don't have your own domain, you can use our free kb.help domain to host your help center.\nCustom Help Center domain\nBy default, your Help Center will be hosted on our subdomain. Your URL will look like this: companyName.kb.help\nIf you'd like to use a different URL, you can set up a custom domain. To do so: \nGo to your Help Center settings and enter the custom domain you want to use. \nNext, create a custom CNAME record on your DNS provider page. \nHere you have how to set up CNAME record:\nGo to your DNS provider's website (eg. GoDaddy, Cloudflare). \nCreate a CNAME (canonical name) record for your custom domain. \nPoint it to our server: public.kb.help\nPlease note, that changes can take up to 24h to be visible for everyone.\n2) Customizing the Appearance\nTo match the Help Center with your company’s branding, customize the primary color and welcome message so it’s aligned with your current corporate image.\n \nCompany name\nYour company name will be used in Page Titles and Page descriptions (Search Engines, Social Media Shares, etc). What’s more, your company name will appear instead of a logo if none is uploaded.\nHelp Center language\nYour Help Center interface will be translated to the selected language.\nLogo\nKnowledgeBase support logos in .PNG, .JPG and .GIF. We recommend uploading logos in 4:1 ratio.\nFavicon\nHere, you can choose the small, square icon displayed in the web browser address bar in .JPG or .PNG.\nPreview image\nKnowledgeBase supports a small preview image that will be used to represent your articles when you share them on social media or in a chat. Recommended ratio: 1.91:1 Size 1200x640 .JPG or .PNG\nBackground image\nHere, you can choose the image that is displayed in the Help Center header. Please note that appearance may vary depending on browser window size.\nLink to your home page\nThe link to your home page will always be visible in the top-right corner of your Help Center, so your customers will have the way back to your website.\nChoosing primary color\nTo match Help Center with your branding, you can specify the primary color of your site. This color will be used in header background, icons, active elements, and other minor places.\nNote: We recommend using dark shades to contrast with white text in the header.\nHeadline text\nThe headline is displayed as a static header on Help Center’s homepage. You can put there the welcome message, greeting, or any message you’d like to pass to your customers.\n3) Google Analytics tracking\nKnowledgeBase is integrated with Google Analytics tool, thus you can track any activities your customers do in the Help Center.\nTo collect the basic information like the number of page views, titles of pages visited, an average time of session or localization, you’ll need to insert your Google Analytics Tracking ID in the corresponding field.\nAs soon as you’ll save and publish your Help Center with the present Tracking ID, the information will start to appear in Google Analytics.\n\n4) Google Analytics tracking\n\nA tracking pixel, also called a web beacon or pixel tag, is a small piece of code embedded into your Help Center, and its primary function is to gather data about user interactions with the content where it's placed. Then, you can create remarketing groups on selected ad platforms. \nPixel operates discreetly, collecting valuable insights without disrupting the user experience. Such data encompasses various aspects of user behavior, such as the pages they visited, the duration of their stay on each page, and similar metrics. These detailed analyses are essential for improving and adjusting advertising strategies to meet user interests effectively.\n\n \n\nGoogle Ads Remarketing Tag\nThe Google Ads Remarketing Tag is a small piece of code that can be placed on your Help Center website to collect information about your visitors and use it for further advertising purposes. This tag is part of Google's remarketing feature in Google Ads (formerly known as Google AdWords), allowing you, as an advertiser, to reach people who visited your help center articles.\nRead the provider's instructions to find your unique Google Ads Remarketing Tag.\n\nMeta Pixel \nThe Meta Pixel, formerly known as the Facebook Pixel, is a tool provided by Meta (the parent company of Facebook and Instagram) for website analytics and advertisement tracking. Essentially, it's a piece of code you insert into your Help Center, allowing you to track visitors' interactions with your help articles. These interactions can be related to Facebook Ads, and the information gathered can be used to make your ads more targeted and effective. \nRead the provider's instructions to find your unique Meta Pixel ID and paste it into the corresponding field in your Help Center settings. \nPublishing Customized Help Center\nAfter you finish setting up the Help Center with mentioned fields, you must save and publish your Help Center.\nTo save all your changes, click “Save changes” button that’s placed at the bottom of the fields’ section.\n \n\nAfter saving the changes, make sure you have published your Help Center, so it’s accessible to your customers. To do so, click the “Enable Help Center” button in the yellow box displayed in the upper part of the window\n \nIf you can’t see the yellow box and there’s a green ON indicator displayed, it means your Help Center is already enabled.\n \n\nHere you can find a small sum up of setting up and customizing your help center:\n \n\n\n","title":"Setting Up And Customizing Help Center","id":"63cfdb0b12cdeee8af754f7d","topicId":"63cfdb0b12cdeee8af754f77","updatedAt":1705049159498,"seo":{"metaTitle":null,"metaDescription":null,"indexingEnabled":true}},"customization":{"host":"knowledgebase.kb.help","language":"en-US","customDomain":"help.knowledgebase.ai","headerBackgroundColor":"#9146ff","headerTextColor":"#FFFFFF","logo":"https://cdn.livechat-files.com/api/file/kb/file/10036400/e0be07b7c2-562e3c1dfa9e115905c7.png","headline":"Hey, what answers do you need?","homepage":"https://knowledgebase.com","company":"KnowledgeBase","faviconUrl":"https://cdn.livechat-static.com/api/file/kb/file/10036400/285e3b42a4-a9cd5a6a53b0a1ebe73a.png","socialMediaImage":"https://cdn.livechat-files.com/api/file/kb/file/10036400/dfc0b7e61e-cf5d0b8a4469e52cc742.png","customLink":null,"customLinkLabel":null,"disableIndexing":false,"backgroundImage":"https://cdn.livechat-static.com/api/file/kb/file/13174731/4803856d9c-de53c1837cf94dbd496e.png","backgroundImageDarkening":false,"overriddenBaseURL":"www.knowledgebase.com/help/","hidePoweredByKnowledgeBaseFooter":false,"enableMostPopularArticles":false,"enableQuickAnswer":true,"integrations":{"googleTrackingPixel":null,"metaTrackingPixel":null,"googleAnalyticsTrackingId":"G-RB4846V4JR"},"seo":{"metaTitle":null,"metaDescription":null,"indexingEnabled":true}},"articleTopic":{"id":"63cfdb0b12cdeee8af754f77","name":"Help Center","slug":"help-center","articles":[{"id":"63cfdb0b12cdeee8af754f88","slug":"setting-up-custom-domain-for-help-center","title":"Setting up Custom Domain for Help Center"},{"id":"63cfdb0b12cdeee8af754f7a","slug":"customize-articles-appearance-in-chat-widget","title":"Customize Articles appearance in Chat Widget"},{"id":"63cfdb0b12cdeee8af754f7d","slug":"setting-up-and-customizing-help-center","title":"Setting Up And Customizing Help Center"},{"id":"63cfdb0b12cdeee8af754f7f","slug":"publishing-and-disabling-help-center","title":"Publishing And Disabling Help Center"},{"id":"63cfdb0b12cdeee8af754f85","slug":"customize-your-background-image","title":"Customize your background image"},{"id":"63cfdb0b12cdeee8af754f86","slug":"troubleshooting-adding-livechat-widget-to-your-help-center","title":"Troubleshooting: adding LiveChat widget to your Help Center"},{"id":"63cfdb0b12cdeee8af754f8d","slug":"modify-your-help-center-language","title":"Modify your Help Center language"}]},"isPasswordProtected":false,"liveChatLicenseId":null},"apiUrl":"https://api.knowledgebase.ai","workspaceId":"63cfb5b74365d366360361d6","licenseId":"10036400","isHomePage":false,"isPageNotFound":false,"environment":"production","isDev":false,"isSsr":false,"__N_SSG":true},"page":"/[contentSlug]","query":{"contentSlug":"setting-up-and-customizing-help-center"},"buildId":"fvhEX9Vuo4FAC3DXZ1dfW","assetPrefix":"/help","isFallback":false,"gsp":true,"appGip":true,"scriptLoader":[]}</script></body></html>