CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><title data-next-head="">Installing Widgets - Shopify 2.0 | REVIEWS.io Support Centre</title><meta property="og:title" content="Installing Widgets - Shopify 2.0 | REVIEWS.io Support Centre" data-next-head=""/><meta name="twitter:title" content="Installing Widgets - Shopify 2.0 | REVIEWS.io Support Centre" data-next-head=""/><meta property="og:description" content="Use App Embeds to install our widgets" data-next-head=""/><meta name="twitter:description" content="Use App Embeds to install our widgets" data-next-head=""/><meta name="description" content="Use App Embeds to install our widgets" data-next-head=""/><meta property="og:type" content="article" data-next-head=""/><meta property="og:image" content="https://downloads.intercomcdn.com/i/o/483675/cb129091e6a66ea43ad89641/e08bdedbb04218585974822215c8179e.jpg" data-next-head=""/><meta property="twitter:image" content="https://downloads.intercomcdn.com/i/o/483675/cb129091e6a66ea43ad89641/e08bdedbb04218585974822215c8179e.jpg" data-next-head=""/><meta name="robots" content="all" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1" data-next-head=""/><link href="https://intercom.help/reviews-io/assets/favicon" rel="icon" data-next-head=""/><link rel="canonical" href="https://support.reviews.io/en/articles/9184837-installing-widgets-shopify-2-0" data-next-head=""/><link rel="alternate" href="http://support.reviews.io/en/articles/9184837-installing-widgets-shopify-2-0" hrefLang="en" data-next-head=""/><link rel="alternate" href="http://support.reviews.io/en/articles/9184837-installing-widgets-shopify-2-0" hrefLang="x-default" data-next-head=""/><link nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" rel="preload" href="https://static.intercomassets.com/_next/static/css/02742ed7dc6dee08.css" as="style"/><link nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" rel="stylesheet" href="https://static.intercomassets.com/_next/static/css/02742ed7dc6dee08.css" data-n-g=""/><noscript data-n-css="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg="></noscript><script defer="" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" nomodule="" src="https://static.intercomassets.com/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script defer="" src="https://static.intercomassets.com/_next/static/chunks/9807.06bd1120513ccdff.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg="></script><script src="https://static.intercomassets.com/_next/static/chunks/webpack-914670f3d197b0ac.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/framework-c2b23989aabf8846.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/main-f1052d0773c47c55.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/pages/_app-f6eb1f03c2a77808.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/da8cbcf2-515374c1b53e94b9.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/7833-842ba55e661d0800.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/8277-93597e4349e635c0.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/639-4cba3a85bc80cea4.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/2266-6ece4d4ecd5a090f.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/6408-1b0e182947803382.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/chunks/pages/%5BhelpCenterIdentifier%5D/%5Blocale%5D/articles/%5BarticleSlug%5D-f23178055b57ca92.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/pBE9iWbiWcYTeTlBTemWk/_buildManifest.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><script src="https://static.intercomassets.com/_next/static/pBE9iWbiWcYTeTlBTemWk/_ssgManifest.js" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=" defer=""></script><meta name="sentry-trace" content="ceb9bb871b4992822c508df3f12a698c-99c5fb8894ba0b6b-0"/><meta name="baggage" content="sentry-environment=production,sentry-release=pBE9iWbiWcYTeTlBTemWk,sentry-public_key=187f842308a64dea9f1f64d4b1b9c298,sentry-trace_id=ceb9bb871b4992822c508df3f12a698c,sentry-sampled=false"/><style id="__jsx-2605635027">:root{--body-bg: rgb(255, 255, 255); --body-image: none; --body-bg-rgb: 255, 255, 255; --body-border: rgb(230, 230, 230); --body-primary-color: #1a1a1a; --body-secondary-color: #737373; --body-reaction-bg: rgb(242, 242, 242); --body-reaction-text-color: rgb(64, 64, 64); --body-toc-active-border: #737373; --body-toc-inactive-border: #f2f2f2; --body-toc-inactive-color: #737373; --body-toc-active-font-weight: 400; --body-table-border: rgb(204, 204, 204); --body-color: hsl(0, 0%, 0%); --footer-bg: rgb(0, 0, 0); --footer-image: none; --footer-border: rgb(51, 51, 51); --footer-color: hsl(211, 10%, 61%); --header-bg: rgb(14, 19, 17); --header-image: none; --header-color: hsl(0, 0%, 100%); --collection-card-bg: rgb(255, 255, 255); --collection-card-image: none; --collection-card-color: hsl(0, 0%, 0%); --card-bg: rgb(255, 255, 255); --card-border-color: rgb(230, 230, 230); --card-border-inner-radius: 6px; --card-border-radius: 8px; --card-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --search-bar-border-radius: 10px; --search-bar-width: 100%; --ticket-blue-bg-color: #dce1f9; --ticket-blue-text-color: #334bfa; --ticket-green-bg-color: #d7efdc; --ticket-green-text-color: #0f7134; --ticket-orange-bg-color: #ffebdb; --ticket-orange-text-color: #b24d00; --header-height: 245px; --header-subheader-background-color: #000000; --header-subheader-font-color: #FFFFFF; --content-block-bg: rgb(255, 255, 255); --content-block-image: none; --content-block-color: hsl(0, 0%, 10%); --content-block-button-bg: rgb(51, 75, 250); --content-block-button-image: none; --content-block-button-color: hsl(0, 0%, 100%); --content-block-button-radius: 6px; --primary-color: hsl(156, 15%, 6%); --primary-color-alpha-10: hsla(156, 15%, 6%, 0.1); --primary-color-alpha-60: hsla(156, 15%, 6%, 0.6); --text-on-primary-color: #ffffff}</style><style id="__jsx-2094555375">:root{--font-family-primary: system-ui, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}</style><style id="__jsx-2605255833">:root{--font-family-secondary: system-ui, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}</style><style id="__jsx-73269029ea53bf4f">.fade-background.jsx-73269029ea53bf4f{background:-webkit-radial-gradient(50%0%,333.38%100%,rgba(var(--body-bg-rgb),0)0%,rgba(var(--body-bg-rgb),.00925356)11.67%,rgba(var(--body-bg-rgb),.0337355)21.17%,rgba(var(--body-bg-rgb),.0718242)28.85%,rgba(var(--body-bg-rgb),.121898)35.03%,rgba(var(--body-bg-rgb),.182336)40.05%,rgba(var(--body-bg-rgb),.251516)44.25%,rgba(var(--body-bg-rgb),.327818)47.96%,rgba(var(--body-bg-rgb),.409618)51.51%,rgba(var(--body-bg-rgb),.495297)55.23%,rgba(var(--body-bg-rgb),.583232)59.47%,rgba(var(--body-bg-rgb),.671801)64.55%,rgba(var(--body-bg-rgb),.759385)70.81%,rgba(var(--body-bg-rgb),.84436)78.58%,rgba(var(--body-bg-rgb),.9551)88.2%,rgba(var(--body-bg-rgb),1)100%),var(--header-image),var(--header-bg);background:-moz-radial-gradient(50%0%,333.38%100%,rgba(var(--body-bg-rgb),0)0%,rgba(var(--body-bg-rgb),.00925356)11.67%,rgba(var(--body-bg-rgb),.0337355)21.17%,rgba(var(--body-bg-rgb),.0718242)28.85%,rgba(var(--body-bg-rgb),.121898)35.03%,rgba(var(--body-bg-rgb),.182336)40.05%,rgba(var(--body-bg-rgb),.251516)44.25%,rgba(var(--body-bg-rgb),.327818)47.96%,rgba(var(--body-bg-rgb),.409618)51.51%,rgba(var(--body-bg-rgb),.495297)55.23%,rgba(var(--body-bg-rgb),.583232)59.47%,rgba(var(--body-bg-rgb),.671801)64.55%,rgba(var(--body-bg-rgb),.759385)70.81%,rgba(var(--body-bg-rgb),.84436)78.58%,rgba(var(--body-bg-rgb),.9551)88.2%,rgba(var(--body-bg-rgb),1)100%),var(--header-image),var(--header-bg);background:-o-radial-gradient(50%0%,333.38%100%,rgba(var(--body-bg-rgb),0)0%,rgba(var(--body-bg-rgb),.00925356)11.67%,rgba(var(--body-bg-rgb),.0337355)21.17%,rgba(var(--body-bg-rgb),.0718242)28.85%,rgba(var(--body-bg-rgb),.121898)35.03%,rgba(var(--body-bg-rgb),.182336)40.05%,rgba(var(--body-bg-rgb),.251516)44.25%,rgba(var(--body-bg-rgb),.327818)47.96%,rgba(var(--body-bg-rgb),.409618)51.51%,rgba(var(--body-bg-rgb),.495297)55.23%,rgba(var(--body-bg-rgb),.583232)59.47%,rgba(var(--body-bg-rgb),.671801)64.55%,rgba(var(--body-bg-rgb),.759385)70.81%,rgba(var(--body-bg-rgb),.84436)78.58%,rgba(var(--body-bg-rgb),.9551)88.2%,rgba(var(--body-bg-rgb),1)100%),var(--header-image),var(--header-bg);background:radial-gradient(333.38%100%at 50%0%,rgba(var(--body-bg-rgb),0)0%,rgba(var(--body-bg-rgb),.00925356)11.67%,rgba(var(--body-bg-rgb),.0337355)21.17%,rgba(var(--body-bg-rgb),.0718242)28.85%,rgba(var(--body-bg-rgb),.121898)35.03%,rgba(var(--body-bg-rgb),.182336)40.05%,rgba(var(--body-bg-rgb),.251516)44.25%,rgba(var(--body-bg-rgb),.327818)47.96%,rgba(var(--body-bg-rgb),.409618)51.51%,rgba(var(--body-bg-rgb),.495297)55.23%,rgba(var(--body-bg-rgb),.583232)59.47%,rgba(var(--body-bg-rgb),.671801)64.55%,rgba(var(--body-bg-rgb),.759385)70.81%,rgba(var(--body-bg-rgb),.84436)78.58%,rgba(var(--body-bg-rgb),.9551)88.2%,rgba(var(--body-bg-rgb),1)100%),var(--header-image),var(--header-bg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position-x:center}</style><style id="__jsx-27f84a20f81f6ce9">.table-of-contents::-webkit-scrollbar{width:8px}.table-of-contents::-webkit-scrollbar-thumb{background-color:#f2f2f2;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}</style><style id="__jsx-a49d9ef8a9865a27">.table_of_contents.jsx-a49d9ef8a9865a27{max-width:260px;min-width:260px}</style><style id="__jsx-62724fba150252e0">.related_articles section a{color:initial}</style><style id="__jsx-ef86202475c6562f">.article_body a{color:var(--primary-color)}article a.intercom-h2b-button{background-color:var(--primary-color);border:0}.zendesk-article table{overflow-x:scroll!important;display:block!important;height:auto!important}.intercom-interblocks-unordered-nested-list ul,.intercom-interblocks-ordered-nested-list ol{margin-top:16px;margin-bottom:16px}.intercom-interblocks-unordered-nested-list ul .intercom-interblocks-unordered-nested-list ul,.intercom-interblocks-unordered-nested-list ul .intercom-interblocks-ordered-nested-list ol,.intercom-interblocks-ordered-nested-list ol .intercom-interblocks-ordered-nested-list ol,.intercom-interblocks-ordered-nested-list ol .intercom-interblocks-unordered-nested-list ul{margin-top:0;margin-bottom:0}.intercom-interblocks-image a:focus{outline-offset:3px}</style></head><body><div id="__next"><div dir="ltr" class="h-full w-full"><a href="#main-content" class="sr-only">Skip to main content</a><main class="header__lite"><header id="header" data-testid="header" class="jsx-73269029ea53bf4f flex flex-col text-header-color"><div class="jsx-73269029ea53bf4f relative flex grow flex-col mb-9 bg-header-bg bg-header-image bg-cover bg-center pb-9"><div class="jsx-73269029ea53bf4f flex h-full flex-col items-center marker:shrink-0"><section class="relative flex w-full flex-col mb-6 pb-6"><div class="header__meta_wrapper flex justify-center px-5 pt-6 leading-none sm:px-10"><div class="flex items-center w-240" data-testid="subheader-container"><div class="mo__body header__site_name"><div class="header__logo"><a href="/en/"><img src="https://downloads.intercomcdn.com/i/o/483673/8d7c01aedf2a1d43fd1ec660/7d117de2d5a0420394174dc515b84d35.png" height="87" alt="REVIEWS.io Support Centre"/></a></div></div><div><div class="flex items-center font-semibold"><div class="flex items-center md:hidden" data-testid="small-screen-children"><button class="flex items-center border-none bg-transparent px-1.5" data-testid="hamburger-menu-button" aria-label="Open menu"><svg width="24" height="24" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="fill-current"><path d="M1.86861 2C1.38889 2 1 2.3806 1 2.85008C1 3.31957 1.38889 3.70017 1.86861 3.70017H14.1314C14.6111 3.70017 15 3.31957 15 2.85008C15 2.3806 14.6111 2 14.1314 2H1.86861Z"></path><path d="M1 8C1 7.53051 1.38889 7.14992 1.86861 7.14992H14.1314C14.6111 7.14992 15 7.53051 15 8C15 8.46949 14.6111 8.85008 14.1314 8.85008H1.86861C1.38889 8.85008 1 8.46949 1 8Z"></path><path d="M1 13.1499C1 12.6804 1.38889 12.2998 1.86861 12.2998H14.1314C14.6111 12.2998 15 12.6804 15 13.1499C15 13.6194 14.6111 14 14.1314 14H1.86861C1.38889 14 1 13.6194 1 13.1499Z"></path></svg></button><div class="fixed right-0 top-0 z-50 h-full w-full hidden" data-testid="hamburger-menu"><div class="flex h-full w-full justify-end bg-black bg-opacity-30"><div class="flex h-fit w-full flex-col bg-white opacity-100 sm:h-full sm:w-1/2"><button class="text-body-font flex items-center self-end border-none bg-transparent pr-6 pt-6" data-testid="hamburger-menu-close-button" aria-label="Close menu"><svg width="24" height="24" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M3.5097 3.5097C3.84165 3.17776 4.37984 3.17776 4.71178 3.5097L7.99983 6.79775L11.2879 3.5097C11.6198 3.17776 12.158 3.17776 12.49 3.5097C12.8219 3.84165 12.8219 4.37984 12.49 4.71178L9.20191 7.99983L12.49 11.2879C12.8219 11.6198 12.8219 12.158 12.49 12.49C12.158 12.8219 11.6198 12.8219 11.2879 12.49L7.99983 9.20191L4.71178 12.49C4.37984 12.8219 3.84165 12.8219 3.5097 12.49C3.17776 12.158 3.17776 11.6198 3.5097 11.2879L6.79775 7.99983L3.5097 4.71178C3.17776 4.37984 3.17776 3.84165 3.5097 3.5097Z"></path></svg></button><nav class="flex flex-col pl-4 text-black"><a target="_blank" rel="noopener noreferrer" href="https://www.reviews.io/business-solutions" class="mx-5 mb-5 text-md no-underline hover:opacity-80 md:mx-3 md:my-0 md:text-base" data-testid="header-link-0">Visit REVIEWS.io</a><div class="relative cursor-pointer has-[:focus]:outline"><select class="peer absolute z-10 block h-6 w-full cursor-pointer opacity-0 md:text-base"><option value="/en/articles/9184837-installing-widgets-shopify-2-0" class="text-black" selected="">English</option>;</select><div class="mb-10 ml-5 flex items-center gap-1 text-md hover:opacity-80 peer-hover:opacity-80 md:m-0 md:ml-3 md:text-base"><svg id="locale-picker-globe" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true"><path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 15C9.39949 15 10.534 11.866 10.534 8C10.534 4.13401 9.39949 1 8 1C6.60051 1 5.466 4.13401 5.466 8C5.466 11.866 6.60051 15 8 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.448 5.75989H14.524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.448 10.2402H14.524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>English<svg id="locale-picker-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-label="Change language" role="button"><path d="M5 6.5L8.00093 9.5L11 6.50187" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"></path></svg></div></div></nav></div></div></div></div><nav class="hidden items-center md:flex" data-testid="large-screen-children"><a target="_blank" rel="noopener noreferrer" href="https://www.reviews.io/business-solutions" class="mx-5 mb-5 text-md no-underline hover:opacity-80 md:mx-3 md:my-0 md:text-base" data-testid="header-link-0">Visit REVIEWS.io</a><div class="relative cursor-pointer has-[:focus]:outline"><select class="peer absolute z-10 block h-6 w-full cursor-pointer opacity-0 md:text-base"><option value="/en/articles/9184837-installing-widgets-shopify-2-0" class="text-black" selected="">English</option>;</select><div class="mb-10 ml-5 flex items-center gap-1 text-md hover:opacity-80 peer-hover:opacity-80 md:m-0 md:ml-3 md:text-base"><svg id="locale-picker-globe" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true"><path d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 15C9.39949 15 10.534 11.866 10.534 8C10.534 4.13401 9.39949 1 8 1C6.60051 1 5.466 4.13401 5.466 8C5.466 11.866 6.60051 15 8 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.448 5.75989H14.524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.448 10.2402H14.524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>English<svg id="locale-picker-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-label="Change language" role="button"><path d="M5 6.5L8.00093 9.5L11 6.50187" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"></path></svg></div></div></nav></div></div></div></div></section><section class="relative mx-5 flex h-full w-full flex-col items-center px-5 sm:px-10"><div class="flex h-full max-w-full flex-col w-240 justify-end" data-testid="main-header-container"><div id="search-bar" class="relative w-full"><form action="/en/" autoComplete="off"><div class="flex w-full flex-col items-start"><div class="relative flex w-full sm:w-search-bar"><input type="text" autoComplete="off" class="peer w-full rounded-search-bar border border-black-alpha-8 bg-white-alpha-20 p-4 ps-12 font-secondary text-lg text-header-color shadow-search-bar outline-none transition ease-linear placeholder:text-header-color hover:bg-white-alpha-27 hover:shadow-search-bar-hover focus:border-transparent focus:bg-white focus:text-black-10 focus:shadow-search-bar-focused placeholder:focus:text-black-45" placeholder="Search for articles..." name="q" value=""/><div class="pointer-events-none absolute inset-y-0 start-0 flex items-center fill-header-color ps-5 peer-focus-visible:fill-black-45"><svg width="22" height="21" viewBox="0 0 22 21" xmlns="http://www.w3.org/2000/svg" class="fill-inherit" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.27485 8.7001C3.27485 5.42781 5.92757 2.7751 9.19985 2.7751C12.4721 2.7751 15.1249 5.42781 15.1249 8.7001C15.1249 11.9724 12.4721 14.6251 9.19985 14.6251C5.92757 14.6251 3.27485 11.9724 3.27485 8.7001ZM9.19985 0.225098C4.51924 0.225098 0.724854 4.01948 0.724854 8.7001C0.724854 13.3807 4.51924 17.1751 9.19985 17.1751C11.0802 17.1751 12.8176 16.5627 14.2234 15.5265L19.0981 20.4013C19.5961 20.8992 20.4033 20.8992 20.9013 20.4013C21.3992 19.9033 21.3992 19.0961 20.9013 18.5981L16.0264 13.7233C17.0625 12.3176 17.6749 10.5804 17.6749 8.7001C17.6749 4.01948 13.8805 0.225098 9.19985 0.225098Z"></path></svg></div></div></div></form></div></div></section></div></div></header><div class="z-1 flex shrink-0 grow basis-auto justify-center px-5 sm:px-10"><section data-testid="main-content" id="main-content" class="max-w-full w-240"><section data-testid="article-section" class="section section__article"><div class="flex-row-reverse justify-between flex"><div class="jsx-a49d9ef8a9865a27 w-61 sticky top-8 ml-7 max-w-61 self-start max-lg:hidden mt-16"><div class="jsx-27f84a20f81f6ce9 table-of-contents max-h-[calc(100vh-96px)] overflow-y-auto rounded-2xl text-body-primary-color hover:text-primary max-lg:border max-lg:border-solid max-lg:border-body-border max-lg:shadow-solid-1"><div data-testid="toc-dropdown" class="jsx-27f84a20f81f6ce9 hidden cursor-pointer justify-between border-b max-lg:flex max-lg:flex-row max-lg:border-x-0 max-lg:border-t-0 max-lg:border-solid max-lg:border-b-body-border"><div class="jsx-27f84a20f81f6ce9 my-2 max-lg:pl-4">Table of contents</div><div class="jsx-27f84a20f81f6ce9 "><svg class="ml-2 mr-4 mt-3 transition-transform" transform="rotate(180)" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.93353 5.93451C4.24595 5.62209 4.75248 5.62209 5.0649 5.93451L7.99922 8.86882L10.9335 5.93451C11.246 5.62209 11.7525 5.62209 12.0649 5.93451C12.3773 6.24693 12.3773 6.75346 12.0649 7.06588L8.5649 10.5659C8.25249 10.8783 7.74595 10.8783 7.43353 10.5659L3.93353 7.06588C3.62111 6.75346 3.62111 6.24693 3.93353 5.93451Z" fill="currentColor"></path></svg></div></div><div data-testid="toc-body" class="jsx-27f84a20f81f6ce9 my-2"><section data-testid="toc-section-0" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none border-body-toc-active-border px-4"><a id="#h_1fdc904434" href="#h_1fdc904434" data-testid="toc-link-0" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base font-toc-active text-body-primary-color"></a></section><section data-testid="toc-section-1" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-4"><a id="#h_58ef9c1dae" href="#h_58ef9c1dae" data-testid="toc-link-1" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section><section data-testid="toc-section-2" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-4"><a id="#h_731e3cf5f9" href="#h_731e3cf5f9" data-testid="toc-link-2" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section><section data-testid="toc-section-3" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-7"><a id="#h_76e8d0e19c" href="#h_76e8d0e19c" data-testid="toc-link-3" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section><section data-testid="toc-section-4" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-7"><a id="#h_be354ff241" href="#h_be354ff241" data-testid="toc-link-4" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section></div></div></div><div class="relative z-3 w-full lg:max-w-160 "><div class="flex pb-6 max-md:pb-2 lg:max-w-160"><div class="flex flex-wrap items-baseline pb-4 text-base"><a href="/en/" class="pr-2 text-body-primary-color no-underline hover:text-body-secondary-color">All Collections</a><div class="pr-2" aria-hidden="true"><svg width="6" height="10" viewBox="0 0 6 10" class="block h-2 w-2 fill-body-secondary-color rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.648862 0.898862C0.316916 1.23081 0.316916 1.769 0.648862 2.10094L3.54782 4.9999L0.648862 7.89886C0.316916 8.23081 0.316917 8.769 0.648862 9.10094C0.980808 9.43289 1.519 9.43289 1.85094 9.10094L5.35094 5.60094C5.68289 5.269 5.68289 4.73081 5.35094 4.39886L1.85094 0.898862C1.519 0.566916 0.980807 0.566916 0.648862 0.898862Z"></path></svg></div><a href="http://support.reviews.io/en/collections/9162960-integrations" class="pr-2 text-body-primary-color no-underline hover:text-body-secondary-color" data-testid="breadcrumb-0">Integrations</a><div class="pr-2" aria-hidden="true"><svg width="6" height="10" viewBox="0 0 6 10" class="block h-2 w-2 fill-body-secondary-color rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.648862 0.898862C0.316916 1.23081 0.316916 1.769 0.648862 2.10094L3.54782 4.9999L0.648862 7.89886C0.316916 8.23081 0.316917 8.769 0.648862 9.10094C0.980808 9.43289 1.519 9.43289 1.85094 9.10094L5.35094 5.60094C5.68289 5.269 5.68289 4.73081 5.35094 4.39886L1.85094 0.898862C1.519 0.566916 0.980807 0.566916 0.648862 0.898862Z"></path></svg></div><a href="http://support.reviews.io/en/collections/9162961-shopify" class="pr-2 text-body-primary-color no-underline hover:text-body-secondary-color" data-testid="breadcrumb-1">Shopify</a><div class="pr-2" aria-hidden="true"><svg width="6" height="10" viewBox="0 0 6 10" class="block h-2 w-2 fill-body-secondary-color rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.648862 0.898862C0.316916 1.23081 0.316916 1.769 0.648862 2.10094L3.54782 4.9999L0.648862 7.89886C0.316916 8.23081 0.316917 8.769 0.648862 9.10094C0.980808 9.43289 1.519 9.43289 1.85094 9.10094L5.35094 5.60094C5.68289 5.269 5.68289 4.73081 5.35094 4.39886L1.85094 0.898862C1.519 0.566916 0.980807 0.566916 0.648862 0.898862Z"></path></svg></div><div class="text-body-secondary-color">Installing Widgets - Shopify 2.0</div></div></div><div class=""><div class="article intercom-force-break"><div class="mb-10 max-lg:mb-6"><div class="flex flex-col gap-4"><div class="flex flex-col"><header class="mb-1 font-primary text-2xl font-bold leading-10 text-body-primary-color">Installing Widgets - Shopify 2.0</header><div class="text-md font-normal leading-normal text-body-secondary-color"><p>Use App Embeds to install our widgets</p></div></div><div class="avatar"><div class="avatar__photo"><img width="24" height="24" src="https://static.intercomassets.com/avatars/5408590/square_128/Avatar-1708945957.png" alt="Kai Jensen avatar" class="inline-flex items-center justify-center rounded-full bg-primary text-lg font-bold leading-6 text-primary-text shadow-solid-2 shadow-body-bg [&:nth-child(n+2)]:hidden lg:[&:nth-child(n+2)]:inline-flex h-8 w-8 sm:h-9 sm:w-9"/></div><div class="avatar__info -mt-0.5 text-base"><span class="text-body-secondary-color"><div>Written by <span>Kai Jensen</span></div> <!-- -->Updated over 3 months ago</span></div></div></div></div><div class="jsx-ef86202475c6562f flex-col"><div class="jsx-ef86202475c6562f mb-7 ml-0 text-md max-messenger:mb-6 lg:hidden"><div class="jsx-27f84a20f81f6ce9 table-of-contents max-h-[calc(100vh-96px)] overflow-y-auto rounded-2xl text-body-primary-color hover:text-primary max-lg:border max-lg:border-solid max-lg:border-body-border max-lg:shadow-solid-1"><div data-testid="toc-dropdown" class="jsx-27f84a20f81f6ce9 hidden cursor-pointer justify-between border-b max-lg:flex max-lg:flex-row max-lg:border-x-0 max-lg:border-t-0 max-lg:border-solid max-lg:border-b-body-border border-b-0"><div class="jsx-27f84a20f81f6ce9 my-2 max-lg:pl-4">Table of contents</div><div class="jsx-27f84a20f81f6ce9 "><svg class="ml-2 mr-4 mt-3 transition-transform" transform="" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.93353 5.93451C4.24595 5.62209 4.75248 5.62209 5.0649 5.93451L7.99922 8.86882L10.9335 5.93451C11.246 5.62209 11.7525 5.62209 12.0649 5.93451C12.3773 6.24693 12.3773 6.75346 12.0649 7.06588L8.5649 10.5659C8.25249 10.8783 7.74595 10.8783 7.43353 10.5659L3.93353 7.06588C3.62111 6.75346 3.62111 6.24693 3.93353 5.93451Z" fill="currentColor"></path></svg></div></div><div data-testid="toc-body" class="jsx-27f84a20f81f6ce9 hidden my-2"><section data-testid="toc-section-0" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none border-body-toc-active-border px-4"><a id="#h_1fdc904434" href="#h_1fdc904434" data-testid="toc-link-0" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base font-toc-active text-body-primary-color"></a></section><section data-testid="toc-section-1" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-4"><a id="#h_58ef9c1dae" href="#h_58ef9c1dae" data-testid="toc-link-1" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section><section data-testid="toc-section-2" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-4"><a id="#h_731e3cf5f9" href="#h_731e3cf5f9" data-testid="toc-link-2" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section><section data-testid="toc-section-3" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-7"><a id="#h_76e8d0e19c" href="#h_76e8d0e19c" data-testid="toc-link-3" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section><section data-testid="toc-section-4" class="jsx-27f84a20f81f6ce9 flex border-y-0 border-e-0 border-s-2 border-solid py-1.5 max-lg:border-none px-7"><a id="#h_be354ff241" href="#h_be354ff241" data-testid="toc-link-4" class="jsx-27f84a20f81f6ce9 w-full no-underline hover:text-body-primary-color max-lg:inline-block max-lg:text-body-primary-color max-lg:hover:text-primary lg:text-base text-body-toc-inactive-color"></a></section></div></div></div><div class="jsx-ef86202475c6562f article_body"><article class="jsx-ef86202475c6562f "><div class="intercom-interblocks-callout" style="background-color:#e3e7fa80;border-color:#334bfa33"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>If you have a Shopify 2.0 Theme, you are able to use the App Embeds to drag and drop the widgets onto your site, without needing to know how to code.</p></div></div><div class="intercom-interblocks-horizontal-rule"><hr/></div><div class="intercom-interblocks-heading intercom-interblocks-align-left"><h1 id="h_1fdc904434">Requirements</h1></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>⭐️ Available on <b>all</b> of our plans</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-horizontal-rule"><hr/></div><div class="intercom-interblocks-heading intercom-interblocks-align-left"><h1 id="h_58ef9c1dae">Navigation 📍</h1></div><div class="intercom-interblocks-unordered-nested-list"><ul><li><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>In REVIEWS.IO, navigate to <b>Integrations</b></p></div></li></ul></div><div class="intercom-interblocks-unordered-nested-list"><ul><li><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>Navigate to <b><a href="https://dash.reviews.io/platforms/shopify" rel="nofollow noopener noreferrer" target="_blank">Shopify</a></b></p></div></li></ul></div><div class="intercom-interblocks-horizontal-rule"><hr/></div><div class="intercom-interblocks-heading intercom-interblocks-align-left"><h1 id="h_731e3cf5f9">Instructions ⚙️</h1></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>There are two steps to getting the widgets installed on a 2.0 theme. The first is to enable the relevant app embeds, & then you will need to add this onto the theme.</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading intercom-interblocks-align-left"><h2 id="h_76e8d0e19c">Step 1: Enable App Embeds</h2></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_b6ee8eb86c">Core Snippet</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► The Core Snippet is required to make sure that the widgets work on your page. This provides all of the widgets with your Store ID to work as intended ⚙️</p></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>⚠️ Your store ID can be found on the Shopify Integrations page, as shown below 👇</b></p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>Navigate to your REVIEWS.IO dashboard ▶️ Integrations ▶️ Shopify</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805505204/53c9a3c6706913a1db517407/gif2+%281%29.gif?expires=1732891500&signature=32f37da476e72b52106020bb3572fd7d40f0dca3d45361f654452d6178e895e7&req=fCAiE8l7n4FbFb4f3HP0gM31%2BIvJIB0pepNZy4H998BO4rew4I2ZVXX627BQ%0AfYpovxOYi4ZjFAW1Vg%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805505204/53c9a3c6706913a1db517407/gif2+%281%29.gif?expires=1732891500&signature=32f37da476e72b52106020bb3572fd7d40f0dca3d45361f654452d6178e895e7&req=fCAiE8l7n4FbFb4f3HP0gM31%2BIvJIB0pepNZy4H998BO4rew4I2ZVXX627BQ%0AfYpovxOYi4ZjFAW1Vg%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>As shown below, here you will find your Store ID. This will be unique to your Store and the below is just an example!</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805505571/0adf008b9a3d58b37b325741/gif1.gif?expires=1732891500&signature=fc12f173e5b35f604fa79a01520e176acaa2a0acb40b6b0613c5bbc95c258f8a&req=fCAiE8l7mIZeFb4f3HP0gMAh2Aa90lflsLvyFUt4JutCPUdM840bZauuODxQ%0A7ojNZGxfKdFgBoAgyg%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805505571/0adf008b9a3d58b37b325741/gif1.gif?expires=1732891500&signature=fc12f173e5b35f604fa79a01520e176acaa2a0acb40b6b0613c5bbc95c258f8a&req=fCAiE8l7mIZeFb4f3HP0gMAh2Aa90lflsLvyFUt4JutCPUdM840bZauuODxQ%0A7ojNZGxfKdFgBoAgyg%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► Copy the code and press "Enable Core Snippet" this will direct you to your live Shopify theme, so you can enable this.</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► If you are working on a draft theme, you can also find the Core Snippet by going to App Embeds within the Shopify theme customiser.</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► You then need to enable the Core Snippet & enter your Store ID. This also allows you to set the language for your widgets. By default, your Store ID will be set to REVIEWS.IO - this <b>NEEDS</b> to be changed to <b>YOUR</b> store ID!</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805507321/2c74537d7d4507a6ca46fd41/gif3+%281%29.gif?expires=1732891500&signature=c17088a05cf118c86552e7867183ecb62301ba4673a59cc4ba6b7e7813aa6fe0&req=fCAiE8l5noNeFb4f3HP0gJUXe11rqSpkT0nzM5k21Sqtffkq7X0ZILS1zXMj%0AUE0yfUukvqz8Vbb7Xg%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805507321/2c74537d7d4507a6ca46fd41/gif3+%281%29.gif?expires=1732891500&signature=c17088a05cf118c86552e7867183ecb62301ba4673a59cc4ba6b7e7813aa6fe0&req=fCAiE8l5noNeFb4f3HP0gJUXe11rqSpkT0nzM5k21Sqtffkq7X0ZILS1zXMj%0AUE0yfUukvqz8Vbb7Xg%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>You've completed the first step to displaying widgets on site and you'll now need to follow the next steps for specific widgets! 👇</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_cfb1e18954">Rating Snippet</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>Within the App Embeds section, you can enable the rating snippet ⭐️</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>🗣 Here you can define how the stars will show up on the page. You can change the colour, text, what happens when the customer clicks on the stars & if the rating is visible when there are no reviews for the product 🎨</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805442574/9de355286376b0bbcce8c8f5/gif3.gif?expires=1732891500&signature=77b2f539d6036fd122424d49978790082f95d4c52906dca051a9ea124ceaa0cb&req=fCAiEs18mIZbFb4f3HP0gFY6wTQocP2PK7Xx2GaEL0Moa0Y1EX8B7t%2FdRy4l%0AsUiuHjLE0pNxxWtEBQ%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805442574/9de355286376b0bbcce8c8f5/gif3.gif?expires=1732891500&signature=77b2f539d6036fd122424d49978790082f95d4c52906dca051a9ea124ceaa0cb&req=fCAiEs18mIZbFb4f3HP0gFY6wTQocP2PK7Xx2GaEL0Moa0Y1EX8B7t%2FdRy4l%0AsUiuHjLE0pNxxWtEBQ%3D%3D%0A"/></a></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>Note</b>: Setting the Rating Snippet to 'Show Empty Stars For No Reviews' is a great way to see how the Snippet will appear when placing it on your product page!</p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_da4f9132d4">Floating Widget</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>The Floating widget will be installed globally across all pages on your site. Once you have enabled this, you will need to include your widget ID. To find this, you can click the <i>REVIEWS.IO Dashboard</i> link within Shopify. This will take you to the widget editor, where you can make your desired style changes:</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805509741/a102f3eba1f55721cbcf4a70/gif4+%282%29.gif?expires=1732891500&signature=17cf4e01c32363ceb2e8c89439232dbf03a90bd17f0938e322714d2913870515&req=fCAiE8l3moVeFb4f3HP0gOaWPBZ6n78yq71dd4uEDlWmG7KGs1FKhXSTc366%0AbJJ52m6AabfStf%2FDMA%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805509741/a102f3eba1f55721cbcf4a70/gif4+%282%29.gif?expires=1732891500&signature=17cf4e01c32363ceb2e8c89439232dbf03a90bd17f0938e322714d2913870515&req=fCAiE8l3moVeFb4f3HP0gOaWPBZ6n78yq71dd4uEDlWmG7KGs1FKhXSTc366%0AbJJ52m6AabfStf%2FDMA%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► After you have made your desired changes, you can press the save widget. Copy the widget ID value as highlighted in the above video, and paste this into the app block as shown below:</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805451134/754c5aaf9df669c5e6dd0a80/gif5.gif?expires=1732891500&signature=8a119faeef57e68757554a39b581bc8b2f62d6c59d33c30615990d7c405160f8&req=fCAiEsx%2FnIJbFb4f3HP0gKgxVc%2BpuX0TPfQ8NmL6%2B%2BhKHG0Wev42bTrQJ3OJ%0ApjHToiYPN7OcVm6Obw%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805451134/754c5aaf9df669c5e6dd0a80/gif5.gif?expires=1732891500&signature=8a119faeef57e68757554a39b581bc8b2f62d6c59d33c30615990d7c405160f8&req=fCAiEsx%2FnIJbFb4f3HP0gKgxVc%2BpuX0TPfQ8NmL6%2B%2BhKHG0Wev42bTrQJ3OJ%0ApjHToiYPN7OcVm6Obw%3D%3D%0A"/></a></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>Note</b>: If you make further changes to the widget, this will update on the live side, provided you save existing changes and don't create a new version of the widget.</p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► If you want to hide the widget on certain pages, you can change the settings within the editor. If you want more control over which pages this shows on, it will require a manual install of the widget.</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>Here is the finished article! 🎉</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805455350/66948f683a350345dd66e21c/gif6.gif?expires=1732891500&signature=b2accde21abc3fc0cd42c30ccaf8189bf119c9a073df602eb39af5bcf07a0597&req=fCAiEsx7noRfFb4f3HP0gN%2FsdbsDEas7bMQWAHJ9%2FteHI3KkZf7lJksKRaE%2B%0AIDj9C3qqLA8susGMRA%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805455350/66948f683a350345dd66e21c/gif6.gif?expires=1732891500&signature=b2accde21abc3fc0cd42c30ccaf8189bf119c9a073df602eb39af5bcf07a0597&req=fCAiEsx7noRfFb4f3HP0gN%2FsdbsDEas7bMQWAHJ9%2FteHI3KkZf7lJksKRaE%2B%0AIDj9C3qqLA8susGMRA%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_e500654749">Replays & Analytics</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>You will need to enable the Replays & Analytics app Embed.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/693331684/254f771e0c1e26da3ef145fc/Screenshot+2023-03-17+at+11.11.59.png?expires=1732891500&signature=807ac638a70d2c10ab274b76f7e46e8085527c4d48c729ce4d95f928795fffb6&req=cikkFcp%2Fm4lbFb4f3HP0gFd6EDleLbqNFOOpzAh3JpJdLJquACW6VSUHRjzT%0AyCL1crdKTgoyCWISWA%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/693331684/254f771e0c1e26da3ef145fc/Screenshot+2023-03-17+at+11.11.59.png?expires=1732891500&signature=807ac638a70d2c10ab274b76f7e46e8085527c4d48c729ce4d95f928795fffb6&req=cikkFcp%2Fm4lbFb4f3HP0gFd6EDleLbqNFOOpzAh3JpJdLJquACW6VSUHRjzT%0AyCL1crdKTgoyCWISWA%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► Click on <b><i>this code</i></b> and it'll take you to the REVIEWS.IO dashboard, where you can copy the highlighted section from the screenshot below.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/693350892/195dc4d5e92e9ad13fc9166c/Screenshot+2023-03-17+at+11.40.24.png?expires=1732891500&signature=4a63f781dfb6fd5a82ae74be0f11b1f11db18671e42686a9b514587404e012ac&req=cikkFcx%2BlYhdFb4f3HP0gDILhvyj9GVBBFLoH26IK3XEHhWQMHAHXC2jhMib%0ALen5pxHI%2FwWqvMMC8w%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/693350892/195dc4d5e92e9ad13fc9166c/Screenshot+2023-03-17+at+11.40.24.png?expires=1732891500&signature=4a63f781dfb6fd5a82ae74be0f11b1f11db18671e42686a9b514587404e012ac&req=cikkFcx%2BlYhdFb4f3HP0gDILhvyj9GVBBFLoH26IK3XEHhWQMHAHXC2jhMib%0ALen5pxHI%2FwWqvMMC8w%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► After this, navigate to your Shopify Settings and <b><i>Checkout,</i></b> scroll to <b><i>Order Status Page </i></b>& paste the code into the <b><i>Additional scripts</i></b> section.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-left"><a href="https://downloads.intercomcdn.com/i/o/694732845/df4b991b9d1b838c8876de35/Screenshot+2023-03-20+at+10.49.46.png?expires=1732891500&signature=a4dac54c8667b4a4f230e1ae3d07c4dcf16ea38f5329f1a4626577c0a136a0dc&req=cikjEcp8lYVaFb4f3HP0gKnAC4d%2BBnUZ8FQfCpIg1QZTMX4pbB8%2FkoYtm%2BJ3%0AMOcKKwDw6wypw%2FqBcA%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/694732845/df4b991b9d1b838c8876de35/Screenshot+2023-03-20+at+10.49.46.png?expires=1732891500&signature=a4dac54c8667b4a4f230e1ae3d07c4dcf16ea38f5329f1a4626577c0a136a0dc&req=cikjEcp8lYVaFb4f3HP0gKnAC4d%2BBnUZ8FQfCpIg1QZTMX4pbB8%2FkoYtm%2BJ3%0AMOcKKwDw6wypw%2FqBcA%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading intercom-interblocks-align-left"><h2 id="h_be354ff241">Step 2: Adding Widgets</h2></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_9a2166aaa8">Rating Stars</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>Within the Product page, press <b><i>Add block </i></b>and select the <b><i>Ratings Snippet.</i></b> You can then drag this wherever you'd like it to display within the product page.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805467855/fefedb61762cb624bc3515d2/gif7.gif?expires=1732891500&signature=4c41e10c81fef98a06136adb6e7d1f1b84483dbbf4b3a629f59c53499933ef9d&req=fCAiEs95lYRaFb4f3HP0gAcwPiC1FmcDST0FhPt91IDE9TbCr1ohv206Gs6O%0A1fKMA3%2BILay6%2FShEJA%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805467855/fefedb61762cb624bc3515d2/gif7.gif?expires=1732891500&signature=4c41e10c81fef98a06136adb6e7d1f1b84483dbbf4b3a629f59c53499933ef9d&req=fCAiEs95lYRaFb4f3HP0gAcwPiC1FmcDST0FhPt91IDE9TbCr1ohv206Gs6O%0A1fKMA3%2BILay6%2FShEJA%3D%3D%0A"/></a></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>Note</b>: Rating Stars ⭐️ on collection pages requires a manual install!</p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_ad66d44eec">Product Review Widget</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► Press <b><i>Add section </i></b>and select the <b><i>Product Reviews Widget</i></b>. You can then drag the block to where you'd like to display it on the widget.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-left"><a href="https://downloads.intercomcdn.com/i/o/805470745/5387762d1653d9b5124dcce8/gif8.gif?expires=1732891500&signature=ee7aff07a9b20564a6258a2ce90f3c3894df4f681dfc4ccfd697a53f47c17ccd&req=fCAiEs5%2BmoVaFb4f3HP0gGM9boEIEX6KQH7VU2okeIY27MbZvXwVLQBNlt6j%0AU34Pm4bzpVzX4uOmZA%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805470745/5387762d1653d9b5124dcce8/gif8.gif?expires=1732891500&signature=ee7aff07a9b20564a6258a2ce90f3c3894df4f681dfc4ccfd697a53f47c17ccd&req=fCAiEs5%2BmoVaFb4f3HP0gGM9boEIEX6KQH7VU2okeIY27MbZvXwVLQBNlt6j%0AU34Pm4bzpVzX4uOmZA%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► If you click on the app, you will have style options that you can alter to customise the look and feel of the widget.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805478830/2e7feb9e7a2c3e5f82df4d1c/gif9.gif?expires=1732891500&signature=267162c2e432467f73c7663a96c8e69cc783ee4de7f3a7e5c24b6b1d4598c047&req=fCAiEs52lYJfFb4f3HP0gEXv9dvdzkQM5pVYn3ltHrJdtb%2B66GA7iUi0K6Fx%0AEnqwU6ks5RxlS8SmLQ%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805478830/2e7feb9e7a2c3e5f82df4d1c/gif9.gif?expires=1732891500&signature=267162c2e432467f73c7663a96c8e69cc783ee4de7f3a7e5c24b6b1d4598c047&req=fCAiEs52lYJfFb4f3HP0gEXv9dvdzkQM5pVYn3ltHrJdtb%2B66GA7iUi0K6Fx%0AEnqwU6ks5RxlS8SmLQ%3D%3D%0A"/></a></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>Note</b>: We are limited by Shopify on how many options we can provide in the app block; if there is further customisation you want to do, it will require a manual install</p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_1ba28b165d">Carousel Widget</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► Press <b><i>Add section </i></b>and select the <b><i>Card</i></b> <b><i>Carousel</i></b>. You can then drag the block to where you'd like to display it on the widget.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805483395/457cdeeaa9ea03a9b0fe1959/gif10.gif?expires=1732891500&signature=990c08fcd0032612179631802c1fde08a4a0152d3f40aa411f2f0695b369cb73&req=fCAiEsF9nohaFb4f3HP0gHWG3D4sjyzfnzEhiFbj2PwPnqo%2FS1h7P4SchNHN%0ArOA3tvRnRwnHsWg4jQ%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805483395/457cdeeaa9ea03a9b0fe1959/gif10.gif?expires=1732891500&signature=990c08fcd0032612179631802c1fde08a4a0152d3f40aa411f2f0695b369cb73&req=fCAiEsF9nohaFb4f3HP0gHWG3D4sjyzfnzEhiFbj2PwPnqo%2FS1h7P4SchNHN%0ArOA3tvRnRwnHsWg4jQ%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► If you click on the app, you will have style options that you can alter to customise the look and feel of the widget.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805485309/7ece69218d2c98820a9ba2ed/gif11.gif?expires=1732891500&signature=90b82d2fad528f046677cdeb30a05266b6f49d59ad15d24313fdfac8bedad068&req=fCAiEsF7noFWFb4f3HP0gDZ3U1F4R4YE4gy6aXlIcelNQpUzRXxhTtbDrPko%0A1cChpuDxDRiVfCbYjg%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805485309/7ece69218d2c98820a9ba2ed/gif11.gif?expires=1732891500&signature=90b82d2fad528f046677cdeb30a05266b6f49d59ad15d24313fdfac8bedad068&req=fCAiEsF7noFWFb4f3HP0gDZ3U1F4R4YE4gy6aXlIcelNQpUzRXxhTtbDrPko%0A1cChpuDxDRiVfCbYjg%3D%3D%0A"/></a></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>Note</b>: We are limited by Shopify on how many options we can provide in the app block, if there is further customisation you want to do, it will require a manual install</p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-subheading3 intercom-interblocks-align-left"><h3 id="h_a9c7046d9b">Nuggets, Rating Bar & UGC</h3></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>To add the Nuggets Widget, please make sure you've enabled Nuggets on your dashboard by reading this <a href="https://intercom.help/reviews-io/en/articles/9184881-review-nuggets" rel="nofollow noopener noreferrer" target="_blank">article</a>! 📝</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► Add a new section, or block, and select which widget you'd like to use.</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805492384/9981d4009de7d39ea0f2ae43/gif12.gif?expires=1732891500&signature=74722bf73fdc459cf9014973eff8d242179945799f979c0597b5161e349d810f&req=fCAiEsB8nolbFb4f3HP0gK4k1xVsjMH5OKIHjdo%2BOUcKHsjGvUTbA00LtvOH%0AXPJPHyWxzvW2XHziCg%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805492384/9981d4009de7d39ea0f2ae43/gif12.gif?expires=1732891500&signature=74722bf73fdc459cf9014973eff8d242179945799f979c0597b5161e349d810f&req=fCAiEsB8nolbFb4f3HP0gK4k1xVsjMH5OKIHjdo%2BOUcKHsjGvUTbA00LtvOH%0AXPJPHyWxzvW2XHziCg%3D%3D%0A"/></a></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► Click on the block, and enter in the Widget ID. You can do this by clicking the REVIEWS.IO Dashboard link. This will then open the Widget editor, as shown also above.</p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p>► You can then make any style changes to the widget and press save. This will open up the widget code where you can find the ID you need, as seen below!</p></div><div class="intercom-interblocks-image intercom-interblocks-align-center"><a href="https://downloads.intercomcdn.com/i/o/805512239/ff0049fe872c15e14b3cf9de/gif14.gif?expires=1732891500&signature=90747e128f488812d07524d6e0a79b8c134b2a2bae5c1ce7064ff6357f3f29e0&req=fCAiE8h8n4JWFb4f3HP0gPm%2BEiJspYiHDp9tf08Kx4rB5LiwSsSe6wsip%2F5u%0A%2Fc76LSDMnHTXqSe9Fw%3D%3D%0A" target="_blank" rel="noreferrer nofollow noopener"><img src="https://downloads.intercomcdn.com/i/o/805512239/ff0049fe872c15e14b3cf9de/gif14.gif?expires=1732891500&signature=90747e128f488812d07524d6e0a79b8c134b2a2bae5c1ce7064ff6357f3f29e0&req=fCAiE8h8n4JWFb4f3HP0gPm%2BEiJspYiHDp9tf08Kx4rB5LiwSsSe6wsip%2F5u%0A%2Fc76LSDMnHTXqSe9Fw%3D%3D%0A"/></a></div><div class="intercom-interblocks-callout" style="background-color:#feedaf80;border-color:#fbc91633"><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b>Note</b>: Make sure you've selected your desired review type (Product/Company)</p></div></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p> </p></div><div class="intercom-interblocks-paragraph no-margin intercom-interblocks-align-left"><p><b> If you have any further questions, please feel free to message us on our live chat service!</b></p></div><section class="jsx-62724fba150252e0 related_articles my-6"><hr class="jsx-62724fba150252e0 my-6 sm:my-8"/><div class="jsx-62724fba150252e0 mb-3 text-xl font-bold">Related Articles</div><section class="flex flex-col rounded-card border border-solid border-card-border bg-card-bg p-2 sm:p-3"><a class="duration-250 group/article flex flex-row justify-between gap-2 py-2 no-underline transition ease-linear hover:bg-primary-alpha-10 hover:text-primary sm:rounded-card-inner sm:py-3 rounded-card-inner px-3" href="http://support.reviews.io/en/articles/9184821-gempages" data-testid="article-link"><div class="flex flex-col p-0"><span class="m-0 text-md text-body-primary-color group-hover/article:text-primary">GemPages</span></div><div class="flex shrink-0 flex-col justify-center p-0"><svg class="block h-4 w-4 text-primary ltr:-rotate-90 rtl:rotate-90" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></a><a class="duration-250 group/article flex flex-row justify-between gap-2 py-2 no-underline transition ease-linear hover:bg-primary-alpha-10 hover:text-primary sm:rounded-card-inner sm:py-3 rounded-card-inner px-3" href="http://support.reviews.io/en/articles/9184830-shopify-checkout-widget" data-testid="article-link"><div class="flex flex-col p-0"><span class="m-0 text-md text-body-primary-color group-hover/article:text-primary">Shopify Checkout Widget</span></div><div class="flex shrink-0 flex-col justify-center p-0"><svg class="block h-4 w-4 text-primary ltr:-rotate-90 rtl:rotate-90" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></a><a class="duration-250 group/article flex flex-row justify-between gap-2 py-2 no-underline transition ease-linear hover:bg-primary-alpha-10 hover:text-primary sm:rounded-card-inner sm:py-3 rounded-card-inner px-3" href="http://support.reviews.io/en/articles/9184834-manually-installing-shopify-widget-snippets" data-testid="article-link"><div class="flex flex-col p-0"><span class="m-0 text-md text-body-primary-color group-hover/article:text-primary">Manually installing Shopify Widget - Snippets</span></div><div class="flex shrink-0 flex-col justify-center p-0"><svg class="block h-4 w-4 text-primary ltr:-rotate-90 rtl:rotate-90" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></a><a class="duration-250 group/article flex flex-row justify-between gap-2 py-2 no-underline transition ease-linear hover:bg-primary-alpha-10 hover:text-primary sm:rounded-card-inner sm:py-3 rounded-card-inner px-3" href="http://support.reviews.io/en/articles/9184836-manually-installing-shopify-widget-sections" data-testid="article-link"><div class="flex flex-col p-0"><span class="m-0 text-md text-body-primary-color group-hover/article:text-primary">Manually installing Shopify Widget - Sections</span></div><div class="flex shrink-0 flex-col justify-center p-0"><svg class="block h-4 w-4 text-primary ltr:-rotate-90 rtl:rotate-90" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></a><a class="duration-250 group/article flex flex-row justify-between gap-2 py-2 no-underline transition ease-linear hover:bg-primary-alpha-10 hover:text-primary sm:rounded-card-inner sm:py-3 rounded-card-inner px-3" href="http://support.reviews.io/en/articles/9185060-shopify-app" data-testid="article-link"><div class="flex flex-col p-0"><span class="m-0 text-md text-body-primary-color group-hover/article:text-primary">Shopify App</span></div><div class="flex shrink-0 flex-col justify-center p-0"><svg class="block h-4 w-4 text-primary ltr:-rotate-90 rtl:rotate-90" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></a></section></section></article></div></div></div></div><div class="intercom-reaction-picker -mb-4 -ml-4 -mr-4 mt-6 rounded-card sm:-mb-2 sm:-ml-1 sm:-mr-1 sm:mt-8"><div class="intercom-reaction-prompt">Did this answer your question?</div><button class="intercom-reaction" aria-label="Disappointed Reaction" tabindex="0" data-reaction-text="disappointed" aria-pressed="false"><span title="Disappointed">😞</span></button><button class="intercom-reaction" aria-label="Neutral Reaction" tabindex="0" data-reaction-text="neutral" aria-pressed="false"><span title="Neutral">😐</span></button><button class="intercom-reaction" aria-label="Smiley Reaction" tabindex="0" data-reaction-text="smiley" aria-pressed="false"><span title="Smiley">😃</span></button></div></div></div></section></section></div><footer id="footer" class="mt-24 shrink-0 bg-footer-bg px-0 py-12 text-left text-base text-footer-color"><div class="shrink-0 grow basis-auto px-5 sm:px-10"><div class="mx-auto max-w-240 sm:w-auto"><div><div class="text-center" data-testid="simple-footer-layout"><div class="align-middle text-lg text-footer-color"><a class="no-underline" href="/en/"><img data-testid="logo-img" src="https://downloads.intercomcdn.com/i/o/483674/66af4c989230709c0796e2d0/7d117de2d5a0420394174dc515b84d35.png" alt="REVIEWS.io Support Centre" class="max-h-8 contrast-80 inline"/></a></div><div class="mt-3 text-base">support@reviews.io</div><div class="mt-10" data-testid="simple-footer-links"><div class="flex flex-row justify-center"><span><ul data-testid="custom-links" class="mb-4 p-0" id="custom-links"><li class="mx-3 inline-block list-none"><a target="_blank" href="https://www.reviews.io/front/pricingplans" rel="nofollow noreferrer noopener" data-testid="footer-custom-link-0" class="no-underline">Create REVIEWS.io Account</a></li></ul></span></div><ul data-testid="social-links" class="flex flex-wrap items-center gap-4 p-0 justify-center" id="social-links"><li class="list-none align-middle"><a target="_blank" href="https://www.facebook.com/reviewsexperts" rel="nofollow noreferrer noopener" data-testid="footer-social-link-0" class="no-underline"><img src="https://intercom.help/reviews-io/assets/svg/icon:social-facebook/909aa5" alt="" width="16" height="16" loading="lazy" data-testid="social-icon-facebook"/></a></li><li class="list-none align-middle"><a target="_blank" href="https://www.linkedin.com/company/reviews-co-uk" rel="nofollow noreferrer noopener" data-testid="footer-social-link-1" class="no-underline"><img src="https://intercom.help/reviews-io/assets/svg/icon:social-linkedin/909aa5" alt="" width="16" height="16" loading="lazy" data-testid="social-icon-linkedin"/></a></li><li class="list-none align-middle"><a target="_blank" href="https://www.youtube.com/@wearereviews/videos" rel="nofollow noreferrer noopener" data-testid="footer-social-link-2" class="no-underline"><img src="https://intercom.help/reviews-io/assets/svg/icon:social-youtube/909aa5" alt="" width="16" height="16" loading="lazy" data-testid="social-icon-youtube"/></a></li><li class="list-none align-middle"><a target="_blank" href="https://www.twitter.com/reviews_experts" rel="nofollow noreferrer noopener" data-testid="footer-social-link-3" class="no-underline"><img src="https://intercom.help/reviews-io/assets/svg/icon:social-twitter-x/909aa5" alt="" width="16" height="16" loading="lazy" data-testid="social-icon-x"/></a></li></ul></div></div></div></div></div></footer></main></div></div><script id="__NEXT_DATA__" type="application/json" nonce="7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=">{"props":{"pageProps":{"app":{"id":"honm34jo","messengerUrl":"https://widget.intercom.io/widget/honm34jo","name":"clearer.io","poweredByIntercomUrl":"https://www.intercom.com/intercom-link?company=clearer.io\u0026solution=customer-support\u0026utm_campaign=intercom-link\u0026utm_content=We+run+on+Intercom\u0026utm_medium=help-center\u0026utm_referrer=https%3A%2F%2Fsupport.reviews.io%2Fen%2Farticles%2F9184837-installing-widgets-shopify-2-0\u0026utm_source=desktop-web","features":{"customNotFoundErrorMessage":false}},"helpCenterSite":{"customDomain":"support.reviews.io","defaultLocale":"en","disableBranding":true,"externalLoginName":null,"externalLoginUrl":null,"footerContactDetails":"support@reviews.io","footerLinks":{"custom":[{"id":50783,"help_center_site_id":3810973,"title":"Create REVIEWS.io Account","url":"https://www.reviews.io/front/pricingplans","sort_order":1,"link_location":"footer","site_link_group_id":33479}],"socialLinks":[{"iconUrl":"https://intercom.help/reviews-io/assets/svg/icon:social-facebook","provider":"facebook","url":"https://www.facebook.com/reviewsexperts"},{"iconUrl":"https://intercom.help/reviews-io/assets/svg/icon:social-linkedin","provider":"linkedin","url":"https://www.linkedin.com/company/reviews-co-uk"},{"iconUrl":"https://intercom.help/reviews-io/assets/svg/icon:social-youtube","provider":"youtube","url":"https://www.youtube.com/@wearereviews/videos"},{"iconUrl":"https://intercom.help/reviews-io/assets/svg/icon:social-twitter-x","provider":"x","url":"https://www.twitter.com/reviews_experts"}],"linkGroups":[{"title":"Create an account","links":[{"title":"Create REVIEWS.io Account","url":"https://www.reviews.io/front/pricingplans"}]}]},"headerLinks":[{"site_link_group_id":46631,"id":54518,"help_center_site_id":3810973,"title":"Visit REVIEWS.io","url":"https://www.reviews.io/business-solutions","sort_order":1,"link_location":"header"}],"homeCollectionCols":1,"googleAnalyticsTrackingId":"G-DYTK91WLRM","googleTagManagerId":null,"pathPrefixForCustomDomain":null,"seoIndexingEnabled":true,"helpCenterId":3810973,"url":"http://support.reviews.io","customizedFooterTextContent":null},"localeLinks":[{"id":"en","absoluteUrl":"http://support.reviews.io/en/articles/9184837-installing-widgets-shopify-2-0","available":true,"name":"English","selected":true,"url":"/en/articles/9184837-installing-widgets-shopify-2-0"}],"requestContext":{"articleSource":null,"canonicalUrl":"https://support.reviews.io/en/articles/9184837-installing-widgets-shopify-2-0","headerless":false,"isDefaultDomainRequest":false,"nonce":"7FXnEv1cNKuA7+amO0xt2ZsLnh85snekQ925+3whgVg=","rootUrl":"/en/","sheetUserCipher":null,"type":"help-center"},"theme":{"color":"0E1311","siteName":"REVIEWS.io Support Centre","headline":"Get help with any aspect of your REVIEWS.io account","headerFontColor":"FFFFFF","logo":"https://downloads.intercomcdn.com/i/o/483673/8d7c01aedf2a1d43fd1ec660/7d117de2d5a0420394174dc515b84d35.png","logoHeight":"87","header":null,"favicon":"https://intercom.help/reviews-io/assets/favicon","locale":"en","homeUrl":null,"social":"https://downloads.intercomcdn.com/i/o/483675/cb129091e6a66ea43ad89641/e08bdedbb04218585974822215c8179e.jpg","urlPrefixForDefaultDomain":"https://intercom.help/reviews-io","customDomain":"support.reviews.io","customDomainUsesSsl":false,"customizationOptions":{"customizationType":1,"header":{"backgroundColor":"#0E1311","fontColor":"#FFFFFF","fadeToEdge":false,"backgroundGradient":null,"backgroundImageId":null,"backgroundImageUrl":null},"body":{"backgroundColor":"#ffffff","fontColor":null,"fadeToEdge":null,"backgroundGradient":null,"backgroundImageId":null},"footer":{"backgroundColor":"#000000","fontColor":"#909aa5","fadeToEdge":null,"backgroundGradient":null,"backgroundImageId":null,"showRichTextField":null},"layout":{"homePage":{"blocks":[{"type":"tickets-portal-link","enabled":false},{"type":"collection-list","columns":1,"template":0},{"type":"article-list","columns":2,"enabled":false,"localizedContent":[{"title":"","locale":"en","links":[{"articleId":"empty_article_slot","type":"article-link"},{"articleId":"empty_article_slot","type":"article-link"},{"articleId":"empty_article_slot","type":"article-link"},{"articleId":"empty_article_slot","type":"article-link"},{"articleId":"empty_article_slot","type":"article-link"},{"articleId":"empty_article_slot","type":"article-link"}]}]},{"type":"content-block","enabled":false,"columns":1}]},"collectionsPage":{"showArticleDescriptions":true},"articlePage":{},"searchPage":{}},"collectionCard":{"global":{"backgroundColor":"#ffffff","fontColor":"#000000","fadeToEdge":null,"backgroundGradient":null,"backgroundImageId":null,"showIcons":true,"backgroundImageUrl":null},"collections":[]},"global":{"font":{"customFontFaces":[],"primary":"System Default","secondary":null},"componentStyle":{"card":{"type":"bordered","borderRadius":8}},"namedComponents":{"header":{"subheader":{"enabled":false,"style":{"backgroundColor":"#000000","fontColor":"#FFFFFF"}},"style":{"height":"245px","align":"start","justify":"end"}},"searchBar":{"style":{"width":"100%","borderRadius":10}},"footer":{"type":0}},"brand":{"colors":[],"websiteUrl":""}},"contentBlock":{"blockStyle":{"backgroundColor":"#ffffff","fontColor":"#1a1a1a","fadeToEdge":null,"backgroundGradient":null,"backgroundImageId":null,"backgroundImageUrl":null},"buttonOptions":{"backgroundColor":"#334BFA","fontColor":"#ffffff","borderRadius":6},"isFullWidth":false}},"helpCenterName":"REVIEWS.IO","footerLogo":"https://downloads.intercomcdn.com/i/o/483674/66af4c989230709c0796e2d0/7d117de2d5a0420394174dc515b84d35.png","footerLogoHeight":"87","localisedInformation":{"contentBlock":{"locale":"en","title":"Content section title","withButton":false,"description":"","buttonTitle":"Button title","buttonUrl":""}}},"user":{"userId":"4c3bc601-ebef-42be-b72a-0f718ea43764","role":"visitor_role"},"articleContent":{"articleId":"9184837","author":{"avatar":"https://static.intercomassets.com/avatars/5408590/square_128/Avatar-1708945957.png","name":"Kai Jensen","first_name":"Kai","avatar_shape":"circle"},"blocks":[{"type":"callout","content":[{"type":"paragraph","text":"If you have a Shopify 2.0 Theme, you are able to use the App Embeds to drag and drop the widgets onto your site, without needing to know how to code.","class":"no-margin"}],"style":{"backgroundColor":"#e3e7fa80","borderColor":"#334bfa33"}},{"type":"horizontalRule","text":"___________________________________________________________"},{"type":"heading","text":"Requirements","idAttribute":"h_1fdc904434"},{"type":"paragraph","text":"⭐️ Available on \u003cb\u003eall\u003c/b\u003e of our plans","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"horizontalRule","text":"___________________________________________________________"},{"type":"heading","text":"Navigation 📍","idAttribute":"h_58ef9c1dae"},{"type":"unorderedNestedList","text":"- In REVIEWS.IO, navigate to \u003cb\u003eIntegrations\u003c/b\u003e","items":[{"content":[{"type":"paragraph","text":"In REVIEWS.IO, navigate to \u003cb\u003eIntegrations\u003c/b\u003e","class":"no-margin"}]}]},{"type":"unorderedNestedList","text":"- Navigate to \u003cb\u003e\u003ca href=\"https://dash.reviews.io/platforms/shopify\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eShopify\u003c/a\u003e\u003c/b\u003e","items":[{"content":[{"type":"paragraph","text":"Navigate to \u003cb\u003e\u003ca href=\"https://dash.reviews.io/platforms/shopify\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eShopify\u003c/a\u003e\u003c/b\u003e","class":"no-margin"}]}]},{"type":"horizontalRule","text":"___________________________________________________________"},{"type":"heading","text":"Instructions ⚙️","idAttribute":"h_731e3cf5f9"},{"type":"paragraph","text":"There are two steps to getting the widgets installed on a 2.0 theme. The first is to enable the relevant app embeds, \u0026amp; then you will need to add this onto the theme.","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading","text":"Step 1: Enable App Embeds","idAttribute":"h_76e8d0e19c"},{"type":"subheading3","text":"Core Snippet","idAttribute":"h_b6ee8eb86c"},{"type":"paragraph","text":"► The Core Snippet is required to make sure that the widgets work on your page. This provides all of the widgets with your Store ID to work as intended ⚙️","class":"no-margin"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003e⚠️ Your store ID can be found on the Shopify Integrations page, as shown below 👇\u003c/b\u003e","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":"Navigate to your REVIEWS.IO dashboard ▶️ Integrations ▶️ Shopify","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805505204/53c9a3c6706913a1db517407/gif2+%281%29.gif?expires=1732891500\u0026signature=32f37da476e72b52106020bb3572fd7d40f0dca3d45361f654452d6178e895e7\u0026req=fCAiE8l7n4FbFb4f3HP0gM31%2BIvJIB0pepNZy4H998BO4rew4I2ZVXX627BQ%0AfYpovxOYi4ZjFAW1Vg%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"As shown below, here you will find your Store ID. This will be unique to your Store and the below is just an example!","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805505571/0adf008b9a3d58b37b325741/gif1.gif?expires=1732891500\u0026signature=fc12f173e5b35f604fa79a01520e176acaa2a0acb40b6b0613c5bbc95c258f8a\u0026req=fCAiE8l7mIZeFb4f3HP0gMAh2Aa90lflsLvyFUt4JutCPUdM840bZauuODxQ%0A7ojNZGxfKdFgBoAgyg%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► Copy the code and press \"Enable Core Snippet\" this will direct you to your live Shopify theme, so you can enable this.","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► If you are working on a draft theme, you can also find the Core Snippet by going to App Embeds within the Shopify theme customiser.","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► You then need to enable the Core Snippet \u0026amp; enter your Store ID. This also allows you to set the language for your widgets. By default, your Store ID will be set to REVIEWS.IO - this \u003cb\u003eNEEDS\u003c/b\u003e to be changed to \u003cb\u003eYOUR\u003c/b\u003e store ID!","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805507321/2c74537d7d4507a6ca46fd41/gif3+%281%29.gif?expires=1732891500\u0026signature=c17088a05cf118c86552e7867183ecb62301ba4673a59cc4ba6b7e7813aa6fe0\u0026req=fCAiE8l5noNeFb4f3HP0gJUXe11rqSpkT0nzM5k21Sqtffkq7X0ZILS1zXMj%0AUE0yfUukvqz8Vbb7Xg%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"You've completed the first step to displaying widgets on site and you'll now need to follow the next steps for specific widgets! 👇","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading3","text":"Rating Snippet","idAttribute":"h_cfb1e18954"},{"type":"paragraph","text":"Within the App Embeds section, you can enable the rating snippet ⭐️","class":"no-margin"},{"type":"paragraph","text":"🗣 Here you can define how the stars will show up on the page. You can change the colour, text, what happens when the customer clicks on the stars \u0026amp; if the rating is visible when there are no reviews for the product 🎨","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805442574/9de355286376b0bbcce8c8f5/gif3.gif?expires=1732891500\u0026signature=77b2f539d6036fd122424d49978790082f95d4c52906dca051a9ea124ceaa0cb\u0026req=fCAiEs18mIZbFb4f3HP0gFY6wTQocP2PK7Xx2GaEL0Moa0Y1EX8B7t%2FdRy4l%0AsUiuHjLE0pNxxWtEBQ%3D%3D%0A","align":"center"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003eNote\u003c/b\u003e: Setting the Rating Snippet to 'Show Empty Stars For No Reviews' is a great way to see how the Snippet will appear when placing it on your product page!","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading3","text":"Floating Widget","idAttribute":"h_da4f9132d4"},{"type":"paragraph","text":"The Floating widget will be installed globally across all pages on your site. Once you have enabled this, you will need to include your widget ID. To find this, you can click the \u003ci\u003eREVIEWS.IO Dashboard\u003c/i\u003e link within Shopify. This will take you to the widget editor, where you can make your desired style changes:","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805509741/a102f3eba1f55721cbcf4a70/gif4+%282%29.gif?expires=1732891500\u0026signature=17cf4e01c32363ceb2e8c89439232dbf03a90bd17f0938e322714d2913870515\u0026req=fCAiE8l3moVeFb4f3HP0gOaWPBZ6n78yq71dd4uEDlWmG7KGs1FKhXSTc366%0AbJJ52m6AabfStf%2FDMA%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► After you have made your desired changes, you can press the save widget. Copy the widget ID value as highlighted in the above video, and paste this into the app block as shown below:","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805451134/754c5aaf9df669c5e6dd0a80/gif5.gif?expires=1732891500\u0026signature=8a119faeef57e68757554a39b581bc8b2f62d6c59d33c30615990d7c405160f8\u0026req=fCAiEsx%2FnIJbFb4f3HP0gKgxVc%2BpuX0TPfQ8NmL6%2B%2BhKHG0Wev42bTrQJ3OJ%0ApjHToiYPN7OcVm6Obw%3D%3D%0A","align":"center"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003eNote\u003c/b\u003e: If you make further changes to the widget, this will update on the live side, provided you save existing changes and don't create a new version of the widget.","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► If you want to hide the widget on certain pages, you can change the settings within the editor. If you want more control over which pages this shows on, it will require a manual install of the widget.","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"Here is the finished article! 🎉","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805455350/66948f683a350345dd66e21c/gif6.gif?expires=1732891500\u0026signature=b2accde21abc3fc0cd42c30ccaf8189bf119c9a073df602eb39af5bcf07a0597\u0026req=fCAiEsx7noRfFb4f3HP0gN%2FsdbsDEas7bMQWAHJ9%2FteHI3KkZf7lJksKRaE%2B%0AIDj9C3qqLA8susGMRA%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading3","text":"Replays \u0026amp; Analytics","idAttribute":"h_e500654749"},{"type":"paragraph","text":"You will need to enable the Replays \u0026amp; Analytics app Embed.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/693331684/254f771e0c1e26da3ef145fc/Screenshot+2023-03-17+at+11.11.59.png?expires=1732891500\u0026signature=807ac638a70d2c10ab274b76f7e46e8085527c4d48c729ce4d95f928795fffb6\u0026req=cikkFcp%2Fm4lbFb4f3HP0gFd6EDleLbqNFOOpzAh3JpJdLJquACW6VSUHRjzT%0AyCL1crdKTgoyCWISWA%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► Click on \u003cb\u003e\u003ci\u003ethis code\u003c/i\u003e\u003c/b\u003e and it'll take you to the REVIEWS.IO dashboard, where you can copy the highlighted section from the screenshot below.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/693350892/195dc4d5e92e9ad13fc9166c/Screenshot+2023-03-17+at+11.40.24.png?expires=1732891500\u0026signature=4a63f781dfb6fd5a82ae74be0f11b1f11db18671e42686a9b514587404e012ac\u0026req=cikkFcx%2BlYhdFb4f3HP0gDILhvyj9GVBBFLoH26IK3XEHhWQMHAHXC2jhMib%0ALen5pxHI%2FwWqvMMC8w%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► After this, navigate to your Shopify Settings and \u003cb\u003e\u003ci\u003eCheckout,\u003c/i\u003e\u003c/b\u003e scroll to \u003cb\u003e\u003ci\u003eOrder Status Page \u003c/i\u003e\u003c/b\u003e\u0026amp; paste the code into the \u003cb\u003e\u003ci\u003eAdditional scripts\u003c/i\u003e\u003c/b\u003e section.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/694732845/df4b991b9d1b838c8876de35/Screenshot+2023-03-20+at+10.49.46.png?expires=1732891500\u0026signature=a4dac54c8667b4a4f230e1ae3d07c4dcf16ea38f5329f1a4626577c0a136a0dc\u0026req=cikjEcp8lYVaFb4f3HP0gKnAC4d%2BBnUZ8FQfCpIg1QZTMX4pbB8%2FkoYtm%2BJ3%0AMOcKKwDw6wypw%2FqBcA%3D%3D%0A"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading","text":"Step 2: Adding Widgets","idAttribute":"h_be354ff241"},{"type":"subheading3","text":"Rating Stars","idAttribute":"h_9a2166aaa8"},{"type":"paragraph","text":"Within the Product page, press \u003cb\u003e\u003ci\u003eAdd block \u003c/i\u003e\u003c/b\u003eand select the \u003cb\u003e\u003ci\u003eRatings Snippet.\u003c/i\u003e\u003c/b\u003e You can then drag this wherever you'd like it to display within the product page.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805467855/fefedb61762cb624bc3515d2/gif7.gif?expires=1732891500\u0026signature=4c41e10c81fef98a06136adb6e7d1f1b84483dbbf4b3a629f59c53499933ef9d\u0026req=fCAiEs95lYRaFb4f3HP0gAcwPiC1FmcDST0FhPt91IDE9TbCr1ohv206Gs6O%0A1fKMA3%2BILay6%2FShEJA%3D%3D%0A","align":"center"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003eNote\u003c/b\u003e: Rating Stars ⭐️ on collection pages requires a manual install!","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading3","text":"Product Review Widget","idAttribute":"h_ad66d44eec"},{"type":"paragraph","text":"► Press \u003cb\u003e\u003ci\u003eAdd section \u003c/i\u003e\u003c/b\u003eand select the \u003cb\u003e\u003ci\u003eProduct Reviews Widget\u003c/i\u003e\u003c/b\u003e. You can then drag the block to where you'd like to display it on the widget.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805470745/5387762d1653d9b5124dcce8/gif8.gif?expires=1732891500\u0026signature=ee7aff07a9b20564a6258a2ce90f3c3894df4f681dfc4ccfd697a53f47c17ccd\u0026req=fCAiEs5%2BmoVaFb4f3HP0gGM9boEIEX6KQH7VU2okeIY27MbZvXwVLQBNlt6j%0AU34Pm4bzpVzX4uOmZA%3D%3D%0A"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► If you click on the app, you will have style options that you can alter to customise the look and feel of the widget.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805478830/2e7feb9e7a2c3e5f82df4d1c/gif9.gif?expires=1732891500\u0026signature=267162c2e432467f73c7663a96c8e69cc783ee4de7f3a7e5c24b6b1d4598c047\u0026req=fCAiEs52lYJfFb4f3HP0gEXv9dvdzkQM5pVYn3ltHrJdtb%2B66GA7iUi0K6Fx%0AEnqwU6ks5RxlS8SmLQ%3D%3D%0A","align":"center"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003eNote\u003c/b\u003e: We are limited by Shopify on how many options we can provide in the app block; if there is further customisation you want to do, it will require a manual install","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading3","text":"Carousel Widget","idAttribute":"h_1ba28b165d"},{"type":"paragraph","text":"► Press \u003cb\u003e\u003ci\u003eAdd section \u003c/i\u003e\u003c/b\u003eand select the \u003cb\u003e\u003ci\u003eCard\u003c/i\u003e\u003c/b\u003e \u003cb\u003e\u003ci\u003eCarousel\u003c/i\u003e\u003c/b\u003e. You can then drag the block to where you'd like to display it on the widget.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805483395/457cdeeaa9ea03a9b0fe1959/gif10.gif?expires=1732891500\u0026signature=990c08fcd0032612179631802c1fde08a4a0152d3f40aa411f2f0695b369cb73\u0026req=fCAiEsF9nohaFb4f3HP0gHWG3D4sjyzfnzEhiFbj2PwPnqo%2FS1h7P4SchNHN%0ArOA3tvRnRwnHsWg4jQ%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► If you click on the app, you will have style options that you can alter to customise the look and feel of the widget.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805485309/7ece69218d2c98820a9ba2ed/gif11.gif?expires=1732891500\u0026signature=90b82d2fad528f046677cdeb30a05266b6f49d59ad15d24313fdfac8bedad068\u0026req=fCAiEsF7noFWFb4f3HP0gDZ3U1F4R4YE4gy6aXlIcelNQpUzRXxhTtbDrPko%0A1cChpuDxDRiVfCbYjg%3D%3D%0A","align":"center"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003eNote\u003c/b\u003e: We are limited by Shopify on how many options we can provide in the app block, if there is further customisation you want to do, it will require a manual install","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"subheading3","text":"Nuggets, Rating Bar \u0026amp; UGC","idAttribute":"h_a9c7046d9b"},{"type":"paragraph","text":"To add the Nuggets Widget, please make sure you've enabled Nuggets on your dashboard by reading this \u003ca href=\"https://intercom.help/reviews-io/en/articles/9184881-review-nuggets\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003earticle\u003c/a\u003e! 📝","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► Add a new section, or block, and select which widget you'd like to use.","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805492384/9981d4009de7d39ea0f2ae43/gif12.gif?expires=1732891500\u0026signature=74722bf73fdc459cf9014973eff8d242179945799f979c0597b5161e349d810f\u0026req=fCAiEsB8nolbFb4f3HP0gK4k1xVsjMH5OKIHjdo%2BOUcKHsjGvUTbA00LtvOH%0AXPJPHyWxzvW2XHziCg%3D%3D%0A","align":"center"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► Click on the block, and enter in the Widget ID. You can do this by clicking the REVIEWS.IO Dashboard link. This will then open the Widget editor, as shown also above.","class":"no-margin"},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"► You can then make any style changes to the widget and press save. This will open up the widget code where you can find the ID you need, as seen below!","class":"no-margin"},{"type":"image","url":"https://downloads.intercomcdn.com/i/o/805512239/ff0049fe872c15e14b3cf9de/gif14.gif?expires=1732891500\u0026signature=90747e128f488812d07524d6e0a79b8c134b2a2bae5c1ce7064ff6357f3f29e0\u0026req=fCAiE8h8n4JWFb4f3HP0gPm%2BEiJspYiHDp9tf08Kx4rB5LiwSsSe6wsip%2F5u%0A%2Fc76LSDMnHTXqSe9Fw%3D%3D%0A","align":"center"},{"type":"callout","content":[{"type":"paragraph","text":"\u003cb\u003eNote\u003c/b\u003e: Make sure you've selected your desired review type (Product/Company)","class":"no-margin"}],"style":{"backgroundColor":"#feedaf80","borderColor":"#fbc91633"}},{"type":"paragraph","text":" ","class":"no-margin"},{"type":"paragraph","text":"\u003cb\u003e If you have any further questions, please feel free to message us on our live chat service!\u003c/b\u003e","class":"no-margin"}],"collectionId":"9162961","description":"Use App Embeds to install our widgets","id":"9362345","lastUpdated":"Updated over 3 months ago","relatedArticles":[{"title":"GemPages","url":"http://support.reviews.io/en/articles/9184821-gempages"},{"title":"Shopify Checkout Widget","url":"http://support.reviews.io/en/articles/9184830-shopify-checkout-widget"},{"title":"Manually installing Shopify Widget - Snippets","url":"http://support.reviews.io/en/articles/9184834-manually-installing-shopify-widget-snippets"},{"title":"Manually installing Shopify Widget - Sections","url":"http://support.reviews.io/en/articles/9184836-manually-installing-shopify-widget-sections"},{"title":"Shopify App","url":"http://support.reviews.io/en/articles/9185060-shopify-app"}],"targetUserType":"everyone","title":"Installing Widgets - Shopify 2.0","showTableOfContents":true,"synced":false},"breadcrumbs":[{"url":"http://support.reviews.io/en/collections/9162960-integrations","name":"Integrations"},{"url":"http://support.reviews.io/en/collections/9162961-shopify","name":"Shopify"}],"selectedReaction":null,"showReactions":true,"themeCSSCustomProperties":{"--body-bg":"rgb(255, 255, 255)","--body-image":"none","--body-bg-rgb":"255, 255, 255","--body-border":"rgb(230, 230, 230)","--body-primary-color":"#1a1a1a","--body-secondary-color":"#737373","--body-reaction-bg":"rgb(242, 242, 242)","--body-reaction-text-color":"rgb(64, 64, 64)","--body-toc-active-border":"#737373","--body-toc-inactive-border":"#f2f2f2","--body-toc-inactive-color":"#737373","--body-toc-active-font-weight":400,"--body-table-border":"rgb(204, 204, 204)","--body-color":"hsl(0, 0%, 0%)","--footer-bg":"rgb(0, 0, 0)","--footer-image":"none","--footer-border":"rgb(51, 51, 51)","--footer-color":"hsl(211, 10%, 61%)","--header-bg":"rgb(14, 19, 17)","--header-image":"none","--header-color":"hsl(0, 0%, 100%)","--collection-card-bg":"rgb(255, 255, 255)","--collection-card-image":"none","--collection-card-color":"hsl(0, 0%, 0%)","--card-bg":"rgb(255, 255, 255)","--card-border-color":"rgb(230, 230, 230)","--card-border-inner-radius":"6px","--card-border-radius":"8px","--card-shadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)","--search-bar-border-radius":"10px","--search-bar-width":"100%","--ticket-blue-bg-color":"#dce1f9","--ticket-blue-text-color":"#334bfa","--ticket-green-bg-color":"#d7efdc","--ticket-green-text-color":"#0f7134","--ticket-orange-bg-color":"#ffebdb","--ticket-orange-text-color":"#b24d00","--header-height":"245px","--header-subheader-background-color":"#000000","--header-subheader-font-color":"#FFFFFF","--content-block-bg":"rgb(255, 255, 255)","--content-block-image":"none","--content-block-color":"hsl(0, 0%, 10%)","--content-block-button-bg":"rgb(51, 75, 250)","--content-block-button-image":"none","--content-block-button-color":"hsl(0, 0%, 100%)","--content-block-button-radius":"6px","--primary-color":"hsl(156, 15%, 6%)","--primary-color-alpha-10":"hsla(156, 15%, 6%, 0.1)","--primary-color-alpha-60":"hsla(156, 15%, 6%, 0.6)","--text-on-primary-color":"#ffffff"},"intl":{"defaultLocale":"en","locale":"en","messages":{"layout.skip_to_main_content":"Skip to main content","article.attachment_icon":"Attachment icon","article.related_articles":"Related Articles","article.written_by":"Written by \u003cb\u003e{author}\u003c/b\u003e","article.table_of_contents":"Table of contents","breadcrumb.all_collections":"All Collections","collection.article_count.one":"{count} article","collection.article_count.other":"{count} articles","collection.articles_heading":"Articles","collection.sections_heading":"Collections","collection.written_by.one":"Written by \u003cb\u003e{author}\u003c/b\u003e","collection.written_by.two":"Written by \u003cb\u003e{author1}\u003c/b\u003e and \u003cb\u003e{author2}\u003c/b\u003e","collection.written_by.three":"Written by \u003cb\u003e{author1}\u003c/b\u003e, \u003cb\u003e{author2}\u003c/b\u003e and \u003cb\u003e{author3}\u003c/b\u003e","collection.written_by.four":"Written by \u003cb\u003e{author1}\u003c/b\u003e, \u003cb\u003e{author2}\u003c/b\u003e, \u003cb\u003e{author3}\u003c/b\u003e and 1 other","collection.written_by.other":"Written by \u003cb\u003e{author1}\u003c/b\u003e, \u003cb\u003e{author2}\u003c/b\u003e, \u003cb\u003e{author3}\u003c/b\u003e and {count} others","collection.by.one":"By {author}","collection.by.two":"By {author1} and 1 other","collection.by.other":"By {author1} and {count} others","collection.by.count_one":"1 author","collection.by.count_plural":"{count} authors","community_banner.tip":"Tip","community_banner.label":"\u003cb\u003eNeed more help?\u003c/b\u003e Get support from our {link}","community_banner.link_label":"Community Forum","community_banner.description":"Find answers and get help from Intercom Support and Community Experts","header.headline":"Advice and answers from the {appName} Team","header.menu.open":"Open menu","header.menu.close":"Close menu","locale_picker.aria_label":"Change language","not_authorized.cta":"You can try sending us a message or logging in at {link}","not_found.title":"Uh oh. That page doesn’t exist.","not_found.not_here":"That page isn’t here anymore","not_found.not_authorized":"Unable to load this article, you may need to sign in first","not_found.try_searching":"Try searching for your answer","not_found.send_a_message":"Or just send us a message","tickets_portal_bad_request.title":"No access to tickets portal","tickets_portal_bad_request.learn_more":"Learn more","tickets_portal_bad_request.send_a_message":"Please contact your admin.","no_articles.title":"Empty Help Center","no_articles.no_articles":"This Help Center doesn't have any articles or collections yet.","preview.invalid_preview":"There is no preview available for {previewType}","reaction_picker.did_this_answer_your_question":"Did this answer your question?","reaction_picker.reaction.disappointed.title":"Disappointed","reaction_picker.reaction.disappointed.aria_label":"Disappointed Reaction","reaction_picker.reaction.neutral.title":"Neutral","reaction_picker.reaction.neutral.aria_label":"Neutral Reaction","reaction_picker.reaction.smiley.title":"Smiley","reaction_picker.reaction.smiley.aria_label":"Smiley Reaction","search.box_placeholder":"Search for articles...","search.no_results":"We couldn't find any articles for:","search.clear_search":"Clear search query","search.successful":"Search results for:","search.submit_btn":"Search for articles","footer.powered_by":"We run on Intercom","footer.social.facebook":"Facebook","footer.social.linkedin":"LinkedIn","footer.social.twitter":"Twitter","tickets.title":"Tickets","tickets.company_selector_option":"{companyName}’s tickets","tickets.all_states":"All states","tickets.filters.company_tickets":"All tickets","tickets.filters.my_tickets":"Created by me","tickets.no_tickets_found":"No tickets found","tickets.navigation.home":"Home","tickets.navigation.tickets_portal":"Tickets portal","tickets.navigation.ticket_details":"Ticket #{ticketId}","tickets.view_conversation":"View conversation","tickets.send_message":"Send us a message","tickets.continue_conversation":"Continue the conversation","tickets.avatar_image.image_alt":"{firstName}’s avatar","tickets.fields.id":"Ticket ID","tickets.fields.type":"Ticket type","tickets.fields.title":"Title","tickets.fields.description":"Description","tickets.fields.created_by":"Created by","tickets.fields.email_for_notification":"You will be notified here and by email","tickets.fields.created_at":"Creation date","tickets.fields.state":"Ticket state","tickets.fields.assignee":"Assignee","tickets.link-block.title":"Tickets portal.","tickets.link-block.description":"Track the progress of all tickets related to your company.","tickets.states.submitted":"Submitted","tickets.states.in_progress":"In progress","tickets.states.waiting_on_customer":"Waiting on you","tickets.states.resolved":"Resolved","tickets.states.description.unassigned.submitted":"We will pick this up soon","tickets.states.description.assigned.submitted":"{assigneeName} will pick this up soon","tickets.states.description.unassigned.in_progress":"We are working on this!","tickets.states.description.assigned.in_progress":"{assigneeName} is working on this!","tickets.states.description.unassigned.waiting_on_customer":"We need more information from you","tickets.states.description.assigned.waiting_on_customer":"{assigneeName} needs more information from you","tickets.states.description.unassigned.resolved":"We have completed your ticket","tickets.states.description.assigned.resolved":"{assigneeName} has completed your ticket","tickets.attributes.boolean.true":"Yes","tickets.attributes.boolean.false":"No"}},"_sentryTraceData":"ceb9bb871b4992822c508df3f12a698c-ceecb07b26d836bb-0","_sentryBaggage":"sentry-environment=production,sentry-release=pBE9iWbiWcYTeTlBTemWk,sentry-public_key=187f842308a64dea9f1f64d4b1b9c298,sentry-trace_id=ceb9bb871b4992822c508df3f12a698c,sentry-sampled=false"},"__N_SSP":true},"page":"/[helpCenterIdentifier]/[locale]/articles/[articleSlug]","query":{"helpCenterIdentifier":"reviews-io","locale":"en","articleSlug":"9184837-installing-widgets-shopify-2-0"},"buildId":"pBE9iWbiWcYTeTlBTemWk","assetPrefix":"https://static.intercomassets.com","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[9807],"gssp":true,"scriptLoader":[]}</script></body></html>