CINXE.COM

<!DOCTYPE html><html lang="en-NZ"><head><title>Introducing Online Store 2.0: What it Means For Developers - Shopify New Zealand</title><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="description" content="Introducing Online Store 2.0, with a brand-new suite of developer tools and a flexible theme platform that allows you to build how you want. Learn more."/><meta property="fb:pages" content="20409006880"/><meta property="fb:app_id" content="847460188612391"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Shopify"/><meta property="og:title" content="Introducing Online Store 2.0: What it Means For Developers - Shopify New Zealand"/><meta property="og:description" content="Introducing Online Store 2.0, with a brand-new suite of developer tools and a flexible theme platform that allows you to build how you want. Learn more."/><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982"/><meta property="twitter:image" content="https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982"/><meta property="og:url" content="https://www.shopify.com/nz/partners/blog/shopify-online-store"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:site" content="Shopify"/><meta property="twitter:account_id" content="17136315"/><meta property="twitter:title" content="Introducing Online Store 2.0: What it Means For Developers - Shopify New Zealand"/><meta property="twitter:description" content="Introducing Online Store 2.0, with a brand-new suite of developer tools and a flexible theme platform that allows you to build how you want. Learn more."/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/brochureV2-BYGn9kt8.css"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--medium.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-DaLkAq42.css"/><link rel="icon" href="https://cdn.shopify.com/shopifycloud/web/assets/v1/favicon-default-6cbad9de243dbae3.ico" type="image/x-icon"/><link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png"/><link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png"/><link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png"/><link rel="canonical" href="https://www.shopify.com/nz/partners/blog/shopify-online-store"/><link href="https://cdn.shopify.com" rel="preconnect"/><link href="https://gtm.shopify.com" rel="preconnect"/><link href="https://www.googletagmanager.com" rel="preconnect"/><link href="https://www.shopify.com/au/partners/blog/shopify-online-store" hrefLang="en-AU" rel="alternate"/><link href="https://www.shopify.com/ca/partners/blog/shopify-online-store" hrefLang="en-CA" rel="alternate"/><link href="https://www.shopify.com/hk-en/partners/blog/shopify-online-store" hrefLang="en-HK" rel="alternate"/><link href="https://www.shopify.com/in/partners/blog/shopify-online-store" hrefLang="en-IN" rel="alternate"/><link href="https://www.shopify.com/id/partners/blog/shopify-online-store" hrefLang="en-ID" rel="alternate"/><link href="https://www.shopify.com/ie/partners/blog/shopify-online-store" hrefLang="en-IE" rel="alternate"/><link href="https://www.shopify.com/my/partners/blog/shopify-online-store" hrefLang="en-MY" rel="alternate"/><link href="https://www.shopify.com/nz/partners/blog/shopify-online-store" hrefLang="en-NZ" rel="alternate"/><link href="https://www.shopify.com/ng/partners/blog/shopify-online-store" hrefLang="en-NG" rel="alternate"/><link href="https://www.shopify.com/ph/partners/blog/shopify-online-store" hrefLang="en-PH" rel="alternate"/><link href="https://www.shopify.com/sg/partners/blog/shopify-online-store" hrefLang="en-SG" rel="alternate"/><link href="https://www.shopify.com/za/partners/blog/shopify-online-store" hrefLang="en-ZA" rel="alternate"/><link href="https://www.shopify.com/uk/partners/blog/shopify-online-store" hrefLang="en-GB" rel="alternate"/><link href="https://www.shopify.com/partners/blog/shopify-online-store" hrefLang="en" rel="alternate"/></head><body class="overscroll-y-none"><div class="absolute top-2 left-2 z-[100] pointer-events-none"><a href="#main" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-dark-primary-text bg-button-dark-primary-bg border-button-dark-primary-border ring-button-dark-primary-border hover:text-button-dark-primary-text-hover hover:bg-button-dark-primary-bg-hover hover:border-button-dark-primary-border-hover hover:ring-button-dark-primary-border-hover focus:text-button-dark-primary-text-focus focus:bg-button-dark-primary-bg-focus focus:border-button-dark-primary-border-focus focus:ring-button-dark-primary-border-focus active:text-button-dark-primary-text-active active:bg-button-dark-primary-bg-active active:border-button-dark-primary-border-active active:ring-button-dark-primary-border-active disabled:text-button-dark-primary-text-disabled disabled:bg-button-dark-primary-bg-disabled disabled:border-button-dark-primary-border-disabled disabled:ring-button-dark-primary-border-disabled transition-transform duration-300 translate-y-[-200%] motion-reduce:transition-none focus:translate-y-0" data-component-name="button" data-mode="dark" target="">Skip to Content</a></div><div class="relative"><header class="font-shopifysans absolute h-full w-full pointer-events-none z-50" data-component-name="global-nav" data-viewable-component="true" data-has-secondary-navigation="true"><div class="after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 w-full z-50 after:bg-white text-black after:opacity-100 -top-global-header pointer-events-auto sticky"><div class="h-global-header px-margin xl:px-auto-xl flex items-center z-20 relative"><div class="w-[150px] sm:w-[217px] mt-0 sm:mr-12 shrink-0"><a href="/nz/partners" data-component-name="partners-logo" aria-label="Shopify partners logo"><svg viewBox="0 0 200 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="max-w-full"><path d="M117.923 31.189H116.694L119.399 17.2375C119.699 15.6754 119.918 14.221 120.109 12.9282H121.284L120.847 15.7023H120.902C122.158 13.79 123.989 12.6319 125.929 12.6319C128.77 12.6319 129.863 14.9482 129.863 17.1567C129.863 21.7354 126.366 26.1524 122.131 26.1524C120.519 26.1524 119.59 25.8292 119.044 25.533H118.989L117.923 31.189ZM120.027 20.2271L119.262 24.321C119.918 24.8327 120.956 25.102 122.213 25.102C125.656 25.102 128.579 21.1428 128.579 17.2375C128.579 15.6754 127.869 13.6823 125.546 13.6823C123.579 13.6823 120.847 15.9178 120.027 20.2271ZM141.148 25.8562H139.945C139.918 25.0482 140.082 23.6207 140.328 22.0047H140.273C138.716 25.0482 136.803 26.1524 134.754 26.1524C132.432 26.1524 131.093 24.321 131.093 22.0316C131.093 17.426 134.727 12.6319 139.973 12.6319C141.066 12.6319 142.24 12.7935 143.033 13.009L141.721 19.7423C141.202 22.3548 141.066 24.5364 141.148 25.8562ZM140.765 18.3956L141.639 13.8978C141.311 13.79 140.738 13.6823 139.754 13.6823C135.765 13.6823 132.404 17.453 132.377 21.8162C132.35 23.3514 132.869 25.102 135.027 25.102C137.377 25.102 140.082 22.0047 140.765 18.3956ZM145.601 25.8562H144.372L146.066 17.1298C146.339 15.6215 146.557 14.194 146.721 12.9282H147.842C147.705 13.8439 147.596 14.7596 147.404 15.837H147.486C148.306 14.0324 149.672 12.6319 151.393 12.6319C151.585 12.6319 151.858 12.6588 151.995 12.6858L151.749 13.9247C151.612 13.8978 151.421 13.8708 151.148 13.8708C149.508 13.8708 147.404 16.2948 146.803 19.5807L145.601 25.8562ZM155.847 10.558L157.186 10.0732L156.639 12.9282H159.973L159.781 13.9247H156.421L155 21.3852C154.836 22.2471 154.727 22.9204 154.727 23.7284C154.727 24.5903 155.164 25.0751 156.038 25.0751C156.475 25.0751 156.831 25.0482 157.104 24.9404L157.213 25.91C156.858 26.0447 156.339 26.1255 155.792 26.1255C154.016 26.1255 153.443 24.9135 153.443 23.7823C153.443 23.0012 153.552 22.2471 153.743 21.3314L155.191 13.9247H153.197L153.388 12.9282H155.41L155.847 10.558ZM161.066 25.8562H159.836L161.639 16.4026C161.913 15.1098 162.076 13.9516 162.213 12.9282H163.361L162.951 15.7023H163.005C164.153 13.817 166.011 12.6319 168.06 12.6319C169.235 12.6319 171.339 13.2514 171.339 16.241C171.339 16.8335 171.229 17.5607 171.093 18.2879L169.645 25.8562H168.415L169.891 18.1802C169.973 17.6415 170.082 16.9951 170.082 16.4026C170.082 14.8674 169.454 13.7092 167.568 13.7092C165.71 13.7092 162.923 15.81 162.295 19.2306L161.066 25.8562ZM181.53 24.1324L181.913 25.102C181.229 25.533 179.863 26.1255 177.923 26.1255C174.59 26.1255 173.333 23.6207 173.333 21.089C173.333 17.2375 176.311 12.6319 180.219 12.6319C182.596 12.6319 183.607 14.0863 183.607 15.5946C183.607 19.042 179.344 19.7423 174.727 19.6884C174.535 20.3618 174.59 21.9778 174.891 22.8666C175.437 24.3479 176.585 25.0751 178.087 25.0751C179.727 25.0751 180.874 24.5364 181.53 24.1324ZM182.35 15.6754V15.6484C182.35 14.3556 181.366 13.6823 180 13.6823C177.623 13.6823 175.628 16.1063 174.918 18.665C178.798 18.7188 182.35 18.2071 182.35 15.6754ZM185.628 25.8562H184.399L186.093 17.1298C186.366 15.6215 186.585 14.194 186.749 12.9282H187.869C187.732 13.8439 187.623 14.7596 187.432 15.837H187.514C188.333 14.0324 189.699 12.6319 191.421 12.6319C191.612 12.6319 191.885 12.6588 192.022 12.6858L191.776 13.9247C191.639 13.8978 191.448 13.8708 191.175 13.8708C189.536 13.8708 187.432 16.2948 186.831 19.5807L185.628 25.8562ZM191.12 25.3175L191.557 24.321C192.104 24.698 193.06 25.0751 194.016 25.0751C195.792 25.0751 197.022 23.8362 197.022 22.3818C197.022 21.1428 196.53 20.3887 195.082 19.5268C193.579 18.638 192.978 17.4799 192.978 16.3218C192.978 14.3287 194.727 12.6319 197.076 12.6319C198.06 12.6319 199.016 12.9551 199.426 13.2514L198.962 14.2748C198.579 14.0324 197.814 13.6823 196.94 13.6823C195.355 13.6823 194.208 14.7866 194.208 16.1332C194.208 17.3452 194.891 17.9916 196.12 18.7458C197.596 19.6346 198.279 20.8196 198.279 22.0586C198.279 24.6172 196.229 26.1255 193.907 26.1255C192.65 26.1255 191.585 25.6946 191.12 25.3175Z" fill="#1F2124"></path><path d="M24.346 6.07805C24.3234 5.92163 24.1874 5.83224 24.074 5.83224C23.9607 5.83224 21.5351 5.65348 21.5351 5.65348C21.5351 5.65348 19.8577 3.99989 19.6536 3.82113C19.4723 3.64236 19.1096 3.68705 18.9736 3.73174C18.9509 3.73174 18.6109 3.84347 18.0215 4.02224C17.4548 2.391 16.4574 0.916176 14.7119 0.916176C14.6666 0.916176 14.6212 0.916176 14.5532 0.916176C14.0772 0.290495 13.4425 0 12.9211 0C8.84074 0 6.89124 5.0278 6.27919 7.57521C4.69239 8.06682 3.55896 8.40201 3.42295 8.4467C2.53888 8.71485 2.51621 8.73719 2.40287 9.56399C2.31219 10.1897 0 27.8428 0 27.8428L18.0215 31.1723L27.7917 29.0942C27.7917 29.0718 24.3687 6.23447 24.346 6.07805ZM17.0241 4.29039C16.5707 4.42446 16.0493 4.58088 15.5053 4.75965C15.5053 4.64792 15.5053 4.55854 15.5053 4.42446C15.5053 3.44125 15.3693 2.6368 15.1426 1.98877C16.0493 2.12285 16.6387 3.12841 17.0241 4.29039ZM14.0092 2.21223C14.2585 2.83791 14.4172 3.7094 14.4172 4.91607C14.4172 4.98311 14.4172 5.0278 14.4172 5.09483C13.4198 5.40767 12.3544 5.72052 11.2663 6.0557C11.8783 3.75409 13.0344 2.6368 14.0092 2.21223ZM12.8077 1.0726C12.9891 1.0726 13.1704 1.13963 13.3291 1.25136C12.0143 1.8547 10.6316 3.37421 10.0422 6.43558C9.18077 6.70373 8.34203 6.94953 7.54863 7.19534C8.22869 4.87138 9.88349 1.0726 12.8077 1.0726Z" fill="#95BF47"></path><path d="M24.074 5.80986C23.9607 5.80986 21.5351 5.63109 21.5351 5.63109C21.5351 5.63109 19.8577 3.97751 19.6537 3.79874C19.5857 3.7317 19.495 3.68701 19.4043 3.68701L18.0442 31.1723L27.8143 29.0941C27.8143 29.0941 24.3914 6.23443 24.3687 6.07801C24.3234 5.92159 24.1874 5.83221 24.074 5.80986Z" fill="#5E8E3E"></path><path d="M14.7119 11.1284L13.5105 14.659C13.5105 14.659 12.445 14.1003 11.1529 14.1003C9.24877 14.1003 9.1581 15.2847 9.1581 15.5752C9.1581 17.1841 13.4198 17.8097 13.4198 21.5862C13.4198 24.5582 11.5156 26.4799 8.93141 26.4799C5.82582 26.4799 4.26169 24.5805 4.26169 24.5805L5.10042 21.8767C5.10042 21.8767 6.73256 23.2621 8.09268 23.2621C8.99942 23.2621 9.36211 22.5694 9.36211 22.0554C9.36211 19.9549 5.87116 19.8655 5.87116 16.402C5.87116 13.497 7.97933 10.6814 12.2637 10.6814C13.8958 10.6591 14.7119 11.1284 14.7119 11.1284Z" fill="white"></path><path d="M39.194 17.765C38.2192 17.2511 37.7205 16.8042 37.7205 16.2008C37.7205 15.4411 38.4232 14.9495 39.5113 14.9495C40.7808 14.9495 41.9142 15.4634 41.9142 15.4634L42.7983 12.7819C42.7983 12.7819 41.9822 12.1562 39.5793 12.1562C36.2244 12.1562 33.8895 14.0556 33.8895 16.7148C33.8895 18.2343 34.9776 19.3739 36.4284 20.2007C37.6072 20.8488 38.0152 21.318 38.0152 22.0107C38.0152 22.7258 37.4258 23.3068 36.3377 23.3068C34.7283 23.3068 33.1868 22.48 33.1868 22.48L32.2347 25.1615C32.2347 25.1615 33.6402 26.1 36.0204 26.1C39.466 26.1 41.9595 24.4241 41.9595 21.4074C41.9369 19.7538 40.6901 18.6142 39.194 17.765Z" fill="#1F2124"></path><path d="M52.9311 12.1112C51.2309 12.1112 49.8935 12.9157 48.8734 14.1223L48.8281 14.1L50.3015 6.50244H46.4705L42.7302 25.8539H46.5612L47.8307 19.2395C48.3294 16.7368 49.6441 15.1949 50.8682 15.1949C51.7296 15.1949 52.0697 15.7759 52.0697 16.6027C52.0697 17.1167 52.0243 17.7647 51.911 18.2787L50.4602 25.8539H54.2912L55.7873 18.0329C55.946 17.2061 56.0593 16.2228 56.0593 15.5525C56.082 13.3849 54.9486 12.1112 52.9311 12.1112Z" fill="#1F2124"></path><path d="M64.7641 12.1113C60.1397 12.1113 57.0795 16.2229 57.0795 20.8038C57.0795 23.7311 58.9156 26.0998 62.3612 26.0998C66.895 26.0998 69.9552 22.0999 69.9552 17.4073C69.9779 14.6811 68.3684 12.1113 64.7641 12.1113ZM62.8826 23.1948C61.5678 23.1948 61.0238 22.0999 61.0238 20.7144C61.0238 18.5469 62.1572 15.0163 64.2427 15.0163C65.6028 15.0163 66.0562 16.1783 66.0562 17.2955C66.0562 19.6195 64.9001 23.1948 62.8826 23.1948Z" fill="#1F2124"></path><path d="M79.7933 12.1113C77.2091 12.1113 75.7357 14.3683 75.7357 14.3683H75.6903L75.917 12.3348H72.5167C72.358 13.6979 72.0407 15.7984 71.746 17.3626L69.0711 31.217H72.9021L73.9675 25.6082H74.0582C74.0582 25.6082 74.8516 26.0998 76.3024 26.0998C80.8134 26.0998 83.7603 21.5412 83.7603 16.938C83.7603 14.3906 82.6042 12.1113 79.7933 12.1113ZM76.121 23.2395C75.1236 23.2395 74.5342 22.6809 74.5342 22.6809L75.1689 19.1502C75.6223 16.7816 76.8691 15.2174 78.2065 15.2174C79.3853 15.2174 79.748 16.29 79.748 17.2955C79.748 19.7536 78.2745 23.2395 76.121 23.2395Z" fill="#1F2124"></path><path d="M89.2462 6.68115C88.022 6.68115 87.0473 7.64202 87.0473 8.87104C87.0473 9.98832 87.7727 10.7704 88.8608 10.7704H88.9061C90.1076 10.7704 91.1276 9.96598 91.1503 8.58054C91.1503 7.46325 90.4022 6.68115 89.2462 6.68115Z" fill="#1F2124"></path><path d="M83.8737 25.8317H87.7046L90.3115 12.4019H86.4579L83.8737 25.8317Z" fill="#1F2124"></path><path d="M100.082 12.3793H97.4068L97.5428 11.7537C97.7695 10.4576 98.5402 9.31798 99.8324 9.31798C100.512 9.31798 101.056 9.51909 101.056 9.51909L101.805 6.5471C101.805 6.5471 101.147 6.21191 99.719 6.21191C98.3589 6.21191 96.9988 6.59179 95.956 7.46328C94.6413 8.55822 94.0292 10.1448 93.7345 11.7537L93.6212 12.3793H91.8304L91.2636 15.2396H93.0545L91.0143 25.8315H94.8453L96.8854 15.2396H99.5377L100.082 12.3793Z" fill="#1F2124"></path><path d="M109.33 12.4019C109.33 12.4019 106.928 18.3682 105.862 21.6307H105.817C105.749 20.5804 104.865 12.4019 104.865 12.4019H100.83L103.142 24.7144C103.187 24.9825 103.165 25.1613 103.051 25.3401C102.598 26.1892 101.85 27.016 100.966 27.6193C100.24 28.1333 99.4243 28.4685 98.7896 28.6919L99.855 31.9097C100.626 31.7533 102.258 31.1053 103.618 29.8539C105.363 28.245 106.996 25.7423 108.65 22.3457L113.343 12.4019H109.33Z" fill="#1F2124"></path></svg></a></div><nav class="lg:flex hidden h-full" aria-label="Main" itemscope="" itemType="https://schema.org/SiteNavigationElement" data-click-outside="dismiss" data-component-name="desktop-main-navigation" data-viewable-component="true"><ul class="flex h-full"><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://help.shopify.com/en/partners" aria-label="External source: Docs">Docs</a></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://community.shopify.com/c/partners-and-developers/ct-p/appdev" aria-label="External source: Community">Community</a></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://academy.shopify.com" aria-label="External source: Shopify Academy">Shopify Academy</a></div></li></ul></nav><div class="ml-auto transition-opacity duration-200 opacity-100 delay-100"><ul class="lg:flex hidden items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/nz" data-component-name="shopify site">shopify.com</a></li><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/organizations" data-component-name="login" aria-label="External source: Log in">Log in</a></li><li class="leading-[0]"><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="sign up" data-mode="light" target="">Join Now</a></li></ul><ul class="flex items-center lg:hidden mr-[-15px]"><li class="mr-2 sm:mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/signup" data-component-name="shopify site" aria-label="External source: Join Now">Join Now</a></li><li><button class="flex h-12 w-12 cursor-pointer select-none flex-col items-center justify-center gap-1" aria-label="Menu" aria-expanded="false" aria-controls="MobileDrawer" aria-haspopup="true" type="button" data-component-name="navigation-toggle-open"><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div></button></li></ul></div></div></div><div class="top-0 w-full z-20 before:absolute before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-global-header-with-border before:z-20 after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 after:bg-white text-black before:border-y before:border-black/20 after:opacity-100 pointer-events-auto before:opacity-0 sticky"><div class="h-global-header container flex items-center relative z-20"><div data-component-name="secondary-navigation" class="flex items-center gap-x-8 w-full h-14 sm:h-global-header text-black"><a class="absolute left-0 top-1/2 -translate-y-1/2 transform-opacity will-change-opacity duration-200 z-20 opacity-0 pointer-events-none" href="/nz/" data-component-name="logo-home"><svg viewBox="0 0 32 36" role="img" aria-labelledby="ShoppingBagOnlyLogoTitle" class="w-8 h-9"><title id="ShoppingBagOnlyLogoTitle">Shopify</title><path fill="#95BF47" d="M27.1851 6.83166C27.1598 6.65519 27.0079 6.55435 26.8813 6.55435C26.7548 6.55435 24.2489 6.50393 24.2489 6.50393C24.2489 6.50393 22.148 4.48717 21.9455 4.26028C21.743 4.0586 21.338 4.10902 21.1861 4.15944C21.1861 4.15944 20.7812 4.28549 20.123 4.48717C20.0218 4.13423 19.8446 3.70567 19.6168 3.2519C18.8828 1.84016 17.769 1.08387 16.4528 1.08387C16.3516 1.08387 16.2756 1.08387 16.1744 1.10908C16.1237 1.05866 16.0984 1.00824 16.0478 0.983034C15.4656 0.378004 14.7316 0.0754894 13.8457 0.100699C12.1498 0.151118 10.4539 1.38639 9.0617 3.55441C8.09984 5.0922 7.36579 7.00813 7.13798 8.49549C5.18896 9.10052 3.82211 9.52908 3.77149 9.52908C2.78432 9.8316 2.75901 9.85681 2.63245 10.7896C2.58182 11.4954 0 31.3858 0 31.3858L21.6671 35.1168L31.0578 32.7975C31.0325 32.7975 27.2104 7.00813 27.1851 6.83166ZM19.0346 4.8401C18.5284 4.99136 17.9715 5.16783 17.364 5.3695C17.364 4.51238 17.2375 3.30232 16.8578 2.29393C18.1487 2.49561 18.7815 3.95777 19.0346 4.8401ZM16.225 5.69723C15.086 6.05016 13.8457 6.42831 12.6054 6.80645C12.9597 5.47034 13.6179 4.15944 14.4278 3.27711C14.7316 2.94938 15.1619 2.59645 15.6428 2.39477C16.1491 3.37794 16.2503 4.76447 16.225 5.69723ZM13.8963 1.23513C14.3013 1.23513 14.6303 1.31076 14.9088 1.51244C14.4532 1.73932 13.9975 2.09226 13.5925 2.54603C12.5041 3.70567 11.6688 5.49555 11.3398 7.23501C10.302 7.56274 9.2895 7.86525 8.37827 8.14256C8.98576 5.39471 11.2892 1.31076 13.8963 1.23513Z"></path><path fill="#5E8E3E" d="M26.8814 6.55452C26.7548 6.55452 24.2489 6.5041 24.2489 6.5041C24.2489 6.5041 22.148 4.48733 21.9455 4.26045C21.8696 4.18482 21.7684 4.1344 21.6671 4.1344V35.117L31.0579 32.7977C31.0579 32.7977 27.2358 7.00829 27.2104 6.83183C27.1598 6.65536 27.0079 6.55452 26.8814 6.55452Z"></path><path fill="white" d="M16.4528 11.3696L15.3644 15.4283C15.3644 15.4283 14.1494 14.8737 12.7066 14.9745C10.5804 15.1006 10.5804 16.4367 10.5804 16.7644C10.707 18.5795 15.4909 18.9828 15.7694 23.2433C15.9719 26.5961 13.9975 28.8902 11.112 29.0667C7.66952 29.2432 5.77112 27.2264 5.77112 27.2264L6.50517 24.1256C6.50517 24.1256 8.42888 25.5625 9.9476 25.4617C10.9348 25.4113 11.3144 24.5794 11.2638 24.0248C11.112 21.6551 7.2139 21.8063 6.96078 17.8988C6.75829 14.6216 8.90981 11.3191 13.6685 11.0166C15.5162 10.8906 16.4528 11.3696 16.4528 11.3696Z"></path></svg></a><nav aria-label="Secondary" class="hidden lg:block h-full transition-transform will-change-transform duration-200 translate-x-0" data-click-outside="dismiss"><ul class="flex items-center gap-x-8 h-full"><li class="relative flex flex-col items-center h-full border-black/30"><a href="/nz/partners/blog" class="font-bold flex items-center h-full hover:underline outline-4 outline-state-focus focus-visible:outline">Blog</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/nz/partners/blog/topics/shopify-news" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Shopify News</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/nz/partners/blog/topics/case-studies" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Case Studies</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/nz/partners/blog/latest" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Latest</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><button type="button" aria-expanded="false" aria-haspopup="true" aria-controls="id_More_3" class="h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1"><span class="flex items-center">More<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" icon="chevron" height="64" width="64" class="rotate-180 shrink-0 w-5 h-7 ml-2"><path fill="currentColor" d="M12 10.4a.798.798 0 0 1-.566-.234L8 6.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4A.8.8 0 0 1 12 10.4Z"></path></svg></span></button><div id="id_More_3" class="absolute top-[80px] duration-500 left-0 rounded-lg transition-all box-content opacity-0 -translate-y-6 pointer-events-none w-[256px] bg-white text-black shadow-light"><ul class="p-4 w-[224px] box-content"><li class="py-3 px-4 rounded-lg"><a href="/nz/partners/blog/topics/shopify-app-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">App development</a></li><li class="py-3 px-4 rounded-lg"><a href="/nz/partners/blog/topics/shopify-theme-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Shopify Theme Development</a></li><li class="py-3 px-4 rounded-lg"><a href="/nz/partners/blog/topics/front-end-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Front End Development</a></li><li class="py-3 px-4 rounded-lg"><a href="/nz/partners/blog/topics/inspiration-creativity" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Inspiration & Creativity</a></li><li class="py-3 px-4 rounded-lg"><a href="/nz/partners/blog/topics/finding-new-clients" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Finding New Clients</a></li><li class="py-3 px-4 rounded-lg"><a href="/nz/partners/blog/topics" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">See All topics</a></li></ul></div></li></ul></nav><div class="hidden lg:block ml-auto"><div class="hidden lg:flex flex-row items-center text-base cursor-pointer blog-navbar-navigation">Search<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full z-50 bg-white lg:hidden"><div class="lg:container lg:h-[71px] flex items-center"><div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]"><form method="get" action="/nz/partners/blog/shopify-online-store" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value=""><input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent py-2 placeholder-shade-50" type="text" name="header-search" autoComplete="off" placeholder="Search" value=""/><button class="lg:hidden p-6 -mr-6" aria-label="Search icon"><svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></button></form><div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-shade-50">Type something you're looking for<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="hidden lg:block p-2 cursor-pointer ml-auto"><svg viewBox="0 0 20 20" class="size-5"><path d="M12.72 13.78a.75.75 0 1 0 1.06-1.06l-2.72-2.72 2.72-2.72a.75.75 0 0 0-1.06-1.06l-2.72 2.72-2.72-2.72a.75.75 0 0 0-1.06 1.06l2.72 2.72-2.72 2.72a.75.75 0 1 0 1.06 1.06l2.72-2.72 2.72 2.72Z"></path></svg></div></div></div></div></div><div class="pl-8 app-signup-links transform-opacity duration-200 relative before:h-[22px] before:bg-shade-30 before:w-[1px] before:absolute before:left-0 before:top-[1/2] before:translate-[-1/2] opacity-0 lg:hidden"><ul class="flex items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/nz" data-component-name="shopify site">shopify.com</a></li><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/organizations" data-component-name="login" aria-label="External source: Log in">Log in</a></li><li class="leading-[0]"><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="sign up" data-mode="light" target="">Join Now</a></li></ul></div></div></div></div><svg class="sr-only" aria-hidden="true"><defs><linearGradient id="start_svg__a" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="manage_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#1CD9D9"></stop><stop offset="1" stop-color="#70D50E"></stop></linearGradient><linearGradient id="market_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#EA4EF2"></stop><stop offset="1" stop-color="#29C9FF"></stop></linearGradient><linearGradient id="start_svg__b" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="sell_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#33EDE2"></stop><stop offset="1" stop-color="#6754FF"></stop></linearGradient><clipPath id="white_circle_svg__a"><path fill="#fff" d="M0 0h40v40H0z"></path></clipPath><linearGradient id="paint0_linear_1_569" x1="6.12412" y1="7.32529" x2="16.6923" y2="17.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint1_linear_1_569" x1="18.4621" y1="6.91041" x2="12.5203" y2="17.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_589" x1="7.59808" y1="8.96" x2="28.4853" y2="30.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint1_linear_41_589" x1="18.4622" y1="6.91041" x2="12.7852" y2="12.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_568" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white" stop-opacity="0"></stop></linearGradient><radialGradient id="paint1_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-96.3402) scale(54.3323 72.1138)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-15.5615) scale(82.0061 39.4114)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_568" x1="15.1241" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_568" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_612" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_612" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_612" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_651" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_651" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_651" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_588" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_588" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_588" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_588" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_625" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_625" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_625" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_662" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_662" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_662" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_662" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient></defs></svg></header><main role="main" id="main" tabindex="-1" class="focus-visible:outline-none"><div class="fixed top-0 left-0 h-[6px] z-50 bg-partners-highlight" style="width:null%"></div><section class="grid grid-cols-full bg-section-light-bg text-section-light-text featured-blogs gap-y-0 pt-36 pb-0" data-section-name="" data-component-name="shopify-online-store" data-viewable-component="true" data-mode="light"><div class="relative overflow-hidden bg-partners-conversionBg bg-partners-article-converion bg-no-repeat bg-bottom"><picture data-component-name="image"><img alt="" class="absolute right-[-380px] h-full w-auto min-w-[950px]" src=""/></picture><div class="container relative flex flex-col items-center text-center py-[60px] px-[40px] tablet-xl:px-[130px] desktop:px-[210px]"><p class="richtext font-extralight font-sans text-white text-t2">Become a Shopify Partner.</p><p class="richtext font-extralight mb-4 font-sans text-white text-t2">Unlock business growth.</p><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 border-button-light-primary-border ring-button-light-primary-border hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled text-base font-ibmmono font-medium bg-partners-conversionButton text-partners-conversionButtonText hover:bg-[#62ba6b] hover:text-black active:bg-[#00740B] active:text-black focus:bg-[#00740B] focus:text-black" data-component-name="button" target="">Join Today</a></div></div><article id="article" itemscope="" itemType="https://schema.org/Article" class="featured-blogs__section"><meta itemProp="mainEntityOfPage" content="/nz/partners/blog/shopify-online-store"/><meta itemProp="dateModified" content="2021-06-29T18:16:30.000Z"/><div class="relative"><div class="py-10 tablet:text-center desktop:pt-16 desktop:pb-16" data-mode="light"><div class="container desktop:w-9/12 desktop:mx-auto"><div class="uppercase text-shade-100 font-aktivgroteskextended text-[12px] leading-[14px] tracking-[0.01em] font-semibold tablet-xl:font-shopifysans tablet-xl:text-[11px] tablet-xl:leading-[13px] tablet:tracking-[0.5px] tablet:font-bold pb-2"><a href="/nz/partners/blog" class="no-underline hover:text-link-light-hover topic-link">blog</a><span class="richtext px-2.5 text-xs">|</span><a href="/nz/partners/blog/topics/shopify-news" class="no-underline hover:text-link-light-hover topic-link">Shopify News</a></div><h1 class="richtext font-medium tracking-[-0.02em] text-[28px] leading-9 tablet-xl:text-[40px] tablet-xl:leading-[48px]" itemProp="headline">Introducing Online Store 2.0: What it Means For Developers</h1><p class="richtext font-normal tracking-[-0.02em] text-[18px] leading-[26px] tablet-xl:text-[20px] tablet-xl:leading-7 desktop:text-[22px] desktop:leading-8 mt-4 desktop:mt-4">Today at Shopify Unite, we announced an end-to-end overhaul of how themes are built at Shopify, with the release of Online Store 2.0. With sections on every page, moveable and app-powered blocks, better metafields, and a suite of new developer tools, Online Store 2.0 marks a new world for developers and a complete rebuild of how merchants interact with the online store. Click through to learn more, including how to migrate your themes and apps, and how to submit themes to the soon-to-reopen Shopify Theme Store.</p><div class="lg:hidden mt-4 tablet-xl:mt-12"><div class="gap-x-1 flex flex-wrap font-bold sm:justify-center !text-lg text-legacy-gray-90"> by <span itemProp="author" itemscope="" itemType="https://schema.org/Person"><a href="/nz/partners/blog/authors/amelia-garvey" class="no-underline" itemProp="url"><span itemProp="name">Amelia Garvey</span></a></span></div><div class="text-body-sm text-shade-50">Last updated <time>29 Jun 2021</time></div></div></div></div><div class="tablet:container desktop:w-9/12 desktop:mx-auto overflow-hidden flex justify-center"><img class="" src="https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782" alt="shopify online store" loading="eager" decoding="async" width="1848" height="782" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=600 600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=800 800w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=1000 1000w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=1200 1200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=1400 1400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=1600 1600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982&originalWidth=1848&originalHeight=782&width=1800 1800w"/></div></div><div class="container grid-cols-4 sm:grid-cols-8 md:grid-cols-12 block tablet-xl:grid gap-y-0 gap-x-12"><div class="col-span-4 xs:col-span-12 md:col-span-4 lg:col-span-3 col-start-1 nav-drawer md:pb-20 pt-10 desktop:pt-16" data-component-name="blog-left-sidebar"><nav class="md:top-[calc(var(--header-height)*2)] md:max-h-[calc(100vh-var(--header-height))] md:overflow-auto md:sticky md:pb-6 pr-2"><div class="flex py-5 md:hidden border-y border-shade-20 text-[12px] mb-6 md:mb-0 leading-[20px] font-medium px-6">On this page<svg viewBox="0 0 20 20" class="w-[20px] h-[20px] ml-auto transition"><path fill-rule="evenodd" d="M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"></path></svg></div><div class="mb-4 uppercase hidden md:block">On this page</div><ul class="relative overflow-auto before:absolute before:inset-y-0 before:left-0 md:before:bg-shade-20 before:w-[1px] before:z-1 my-10 md:mt-0 md:mb-16 hidden md:block"><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#architecture">Upgraded theme architecture</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#content">Flexible store content</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#editor">Enhancements to the theme editor</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#tools">New developer tools</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#theme">A new reference theme</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#store">The Shopify Theme Store reopening</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#updating">Updating your themes and apps</a></li></ul><div class="bg-[#EAE8FF] hidden md:block"><div class="p-6"><p class="richtext text-2xl font-aktivgroteskextended text-[#390278] font-bold mb-4">Earn more revenue as a Shopify Partner</p><p class="richtext font-aktivgroteskextended text-[#212326] text-base mb-4">Grow your Shopify expertise and unlock new ways to earn revenue for your own business with the Shopify Partner Program.</p><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled text-base bg-[#390278] hover:bg-[#390278] active:bg-[#390278] focus:bg-[#390278]" data-component-name="button" target="">Become a Partner</a></div></div></nav></div><div class="col-span-4 xs:col-span-12 md:col-span-8 lg:col-span-6 col-start-1"><div id="article-content" class="text-body-base text-shade-70 md:pt-10 desktop:pt-16 [&_h2]:text-t4 [&_h2]:mt-12 [&_h2]:mb-6 [&_h2]:text-black [&_h2]:font-medium [&_.heading--2]:text-t5 [&_.heading--2]:text-black [&_.heading--2]:font-aktivgroteskextended [&_.heading--2]:mb-6 [&_.heading--2]:font-medium [&_h3]:text-t5 [&_h3]:mt-12 [&_h3]:mb-4 [&_h3]:text-black [&_h4]:text-t6 [&_h4]:mt-12 [&_h4]:mb-4 [&_h4]:text-black [&_h5]:text-t7 [&_p]:mb-6 [&_hr]:mb-6 [&_a]:text-black [&_a]:font-medium [&_a]:underline [&_a:hover]:no-underline [&_sup_a]:no-underline [&_sup_a:hover]:underline [&_.marketing-button]:text-white [&_.marketing-button]:no-underline [&_a>img]:mt-3 [&_a>img]:mb-8 [&_a>img]:h-[revert-layer] [&_img]:my-12 [&_a>img]:inline-block [&_figure>img]:mb-0 [&_figure]:mb-12 [&_img]:inline-block [&_ul]:list-disc [&_ul]:space-y-3 [&_ul]:pl-6 [&_ul]:mb-6 [&_ul_li]:pl-4 [&_ol]:list-decimal [&_ol]:space-y-3 [&_ol]:pl-6 [&_ol]:mb-6 [&_ol_li]:pl-4 [&_ol_li::marker]:font-bold [&_iframe]:max-w-full [&_figcaption]:mb-12 [&_figcaption]:text-center [&_figcaption]:text-xs [&_figcaption]:sm:text-sm [&_figcaption]:mt-1 [&_strong]:font-medium [&_strong]:text-black [&_.heading--4]:font-aktivgroteskextended [&_.heading--4]:text-2xl [&_.heading--4]:text-black [&_.heading--4]:font-medium [&_.heading--4]:tracking-[-.02em] [&_iframe]:mt-3 [&_iframe]:mb-9 [&_.container]:m-0 [&_.container]:flex [&_.container]:gap-5 [&_.container]:flex-wrap [&_.green]:text-[green] [&_.red]:text-[red] [&_.pros]:bg-[#eafaea] [&_.pros]:rounded-[10px] [&_.pros]:p-5 [&_.pros_h3]:mt-2 [&_.cons]:bg-[#ffebe6] [&_.cons]:rounded-[10px] [&_.cons]:p-5 [&_.cons_h3]:mt-2 [&_.pros]:tablet:flex-[1_0_calc(50%-10px)] [&_.pros]:flex-[1_0_100%] [&_.cons]:tablet:flex-[1_0_calc(50%-10px)] [&_.cons]:flex-[1_0_100%] [&_.pros_.grid-container]:grid [&_.cons_.grid-container]:grid [&_.grid-container]:gap-[5px] [&_.grid-container]:grid-cols-[15px_auto] [&_.pros_.grid-container]:p-[5px] [&_.cons_.grid-container]:p-[5px] [&_.aspect-video_iframe]:mt-0 article-content [&_.truncated-text]:relative [&_.truncated-text]:max-h-[300px] [&_.truncated-text]:overflow-hidden [&_.truncated-text]:mb-6 [&_.truncated-text::before]:absolute [&_.truncated-text::before]:content-[""] [&_.truncated-text::before]:bottom-0 [&_.truncated-text::before]:w-full [&_.truncated-text::before]:h-[150px] [&_.truncated-text::before]:bg-gradient-to-t [&_.truncated-text::before]:from-white [&_.truncated-text::before]:from-50% [&_.truncated-text::before]:to-transparent [&_.truncated-text\_\_toggle]:absolute [&_.truncated-text\_\_toggle]:bottom-0 [&_.truncated-text\_\_toggle]:w-full [&_.truncated-text\_\_toggle]:text-center [&_.marketing-code]:bg-[#f0f1f2] [&_.marketing-code]:font-bold [&_.marketing-code]:p-1 [&_.marketing-code.marketing-code--block]:p-4 [&_.marketing-code--block]:block [&_.marketing-code--block]:max-w-full [&_.marketing-code--block]:overflow-x-scroll [&_.marketing-code--block]:mb-5 [&_.partners-signup]:mt-6 [&_.partners-signup]:mb-12 [&_.partners-signup]:bg-gray-200 [&_.partners-signup]:p-3 [&_.partners-signup]:md:p-6 [&_.table]:block [&_.table]:overflow-x-scroll [&_.table]:max-w-full" itemProp="articleBody"><div class="hidden leadpage-container leadpage__image leadpage__content marketing-button hide--mobile block--bordered"></div><div> <p>Today at Shopify Unite, we announced one of our biggest updates to date: Online Store 2.0. </p> <p>Online Store 2.0 opens up massive opportunities for developers building themes and apps for Shopify merchants. We’ve rebuilt the online store experience from the ground up, and are introducing a new set of developer tools to help you create amazing experiences for merchants and shoppers.</p> <p>In this article, we’ll take a look at these new tools and features to understand how they impact your work, and the possibilities they present. We’ll also explain <a href="/nz/partners/blog/shopify-online-store#updating">the requirements</a> to update your themes and apps to Online Store 2.0 standards. </p> <p>Let’s jump in.</p> <h2 id="architecture">1. Upgraded theme architecture </h2> <p>We’ve upgraded the theme architecture for the online store, providing easier and more flexible customization options for merchants. There are also new opportunities for developers to build themes and integrations that can be easily customized by the merchant to fit their needs.</p> <h3>Sections on every page</h3> <p>Up until now, merchants have been limited in how they represent their businesses on Shopify, with the flexibility of sections being limited to only the home page. Code edits, elaborate workarounds with blocks, or custom apps were needed to achieve a similar effect across other pages.</p> <p>That all changes with sections on every page. Now, merchants can add sections to all pages, not just the home page, unlocking a range of new opportunities to personalize every aspect of a store. </p> <h4>How sections on every page works</h4> <p>These changes are achieved by a new approach to how the storefront renders templates. Each page type can now be rendered using a JSON template file, which lists the sections of that page, and stores settings data related to any additional section that is added or edited by a merchant. Stores can have multiple template files that map to different products, collection pages, custom pages, blog posts, and more, allowing merchants to easily have different product, collection, and other pages in the same store.</p> <p>Within the new JSON template files, you can define which sections should appear by default when your theme is first installed, and which order they should appear in. Once the JSON template is added, a merchant can navigate to the theme editor, and add any section that contains presets—exactly how you would add dynamic sections to the home page previously. </p> <p>To see a model of how this could be set up, take a look at the <code class="marketing-code">/templates</code> directory of our new theme, <a href="/nz/partners/blog/shopify-online-store#theme">Dawn</a>, in <a href="https://utm.io/udrGH" rel="nofollow noopener noreferrer" target="_blank">the GitHub repo</a>, or read our <a href="https://shopify.dev/themes/architecture/templates/json-templates?itcat=partner_blog&itterm=shopify_online_store">developer documentation on JSON templates</a>. </p> <p>See below for a demo of templates.</p> <div class="relative aspect-video mb-8"><div data-component="youtube-facade" data-src="https://www.youtube.com/embed/ryTcZagfSrg" class="absolute inset-0 w-full h-full"></div></div> <h3>Theme app extensions with app blocks</h3> <p>With the updated theme architecture comes an update to how apps integrate with the storefront. Currently, there’s no structured, end-to-end solution for apps to easily integrate with themes. Developers are left to build integration logic for every existing theme and host assets themselves, making it hard to build features that work consistently across all themes and are fast anywhere in the world.</p> <p>To solve these challenges, we’re introducing <a href="https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog&itterm=shopify_online_store">theme app extensions for developers</a>, allowing you to extend apps into merchants’ themes via app blocks.</p> <figure><img class="marketing-block marketing-block--bordered" src="https://cdn.shopify.com/s/files/1/0533/2089/files/image4.gif?v=1624461430" alt="Shopify online store: A GIF of the updated theme editor, showing an app block being added to a product page. The user selects "Add block" and chooses the app from a drop-down list."> <figcaption>An app block being added to a product page in the <a href="/nz/partners/blog/shopify-online-store#editor">updated theme editor</a>.</figcaption> </figure> <h4>Built-in modularity</h4> <p>App blocks represent a radical change in the way apps are included inside of themes. App developers can now build UI components that can be added, removed, and configured directly through the theme editor without having to touch a theme’s code. This means uninstalls are also cleaner, with ghost code automatically removed.</p> <p>Theme app extensions can be easily created, published, and updated (with versioning) from the Shopify CLI, just like other app extensions. </p> <p>This modularity means you no longer need to build integration logic for every existing theme. And since it’s no longer necessary to open up the theme code to manually install your app, you won’t have to worry about breaking changes being introduced. That means less time troubleshooting with users.</p> <p>To identify if a merchant is using a theme that is compatible with your theme app extensions, you should use the <a href="https://shopify.dev/docs/admin-api/rest/reference/online-store/theme?itcat=partner_blog&itterm=shopify_online_store">Theme API</a> and <a href="https://shopify.dev/docs/admin-api/rest/reference/online-store/asset?itcat=partner_blog&itterm=shopify_online_store">Assets API</a>. Knowing which type of theme a merchant is using will help you offer the best onboarding experience for merchants to integrate the app into their theme.</p> <h4>Host and manage assets</h4> <p>You’ll also be able to add your app’s supporting assets to your theme app extensions for fast hosting via Shopify’s CDN, and easily reference those assets from within your theme extension’s app blocks. </p> <figure><img class="marketing-block marketing-block--bordered" src="https://cdn.shopify.com/s/files/1/0533/2089/files/image3_ca98932d-4178-4559-989f-77778896456f.png?v=1624461507" alt="Shopify online store: A flow chart showing how an app block and theme app extension interact." loading="lazy"> <figcaption>An example of an app block included in a theme app extension.</figcaption> </figure> <p>To build your first theme app extensions and make your apps compatible with Online Store 2.0, visit the <a href="https://shopify.dev/apps/online-store/theme-app-extensions/migrate?itcat=partner_blog&itterm=shopify_online_store">migration information in our documentation</a>.</p> <h2 id="content">2. Flexible store content</h2> <p>With Online Store 2.0, developers don't have to hardcode metafields into themes or rely on APIs to make changes to product pages. Theme developers can now use dynamic sources to insert standard metafields and known resource properties as setting defaults. </p> <h3>Improvements to metafields</h3> <p>The <a href="/nz/partners/blog/shopify-online-store#editor">updated theme editor</a> will allow merchants to add <a href="https://shopify.dev/apps/metafields?itcat=partner_blog&itterm=shopify_online_store">metafields</a> and properties without the use of APIs or code. That means merchants will be able to add exactly the content they need to the product page, like introducing a space for buyers to include a size chart or ingredient list. Anything that is unlikely to appear in the core store editor can now be added in via metafields.</p> <p>On the development side, we’ve revamped metafields in three key ways: </p> <ul> <li> <strong><strong>More flexible: </strong></strong>Metafields now have a much more flexible type system that will grow over time to become more tailored to commerce data.</li> <li> <strong>Standard metafields: </strong>We’re introducing standard metafields, which make it much simpler for custom themes to work out of the box on stores across different market verticals.</li> <li> <strong>Presentation hints: </strong>You will now be able to add presentation hints to metafields, allowing Storefront API and Liquid users to render merchant data in the way the merchant intended, with far less custom code.</li> </ul> <p>Learn more about metafields <a href="https://shopify.dev/apps/metafields?itcat=partner_blog&itterm=shopify_online_store">in our documentation</a>, and watch a demo below.</p> <div class="relative aspect-video mb-8"><div data-component="youtube-facade" data-src="https://www.youtube.com/embed/KulSA9U2-u8"></div></div> <h3>File picker</h3> <p>Metafields now support media such as images or PDF files. Rather than hard coding an asset into a theme, the metafield file picker makes it easy to upload and select media on product pages. All your images saved in the <strong>Settings/Files</strong> section are immediately available for use. </p> <p>For example, if merchants would like to have a product warranty or sizing chart available for download on a product page, the file picker makes it easy to select that file with a simple UX, and insert it where the file metafield is placed on their theme.</p> <h3>Files API</h3> <p>Developers will also gain access to the contents of <strong>Settings/Files</strong> through the new Files API. This GraphQL API enables apps to upload or select existing media content from <strong>Settings/Files</strong>. Apps can now benefit from access to this area of the admin, including populating media metafields with content.</p> <p>This opens up opportunities for apps to use this space for files and images that aren't directly associated with a product, including images used in themes. Learn more about the Files API <a href="https://shopify.dev/docs/admin-api/graphql/reference/products-and-collections/file?itcat=partner_blog&itterm=shopify_online_store">in our documentation</a>.</p> <h2 id="editor">3. Enhancements to the theme editor</h2> <p>To empower merchants to take advantage of these improvements and updates—and to make it easier for developers to navigate—we’ve also made substantial enhancements to the theme editor.</p> <p>Instead of needing to drill down into different sections, the editor now displays a tree view of all the content on a page in the sidebar. From this sidebar, merchants can hide most blocks, with the exception of the header and the footer (which can contain blocks that can be moved or hidden, but can’t be hidden themselves). These changes let merchants easily update the hierarchy of a page. </p> <figure><img class="marketing-block marketing-block--bordered" src="https://cdn.shopify.com/s/files/1/0533/2089/files/image2.2021-06-23_11_16_32.gif?v=1624461594" alt="Shopify online store: A GIF of the updated theme editor, showing how sections can easily be moved." loading="lazy"> <figcaption>The updated theme editor in action.</figcaption> </figure> <h3>Liquid input setting</h3> <p>An additional update to the theme editor is the new Liquid input setting that will allow merchants to add custom Liquid code to pages directly from the editor. The Liquid setting is similar to the HTML setting type, except that it will allow access to Liquid variables, meaning merchants will be able to access global- and template-specific Liquid objects. </p> <p>This setting will reduce the need for merchants to manually change the code of a theme, particularly when adding code for apps that use Liquid. Developers can learn how to add this setting to a section or block <a href="https://shopify.dev/themes?itcat=partner_blog&itterm=shopify_online_store">in our developer documentation</a>, or view <a href="/nz/partners/blog/shopify-online-store#theme">our new theme</a> <a href="https://utm.io/udrGX" rel="nofollow noopener noreferrer" target="_blank">Dawn’s <code class="marketing-code">custom-liquid</code> section</a> for an example of how this can be implemented. </p> <p>These changes make it easier for merchants to work with the new features of Online Store 2.0, and make decisions about their online store without engaging with a developer—freeing up your time to focus on building creative integrations and solutions.</p> <h2 id="tools">4. New developer tools</h2> <p>Online Store 2.0 introduces a whole new way for developers to build apps and themes for Shopify merchants. To support this change, we’re introducing a suite of <a href="https://shopify.dev/themes/tools?itcat=partner_blog&itterm=shopify_online_store">new developer tools</a> that seamlessly integrate into Shopify and assist the process of developing, testing, and deploying your themes.</p> <p>With the introduction of the Shopify GitHub integration, an updated Shopify CLI tool, and Theme Check, you’ll experience more robust theme development with version control, a better sandboxed environment to develop themes locally, and streamlined development with a real-time linter tuned for Shopify themes. </p> <p>Below, we look at what each of these tools means for you.</p> <h3>Shopify Github integration</h3> <p>We’re launching a new integration with GitHub to make theme development and maintenance easier to track and manage. By connecting your GitHub user account or organization to an online store, changes are both pushed and pulled to a Github repo that is always in-sync with the current state of selected themes.</p> <p>The GitHub integration with themes will allow developers to collaborate safely when editing themes by introducing native support for version control. When working on a merchant’s store, developers can now implement workflows where changes to themes must be reviewed and merged on GitHub before populating to a live theme.</p> <p>For those of you that use CI to perform linting, testing, and file transformations before deploying to an online store, such as running Theme Check or compiling SCSS into CSS, the Github integration can be used in combination with Git subtrees to sync the production-ready files. See more on this <a href="https://shopify.dev/themes/tools/github?itcat=partner_blog&itterm=shopify_online_store">in our documentation</a>, and watch a demo of the GitHub integration below.</p> <div class="relative aspect-video mb-8"><div data-component="youtube-facade" data-src="https://www.youtube.com/embed/FHqo3aYjCw8"></div></div> <h3>Shopify CLI</h3> <p>We’ve also made some significant changes to the existing <a href="https://shopify.dev/tools/cli?itcat=partner_blog&itterm=shopify_online_store">Shopify CLI tool</a>. App developers have been using the CLI to quickly generate Node.js and Ruby on Rails apps and app extensions, but we’ve now widened the scope of the tool to include themes.</p> <p>The Shopify CLI accelerates your theme development because it can now:</p> <ul> <li>Safely develop, preview, and test changes to themes inside of development themes</li> <li>Hot-reload CSS and Liquid section changes as you’re developing thanks to the new dev server</li> <li>Initialize a new theme project using our new theme, <a href="/nz/partners/blog/shopify-online-store#theme">Dawn</a>, as a starting point</li> <li>Push and publish themes from the command line</li> <li>Run <a href="/nz/partners/blog/shopify-online-store#check">Theme Check</a> on your theme</li> <li>Populate test data for your theme, including products, customers, and draft orders</li> </ul> <h4>Development themes</h4> <p>Development themes are temporary, hidden themes that are connected to the Shopify store you’re using for development. When you call <code class="marketing-code">shopify theme serve</code>, the Shopify CLI automatically creates a development theme inside the store you’re working on, and will reuse that theme each time <code class="marketing-code">shopify theme serve</code> is subsequently run. You don’t need to worry about others viewing or making edits to it because development themes are not visible on the <code class="marketing-code">admin/themes</code> page. </p> <p>Development themes don’t count towards your theme limit, and are deleted from the store after seven days of inactivity. They are also destroyed when you run <code class="marketing-code">shopify-logout</code>, so if you need a preview link that won’t be destroyed when you log out, you should push your theme to the store instead.</p> <p>Development themes can be used to view changes to a theme that you’re developing locally in real time, and interact with and customize the theme using the theme editor.</p> <p>These tools are designed to make your development process easier, and get you up and running with Online Store 2.0 quickly.</p> <h3 id="check">Theme Check</h3> <p>Theme Check is a language server for Liquid and JSON that scans themes for errors and highlights Shopify theme and Liquid best practices. This tool can integrate with text editors such as Visual Studio Code, and identifies several types of issues within your theme code, including Liquid syntax errors, missing templates, performance issues, and more. </p> <p>To help you to debug theme issues quickly, error messages include a link to the failed check's documentation. Theme Check is also bundled with the Shopify CLI tool, so you don't need to install it separately. <a href="https://shopify.dev/themes/tools/theme-check?itcat=partner_blog&itterm=shopify_online_store">Check out our developer documentation</a> to learn how to install and use Theme Check when testing your themes. </p> <p>See below for a video of the new code editor in action.</p> <div class="relative aspect-video mb-8"><div data-component="youtube-facade" data-src="https://www.youtube.com/embed/N-eYtDuKJPo"></div></div> <h2 id="theme">5. A new reference theme</h2> <p>To accompany the launch of Online Store 2.0, we’re all launching a brand new default theme that ties together all the features described above. We call it Dawn. </p> <p>Dawn is Shopify’s first source-available reference theme with OS 2.0 flexibility and a focus on speed. It is built with semantic markup with HTML and CSS, instead of leaning on polyfills and external libraries, to create great experiences on all browsers. It’s designed to maximize flexibility while minimizing complexity, which means balancing being opinionated with our design with allowing merchants the space to make changes that they deemed fit for their business. </p> <p>We kept our emphasis on speed as we built Dawn, and the result is that Dawn is fast by default, no matter what—it loads 35 percent faster than Debut, the theme that more than half of merchants use today.</p> <figure><img src="https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store-dawn.png?v=1624471954" alt="Shopify online store: A visual of Dawn, Shopify's new theme." loading="lazy"> <figcaption>Dawn, Shopify's first source-available reference theme.</figcaption> </figure> <p>Since Dawn already has JSON templates for all of its pages, you can use it as a model when unlocking sections on your own themes. It will eventually be the new default theme for all new stores, replacing Debut.</p> <p>Learn more about how we built Dawn by reading our article <a href="https://utm.io/uduAB" rel="nofollow noopener noreferrer" target="_blank">on the Shopify UX Blog</a>.</p> <h3>On using minimal JavaScript</h3> <p>Arguably the biggest pursuit with Dawn is that we explored how far can you really get with a <a href="/nz/partners/blog/legacy-browser-support?itcat=partner_blog&itterm=shopify_online_store">JavaScript-only-as-needed approach to development</a>. This is because we are prioritizing speed more than ever, providing a fast foundation to increase the likelihood that merchant stores load quickly. </p> <p>We knew that building with minimal JavaScript meant we would not compromise on the user experience for merchants and buyers. In some cases, JavaScript is necessary even if it’s not the most performant choice. But where it made sense, we leaned on native browser features instead of JavaScript libraries and polyfills. </p> <p>We’re encouraging developers to take advantage of native browser functionality where possible to render HTML and CSS layouts. </p> <h2 id="store">6. The Shopify Theme Store reopening</h2> <p>We’re excited to announce that in addition to the improvements of Online Store 2.0, we will also be reopening the <a href="https://themes.shopify.com?itcat=partner_blog&itterm=shopify_online_store">Shopify Theme Store</a> to partners on July 15, 2021. On that day, you will be able to submit your new themes for review, and approved themes will begin being published.</p> <p>Even better is that in September, we will be removing all revenue share on the first million dollars you make annually on the Shopify Theme Store. That means that if you make less than $1 million USD, you will pay zero percent revenue share—and those numbers reset every year. When you make more than $1 million USD, you’ll still only pay a 15 percent revenue share on the incremental earnings.</p> <p>There will be a one-time submission fee of $99 USD per account to submit to the Shopify Theme Store, plus a 2.9 percent processing fee on all transactions. We’ll have more info on this update soon. </p> <p>With millions of merchants using Shopify to run their businesses, now is the time to build themes for these global entrepreneurs. The Shopify Theme Store has been closed since 2018, so this is an opportunity to get in early and establish yourself as a trusted theme developer.</p> <p><a href="https://shopify.dev/themes/store/requirements?itcat=partner_blog&itterm=shopify_online_store">Learn more about the updated guidelines</a> for submitting your theme to the Shopify Theme Store. If you haven’t already, sign up below for a Shopify Partner account, and start building your first theme.</p> <div data-partners-signup="general"></div> <h2 id="updating">7. Updating your themes and apps</h2> <p>To take full advantage of these improvements, you should plan to migrate your themes and apps to the updated requirements of Online Store 2.0 as soon as possible—especially as merchants come to expect the flexibility OS 2.0 provides.</p> <p>By the end of the year, it will be required that all themes in the Shopify Theme Store and apps in the Shopify App Store use the new infrastructure. Merchants’ existing themes will continue to work beyond this year, but to access new Online Store 2.0 features through the theme editor, merchants will need to make sure their theme is Online Store 2.0 compatible.</p> <p>Learn more about <a href="https://shopify.dev/themes/migration?itcat=partner_blog&itterm=shopify_online_store">migrating your themes to OS 2.0</a> and <a href="https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog&itterm=shopify_online_store">building theme app extensions</a> to make your apps compatible with OS 2.0 themes.</p> <h3>Updated documentation</h3> <p>To help support you in updating your themes and apps, we’ve overhauled the developer documentation for the online store. Our documentation now includes:</p> <ul> <li>How-tos for developer workflows and processes with themes</li> <li>Best practices for commerce components with semantic web best practices</li> <li>How apps should integrate with the new online store architecture, including how to make your app work with legacy themes</li> </ul> <p>Visit <a href="https://shopify.dev/themes?itcat=partner_blog&itterm=shopify_online_store">our new documentation</a> to learn more about updating your apps and themes. Stay in the loop with updates on all things development at Shopify by joining our monthly What’s New for Developers newsletter.</p> <h2>Building for the future of commerce</h2> <p>Online Store 2.0 marks an end-to-end overhaul of how themes are built at Shopify. With sections on every page, app-powered blocks, flexible data storage, and robust developer tools, the process of building a theme on Shopify is easier than ever before. The extensibility offered to app developers means more opportunity to build integrations for merchants and surface your solution directly in the online store.</p> <p><a href="https://shopify.dev/themes/migration?itcat=partner_blog&itterm=shopify_online_store">Update your themes</a> and <a href="https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog&itterm=shopify_online_store">create theme app extensions for your apps</a> to take full advantage of these updates, to continue building for merchants around the world.</p> <meta charset="utf-8"> <p><span>Learn more at: </span><a href="/partners">Shopify Partners</a></p><div id=":R0:" data-component-name="blog-read-more" class="marketing-block marketing-block--light marketing-block--padded text-body-sm text-left my-8 tablet:my-16 p-8 bg-marketingBg border-t-2 [&_h2]:text-t5 border-partners-highlight"><h2 class="!mt-0 mb-6 font-aktivgroteskextended">Read more</h2><ul class="!mt-0 !mb-0"><li class="mt-2"><a href="/nz/partners/blog/how-to-build-a-shopify-app">How to Build a Shopify App: The Complete Guide</a></li><li class="mt-2"><a href="/nz/partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers">The Essential List of Resources for Shopify Theme Development</a></li><li class="mt-2"><a href="/nz/partners/blog/shopify-unite-announcements-2021">All of the Announcements From Shopify Unite 2021</a></li><li class="mt-2"><a href="/nz/partners/blog/introduction-to-shopify-theming-for-wordpress-theme-developers">Introduction to Shopify Theming for WordPress Theme Developers</a></li><li class="mt-2"><a href="/nz/partners/blog/marketing-tools">3 New Ways to Entice and Engage App Users—Marketing Activities App Extension and Ping</a></li><li class="mt-2"><a href="/nz/partners/blog/113806086-announcing-the-new-shopify-plus-partner-program">Announcing the New Shopify Plus Partner Program</a></li></ul></div></div></div><div class="border-t tablet-xl:border-[#d4d4d8] my-16 py-6 flex tablet-xl:flex-row justify-between flex-col"><div class="flex items-center tablet-xl:justify-start tablet-xl:flex-row flex-row-reverse justify-between"><div class="self-center flex flex-col"><div class="gap-x-1 flex flex-wrap text-lg font-aktivgroteskextended leading-[18px] font-bold mb-2"> by <span itemProp="author" itemscope="" itemType="https://schema.org/Person"><a href="/nz/partners/blog/authors/amelia-garvey" class="no-underline" itemProp="url"><span itemProp="name">Amelia Garvey</span></a></span></div><div class="text-body-sm text-shade-50">Last updated <time>29 Jun 2021</time></div></div></div><div class="xs:border-b tablet-xl:border-0 pb-4"><div class="font-bold text-xs font-aktivgroteskextended uppercase mt-4 tablet-xl:mt-0 tablet-xl:text-right">Share article</div><ul id=":R1bj95n5:" class="flex gap-4 mt-4" data-component-name="social"><li><a class="block h-9 w-9 fill-black hover:fill-shade-7" aria-describedby="blog-social-icon-facebook-:R1bj95n5:" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.shopify.com%2Fnz%2Fpartners%2Fblog%2Fshopify-online-store" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook" aria-label="External source: Facebook (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path></svg><span id="blog-social-icon-facebook-:R1bj95n5:" class="sr-only">Facebook</span></a></li><li><a class="block h-9 w-9 fill-black hover:fill-shade-7" aria-describedby="blog-social-icon-twitter-:R1bj95n5:" href="https://twitter.com/intent/tweet?text=Introducing+Online+Store+2.0:+What+it+Means+For+Developers&url=https%3A%2F%2Fwww.shopify.com%2Fnz%2Fpartners%2Fblog%2Fshopify-online-store&via=Shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter" aria-label="External source: Twitter (Opens in a new window)"><svg viewBox="0 0 19 19"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path></svg><span id="blog-social-icon-twitter-:R1bj95n5:" class="sr-only">Twitter</span></a></li><li><a class="block h-9 w-9 fill-black hover:fill-shade-7" aria-describedby="blog-social-icon-linkedin-:R1bj95n5:" href="https://www.linkedin.com/shareArticle?mini=true&source=Shopify&title=Introducing+Online+Store+2.0:+What+it+Means+For+Developers&url=https%3A%2F%2Fwww.shopify.com%2Fnz%2Fpartners%2Fblog%2Fshopify-online-store" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin" aria-label="External source: LinkedIn (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path></svg><span id="blog-social-icon-linkedin-:R1bj95n5:" class="sr-only">LinkedIn</span></a></li></ul></div></div></div><div class="col-span-4 xs:col-span-12 lg:col-span-3 col-start-1 hidden lg:block relative" data-component-name="blog-right-sidebar"><div class="tablet-xl:pt-10 desktop:pt-16 pb-6 absolute h-full max-h-full tot-0 left-0"><div class="h-full overflow-hidden" id="blog-side-banners-col"><div class="gap-x-1 flex flex-wrap font-bold text-lg text-legacy-gray-90 !font-shopifysans"> by <span itemProp="author" itemscope="" itemType="https://schema.org/Person"><a href="/nz/partners/blog/authors/amelia-garvey" class="no-underline" itemProp="url"><span itemProp="name">Amelia Garvey</span></a></span></div><div class="text-body-sm text-shade-50">Last updated <time>29 Jun 2021</time></div><div id="blog-side-banners"><div class="mt-[640px] border-t border-shade-30 pt-6 hidden" data-priority="2" data-component-name="blog-CTA-sidebar-email"><p class="richtext text-xl mb-2 font-aktivgroteskextended">Let’s grow your digital business</p><p class="richtext text-sm mb-4">Get design inspiration, development tips, and practical takeaways delivered straight to your inbox.</p><form method="post" action="/nz/blog/api/subscribe"><div id=":R36r95n5:" data-component-name="waitlist-form-input-wrapper" class="[&_input]:rounded-full [&_input]:border-shade-3 [&_input]:mb-1 [&_input]:pl-4 [&_input]:border-solid [&_input]:border [&_input]:border-shade-30 [&_input]:text-xs tablet-xl:[&_input]:text-base [&_div]:text-xs tablet-xl:[&_div]:text-base [&_button]:bg-black [&_button]:text-white [&_button]:h-14 [&_button]:text-lg [&_button]:text-lg [&_button]:hover:bg-[#3f3f46] [&_button]:active:bg-[#71717a]"><label for="email-input-:R36r95n5H1:" class="sr-only">Enter email</label><input id="email-input-:R36r95n5H1:" class="text-shade-70 h-14 w-full bg-transparent outline-none placeholder:text-black placeholder:font-normal" type="email" spellcheck="false" autoComplete="email" name="email" placeholder="Enter email"/><input type="hidden" name="subscriptionId" value="DE84EF61-2A02-4778-8807-F01B108DE974"/><input type="hidden" name="signup_page" value="/nz/partners/blog/shopify-online-store"/><input type="hidden" name="locale" value="en-NZ"/><input type="hidden" name="blogHandle" value="partners"/><input type="hidden" name="form_type" value="subscribe"/><div class="hidden sm:block"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Get updates</button></div></div><div class="block w-full sm:hidden"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Get updates</button></div><input class="sr-only" id=":R1pb6r95n5:" name="address" aria-label="address"/></form><p class="richtext text-xs mt-2 text-shade-60">No charge. Unsubscribe anytime.</p></div><div class="font-aktivgroteskextended mt-[640px]" data-priority="0"><p class="richtext text-base uppercase mb-6">popular posts</p><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/web-design-tools-and-resources" data-component-name="blog-popular-post-Web Design Tools and Resources">Web Design Tools and Resources</a></span><a href="/nz/partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes" data-component-name="blog-popular-post-93130630-10-beautiful-ecommerce-website-color-schemes"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">10 Beautiful Ecommerce Website Color Schemes</span></a></span><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/shopify-app-development" data-component-name="blog-popular-post-Shopify App Development">Shopify App Development</a></span><a href="/nz/partners/blog/how-to-build-a-shopify-app" data-component-name="blog-popular-post-how-to-build-a-shopify-app"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">How to Build a Shopify App: The Complete Guide </span></a></span><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/web-design-tools-and-resources" data-component-name="blog-popular-post-Web Design Tools and Resources">Web Design Tools and Resources</a></span><a href="/nz/partners/blog/79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups" data-component-name="blog-popular-post-79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups</span></a></span><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/inspiration-creativity" data-component-name="blog-popular-post-Inspiration & Creativity">Inspiration & Creativity</a></span><a href="/nz/partners/blog/web-design-portfolio-inspiration" data-component-name="blog-popular-post-web-design-portfolio-inspiration"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">20 Memorable Web Design Portfolio Examples to Inspire Your Own Website</span></a></span></div><div class="font-aktivgroteskextended mt-[640px]" data-priority="0"><p class="richtext text-base uppercase mb-6">popular posts</p><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/web-design" data-component-name="blog-popular-post-Web Design">Web Design</a></span><a href="/nz/partners/blog/inclusive-design" data-component-name="blog-popular-post-inclusive-design"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">Inclusive Design: 12 Ways to Design for Everyone</span></a></span><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/learning-liquid" data-component-name="blog-popular-post-Learning Liquid">Learning Liquid</a></span><a href="/nz/partners/blog/img-url-filter" data-component-name="blog-popular-post-img-url-filter"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">How to Manipulate Images with the img_url Filter</span></a></span><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/shopify-news" data-component-name="blog-popular-post-Shopify News">Shopify News</a></span><a href="/nz/partners/blog/shopify-marketplace-kit" data-component-name="blog-popular-post-shopify-marketplace-kit"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit</span></a></span><span class="mb-4 pl-2 border-l border-[#CAD4D7] inline-block"><span class="uppercase text-xs mb-2 block pt-2 font-bold [&_a]:no-underline [&_a]:hover:text-link-light-hover"><a href="/nz/partners/blog/topics/shopify-news" data-component-name="blog-popular-post-Shopify News">Shopify News</a></span><a href="/nz/partners/blog/shopify-online-store" data-component-name="blog-popular-post-shopify-online-store"><span class="richtext text-base block hover:underline hover:underline-offset-4 font-normal">Introducing Online Store 2.0: What it Means For Developers</span></a></span></div></div></div></div></div></div><div itemProp="publisher" itemscope="" itemType="https://schema.org/Organization"><meta itemProp="name" content="Shopify"/><div itemProp="logo" itemscope="" itemType="https://schema.org/ImageObject"><meta itemProp="url" content="https://cdn.shopify.com/assets/images/logos/shopify_logo_black.png"/><meta itemProp="width" content="210"/><meta itemProp="height" content="60"/></div></div></article><div class="py-10 tablet-xl:py-16 overflow-hidden lg:hidden tablet-xl:pt-0 pt-0 [&_h5]:uppercase [&_.popular-posts]:border-t-2"><div class="container"><div class="flex justify-between items-center mb-9"><h5 class="richtext tracking-[-.02em] blog-section-header text-[26px] leading-[30px] tablet:text-[24px] tablet:leading-[32px] font-bold tablet:font-medium">popular posts</h5></div></div><div class="container max-lg:!mr-0"><div class="flex justify-start flex-nowrap max-w-full overflow-x-auto snap-x snap-mandatory gap-x-gutter pr-[var(--margin)] lg:flex-wrap lg:justify-center lg:overflow-hidden lg:gap-y-gutter lg:mb-gutter lg:mx-auto lg:py-4 lg:pr-0"><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/web-design-tools-and-resources" class="no-underline">Web Design Tools and Resources</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes" rel="" target="_self">10 Beautiful Ecommerce Website Color Schemes</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2019-08-20</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/shopify-app-development" class="no-underline">Shopify App Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/how-to-build-a-shopify-app" rel="" target="_self">How to Build a Shopify App: The Complete Guide </a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2021-02-24</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/web-design-tools-and-resources" class="no-underline">Web Design Tools and Resources</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups" rel="" target="_self">15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2019-04-17</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/inspiration-creativity" class="no-underline">Inspiration & Creativity</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/web-design-portfolio-inspiration" rel="" target="_self">20 Memorable Web Design Portfolio Examples to Inspire Your Own Website</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2019-05-01</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/web-design" class="no-underline">Web Design</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/inclusive-design" rel="" target="_self">Inclusive Design: 12 Ways to Design for Everyone</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2018-03-23</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/learning-liquid" class="no-underline">Learning Liquid</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/img-url-filter" rel="" target="_self">How to Manipulate Images with the img_url Filter</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2018-01-04</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/shopify-news" class="no-underline">Shopify News</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/shopify-marketplace-kit" rel="" target="_self">Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2022-05-13</p></div></article></div><div class="popular-posts support-card shrink-0 snap-center w-[296px] lg:basis-1/4-gutter"><article class="article--index"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/nz/partners/blog/topics/shopify-news" class="no-underline">Shopify News</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/nz/partners/blog/shopify-online-store" rel="" target="_self">Introducing Online Store 2.0: What it Means For Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">2021-01-29</p></div></article></div></div><div class="mobile-indicators mt-6 flex justify-center gap-x-2 lg:hidden"><div class="rounded-full box-content w-2 h-2 bg-black w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div><div class="rounded-full box-content w-2 h-2 bg-[#d9d9d9] w-2 h-2"></div></div></div></div><div class="grid md:grid-cols-2"><div class="relative overflow-hidden"><img class="h-full w-full object-cover absolute top-0 left-0 bottom-0" src="https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040" alt="subscription banner" loading="lazy" decoding="async" width="1420" height="1040" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=200 200w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=400 400w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=600 600w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=800 800w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=1000 1000w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=1200 1200w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=1400 1400w"/></div><div class="flex bg-black"><div class="text-left desktop:mx-10 self-center py-16 md:py-28 mx-10 md:mx-0 md:px-4 desktop:px-8"><div class="text-left text-section-dark-text [&_span]:font-aktivgroteskextended [&_span]:text-left tablet-xl:[&_span]:text-[40px] [&_span]:leading-[48px] [&_span]:font-medium [&_span]:tracking-normal [&_p]:text-white [&_p]:text-left [&_p]:text-lg [&_p]:leading-[26px] [&_p]:font-normal [&_p]:tracking-tight [&_p]:pb-6" data-mode="dark" data-component-name="heading-group"><span class="richtext text-t2">Let’s grow your digital business</span><p class="richtext text-body-lg pt-sm">Get design inspiration, development tips, and practical takeaways delivered straight to your inbox.</p></div><div class="[&_p]:text-left [&_p]:text-xs [&_p]:leading-[18px] [&_p]:pt-xs [&_button]:mt-[3px]" data-mode="dark" data-center="false"><form method="post" action="/nz/blog/api/subscribe" class="flex w-full flex-col justify-center sm:w-[406px] [&_button]:bg-[#7BE986] items-start text-white"><div id=":Ruh5n5:" data-component-name="waitlist-form-input-wrapper" class="box-border flex h-14 w-full justify-between rounded-full border border-shades-60 border-[#52525B] pl-6 pr-1 items-start text-white bg-white"><label for="email-input-:Ruh5n5H1:" class="sr-only">Email here</label><input id="email-input-:Ruh5n5H1:" class="text-shade-70 h-14 w-full bg-transparent outline-none placeholder:text-black placeholder:font-normal" type="email" spellcheck="false" autoComplete="email" name="email" placeholder="Email here"/><input type="hidden" name="subscriptionId" value="DE84EF61-2A02-4778-8807-F01B108DE974"/><input type="hidden" name="signup_page" value="/nz/partners/blog/shopify-online-store"/><input type="hidden" name="locale" value="en-NZ"/><input type="hidden" name="blogHandle" value="partners"/><input type="hidden" name="form_type" value="subscribe"/><div class="hidden sm:block"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Get updates</button></div></div><div class="block w-full sm:hidden"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Get updates</button></div><input class="sr-only" id=":Reauh5n5:" name="address" aria-label="address"/></form><p class="richtext text-body-sm pt-sm sm:w-[406px] w-full items-left text-white">No charge. Unsubscribe anytime.</p></div></div></div></div></section><div class="relative overflow-hidden bg-partners-conversionBg bg-no-repeat tablet-xl:bg-partners-bottom-converion tablet-xl:bg-cover tablet-xl:bg-center bg-partners-bottom-converion-mobile bg-contain bg-left-bottom" data-component-name="cta-footer-banner"><div class="container relative flex flex-col items-center text-center py-[54px] tablet-xl:py-32"><span class="richtext normal-case font-light text-white font-sans text-[42px] tablet-xl:text-[64px] max-w-[800px] mb-9">Grow your business with the Shopify Partner Program</span><div data-component-name="button-group" class="text-base relative z-20 [&_a]:bg-partners-conversionButton [&_a]:text-partners-conversionButtonText [&_a]:font-ibmmono [&_a]:text-base [&_a]:font-medium [&_a]:hover:bg-[#62ba6b] [&_a]:hover:text-black [&_a]:px-5 [&_a]:py-[10px]" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-sm justify-center"><a href="/nz/partners" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py md:text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">Join Today</a></div></div></div></div></main><div class="bg-black text-white"><div class="container"><div class="border-b border-[#151516] flex flex-col items-start md:flex-row pt-14 pb-4 md:pb-6"><a href="/nz/about" class="text-base font-bold mb-4 md:mr-5">About</a><a href="/nz/careers" class="text-base font-bold mb-4 md:mr-5">Careers</a><a href="https://www.shopify.com/news" class="text-base font-bold mb-4 md:mr-5">Press and Media</a><a href="/nz/plus" class="text-base font-bold mb-4 md:mr-5">Shopify Plus</a><a href="/nz/sitemap" class="text-base font-bold mb-4 md:mr-5">Sitemap</a></div></div><div class="border-b border-[#151516] pt-8 md:pt-5"><div class="container flex flex-row"><div class="md:flex md:flex-row md:mb-6 w-1/2 md:w-4/6"><div class="mb-16 md:mb-0 md:w-3/4"><div class="text-sm uppercase font-extrabold mb-4">Online Store</div><div class="md:columns-3"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/online">Sell Online</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/examples">Examples</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/website/builder">Website Builder</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tour">Online Retail</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tour/ecommerce-website">Ecommerce Website</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/domains">Domain Names</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tour/shopping-cart">Shopping Cart</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tour/ecommerce-hosting">Ecommerce Hosting</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/mobile">Mobile Commerce</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/online-store">Online Store Builder</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/dropshipping">Dropshipping Business</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://themes.shopify.com/">Store Themes</a></div></div></div><div class="mb-16 md:mb-0 md:w-1/4"><div class="text-sm uppercase font-extrabold mb-4">Point of Sale</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/pos">Point of Sale</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/pos/features">Features</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/pos/store">Hardware</a></div></div></div></div><div class="md:flex md:flex-row md:mb-6 w-1/2 md:w-2/6"><div class="mb-16 md:mb-0 md:w-1/2"><div class="text-sm uppercase font-extrabold mb-4">Support</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://help.shopify.com/en/questions">24/7 support</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://help.shopify.com/en/">Shopify Help Center</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=footer&utm_content=en&utm_medium=web&utm_source=shopify">Shopify Community</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopify.dev/docs/api">API Documentation</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tools">Free Tools</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/stock-photos">Free Stock Photos</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tools/logo-maker">Logo Maker</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/tools/business-name-generator">Business Name Generator </a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/plus/commerce-trends">Research</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/legal">Legal</a></div></div></div><div class="mb-16 md:mb-0 md:w-1/2"><div class="text-sm uppercase font-extrabold mb-4">Shopify</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/contact">Contact</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/partners">Partner Program</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/affiliates">Affiliate Program</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopify.dev/?shpxid=a8997906-5385-4535-23F8-D9928E4EE397">App Developers</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopifyinvestors.com/Home/default.aspx">Investors</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/blog/topics">Blog Topics</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://community.shopify.com/c/events/eb-p/events_en/home?utm_campaign=homepage&utm_content=en&utm_medium=web&utm_source=shopify"></a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/nz/fulfillment">Fulfillment</a></div></div></div></div></div></div><div class="container flex flex-col-reverse md:flex-row items-center justify-between pt-8 pb-16 md:py-10"><ul class="flex gap-4 md:gap-6 mt-5 md:mt-0" data-component-name="social"><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.facebook.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook" aria-label="External source: Facebook (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://twitter.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter" aria-label="External source: Twitter (Opens in a new window)"><svg viewBox="0 0 19 19"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.youtube.com/user/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-youtube" aria-label="External source: YouTube (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7 6.3 3.8-6.3 3.8v-7.6z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.instagram.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-instagram" aria-label="External source: Instagram (Opens in a new window)"><svg viewBox="0 0 18 18"><path clip-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" fill-rule="evenodd"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.tiktok.com/@shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-tiktok" aria-label="External source: TikTok (Opens in a new window)"><svg viewBox="0 0 30 30"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30ZM17.9679 11.937C19.1423 12.7643 20.551 13.2076 21.9952 13.2041V10.3838C21.2138 10.3841 20.4497 10.1579 19.7979 9.73365C19.3398 9.44298 18.9467 9.06336 18.6427 8.61802C18.3387 8.17268 18.1302 7.67098 18.0299 7.1436C17.9873 6.90737 17.9669 6.66779 17.9689 6.42789H15.0829V17.7069C15.0829 18.2146 14.92 18.7094 14.6173 19.1206C14.3146 19.5317 13.8877 19.8382 13.3975 19.9962C12.9073 20.1543 12.3789 20.1558 11.8878 20.0006C11.3966 19.8454 10.9679 19.5414 10.6627 19.1321C10.3576 18.7227 10.1916 18.2289 10.1886 17.7211C10.1856 17.2134 10.3456 16.7177 10.6458 16.3048C10.946 15.8919 11.3711 15.583 11.8604 15.4221C12.3496 15.2612 12.878 15.2566 13.37 15.409V12.5068C12.2944 12.3595 11.1987 12.539 10.2295 13.0213C9.26031 13.5037 8.46383 14.2658 7.94658 15.2058C7.42933 16.1458 7.21597 17.2188 7.33504 18.2814C7.4541 19.344 7.89992 20.3455 8.61286 21.1519C9.3258 21.9583 10.2719 22.5312 11.3246 22.794C12.3772 23.0568 13.4863 22.997 14.5035 22.6225C15.5207 22.2479 16.3975 21.5766 17.0166 20.6983C17.6357 19.82 17.9676 18.7766 17.9679 17.7075V11.937Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.linkedin.com/company/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin" aria-label="External source: LinkedIn (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.pinterest.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-pinterest" aria-label="External source: Pinterest (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"></path></svg></a></li></ul><div class="flex flex-col md:flex-row items-center"><a href="/nzhttps://www.shopify.com/legal/terms" class="text-white text-15 ml-0 md:ml-6 mb-3 md:mb-[2px]">Terms of Service</a><a href="/nzhttps://www.shopify.com/legal/privacy" class="text-white text-15 ml-0 md:ml-6 mb-[2px]">Privacy Policy</a><div class="relative hidden sm:block" data-click-outside="dismiss" data-component-name="regions"><button aria-controls="regionSelector" aria-expanded="false" aria-haspopup="true" class="bg-transparent mx-auto md:inline-block py-3" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: New Zealand"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-black"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">New Zealand</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-black"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="w-128 absolute bottom-[calc(100%+5em)] z-50 rounded-lg leading-8 bg-white text-black shadow-soft-2xl right-0" id="regionSelector" data-component-name="region-selector" style="display:none"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex"><a class="flex hover:underline text-black" href="/nz/partners/blog/shopify-online-store" data-component-name="en-0" aria-current="true">New Zealand<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex"><a class="flex hover:underline text-black" href="/au/partners/blog/shopify-online-store" lang="en" data-component-name="en-1" aria-current="false">Australia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ca/partners/blog/shopify-online-store" lang="en" data-component-name="en-2" aria-current="false">Canada (English)</a></li><li class="flex"><a class="flex hover:underline text-black" href="/hk-en/partners/blog/shopify-online-store" lang="en" data-component-name="en-3" aria-current="false">Hong Kong SAR</a></li><li class="flex"><a class="flex hover:underline text-black" href="/in/partners/blog/shopify-online-store" lang="en" data-component-name="en-4" aria-current="false">India</a></li><li class="flex"><a class="flex hover:underline text-black" href="/id/partners/blog/shopify-online-store" lang="en" data-component-name="en-5" aria-current="false">Indonesia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ie/partners/blog/shopify-online-store" lang="en" data-component-name="en-6" aria-current="false">Ireland</a></li><li class="flex"><a class="flex hover:underline text-black" href="/my/partners/blog/shopify-online-store" lang="en" data-component-name="en-7" aria-current="false">Malaysia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ng/partners/blog/shopify-online-store" lang="en" data-component-name="en-8" aria-current="false">Nigeria</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ph/partners/blog/shopify-online-store" lang="en" data-component-name="en-9" aria-current="false">Philippines</a></li><li class="flex"><a class="flex hover:underline text-black" href="/sg/partners/blog/shopify-online-store" lang="en" data-component-name="en-10" aria-current="false">Singapore</a></li><li class="flex"><a class="flex hover:underline text-black" href="/za/partners/blog/shopify-online-store" lang="en" data-component-name="en-11" aria-current="false">South Africa</a></li><li class="flex"><a class="flex hover:underline text-black" href="/uk/partners/blog/shopify-online-store" lang="en" data-component-name="en-12" aria-current="false">United Kingdom</a></li><li class="flex"><a class="flex hover:underline text-black" href="/partners/blog/shopify-online-store" lang="en" data-component-name="en-13" aria-current="false">USA</a></li></ul></div></div><div class="relative block sm:hidden" data-click-outside="dismiss" data-component-name="regions"><div aria-hidden="true" class="fixed top-0 left-0 z-50 h-full w-full text-[1.1428571429em] will-change-auto transition-opacity motion-reduce:transition-none bg-white pointer-events-none opacity-0"></div><button class="bg-transparent mx-auto md:inline-block py-3" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: New Zealand"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-black"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">New Zealand</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-black"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="webkit-overflow-scrolling-touch fixed overflow-hidden z-[999] box-content will-change-auto w-full inset-0 mt-16 rounded-t-lg leading-[3rem] duration-300 ease-in-out motion-reduce:animation-none motion-reduce:transition-none bg-white text-black shadow-soft-2xl invisible translate-y-full" id="mobileRegionSelector" aria-label="Region Navigation" aria-modal="true" role="dialog"><div class="border-shade-30 border-b"><div class="flex items-center justify-between px-5 py-4"><h3 class="text-lg font-medium">Country/region</h3><button class="h-[1.2em] w-[1.2em] fill-current" type="button" data-component-name="region-selector-close"><svg viewBox="0 0 20 20" aria-label="Close Region Navigation" class="h-[1.2em] w-[1.2em] fill-current fill-black"><path d="m11.414 10 6.293-6.293a1 1 0 0 0-1.414-1.414L10 8.586 3.707 2.293a1 1 0 0 0-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 0 0 1.414 1.414L10 11.414l6.293 6.293a.996.996 0 0 0 1.414 0 1 1 0 0 0 0-1.414L11.414 10z"></path></svg></button></div></div><div class="h-full overflow-y-scroll pb-4"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex"><a class="flex hover:underline text-black" href="/nz/partners/blog/shopify-online-store" data-component-name="en-0" aria-current="true">New Zealand<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex"><a class="flex hover:underline text-black" href="/au/partners/blog/shopify-online-store" lang="en" data-component-name="en-1" aria-current="false">Australia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ca/partners/blog/shopify-online-store" lang="en" data-component-name="en-2" aria-current="false">Canada (English)</a></li><li class="flex"><a class="flex hover:underline text-black" href="/hk-en/partners/blog/shopify-online-store" lang="en" data-component-name="en-3" aria-current="false">Hong Kong SAR</a></li><li class="flex"><a class="flex hover:underline text-black" href="/in/partners/blog/shopify-online-store" lang="en" data-component-name="en-4" aria-current="false">India</a></li><li class="flex"><a class="flex hover:underline text-black" href="/id/partners/blog/shopify-online-store" lang="en" data-component-name="en-5" aria-current="false">Indonesia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ie/partners/blog/shopify-online-store" lang="en" data-component-name="en-6" aria-current="false">Ireland</a></li><li class="flex"><a class="flex hover:underline text-black" href="/my/partners/blog/shopify-online-store" lang="en" data-component-name="en-7" aria-current="false">Malaysia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ng/partners/blog/shopify-online-store" lang="en" data-component-name="en-8" aria-current="false">Nigeria</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ph/partners/blog/shopify-online-store" lang="en" data-component-name="en-9" aria-current="false">Philippines</a></li><li class="flex"><a class="flex hover:underline text-black" href="/sg/partners/blog/shopify-online-store" lang="en" data-component-name="en-10" aria-current="false">Singapore</a></li><li class="flex"><a class="flex hover:underline text-black" href="/za/partners/blog/shopify-online-store" lang="en" data-component-name="en-11" aria-current="false">South Africa</a></li><li class="flex"><a class="flex hover:underline text-black" href="/uk/partners/blog/shopify-online-store" lang="en" data-component-name="en-12" aria-current="false">United Kingdom</a></li><li class="flex"><a class="flex hover:underline text-black" href="/partners/blog/shopify-online-store" lang="en" data-component-name="en-13" aria-current="false">USA</a></li></ul></div></div></div></div></div></div></div><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CTuCHl1M.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BmnmoWJU.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-BJS5F588.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-DQuLW4bT.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-Bv1m84ju.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-Csvp0IIu.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-HFzBeLPW.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-IVgVfgzw.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-C-mg5gkk.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-YhaZ_g6D.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-q0mBv8hU.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-BsjI1VIY.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-vw4CYqxh.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-CRXFT8nJ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-D7XHZ9da.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-CPGsCYBt.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cm4ZPFll.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-Dqn2JlFF.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BaseInput-DxnbX8Hr.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/utils-DbZwQWK5.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-_1IofRan.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/article-BLvhnj4S.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-BbdjKmrS.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/LatestSection-D2JzJPNN.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-CO8llDlK.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-BRU1EM0A.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CGuzOVmV.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-DSm-KK0x.js"/><script>window.__remixContext = {"url":"/nz/partners/blog/shopify-online-store","basename":"/","future":{"v3_fetcherPersist":false,"v3_relativeSplatPath":false,"v3_throwAbortReason":false,"unstable_singleFetch":false,"unstable_fogOfWar":true},"isSpaMode":false,"state":{"loaderData":{"pages/shopify.com/($locale)~~layout":{"mainNavData":[{"content":"Solutions","data":{"gaEvent":"Main Nav","gaAction":"Online Solutions"},"navItems":[{"content":"Start","data":{"gaEvent":"Main Nav","gaAction":"Build Nav"},"columnStart":1,"columnSpan":3,"icon":"build","navItems":[{"content":"Start your business","url":"/nz/start","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Start"},"description":"Build your brand"},{"content":"Create your website","url":"/nz/website/builder","data":{"gaEvent":"Main Nav","gaAction":"Create your website"},"description":"Online store editor"},{"content":"Customize your store","url":"https://themes.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Customize your store"},"description":"Store themes"},{"content":"Find business apps","url":"https://apps.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Find business apps"},"description":"Shopify app store"},{"content":"Own your site domain","url":"/nz/domains","data":{"gaEvent":"Main Nav","gaAction":"Own your site domain"},"description":"Domains \u0026 hosting"},{"content":"Explore free business tools","url":"/nz/tools","data":{"gaEvent":"Main Nav","gaAction":"Explore free business tools"},"description":"Tools to run your business"}]},{"content":"Sell","data":{"gaEvent":"Main Nav","gaAction":"Sell Nav"},"columnStart":4,"columnSpan":3,"icon":"sell","navItems":[{"content":"Sell your products","url":"/nz/sell","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Sell your products"},"description":"Sell online or in person"},{"content":"Check out customers","url":"/nz/checkout","data":{"gaEvent":"Main Nav","gaAction":"Checkout customers"},"description":"World-class checkout"},{"content":"Sell online","url":"/nz/online","data":{"gaEvent":"Main Nav","gaAction":"Sell online"},"description":"Grow your business online"},{"content":"Sell across channels","url":"/nz/channels","data":{"gaEvent":"Main Nav","gaAction":"Sell on across channels"},"description":"Reach millions of shoppers and boost sales"},{"content":"Sell in person","url":"/nz/pos","data":{"gaEvent":"Main Nav","gaAction":"Sell in person"},"description":"Point of Sale (POS)"},{"content":"Sell globally","url":"/nz/markets","data":{"gaEvent":"Main Nav","gaAction":"Sell globally"},"description":"International sales"},{"content":"Sell wholesale \u0026 direct","url":"/nz/plus/solutions/b2b-ecommerce","data":{"gaEvent":"Main Nav","gaAction":"Sell wholesale and direct"},"description":"Business-to-business (B2B)"},{"content":"Accept online payments","url":"/nz/payments","data":{"gaEvent":"Main Nav","gaAction":"Accept online payments"},"description":"Set up forms of payment"}]},{"content":"Market","data":{"gaEvent":"Main Nav","gaAction":"Market Nav"},"columnStart":7,"columnSpan":3,"icon":"market","navItems":[{"content":"Market your business","url":"/nz/marketing","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Market your business"},"description":"Reach \u0026 retain customers"},{"content":"Market across social","url":"/nz/facebook-instagram","data":{"gaEvent":"Main Nav","gaAction":"Market across social"},"description":"Social media integrations"},{"content":"Nurture customers","url":"/nz/email-marketing","data":{"gaEvent":"Main Nav","gaAction":"Shopify Email"},"description":"Shopify Email"},{"content":"Know your audience","url":"/nz/segmentation","data":{"gaEvent":"Main Nav","gaAction":"Know your customers"},"description":"Gain customer insights"}]},{"content":"Manage","data":{"gaEvent":"Main Nav","gaAction":"Manage Nav"},"columnStart":10,"columnSpan":3,"icon":"manage","navItems":[{"content":"Manage your business","url":"/nz/manage","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Manage your business"},"description":"Track sales, orders \u0026 analytics"},{"content":"Measure your performance","url":"/nz/analytics","data":{"gaEvent":"Main Nav","gaAction":"Measure your Performance"},"description":"Analytics and Reporting"},{"content":"Manage your stock \u0026 orders","url":"/nz/orders","data":{"gaEvent":"Main Nav","gaAction":"Organize inventory and orders"},"description":"Inventory \u0026 order management"}]},{"aside":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Shopify Developers","url":"https://shopify.dev","data":{"gaEvent":"Main Nav","gaAction":"Shopify Developers"},"description":"Build with Shopify's powerful APIs","columnSpan":3},{"content":"Plus","url":"/nz/plus","data":{"gaEvent":"Main Nav","gaAction":"Shopify Plus"},"description":"A commerce solution for growing digital brands","columnSpan":3},{"content":"All Products","url":"/nz/products","data":{"gaEvent":"Main Nav","gaAction":"All products"},"description":"Explore all Shopify products \u0026 features","columnSpan":3}]}]},{"content":"Pricing","url":"/nz/pricing","data":{"gaEvent":"Main Nav","gaAction":"Pricing Nav"}},{"content":"Resources","data":{"gaEvent":"Main Nav","gaAction":"Resources Nav"},"navItems":[{"content":"Help and support","data":{"gaEvent":"Main Nav","gaAction":"Help and support Nav"},"columnStart":1,"columnSpan":3,"icon":"helpAndSupport","navItems":[{"content":"Help and support","url":"https://help.shopify.com/en/","data":{"gaEvent":"Main Nav","gaAction":"Help and support"},"description":"Get 24/7 support"},{"content":"How-to guides","url":"/nz/blog/topics/guides","data":{"gaEvent":"Main Nav","gaAction":"How-to guides"},"description":"Read in-depth business guides"},{"content":"Shopify blog","url":"/nz/blog","data":{"gaEvent":"Main Nav","gaAction":"Shopify blog"},"description":"Business strategy tips"}]},{"content":"Popular topics","data":{"gaEvent":"Main Nav","gaAction":"Popular topics Nav"},"columnStart":4,"columnSpan":6,"splitColumns":true,"icon":"popularTopics","navItems":[{"content":"What is Shopify?","url":"/nz/blog/what-is-shopify","data":{"gaEvent":"Main Nav","gaAction":"What is Shopify?"},"description":"How our commerce platform works"},{"content":"Shopify Editions","url":"/nz/editions","data":{"gaEvent":"Main Nav","gaAction":"Editions"},"description":"New, innovative Shopify products"},{"content":"Founder stories","url":"/nz/blog/topics/founder-stories","data":{"gaEvent":"Main Nav","gaAction":"Founder Stories"},"description":"Learn from successful merchants"},{"content":"Branding","url":"/nz/blog/how-to-build-a-brand","data":{"gaEvent":"Main Nav","gaAction":"Branding"},"description":"Build your brand from scratch"},{"content":"Marketing","url":"/nz/blog/marketing-plan","data":{"gaEvent":"Main Nav","gaAction":"Marketing"},"description":"Build a marketing plan"},{"content":"Ecommerce SEO","url":"/nz/blog/ecommerce-seo-beginners-guide","data":{"gaEvent":"Main Nav","gaAction":"Ecommerce SEO"},"description":"Improve your search ranking"},{"content":"Social media strategy","url":"/nz/blog/topics/social-media-optimization","data":{"gaEvent":"Main Nav","gaAction":"Social media strategy"},"description":"Turn social into sales"},{"content":"Business growth","url":"/nz/blog/how-to-scale-small-business","data":{"gaEvent":"Main Nav","gaAction":"Business growth"},"description":"Scale your business"}]},{"content":"Essential tools","data":{"gaEvent":"Main Nav","gaAction":"Essential tools Nav"},"columnStart":10,"columnSpan":3,"aside":true,"icon":"essentialTools","navItems":[{"content":"Logo maker","url":"/tools/logo-maker","data":{"gaEvent":"Main Nav","gaAction":"Logo maker"}},{"content":"Stock photography","url":"https://www.shopify.com/stock-photos","data":{"gaEvent":"Main Nav","gaAction":"Stock photography"}},{"content":"Business plan template","url":"/nz/blog/business-plan-template","data":{"gaEvent":"Main Nav","gaAction":"Business plan template"}},{"content":"Link in bio tool","url":"https://www.linkpop.com/","data":{"gaEvent":"Main Nav","gaAction":"Link in bio tool"}},{"content":"QR code generator","url":"/nz/tools/qr-code-generator","data":{"gaEvent":"Main Nav","gaAction":"QR code generator"}}]}]},{"content":"Enterprise","url":"/nz/enterprise","data":{"gaEvent":"Main Nav","gaAction":"Upmarket Enterprise CTA"}},{"content":"What’s new","data":{"gaEvent":"Main Nav","gaAction":"What's New"},"navItems":[{"simple":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Changelog","url":"https://changelog.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Changelog"},"description":"Your source for recent updates","columnSpan":3,"icon":"changelog"},{"content":"Summer ’24 Edition","url":"/nz/editions/summer2024","data":{"gaEvent":"Main Nav","gaAction":"Editions"},"description":"The latest 100+ product updates","columnSpan":3,"icon":"editions"},{"content":"All Editions","url":"/editions/all","data":{"gaEvent":"Main Nav","gaAction":"All Editions"},"description":"Archive of past Shopify Editions","columnSpan":3,"icon":"allEditions"},{"content":"Newsroom","url":"https://shopify.com/news","data":{"gaEvent":"Main Nav","gaAction":"Newsroom"},"description":"All company news and press releases","columnSpan":3,"icon":"newsroom"}]}]}]},"pages/shopify.com/($locale)/partners/blog/$article":{"article":{"__typename":"Article","authorV2":{"__typename":"ArticleAuthor","name":"Amelia Garvey","avatarUrl":"https://www.gravatar.com/avatar/79234e1d8d493fef458ae620a2afe17b?s=200\u0026d=404","isDisabledAuthor":false},"id":"gid://shopify/Article/555859673122","handle":"shopify-online-store","title":"Introducing Online Store 2.0: What it Means For Developers","publishedAt":"2021-06-29T18:16:30Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982","altText":"shopify online store","width":1215,"height":510},"tags":["Shopify News"],"contentHtml":"\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\" alt=\"shopify online store\"\u003e\n\u003cp\u003eToday at Shopify Unite, we announced one of our biggest updates to date: Online Store 2.0. \u003c/p\u003e\n\u003cp\u003eOnline Store 2.0 opens up massive opportunities for developers building themes and apps for Shopify merchants. We’ve rebuilt the online store experience from the ground up, and are introducing a new set of developer tools to help you create amazing experiences for merchants and shoppers.\u003c/p\u003e\n\u003cp\u003eIn this article, we’ll take a look at these new tools and features to understand how they impact your work, and the possibilities they present. We’ll also explain \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#updating\"\u003ethe requirements\u003c/a\u003e to update your themes and apps to Online Store 2.0 standards. \u003c/p\u003e\n\u003cp\u003eLet’s jump in.\u003c/p\u003e\n\u003cdiv class=\"marketing-block\" style=\"background: #f8f8f8; border: 1px solid #d6d7d7; padding: 0 20px 15px;\"\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003cspan style=\"color: #212b36;\"\u003eTable of contents\u003c/span\u003e\u003c/h3\u003e\n\u003chr\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"#architecture\"\u003eUpgraded theme architecture\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#content\"\u003eFlexible store content\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#editor\"\u003eEnhancements to the theme editor\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#tools\"\u003eNew developer tools\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#theme\"\u003eA new reference theme\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#store\"\u003eThe Shopify Theme Store reopening\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#updating\"\u003eUpdating your themes and apps\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003ch2 id=\"architecture\"\u003e1. Upgraded theme architecture \u003c/h2\u003e\n\u003cp\u003eWe’ve upgraded the theme architecture for the online store, providing easier and more flexible customization options for merchants. There are also new opportunities for developers to build themes and integrations that can be easily customized by the merchant to fit their needs.\u003c/p\u003e\n\u003ch3\u003eSections on every page\u003c/h3\u003e\n\u003cp\u003eUp until now, merchants have been limited in how they represent their businesses on Shopify, with the flexibility of sections being limited to only the home page. Code edits, elaborate workarounds with blocks, or custom apps were needed to achieve a similar effect across other pages.\u003c/p\u003e\n\u003cp\u003eThat all changes with sections on every page. Now, merchants can add sections to all pages, not just the home page, unlocking a range of new opportunities to personalize every aspect of a store. \u003c/p\u003e\n\u003ch4\u003eHow sections on every page works\u003c/h4\u003e\n\u003cp\u003eThese changes are achieved by a new approach to how the storefront renders templates. Each page type can now be rendered using a JSON template file, which lists the sections of that page, and stores settings data related to any additional section that is added or edited by a merchant. Stores can have multiple template files that map to different products, collection pages, custom pages, blog posts, and more, allowing merchants to easily have different product, collection, and other pages in the same store.\u003c/p\u003e\n\u003cp\u003eWithin the new JSON template files, you can define which sections should appear by default when your theme is first installed, and which order they should appear in. Once the JSON template is added, a merchant can navigate to the theme editor, and add any section that contains presets—exactly how you would add dynamic sections to the home page previously. \u003c/p\u003e\n\u003cp\u003eTo see a model of how this could be set up, take a look at the \u003ccode class=\"marketing-code\"\u003e/templates\u003c/code\u003e directory of our new theme, \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#theme\"\u003eDawn\u003c/a\u003e, in \u003ca href=\"https://utm.io/udrGH\"\u003ethe GitHub repo\u003c/a\u003e, or read our \u003ca href=\"https://shopify.dev/themes/architecture/templates/json-templates?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003edeveloper documentation on JSON templates\u003c/a\u003e. \u003c/p\u003e\n\u003cp\u003eSee below for a demo of templates.\u003c/p\u003e\n\u003ciframe width=\"1184\" height=\"666\" src=\"https://www.youtube.com/embed/ryTcZagfSrg\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\u003c/iframe\u003e\n\u003ch3\u003eTheme app extensions with app blocks\u003c/h3\u003e\n\u003cp\u003eWith the updated theme architecture comes an update to how apps integrate with the storefront. Currently, there’s no structured, end-to-end solution for apps to easily integrate with themes. Developers are left to build integration logic for every existing theme and host assets themselves, making it hard to build features that work consistently across all themes and are fast anywhere in the world.\u003c/p\u003e\n\u003cp\u003eTo solve these challenges, we’re introducing \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003etheme app extensions for developers\u003c/a\u003e, allowing you to extend apps into merchants’ themes via app blocks.\u003c/p\u003e\n\u003cfigure\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image4.gif?v=1624461430\" alt='Shopify online store: A GIF of the updated theme editor, showing an app block being added to a product page. The user selects \"Add block\" and chooses the app from a drop-down list.'\u003e\n\u003cfigcaption\u003eAn app block being added to a product page in the \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#editor\"\u003eupdated theme editor\u003c/a\u003e.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003ch4\u003eBuilt-in modularity\u003c/h4\u003e\n\u003cp\u003eApp blocks represent a radical change in the way apps are included inside of themes. App developers can now build UI components that can be added, removed, and configured directly through the theme editor without having to touch a theme’s code. This means uninstalls are also cleaner, with ghost code automatically removed.\u003c/p\u003e\n\u003cp\u003eTheme app extensions can be easily created, published, and updated (with versioning) from the Shopify CLI, just like other app extensions. \u003c/p\u003e\n\u003cp\u003eThis modularity means you no longer need to build integration logic for every existing theme. And since it’s no longer necessary to open up the theme code to manually install your app, you won’t have to worry about breaking changes being introduced. That means less time troubleshooting with users.\u003c/p\u003e\n\u003cp\u003eTo identify if a merchant is using a theme that is compatible with your theme app extensions, you should use the \u003ca href=\"https://shopify.dev/docs/admin-api/rest/reference/online-store/theme?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eTheme API\u003c/a\u003e and \u003ca href=\"https://shopify.dev/docs/admin-api/rest/reference/online-store/asset?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eAssets API\u003c/a\u003e. Knowing which type of theme a merchant is using will help you offer the best onboarding experience for merchants to integrate the app into their theme.\u003c/p\u003e\n\u003ch4\u003eHost and manage assets\u003c/h4\u003e\n\u003cp\u003eYou’ll also be able to add your app’s supporting assets to your theme app extensions for fast hosting via Shopify’s CDN, and easily reference those assets from within your theme extension’s app blocks. \u003c/p\u003e\n\u003cfigure\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image3_ca98932d-4178-4559-989f-77778896456f.png?v=1624461507\" alt=\"Shopify online store: A flow chart showing how an app block and theme app extension interact.\"\u003e\n\u003cfigcaption\u003eAn example of an app block included in a theme app extension.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003cp\u003eTo build your first theme app extensions and make your apps compatible with Online Store 2.0, visit the \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions/migrate?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003emigration information in our documentation\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"content\"\u003e2. Flexible store content\u003c/h2\u003e\n\u003cp\u003eWith Online Store 2.0, developers don't have to hardcode metafields into themes or rely on APIs to make changes to product pages. Theme developers can now use dynamic sources to insert standard metafields and known resource properties as setting defaults. \u003c/p\u003e\n\u003ch3\u003eImprovements to metafields\u003c/h3\u003e\n\u003cp\u003eThe \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#editor\"\u003eupdated theme editor\u003c/a\u003e will allow merchants to add \u003ca href=\"https://shopify.dev/apps/metafields?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003emetafields\u003c/a\u003e and properties without the use of APIs or code. That means merchants will be able to add exactly the content they need to the product page, like introducing a space for buyers to include a size chart or ingredient list. Anything that is unlikely to appear in the core store editor can now be added in via metafields.\u003c/p\u003e\n\u003cp\u003eOn the development side, we’ve revamped metafields in three key ways: \u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003cstrong\u003eMore flexible: \u003c/strong\u003e\u003c/strong\u003eMetafields now have a much more flexible type system that will grow over time to become more tailored to commerce data.\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStandard metafields: \u003c/strong\u003eWe’re introducing standard metafields, which make it much simpler for custom themes to work out of the box on stores across different market verticals.\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePresentation hints: \u003c/strong\u003eYou will now be able to add presentation hints to metafields, allowing Storefront API and Liquid users to render merchant data in the way the merchant intended, with far less custom code.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eLearn more about metafields \u003ca href=\"https://shopify.dev/apps/metafields?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our documentation\u003c/a\u003e, and watch a demo below.\u003c/p\u003e\n\u003ciframe width=\"1184\" height=\"666\" src=\"https://www.youtube.com/embed/KulSA9U2-u8\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\u003c/iframe\u003e\n\u003ch3\u003eFile picker\u003c/h3\u003e\n\u003cp\u003eMetafields now support media such as images or PDF files. Rather than hard coding an asset into a theme, the metafield file picker makes it easy to upload and select media on product pages. All your images saved in the \u003cstrong\u003eSettings/Files\u003c/strong\u003e section are immediately available for use. \u003c/p\u003e\n\u003cp\u003eFor example, if merchants would like to have a product warranty or sizing chart available for download on a product page, the file picker makes it easy to select that file with a simple UX, and insert it where the file metafield is placed on their theme.\u003c/p\u003e\n\u003ch3\u003eFiles API\u003c/h3\u003e\n\u003cp\u003eDevelopers will also gain access to the contents of \u003cstrong\u003eSettings/Files\u003c/strong\u003e through the new Files API. This GraphQL API enables apps to upload or select existing media content from \u003cstrong\u003eSettings/Files\u003c/strong\u003e. Apps can now benefit from access to this area of the admin, including populating media metafields with content.\u003c/p\u003e\n\u003cp\u003eThis opens up opportunities for apps to use this space for files and images that aren't directly associated with a product, including images used in themes. Learn more about the Files API \u003ca href=\"https://shopify.dev/docs/admin-api/graphql/reference/products-and-collections/file?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our documentation\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"editor\"\u003e3. Enhancements to the theme editor\u003c/h2\u003e\n\u003cp\u003eTo empower merchants to take advantage of these improvements and updates—and to make it easier for developers to navigate—we’ve also made substantial enhancements to the theme editor.\u003c/p\u003e\n\u003cp\u003eInstead of needing to drill down into different sections, the editor now displays a tree view of all the content on a page in the sidebar. From this sidebar, merchants can hide most blocks, with the exception of the header and the footer (which can contain blocks that can be moved or hidden, but can’t be hidden themselves). These changes let merchants easily update the hierarchy of a page. \u003c/p\u003e\n\u003cfigure\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image2.2021-06-23_11_16_32.gif?v=1624461594\" alt=\"Shopify online store: A GIF of the updated theme editor, showing how sections can easily be moved.\"\u003e\n\u003cfigcaption\u003eThe updated theme editor in action.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003ch3\u003eLiquid input setting\u003c/h3\u003e\n\u003cp\u003eAn additional update to the theme editor is the new Liquid input setting that will allow merchants to add custom Liquid code to pages directly from the editor. The Liquid setting is similar to the HTML setting type, except that it will allow access to Liquid variables, meaning merchants will be able to access global- and template-specific Liquid objects. \u003c/p\u003e\n\u003cp\u003eThis setting will reduce the need for merchants to manually change the code of a theme, particularly when adding code for apps that use Liquid. Developers can learn how to add this setting to a section or block \u003ca href=\"https://shopify.dev/themes?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our developer documentation\u003c/a\u003e, or view \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#theme\"\u003eour new theme\u003c/a\u003e \u003ca href=\"https://utm.io/udrGX\"\u003eDawn’s \u003ccode class=\"marketing-code\"\u003ecustom-liquid\u003c/code\u003e section\u003c/a\u003e for an example of how this can be implemented. \u003c/p\u003e\n\u003cp\u003eThese changes make it easier for merchants to work with the new features of Online Store 2.0, and make decisions about their online store without engaging with a developer—freeing up your time to focus on building creative integrations and solutions.\u003c/p\u003e\n\u003ch2 id=\"tools\"\u003e4. New developer tools\u003c/h2\u003e\n\u003cp\u003eOnline Store 2.0 introduces a whole new way for developers to build apps and themes for Shopify merchants. To support this change, we’re introducing a suite of \u003ca href=\"https://shopify.dev/themes/tools?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003enew developer tools\u003c/a\u003e that seamlessly integrate into Shopify and assist the process of developing, testing, and deploying your themes.\u003c/p\u003e\n\u003cp\u003eWith the introduction of the Shopify GitHub integration, an updated Shopify CLI tool, and Theme Check, you’ll experience more robust theme development with version control, a better sandboxed environment to develop themes locally, and streamlined development with a real-time linter tuned for Shopify themes. \u003c/p\u003e\n\u003cp\u003eBelow, we look at what each of these tools means for you.\u003c/p\u003e\n\u003ch3\u003eShopify Github integration\u003c/h3\u003e\n\u003cp\u003eWe’re launching a new integration with GitHub to make theme development and maintenance easier to track and manage. By connecting your GitHub user account or organization to an online store, changes are both pushed and pulled to a Github repo that is always in-sync with the current state of selected themes.\u003c/p\u003e\n\u003cp\u003eThe GitHub integration with themes will allow developers to collaborate safely when editing themes by introducing native support for version control. When working on a merchant’s store, developers can now implement workflows where changes to themes must be reviewed and merged on GitHub before populating to a live theme.\u003c/p\u003e\n\u003cp\u003eFor those of you that use CI to perform linting, testing, and file transformations before deploying to an online store, such as running Theme Check or compiling SCSS into CSS, the Github integration can be used in combination with Git subtrees to sync the production-ready files. See more on this \u003ca href=\"https://shopify.dev/themes/tools/github?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our documentation\u003c/a\u003e, and watch a demo of the GitHub integration below.\u003c/p\u003e\n\u003ciframe width=\"864\" height=\"486\" src=\"https://www.youtube.com/embed/FHqo3aYjCw8\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\u003c/iframe\u003e\n\u003ch3\u003eShopify CLI\u003c/h3\u003e\n\u003cp\u003eWe’ve also made some significant changes to the existing \u003ca href=\"https://shopify.dev/tools/cli?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eShopify CLI tool\u003c/a\u003e. App developers have been using the CLI to quickly generate Node.js and Ruby on Rails apps and app extensions, but we’ve now widened the scope of the tool to include themes.\u003c/p\u003e\n\u003cp\u003eThe Shopify CLI accelerates your theme development because it can now:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eSafely develop, preview, and test changes to themes inside of development themes\u003c/li\u003e\n\u003cli\u003eHot-reload CSS and Liquid section changes as you’re developing thanks to the new dev server\u003c/li\u003e\n\u003cli\u003eInitialize a new theme project using our new theme, \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#theme\"\u003eDawn\u003c/a\u003e, as a starting point\u003c/li\u003e\n\u003cli\u003ePush and publish themes from the command line\u003c/li\u003e\n\u003cli\u003eRun \u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store#check\"\u003eTheme Check\u003c/a\u003e on your theme\u003c/li\u003e\n\u003cli\u003ePopulate test data for your theme, including products, customers, and draft orders\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch4\u003eDevelopment themes\u003c/h4\u003e\n\u003cp\u003eDevelopment themes are temporary, hidden themes that are connected to the Shopify store you’re using for development. When you call \u003ccode class=\"marketing-code\"\u003eshopify theme serve\u003c/code\u003e, the Shopify CLI automatically creates a development theme inside the store you’re working on, and will reuse that theme each time \u003ccode class=\"marketing-code\"\u003eshopify theme serve\u003c/code\u003e is subsequently run. You don’t need to worry about others viewing or making edits to it because development themes are not visible on the \u003ccode class=\"marketing-code\"\u003eadmin/themes\u003c/code\u003e page. \u003c/p\u003e\n\u003cp\u003eDevelopment themes don’t count towards your theme limit, and are deleted from the store after seven days of inactivity. They are also destroyed when you run \u003ccode class=\"marketing-code\"\u003eshopify-logout\u003c/code\u003e, so if you need a preview link that won’t be destroyed when you log out, you should push your theme to the store instead.\u003c/p\u003e\n\u003cp\u003eDevelopment themes can be used to view changes to a theme that you’re developing locally in real time, and interact with and customize the theme using the theme editor.\u003c/p\u003e\n\u003cp\u003eThese tools are designed to make your development process easier, and get you up and running with Online Store 2.0 quickly.\u003c/p\u003e\n\u003ch3 id=\"check\"\u003eTheme Check\u003c/h3\u003e\n\u003cp\u003eTheme Check is a language server for Liquid and JSON that scans themes for errors and highlights Shopify theme and Liquid best practices. This tool can integrate with text editors such as Visual Studio Code, and identifies several types of issues within your theme code, including Liquid syntax errors, missing templates, performance issues, and more. \u003c/p\u003e\n\u003cp\u003eTo help you to debug theme issues quickly, error messages include a link to the failed check's documentation. Theme Check is also bundled with the Shopify CLI tool, so you don't need to install it separately. \u003ca href=\"https://shopify.dev/themes/tools/theme-check?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eCheck out our developer documentation\u003c/a\u003e to learn how to install and use Theme Check when testing your themes. \u003c/p\u003e\n\u003cp\u003eSee below for a video of the new code editor in action.\u003c/p\u003e\n\u003ciframe width=\"1184\" height=\"666\" src=\"https://www.youtube.com/embed/N-eYtDuKJPo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\u003c/iframe\u003e\n\u003ch2 id=\"theme\"\u003e5. A new reference theme\u003c/h2\u003e\n\u003cp\u003eTo accompany the launch of Online Store 2.0, we’re all launching a brand new default theme that ties together all the features described above. We call it Dawn. \u003c/p\u003e\n\u003cp\u003eDawn is Shopify’s first source-available reference theme with OS 2.0 flexibility and a focus on speed. It is built with semantic markup with HTML and CSS, instead of leaning on polyfills and external libraries, to create great experiences on all browsers. It’s designed to maximize flexibility while minimizing complexity, which means balancing being opinionated with our design with allowing merchants the space to make changes that they deemed fit for their business. \u003c/p\u003e\n\u003cp\u003eWe kept our emphasis on speed as we built Dawn, and the result is that Dawn is fast by default, no matter what—it loads 35 percent faster than Debut, the theme that more than half of merchants use today.\u003c/p\u003e\n\u003cfigure\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store-dawn.png?v=1624471954\" alt=\"Shopify online store: A visual of Dawn, Shopify's new theme.\"\u003e\n\u003cfigcaption\u003eDawn, Shopify's first source-available reference theme.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003cp\u003eSince Dawn already has JSON templates for all of its pages, you can use it as a model when unlocking sections on your own themes. It will eventually be the new default theme for all new stores, replacing Debut.\u003c/p\u003e\n\u003cp\u003eLearn more about how we built Dawn by reading our article \u003ca href=\"https://utm.io/uduAB\"\u003eon the Shopify UX Blog\u003c/a\u003e.\u003c/p\u003e\n\u003ch3\u003eOn using minimal JavaScript\u003c/h3\u003e\n\u003cp\u003eArguably the biggest pursuit with Dawn is that we explored how far can you really get with a \u003ca href=\"https://www.shopify.com/partners/blog/legacy-browser-support?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eJavaScript-only-as-needed approach to development\u003c/a\u003e. This is because we are prioritizing speed more than ever, providing a fast foundation to increase the likelihood that merchant stores load quickly. \u003c/p\u003e\n\u003cp\u003eWe knew that building with minimal JavaScript meant we would not compromise on the user experience for merchants and buyers. In some cases, JavaScript is necessary even if it’s not the most performant choice. But where it made sense, we leaned on native browser features instead of JavaScript libraries and polyfills. \u003c/p\u003e\n\u003cp\u003eWe’re encouraging developers to take advantage of native browser functionality where possible to render HTML and CSS layouts. \u003c/p\u003e\n\u003ch2 id=\"store\"\u003e6. The Shopify Theme Store reopening\u003c/h2\u003e\n\u003cp\u003eWe’re excited to announce that in addition to the improvements of Online Store 2.0, we will also be reopening the \u003ca href=\"https://themes.shopify.com?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eShopify Theme Store\u003c/a\u003e to partners on July 15, 2021. On that day, you will be able to submit your new themes for review, and approved themes will begin being published.\u003c/p\u003e\n\u003cp\u003eEven better is that in September, we will be removing all revenue share on the first million dollars you make annually on the Shopify Theme Store. That means that if you make less than $1 million USD, you will pay zero percent revenue share—and those numbers reset every year. When you make more than $1 million USD, you’ll still only pay a 15 percent revenue share on the incremental earnings.\u003c/p\u003e\n\u003cp\u003eThere will be a one-time submission fee of $99 USD per account to submit to the Shopify Theme Store, plus a 2.9 percent processing fee on all transactions. We’ll have more info on this update soon. \u003c/p\u003e\n\u003cp\u003eWith millions of merchants using Shopify to run their businesses, now is the time to build themes for these global entrepreneurs. The Shopify Theme Store has been closed since 2018, so this is an opportunity to get in early and establish yourself as a trusted theme developer.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://shopify.dev/themes/store/requirements?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eLearn more about the updated guidelines\u003c/a\u003e for submitting your theme to the Shopify Theme Store. If you haven’t already, sign up below for a Shopify Partner account, and start building your first theme.\u003c/p\u003e\n\u003cdiv data-partners-signup=\"general\"\u003e\u003c/div\u003e\n\u003ch2 id=\"updating\"\u003e7. Updating your themes and apps\u003c/h2\u003e\n\u003cp\u003eTo take full advantage of these improvements, you should plan to migrate your themes and apps to the updated requirements of Online Store 2.0 as soon as possible—especially as merchants come to expect the flexibility OS 2.0 provides.\u003c/p\u003e\n\u003cp\u003eBy the end of the year, it will be required that all themes in the Shopify Theme Store and apps in the Shopify App Store use the new infrastructure. Merchants’ existing themes will continue to work beyond this year, but to access new Online Store 2.0 features through the theme editor, merchants will need to make sure their theme is Online Store 2.0 compatible.\u003c/p\u003e\n\u003cp\u003eLearn more about \u003ca href=\"https://shopify.dev/themes/migration?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003emigrating your themes to OS 2.0\u003c/a\u003e and \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ebuilding theme app extensions\u003c/a\u003e to make your apps compatible with OS 2.0 themes.\u003c/p\u003e\n\u003ch3\u003eUpdated documentation\u003c/h3\u003e\n\u003cp\u003eTo help support you in updating your themes and apps, we’ve overhauled the developer documentation for the online store. Our documentation now includes:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow-tos for developer workflows and processes with themes\u003c/li\u003e\n\u003cli\u003eBest practices for commerce components with semantic web best practices\u003c/li\u003e\n\u003cli\u003eHow apps should integrate with the new online store architecture, including how to make your app work with legacy themes\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eVisit \u003ca href=\"https://shopify.dev/themes?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eour new documentation\u003c/a\u003e to learn more about updating your apps and themes. Stay in the loop with updates on all things development at Shopify by joining our monthly What’s New for Developers newsletter.\u003c/p\u003e\n\u003cdiv class=\"marketing-block marketing-block--light marketing-block--padded grid-container leadpage-container gutter-bottom\"\u003e\n\u003cdiv class=\"leadpage__image\"\u003e\u003cimg class=\"hide--mobile gutter-bottom--reset\" alt=\"Template Icon\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/oie_25213653uBHZT6fw.gif\"\u003e\u003c/div\u003e\n\u003cdiv class=\"js-subscribe subscribe\"\u003e\n\u003cdiv class=\"subscribe__content-wrapper\"\u003e\n\u003cdiv class=\"subscribe__content\"\u003e\n\u003cp class=\"heading--4\" id=\"whatsnew\"\u003eStay in the know\u003c/p\u003e\n\u003cp\u003eSubscribe to receive What's New with Shopify, our monthly email featuring Shopify's latest product news.\u003c/p\u003e\n\u003cform class=\"subscribe__form marketing-form marketing-form--inline\" novalidate=\"novalidate\" method=\"post\" action=\"/content-services/subscribers\" accept-charset=\"UTF-8\"\u003e\n\u003cinput name=\"utf8\" type=\"hidden\" value=\"✓\"\u003e\u003cinput type=\"hidden\" name=\"authenticity_token\" value=\"Bjwq3S+ZU2sBAegLlXZF7me0EiLRtu8oiVng/wyX/F/ZTWHRe80Vhi+iJ0lJy+NzykhNiDVfmzljVSGzmaeVkg==\"\u003e \u003clabel class=\"marketing-input-wrapper marketing-input-button-pair\"\u003e\u003clabel class=\"marketing-input-wrapper marketing-input-button-pair\"\u003e\u003cspan class=\"marketing-label marketing-label--hidden visuallyhidden\"\u003eEmail\u003c/span\u003e\u003c/label\u003e\u003c/label\u003e\n\u003cdiv class=\"marketing-input-button__field-wrapper\"\u003e\n\u003cinput name=\"email\" placeholder=\"Enter your email address\" class=\"marketing-input-button-pair__input marketing-input subscribe__email\" type=\"email\" id=\"subscribe_email\"\u003e\u003cbutton name=\"button\" type=\"submit\" class=\"marketing-button marketing-form__button marketing-input-button-pair__button subscribe__submit\"\u003eSign me up\u003c/button\u003e\n\u003c/div\u003e\n\u003cinput type=\"hidden\" name=\"data_extension_key\" id=\"data_extension_key\" value=\"4621367B-44E2-4AA3-AA74-C7CD59D2284A\"\u003e\n\u003c/form\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"text-center subscribe__success\" aria-hidden=\"true\"\u003e\n\u003ch3 class=\"subscribe__success__heading\"\u003eThanks for signing up!\u003c/h3\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003ch2\u003eBuilding for the future of commerce\u003c/h2\u003e\n\u003cp\u003eOnline Store 2.0 marks an end-to-end overhaul of how themes are built at Shopify. With sections on every page, app-powered blocks, flexible data storage, and robust developer tools, the process of building a theme on Shopify is easier than ever before. The extensibility offered to app developers means more opportunity to build integrations for merchants and surface your solution directly in the online store.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://shopify.dev/themes/migration?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eUpdate your themes\u003c/a\u003e and \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ecreate theme app extensions for your apps\u003c/a\u003e to take full advantage of these updates, to continue building for merchants around the world.\u003c/p\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003e\u003cspan\u003eLearn more at: \u003c/span\u003e\u003ca href=\"https://www.shopify.com/partners\"\u003eShopify Partners\u003c/a\u003e\u003c/p\u003e","excerpt":"Today at Shopify Unite, we announced an end-to-end overhaul of how themes are built at Shopify, with the release of Online Store 2.0. With sections on every page, moveable and app-powered blocks, better metafields, and a suite of new developer tools, Online Store 2.0 marks a new world for developers and a complete rebuild of how merchants interact with the online store. Click through to learn more, including how to migrate your themes and apps, and how to submit themes to the soon-to-reopen Shopify Theme Store.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-online-store?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-06-29\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\" alt=\"shopify online store\"\u003e\u003c/a\u003e\n\u003cp\u003eToday at Shopify Unite, we announced an end-to-end overhaul of how themes are built at Shopify, with the release of Online Store 2.0. With sections on every page, moveable and app-powered blocks, better metafields, and a suite of new developer tools, Online Store 2.0 marks a new world for developers and a complete rebuild of how merchants interact with the online store. Click through to learn more, including how to migrate your themes and apps, and how to submit themes to the soon-to-reopen Shopify Theme Store.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Introducing Online Store 2.0, with a brand-new suite of developer tools and a flexible theme platform that allows you to build how you want. Learn more."},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"All of the Announcements From Shopify Unite 2021\",\"url\":\"partners/blog/shopify-unite-announcements-2021\"},{\"title\":\"Introduction to Shopify Theming for WordPress Theme Developers\",\"url\":\"partners/blog/introduction-to-shopify-theming-for-wordpress-theme-developers\"},{\"title\":\"3 New Ways to Entice and Engage App Users—Marketing Activities App Extension and Ping\",\"url\":\"partners/blog/marketing-tools\"},{\"title\":\"Announcing the New Shopify Plus Partner Program\",\"url\":\"partners/blog/113806086-announcing-the-new-shopify-plus-partner-program\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982","imageAltText":"shopify online store","imageClass":"","modifiedAt":"29 Jun 2021","modifiedAtRaw":"2021-06-29T18:16:30Z"},"metaDescription":"Introducing Online Store 2.0, with a brand-new suite of developer tools and a flexible theme platform that allows you to build how you want. Learn more.","contentHtml":"\n\u003cp\u003eToday at Shopify Unite, we announced one of our biggest updates to date: Online Store 2.0.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eOnline Store 2.0 opens up massive opportunities for developers building themes and apps for Shopify merchants. We’ve rebuilt the online store experience from the ground up, and are introducing a new set of developer tools to help you\u0026nbsp;create amazing experiences for merchants and shoppers.\u003c/p\u003e\n\u003cp\u003eIn this article, we’ll take a look at these new tools and features to understand how they impact your work, and the possibilities they present. We’ll also explain \u003ca href=\"/nz/partners/blog/shopify-online-store#updating\"\u003ethe requirements\u003c/a\u003e to update your themes and apps to Online Store 2.0 standards.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eLet’s jump in.\u003c/p\u003e\n\n\u003ch2 id=\"architecture\"\u003e1. Upgraded theme architecture\u0026nbsp;\u003c/h2\u003e\n\u003cp\u003eWe’ve upgraded the theme architecture for the online store, providing easier and more flexible customization options for merchants. There are also new opportunities for developers to build themes and integrations that can be easily customized by the merchant to fit their needs.\u003c/p\u003e\n\u003ch3\u003eSections on every page\u003c/h3\u003e\n\u003cp\u003eUp until now, merchants have been limited in how they represent their businesses on Shopify, with the flexibility of sections being limited to only the home page. Code edits, elaborate workarounds with blocks, or custom apps were needed to achieve a similar effect across other pages.\u003c/p\u003e\n\u003cp\u003eThat all changes with sections on every page. Now, merchants can add sections to all pages, not just the home page, unlocking a range of new opportunities to personalize every aspect of a store.\u0026nbsp;\u003c/p\u003e\n\u003ch4\u003eHow sections on every page works\u003c/h4\u003e\n\u003cp\u003eThese changes are achieved by a new approach to how the storefront renders templates. Each page type can now be rendered using a JSON template file, which lists the sections of that page, and stores settings data related to any additional section that is added or edited by a merchant. Stores can have multiple template files that map to different products, collection pages, custom pages, blog posts, and more, allowing merchants to easily have different product, collection, and other pages in the same store.\u003c/p\u003e\n\u003cp\u003eWithin the new JSON template files, you can define which sections should appear by default when your theme is first installed, and which order they should appear in. Once the JSON template is added, a merchant can navigate to the theme editor, and add any section that contains presets—exactly how you would add dynamic sections to the home page previously.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eTo see a model of how this could be set up, take a look at the \u003ccode class=\"marketing-code\"\u003e/templates\u003c/code\u003e directory of our new theme,\u0026nbsp;\u003ca href=\"/nz/partners/blog/shopify-online-store#theme\"\u003eDawn\u003c/a\u003e, in \u003ca href=\"https://utm.io/udrGH\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003ethe GitHub repo\u003c/a\u003e, or read our \u003ca href=\"https://shopify.dev/themes/architecture/templates/json-templates?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003edeveloper documentation on JSON templates\u003c/a\u003e.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eSee below for a demo of templates.\u003c/p\u003e\n\u003cdiv class=\"relative aspect-video mb-8\"\u003e\u003cdiv data-component=\"youtube-facade\" data-src=\"https://www.youtube.com/embed/ryTcZagfSrg\" class=\"absolute inset-0 w-full h-full\"\u003e\u003c/div\u003e\u003c/div\u003e\n\u003ch3\u003eTheme app extensions with app blocks\u003c/h3\u003e\n\u003cp\u003eWith the updated theme architecture comes an update to how apps integrate with the storefront. Currently, there’s no structured, end-to-end solution for apps to easily integrate with themes. Developers are left to build integration logic for every existing theme and host assets themselves, making it hard to build features that work consistently across all themes and are fast anywhere in the world.\u003c/p\u003e\n\u003cp\u003eTo solve these challenges, we’re introducing \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003etheme app extensions for developers\u003c/a\u003e, allowing you to extend apps into merchants’ themes via app blocks.\u003c/p\u003e\n\u003cfigure\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image4.gif?v=1624461430\" alt=\"Shopify online store: A GIF of the updated theme editor, showing an app block being added to a product page. The user selects \u0026quot;Add block\u0026quot; and chooses the app from a drop-down list.\"\u003e\n\u003cfigcaption\u003eAn app block being added to a product page in the \u003ca href=\"/nz/partners/blog/shopify-online-store#editor\"\u003eupdated theme editor\u003c/a\u003e.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003ch4\u003eBuilt-in modularity\u003c/h4\u003e\n\u003cp\u003eApp blocks represent a radical change in the way apps are included inside of themes. App developers can now build UI components that can be added, removed, and configured directly through the theme editor without having to touch a theme’s code. This means uninstalls are also cleaner, with ghost code automatically removed.\u003c/p\u003e\n\u003cp\u003eTheme app extensions can be easily created, published, and updated (with versioning) from the Shopify CLI, just like other app extensions.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eThis modularity means you no longer need to build integration logic for every existing theme. And since it’s no longer necessary to open up the theme code to manually install your app, you won’t have to worry about breaking changes being introduced. That means less time troubleshooting with users.\u003c/p\u003e\n\u003cp\u003eTo identify if a merchant is using a theme that is compatible with your theme app extensions, you should use the \u003ca href=\"https://shopify.dev/docs/admin-api/rest/reference/online-store/theme?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eTheme API\u003c/a\u003e and \u003ca href=\"https://shopify.dev/docs/admin-api/rest/reference/online-store/asset?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eAssets API\u003c/a\u003e. Knowing which type of theme a merchant is using will help you offer the best onboarding experience for merchants to integrate the app into their theme.\u003c/p\u003e\n\u003ch4\u003eHost and manage assets\u003c/h4\u003e\n\u003cp\u003eYou’ll also be able to add your app’s supporting assets to your theme app extensions for fast hosting via Shopify’s CDN, and easily reference those assets from within your theme extension’s app blocks.\u0026nbsp;\u003c/p\u003e\n\u003cfigure\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image3_ca98932d-4178-4559-989f-77778896456f.png?v=1624461507\" alt=\"Shopify online store: A flow chart showing how an app block and theme app extension interact.\" loading=\"lazy\"\u003e\n\u003cfigcaption\u003eAn example of an app block included in a theme app extension.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003cp\u003eTo build your first theme app extensions and make your apps compatible with Online Store 2.0, visit the \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions/migrate?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003emigration information in our documentation\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"content\"\u003e2. Flexible store content\u003c/h2\u003e\n\u003cp\u003eWith Online Store 2.0, developers don't have to hardcode metafields into themes or rely on APIs to make changes to product pages. Theme developers can now use dynamic sources to insert standard metafields and known resource properties as setting defaults.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eImprovements to metafields\u003c/h3\u003e\n\u003cp\u003eThe \u003ca href=\"/nz/partners/blog/shopify-online-store#editor\"\u003eupdated theme editor\u003c/a\u003e will allow merchants to add \u003ca href=\"https://shopify.dev/apps/metafields?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003emetafields\u003c/a\u003e and properties without the use of APIs or code. That means merchants will be able to add exactly the content they need to the product page, like introducing a space for buyers to include a size chart or ingredient list. Anything that is unlikely to appear in the core store editor can now be added in via metafields.\u003c/p\u003e\n\u003cp\u003eOn the development side, we’ve revamped metafields in three key ways:\u0026nbsp;\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003cstrong\u003eMore flexible: \u003c/strong\u003e\u003c/strong\u003eMetafields now have a much more flexible type system that will grow over time to become more tailored to commerce data.\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStandard metafields: \u003c/strong\u003eWe’re introducing standard metafields, which make it much simpler for custom themes to work out of the box on stores across different market verticals.\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePresentation hints: \u003c/strong\u003eYou will now be able to add presentation hints to metafields, allowing Storefront API and Liquid users to render merchant data in the way the merchant intended, with far less custom code.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eLearn more about metafields \u003ca href=\"https://shopify.dev/apps/metafields?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our documentation\u003c/a\u003e, and watch a demo below.\u003c/p\u003e\n\u003cdiv class=\"relative aspect-video mb-8\"\u003e\u003cdiv data-component=\"youtube-facade\" data-src=\"https://www.youtube.com/embed/KulSA9U2-u8\"\u003e\u003c/div\u003e\u003c/div\u003e\n\u003ch3\u003eFile picker\u003c/h3\u003e\n\u003cp\u003eMetafields now support media such as images or PDF files. Rather than hard coding an asset into a theme, the metafield file picker makes it easy to upload and select media on product pages. All your images saved in the \u003cstrong\u003eSettings/Files\u003c/strong\u003e section are immediately available for use.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eFor example, if merchants would like to have a product warranty or sizing chart available for download on a product page, the file picker makes it easy to select that file with a simple UX, and insert it where the file metafield is placed on their theme.\u003c/p\u003e\n\u003ch3\u003eFiles API\u003c/h3\u003e\n\u003cp\u003eDevelopers will also gain access to the contents of \u003cstrong\u003eSettings/Files\u003c/strong\u003e through the new Files API. This GraphQL API enables apps to upload or select existing media content from \u003cstrong\u003eSettings/Files\u003c/strong\u003e. Apps can now benefit from access to this area of the admin, including populating media metafields with content.\u003c/p\u003e\n\u003cp\u003eThis opens up opportunities for apps to use this space for files and images that aren't directly associated with a product, including images used in themes. Learn more about the Files API \u003ca href=\"https://shopify.dev/docs/admin-api/graphql/reference/products-and-collections/file?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our documentation\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"editor\"\u003e3. Enhancements to the theme editor\u003c/h2\u003e\n\u003cp\u003eTo empower merchants to take advantage of these improvements and updates—and to make it easier for developers to navigate—we’ve also made substantial enhancements to the theme editor.\u003c/p\u003e\n\u003cp\u003eInstead of needing to drill down into different sections, the editor now displays a tree view of all the content on a page in the sidebar. From this sidebar, merchants can hide most blocks, with the exception of the header and the footer (which can contain blocks that can be moved or hidden, but can’t be hidden themselves). These changes let merchants easily update the hierarchy of a page.\u0026nbsp;\u003c/p\u003e\n\u003cfigure\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image2.2021-06-23_11_16_32.gif?v=1624461594\" alt=\"Shopify online store: A GIF of the updated theme editor, showing how sections can easily be moved.\" loading=\"lazy\"\u003e\n\u003cfigcaption\u003eThe updated theme editor in action.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003ch3\u003eLiquid input setting\u003c/h3\u003e\n\u003cp\u003eAn additional update to the theme editor is the new Liquid input setting that will allow merchants to add custom Liquid code to pages directly from the editor. The Liquid setting is similar to the HTML setting type, except that it will allow access to Liquid variables, meaning merchants will be able to access global- and template-specific Liquid objects.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eThis setting will reduce the need for merchants to manually change the code of a theme, particularly when adding code for apps that use Liquid. Developers can learn how to add this setting to a section or block \u003ca href=\"https://shopify.dev/themes?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our developer documentation\u003c/a\u003e, or view \u003ca href=\"/nz/partners/blog/shopify-online-store#theme\"\u003eour new theme\u003c/a\u003e\u0026nbsp;\u003ca href=\"https://utm.io/udrGX\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eDawn’s \u003ccode class=\"marketing-code\"\u003ecustom-liquid\u003c/code\u003e section\u003c/a\u003e for an example of how this can be implemented.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eThese changes make it easier for merchants to work with the new features of Online Store 2.0, and make decisions about their online store without engaging with a developer—freeing up your time to focus on building creative integrations and solutions.\u003c/p\u003e\n\u003ch2 id=\"tools\"\u003e4. New developer tools\u003c/h2\u003e\n\u003cp\u003eOnline Store 2.0 introduces a whole new way for developers to build apps and themes for Shopify merchants. To support this change, we’re introducing a suite of \u003ca href=\"https://shopify.dev/themes/tools?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003enew developer tools\u003c/a\u003e that seamlessly integrate into Shopify and assist the process of developing, testing, and deploying your themes.\u003c/p\u003e\n\u003cp\u003eWith the introduction of the Shopify GitHub integration, an updated Shopify CLI tool, and Theme Check, you’ll experience more robust theme development with version control, a better sandboxed environment to develop themes locally, and streamlined development with a real-time linter tuned for Shopify themes.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eBelow, we look at what each of these tools means for you.\u003c/p\u003e\n\u003ch3\u003eShopify Github integration\u003c/h3\u003e\n\u003cp\u003eWe’re launching a new integration with GitHub to make theme development and maintenance easier to track and manage. By connecting your GitHub user account or organization to an online store, changes are both pushed and pulled to a Github repo that is always in-sync with the current state of selected themes.\u003c/p\u003e\n\u003cp\u003eThe GitHub integration with themes will allow developers to collaborate safely when editing themes by introducing native support for version control. When working on a merchant’s store, developers can now implement workflows where changes to themes must be reviewed and merged on GitHub before populating to a live theme.\u003c/p\u003e\n\u003cp\u003eFor those of you that use CI to perform linting, testing, and file transformations before deploying to an online store, such as running Theme Check or compiling SCSS into CSS, the Github integration can be used in combination with Git subtrees to sync the production-ready files. See more on this \u003ca href=\"https://shopify.dev/themes/tools/github?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ein our documentation\u003c/a\u003e, and watch a demo of the GitHub integration below.\u003c/p\u003e\n\u003cdiv class=\"relative aspect-video mb-8\"\u003e\u003cdiv data-component=\"youtube-facade\" data-src=\"https://www.youtube.com/embed/FHqo3aYjCw8\"\u003e\u003c/div\u003e\u003c/div\u003e\n\u003ch3\u003eShopify CLI\u003c/h3\u003e\n\u003cp\u003eWe’ve also made some significant changes to the existing \u003ca href=\"https://shopify.dev/tools/cli?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eShopify CLI tool\u003c/a\u003e. App developers have been using the CLI to quickly generate Node.js and Ruby on Rails apps and app extensions, but we’ve now widened the scope of the tool to include themes.\u003c/p\u003e\n\u003cp\u003eThe Shopify CLI accelerates your theme development because it can now:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eSafely develop, preview, and test changes to themes inside of development themes\u003c/li\u003e\n\u003cli\u003eHot-reload CSS and Liquid section changes as you’re developing thanks to the new dev server\u003c/li\u003e\n\u003cli\u003eInitialize a new theme project using our new theme, \u003ca href=\"/nz/partners/blog/shopify-online-store#theme\"\u003eDawn\u003c/a\u003e, as a starting point\u003c/li\u003e\n\u003cli\u003ePush and publish themes from the command line\u003c/li\u003e\n\u003cli\u003eRun \u003ca href=\"/nz/partners/blog/shopify-online-store#check\"\u003eTheme Check\u003c/a\u003e on your theme\u003c/li\u003e\n\u003cli\u003ePopulate test data for your theme, including products, customers, and draft orders\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch4\u003eDevelopment themes\u003c/h4\u003e\n\u003cp\u003eDevelopment themes are temporary, hidden themes that are connected to the Shopify store you’re using for development. When you call \u003ccode class=\"marketing-code\"\u003eshopify theme serve\u003c/code\u003e, the Shopify CLI automatically creates a development theme inside the store you’re working on, and will reuse that theme each time \u003ccode class=\"marketing-code\"\u003eshopify theme serve\u003c/code\u003e is subsequently run. You don’t need to worry about others viewing or making edits to it because development themes are not visible on the \u003ccode class=\"marketing-code\"\u003eadmin/themes\u003c/code\u003e page.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eDevelopment themes don’t count towards your theme limit, and are deleted from the store after seven days of inactivity. They are also destroyed when you run \u003ccode class=\"marketing-code\"\u003eshopify-logout\u003c/code\u003e, so if you need a preview link that won’t be destroyed when you log out, you should push your theme to the store instead.\u003c/p\u003e\n\u003cp\u003eDevelopment themes can be used to view changes to a theme that you’re developing locally in real time, and interact with and customize the theme using the theme editor.\u003c/p\u003e\n\u003cp\u003eThese tools are designed to make your development process easier, and get you up and running with Online Store 2.0 quickly.\u003c/p\u003e\n\u003ch3 id=\"check\"\u003eTheme Check\u003c/h3\u003e\n\u003cp\u003eTheme Check is a language server for Liquid and JSON that scans themes for errors and highlights Shopify theme and Liquid best practices. This tool can integrate with text editors such as Visual Studio Code, and identifies several types of issues within your theme code, including Liquid syntax errors, missing templates, performance issues, and more.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eTo help you to debug theme issues quickly, error messages include a link to the failed check's documentation. Theme Check is also bundled with the Shopify CLI tool, so you don't need to install it separately. \u003ca href=\"https://shopify.dev/themes/tools/theme-check?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eCheck out our developer documentation\u003c/a\u003e to learn how to install and use Theme Check when testing your themes.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eSee below for a video of the new code editor in action.\u003c/p\u003e\n\u003cdiv class=\"relative aspect-video mb-8\"\u003e\u003cdiv data-component=\"youtube-facade\" data-src=\"https://www.youtube.com/embed/N-eYtDuKJPo\"\u003e\u003c/div\u003e\u003c/div\u003e\n\u003ch2 id=\"theme\"\u003e5. A new reference theme\u003c/h2\u003e\n\u003cp\u003eTo accompany the launch of Online Store 2.0, we’re all launching a brand new default theme that ties together all the features described above. We call it Dawn.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eDawn is Shopify’s first\u0026nbsp;source-available reference theme with OS 2.0 flexibility and a focus on speed. It is built with semantic markup with HTML and CSS, instead of leaning on polyfills and external libraries, to create great experiences on all browsers. It’s designed to maximize flexibility while minimizing complexity, which means balancing being opinionated with our design with allowing merchants the space to make changes that they deemed fit for their business.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eWe kept our emphasis on speed as we built Dawn, and the result is that Dawn is fast by default, no matter what—it loads 35 percent faster than Debut, the theme that more than half of merchants use today.\u003c/p\u003e\n\u003cfigure\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store-dawn.png?v=1624471954\" alt=\"Shopify online store: A visual of Dawn, Shopify's new theme.\" loading=\"lazy\"\u003e\n\u003cfigcaption\u003eDawn, Shopify's first\u0026nbsp;source-available reference theme.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\u003cp\u003eSince Dawn already has JSON templates for all of its pages, you can use it as a model when unlocking sections on your own themes. It will eventually be the new default theme for all new stores, replacing Debut.\u003c/p\u003e\n\u003cp\u003eLearn more about how we built Dawn by reading our article \u003ca href=\"https://utm.io/uduAB\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eon the Shopify UX Blog\u003c/a\u003e.\u003c/p\u003e\n\u003ch3\u003eOn using minimal JavaScript\u003c/h3\u003e\n\u003cp\u003eArguably the biggest pursuit with Dawn is that we explored how far can you really get with a \u003ca href=\"/nz/partners/blog/legacy-browser-support?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eJavaScript-only-as-needed approach to development\u003c/a\u003e. This is because we are prioritizing speed more than ever, providing a fast foundation to increase the likelihood that merchant stores load quickly.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eWe knew that building with minimal JavaScript meant we would not compromise on the user experience for merchants and buyers. In some cases, JavaScript is necessary even if it’s not the most performant choice. But where it made sense, we leaned on native browser features instead of JavaScript libraries and polyfills.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eWe’re encouraging developers to take advantage of native browser functionality where possible to render HTML and CSS layouts.\u0026nbsp;\u003c/p\u003e\n\u003ch2 id=\"store\"\u003e6. The Shopify Theme Store reopening\u003c/h2\u003e\n\u003cp\u003eWe’re excited to announce that in addition to the improvements of Online Store 2.0, we will also be reopening the \u003ca href=\"https://themes.shopify.com?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eShopify Theme Store\u003c/a\u003e to partners on July 15, 2021. On that day, you will be able to submit your new themes for review, and approved themes will begin being published.\u003c/p\u003e\n\u003cp\u003eEven better is that in September, we will be removing all revenue share on the first million dollars you make annually on the Shopify Theme Store. That means that if you make less than $1 million USD, you will pay zero percent revenue share—and those numbers reset every year. When you make more than $1 million USD, you’ll still only pay a 15 percent revenue share on the incremental earnings.\u003c/p\u003e\n\u003cp\u003eThere will be a one-time submission fee of $99 USD per account to submit to the Shopify Theme Store, plus a 2.9 percent processing fee on all transactions. We’ll have more info on this update soon.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eWith millions of merchants using Shopify to run their businesses, now is the time to build themes for these global entrepreneurs. The Shopify Theme Store has been closed since 2018, so this is an opportunity to get in early and establish yourself as a trusted theme developer.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://shopify.dev/themes/store/requirements?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eLearn more about the updated guidelines\u003c/a\u003e for submitting your theme to the Shopify Theme Store. If you haven’t already, sign up below for a Shopify Partner account, and start building your first theme.\u003c/p\u003e\n\u003cdiv data-partners-signup=\"general\"\u003e\u003c/div\u003e\n\u003ch2 id=\"updating\"\u003e7. Updating your themes and apps\u003c/h2\u003e\n\u003cp\u003eTo take full advantage of these improvements, you should plan to migrate your themes and apps to the updated requirements of Online Store 2.0 as soon as possible—especially as merchants come to expect the flexibility OS 2.0 provides.\u003c/p\u003e\n\u003cp\u003eBy the end of the year, it will be required that all themes in the Shopify Theme Store and apps in the Shopify App Store use the new infrastructure. Merchants’ existing themes will continue to work beyond this year, but to access new Online Store 2.0 features through the theme editor, merchants will need to make sure their theme is Online Store 2.0 compatible.\u003c/p\u003e\n\u003cp\u003eLearn more about \u003ca href=\"https://shopify.dev/themes/migration?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003emigrating your themes to OS 2.0\u003c/a\u003e and \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ebuilding theme app extensions\u003c/a\u003e to make your apps compatible with OS 2.0 themes.\u003c/p\u003e\n\u003ch3\u003eUpdated documentation\u003c/h3\u003e\n\u003cp\u003eTo help support you in updating your themes and apps, we’ve overhauled the developer documentation for the online store. Our documentation now includes:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow-tos for developer workflows and processes with themes\u003c/li\u003e\n\u003cli\u003eBest practices for commerce components with semantic web best practices\u003c/li\u003e\n\u003cli\u003eHow apps should integrate with the new online store architecture, including how to make your app work with\u0026nbsp;legacy themes\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eVisit \u003ca href=\"https://shopify.dev/themes?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eour new documentation\u003c/a\u003e to learn more about updating your apps and themes. Stay in the loop with updates on all things development at Shopify by joining our monthly What’s New for Developers newsletter.\u003c/p\u003e\n\n\u003ch2\u003eBuilding for the future of commerce\u003c/h2\u003e\n\u003cp\u003eOnline Store 2.0 marks an end-to-end overhaul of how themes are built at Shopify. With sections on every page, app-powered blocks, flexible data storage, and robust developer tools, the process of building a theme on Shopify is easier than ever before. The extensibility offered to app developers means more opportunity to build integrations for merchants and surface your solution directly in the online store.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://shopify.dev/themes/migration?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003eUpdate your themes\u003c/a\u003e and \u003ca href=\"https://shopify.dev/apps/online-store/theme-app-extensions?itcat=partner_blog\u0026amp;itterm=shopify_online_store\"\u003ecreate theme app extensions for your apps\u003c/a\u003e to take full advantage of these updates, to continue building for merchants around the world.\u003c/p\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003e\u003cspan\u003eLearn more at:\u0026nbsp;\u003c/span\u003e\u003ca href=\"/partners\"\u003eShopify Partners\u003c/a\u003e\u003c/p\u003e\u003cdiv id=\":R0:\" data-component-name=\"blog-read-more\" class=\"marketing-block marketing-block--light marketing-block--padded text-body-sm text-left my-8 tablet:my-16 p-8 bg-marketingBg border-t-2 [\u0026amp;_h2]:text-t5 border-partners-highlight\"\u003e\u003ch2 class=\"!mt-0 mb-6 font-aktivgroteskextended\"\u003eRead more\u003c/h2\u003e\u003cul class=\"!mt-0 !mb-0\"\u003e\u003cli class=\"mt-2\"\u003e\u003ca href=\"/nz/partners/blog/how-to-build-a-shopify-app\"\u003eHow to Build a Shopify App: The Complete Guide\u003c/a\u003e\u003c/li\u003e\u003cli class=\"mt-2\"\u003e\u003ca href=\"/nz/partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"\u003eThe Essential List of Resources for Shopify Theme Development\u003c/a\u003e\u003c/li\u003e\u003cli class=\"mt-2\"\u003e\u003ca href=\"/nz/partners/blog/shopify-unite-announcements-2021\"\u003eAll of the Announcements From Shopify Unite 2021\u003c/a\u003e\u003c/li\u003e\u003cli class=\"mt-2\"\u003e\u003ca href=\"/nz/partners/blog/introduction-to-shopify-theming-for-wordpress-theme-developers\"\u003eIntroduction to Shopify Theming for WordPress Theme Developers\u003c/a\u003e\u003c/li\u003e\u003cli class=\"mt-2\"\u003e\u003ca href=\"/nz/partners/blog/marketing-tools\"\u003e3 New Ways to Entice and Engage App Users—Marketing Activities App Extension and Ping\u003c/a\u003e\u003c/li\u003e\u003cli class=\"mt-2\"\u003e\u003ca href=\"/nz/partners/blog/113806086-announcing-the-new-shopify-plus-partner-program\"\u003eAnnouncing the New Shopify Plus Partner Program\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/div\u003e","latestArticles":[],"contentNavigationLinks":[{"href":"#architecture","text":"Upgraded theme architecture"},{"href":"#content","text":"Flexible store content"},{"href":"#editor","text":"Enhancements to the theme editor"},{"href":"#tools","text":"New developer tools"},{"href":"#theme","text":"A new reference theme"},{"href":"#store","text":"The Shopify Theme Store reopening"},{"href":"#updating","text":"Updating your themes and apps"}],"blogHandle":"partners","settings":{"topSectionImages":[{"src":"https://cdn.shopify.com/b/shopify-brochure2-assets/2ecdaa09da44408d3c2a2b9cba3a2c07.png?originalWidth=1005\u0026originalHeight=1288"},{"src":"https://cdn.shopify.com/b/shopify-brochure2-assets/8262a99b5702f964162106b94a23ad2d.png?originalWidth=1005\u0026originalHeight=1288"},{"src":"https://cdn.shopify.com/b/shopify-brochure2-assets/16db235a9390238e6f9b8fd2a5c29680.png?originalWidth=1005\u0026originalHeight=1288"}],"images":{"guides-modal-default":"https://cdn.shopify.com/shopifycloud/brochure/assets/content-marketing/blog/guides/default-popup-small-507879111d55acdd759b202ab869ea0b8bd0f4af9f9aaa7c540efe59b8e046db.jpg","guides-modal-photography":"https://cdn.shopify.com/b/shopify-brochure2-assets/1bd4b072dc187a774c9af650d0f16d0b.jpg","guides-modal-seo":"https://cdn.shopify.com/b/shopify-brochure2-assets/63781344c2932de6e553a54b02291692.jpg","subscription":{"image":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420\u0026originalHeight=1040"}},"rightColSideBannerImg":"https://cdn.shopify.com/b/shopify-brochure2-assets/c8790c0f3c1fa91ccc845e45ce067bbe.png","articleNavigation":{"banner":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/e570727d45209fec56c410f802faa0fe.png"}}},"subscription":{"settings":{"subscriptionId":"DE84EF61-2A02-4778-8807-F01B108DE974"}}},"shareImage":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-online-store.jpg?v=1727285982","availableRegions":["en-NZ","en-ca","en-gb","en-au","en-id","en-nz","en-za","en-ng","en-ph","en-sg","en-hk","en-ie","en-my"],"popularArticles":[{"title":"10 Beautiful Ecommerce Website Color Schemes","tags":["Web Design Tools and Resources"],"handle":"93130630-10-beautiful-ecommerce-website-color-schemes","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024","imageAltText":"website color schemes","modifiedAt":"2019-08-20"},{"title":"How to Build a Shopify App: The Complete Guide\n","tags":["Shopify App Development"],"handle":"how-to-build-a-shopify-app","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024","imageAltText":"How to build a Shopify app","modifiedAt":"2021-02-24"},{"title":"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups","tags":["Web Design Tools and Resources"],"handle":"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024","imageAltText":"lorem ipsum generator","modifiedAt":"2019-04-17"},{"title":"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website","tags":["Inspiration \u0026 Creativity"],"handle":"web-design-portfolio-inspiration","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024","imageAltText":"Web design portfolio inspiration","modifiedAt":"2019-05-01"},{"title":"Inclusive Design: 12 Ways to Design for Everyone","tags":["Web Design"],"handle":"inclusive-design","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024","imageAltText":"inclusive design","modifiedAt":"2018-03-23"},{"title":"How to Manipulate Images with the img_url Filter","tags":["Learning Liquid"],"handle":"img-url-filter","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024","imageAltText":"img url filter","modifiedAt":"2018-01-04"},{"title":"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit","tags":["Shopify News"],"handle":"shopify-marketplace-kit","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024","imageAltText":"Shopify Marketplace Kit hero image","modifiedAt":"2022-05-13"},{"title":"Introducing Online Store 2.0: What it Means For Developers","tags":["Shopify News"],"handle":"shopify-online-store","imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024","imageAltText":"shopify online store","modifiedAt":"2021-01-29"}],"hreflangs":[{"tagName":"link","rel":"alternate","hreflang":"en-NZ","href":"https://www.shopify.com/nz/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-ca","href":"https://www.shopify.com/ca/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-gb","href":"https://www.shopify.com/uk/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-au","href":"https://www.shopify.com/au/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-id","href":"https://www.shopify.com/id/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-nz","href":"https://www.shopify.com/nz/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-za","href":"https://www.shopify.com/za/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-ng","href":"https://www.shopify.com/ng/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-ph","href":"https://www.shopify.com/ph/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-sg","href":"https://www.shopify.com/sg/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-hk","href":"https://www.shopify.com/hk/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-ie","href":"https://www.shopify.com/ie/partners/blog/shopify-online-store"},{"tagName":"link","rel":"alternate","hreflang":"en-my","href":"https://www.shopify.com/my/partners/blog/shopify-online-store"}],"url":"https://www.shopify.com/nz/partners/blog/shopify-online-store","canonicalUrl":"https://www.shopify.com/nz/partners/blog/shopify-online-store","rootDomain":"shopify.com","experimentVariationId":"","realCountryCode":"SG","geoCountryCode":"","regionCode":"","site":{"domain":"www.shopify.co.nz","countryCode":"NZ","hreflang":"en-NZ","locale":"en-NZ","baseEnDomain":true,"currencyCode":"NZD","features":["blog","editions","facebook_instagram","google_pay","google","lite_plan","starter_plan","paypal","plus","localized_help_center","payments_online","payments_swipe","pos","pos_retail","sitemap_blog","sitemap_blog_retail","sitemap_enterprise","sitemap_tools","split_rate","support_24_7","shop","google_buy","global_page_title","wisepad","retail"],"pathPrefix":"nz","languageCode":"en"},"fileRoutePath":"/partners/blog/$article","regions":[{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/au/partners/blog/shopify-online-store","hreflang":"en-AU","label":"Australia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/be-de","hreflang":"de-BE","label":"Belgium","lang":"de","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/be-en","hreflang":"en-BE","label":"Belgium","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/be-fr","hreflang":"fr-BE","label":"Belgium","lang":"fr","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/be","hreflang":"nl-BE","label":"Belgium","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/br","hreflang":"pt","label":"Brasil","lang":"pt","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/ca/partners/blog/shopify-online-store","hreflang":"en-CA","label":"Canada (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/ca-fr","hreflang":"fr-CA","label":"Canada (Français)","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/cz","hreflang":"cs","label":"Česká republika","lang":"cs","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/co","hreflang":"es-CO","label":"Colombia","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/dk","hreflang":"da","label":"Danmark","lang":"da","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/dk-en","hreflang":"en-DK","label":"Denmark","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/de","hreflang":"de","label":"Deutschland","lang":"de","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/es-es","hreflang":"es-ES","label":"España","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/es","hreflang":"es","label":"Español (Intl.)","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/fr","hreflang":"fr","label":"France","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/hk-en/partners/blog/shopify-online-store","hreflang":"en-HK","label":"Hong Kong SAR","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/in/partners/blog/shopify-online-store","hreflang":"en-IN","label":"India","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/id/partners/blog/shopify-online-store","hreflang":"en-ID","label":"Indonesia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/ie/partners/blog/shopify-online-store","hreflang":"en-IE","label":"Ireland","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/it","hreflang":"it","label":"Italia","lang":"it","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/my/partners/blog/shopify-online-store","hreflang":"en-MY","label":"Malaysia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/mx","hreflang":"es-MX","label":"México","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/nl","hreflang":"nl","label":"Nederland","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/nz/partners/blog/shopify-online-store","hreflang":"en-NZ","label":"New Zealand","lang":"en","base":false,"selector":true,"isActive":true,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/ng/partners/blog/shopify-online-store","hreflang":"en-NG","label":"Nigeria","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/no","hreflang":"nb","label":"Norge","lang":"nb","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/no-en","hreflang":"en-NO","label":"Norway (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/ph/partners/blog/shopify-online-store","hreflang":"en-PH","label":"Philippines","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/pl","hreflang":"pl","label":"Polska","lang":"pl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/pt","hreflang":"pt-PT","label":"Portugal","lang":"pt-PT","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/sg/partners/blog/shopify-online-store","hreflang":"en-SG","label":"Singapore","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/za/partners/blog/shopify-online-store","hreflang":"en-ZA","label":"South Africa","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/fi","hreflang":"fi","label":"Suomi","lang":"fi","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/se","hreflang":"sv","label":"Sverige","lang":"sv","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/tr","hreflang":"tr","label":"Türkiye","lang":"tr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/uk/partners/blog/shopify-online-store","hreflang":"en-GB","label":"United Kingdom","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/partners/blog/shopify-online-store","hreflang":"en","label":"USA","lang":"en","base":true,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/th","hreflang":"th","label":"ไทย","lang":"th","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/kr","hreflang":"ko","label":"대한민국","lang":"ko","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/tw","hreflang":"zh-Hant-TW","label":"台灣","lang":"zh-Hant","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/jp","hreflang":"ja-JP","label":"日本","lang":"ja","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.nz","href":"https://www.shopify.com/zh","hreflang":"zh-Hans","label":"简体中文","lang":"zh-Hans","base":false,"selector":true,"isActive":false,"published":false}],"enPath":"/partners/blog/shopify-online-store","handle":"partners-article","geoPricingIsEnabled":false,"editMode":false,"translations":{"en":{"global":{"argoPlaceholder":"2","ariaLabels":{"close":"Close","carousel":{"name":"carousel","slide":"slide","xOfY":"{x} of {y}","play":"Play carousel","pause":"Pause carousel"},"footer":{"regionsNav":"Region Navigation","regionsClose":"Close Region Navigation","newWindow":"Opens an external site in a new window"},"header":{"mobileNavMenu":"Menu","mainNav":"Main","secondaryNav":"Related pages","skipToContent":"Skip to Content"},"headerLight":{"dismissIcon":"Dismiss banner"},"learnMore":"Learn more about {title}","link":{"external":"External source: ","newWindow":" (Opens in a new window)","label":"{{external}}{{title}}{{newWindow}}"},"logoGroup":"Logos","modal":{"close":"Close modal","pip":"Picture in picture"},"next":"Next","previous":"Previous","current":"Current","pagination":{"previous":"Previous page","next":"Next page"},"shopifyLogo":"Shopify logo","shopifyPartnersLogo":"Shopify partners logo","testimonial":{"controls":"Navigate testimonials","plural":"Testimonials","next":"Next Testimonial","previous":"Previous Testimonial","play":"Play Testimonial","pause":"Pause Testimonial"},"videoModal":"video","video":{"play":"Play video","pause":"Pause video"}},"incentivesPromoBanner":{"app_store_credit":"\u003ca href=\"{{signupUrl}}\"\u003eJoin Shopify and get $50 USD to use in the Shopify App Store. \u003c/a\u003e\u003ca id=\"incentivesTermsLink\" target=\"_blank\" data-component-name=\"acquisition-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","gpv_acquisition_incentive_flag":"Join today and get up to \u003ca id=\"showTermsLink\" target=\"_blank\" data-component-name=\"sales-bonus-terms\" href=\"{{incentiveTerms}}\"/ style=\"color: inherit; font-weight: normal\"\u003e$5,000 in cash rebates\u003c/a\u003e on your first six months of sales","retail":{"spRateTermsLink":"\u0026nbsp\u003ca id=\"spIncentivesTermsLink\" target=\"_blank\" class=\"!font-normal\" target=\"_blank\" data-component-name=\"sp-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","subscriptionIncentive":"Special offer: get 6 months of POS Pro for {{incentivePrice}}/month","spRateIncentive":"Get {{rate}}% card rates on up to {{gpvLimit}} USD of in-person sales during your first {{length}} months.","spRateIncentiveTerms":"Terms apply","cardReaderDiscountIncentive":"Get a free card reader when you pick a plan.","cardReaderDiscountIncentiveTerms":"Terms apply"},"gmv_rewards":"\u003ca href=\"{{signupUrl}}\" style=\"text-decoration: none; font-size: 16px\"\u003e\u003cb\u003eOffer: earn 1% of all sales\u003c/b\u003e as subscription credits, up to {{maxPayoutCap}}.\u003c/a\u003e \u003ca id=\"incentiveLearnMoreLink\" href=\"{{learnMore}}\" style=\"font-size: 16px\"\u003eLearn more\u003c/a\u003e"},"cookiesNotice":{"acceptAllButtonText":"Accept all","activeConsentContentHtml":"We use cookies (and other similar technologies) for many purposes, including to improve your experience on our site and for ads and analytics. Click \"Accept all\" to accept these uses. Read more in our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","buttonText":"OK","contentHtml":"Shopify uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our \u003ca href=\"{{legalPrivacyPath}}\"\u003ePrivacy Policy\u003c/a\u003e and our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","rejectAllButtonText":"Reject all"},"countries":{"au":"Australia","be":"Belgium","br":"Brazil","ca":"Canada","cn":"China","co":"Colombia","cz":"Czech Republic","dk":"Denmark","en":"USA","es":"Spain","de":"Germany","fi":"Finland","fr":"France","gb":"UK","hk":"Hong Kong SAR","id":"Indonesia","ie":"Ireland","in":"India","it":"Italy","jp":"Japan","kr":"Korea","my":"Malaysia","mx":"Mexico","ng":"Nigeria","nl":"Netherlands","no":"Norway","nz":"New Zealand","ph":"Philippines","pl":"Poland","pt":"Portugal","se":"Sweden","sg":"Singapore","th":"Thailand","tr":"Turkey","tw":"Taiwan","vn":"Vietnam","za":"South Africa"},"downloadApp":{"androidAlt":"Get the Shopify app on Google Play","androidUrl":"https://shopify.com/install/android","iosAlt":"Download the Shopify app on the Apple App Store","iosUrl":"https://shopify.com/install/mobile","qrCodeAlt":"QR code to download from","qrTitle":"Scan to install"},"downloadposApp":{"androidAlt":"Get the Shopify POS Mobile app on Google Play","androidUrl":"https://play.google.com/store/apps/details?id=com.shopify.pos","iosAlt":"Download the Shopify POS Mobile app on the Apple App Store","iosUrl":"https://apps.apple.com/us/app/shopify-point-of-sale-pos/id686830644","qrCodeAlt":"QR code to download from","qrTitle":"Scan or click below to install"},"forms":{"fields":{"country":{"label":"Country","placeholder":"Select one","error":"Please select a country"}}},"globalNav":{"applyText":"Apply for early access","applyTextPlain":"Apply for access","getStarted":"Get started","headerPdfCta":"Download document","headerPdfCtaLink":"https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf","homeUrl":"{{home}}","loginGetStartedText":"Log in to get started","loginText":"Log in","loginUrl":"/login","signinText":"Sign in","signupText":"Start free trial","signupTextFree":"Sign up free","signupTextPlain":"Sign up","searchText":"Search","searchPlaceholder":"Type something you're looking for","searchPlaceholderMobile":"Search","signUpButtonText":"Get in touch","sharedBottomBar":{"shopify":"Shopify","shopifyDesc":"Platform for entrepreneurs \u0026 SMBs","plus":"Plus","plusDesc":"A commerce solution for growing digital brands","enterprise":"Enterprise","enterpriseDesc":"Solutions for the world’s largest brands"}},"showLess":"Show less","showMore":"Show more","home":"{{home}}","learnMore":"Learn more","plans":{"pricingFaqAnswerWithDiscount":"We offer a 25% discount for yearly subscriptions if you choose the Basic, Shopify, or Advanced plans. If you choose a 3-year Shopify Plus plan, we offer a monthly discount and lower online variable platform fees."},"sell":{"header":"Explore your options","title":"Apps that help you sell {{vertical}}","subheading":"Some popular apps other merchants use","seeRecommendedApps":"See more recommended apps","by":"By {{partner}}"},"shopify":"Shopify","pagination":{"page":"Page"},"signup":{"buttonText":"Start free trial","plusButtonText":"Get in touch","buttonText_fr":"Launch your store","label":"Email address","placeholder":"Enter your email address","disclaimerHtml":"Try Shopify free for {{trialLength}} days, no credit card\u0026nbsp;required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoLengthHtml":"No credit card required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","testimonialButtonText":"Try Shopify free for {{trialLength}} days","freeTrialCtaHtml":"Try Shopify for free, and explore all the tools and services you need to start, run, and grow your\u0026nbsp;business.","signupPaidTrialPromo":{"default_one":"Get {{trialLength}} days free then 1 month for {{paidTrialAmount}}.","default_other":"Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","disclaimer":"By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoEmail_one":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart free, then get your first month for {{paidTrialAmount}}.\u003c/a\u003e","disclaimerNoEmail_other":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.\u003c/a\u003e"}},"social":{"facebook":{"text":"Facebook","url":"https://www.facebook.com/shopify","url_de":"https://www.facebook.com/shopifyDE","url_jp":"https://www.facebook.com/ShopifyJP"},"twitter":{"text":"Twitter","url":"https://twitter.com/shopify","url_jp":"https://twitter.com/ShopifyJP"},"youtube":{"text":"YouTube","url":"https://www.youtube.com/user/shopify","url_de":"https://www.youtube.com/c/ShopifyDeutsch","url_fr":"https://www.youtube.com/c/ShopifyFrançais","url_it":"https://www.youtube.com/c/ShopifyItaliano","url_jp":"https://www.youtube.com/c/ShopifyJapan","url_nl":"https://www.youtube.com/c/ShopifyNederlands","url_br":"https://www.youtube.com/c/ShopifyBrasil"},"instagram":{"text":"Instagram","url":"https://www.instagram.com/shopify/"},"tiktok":{"text":"TikTok","url":"https://www.tiktok.com/@shopify"},"linkedin":{"text":"LinkedIn","url":"https://www.linkedin.com/company/shopify"},"pinterest":{"text":"Pinterest","url":"https://www.pinterest.com/shopify/","url_jp":"https://www.pinterest.com/shopifyjp/"},"email":{"text":"Email","url":"mailto:"}},"tableOfContents":"Table of Contents","totalApps":6000,"totalThemes":70,"supportedLanguages":50,"totalGateways":100,"totalStores":1700000,"uptime":99.98,"waitlistForm":{"errors":{"general":"Something went wrong, try again later","emailFormat":"Email is formatted incorrectly"},"successMessage":"Done","placeholder":"Enter your email address","buttonText":"Signup"},"editionsEyebrow":{"text":"Shopify Editions | Summer ’24 is live"},"sectionErrorBoundary":{"message":"This content is not loading due to a technical problem"},"nav":{"about":"About Shopify","academy":"Shopify Academy","allFeatures":"All features","allProducts":"All Products","allProductsDescription":"Explore all Shopify products \u0026 features","appStore":"Find business apps","appStoreDescription":"Shopify app store","b2b":"Sell wholesale \u0026 direct","b2bDescription":"Business-to-business (B2B)","balance":"Balance","banking":"Banking","billPay":"Bill Pay","blog":"Blog","blogEnterprise":"Enterprise Blog","blogMerchants":"Merchant Blog","blogRetail":"Retail Blog","borrowing":"Borrowing","branding":"Branding","brandingDescriptionV2":"Build your brand from scratch","brandingFlyoutDescription":"Look professional and help customers connect with your business","build":"Build","burst":"Free stock photos","businessEncyclopedia":"Business encyclopedia","businessFunding":"Secure business funding","businessFundingDescription":"Shopify Capital","businessGrowth":"Business growth","businessGrowthDescription":"Scale your business","businessNameGenerator":"Business name generator ","businessPlanTemplate":"Business plan template","businessTypes":"Business Types","buyButton":"Buy Button","buyButtonDescription":"Transform an existing website or blog into an online store","buyButtonSubnav":"Explore Buy Button","capital":"Capital","capitalLoansAndCashAdvances":"Large retailer funding","capitalSmallBusiness":"Small business funding","cdiscount":"Cdiscount","changelog":"Changelog","changelogDescription":"Your source for recent updates","checkout":"Checkout","checkoutDescription":"Provide fast, smooth checkout experiences","checkoutDescriptionV2":"World-class checkout","checkoutV2":"Check out customers","commerceComponents":"Enterprise","commerceComponentsDescription":"Solutions for the world's largest brands","community":"Community","communityEvents":"Community Events","compareToPlus":"Compare to Plus","compass":"Business courses","compassDescription":"Learn from proven experts","calculator":"Cost calculator","credit":"Credit","ctaAlt":"Free Trial","docs":"Docs","customerInsights":"Know your audience","customerInsightsDescription":"Gain customer insights","customization":"Customization","domains":"Domains","domainsAndHosting":"Own your site domain","domainsAndHostingDescription":"Domains \u0026 hosting","dropshipping":"Dropshipping","ecommerce":"Online store","ecommerceDescription":"Online store editor","ecommerceSeo":"Ecommerce SEO","ecommerceSeoDescription":"Improve your search ranking","ecommerceV2":"Create your website","editions":"Editions","editionsAll":"All Editions","editionsAllDescription":"Archive of past Shopify Editions","editionsCurrent":"Winter ’24 Edition","editionsLast":"Summer ’24 Edition","editionsLastDescription":"The latest 100+ product updates","emailMarketing":"Email marketing","encyclopedia":"Encyclopedia","essentialTools":"Essential tools","examples":"Examples","exchange":"Websites for sale","experts":"Experts","facebook":"Facebook Shops","facebookAds":"Facebook Ads","facebookInstagram":"Facebook \u0026 Instagram","faq":"FAQ","features":"Features","financesManagement":"Manage your finances \u0026 access funding","financesManagementDescription":"Shopify Finance","flow":"Ecommerce automation","flowDescription":"Shopify Flow","flowV2":"Automate your business","forums":"Shopify Community","founderStories":"Founder stories","founderStoriesDescription":"Learn from successful merchants","fraudProtection":"Fraud Protection","freeBusinessTools":"Explore free business tools","freeBusinessToolsDescription":"Tools to run your business","freeTools":"Free tools","fulfillment":"Fulfillment","fulfillmentDescription":"Shopify Fulfillment Network","fulfillmentV2":"Outsource fulfillment \u0026 returns","getStarted":"Start free trial","getInTouch":"Get in touch","google":"Google","googleSmart":"Google","googleYoutube":"Google \u0026 Youtube","guides":"Guides","hardware":"Hardware","hardwareStore":"Hardware store","helpAndSupport":"Help and support","helpAndSupportDescription":"Get 24/7 support","helpCenter":"Help Center","howToGuides":"How-to guides","howToGuidesDescription":"Read in-depth business guides","impressumGenerator":"Impressum-Generator","inbox":"Business chat","inboxDescription":"Turn browsers into buyers","inboxDescriptionV2":"Shopify Inbox","inboxV2":"Chat with customers","instagram":"Instagram","installments":"Installments","internationalSales":"International sales","internationalSalesDescription":"Sell globally","inventoryOrderManagement":"Manage your stock \u0026 orders","inventoryOrderManagementDescription":"Inventory \u0026 order management","joinNow":"Join Now","learn":"Learn","lending":"Lending","linkInBioTool":"Link in bio tool","login":"Log in","logoMaker":"Logo maker","manage":"Manage","manageEverything":"Manage everything","manageYourBusiness":"Manage your business","manageYourBusinessDescription":"Track sales, orders \u0026 analytics","market":"Market","marketDescription":"Market your business","marketDescriptionV2":"Reach \u0026 retain customers","marketing":"Marketing","marketingAutomation":"Marketing automation","marketingDescription":"Build a marketing plan","marketingTools":"Marketing tools","marketingToolsDescription":"Ads, email campaigns, and more","marketplaces":"Online marketplaces","markets":"International commerce","marketsDescription":"Reach buyers in new markets with international selling tools","measureYourPerformance":"Measure your performance","measureYourPerformanceDescription":"Analytics and Reporting","midMarket":"Mid-market","migrateToShopify":"Migrate to Shopify","migrateToShopifyDescription":"Compare to other platforms","mobileApp":"Mobile app","mobileAppDescription":"Respond in real time","moneyManagement":"Get paid faster","moneyManagementDescription":"Shopify Balance","more":"More","newsroom":"Newsroom","newsroomDescription":"All company news and press releases","onlineFlyoutDescription":"Find a domain, explore stock images, and amplify your brand","onlinePresence":"Online presence","onlineStoreDescription":"Sell online with an ecommerce website","omnichannel":"Omnichannel selling","orderManagementAndFulfillment":"Order management and delivery","overview":"Overview","partners":"Partners","payments":"Payment processing","paymentsDescription":"Set up forms of payment","paymentsOverview":"Overview","paymentsV2":"Accept online payments","pillarDropdownCta":"Get started","ping":"Shopify Ping","plus":"Plus","plusPricing":"Plus Pricing","podcasts":"Podcasts","pointOfSale":"Point of Sale","pointOfSaleDescription":"Point of Sale (POS)","pointOfSaleV2":"Sell in person","popularTopics":"Popular topics","pos":"Shopify POS","posPricing":"POS Pricing","posSystemSmallBusiness":"Small business POS","posMultiStore":"Multi-store POS","posInventorySystem":"POS inventory system","posAndroid":"Android POS","posIpad":"iPad POS","posApp":"POS App","posSoftware":"POS Software","pricing":"Pricing","pricingOverview":"Pricing overview","productSourcing":"Product sourcing","productSourcingDescription":"Find products to sell","productsToSell":"Products to sell","qrCodeGenerator":"QR code generator","rakuten":"Rakuten","research":"Research","resources":"Resources","retail":"Retail POS","retailDescription":"Sell at retail locations, pop-ups, and beyond","salesChannels":"Sales channels","salesChannelsDescription":"Reach millions of shoppers and boost sales","salesChannelsDescriptionV2":"Channels for social \u0026 marketplaces","salesChannelsV2":"Sell across channels","segmentation":"Customer groups","sell":"Sell","sellEverywhere":"Sell everywhere","sellOnline":"Sell online","sellOnlineDescription":"Grow your business online","sellYourProducts":"Sell your products","sellYourProductsDescription":"Sell online or in person","shipping":"Shipping","shippingDescription":"Fulfill orders faster","shippingDescriptionV2":"Shopify Shipping","shippingV2":"Ship orders faster","inventoryDescription":"Inventory management","shop":"Shop","shopPay":"Shop Pay","shopifyBlog":"Shopify blog","shopifyBlogDescription":"Business strategy tips","shopifyCaseStudies":"Case Studies","shopifyCaseStudiesDescription":"Learn from successful merchants","shopifyComparison":"Shopify comparison","shopifyComparisonDescription":"Comparison with other platforms","shopifyMigration":"Migrate to Shopify","shopifyMigrationDescription":"Migration checklists, guides and tools","shopifyDevelopers":"Shopify Developers","shopifyDevelopersDescription":"Build with Shopify's powerful APIs","shopifyEditions":"Shopify Editions","shopifyEditionsDescription":"New, innovative Shopify products","shopifyEmail":"Nurture customers","shopifyEmailDescription":"Shopify Email","shopifyFinance":"Shopify Finance","shopifyGold":"Enterprise","shopifyOnlineStore":"Shopify Online store","shopifyPlus":"Enterprise","shopifyPlusDescription":"A commerce solution for growing digital brands","shopifyPointOfSale":"Shopify Point of Sale","shopifySite":"shopify.com","shopifyVsBigCommerce":"Shopify vs. BigCommerce","shopifyVsSalesforce":"Shopify vs. Salesforce","shopifyVsSquare":"Shopify vs. Square","signup":"Sign up","social":"Social media","socialDescription":"Social media integrations","socialMediaStrategy":"Social media strategy","socialMediaStrategyDescription":"Turn social into sales","socialV2":"Market across social","solutions":"Solutions","staffManagement":"Staff management","start":"Start","startYourBusiness":"Start your business","startYourBusinessDescription":"Build your brand","stockPhotography":"Stock photography","storeSetup":"Store set up","storeSetupDescription":"Use Shopify’s powerful features to start selling","storeThemes":"Store themes","storeThemesDescription":"Customize your store","successStories":"Success stories","tax":"Tax","termLoans":"Term Loans","themeStore":"Theme store","themes":"Themes","tiktok":"TikTok","upgradeToPlus":"Upgrade to Plus","videos":"Videos","walmart":"Walmart Marketplace","waysToSell":"Ways to sell","webAddress":"Domain name","websiteBuilder":"Website Builder","whatIsShopify":"What is Shopify?","whatIsShopifyDescription":"How our commerce platform works","whatsNew":"What’s new","youtube":"YouTube"},"footer":{"about":"About","aboutShopify":"About Shopify","accessibility":"Accessibility","affiliateProgram":"Affiliate Program","affiliates":"Affiliates","apiDocs":"API Documentation","appDemo":"App Demo","appDeveloperProgram":"App Developers","appStore":"App Store","ar":"Shopify AR","blog":"Blog","blogTopics":"Blog Topics","brand":"Brand","buildBlack":"Build Black","buildNative":"Build Native","businessNameGenerator":"Business Name Generator ","burst":"Free Stock Photos","buyButton":"Buy Button","capital":"Capital","careers":"Careers","commerceComponents":"Commerce Components","company":"Company","companyInfo":"Company Info","contact":"Contact","contactShopify":"Contact Shopify","countrySelect":"Change your country or region.","countrySelectHeading":"Country/region","devDegree":"Dev Degree","developers":"Developers","documentation":"Shopify Help Center","domainNames":"Domain Names","domains":"Domains","dropshipping":"Dropshipping Business","ecommerce":"Online Store","ecommerceHosting":"Ecommerce Hosting","ecommerceSoftware":"Ecommerce Software","economicGrowth":"Economic Growth","email":"Email","examples":"Examples","experts":"Shopify Partners","featureTour":"Website Builder","features":"Features","forums":"Shopify Community","fulfillment":"Fulfillment","gaming":"Gaming","globalImpact":"Global Impact","hardware":"Hardware","hatchful":"Hatchful","heading":"More resources","helpCenter":"Help Center","hireAnExpert":"Hire a Partner","investors":"Investors","leadership":"Leadership","legal":"Legal","linkpop":"Linkpop","logoGenerator":"Logo Maker","managePrivacy":"Manage Privacy","merchantSupport":"Merchant Support","mobileCommerce":"Mobile Commerce","onlineStore":"Ecommerce Website","onlineStoreBuilder":"Online Store Builder","partnerProgram":"Partner Program","partners":"Partners","payments":"Payments","phoneNumber":"1-888-329-0139","platform":"Platform","pointOfSale":"Point of Sale","posFeatures":"Features","posSoftware":"POS Software","pressAndMedia":"Press and Media","pressReleases":"Press Releases","privacyChoices":"Privacy Choices","privacyPolicy":"Privacy Policy","products":"Products","research":"Research","resources":"Support","sellInStore":"Point of Sale","sellOnline":"Sell Online","sellOnlineTour":"Online Retail","serviceStatus":"Service Status","setUp":"Setup","sfn":"Shopify Fulfillment Network","shipping":"Shipping","shop":"Shop","shopPay":"Shop Pay","shopify":"Shopify","shopifyAcademy":"Shopify Academy","shopifyEvents":"Shopify Events","shopifyExperts":"Shopify Partners","shopifyForEnterprise":"Shopify for Enterprise","shopifyGold":"Enterprise","shopifyLite":"Shopify Lite","shopifyPlus":"Shopify Plus","shoppingCart":"Shopping Cart","sitemap":"Sitemap","social":"Social","socialImpact":"Social Impact","solutions":"Solutions","storeDesign":"Themes","storeThemes":"Store Themes","support":"24/7 support","supportLimited":"Customer Support","sustainability":"Sustainability","termsOfService":"Terms of Service","themeStore":"Theme Store","themeSupport":"Theme Support","themes":"Themes","tools":"Free Tools","topics":"Topics","trustSealsAccessibilityText":"Use Shopify with confidence. Our platform has been assessed and certified by:","video":"Video","videoTutorials":"Video Tutorials"}},"pages/partners/blog/$article/content":{"articleMetaTitle":"{{title}} ({{year}})","articleNavigation":{"title":"On this page","bannerTitle":"Earn more revenue as a Shopify Partner","bannerSubTitle":"Grow your Shopify expertise and unlock new ways to earn revenue for your own business with the Shopify Partner Program.","bannerHint":"Try Shopify for free, no credit card required.","buttonText":"Become a Partner"},"subscribeBanner":{"title":"Let’s grow your digital business","description":"Get design inspiration, development tips, and practical takeaways delivered straight to your inbox.","placeholder":"Enter email","buttonText":"Get updates","hint":"No charge. Unsubscribe anytime.","successMessage":{"heading":"Thank you for subscription!","contentHtml":"Check your email for instructions."}},"popularPostsTitle":"popular posts","subscribe":{"errors":{"email":"Please enter a valid email address."}},"readMoreLinks":{"title":"Read more"},"guidesCta":{"modal":{"subhead":"Almost there: please enter your email below to gain instant access.","disclaimer":"We'll also send you updates on new educational guides and success stories from the Shopify newsletter. We hate SPAM and promise to keep your email address safe.","submit":"Get updates","success":{"heading":"Thanks for subscribing.","subhead":"You’ll start receiving free tips and resources soon. In the meantime, start building your store with a free trial of Shopify.","cta":"Get started"},"error":"Something went wrong, please try again later!"},"analytics":{"heading":"Free Ebook: Ecommerce Analytics for Beginners","content":"Find out which metrics are the key to establishing and growing your online business. This free guide is the perfect first step in learning about ecommerce analytics.","cta":"Get the free ebook now","modal_headline":"Get Ecommerce Analytics for Beginners delivered right to your inbox."},"back_to_school":{"heading":"The Complete Guide to Back to School Marketing for Retail Stores","content":"Get an update on this year's back to school marketing trends, compare strategies, and build out your plan with this short guide.","cta":"Get your free guide now","modal_headline":"Get the Back to School Marketing Guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"brand_storytelling":{"heading":"Free Worksheet: Brand Storytelling","content":"Use this handy exercise as a guide to help you craft a compelling brand story and build a loyal audience through the power of storytelling.","cta":"Get the worksheet","modal_headline":"Get our free Brand Storytelling Worksheet delivered right to your inbox."},"branding":{"heading":"Free Reading List: How to Brand Your Business","content":"A great brand can help your products stand out from the crowd. Get a crash course in small business branding with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get our Branding reading list delivered right to your inbox."},"businessplan":{"heading":"Free: Business Plan Template","content":"Business planning is often used to secure funding, but plenty of business owners find writing a plan valuable, even if they never work with an investor. That’s why we put together a free business plan template to help you get started.","cta":"Get the template now","modal_headline":"Get the business plan template delivered right to your inbox."},"businessideas":{"heading":"Free: The Big List of Business Ideas","content":"To help you find the inspiration to start, we compiled a list of 100+ in-demand business ideas, broken down into categories like fitness, apparel, and gaming.","cta":"Get the list now","modal_headline":"Get the big list of business ideas delivered right to your inbox."},"case_studies":{"heading":"Free Video Series: Ecommerce Inspiration","content":"Feeling uninspired? Watch some of the world's most successful entrepreneurs share their best advice for new business owners.","cta":"Get the free video series","modal_headline":"Get our Ecommerce Inspiration video series delivered right to your inbox."},"competitive":{"heading":"Free: Competitive Analysis Template","content":"By evaluating the strengths and weaknesses of your competition, you can begin to formulate how to give your company an advantage. Download our free competitive analysis template and gain an edge over the competition.","cta":"Get the template now","modal_headline":"Get the competitive analysis template delivered right to your inbox."},"copywriting":{"heading":"Free Reading List: Copywriting Tactics for Entrepreneurs","content":"Is your website content costing you sales? Learn how to improve your website copy with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get our Copywriting Tactics reading list delivered right to your inbox."},"customerservice":{"heading":"Free Reading List: Customer Service Strategies","content":"Focusing on customer service can turn negative interactions into positive reviews (and repeat customers). Learn how with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get the reading list delivered right to your inbox."},"design":{"heading":"Free Reading List: Online Store Design Tips","content":"Your online store's appearance can have a big impact sales. Unleash your inner designer with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get our Store Design reading list delivered right to your inbox."},"email":{"heading":"Free Ebook: How to Grow Your Ecommerce Business with Email Marketing","content":"Whether you're just getting started or dreaming up your next big campaign, this email marketing guide will provide you with insights and ideas to help your business grow.","cta":"Get the free ebook now","modal_headline":"Get our Email Marketing guide delivered right to your inbox."},"googleshopping":{"heading":"Free Ebook: Google Shopping for Small Businesses","content":"Google Shopping ads are one of the leading traffic sources that can give you the ultimate edge. Discover this hidden gem often overlooked by your competition.","cta":"Get the free ebook now","modal_headline":"Get Google Shopping for Small Businesses delivered right to your inbox."},"hiring_questions":{"heading":"Free Guide: Interview Questions for Hiring Retail Employees","content":"Hiring competent retail employees is becoming increasingly challenging. Use this guide to ask the right questions during the interview process to ensure you hire the right people for your store.","cta":"Get the free guide now","modal_headline":"Get our guide Interview Questions for Hiring Retail Employees delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"holiday_selling_2021":{"heading":"Free Holiday Selling Guide: Top 10 Holiday Selling Tips for Retail Stores","content":"A sale can happen anywhere, at any time. Use our top 10 strategies to unify your customer touch points and set yourself up for holiday success.","cta":"Get the free guide now","modal_headline":"Get our Top 10 Holiday Selling Tips for Retail Stores delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"inventory_templates":{"heading":"5 Free Templates to Better Understand Your Inventory","content":"Calculate your businesses cost of goods sold, sell through rate, inventory turnover, saftey stock, economic order quantity, or reorder point with ease using these custom templates. (No math required!)","cta":"Get your free templates","modal_headline":"Get your Inventory Templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free templates soon. In the meantime, start building your store with a free trial of Shopify."},"opening_closing_checklist":{"heading":"Free Checklist for Opening and Closing Your Store","content":"Ensure all protocols and procedures are completed each time you open and close your store with this handy, easy-to-follow checklist.","cta":"Get the free checklist","modal_headline":"Get our Opening and Closing Checklist delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"optimization":{"heading":"Free Reading List: Conversion Optimization for Beginners","content":"Turn more website visitors into customers by getting a crash course in conversion optimization. Access our free, curated list of high-impact articles below.","cta":"Get the free reading list","modal_headline":"Get our Conversion Optimization reading list delivered right to your inbox."},"parentpreneur":{"heading":"Playbook for the Aspiring Parentpreneur","content":"Unleash your creativity and turn your passion into a thriving business with our Parentprenuer brainstorming guide. Discover new ideas, set realistic goals, and map out a plan for success.","cta":"Download now","modal_headline":"Check your inbox for your copy of the Parentpreneur Playbook."},"phonecases":{"heading":"Get a Free Phone Case Business in a Box","content":"Free high quality phone case stock photos and a list of some places you can look to find phone case suppliers to work with.","cta":"Download startup bundle","modal_headline":"Get our startup bundle delivered right to your inbox."},"photography":{"heading":"Free Guide: DIY Product Photography","content":"Learn how to take beautiful product photos on a budget with our free, comprehensive video guide.","cta":"Get your free guide","modal_headline":"Get our DIY Guide to Beautiful Product Photography delivered right to your inbox."},"popup_guide":{"heading":"Pop-Up Shop Quickstart Guide","content":"Thinking about hosting a Pop-Up Shop? This free guide includes 3 checklists that help frame what you're looking to accomplish through your Pop-Up Shop, different types of Pop-Up Shops, and design ideas to help get you started.","cta":"Get your free guide","modal_headline":"Get your Pop-Up Shop Quickstart Guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"pressrelease":{"heading":"Free: Press Release Template","content":"To help you get started, we put together this template to help you structure your story using a common press release format. You can replace each component with your own information and adapt it according to your needs.","cta":"Get the template now","modal_headline":"Get the press release template delivered right to your inbox."},"productivity":{"heading":"Free Reading List: Ecommerce Motivation","content":"Having trouble focusing on growing your small business? Get access to our free, curated list of high-impact productivity articles.","cta":"Get the free reading list","modal_headline":"Get our Ecommerce Motivation reading list delivered right to your inbox."},"products":{"heading":"Free Guide: How to Find a Profitable Product to Sell Online","content":"Excited about starting a business, but not sure where to start? This free, comprehensive guide will teach you how to find great, newly trending products with high sales potential.","cta":"Get the free guide","modal_headline":"Get How To Find A Product To Sell Online: The Definitive Guide PDF delivered right to your inbox."},"retail_marketing":{"heading":"Free Download: From Clicks to Customers: How to Measure Your Retail Store's Marketing Success","content":"Every marketing campaign is an investment of your time, energy, and money. Do you ever wonder if your efforts were worth it? Read this guide and build a framework to plan, track, and measure the success of retail marketing campaigns.","cta":"Get your free guide","modal_headline":"Get your free Retail Marketing Success PDF delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"retention_audit":{"heading":"Free Download: Retention Audit Checklist","content":"Struggling with customer retention? This free checklist will help you build a retention mindset throughout your company by auditing retention strategies at every level of your business.","cta":"Get your free checklist","modal_headline":"Get this free Retention Audit Checklist PDF delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"rotating_schedules":{"heading":"Free Download: Rotating Schedules Templates","content":"Struggling to keep your stores fully staffed and running smoothly? Consider implementing a rotating shift program. Download these free templates to find the right schedule for you and your employees.","cta":"Get your free templates","modal_headline":"Get these free Rotating Schedules Templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"seo":{"heading":"Free Download: SEO Checklist","content":"Want to rank higher in search results? Get access to our free, checklist on search engine optimization.","cta":"Get the free checklist","modal_headline":"Get our SEO Checklist delivered right to your inbox."},"sfn_interview":{"heading":"Free Checklist: How to Interview a Third Party Logistics Provider","content":"Outsourcing fulfillment is a significant investment. Here’s a checklist of questions to ask in preparation of choosing the right fulfillment provider and transitioning your business.","cta":"Get the free checklist","modal_headline":"Get the checklist delivered right to your inbox."},"sfn_outsource":{"heading":"Free Checklist: Are You Ready to Outsource Your Fulfillment?","content":"Trusting a third party logistics (3PL) provider with your inventory and your customer experience is a significant investment. These questions will help determine if it's time to outsource your fulfillment and take the next step in growing your business.","cta":"Get the free checklist","modal_headline":"Get the checklist delivered right to your inbox."},"shipping":{"heading":"The Shopify guide to shipping and fulfillment","content":"Boost customer satisfaction while driving sales growth for your ecommerce business with an effective shipping and fulfillment strategy. Use this guide to create a plan that covers all aspects of shipping and fulfillment, from how much to charge your customers to choosing the right fulfillment method.","cta":"Download now and start optimizing your operations","modal_headline":"Get our shipping and fulfillment guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"social":{"heading":"Social media strategy and planning templates","content":"Ready to get started with your social media strategy? These free, customizable templates give you tools to plan and execute a strategy that connects you with your target audience while keeping your content calendar organized.","cta":"Download now and start seeing results","modal_headline":"Get your social media strategy and planning templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"social_template":{"heading":"Social media strategy and planning templates","content":"Ready to get started with your social media strategy? These free, customizable templates give you tools to plan and execute a strategy that connects you with your target audience while keeping your content calendar organized.","cta":"Download now and start seeing results","modal_headline":"Get social media strategy and planning templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"store_layouts":{"heading":"Free Download: Store Layout Templates","content":"Trying to decide which layout is right for your store? Download these free templates to learn which types of layouts work best for different industries and draw inspiration for your own design.","cta":"Get your free templates","modal_headline":"Get these free templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"swot":{"heading":"Free: SWOT Analysis Template","content":"Get your free SWOT Analysis Template. Use this free PDF to future-proof your business by identifying your strengths, weaknesses, opportunities, and threats.","cta":"Get the template now","modal_headline":"Get the SWOT analysis template delivered right to your inbox."},"tax_season":{"heading":"Free Download: 6 Steps to Get Your Business Ready for Tax Season","content":"Tax season is stressful for any business owner. This guide will go through the process of filing income taxes in America and provide you with checklists to keep you organized and prepared.","cta":"Get your free guide now","modal_headline":"Get your free guide","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"trust":{"heading":"Free: Shopify Store Trust Checklist","content":"Shopify’s research team conducted a series of in-depth interviews with North American shoppers to learn how customer trust is formed in online stores. This checklist is a summary of their findings, created to help business owners understand what essential aspects of their online store experience creates trust among customers, along with the trust-busting mistakes to avoid.","cta":"Get the checklist now","modal_headline":"Get the checklist delivered right to your inbox."},"ttp_guide":{"heading":"Free Download: The Online Sellers Guide to In-Person Sales","content":"In-person selling is more approachable than ever. This guide covers why selling in person can reduce customer acquisition costs, how to build a plan that will scale with your business, and tactics from ecommerce sellers that made the move successfully.","cta":"Get your free guide now","modal_headline":"Get your free guide","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"twitter":{"heading":"Free Ebook: Twitter Marketing for Small Businesses","content":"This guide will teach you everything from earning your first followers to getting the most out of Twitter’s advertising platform. Claim your free download to get instant access.","cta":"Get the free ebook now","modal_headline":"Get Twitter Marketing for Small Businesses delivered right to your inbox."},"video":{"heading":"Free Reading List: Video Marketing Tips and Tricks","content":"Video marketing is a powerful tool you can’t afford to ignore. Get a crash course with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get the reading list delivered right to your inbox."}},"partnersSignup":{"service_partner":{"heading":"Grow your business with the Shopify Partner Program","content":"Whether you offer marketing, customization, or web design and development services, the Shopify Partner Program will set you up for success. Join for free and access revenue share opportunities, tools to grow your business, and a passionate commerce community.","cta":"Sign up"},"app_developer":{"heading":"Build apps for Shopify merchants","content":"Whether you want to build apps for the Shopify App Store, offer custom app development services, or are looking for ways to grow your user base, the Shopify Partner Program will set you up for success. Join for free and access educational resources, developer preview environments, and recurring revenue share opportunities.","cta":"Sign up"},"affiliate":{"heading":"Become a Shopify Affiliate","content":"Use your voice to inspire entrepreneurship around the world. Whether you’re an existing partner or new to the Shopify Partner Program, apply to become a Shopify Affiliate and earn commission by referring your audience to Shopify.","cta":"Apply now"},"general":{"heading":"Grow your business with the Shopify Partner Program","content":"Whether you offer web design and development services or want to build apps for the Shopify App Store, the Shopify Partner Program will set you up for success. Join for free and access revenue share opportunities, developer preview environments, and educational resources.","cta":"Sign up"}},"authorSection":{"headingHtml":"Share article","updated":"Last updated","byAuthor":"by \u003cwrapper\u003e\u003cname\u003e{{authorName}}\u003c/name\u003e\u003c/wrapper\u003e","byAuthor_withLink":"by \u003cwrapper\u003e\u003curl\u003e\u003cname\u003e{{authorName}}\u003c/name\u003e\u003c/url\u003e\u003c/wrapper\u003e","reviewed":"Reviewed","written":"Written"},"articleHeader":{"blogLink":{"text":"blog"}},"hero":{"heading":"Become a Shopify Partner.","subhead":"Unlock business growth.","image":{"alt":"My alt."},"buttonText":"Join Today"},"subscription":{"heading":"Let’s grow your digital business","subhead":"Get design inspiration, development tips, and practical takeaways delivered straight to your inbox.","disclaimer":"No charge. Unsubscribe anytime.","conversionCta":{"text":"Get updates","emailPlaceholder":"Email here","successMessage":{"heading":"Thank you for subscription!","contentHtml":"Check your email for instructions."}}},"latestArticles":{"heading":"Latest from Shopify","link":{"text":"See all"}},"sellAnywhere":{"headingHtml":"Grow your business with the Shopify Partner Program","buttonText":"Join Today"},"textCta":{"href":"{{deeplinkFreeTrial}}","text":"Click here to start selling online now with Shopify"},"rightColSideBanner":{"title":"Imagine my business","subTitle":"100+ product updates to build more productive, creative, and powerful commerce experiences","buttonText":"Learn more"}},"pages/partners/blog/blogSubNav":{"subNav":{"title":"Blog","pageTitle":"Menu","overviewText":"Homepage","links":{"caseStudies":"Case Studies","shopifyNews":"Shopify News","latest":"Latest","more":"More"},"subLinks":{"appDevelopment":"App development","shopifyThemeDevelopment":"Shopify Theme Development","frontEndDevelopment":"Front End Development","inspirationCreativity":"Inspiration \u0026 Creativity","findingNewClients":"Finding New Clients","seeAllTopics":"See All topics"}}},"pages/partners/blog/$article/settings":{"images":{"guides-modal-default":"https://cdn.shopify.com/shopifycloud/brochure/assets/content-marketing/blog/guides/default-popup-small-507879111d55acdd759b202ab869ea0b8bd0f4af9f9aaa7c540efe59b8e046db.jpg","guides-modal-photography":"https://cdn.shopify.com/b/shopify-brochure2-assets/1bd4b072dc187a774c9af650d0f16d0b.jpg","guides-modal-seo":"https://cdn.shopify.com/b/shopify-brochure2-assets/63781344c2932de6e553a54b02291692.jpg","subscription":{"image":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420\u0026originalHeight=1040"}},"articleNavigation":{"banner":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/e570727d45209fec56c410f802faa0fe.png"}}}}},"en-NZ":{"pages/partners/blog/$article/content":{},"pages/partners/blog/blogSubNav":{},"pages/partners/blog/$article/settings":{},"global":{}}},"pricing":{"annualDiscountPercentage":25,"basicAnnualPrice":"\u003cspan\u003e$29.00 USD\u003c/span\u003e","googleCountryOffer":"$600 NZD","minimumMonthlyPrice":"$5","minimumMonthlyPriceCurrency":"USD","paidTrialAmount":"$1","paidTrialMonths":3,"posProPriceUsd":"$89","posRetailLocations":"1,000","promoAmount":{"amount":1,"currencyCode":"USD","currencySymbol":"$"},"signupTypes":["paid_trial_experience"],"trialLength":3,"usd":"USD"}},"root":null},"actionData":null,"errors":null}};</script><script type="module" async="">; import * as route0 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-C-mg5gkk.js"; import * as route1 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-YhaZ_g6D.js"; import * as route2 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-DSm-KK0x.js"; window.__remixManifest = { "entry": { "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CTuCHl1M.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js" ], "css": [] }, "routes": { "root": { "id": "root", "path": "", "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-C-mg5gkk.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BmnmoWJU.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-BJS5F588.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-DQuLW4bT.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-Bv1m84ju.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-Csvp0IIu.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-HFzBeLPW.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-IVgVfgzw.js" ], "css": [] }, "pages/shopify.com/($locale)~~layout": { "id": "pages/shopify.com/($locale)~~layout", "parentId": "root", "path": ":locale?", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-YhaZ_g6D.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BmnmoWJU.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-HFzBeLPW.js" ], "css": [] }, "pages/shopify.com/($locale)/partners/blog/$article": { "id": "pages/shopify.com/($locale)/partners/blog/$article", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog/:article", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-DSm-KK0x.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BmnmoWJU.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-BJS5F588.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-q0mBv8hU.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-BsjI1VIY.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-vw4CYqxh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-IVgVfgzw.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-CRXFT8nJ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-DQuLW4bT.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-D7XHZ9da.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-CPGsCYBt.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-Bv1m84ju.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cm4ZPFll.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-Dqn2JlFF.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BaseInput-DxnbX8Hr.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/utils-DbZwQWK5.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-_1IofRan.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/article-BLvhnj4S.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-BbdjKmrS.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/LatestSection-D2JzJPNN.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-CO8llDlK.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-BRU1EM0A.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CGuzOVmV.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js" ], "css": [] }, "pages/shopify.com/($locale)/partners/blog": { "id": "pages/shopify.com/($locale)/partners/blog", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-hmd7L-55.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BmnmoWJU.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-BJS5F588.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-q0mBv8hU.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-BsjI1VIY.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-vw4CYqxh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-IVgVfgzw.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-CRXFT8nJ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-D7XHZ9da.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-CPGsCYBt.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-CO8llDlK.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-BbdjKmrS.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-BRU1EM0A.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CGuzOVmV.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Hero-tg8jyjj3.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-_1IofRan.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js" ], "css": [] }, "pages/shopify.com/$": { "id": "pages/shopify.com/$", "parentId": "root", "path": "*", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-K6Dvbx-E.js", "imports": [], "css": [] } }, "url": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/manifest-6da66ae2.js", "version": "6da66ae2" }; window.__remixRouteModules = {"root":route0,"pages/shopify.com/($locale)~~layout":route1,"pages/shopify.com/($locale)/partners/blog/$article":route2}; import("https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CTuCHl1M.js");</script></body></html>