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>Shopify: add OpenWidget to your store! | OpenWidget Help Center</title><meta name="description" content="OpenWidget Help Center: Shopify: add OpenWidget to your store!"/><meta property="og:title" content="Shopify: add OpenWidget to your store! | OpenWidget Help Center"/><meta property="og:type" content="website"/><meta property="og:url" content="https://help.openwidget.com/shopify-add-openwidget-to-your-store/"/><link rel="canonical" href="https://help.openwidget.com/shopify-add-openwidget-to-your-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="57c160b3-ba9f-41c1-8495-3c337668103d" 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">Shopify: add OpenWidget to your store!</span></nav><h1 class="sc-eEyyFR bpuCnD">Shopify: add OpenWidget to your 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: 10.17.2023</span></span></div><article class="sc-cbnPAL dwvaka"><p>With Shopify, you can create an intuitive e-commerce platform to sell online and create a retail point-of-sale system. And now you can <strong>enhance it by providing better customer support </strong>with<strong> OpenWidget!</strong></p> <p>What do you get?</p> <ul> <li>An option to <strong>talk with your customers</strong> via an easy-to-configure <strong>Contact Form</strong>.</li> <li>A dedicated <strong>Frequently Asked Questions</strong> view that your customers can use as a self-help space.</li> <li>A place where you can promote your products in the form of beautifully designed <strong>Product Cards</strong>.</li> </ul> <h2><strong>Add OpenWidget to your Shopify store</strong></h2> <ul> <li>First, <strong>log in to</strong> your Shopify store and open the <strong>Online Store</strong> sales channel.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/a2dfd89164-cf54df709665b2ec7544.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>You will be taken to the <strong>Themes</strong> section. Click on the <strong>More</strong> button.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/8360aa6159-49e80ad0e0beff24bbbe.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>Now, click on the <strong>Edit code </strong>button.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/4a47f30f4e-24dbb5cf586fc2d64f8f.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>The <strong>Theme editor</strong> may look scary but don't worry! All you have to do is <strong>choose theme.liquid</strong> which is available on the top left section of the editor.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/4a29084fb1-fb835b4539622b69344c.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>Before making any changes, the good practice would be to <strong>make a copy of the theme.liquid</strong>. Once this is done, copy your OpenWidget snippet from the OpenWidget's <a href="https://app.openwidget.com/configurator/code-snippet" target="_blank"><strong>Add to website</strong></a><strong> </strong>section and paste it right before closing the </body> tag of theme.liquid.</li> </ul> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/52118ac43a-79996a9ce8dcce77a671.png" alt="undefined" style="float:none;height: undefined;width: undefined"/> <ul> <li>All that is left is to click on the <strong>Save </strong>button.</li> </ul> <p>And that's it! OpenWidget is now added to your website, ensuring that <strong>none of your customers' questions will go unanswered.</strong></p> <img src="https://cdn.livechat-static.com/api/file/kb/file/14613522/f54e60fdd4-177bebc9404958177e3c.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 Shopify, you can create an intuitive e-commerce platform to sell online and create a retail point-of-sale system. And now you can \u003cstrong\u003eenhance it by providing better customer support \u003c/strong\u003ewith\u003cstrong\u003e OpenWidget!\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eWhat do you get?\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAn option to \u003cstrong\u003etalk with your customers\u003c/strong\u003e via an easy-to-configure \u003cstrong\u003eContact Form\u003c/strong\u003e.\u003c/li\u003e\n\u003cli\u003eA dedicated \u003cstrong\u003eFrequently Asked Questions\u003c/strong\u003e view that your customers can use as a self-help space.\u003c/li\u003e\n\u003cli\u003eA place where you can promote your products in the form of beautifully designed \u003cstrong\u003eProduct Cards\u003c/strong\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eAdd OpenWidget to your Shopify store\u003c/strong\u003e\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFirst, \u003cstrong\u003elog in to\u003c/strong\u003e your Shopify store and open the \u003cstrong\u003eOnline Store\u003c/strong\u003e sales channel.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/a2dfd89164-cf54df709665b2ec7544.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eYou will be taken to the \u003cstrong\u003eThemes\u003c/strong\u003e section. Click on the \u003cstrong\u003eMore\u003c/strong\u003e button.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/8360aa6159-49e80ad0e0beff24bbbe.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eNow, click on the \u003cstrong\u003eEdit code \u003c/strong\u003ebutton.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/4a47f30f4e-24dbb5cf586fc2d64f8f.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eThe \u003cstrong\u003eTheme editor\u003c/strong\u003e may look scary but don't worry! All you have to do is \u003cstrong\u003echoose theme.liquid\u003c/strong\u003e which is available on the top left section of the editor.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/4a29084fb1-fb835b4539622b69344c.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eBefore making any changes, the good practice would be to \u003cstrong\u003emake a copy of the theme.liquid\u003c/strong\u003e. Once this is done, copy your OpenWidget snippet 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\u003cstrong\u003e \u003c/strong\u003esection and paste it right before closing the \u0026lt;/body\u0026gt; tag of theme.liquid.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/52118ac43a-79996a9ce8dcce77a671.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cul\u003e\n\u003cli\u003eAll that is left is to click on the \u003cstrong\u003eSave \u003c/strong\u003ebutton.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eAnd that's it! OpenWidget is now added to your website, ensuring that \u003cstrong\u003enone of your customers' questions will go unanswered.\u003c/strong\u003e\u003c/p\u003e\n\u003cimg src=\"https://cdn.livechat-static.com/api/file/kb/file/14613522/f54e60fdd4-177bebc9404958177e3c.png\" alt=\"undefined\" style=\"float:none;height: undefined;width: undefined\"/\u003e\n\u003cp\u003e\u003c/p\u003e\n","slug":"shopify-add-openwidget-to-your-store","plainText":"With Shopify, you can create an intuitive e-commerce platform to sell online and create a retail point-of-sale system. And now you can enhance it by providing better customer support with OpenWidget!\nWhat do you get?\nAn option to talk with your customers via an easy-to-configure Contact Form.\nA dedicated Frequently Asked Questions view that your customers can use as a self-help space.\nA place where you can promote your products in the form of beautifully designed Product Cards.\nAdd OpenWidget to your Shopify store\nFirst, log in to your Shopify store and open the Online Store sales channel.\n \nYou will be taken to the Themes section. Click on the More button.\n \nNow, click on the Edit code button.\n \nThe Theme editor may look scary but don't worry! All you have to do is choose theme.liquid which is available on the top left section of the editor.\n \nBefore making any changes, the good practice would be to make a copy of the theme.liquid. Once this is done, copy your OpenWidget snippet from the OpenWidget's Add to website section and paste it right before closing the \u003c/body\u003e tag of theme.liquid.\n \nAll that is left is to click on the Save button.\nAnd that's it! OpenWidget is now added to your website, ensuring that none of your customers' questions will go unanswered.\n \n","title":"Shopify: add OpenWidget to your store!","id":"63cfe4127db53f068df77c7c","topicId":"63cfe4127db53f068df77c70","updatedAt":1697531074125,"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":"shopify-add-openwidget-to-your-store"},"buildId":"zZq5EPBZoM4NaZFW7vonw","isFallback":false,"gsp":true,"appGip":true,"scriptLoader":[]}</script></body></html>