CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.shopify.co.id/custom-storefront-tools","20211030063828","https://web.archive.org/","web","/_static/", "1635575908"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://cdn.shopify.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://monorail-edge.shopifysvc.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://sessions.bugsnag.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://www.google-analytics.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://www.googletagmanager.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://bat.bing.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://www.facebook.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://connect.facebook.net/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://tags.tiqcdn.com/"/><link rel="preconnect" href="https://web.archive.org/web/20211030063828/https://lux.speedcurve.com/"/> <link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://web.archive.org/web/20211030063828/https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://web.archive.org/web/20211030063828/https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2"/> <link rel="shortcut icon" type="image/png" href="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/static/shopify-favicon.png"/> <title>Custom storefront tools: Use Shopify’s SDKs to customize your eCommerce store with headless commerce</title> <meta name="description" content="Create standout multichannel customer experiences with custom storefront tools. Use Shopify’s API with JavaScript SDK, Unity SDK, and mobile SDK to build a headless commerce system."/> <link rel="canonical" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools"> <script nonce="">document.documentElement.classList.remove('no-js'); document.documentElement.classList.add('js')</script> <link rel="stylesheet" media="all" href="https://web.archive.org/web/20211030063828cs_/https://cdn.shopify.com/shopifycloud/brochure/assets/application-ba5fa19e92b9102ba48e5b9b3042da2c4a2543250367ec643a23043182ce0c3e.css"/> <link rel="stylesheet" media="screen" href="https://web.archive.org/web/20211030063828cs_/https://cdn.shopify.com/shopifycloud/brochure/assets/manifests/custom-storefront-tools-039a53d96b7d00b61c6746f17f358c80783eee078d2586d1540ffe90ab528727.css"/> <meta property="fb:app_id" content="847460188612391"> <meta property="fb:pages" content="20409006880"> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Shopify"/> <meta property="og:title" content="Custom storefront tools: Use Shopify’s SDKs to customize your eCommerce store with headless commerce"/> <meta property="og:description" content="Create standout multichannel customer experiences with custom storefront tools. Use Shopify’s API with JavaScript SDK, Unity SDK, and mobile SDK to build a headless commerce system."/> <meta property="og:image" content="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/share-image-c23ac2b192a810101c2e68bb2d8f87c7f24240f4681f25c4ebc507831ade6856.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools"/> <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="Custom storefront tools: Use Shopify’s SDKs to customize your eCommerce store with headless commerce"/> <meta property="twitter:description" content="Create standout multichannel customer experiences with custom storefront tools. Use Shopify’s API with JavaScript SDK, Unity SDK, and mobile SDK to build a headless commerce system."/> <meta property="twitter:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/share-image-c23ac2b192a810101c2e68bb2d8f87c7f24240f4681f25c4ebc507831ade6856.jpg"/> <meta name="google-site-verification" content="icfyI7XF5CRk-6jrLDAISZLxtSjG_hPeRAqH5XqaWys"/><meta name="google-site-verification" content="xnG9AZEIObVk_ysDcjowX0uCOtz_7COb37ESlV2WmA0"/> <meta name="verify-a" content="c56c27a8f68c6ddcafdf"> <script id="TrekkieScript" type="text/javascript"> (function(){ function getCookie(cookieName) { var regexp = new RegExp('(?:^|; )' + cookieName + '=([^;]*)(?:$|; )'); var match = document.cookie.match(regexp); return match ? decodeURIComponent(match[1]) : ""; } var config = { 'Trekkie': { 'appName': 'brochure', 'defaultAttributes': { 'locale': 'en-ID', 'page_purpose': '', 'http_code': '200', 'page_english_url': 'https://web.archive.org/web/20211030063828/https://www.shopify.com/custom-storefront-tools', 'env_name': 'production', 'user_language': navigator.language, 'page_name': 'shopify:custom-storefront-tools', 'env_currency': 'IDR', 'experiment_variation_id': '', 'page_topic': 'custom-storefront-tools', 'page_subtopic': '', 'affiliate': getCookie('source'), 'page_owner': '', 'path_prefix': '' }, 'isServerSideCookieWritingEnabled': true }, 'CrossDomainTracking': {}, }; var trekkie_version = '2020.10.21'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', ]; analytics.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config) { analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function() { if (window.bugsnagClient) { window.bugsnagClient.notify('Failed to load Trekkie.'); } }; script.async = true; script.src = 'https://web.archive.org/web/20211030063828/https://cdn.shopify.com/s/javascripts/tricorder/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.ready(function(){ }); analytics.load(config); analytics.page(); })(); </script> <script> LUX=(function(){var a=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMarks)?LUX.gaMarks:[]);var d=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMeasures)?LUX.gaMeasures:[]);var j="LUX_start";var k=window.performance;var l=("undefined"!==typeof(LUX)&&LUX.ns?LUX.ns:(Date.now?Date.now():+(new Date())));if(k&&k.timing&&k.timing.navigationStart){l=k.timing.navigationStart}function f(){if(k&&k.now){return k.now()}var o=Date.now?Date.now():+(new Date());return o-l}function b(n){if(k){if(k.mark){return k.mark(n)}else{if(k.webkitMark){return k.webkitMark(n)}}}a.push({name:n,entryType:"mark",startTime:f(),duration:0});return}function m(p,t,n){if("undefined"===typeof(t)&&h(j)){t=j}if(k){if(k.measure){if(t){if(n){return k.measure(p,t,n)}else{return k.measure(p,t)}}else{return k.measure(p)}}else{if(k.webkitMeasure){return k.webkitMeasure(p,t,n)}}}var r=0,o=f();if(t){var s=h(t);if(s){r=s.startTime}else{if(k&&k.timing&&k.timing[t]){r=k.timing[t]-k.timing.navigationStart}else{return}}}if(n){var q=h(n);if(q){o=q.startTime}else{if(k&&k.timing&&k.timing[n]){o=k.timing[n]-k.timing.navigationStart}else{return}}}d.push({name:p,entryType:"measure",startTime:r,duration:(o-r)});return}function h(n){return c(n,g())}function c(p,o){for(i=o.length-1;i>=0;i--){var n=o[i];if(p===n.name){return n}}return undefined}function g(){if(k){if(k.getEntriesByType){return k.getEntriesByType("mark")}else{if(k.webkitGetEntriesByType){return k.webkitGetEntriesByType("mark")}}}return a}return{mark:b,measure:m,gaMarks:a,gaMeasures:d}})();LUX.ns=(Date.now?Date.now():+(new Date()));LUX.ac=[];LUX.cmd=function(a){LUX.ac.push(a)};LUX.init=function(){LUX.cmd(["init"])};LUX.send=function(){LUX.cmd(["send"])};LUX.addData=function(a,b){LUX.cmd(["addData",a,b])};LUX_ae=[];window.addEventListener("error",function(a){LUX_ae.push(a)});LUX_al=[];if("function"===typeof(PerformanceObserver)&&"function"===typeof(PerformanceLongTaskTiming)){var LongTaskObserver=new PerformanceObserver(function(c){var b=c.getEntries();for(var a=0;a<b.length;a++){var d=b[a];LUX_al.push(d)}});try{LongTaskObserver.observe({type:["longtask"]})}catch(e){}}; </script> <script> LUX = window.LUX || {}; LUX.samplerate = 25; LUX.label = 'brochure2:custom_storefront_tools#index'; LUX.addData('Domain', 'www.shopify.co.id'); LUX.addData('Bundle', 'baseline'); </script> <script src="https://web.archive.org/web/20211030063828js_/https://cdn.shopify.com/speedcurve-lux/js/lux.js?id=64441087" async defer crossorigin="anonymous"></script> <script type="text/javascript"> function getCookie(cookieName) { var regexp = new RegExp('(?:^|; )' + cookieName + '=([^;]*)(?:$|; )'); var match = document.cookie.match(regexp); return match ? decodeURIComponent(match[1]) : ""; } function getUrlParams(key){ var match = window.location.href.match('[?&]' + key + '=([^&]+)'); return match ? match[1] : ""; } function checkMobile() { testString = navigator.userAgent || navigator.vendor || window.opera; regex = /(android|iphone|ipad|mobile|phone|mobi|blackberry)/i; return regex.test(testString) ? "mobile" : "desktop"; } var utag_data = { "affiliate" : "", "blog_id" : "", "blog_category" : "", "canonical_url" : "https://web.archive.org/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools", "compliance_zone" : "ccpa", "currency_code" : "USD", "display_cookies_notice" : "false", "environment" : "production", "experiment_variation_id" : "", "http_code" : "200", "is_new_user" : "", "itcat" : getUrlParams('itcat'), "itterm" : getUrlParams('itterm'), "language" : "en-ID", "last_shop_domain" : getCookie('last_shop'), "last_shop_id" : "", "opt_in" : "", "page_category" : "", "page_group" : "", "page_language" : "en", "page_name" : location.pathname, "page_subtopic" : "", "page_title" : document.title, "page_topic" : "custom-storefront-tools", "page_url" : location.toString(), "page_variation" : getUrlParams('dest'), "project" : "Shopify", "site_country_code" : "ID", "site_domain" : "www.shopify.co.id", "site_display_format" : checkMobile(), "tealium_event" : "page_view", "user_language" : navigator.language, "user_token" : getCookie('_shopify_y'), "utm_campaign" : getUrlParams('utm_campaign'), "utm_content" : getUrlParams('utm_content'), "utm_medium" : getUrlParams('utm_medium'), "utm_source" : getUrlParams('utm_source'), "utm_term" : getUrlParams('utm_term'), "path_prefix" : "" }; (function(a,b,c,d){ a='//web.archive.org/web/20211030063828/https://tags.tiqcdn.com/utag/shopify/main/prod/utag.js'; b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a); })(); </script> <link rel="alternate" hreflang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com/custom-storefront-tools"/> <link rel="alternate" hreflang="en-CA" href="https://web.archive.org/web/20211030063828/https://www.shopify.ca/custom-storefront-tools"/> <link rel="alternate" hreflang="en-GB" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.uk/custom-storefront-tools"/> <link rel="alternate" hreflang="en-IN" href="https://web.archive.org/web/20211030063828/https://www.shopify.in/custom-storefront-tools"/> <link rel="alternate" hreflang="en-AU" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.au/custom-storefront-tools"/> <link rel="alternate" hreflang="en-ID" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools"/> <link rel="alternate" hreflang="en-NZ" href="https://web.archive.org/web/20211030063828/https://www.shopify.com/nz/custom-storefront-tools"/> <link rel="alternate" hreflang="en-ZA" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.za/custom-storefront-tools"/> <link rel="alternate" hreflang="en-NG" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.ng/custom-storefront-tools"/> <link rel="alternate" hreflang="en-PH" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.ph/custom-storefront-tools"/> <link rel="alternate" hreflang="en-SG" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.sg/custom-storefront-tools"/> <link rel="alternate" hreflang="en-HK" href="https://web.archive.org/web/20211030063828/https://en.shopify.hk/custom-storefront-tools"/> <link rel="alternate" hreflang="en-IE" href="https://web.archive.org/web/20211030063828/https://www.shopify.ie/custom-storefront-tools"/> <link rel="alternate" hreflang="en-BE" href="https://web.archive.org/web/20211030063828/https://en.shopify.be/custom-storefront-tools"/> <link rel="alternate" hreflang="en-MY" href="https://web.archive.org/web/20211030063828/https://www.shopify.my/custom-storefront-tools"/> <link rel="alternate" hreflang="en-DK" href="https://web.archive.org/web/20211030063828/https://en.shopify.dk/custom-storefront-tools"/> <link rel="alternate" hreflang="en-NO" href="https://web.archive.org/web/20211030063828/https://en.shopify.no/custom-storefront-tools"/> </head> <body class="page--custom-storefront-tools shopify-sans-supported-lang"> <div id="GlobalIconSymbols"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="modules-play"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M5 3.51L15.82 10 5 16.49v-13M4.33 1A1.33 1.33 0 003 2.33v15.34A1.33 1.33 0 004.33 19a1.3 1.3 0 00.67-.19l12.8-7.67a1.33 1.33 0 000-2.28L5 1.19A1.3 1.3 0 004.33 1z"/></svg></symbol><symbol id="modules-pause"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M5.5 19a1 1 0 01-1-1V2a1 1 0 012 0v16a1 1 0 01-1 1zm9.01 0a1 1 0 01-1-1V2a1 1 0 012 0v16a1 1 0 01-1 1z"/></svg></symbol><symbol id="spot-flexible-shopping"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M15 22H4a2 2 0 00-2 2v17a2 2 0 002 2h11a2 2 0 002-2V24a2 2 0 00-2-2zm-1 18H5V25h9zm29-27.5v-3a1.5 1.5 0 00-.25-.83l-4-6A1.5 1.5 0 0037.5 2h-28a1.5 1.5 0 00-1.25.67l-4 6A1.5 1.5 0 004 9.5v3A7.49 7.49 0 0017.5 17a7.47 7.47 0 0012 0 7.48 7.48 0 007.5 2.85V38H21.5a1.5 1.5 0 000 3h20a1.5 1.5 0 000-3H40V18.5a7.48 7.48 0 003-6zM10.3 5h26.4l2.67 4H7.64zm1.2 12A4.5 4.5 0 017 12.5V12h9.09a1.49 1.49 0 00-.09.5 4.5 4.5 0 01-4.5 4.5zm12 0a4.5 4.5 0 01-4.5-4.5 1.49 1.49 0 00-.09-.5h9.18a1.49 1.49 0 00-.09.5 4.5 4.5 0 01-4.5 4.5zm12 0a4.5 4.5 0 01-4.5-4.5 1.49 1.49 0 00-.09-.5H40v.5a4.5 4.5 0 01-4.5 4.5zM8 37.5A1.5 1.5 0 119.5 39 1.5 1.5 0 018 37.5z"/></svg></symbol><symbol id="spot-tools"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 41 41"><path d="M41 32.5a1.51 1.51 0 00-.44-1.06L29.12 20l2-2H32a9 9 0 008.53-11.87 9.21 9.21 0 00-.72-1.6 1.1 1.1 0 00-1.73-.2l-1.19 1.2-3.18 3.18a1 1 0 01-1.42-1.42l3.18-3.18 1.2-1.2a1.09 1.09 0 00-.2-1.72 9.21 9.21 0 00-1.6-.72 9 9 0 00-11.78 7.21A10 10 0 0023 9v.87l-3.75 3.75L15 9.38V5.5a1.48 1.48 0 00-.84-1.34l-8-4A1.46 1.46 0 005.5 0a1.5 1.5 0 00-1 .38L.44 4.44A1.51 1.51 0 000 5.5a1.46 1.46 0 00.16.66l4 8A1.5 1.5 0 005.5 15h3.88l4.25 4.25L9.88 23H9a9.69 9.69 0 00-2.11.24A9 9 0 00.47 34.87a9.21 9.21 0 00.72 1.6 1.1 1.1 0 001.73.2l1.19-1.2 3.18-3.18a1 1 0 011.42 1.42l-3.18 3.18-1.2 1.2a1.09 1.09 0 00.2 1.72 9.21 9.21 0 001.6.72 9 9 0 0011.64-6.45A9.34 9.34 0 0018 32v-.88l2-2 11.44 11.44a1.5 1.5 0 002.12 0l7.06-7.06a1.5 1.5 0 00.38-1zm-3.62 0L36 33.88 25.62 23.5 27 22.12zM11.06 12.44A1.49 1.49 0 0010 12H6.43l-3.1-6.2L5.8 3.33l6.2 3.1V10a1.51 1.51 0 00.44 1.06l4.69 4.69-1.38 1.38zM15 30.5V32a6.06 6.06 0 01-6 6h-.33l2.1-2.09a4 4 0 10-5.6-5.72L3 32.33V32a6 6 0 015.94-6h1.56a1.48 1.48 0 001-.42l13.99-13.95A1.53 1.53 0 0026 10.5V9a6 6 0 016-6h.33l-2.1 2.09a4 4 0 105.6 5.72L38 8.67V9a6 6 0 01-6 6h-1.5a1.47 1.47 0 00-1 .41l-14 14a1.48 1.48 0 00-.5 1.09zm8.5-4.88L33.88 36l-1.38 1.38L22.12 27z"/></svg></symbol><symbol id="spot-flexible-time"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M22.5 2A20.5 20.5 0 1043 22.5 20.52 20.52 0 0022.5 2zM24 39.92V38a1 1 0 00-1-1h-1a1 1 0 00-1 1v1.92A17.51 17.51 0 015.08 24H7a1 1 0 001-1v-1a1 1 0 00-1-1H5.08A17.51 17.51 0 0121 5.08V7a1 1 0 001 1h1a1 1 0 001-1V5.08A17.51 17.51 0 0139.92 21H38a1 1 0 00-1 1v1a1 1 0 001 1h1.92A17.51 17.51 0 0124 39.92zm7.46-24.58a1.5 1.5 0 01.19 2.11l-9.5 11a1.5 1.5 0 01-1 .54H21a1.5 1.5 0 01-1-.39l-5.5-5a1.5 1.5 0 012-2.22l4.34 3.95 8.5-9.8a1.5 1.5 0 012.12-.18z"/></svg></symbol><symbol id="spot-boost"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M31 18h-3.59L26 41.59A1.5 1.5 0 0124.5 43h-.09A1.5 1.5 0 0123 41.41l1.5-25A1.5 1.5 0 0126 15h3l-7.56-9.68L14 15h3a1.5 1.5 0 011.5 1.41l1.5 25a1.5 1.5 0 11-3 .18L15.59 18H12a2 2 0 01-1.64-3.15L19.44 3a2.48 2.48 0 012-1 2.51 2.51 0 012 1l9.15 11.74a2 2 0 01.18 2.13A2 2 0 0131 18zm2.72 5A1.5 1.5 0 0032 24.24l-3 17A1.5 1.5 0 0030.24 43h.26a1.5 1.5 0 001.5-1.24l3-17A1.5 1.5 0 0033.76 23zM12 29.25a1.5 1.5 0 10-3 .49l2 12A1.5 1.5 0 0012.5 43h.25A1.5 1.5 0 0014 41.25z"/></svg></symbol><symbol id="spot-read"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M34 34.69V29h5.35L34 34.69zM23.5 35V9.63l1.65-.66c1.61-.64 3.31-.97 5.04-.97H40v18h-7.5c-.83 0-1.5.67-1.5 1.5V35h-7.5zm-3 0H5V8h8.81c1.73 0 3.43.33 5.04.97l1.65.66V35zM40 5h-9.81c-2.11 0-4.2.4-6.15 1.19L22 7l-2.04-.81C18.01 5.4 15.92 5 13.81 5H5C3.34 5 2 6.34 2 8v27c0 1.66 1.34 3 3 3h15.5v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V38h10.21c.82 0 1.61-.34 2.18-.94l6.3-6.69c.52-.56.81-1.29.81-2.06V8c0-1.66-1.34-3-3-3z"/></svg></symbol><symbol id="spot-custom-code"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M41 5H4a2 2 0 00-2 2v31a2 2 0 002 2h37a2 2 0 002-2V7a2 2 0 00-2-2zm-1 7H14V8h26zM11 8v4H5V8zm29 29H5V15h35zM20 22.5a1.5 1.5 0 011.5-1.5H32a1.5 1.5 0 010 3H21.5a1.5 1.5 0 01-1.5-1.5zm0 6a1.5 1.5 0 011.5-1.5H28a1.5 1.5 0 010 3h-6.5a1.5 1.5 0 01-1.5-1.5zM10.86 23a1.5 1.5 0 012.28-2l3 3.5a1.51 1.51 0 010 2l-3 3.5a1.51 1.51 0 01-2.12.16 1.5 1.5 0 01-.16-2.16L13 25.5z"/></svg></symbol><symbol id="modules-arrow-right"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M17.707 9.293l-5-5a1 1 0 00-1.414 1.414L14.586 9H3a1 1 0 100 2h11.586l-3.293 3.293a1 1 0 001.414 1.414l5-5a1 1 0 000-1.414z"/></svg></symbol><symbol id="spot-sales-up"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M36.44 9.56a1.5 1.5 0 010-2.12l2-2a1.5 1.5 0 112.12 2.12l-2 2a1.5 1.5 0 01-2.12 0zM31.5 8A1.5 1.5 0 0033 6.5v-2a1.5 1.5 0 00-3 0v2A1.5 1.5 0 0031.5 8zm10 5h-2a1.5 1.5 0 000 3h2a1.5 1.5 0 000-3zm-1 7a1.5 1.5 0 00-1.5 1.5V36H8c7.37-3.64 18.47-12.22 23-17.92v4.42a1.5 1.5 0 003 0v-8a1.5 1.5 0 00-1.5-1.5h-8a1.5 1.5 0 000 3h4.33C24.43 21.66 11.69 31.32 5 34.06V9h19a1.5 1.5 0 000-3H5a3 3 0 00-3 3v27a3 3 0 003 3h34a3 3 0 003-3V21.5a1.5 1.5 0 00-1.5-1.5z"/></svg></symbol><symbol id="modules-social-facebook"><svg xmlns="http://www.w3.org/2000/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"/></svg></symbol><symbol id="modules-social-twitter"><svg xmlns="http://www.w3.org/2000/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-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.7 1-.8-.8-1.9-1.4-3.1-1.4-2.4 0-4.2 1.9-4.2 4.3 0 .3 0 .7.1 1-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6 1.4-.6 2.2 0 1.5.7 2.8 1.9 3.5-.7 0-1.4-.2-1.9-.5 0 2.1 1.5 3.8 3.4 4.2-.3.1-.7.1-1.1.1-.3 0-.6 0-.8-.1.5 1.7 2.1 2.8 4 2.9-1.5 1.1-3.3 1.9-5.3 1.9-.3 0-.7 0-1-.1 1.9 1.2 4.1 1.9 6.5 1.9 7.8 0 12.1-6.5 12.1-12.1v-.6c.9-.4 1.6-1.2 2.2-2z"/></svg></symbol><symbol id="modules-social-youtube"><svg xmlns="http://www.w3.org/2000/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.7l6.3 3.8-6.3 3.8v-7.6z"/></svg></symbol><symbol id="modules-social-instagram"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18"><defs/><path fill-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" clip-rule="evenodd"/></svg> </symbol><symbol id="modules-social-linkedin"><svg xmlns="http://www.w3.org/2000/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"/></svg></symbol><symbol id="modules-social-pinterest"><svg xmlns="http://www.w3.org/2000/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"/></svg></symbol><symbol id="spot-global"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M22.5 2A20.5 20.5 0 1043 22.5 20.52 20.52 0 0022.5 2zm-4.23 28.79A33.67 33.67 0 0022 31a34.54 34.54 0 004.76-.33 30.45 30.45 0 01-4.26 9 30.41 30.41 0 01-4.23-8.88zM22 28a29.86 29.86 0 01-4.47-.34A31 31 0 0117 22a29.87 29.87 0 01.36-4.64A30.13 30.13 0 0122 17a31 31 0 015.66.53A29.85 29.85 0 0128 22a31 31 0 01-.5 5.5 31 31 0 01-5.5.5zm-7.64-1a25.22 25.22 0 01-9.15-4.5 24.89 24.89 0 019-4.48A33.56 33.56 0 0014 22a34.61 34.61 0 00.36 5zM22.5 5.21a25.25 25.25 0 014.5 9.15 34.61 34.61 0 00-5-.36 33.58 33.58 0 00-4 .24 25.24 25.24 0 014.5-9.03zm8.29 13.06a30.41 30.41 0 018.89 4.23 30.46 30.46 0 01-9 4.26A34.54 34.54 0 0031 22a33.67 33.67 0 00-.21-3.73zm8.82.59A33.75 33.75 0 0030.26 15a29.2 29.2 0 00-3.89-9.56 17.54 17.54 0 0113.24 13.42zm-21-13.41a29.16 29.16 0 00-3.85 9.35 29.16 29.16 0 00-9.35 3.85A17.54 17.54 0 0118.64 5.44zM5.44 26.36a29.2 29.2 0 009.56 3.9 33.75 33.75 0 003.86 9.36A17.54 17.54 0 015.44 26.36zm20.7 13.25a33.73 33.73 0 003.91-9.56 33.73 33.73 0 009.56-3.91 17.55 17.55 0 01-13.47 13.47z"/></svg></symbol><symbol id="modules-nav-arrow-down"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 5"><path d="M0 0l5 5 5-5H0z"/></svg></symbol><symbol id="logos-shopify-white"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 608 173.7"><path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"/><path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"/><path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5zM210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"/></svg></symbol><symbol id="modules-caret-right"><svg xmlns="http://www.w3.org/2000/svg" viewbox="-242.1 245.6 6.6 10.3"><path d="M-235.6 250.7l-5.1 5.2-1.4-1.4 3.7-3.8-3.7-3.7 1.4-1.4"/></svg></symbol><symbol id="modules-caret-down"><svg xmlns="http://www.w3.org/2000/svg" baseprofile="tiny" viewbox="0 0 10.289 6.563"><path d="M5.212 6.563L0 1.423 1.404 0l3.788 3.735L8.865.01l1.424 1.404"/></svg></symbol><symbol id="modules-mobile-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M19 11H1a1 1 0 110-2h18a1 1 0 110 2zm0-7H1a1 1 0 110-2h18a1 1 0 110 2zm0 14H1a1 1 0 110-2h18a1 1 0 110 2z"/></svg></symbol><symbol id="logos-shopify-black"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 608 173.7"><path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"/><path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"/><path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5z"/><path d="M210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"/></svg></symbol><symbol id="modules-cancel"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 00-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 001.414 1.414L10 11.414l6.293 6.293a.996.996 0 001.414 0 1 1 0 000-1.414L11.414 10z"/></svg></symbol></svg></div> <div class="signup-form-wrapper signup--hidden " data-define="{form_0: new SignupForm(this)}"> <form class="marketing-form signup-form stateful-form" novalidate="novalidate" autocomplete="off" data-namespace="form_0" data-hidden-fields-namespace="hiddenFields_0" data-bind-event-submit="form_0.handleSubmit(this, event)" action="https://web.archive.org/web/20211030063828/https://accounts.shopify.com/store-signup/setup" accept-charset="UTF-8" method="post"> <div data-define="{ email0: new StatefulField( 'email', form_0, this, { required: true, validate: true, live: false, showHint: true, showError: true }, {}, 'form_0' )} " class="stateful-field email "><div data-context="email0"><label data-bind-class="{'js-has-error': state.error,'js-is-filled': state.filled || state.value.length > 0,'js-has-hint': !state.error && state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--in-field marketing-label--floating">Email address</span><input placeholder="Email address" aria-describedby="MessageId_bb13" name="signup[email]" type="email" autocomplete="email" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.email0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.email0)" class="marketing-input marketing-input--floating" id="0_signup_email"/></label><span class="marketing-form__messages" id="MessageId_bb13"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{ password0: new StatefulField( 'password', form_0, this, { required: true, validate: true, live: false, showHint: false, showError: true }, {}, 'form_0' )} " class="stateful-field password "><div data-context="password0"><label data-bind-class="{'js-has-error': state.error,'js-is-filled': state.filled || state.value.length > 0,'js-has-hint': !state.error && state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--in-field marketing-label--floating">Password</span><input placeholder="Password" aria-describedby="MessageId_95fd" name="signup[password]" type="password" autocomplete="new-password" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.password0)" data-bind-event-keyup="null" class="marketing-input marketing-input--floating" id="0_signup_password"/></label><span class="marketing-form__messages" id="MessageId_95fd"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{ shop_name0: new StatefulField( 'shop_name', form_0, this, { required: true, validate: true, live: true, showHint: false, showError: true }, {}, 'form_0' )} " class="stateful-field shop_name "><div data-context="shop_name0"><label data-bind-class="{ 'js-has-error': state.error == true, 'js-is-pending': state.pending == true, 'js-is-focused': state.focus == true, 'js-is-filled': state.filled == true || state.value.length > 0, }" class="marketing-input-wrapper shop_name"><span class="marketing-label marketing-label--in-field marketing-label--floating">Your store name</span><input placeholder="Your store name" aria-describedby="MessageId_b204" name="signup[shop_name]" type="text" autocomplete="off" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.shop_name0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.shop_name0)" class="marketing-input marketing-input--floating" id="0_signup_shop_name"/></label><span class="marketing-form__messages" id="MessageId_b204"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true && state.pending == false" data-bind-unsafe-html="displayError()"></span></span></div></div> <div data-define="{hiddenFields_0: new HiddenFields({ source: "", source_url: "", source_url_referer: "", signup_code: "", signup_page: "", signup_page_referer: "", signup_types: [], theme: "", selected_app: "", selected_plan: "", domain_to_connect: "", }, this)}"> <div data-context="hiddenFields_0"> <input type="hidden" name="ref" value=""> <input type="hidden" name="language" value="en"> <input type="hidden" name="locale" value="en-ID"> <input type="hidden" name="_y" data-bind="fields.y"> <input type="hidden" name="ssid" data-bind="fields.ssid"> <input type="hidden" name="source" data-bind="fields.source"> <input type="hidden" name="source_url" data-bind="fields.source_url"> <input type="hidden" name="source_url_referer" data-bind="fields.source_url_referer"> <input type="hidden" name="signup_code" data-bind="fields.signup_code"> <input type="hidden" name="signup_page" data-bind="fields.signup_page"> <input type="hidden" name="signup_page_referer" data-bind="fields.signup_page_referer"> <input type="hidden" name="promotional_program_code" value=""> <input type="hidden" name="domain_to_connect" data-bind="fields.domain_to_connect"> <input type="hidden" name="signup_types[]" data-bind-disabled="fields.signup_types" data-bind="fields.signup_type"> <input type="hidden" name="extra[selected_theme]" data-bind="fields.theme"> <input type="hidden" name="extra[selected_app]" data-bind="fields.selected_app"> <input type="hidden" name="extra[selected_plan]" data-bind="fields.selected_plan"> </div> </div> <div class=" cta_wrapper"> <button class="marketing-button marketing-form__button " name="button" data-bind-disabled="form_0.pending == true" type="submit">Create your store</button> </div> </form> </div> <div id="Announcements"></div> <header id="SiteNavContainer" class="site-nav-container is-sticky"> <div class="marketing-nav-wrapper"> <a class="in-page-link skip-to-main visuallyhidden focusable" data-ga-event="Main Nav" data-ga-action="Skip to content" data-trekkie-event="Main Nav" data-trekkie-action="Skip to content" data-trekkie-id="Main Nav Skip to content" href="#Main">Skip to Content</a> <nav class="marketing-nav--skin-dark marketing-nav marketing-nav--primary" id="ShopifyMainNav" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div class="marketing-nav__logo "> <a href="/web/20211030063828/https://www.shopify.co.id/" class="marketing-nav__logo__shopify" data-ga-event="Main Nav" data-ga-action="Logo" data-trekkie-event="Main Nav" data-trekkie-action="Logo" data-trekkie-id="Main Nav Logo"> <svg class="icon" aria-labelledby="icon-logos-shopify-white-30-title" role="img"><title id="icon-logos-shopify-white-30-title">Shopify</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#logos-shopify-white"/> </svg> </a> </div> <ul class="marketing-nav__items display--expanded-nav"> <li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Start Nav" data-trekkie-event="Main Nav" data-trekkie-action="Start Nav" data-trekkie-id="Main Nav Start Nav">Start<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/start" class="marketing-nav__item marketing-nav__item--separated marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Start" data-trekkie-event="Main Nav" data-trekkie-action="Start" data-trekkie-id="Main Nav Start">Start your business</a></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Branding Nav" data-trekkie-event="Main Nav" data-trekkie-action="Branding Nav" data-trekkie-id="Main Nav Branding Nav">Branding<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Look professional and help customers connect with your business</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/tools/business-name-generator" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Business name generator" data-trekkie-event="Main Nav" data-trekkie-action="Business name generator" data-trekkie-id="Main Nav Business name generator">Business name generator</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Online presence Nav" data-trekkie-event="Main Nav" data-trekkie-action="Online presence Nav" data-trekkie-id="Main Nav Online presence Nav">Online presence<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Find a domain, explore stock images, and amplify your brand</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/domains" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Web addresss" data-trekkie-event="Main Nav" data-trekkie-action="Web addresss" data-trekkie-id="Main Nav Web addresss">Web address</a></li><li><a href="https://web.archive.org/web/20211030063828/https://burst.shopify.com/" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Stock photography" data-trekkie-event="Main Nav" data-trekkie-action="Stock photography" data-trekkie-id="Main Nav Stock photography">Stock photography</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Store set up Nav" data-trekkie-event="Main Nav" data-trekkie-action="Store set up Nav" data-trekkie-id="Main Nav Store set up Nav">Store set up<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Use Shopify’s powerful features to start selling</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/oberlo" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Products to sell" data-trekkie-event="Main Nav" data-trekkie-action="Products to sell" data-trekkie-id="Main Nav Products to sell">Products to sell</a></li><li><a href="https://web.archive.org/web/20211030063828/https://themes.shopify.com/?locale=en-ID" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Theme store" data-trekkie-event="Main Nav" data-trekkie-action="Theme store" data-trekkie-id="Main Nav Theme store">Store themes</a></li></ul></div></div></div></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Sell Nav" data-trekkie-event="Main Nav" data-trekkie-action="Sell Nav" data-trekkie-id="Main Nav Sell Nav">Sell<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/sell" class="marketing-nav__item marketing-nav__item--separated marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Sell everywhere" data-trekkie-event="Main Nav" data-trekkie-action="Sell everywhere" data-trekkie-id="Main Nav Sell everywhere">Sell everywhere</a></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Online store" data-trekkie-event="Main Nav" data-trekkie-action="Online store" data-trekkie-id="Main Nav Online store">Online store<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Sell online with an ecommerce website</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/online" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Online Overview" data-trekkie-event="Main Nav" data-trekkie-action="Online Overview" data-trekkie-id="Main Nav Online Overview">Overview</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/online/ecommerce-solutions" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Online Features" data-trekkie-event="Main Nav" data-trekkie-action="Online Features" data-trekkie-id="Main Nav Online Features">Features</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/examples" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Online Examples" data-trekkie-event="Main Nav" data-trekkie-action="Online Examples" data-trekkie-id="Main Nav Online Examples">Examples</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/online/themes" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Online Themes" data-trekkie-event="Main Nav" data-trekkie-action="Online Themes" data-trekkie-id="Main Nav Online Themes">Themes</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Point of Sale Nav" data-trekkie-event="Main Nav" data-trekkie-action="Point of Sale Nav" data-trekkie-id="Main Nav Point of Sale Nav">Point of Sale<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Sell at retail locations, pop-ups, and beyond</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/pos" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Point of Sale Overview" data-trekkie-event="Main Nav" data-trekkie-action="Point of Sale Overview" data-trekkie-id="Main Nav Point of Sale Overview">Overview</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/pos/features" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Point of Sale Features" data-trekkie-event="Main Nav" data-trekkie-action="Point of Sale Features" data-trekkie-id="Main Nav Point of Sale Features">Features</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Buy Button Nav" data-trekkie-event="Main Nav" data-trekkie-action="Buy Button Nav" data-trekkie-id="Main Nav Buy Button Nav">Buy Button<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Transform an existing website or blog into an online store</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/buy-button" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Buy Button" data-trekkie-event="Main Nav" data-trekkie-action="Buy Button" data-trekkie-id="Main Nav Buy Button">Overview</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Checkout" data-trekkie-event="Main Nav" data-trekkie-action="Checkout" data-trekkie-id="Main Nav Checkout">Checkout<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Provide fast, smooth checkout experiences</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/checkout" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Checkout Overview" data-trekkie-event="Main Nav" data-trekkie-action="Checkout Overview" data-trekkie-id="Main Nav Checkout Overview">Overview</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Sales channels Nav" data-trekkie-event="Main Nav" data-trekkie-action="Sales channels Nav" data-trekkie-id="Main Nav Sales channels Nav">Sales channels<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Reach millions of shoppers and boost sales</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/channels" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Sales channels" data-trekkie-event="Main Nav" data-trekkie-action="Sales channels" data-trekkie-id="Main Nav Sales channels">Overview</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/facebook" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Facebook Shops" data-trekkie-event="Main Nav" data-trekkie-action="Facebook Shops" data-trekkie-id="Main Nav Facebook Shops">Facebook Shops</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/google" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Google Buy" data-trekkie-event="Main Nav" data-trekkie-action="Google Buy" data-trekkie-id="Main Nav Google Buy">Google</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--active marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Custom storefront tools Nav" data-trekkie-event="Main Nav" data-trekkie-action="Custom storefront tools Nav" data-trekkie-id="Main Nav Custom storefront tools Nav">Custom storefront tools<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Stand out with custom commerce</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools" class="marketing-nav__item marketing-nav__item--active marketing-nav__item--child" itemprop="name" aria-current="page" data-ga-event="Main Nav" data-ga-action="Custom storefront tools" data-trekkie-event="Main Nav" data-trekkie-action="Custom storefront tools" data-trekkie-id="Main Nav Custom storefront tools">Overview</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="International commerce Nav" data-trekkie-event="Main Nav" data-trekkie-action="International commerce Nav" data-trekkie-id="Main Nav International commerce Nav">International commerce<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Reach buyers in new markets with international selling tools</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/markets" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="International commerce Overview" data-trekkie-event="Main Nav" data-trekkie-action="International commerce Overview" data-trekkie-id="Main Nav International commerce Overview">Overview</a></li></ul></div></div></div></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Market Nav" data-trekkie-event="Main Nav" data-trekkie-action="Market Nav" data-trekkie-id="Main Nav Market Nav">Market<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/market" class="marketing-nav__item marketing-nav__item--separated marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Market your business" data-trekkie-event="Main Nav" data-trekkie-action="Market your business" data-trekkie-id="Main Nav Market your business">Market your business</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/email-marketing" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Email marketing" data-trekkie-event="Main Nav" data-trekkie-action="Email marketing" data-trekkie-id="Main Nav Email marketing">Email marketing</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/inbox" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="inbox" data-trekkie-event="Main Nav" data-trekkie-action="inbox" data-trekkie-id="Main Nav inbox">Business chat</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/facebook-marketing" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Facebook Ads" data-trekkie-event="Main Nav" data-trekkie-action="Facebook Ads" data-trekkie-id="Main Nav Facebook Ads">Facebook Ads</a></li></ul></div></div></div></li><li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Manage Nav" data-trekkie-event="Main Nav" data-trekkie-action="Manage Nav" data-trekkie-id="Main Nav Manage Nav">Manage<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/manage" class="marketing-nav__item marketing-nav__item--separated marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Manage everything" data-trekkie-event="Main Nav" data-trekkie-action="Manage everything" data-trekkie-id="Main Nav Manage everything">Manage everything</a></li></ul></div></div></div></li> </ul> <ul class="marketing-nav__items marketing-nav__items--primary-mobile hide--desktop"> <li> <a class="marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Mobile Login Primary" href="/web/20211030063828/https://www.shopify.co.id/login">Log in</a> </li> </ul> <ul class="marketing-nav__items marketing-nav__user display--expanded-nav"> <li><a href="/web/20211030063828/https://www.shopify.co.id/pricing" class="marketing-nav__item marketing-nav__item--user" itemprop="name" data-ga-event="Main Nav" data-ga-action="Pricing" data-trekkie-event="Main Nav" data-trekkie-action="Pricing" data-trekkie-id="Main Nav Pricing">Pricing</a></li><li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--user" itemprop="name" data-ga-event="Main Nav" data-ga-action="Learn Nav" data-trekkie-event="Main Nav" data-trekkie-action="Learn Nav" data-trekkie-id="Main Nav Learn Nav">Learn<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="https://web.archive.org/web/20211030063828/https://help.shopify.com/en" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Help Center" data-trekkie-event="Main Nav" data-trekkie-action="Help Center" data-trekkie-id="Main Nav Help Center">Help Center</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/blog" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Blog" data-trekkie-event="Main Nav" data-trekkie-action="Blog" data-trekkie-id="Main Nav Blog">Blog</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/learn" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Compass" data-trekkie-event="Main Nav" data-trekkie-action="Compass" data-trekkie-id="Main Nav Compass">Business Courses</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/blog/topics/guides" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Guides" data-trekkie-event="Main Nav" data-trekkie-action="Guides" data-trekkie-id="Main Nav Guides">Guides</a></li><li><a href="https://web.archive.org/web/20211030063828/https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=navbar&utm_content=en-id&utm_medium=web&utm_source=shopify" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Forums" data-trekkie-event="Main Nav" data-trekkie-action="Forums" data-trekkie-id="Main Nav Forums">Shopify Community</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/tools" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Free tools" data-trekkie-event="Main Nav" data-trekkie-action="Free tools" data-trekkie-id="Main Nav Free tools">Free tools</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/podcasts" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Podcasts" data-trekkie-event="Main Nav" data-trekkie-action="Podcasts" data-trekkie-id="Main Nav Podcasts">Podcasts</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/encyclopedia" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Business encyclopedia" data-trekkie-event="Main Nav" data-trekkie-action="Business encyclopedia" data-trekkie-id="Main Nav Business encyclopedia">Business encyclopedia</a></li><li><a href="https://web.archive.org/web/20211030063828/https://events.shopify.com/home?utm_campaign=homepage&utm_content=en&utm_medium=web&utm_source=shopify" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Community Events" data-trekkie-event="Main Nav" data-trekkie-action="Community Events" data-trekkie-id="Main Nav Community Events">Community Events</a></li><li><div class="popover-wrapper js-popover-flyout popover-wrapper--flyout" data-position="right" data-align="top"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--child" url="html_options {:data=>{:ga_event=>"Main Nav", :ga_action=>"Compare Nav", :trekkie_event=>"Main Nav", :trekkie_action=>"Compare Nav", :trekkie_id=>"Main Nav Compare Nav"}}" itemprop="name">Compare<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-right"/> </svg></button><div class="popover"><div class="popover__content"><p class="popover__description">Compare Shopify & other ecommerce platforms</p><ul class="popover__list"><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-wix" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Wix" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Wix" data-trekkie-id="Main Nav Shopify vs. Wix">Shopify vs. Wix</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-woocommerce" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. WooCommerce" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. WooCommerce" data-trekkie-id="Main Nav Shopify vs. WooCommerce">Shopify vs. WooCommerce</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-bigcommerce" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Bigcommerce" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Bigcommerce" data-trekkie-id="Main Nav Shopify vs. Bigcommerce">Shopify vs. BigCommerce</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-etsy" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Etsy" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Etsy" data-trekkie-id="Main Nav Shopify vs. Etsy">Shopify vs. Etsy</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-square" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Square" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Square" data-trekkie-id="Main Nav Shopify vs. Square">Shopify vs. Square</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-magento" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Magento" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Magento" data-trekkie-id="Main Nav Shopify vs. Magento">Shopify vs. Magento</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-squarespace" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Squarespace" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Squarespace" data-trekkie-id="Main Nav Shopify vs. Squarespace">Shopify vs. Squarespace</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-prestashop" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Prestashop" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Prestashop" data-trekkie-id="Main Nav Shopify vs. Prestashop">Shopify vs. Prestashop</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-godaddy" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Godaddy" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Godaddy" data-trekkie-id="Main Nav Shopify vs. Godaddy">Shopify vs. GoDaddy</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-lightspeed" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Shopify vs. Lightspeed" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Lightspeed" data-trekkie-id="Main Nav Shopify vs. Lightspeed">Shopify vs. Lightspeed</a></li></ul></div></div></div></li></ul></div></div></div></li><li><a href="/web/20211030063828/https://www.shopify.co.id/login" class="marketing-nav__item marketing-nav__item--user" itemprop="name" data-ga-event="Main Nav" data-ga-action="Login" data-trekkie-event="Main Nav" data-trekkie-action="Login" data-trekkie-id="Main Nav Login">Log in</a></li><li><form class="button_to" method="post" action="https://web.archive.org/web/20211030063828/https://accounts.shopify.com/store-signup/setup"><input class="js-open-signup marketing-nav__button marketing-button marketing-button--small" data-ga-event="Main Nav" data-ga-action="Get Started" data-trekkie-event="Main Nav" data-trekkie-action="Get Started" data-trekkie-id="Main Nav Get Started" id="MainNavSignupButton" type="submit" value="Start free trial"/></form></li> </ul> <button name="button" type="button" class="marketing-nav__hamburger hide--expanded-nav js-drawer-open-right" aria-haspopup="dialog" aria-expanded="false"> <svg class="icon" aria-labelledby="icon-modules-mobile-hamburger-47-title" role="img"><title id="icon-modules-mobile-hamburger-47-title">Open Main Navigation</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-mobile-hamburger"/> </svg> </button> </nav> </div> <div id="NavDrawer" class="drawer drawer--right" role="dialog" aria-modal="true" aria-labelledby="DrawerTitle"> <div class="drawer__inner"> <div class="drawer__top"> <div class="marketing-nav__logo"> <a href="/web/20211030063828/https://www.shopify.co.id/" class="marketing-nav__logo__shopify"> <svg class="icon" aria-labelledby="icon-logos-shopify-black-48-title" role="img"><title id="icon-logos-shopify-black-48-title">Home</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#logos-shopify-black"/> </svg> </a> </div> <button name="button" type="button" class="drawer__close-button js-drawer-close"> <svg class="icon" aria-labelledby="icon-modules-cancel-49-title" role="img"><title id="icon-modules-cancel-49-title">Close Main Navigation</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-cancel"/> </svg> </button> </div> <nav id="DrawerTitle" aria-label="Main Navigation"> <ul class="drawer__items drawer__items--primary" id="DrawerNavPrimaryAccordion"> <li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">Start<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/start" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Start" data-trekkie-event="Main Nav" data-trekkie-action="Start" data-trekkie-id="Main Nav Start">Start your business</a></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Branding<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Look professional and help customers connect with your business</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/tools/business-name-generator" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Business name generator" data-trekkie-event="Main Nav" data-trekkie-action="Business name generator" data-trekkie-id="Main Nav Business name generator">Business name generator</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Online presence<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Find a domain, explore stock images, and amplify your brand</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/domains" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Web addresss" data-trekkie-event="Main Nav" data-trekkie-action="Web addresss" data-trekkie-id="Main Nav Web addresss">Web address</a></li><li><a href="https://web.archive.org/web/20211030063828/https://burst.shopify.com/" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Stock photography" data-trekkie-event="Main Nav" data-trekkie-action="Stock photography" data-trekkie-id="Main Nav Stock photography">Stock photography</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Store set up<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Use Shopify’s powerful features to start selling</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/oberlo" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Products to sell" data-trekkie-event="Main Nav" data-trekkie-action="Products to sell" data-trekkie-id="Main Nav Products to sell">Products to sell</a></li><li><a href="https://web.archive.org/web/20211030063828/https://themes.shopify.com/?locale=en-ID" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Theme store" data-trekkie-event="Main Nav" data-trekkie-action="Theme store" data-trekkie-id="Main Nav Theme store">Store themes</a></li></ul></div></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">Sell<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/sell" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Sell everywhere" data-trekkie-event="Main Nav" data-trekkie-action="Sell everywhere" data-trekkie-id="Main Nav Sell everywhere">Sell everywhere</a></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Online store<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Sell online with an ecommerce website</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/online" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Online Overview" data-trekkie-event="Main Nav" data-trekkie-action="Online Overview" data-trekkie-id="Main Nav Online Overview">Overview</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/online/ecommerce-solutions" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Online Features" data-trekkie-event="Main Nav" data-trekkie-action="Online Features" data-trekkie-id="Main Nav Online Features">Features</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/examples" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Online Examples" data-trekkie-event="Main Nav" data-trekkie-action="Online Examples" data-trekkie-id="Main Nav Online Examples">Examples</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/online/themes" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Online Themes" data-trekkie-event="Main Nav" data-trekkie-action="Online Themes" data-trekkie-id="Main Nav Online Themes">Themes</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Point of Sale<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Sell at retail locations, pop-ups, and beyond</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/pos" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Point of Sale Overview" data-trekkie-event="Main Nav" data-trekkie-action="Point of Sale Overview" data-trekkie-id="Main Nav Point of Sale Overview">Overview</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/pos/features" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Point of Sale Features" data-trekkie-event="Main Nav" data-trekkie-action="Point of Sale Features" data-trekkie-id="Main Nav Point of Sale Features">Features</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Buy Button<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Transform an existing website or blog into an online store</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/buy-button" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Buy Button" data-trekkie-event="Main Nav" data-trekkie-action="Buy Button" data-trekkie-id="Main Nav Buy Button">Overview</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Checkout<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Provide fast, smooth checkout experiences</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/checkout" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Checkout Overview" data-trekkie-event="Main Nav" data-trekkie-action="Checkout Overview" data-trekkie-id="Main Nav Checkout Overview">Overview</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Sales channels<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Reach millions of shoppers and boost sales</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/channels" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Sales channels" data-trekkie-event="Main Nav" data-trekkie-action="Sales channels" data-trekkie-id="Main Nav Sales channels">Overview</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/facebook" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Facebook Shops" data-trekkie-event="Main Nav" data-trekkie-action="Facebook Shops" data-trekkie-id="Main Nav Facebook Shops">Facebook Shops</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/google" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Google Buy" data-trekkie-event="Main Nav" data-trekkie-action="Google Buy" data-trekkie-id="Main Nav Google Buy">Google</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--active accordion-link">Custom storefront tools<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Stand out with custom commerce</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools" class="drawer__item drawer__item--active" data-ga-event="Main Nav" data-ga-action="Custom storefront tools" data-trekkie-event="Main Nav" data-trekkie-action="Custom storefront tools" data-trekkie-id="Main Nav Custom storefront tools">Overview</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">International commerce<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Reach buyers in new markets with international selling tools</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/markets" class="drawer__item" data-ga-event="Main Nav" data-ga-action="International commerce Overview" data-trekkie-event="Main Nav" data-trekkie-action="International commerce Overview" data-trekkie-id="Main Nav International commerce Overview">Overview</a></li></ul></div></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">Market<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/market" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Market your business" data-trekkie-event="Main Nav" data-trekkie-action="Market your business" data-trekkie-id="Main Nav Market your business">Market your business</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/email-marketing" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Email marketing" data-trekkie-event="Main Nav" data-trekkie-action="Email marketing" data-trekkie-id="Main Nav Email marketing">Email marketing</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/inbox" class="drawer__item" data-ga-event="Main Nav" data-ga-action="inbox" data-trekkie-event="Main Nav" data-trekkie-action="inbox" data-trekkie-id="Main Nav inbox">Business chat</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/facebook-marketing" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Facebook Ads" data-trekkie-event="Main Nav" data-trekkie-action="Facebook Ads" data-trekkie-id="Main Nav Facebook Ads">Facebook Ads</a></li></ul></div></li><li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">Manage<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/manage" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Manage everything" data-trekkie-event="Main Nav" data-trekkie-action="Manage everything" data-trekkie-id="Main Nav Manage everything">Manage everything</a></li></ul></div></li> </ul> <ul class="drawer__items drawer__items--user" id="DrawerNavSecondaryAccordion"> <li><a href="/web/20211030063828/https://www.shopify.co.id/pricing" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Pricing" data-trekkie-event="Main Nav" data-trekkie-action="Pricing" data-trekkie-id="Main Nav Pricing">Pricing</a></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Learn<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="https://web.archive.org/web/20211030063828/https://help.shopify.com/en" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Help Center" data-trekkie-event="Main Nav" data-trekkie-action="Help Center" data-trekkie-id="Main Nav Help Center">Help Center</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/blog" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Blog" data-trekkie-event="Main Nav" data-trekkie-action="Blog" data-trekkie-id="Main Nav Blog">Blog</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/learn" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Compass" data-trekkie-event="Main Nav" data-trekkie-action="Compass" data-trekkie-id="Main Nav Compass">Business Courses</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/blog/topics/guides" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Guides" data-trekkie-event="Main Nav" data-trekkie-action="Guides" data-trekkie-id="Main Nav Guides">Guides</a></li><li><a href="https://web.archive.org/web/20211030063828/https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=navbar&utm_content=en-id&utm_medium=web&utm_source=shopify" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Forums" data-trekkie-event="Main Nav" data-trekkie-action="Forums" data-trekkie-id="Main Nav Forums">Shopify Community</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/tools" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Free tools" data-trekkie-event="Main Nav" data-trekkie-action="Free tools" data-trekkie-id="Main Nav Free tools">Free tools</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/podcasts" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Podcasts" data-trekkie-event="Main Nav" data-trekkie-action="Podcasts" data-trekkie-id="Main Nav Podcasts">Podcasts</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/encyclopedia" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Business encyclopedia" data-trekkie-event="Main Nav" data-trekkie-action="Business encyclopedia" data-trekkie-id="Main Nav Business encyclopedia">Business encyclopedia</a></li><li><a href="https://web.archive.org/web/20211030063828/https://events.shopify.com/home?utm_campaign=homepage&utm_content=en&utm_medium=web&utm_source=shopify" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Community Events" data-trekkie-event="Main Nav" data-trekkie-action="Community Events" data-trekkie-id="Main Nav Community Events">Community Events</a></li><li class="accordion-item"><button name="button" type="button" class="drawer__item accordion-link">Compare<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-caret-down"/> </svg></button><div class="drawer__items-wrapper accordion-content"><p class="drawer__description">Compare Shopify & other ecommerce platforms</p><ul class="drawer__items drawer__items--nested"><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-wix" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Wix" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Wix" data-trekkie-id="Main Nav Shopify vs. Wix">Shopify vs. Wix</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-woocommerce" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. WooCommerce" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. WooCommerce" data-trekkie-id="Main Nav Shopify vs. WooCommerce">Shopify vs. WooCommerce</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-bigcommerce" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Bigcommerce" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Bigcommerce" data-trekkie-id="Main Nav Shopify vs. Bigcommerce">Shopify vs. BigCommerce</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-etsy" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Etsy" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Etsy" data-trekkie-id="Main Nav Shopify vs. Etsy">Shopify vs. Etsy</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-square" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Square" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Square" data-trekkie-id="Main Nav Shopify vs. Square">Shopify vs. Square</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-magento" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Magento" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Magento" data-trekkie-id="Main Nav Shopify vs. Magento">Shopify vs. Magento</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-squarespace" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Squarespace" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Squarespace" data-trekkie-id="Main Nav Shopify vs. Squarespace">Shopify vs. Squarespace</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-prestashop" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Prestashop" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Prestashop" data-trekkie-id="Main Nav Shopify vs. Prestashop">Shopify vs. Prestashop</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-godaddy" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Godaddy" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Godaddy" data-trekkie-id="Main Nav Shopify vs. Godaddy">Shopify vs. GoDaddy</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/compare/shopify-vs-lightspeed" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Shopify vs. Lightspeed" data-trekkie-event="Main Nav" data-trekkie-action="Shopify vs. Lightspeed" data-trekkie-id="Main Nav Shopify vs. Lightspeed">Shopify vs. Lightspeed</a></li></ul></div></li></ul></div></li><li><a href="/web/20211030063828/https://www.shopify.co.id/login" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Login" data-trekkie-event="Main Nav" data-trekkie-action="Login" data-trekkie-id="Main Nav Login">Log in</a></li><li><form class="button_to" method="post" action="https://web.archive.org/web/20211030063828/https://accounts.shopify.com/store-signup/setup"><input class="js-open-signup drawer__item drawer__item--signup marketing-nav__button marketing-button marketing-button--small" data-ga-event="Main Nav" data-ga-action="Get Started" data-trekkie-event="Main Nav" data-trekkie-action="Get Started" data-trekkie-id="Main Nav Get Started" type="submit" value="Start free trial"/></form></li> </ul> <ul class="drawer__items drawer__items--corporate"> <li><a href="/web/20211030063828/https://www.shopify.co.id/about" class="drawer__item">About</a></li><li><a href="https://web.archive.org/web/20211030063828/https://www.shopify.com/careers" class="drawer__item">Careers</a></li><li><a href="https://web.archive.org/web/20211030063828/https://news.shopify.com/" class="drawer__item">Press and Media</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/plus" class="drawer__item">Shopify Plus</a></li><li><a href="/web/20211030063828/https://www.shopify.co.id/sitemap" class="drawer__item">Sitemap</a></li> </ul> </nav> </div> </div> </header> <div hidden="hidden"><span id="NewWindow">Opens in a new window</span><span id="ExternalSite">Opens an external site</span><span id="NewWindowExternalSite">Opens an external site in a new window</span></div> <div id="PageContainer"> <main role="main" id="Main"> <section class="section background-lowlight color-white storefront-hero-section"> <canvas width="1280" height="1280" class="storefront-hero-interaction js-storefront-hero-interaction" data-color="rgba(0, 128, 96, 0.6)" data-speed="1" data-curve-number="6" data-smoothness="75" data-round-down-range="150" data-round-down-value="12" data-start-transform-speed="4" data-fps-limit="30"> <span class="image lazyload-image" style="max-width: 1001px; max-height: 906px;" aria-hidden="true"><span class="lazyload-image__placeholder" style="padding-bottom: 90.5095%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/hero-curves-5f09141aa43d026b1b79f35395d57bc2cd97060a4b3f7327aa9460d802cea202.svg" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/hero-curves-5f09141aa43d026b1b79f35395d57bc2cd97060a4b3f7327aa9460d802cea202.svg" alt=""/></noscript></span></span> </canvas> <div class="grid storefront-hero-content"> <div class="grid__item grid__item--desktop-up-8 grid__item--desktop-up-push-2"> <div class="section-heading section-heading--lowlight text-center"> <h1 class="section-heading__kicker heading--5">Custom storefront tools</h1> <p class="section-heading__heading heading--1">Stand out with custom commerce</p> <p class="section-heading__subhead heading--2 heading--4 storefront-hero-content__subhead">Create unique ways to sell that delight customers, build loyalty, and boost sales with custom storefront tools.</p> <form class="marketing-button-wrapper" action="https://web.archive.org/web/20211030063828/https://accounts.shopify.com/store-signup/setup" accept-charset="UTF-8" method="post"><button class="marketing-button js-open-signup js-open-signup text-center" data-ga-event="custom-storefront-tools" data-ga-action="hero_signup" data-trekkie-event="free_trial_signup" data-trekkie-action="threefield_modal_open" data-trekkie-label="hero" data-trekkie-id="custom_storefront_tools_hero_signup">Start free trial</button></form> </div></div> <div class="storefront-hero-control"> <button class="storefront-hero-control__play js-hero-control-play"> <svg class="icon icon--fill-white storefront-hero-control__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-play"/> </svg> <span class="storefront-hero-control__text">Play</span> </button> <button class="storefront-hero-control__pause js-hero-control-pause js-active"> <svg class="icon icon--fill-white storefront-hero-control__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-pause"/> </svg> <span class="storefront-hero-control__text">Pause</span> </button> </div> </div> <div class="grid storefront-hero-features"> <div class="grid__item grid__item--tablet-up-two-thirds grid__item--desktop-up-full"> <div class="grid"> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-quarter"> <div class="block block--lowlight"> <svg class="icon icon--size-small storefront-hero-features__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-flexible-shopping"/> </svg> <h3 class="block__heading heading--4">Create custom experiences</h3> <p class="block__content">Add commerce to touchpoints your customers interact with.</p> </div></div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-quarter"> <div class="block block--lowlight"> <svg class="icon icon--size-small storefront-hero-features__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-tools"/> </svg> <h3 class="block__heading heading--4">Increase flexibilty</h3> <p class="block__content">Discover sales opportunities that work with tools you already know.</p> </div></div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-quarter"> <div class="block block--lowlight"> <svg class="icon icon--size-small storefront-hero-features__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-flexible-time"/> </svg> <h3 class="block__heading heading--4">Iterate quickly</h3> <p class="block__content">Reduce development time and bring your ideas to life faster.</p> </div></div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-quarter"> <div class="block block--lowlight"> <svg class="icon icon--size-small storefront-hero-features__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-boost"/> </svg> <h3 class="block__heading heading--4">Scale smoothly</h3> <p class="block__content">Find a solution that will grow with your evolving business needs.</p> </div></div></div></div></div></section> <div class="grid"> <div class="grid__item"> <p class="visuallyhidden">Brands that use custom storefront tools</p><ul class="logo-soup"><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Bamford" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/bamford-small-bd66f2be49dcfa444c3cc6b089690796619048e07266982ba47f64f1f9c92c11.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/bamford-large-4d17e75fcf78446c6db96a9cdaa2e25cc2e5757b13408c252f71fb3e73ee4740.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/bamford-small-bd66f2be49dcfa444c3cc6b089690796619048e07266982ba47f64f1f9c92c11.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/bamford-large-4d17e75fcf78446c6db96a9cdaa2e25cc2e5757b13408c252f71fb3e73ee4740.png?quality=50 2x" alt="Bamford" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Brodo Broth Co." data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/brodo-small-aeea49b5b09fc3486c0c07999e302f1288caaa8f5f1440a854fbce37847520e9.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/brodo-large-428d622a7df3ba953aae0680f9cb129a3c8c68dbd51ad7abe99e72b6b0b3a119.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/brodo-small-aeea49b5b09fc3486c0c07999e302f1288caaa8f5f1440a854fbce37847520e9.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/brodo-large-428d622a7df3ba953aae0680f9cb129a3c8c68dbd51ad7abe99e72b6b0b3a119.png?quality=50 2x" alt="Brodo Broth Co." class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Looking Glass Factory" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lookingglass-small-76da15f72dc36f0af953fa18d0d9b1d3c79d8526c24d46bdbfd640bf3a1652af.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lookingglass-large-593441c867134263a16079ee05d2c6588f0d2598d24751a91c85641ebd56c361.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lookingglass-small-76da15f72dc36f0af953fa18d0d9b1d3c79d8526c24d46bdbfd640bf3a1652af.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lookingglass-large-593441c867134263a16079ee05d2c6588f0d2598d24751a91c85641ebd56c361.png?quality=50 2x" alt="Looking Glass Factory" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Plume Labs" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/plumelabs-small-cf7b42bb11ee6be71d2844c0351415623f188b6db5b185306f901aacf3d78a4a.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/plumelabs-large-38193dcbd9a406bb4cf33af9fec1a0ebc446b08ebc543eebb068d7e75a972ed7.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/plumelabs-small-cf7b42bb11ee6be71d2844c0351415623f188b6db5b185306f901aacf3d78a4a.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/plumelabs-large-38193dcbd9a406bb4cf33af9fec1a0ebc446b08ebc543eebb068d7e75a972ed7.png?quality=50 2x" alt="Plume Labs" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Lunge" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lunge-small-18e88b7a0c91c0b99aea23398ac905901325f1954bfca01f60d7db8d2df5106b.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lunge-large-63ce0407e3d8c68bcf7a5ef7abd24dc7e29e32fe33ad563b51f55599055a7b08.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lunge-small-18e88b7a0c91c0b99aea23398ac905901325f1954bfca01f60d7db8d2df5106b.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/lunge-large-63ce0407e3d8c68bcf7a5ef7abd24dc7e29e32fe33ad563b51f55599055a7b08.png?quality=50 2x" alt="Lunge" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Recess" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/recess-small-3f93c4ea4bf7c3f07cd33696a53de7ad65cb85ea389f89c7ccb0e78c2cbcd98f.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/recess-large-ae4d09d4943754da09f3ba7031b1a6493cadf888f610d85c395f590ea3dc11e9.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/recess-small-3f93c4ea4bf7c3f07cd33696a53de7ad65cb85ea389f89c7ccb0e78c2cbcd98f.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/recess-large-ae4d09d4943754da09f3ba7031b1a6493cadf888f610d85c395f590ea3dc11e9.png?quality=50 2x" alt="Recess" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Not Another Bill" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/notanotherbill-small-7465c757655de50ebe7eedc0a88e430e89051c601c1f836b0b01fde949d1ff33.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/notanotherbill-large-475db57f73cec1fa8032ab694b0014e44c7f6e18a0f6df29050e0e214ce459bc.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/notanotherbill-small-7465c757655de50ebe7eedc0a88e430e89051c601c1f836b0b01fde949d1ff33.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/notanotherbill-large-475db57f73cec1fa8032ab694b0014e44c7f6e18a0f6df29050e0e214ce459bc.png?quality=50 2x" alt="Not Another Bill" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Shirt App" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/shirtapp-small-5af3030f5e588f6cd286d84ee9eba442706b4d2795a12e3244317d14d0a3f26f.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/shirtapp-large-34a867e0fa5ae44212cac6bfd77c815fcad1aa9cb838f90ae95616f2d03c3bc5.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/shirtapp-small-5af3030f5e588f6cd286d84ee9eba442706b4d2795a12e3244317d14d0a3f26f.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/shirtapp-large-34a867e0fa5ae44212cac6bfd77c815fcad1aa9cb838f90ae95616f2d03c3bc5.png?quality=50 2x" alt="Shirt App" class="image"/></noscript></li><li class="logo-soup__list-item"><img class="image lazyload logo-soup__image" alt="Topology" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/topology-small-31a2cd0f3e3a33c38ee3c77dc6f53b5f9b2a33505abf4bef5b7316dfdf2d8ceb.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/topology-large-f767dff63fae0732d889c85b8b63e434d851a1d9797ef6c55308eec98d8ac21a.png?quality=50 2x"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/topology-small-31a2cd0f3e3a33c38ee3c77dc6f53b5f9b2a33505abf4bef5b7316dfdf2d8ceb.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/logo-soup/topology-large-f767dff63fae0732d889c85b8b63e434d851a1d9797ef6c55308eec98d8ac21a.png?quality=50 2x" alt="Topology" class="image"/></noscript></li></ul> </div></div> <section class="section"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid__item--desktop-up-offset-1"> <div class="block"> <h2 class="block__heading heading--4 storefront-section__heading">Build custom websites</h2> <p class="block__content">Personalize the front end of your website and create a seamless shopping experience with the JavaScript SDK.</p> </div> <div class="storefront-section__image-container storefront-section--caption display--mobile"> <div class="storefront-section__image website__visual"> <span class="image lazyload-image" style="max-width: 671px; max-height: 533px;"><span class="lazyload-image__placeholder" style="padding-bottom: 79.4337%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-small-5149485de3c3ca5376f07059ebbe8e1da35618e34d13ec95031abde2451fdc89.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-large-bee03bfe16f2ce33fbf9497e051c7e0512af56d730592990cd989c470935bab5.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-small-5149485de3c3ca5376f07059ebbe8e1da35618e34d13ec95031abde2451fdc89.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-large-bee03bfe16f2ce33fbf9497e051c7e0512af56d730592990cd989c470935bab5.jpg?quality=50 2x" alt=""/></noscript></span></span> <div class="website__visual-animation video js-video--loading js-video--custom-controls" aria-describedby="Video-a144" aria-label="Video"><div class="video__video-container"><video muted="muted" loop="loop" playsinline="playsinline" data-autoplay="true" data-lazyload="false" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="video-toggle" poster="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/recess/recess-storefront-video-poster-f0a5bd6b6d961c2b6f68b2cb56ab824621ab2b94fbe97466ed2e395fbeffba22.jpg" class="video__video"><source data-src="https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/featured-merchant-recess-dd1ee537743ef37b937099a802c542a50a61b0cc9dfc9600e5a3eb1252603857.webm" type="video/webm"/><source data-src="https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/featured-merchant-recess-08323cf01d69d7c3b2013b9584a7903c5bca677dbe423135ee90cc48884f6060.mp4" type="video/mp4"/></video></div><button class="video__button video__button--play pillars-animation__button" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="video-play"><svg class="icon video__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-play"/> </svg><span class="visuallyhidden">Play video</span></button><button class="video__button video__button--pause pillars-animation__button" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="video-pause"><svg class="icon video__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-pause"/> </svg><span class="visuallyhidden">Pause video</span></button><div class="video__button video__button--loading pillars-animation__button" role="alert"><span class="visuallyhidden">Video is loading</span></div><span class="visuallyhidden" id="Video-a144">A short video to illustrate how the beverage company, Recess, uses Shopify’s JavaScript SDK to customize the front end of their website. The video shows scrolling through the online store, beverage information, and how the customized checkout button matches Recess’ unique brand.</span></div> <div class="website__visual-flair"> <span class="image lazyload-image" style="max-width: 312px; max-height: 329px;"><span class="lazyload-image__placeholder" style="padding-bottom: 105.4487%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-small-30a80f0b40fe274b571c19d6a47d6d83e897341ff6d0ba124a9bf5ac84a4c7aa.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-large-bf22337f46e34048d97bf75436f4f029484b4fa806969600338789460be9abed.png?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-small-30a80f0b40fe274b571c19d6a47d6d83e897341ff6d0ba124a9bf5ac84a4c7aa.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-large-bf22337f46e34048d97bf75436f4f029484b4fa806969600338789460be9abed.png?quality=50 2x" alt=""/></noscript></span></span> </div> </div> <p class="vertical-caption">Featured merchant — Recess</p> </div> <div class="storefront-resource"> <svg class="icon storefront-resource__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-read"/> </svg> <p class="storefront-resource__content color-gray-90"> Read about <a class="storefront-resource__link" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="custom-websites" href="/web/20211030063828/https://www.shopify.co.id/partners/blog/updates-to-shopifys-custom-storefronts-api">a simple way to manage custom storefronts</a> on the Shopify blog </p> </div> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-offset-1 hide--mobile"> <div class="storefront-section__image-container storefront-section--caption"> <div class="storefront-section__image website__visual"> <span class="image lazyload-image" style="max-width: 671px; max-height: 533px;"><span class="lazyload-image__placeholder" style="padding-bottom: 79.4337%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-small-5149485de3c3ca5376f07059ebbe8e1da35618e34d13ec95031abde2451fdc89.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-large-bee03bfe16f2ce33fbf9497e051c7e0512af56d730592990cd989c470935bab5.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-small-5149485de3c3ca5376f07059ebbe8e1da35618e34d13ec95031abde2451fdc89.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-large-bee03bfe16f2ce33fbf9497e051c7e0512af56d730592990cd989c470935bab5.jpg?quality=50 2x" alt=""/></noscript></span></span> <div class="website__visual-animation video js-video--loading js-video--custom-controls" aria-describedby="Video-6fa3" aria-label="Video"><div class="video__video-container"><video muted="muted" loop="loop" playsinline="playsinline" data-autoplay="true" data-lazyload="false" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="video-toggle" poster="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/recess/recess-storefront-video-poster-f0a5bd6b6d961c2b6f68b2cb56ab824621ab2b94fbe97466ed2e395fbeffba22.jpg" class="video__video"><source data-src="https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/featured-merchant-recess-dd1ee537743ef37b937099a802c542a50a61b0cc9dfc9600e5a3eb1252603857.webm" type="video/webm"/><source data-src="https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/featured-merchant-recess-08323cf01d69d7c3b2013b9584a7903c5bca677dbe423135ee90cc48884f6060.mp4" type="video/mp4"/></video></div><button class="video__button video__button--play pillars-animation__button" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="video-play"><svg class="icon video__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-play"/> </svg><span class="visuallyhidden">Play video</span></button><button class="video__button video__button--pause pillars-animation__button" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="custom-websites" data-event-label="video-pause"><svg class="icon video__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-pause"/> </svg><span class="visuallyhidden">Pause video</span></button><div class="video__button video__button--loading pillars-animation__button" role="alert"><span class="visuallyhidden">Video is loading</span></div><span class="visuallyhidden" id="Video-6fa3">A short video to illustrate how the beverage company, Recess, uses Shopify’s JavaScript SDK to customize the front end of their website. The video shows scrolling through the online store, beverage information, and how the customized checkout button matches Recess’ unique brand.</span></div> <div class="website__visual-flair"> <span class="image lazyload-image" style="max-width: 312px; max-height: 329px;"><span class="lazyload-image__placeholder" style="padding-bottom: 105.4487%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-small-30a80f0b40fe274b571c19d6a47d6d83e897341ff6d0ba124a9bf5ac84a4c7aa.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-large-bf22337f46e34048d97bf75436f4f029484b4fa806969600338789460be9abed.png?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-small-30a80f0b40fe274b571c19d6a47d6d83e897341ff6d0ba124a9bf5ac84a4c7aa.png 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/website-flair-large-bf22337f46e34048d97bf75436f4f029484b4fa806969600338789460be9abed.png?quality=50 2x" alt=""/></noscript></span></span> </div> </div> <p class="vertical-caption">Featured merchant — Recess</p> </div> </div></div></section> <section class="section"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5 grid__item--desktop-up-offset-1 hide--mobile"> <div class="storefront-section--left-caption"> <span class="image lazyload-image storefront-section__image" style="max-width: 547px; max-height: 614px;"><span class="lazyload-image__placeholder" style="padding-bottom: 112.2486%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-small-addf90d49e7eece4b47676fff089bd846e16938776957fa1dcc320ec7c83b8d5.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-large-e2723af044c507c2b48d90b0bace4d0754fa1697ece69fa4fd4ccf81f991ff71.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-small-addf90d49e7eece4b47676fff089bd846e16938776957fa1dcc320ec7c83b8d5.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-large-e2723af044c507c2b48d90b0bace4d0754fa1697ece69fa4fd4ccf81f991ff71.jpg?quality=50 2x" alt=""/></noscript></span></span> <p class="vertical-caption vertical-caption--left">Featured merchant — Shirt App</p> </div> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid__item--desktop-up-offset-1"> <div class="block"> <h2 class="block__heading heading--4 storefront-section__heading">Add commerce to your mobile app</h2> <p class="block__content">Connect with customers in a new way and build shopping into your iOS and Android apps using the mobile SDKs.</p> </div> <div class="storefront-section--left-caption display--mobile gutter-bottom"> <span class="image lazyload-image storefront-section__image" style="max-width: 547px; max-height: 614px;"><span class="lazyload-image__placeholder" style="padding-bottom: 112.2486%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-small-addf90d49e7eece4b47676fff089bd846e16938776957fa1dcc320ec7c83b8d5.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-large-e2723af044c507c2b48d90b0bace4d0754fa1697ece69fa4fd4ccf81f991ff71.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-small-addf90d49e7eece4b47676fff089bd846e16938776957fa1dcc320ec7c83b8d5.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/shirt-app/shirt-app-mobile-storefront-large-e2723af044c507c2b48d90b0bace4d0754fa1697ece69fa4fd4ccf81f991ff71.jpg?quality=50 2x" alt=""/></noscript></span></span> <p class="vertical-caption vertical-caption--left">Featured merchant — Shirt App</p> </div> <div class="storefront-resource"> <svg class="icon storefront-resource__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-read"/> </svg> <p class="storefront-resource__content color-gray-90"> Read about <a class="storefront-resource__link" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="mobile-app" data-event-label="mobile-app" href="/web/20211030063828/https://www.shopify.co.id/partners/blog/shopify-android-buy-sdk">how to build commerce into mobile apps</a> on the Shopify blog </p> </div> </div></div></section> <section class="section"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid__item--desktop-up-offset-1"> <div class="block"> <h2 class="block__heading heading--4 storefront-section__heading">Turn gamers into customers</h2> <p class="block__content">Insert shopping moments into games where your engaged audience already exists with Unity SDK.</p> </div> <div class="storefront-section__image-container storefront-section--caption display--mobile gutter-bottom"> <div class="storefront-section--caption"> <span class="image lazyload-image storefront-resource__image" style="max-width: 803px; max-height: 554px;"><span class="lazyload-image__placeholder" style="padding-bottom: 68.9913%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-small-2fad343e2918784f594682d485ee3f3705eab852149966784f1ace5bfc34a1f7.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-large-7ebdf44a29ff40b400246c9d9fe2482166fa3d9b178df74479b00a913b9810bb.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-small-2fad343e2918784f594682d485ee3f3705eab852149966784f1ace5bfc34a1f7.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-large-7ebdf44a29ff40b400246c9d9fe2482166fa3d9b178df74479b00a913b9810bb.jpg?quality=50 2x" alt=""/></noscript></span></span> <p class="vertical-caption">Featured merchant — Alto’s Adventure</p> </div> </div> <div class="storefront-resource"> <svg class="icon storefront-resource__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-read"/> </svg> <p class="storefront-resource__content color-gray-90"> Read <a class="storefront-resource__link" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="gaming-sdk" data-event-label="gaming-sdk" href="/web/20211030063828/https://www.shopify.co.id/blog/altos-adventure-game-unity-buy-sdk">how an indie video game made 60% of its revenue in 30 days</a> on the Shopify blog </p> </div> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-offset-1 hide--mobile"> <div class="storefront-section__image-container storefront-section--caption"> <div class="storefront-section--caption"> <span class="image lazyload-image storefront-resource__image" style="max-width: 803px; max-height: 554px;"><span class="lazyload-image__placeholder" style="padding-bottom: 68.9913%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-small-2fad343e2918784f594682d485ee3f3705eab852149966784f1ace5bfc34a1f7.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-large-7ebdf44a29ff40b400246c9d9fe2482166fa3d9b178df74479b00a913b9810bb.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-small-2fad343e2918784f594682d485ee3f3705eab852149966784f1ace5bfc34a1f7.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/merchants/altos-adventure/altos-adventure-unity-sdk-large-7ebdf44a29ff40b400246c9d9fe2482166fa3d9b178df74479b00a913b9810bb.jpg?quality=50 2x" alt=""/></noscript></span></span> <p class="vertical-caption">Featured merchant — Alto’s Adventure</p> </div> </div> </div></div></section> <section class="section"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5 grid__item--desktop-up-offset-1 hide--mobile"> <span class="image lazyload-image" style="max-width: 484px; max-height: 567px;"><span class="lazyload-image__placeholder" style="padding-bottom: 117.1488%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-small-54a21c0480475c82db74385911909fd4403403add22f85ac2dd769857ac084e6.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-large-0524990d76f617b5ffaaebeb547b4563f1204edd9fd85a0cc3f098470b9a7fde.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-small-54a21c0480475c82db74385911909fd4403403add22f85ac2dd769857ac084e6.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-large-0524990d76f617b5ffaaebeb547b4563f1204edd9fd85a0cc3f098470b9a7fde.jpg?quality=50 2x" alt=""/></noscript></span></span> </div> <div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-third grid__item--desktop-up-offset-1"> <div class="block"> <h2 class="block__heading heading--4 storefront-section__heading">Sell on custom channels</h2> <p class="block__content">Use the Storefront API to have full creative control for any purchase experience on any platform.</p> </div> <div class="storefront-section__image-container display--mobile gutter-bottom"> <span class="image lazyload-image" style="max-width: 484px; max-height: 567px;"><span class="lazyload-image__placeholder" style="padding-bottom: 117.1488%"><img alt="" data-sizes="100vw" data-srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-small-54a21c0480475c82db74385911909fd4403403add22f85ac2dd769857ac084e6.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-large-0524990d76f617b5ffaaebeb547b4563f1204edd9fd85a0cc3f098470b9a7fde.jpg?quality=50 2x" class="lazyload"/><noscript><img sizes="100vw" srcset="https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-small-54a21c0480475c82db74385911909fd4403403add22f85ac2dd769857ac084e6.jpg 1x, https://web.archive.org/web/20211030063828im_/https://cdn.shopify.com/shopifycloud/brochure/assets/custom-storefront-tools/channels-large-0524990d76f617b5ffaaebeb547b4563f1204edd9fd85a0cc3f098470b9a7fde.jpg?quality=50 2x" alt=""/></noscript></span></span> </div> <div class="storefront-resource"> <svg class="icon storefront-resource__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-read"/> </svg> <p class="storefront-resource__content color-gray-90"> Read <a class="storefront-resource__link" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="channels" data-event-label="channels" href="/web/20211030063828/https://www.shopify.co.id/partners/blog/custom-storefronts-building-commerce-anywhere">how to build commerce anywhere</a> on the Shopify blog </p> </div> </div></div></section> <section class="section storefront__resources"> <div class="grid"> <div class="grid__item grid__item--mobile-up-align-center"> <div class="section-heading"> <h2 class="section-heading__heading heading--1 heading--2">Learn more about headless commerce</h2> </div></div> <div class="grid__item"> <div class="storefront__card-group"> <div class="block storefront__resource-card ui-resource-block"><svg class="icon icon--size-small gutter-bottom ui-resource-block__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-custom-code"/> </svg><h3 class="block__heading heading--4 text-major">Development experts</h3><p class="block__content ui-resource-block__content">Hire a developer to help you with the custom storefront tools.</p><a class="ui-resource-block__cta link link--secondary" href="https://web.archive.org/web/20211030063828/https://experts.shopify.com/services/development-and-troubleshooting/custom-commerce-experience">Explore Shopify Experts <span class="link__arrow"><svg class="icon link__arrow-inner" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-arrow-right"/> </svg></span></a></div> <div class="block storefront__resource-card ui-resource-block"><svg class="icon icon--size-small gutter-bottom ui-resource-block__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-read"/> </svg><h3 class="block__heading heading--4 text-major">Help docs</h3><p class="block__content ui-resource-block__content">Search for useful articles about Shopify.</p><a class="ui-resource-block__cta link link--secondary" href="https://web.archive.org/web/20211030063828/https://help.shopify.com/en">Visit the Help Center <span class="link__arrow"><svg class="icon link__arrow-inner" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-arrow-right"/> </svg></span></a></div> <div class="block storefront__resource-card ui-resource-block"><svg class="icon icon--size-small gutter-bottom ui-resource-block__icon block__icon" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-sales-up"/> </svg><h3 class="block__heading heading--4 text-major">Shopify Plus</h3><p class="block__content ui-resource-block__content">Discover how headless commerce works for enterprise businesses.</p><a class="ui-resource-block__cta link link--secondary" href="/web/20211030063828/https://www.shopify.co.id/plus/solutions/headless-commerce">Learn about Shopify Plus <span class="link__arrow"><svg class="icon link__arrow-inner" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-arrow-right"/> </svg></span></a></div> </div> </div></div></section> <section class="section section--padding-top-only signup-footer"><div class="grid"><div class="grid__item"><div class="section-heading signup-footer__heading "><h2 class="section-heading__heading heading--2">Provide standout commerce with custom storefront tools</h2><form class="marketing-button-wrapper" action="https://web.archive.org/web/20211030063828/https://accounts.shopify.com/store-signup/setup" accept-charset="UTF-8" method="post"><button class="marketing-button js-open-signup signup-footer__button" data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="footer" data-event-label="signup">Start free trial</button></form></div> <div class="storefront-footer__back-wrapper"> <a data-event-page="custom-storefront-tools" data-event-category="custom-storefront-tools" data-event-action="footer" data-event-label="scroll-to-top" class="link-scroll-to link link--secondary link--point-up" href="#PageContainer">Back to top <span class="link__arrow"><svg class="icon link__arrow-inner" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-arrow-right"/> </svg></span></a> </div> </div></div></section> </main> <footer class="footer--main" id="ShopifyMainFooter" role="contentinfo"><h2 class="visuallyhidden">More resources</h2> <div class="footer-top"> <div class="grid"> <div class="grid__item"> <nav class="footer-nav"> <ul class="footer-nav__list" role="list"> <li class="footer-nav__list-item"> <a href="/web/20211030063828/https://www.shopify.co.id/about">About</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211030063828/https://www.shopify.com/careers">Careers</a> </li> <li class="footer-nav__list-item"> <a href="https://web.archive.org/web/20211030063828/https://news.shopify.com/">Press and Media</a> </li> <li class="footer-nav__list-item"> <a href="/web/20211030063828/https://www.shopify.co.id/plus">Shopify Plus</a> </li> <li class="footer-nav__list-item"> <a href="/web/20211030063828/https://www.shopify.co.id/sitemap">Sitemap</a> </li> </ul> </nav> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-3"> <h3 class="footer-subhead heading--5 ">Online store</h3> <div class="gutter-bottom--mobile footer__3-column-list"> <ul role="list"> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/online">Sell online</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/online/ecommerce-solutions">Features</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/examples">Examples</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/website">Website editor</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tour">Online retail</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tour/ecommerce-website">Ecommerce website</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/domains">Domain names</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tour/website-design">Themes</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tour/shopping-cart">Shopping cart</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tour/ecommerce-hosting">Ecommerce hosting</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/mobile">Mobile commerce</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/">Ecommerce software</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/online-store">Online store builder</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/oberlo">Oberlo</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/dropshipping">Dropshipping Business</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://themes.shopify.com/">Store themes</a> </li> </ul> </div></div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Point of sale</h3> <div class="gutter-bottom--mobile footer__-column-list"> <ul role="list"> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/pos">Point of sale</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/pos/features">Features</a> </li> </ul> </div></div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Support</h3> <div class="gutter-bottom--mobile footer__-column-list"> <ul role="list"> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://help.shopify.com/en/questions">24/7 support</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://help.shopify.com/en">Shopify Help Center</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=footer&utm_content=en-id&utm_medium=web&utm_source=shopify">Shopify Community</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://shopify.dev/api">API documentation</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tools">Free tools</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://burst.shopify.com/">Free stock photos</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://exchangemarketplace.com/">Websites for sale</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://hatchful.shopify.com/">Hatchful</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/tools/business-name-generator">Business name generator</a> </li> </ul> </div></div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Shopify</h3> <div class="gutter-bottom--mobile footer__-column-list"> <ul role="list"> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/contact">Contact</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/partners">Partner program</a> </li> <li> <a class="footer-link" href="/web/20211030063828/https://www.shopify.co.id/affiliates">Affiliate program</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://shopify.dev/">App developers</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://investors.shopify.com/home/default.aspx">Investors</a> </li> <li> <a class="footer-link" href="https://web.archive.org/web/20211030063828/https://events.shopify.com/home?utm_campaign=homepage&utm_content=en&utm_medium=web&utm_source=shopify">Community Events</a> </li> </ul> </div></div> </div></div> <div class="footer-bottom"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-2 footer-bottom__social text-center--mobile"> <ul class="footer-social__list" role="list"> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Facebook" data-ga-label="Footer" href="https://web.archive.org/web/20211030063828/https://www.facebook.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-facebook-22-title" role="img"><title id="icon-modules-social-facebook-22-title">Facebook</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-social-facebook"/> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Twitter" data-ga-label="Footer" href="https://web.archive.org/web/20211030063828/https://twitter.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-twitter-23-title" role="img"><title id="icon-modules-social-twitter-23-title">Twitter</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-social-twitter"/> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Youtube" data-ga-label="Footer" href="https://web.archive.org/web/20211030063828/https://www.youtube.com/user/shopify"><svg class="icon" aria-labelledby="icon-modules-social-youtube-24-title" role="img"><title id="icon-modules-social-youtube-24-title">YouTube</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-social-youtube"/> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Instagram" data-ga-label="Footer" href="https://web.archive.org/web/20211030063828/https://www.instagram.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-instagram-25-title" role="img"><title id="icon-modules-social-instagram-25-title">Instagram</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-social-instagram"/> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Linkedin" data-ga-label="Footer" href="https://web.archive.org/web/20211030063828/https://www.linkedin.com/company/shopify"><svg class="icon" aria-labelledby="icon-modules-social-linkedin-26-title" role="img"><title id="icon-modules-social-linkedin-26-title">LinkedIn</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-social-linkedin"/> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Pinterest" data-ga-label="Footer" href="https://web.archive.org/web/20211030063828/https://www.pinterest.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-pinterest-27-title" role="img"><title id="icon-modules-social-pinterest-27-title">Pinterest</title> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-social-pinterest"/> </svg></a> </li> </ul> </div> <div class="grid__item grid__item--tablet-up-4 footer-bottom__links text-center--mobile text-right--tablet-up"> <ul class="footer-bottom__list" role="list"> <li class="footer-bottom__list-item"> <a data-msid="true" href="/web/20211030063828/https://www.shopify.co.id/legal/terms">Terms of Service</a> </li> <li class="footer-bottom__list-item"> <a href="/web/20211030063828/https://www.shopify.co.id/legal/privacy">Privacy Policy</a> </li> </ul> <div class="footer-country-select"><div class="popover-wrapper js-country-select footer-country-select__popover" data-position="top" data-align="right"><button type="button" class="popover__trigger footer-country-select__trigger" data-ga-event="Footer" data-ga-label="CountrySelector"><h2 class="visuallyhidden">Change your country or region.</h2><svg class="icon footer-country-select__globe" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#spot-global"/> </svg><span class="footer-country-select__text">Indonesia</span><svg class="icon footer-country-select__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211030063828im_/https://www.shopify.co.id/custom-storefront-tools#modules-nav-arrow-down"/> </svg></button><div class="popover"><div class="popover__content"><h3 class="footer-country-select__heading" id="country-select-heading">Country/region</h3><ul class="footer-country-select__content" role="list" aria-labelledby="country-select-heading"><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.au/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.au/custom-storefront-tools">Australia</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.be" lang="nl" href="https://web.archive.org/web/20211030063828/https://www.shopify.be/">Belgium</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.br" lang="pt" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.br/">Brasil</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.ca/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.ca/custom-storefront-tools">Canada (English)</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://fr.shopify.ca" lang="fr" href="https://web.archive.org/web/20211030063828/https://fr.shopify.ca/">Canada (Français)</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.co" lang="es" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.co/">Colombia</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.dk" lang="da" href="https://web.archive.org/web/20211030063828/https://www.shopify.dk/">Danmark</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.de" lang="de" href="https://web.archive.org/web/20211030063828/https://www.shopify.de/">Deutschland</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.es" lang="es" href="https://web.archive.org/web/20211030063828/https://www.shopify.es/">España</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://es.shopify.com" lang="es" href="https://web.archive.org/web/20211030063828/https://es.shopify.com/">Español (Intl.)</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.fr" lang="fr" href="https://web.archive.org/web/20211030063828/https://www.shopify.fr/">France</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://en.shopify.hk/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://en.shopify.hk/custom-storefront-tools">Hong Kong SAR</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.in/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.in/custom-storefront-tools">India</a></li><li class="footer-country-select__country footer-country-select__country--active" aria-current="true"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.co.id/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.id/custom-storefront-tools">Indonesia</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.ie/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.ie/custom-storefront-tools">Ireland</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://it.shopify.com" lang="it" href="https://web.archive.org/web/20211030063828/https://it.shopify.com/">Italia</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.my/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.my/custom-storefront-tools">Malaysia</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.mx" lang="es" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.mx/">México</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.nl" lang="nl" href="https://web.archive.org/web/20211030063828/https://www.shopify.nl/">Nederland</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com/nz/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com/nz/custom-storefront-tools">New Zealand</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.ng/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.ng/custom-storefront-tools">Nigeria</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://en.shopify.no/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://en.shopify.no/custom-storefront-tools">Norway (English)</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.ph/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.ph/custom-storefront-tools">Philippines</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com.sg/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com.sg/custom-storefront-tools">Singapore</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.co.za/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.za/custom-storefront-tools">South Africa</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.se" lang="sv" href="https://web.archive.org/web/20211030063828/https://www.shopify.se/">Sverige</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.com/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.com/custom-storefront-tools">USA</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.co.uk/custom-storefront-tools" lang="en" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.uk/custom-storefront-tools">United Kingdom</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.net.vn" lang="vi" href="https://web.archive.org/web/20211030063828/https://www.shopify.net.vn/">Việt Nam</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.cn" lang="zh-Hans-CN" href="https://web.archive.org/web/20211030063828/https://www.shopify.cn/">中国</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.hk" lang="zh-Hant" href="https://web.archive.org/web/20211030063828/https://www.shopify.hk/">中國香港特別行政區</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.tw" lang="zh-Hant" href="https://web.archive.org/web/20211030063828/https://www.shopify.tw/">台灣</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.jp" lang="ja" href="https://web.archive.org/web/20211030063828/https://www.shopify.jp/">日本</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://zh.shopify.com" lang="zh-Hans" href="https://web.archive.org/web/20211030063828/https://zh.shopify.com/">简体中文</a></li><li class="footer-country-select__country"><a data-ga-event="country-selector" data-ga-label="https://www.shopify.co.kr" lang="ko" href="https://web.archive.org/web/20211030063828/https://www.shopify.co.kr/">대한민국</a></li></ul></div></div></div></div> </div></div></div> </footer> </div> <script src="https://web.archive.org/web/20211030063828js_/https://cdn.shopify.com/static/javascripts/vendor/bugsnag.v7.4.0.min.js" crossorigin></script> <script> window.bugsnagClient = Bugsnag.start({ apiKey: '60139b6e163bd4168eaeb409f6e80e98', onError: function(event) { var error = event.errors[0]; var nonShopifyDomain = /:\/\/(?![^/]*shopify)/; if (error.stacktrace.length === 0 || nonShopifyDomain.test(event.request.url)) { return false; } var nonAppCode = /(native|global) code/; var appStacktrace = error.stacktrace.filter((frame) => !nonAppCode.test(frame.file)); if (appStacktrace.length === 0) { return false; } var cdnDomain = new RegExp("cdn.shopify.com/shopifycloud/brochure".replace(/[\.\/]/g, '\\$&')); if (!cdnDomain.test(appStacktrace[0].file)) { return false; } var messageArr = error.errorMessage.split('Error completing request. A network failure may have prevented the request from completing. Error: TypeError: '); if (messageArr.length > 1) { return false; } event.updateMetadata('debugStacktrace', { files: error.stacktrace.map( (frame) => frame.file + ":" + frame.lineNumber + ":" + frame.columnNumber ) }); return true; }, enabledReleaseStages: ['production', 'staging'], releaseStage: 'production', trackInlineScripts: false, appVersion: 'a73e677983817536ae839f85f40378c719b63809', }); </script> <script> window.App = window.App || {}; window.App.config = {signupHost: "accounts.shopify.com", railsEnv: "production"}; </script> <script> //<![CDATA[ window.I18n = window.I18n || {}; window.I18n.data = {"modal":{"home":"Home","close":"Close"},"signup":{"header":"Start your free %{trial_length}-day trial of Shopify","custom_header":"%{custom_signup_header}","create_now":"Create your store","labels":{"email":"Email address","password":"Password","shop_name":"Your store name","promotional_program_promo_code":"Discount code","subdomain":"Store URL"},"subtitles":{"shop_name":"This can be changed later.","promotional_program_promo_code":"Enter the promo code that was provided to you.","subdomain":"This will be the default domain for your store, but you can add different domains later. You'll also use your Store URL to log in."},"placeholders":{"password":"Minimum 5 characters"},"success_messages":{"email":"Got it","password":"Looks great","shop_name":"That name is available!","subdomain":"You‘ll use this to log in to your store"},"store_address_suffix":".myshopify.com","hint_messages":{"email_typo_html":"Did you mean \u003cbutton type=\"button\" data-bind-event-click=\"%{on_click}\"\u003e%{suggestion}\u003c/button\u003e?"}},"forms":{"errors":{"throttled":"Too many requests from this IP, try again later.","global":{"invalid":"Please enter a valid email address","required":"This field is required.","generic":"Sorry, something went wrong. Please try again later.","throttled":"Too many requests from this IP, try again later."},"shop_name":{"empty":"Please enter a store name","minlength":"Your store name must be at least 4 characters","maxlength":"Your store name can’t be longer than 60 characters","existingAdmin":"A store with that name already exists. If you are the owner you can \u003ca href=\"https://%{err}/admin\"\u003elog in here\u003c/a\u003e","message":"%{err}","matchesPassword":"Your store name can’t be the same as your password","disallowed":"Your store name can’t contain the word \u003cstrong\u003e%{err}\u003c/strong\u003e. Try another."},"email":{"empty":"Please enter an email address","invalid":"Please enter a valid email address","member_exists":"You are already subscribed to this list","generic":"Sorry, something went wrong. Please try again later."},"password":{"empty":"Please enter a password","minlength":"Password must be at least 5 characters","spaces":"Password cannot start or end with a space"},"subdomain":{"empty":"Please enter a subdomain","minlength":"Your subdomain must be at least 4 characters","multiple":"Multiple subdomains are associated with this email","suggest":"Did you mean %{err}?","invalid":"Please enter a valid subdomain","existingAdmin":"A store with that subdomain already exists. If you are the owner you can \u003ca href=\"https://%{err}/admin\"\u003elog in here\u003c/a\u003e","disallowed":"Your subdomain can’t contain the word \u003cstrong\u003e%{err}\u003c/strong\u003e. Try another.","message":"%{err}"},"promotional_program_promo_code":{"message":"%{err}"},"partner_info[details]":{"length":"Responses cannot be longer than 1,500 characters. Shorten your response and submit again."}}},"carousel":{"play":"Play carousel","pause":"Pause carousel","carousel_aria_roledescription":"Carousel","slide_nav_aria_label":"Choose slide","slide_aria_roledescription":"Slide","slide_aria_label":"%{currentSlide} of %{totalSlide}"}}; window.I18n.globals = {"total_blog_subscribers":"446,005","trial_length":14,"custom_signup_header":"","total_remote_employees":1400,"current_year":"2021","supported_languages":"50","total_active_users":"2,100,000","total_apps":"6,000","total_buyers":300000000,"total_buyers_shop_pay":35000000,"total_countries":"175","total_countries_partners":50,"total_domain_extensions":50,"total_data_processed_pb":1200000,"total_employees":"5,000","total_experts":"780","total_gateways":"100","total_gmv_billions":"200","total_orders":2500000000,"total_stores":"1,700,000","total_themes":"70","uptime":99.98,"hiring_2021":2021,"total_developers":"3,800","total_developer_earnings_millions":230,"total_app_installs_millions":16,"current_domain":"www.shopify.co.id","minimum_monthly_price":"$9","minimum_non_lite_monthly_price":"$29"}; //]]> </script> <script src="https://web.archive.org/web/20211030063828js_/https://cdn.shopify.com/shopifycloud/brochure/bundles/baseline/runtime-ec78f9c4c3978fa55e1ff42641b60f527f22e598b57a8420276e7bf21b62d475.js"></script> <script src="https://web.archive.org/web/20211030063828js_/https://cdn.shopify.com/shopifycloud/brochure/bundles/baseline/vendor-33e208e6d3e0111bfa9304b845d8728a072c5b2d3bbfa4432b36f87ebe8a687d.js"></script> <script src="https://web.archive.org/web/20211030063828js_/https://cdn.shopify.com/shopifycloud/brochure/bundles/baseline/manifests/custom-storefront-tools-d0d920a7731d4468f6880f99a87935bf31fd02196a1d2a9d6d98143a5a7dc55f.js"></script> </body> </html>