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>BigCommerce: add OpenWidget to your BigCommerce store! | OpenWidget Help Center</title><meta name="description" content="OpenWidget Help Center: BigCommerce: add OpenWidget to your BigCommerce store!"/><meta property="og:title" content="BigCommerce: add OpenWidget to your BigCommerce store! | OpenWidget Help Center"/><meta property="og:type" content="website"/><meta property="og:url" content="https://help.openwidget.com/bigcommerce-add-openwidget-to-your-bigcommerce-store/"/><link rel="canonical" href="https://help.openwidget.com/bigcommerce-add-openwidget-to-your-bigcommerce-store/"/><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="1ad3792d-6051-4ebf-b3a6-35fb95d41962" 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="/add-openwidget-to-your-store/">Add OpenWidget to your store</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">BigCommerce: add OpenWidget to your BigCommerce store!</span></nav><h1 class="sc-eEyyFR bpuCnD">BigCommerce: add OpenWidget to your BigCommerce store!</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">2 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: 11.02.2023</span></span></div><article class="sc-cbnPAL dwvaka"><p>With OpenWidget added to your BigCommerce store, you can <strong>provide your customers with an intuitive self-help tool</strong> and <strong>decrease overall cart abandonment</strong>! All of that is possible with the use of:</p> <ul> <li>a <strong>Contact Form</strong> that will give you the option to talk with your customers;</li> <li>a dedicated <strong>Frequently Asked Questions</strong> view, perfect for a self-help space;</li> <li>and beautifully designed <strong>Product Cards</strong> to promote your best products or current sales.</li> </ul> <h2><strong>Add OpenWidget to your BigCommerce store</strong></h2> <ul> <li>First, <strong>log in to</strong> your BigCommerce admin panel.</li> <li>From the left menu, choose <strong>Storefront</strong>.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/b1326329cb-625fd6041b5799e152ef.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>You should see a <strong>Themes</strong> section, where you'll need to navigate to the <strong>Script Manager</strong> section.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/88b79420e9-b8c882381fef80664769.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>Click on the <strong>Create Script</strong> button available at the top right corner of your Script Manager.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/a30527b919-d9b2fdf291ef9aa8377e.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <p>Now that you're about to create a new script, you will need to configure a few things. Don't worry, though! We will let you know exactly what to do.</p> <ul> <li>First and foremost, provide the <strong>Name</strong> and <strong>Description</strong> that will tell you what the script is about later. For the name, you can choose something like "<strong>OpenWidget</strong>"; for the description, use a phrase like "<strong>OpenWidget snippet</strong>".</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/52859baef3-23670f8d89d4919ee807.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>Choose <strong>Footer</strong> as your <strong>Location on page</strong>.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/96b3281fa2-5dd99240f6f9a8db60c0.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>As the <strong>Select pages where script will be added</strong> option's name suggests, you can select the exact pages OpenWidget will be displayed. We strongly recommend you go for <strong>All pages</strong>, but the choice is yours.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/cc9392c505-893d32efe026ada7ab29.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>In the <strong>Script category</strong>, go for <strong>Functional</strong>.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/5ddb238f43-ec14f5c64a1cc5b6633d.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>Now, in the <strong>Script type</strong> category, choose <strong>Script</strong>. </li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/2a79ea5c05-09e42341218d0aedad74.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>All that is left now is to paste your OpenWidget snippet copied from the OpenWidget's <a href="https://app.openwidget.com/configurator/code-snippet" target="_blank"><strong>Add to website</strong></a> section. After doing so, <strong>make sure to</strong> <strong>remove the following fragment of code</strong> due to BigCommerce requirements, as they do not support <strong>noscript</strong> tags:</li> </ul> <blockquote><noscript>You need to <a href="https://www.openwidget.com/enable-javascript" rel="noopener nofollow">enable JavaScript</a> to use the communication tool powered by <a href="https://www.openwidget.com/" rel="noopener nofollow" target="_blank">OpenWidget</a></noscript></blockquote> <ul> <li>Once the code looks like this, you are good to go:</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/43e34bad0e-0ae652f96297d6c0e5c0.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>The hard part is done! Now you need to apply the changes by clicking on the Save button, and that's it!</li> </ul> <p>OpenWidget is now added to your website, and you can start using its full potential.</p> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/188afa9978-ab0fe196f1e504f0ef7c.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <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":"\u003cp\u003eWith OpenWidget added to your BigCommerce store, you can \u003cstrong\u003eprovide your customers with an intuitive self-help tool\u003c/strong\u003e and \u003cstrong\u003edecrease overall cart abandonment\u003c/strong\u003e! All of that is possible with the use of:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003ea \u003cstrong\u003eContact Form\u003c/strong\u003e that will give you the option to talk with your customers;\u003c/li\u003e\n\u003cli\u003ea dedicated \u003cstrong\u003eFrequently Asked Questions\u003c/strong\u003e view, perfect for a self-help space;\u003c/li\u003e\n\u003cli\u003eand beautifully designed \u003cstrong\u003eProduct Cards\u003c/strong\u003e to promote your best products or current sales.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eAdd OpenWidget to your BigCommerce store\u003c/strong\u003e\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFirst, \u003cstrong\u003elog in to\u003c/strong\u003e your BigCommerce admin panel.\u003c/li\u003e\n\u003cli\u003eFrom the left menu, choose \u003cstrong\u003eStorefront\u003c/strong\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/b1326329cb-625fd6041b5799e152ef.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eYou should see a \u003cstrong\u003eThemes\u003c/strong\u003e section, where you'll need to navigate to the \u003cstrong\u003eScript Manager\u003c/strong\u003e section.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/88b79420e9-b8c882381fef80664769.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eClick on the \u003cstrong\u003eCreate Script\u003c/strong\u003e button available at the top right corner of your Script Manager.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/a30527b919-d9b2fdf291ef9aa8377e.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003eNow that you're about to create a new script, you will need to configure a few things. Don't worry, though! We will let you know exactly what to do.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFirst and foremost, provide the \u003cstrong\u003eName\u003c/strong\u003e and \u003cstrong\u003eDescription\u003c/strong\u003e that will tell you what the script is about later. For the name, you can choose something like \"\u003cstrong\u003eOpenWidget\u003c/strong\u003e\"; for the description, use a phrase like \"\u003cstrong\u003eOpenWidget snippet\u003c/strong\u003e\".\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/52859baef3-23670f8d89d4919ee807.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eChoose \u003cstrong\u003eFooter\u003c/strong\u003e as your \u003cstrong\u003eLocation on page\u003c/strong\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/96b3281fa2-5dd99240f6f9a8db60c0.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eAs the \u003cstrong\u003eSelect pages where script will be added\u003c/strong\u003e option's name suggests, you can select the exact pages OpenWidget will be displayed. We strongly recommend you go for \u003cstrong\u003eAll pages\u003c/strong\u003e, but the choice is yours.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/cc9392c505-893d32efe026ada7ab29.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eIn the \u003cstrong\u003eScript category\u003c/strong\u003e, go for \u003cstrong\u003eFunctional\u003c/strong\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/5ddb238f43-ec14f5c64a1cc5b6633d.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eNow, in the \u003cstrong\u003eScript type\u003c/strong\u003e category, choose \u003cstrong\u003eScript\u003c/strong\u003e.\u0026nbsp;\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/2a79ea5c05-09e42341218d0aedad74.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eAll that is left now is to paste your OpenWidget snippet copied from the OpenWidget's \u003ca href=\"https://app.openwidget.com/configurator/code-snippet\" target=\"_blank\"\u003e\u003cstrong\u003eAdd to website\u003c/strong\u003e\u003c/a\u003e section. After doing so, \u003cstrong\u003emake sure to\u003c/strong\u003e \u003cstrong\u003eremove the following fragment of code\u003c/strong\u003e due to BigCommerce requirements, as they do not support \u003cstrong\u003enoscript\u003c/strong\u003e tags:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cblockquote\u003e\u0026lt;noscript\u0026gt;You need to \u0026lt;a href=\"https://www.openwidget.com/enable-javascript\" rel=\"noopener nofollow\"\u0026gt;enable JavaScript\u0026lt;/a\u0026gt; to use the communication tool powered by \u0026lt;a href=\"https://www.openwidget.com/\" rel=\"noopener nofollow\" target=\"_blank\"\u0026gt;OpenWidget\u0026lt;/a\u0026gt;\u0026lt;/noscript\u0026gt;\u003c/blockquote\u003e\n\u003cul\u003e\n\u003cli\u003eOnce the code looks like this, you are good to go:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/43e34bad0e-0ae652f96297d6c0e5c0.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eThe hard part is done! Now you need to apply the changes by clicking on the Save button, and that's it!\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eOpenWidget is now added to your website, and you can start using its full potential.\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/188afa9978-ab0fe196f1e504f0ef7c.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003e\u003c/p\u003e\n","slug":"bigcommerce-add-openwidget-to-your-bigcommerce-store","plainText":"With OpenWidget added to your BigCommerce store, you can provide your customers with an intuitive self-help tool and decrease overall cart abandonment! All of that is possible with the use of:\na Contact Form that will give you the option to talk with your customers;\na dedicated Frequently Asked Questions view, perfect for a self-help space;\nand beautifully designed Product Cards to promote your best products or current sales.\nAdd OpenWidget to your BigCommerce store\nFirst, log in to your BigCommerce admin panel.\nFrom the left menu, choose Storefront.\n \nYou should see a Themes section, where you'll need to navigate to the Script Manager section.\n \nClick on the Create Script button available at the top right corner of your Script Manager.\n \nNow that you're about to create a new script, you will need to configure a few things. Don't worry, though! We will let you know exactly what to do.\nFirst and foremost, provide the Name and Description that will tell you what the script is about later. For the name, you can choose something like \"OpenWidget\"; for the description, use a phrase like \"OpenWidget snippet\".\n \nChoose Footer as your Location on page.\n \nAs the Select pages where script will be added option's name suggests, you can select the exact pages OpenWidget will be displayed. We strongly recommend you go for All pages, but the choice is yours.\n \nIn the Script category, go for Functional.\n \nNow, in the Script type category, choose Script. \n \nAll that is left now is to paste your OpenWidget snippet copied from the OpenWidget's Add to website section. After doing so, make sure to remove the following fragment of code due to BigCommerce requirements, as they do not support noscript tags:\n\u003cnoscript\u003eYou need to \u003ca href=\"https://www.openwidget.com/enable-javascript\" rel=\"noopener nofollow\"\u003eenable JavaScript\u003c/a\u003e to use the communication tool powered by \u003ca href=\"https://www.openwidget.com/\" rel=\"noopener nofollow\" target=\"_blank\"\u003eOpenWidget\u003c/a\u003e\u003c/noscript\u003e\nOnce the code looks like this, you are good to go:\n \nThe hard part is done! Now you need to apply the changes by clicking on the Save button, and that's it!\nOpenWidget is now added to your website, and you can start using its full potential.\n \n","title":"BigCommerce: add OpenWidget to your BigCommerce store!","id":"63cfe4127db53f068df77c76","topicId":"63cfe4127db53f068df77c70","updatedAt":1698928900009,"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":"63cfe4127db53f068df77c70","name":"Add OpenWidget to your store","slug":"add-openwidget-to-your-store","articles":[{"id":"63cfe4127db53f068df77c7e","slug":"wordpress-enhance-your-store-with-openwidget","title":"WordPress: enhance your store with OpenWidget!"},{"id":"63cfe4127db53f068df77c78","slug":"squarespace-add-openwidget-to-your-website","title":"Squarespace: add OpenWidget to your website!"},{"id":"63cfe4127db53f068df77c7c","slug":"shopify-add-openwidget-to-your-store","title":"Shopify: add OpenWidget to your store!"},{"id":"63cfe4127db53f068df77c76","slug":"bigcommerce-add-openwidget-to-your-bigcommerce-store","title":"BigCommerce: add OpenWidget to your BigCommerce store!"},{"id":"63cfe4127db53f068df77c71","slug":"google-tag-manager-install-openwidget-on-your-website-with-a-few-simple-steps","title":"Google Tag Manager: install OpenWidget on your website with a few simple steps!"},{"id":"63cfe4127db53f068df77c77","slug":"opencart-add-openwidget-to-your-opencart-store","title":"OpenCart: add OpenWidget to your OpenCart store!"},{"id":"63cfe4127db53f068df77c7f","slug":"woocommerce-enhance-your-store-with-openwidget","title":"WooCommerce: enhance your store with OpenWidget!"},{"id":"63cfe4127db53f068df77c7d","slug":"weebly-squareonline-add-openwidget-to-your-weebly-website","title":"Weebly (Square.online): add OpenWidget to your Weebly website!"},{"id":"6579e8f88d0cdc86b8193b13","slug":"google-tag-manager-native-app-integrate-openwidget-with-your-website","title":"Google Tag Manager native app: integrate OpenWidget with your website"}]},"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":"bigcommerce-add-openwidget-to-your-bigcommerce-store"},"buildId":"zZq5EPBZoM4NaZFW7vonw","isFallback":false,"gsp":true,"appGip":true,"scriptLoader":[]}</script></body></html>