[{"_1":2,"_1687":-5,"_441":-5},"loaderData",{"_3":4,"_1155":1156,"_1366":1367},"root",{"_5":6,"_1125":1126},"globalTranslations",{"_7":8,"_11":12},"en-ZA",{"_9":10},"global",{},"en",{"_9":13},{"_14":15,"_16":17,"_101":102,"_118":119,"_130":131,"_206":207,"_239":240,"_253":254,"_260":261,"_271":272,"_322":323,"_324":325,"_326":284,"_52":327,"_328":329,"_332":333,"_308":309,"_74":343,"_346":347,"_373":374,"_425":426,"_427":428,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440,"_450":451,"_453":454,"_457":458,"_30":968},"argoPlaceholder","2","ariaLabels",{"_18":19,"_20":21,"_30":31,"_38":39,"_48":49,"_52":53,"_54":55,"_61":62,"_63":64,"_68":69,"_70":71,"_72":73,"_74":75,"_78":79,"_80":81,"_82":83,"_92":93,"_93":94},"close","Close","carousel",{"_22":20,"_23":23,"_24":25,"_26":27,"_28":29},"name","slide","xOfY","{x} of {y}","play","Play carousel","pause","Pause carousel","footer",{"_32":33,"_34":35,"_36":37},"regionsNav","Region Navigation","regionsClose","Close Region Navigation","newWindow","Opens an external site in a new window","header",{"_40":41,"_42":43,"_44":45,"_46":47},"mobileNavMenu","Menu","mainNav","Main","secondaryNav","Related pages","skipToContent","Skip to Content","headerLight",{"_50":51},"dismissIcon","Dismiss banner","learnMore","Learn more about {title}","link",{"_56":57,"_36":58,"_59":60},"external","External source: "," (Opens in a new window)","label","{{external}}{{title}}{{newWindow}}","logoGroup","Logos","modal",{"_18":65,"_66":67},"Close modal","pip","Picture in picture","next","Next","previous","Previous","current","Current","pagination",{"_70":76,"_68":77},"Previous page","Next page","shopifyLogo","Shopify logo","shopifyPartnersLogo","Shopify partners logo","testimonial",{"_84":85,"_86":87,"_68":88,"_70":89,"_26":90,"_28":91},"controls","Navigate testimonials","plural","Testimonials","Next Testimonial","Previous Testimonial","Play Testimonial","Pause Testimonial","videoModal","video",{"_26":95,"_28":96,"_97":98,"_99":100},"Play video","Pause video","mute","Mute video","unmute","Unmute video","incentivesPromoBanner",{"_103":104,"_105":106},"gpv_acquisition_incentive_flag","Join today and get up to $5,000 in cash rebates on your first six months of sales","retail",{"_107":108,"_109":110,"_111":112,"_113":114,"_115":116,"_117":114},"spRateTermsLink"," Terms apply","subscriptionIncentive","Special offer: get 6 months of POS Pro for {{incentivePrice}}/month","spRateIncentive","Get {{rate}}% card rates on up to {{gpvLimit}} USD of in-person sales during your first {{length}} months.","spRateIncentiveTerms","Terms apply","cardReaderDiscountIncentive","Get a free card reader when you pick a plan.","cardReaderDiscountIncentiveTerms","cookiesNotice",{"_120":121,"_122":123,"_124":125,"_126":127,"_128":129},"acceptAllButtonText","Accept all","activeConsentContentHtml","We use cookies (and other similar technologies) for many purposes, including to improve your experience on our site and for ads and analytics. Click \"Accept all\" to accept these uses. Read more in our Cookie Policy.","buttonText","OK","contentHtml","Shopify uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our Privacy Policy and our Cookie Policy.","rejectAllButtonText","Reject all","countries",{"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147,"_11":148,"_149":150,"_151":152,"_153":154,"_155":156,"_157":158,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":148,"_202":203,"_204":205},"au","Australia","be","Belgium","br","Brazil","ca","Canada","cn","China","co","Colombia","cz","Czech Republic","dk","Denmark","USA","es","Spain","de","Germany","fi","Finland","fr","France","gb","UK","hk","Hong Kong SAR","id","Indonesia","ie","Ireland","in","India","it","Italy","jp","Japan","kr","Korea","my","Malaysia","mx","Mexico","ng","Nigeria","nl","Netherlands","no","Norway","nz","New Zealand","ph","Philippines","pl","Poland","pt","Portugal","se","Sweden","sg","Singapore","th","Thailand","tr","Turkey","tw","Taiwan","us","vn","Vietnam","za","South Africa","languages",{"_208":209,"_210":211,"_151":212,"_11":213,"_149":214,"_153":215,"_155":216,"_167":217,"_218":219,"_220":221,"_222":223,"_179":224,"_187":225,"_189":226,"_227":228,"_229":230,"_195":231,"_197":232,"_233":234,"_235":236,"_237":238},"cs","Czech","da","Danish","German","English","Spanish","Finnish","French","Italian","ja","Japanese","ko","Korean","nb","Norwegian Bokmål","Dutch","Polish","Portuguese","pt-PT","Portuguese Portugal","sv","Swedish","Thai","Turkish","vi","Vietnamese","zh-Hans","Chinese Simplified","zh-Hant","Chinese Traditional","downloadApp",{"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},"androidAlt","Get the Shopify app on Google Play","androidUrl","https://shopify.com/install/android","iosAlt","Download the Shopify app on the Apple App Store","iosUrl","https://shopify.com/install/mobile","qrCodeAlt","QR code to download from","qrTitle","Scan to install","downloadposApp",{"_241":255,"_243":256,"_245":257,"_247":258,"_249":250,"_251":259},"Get the Shopify POS Mobile app on Google Play","https://play.google.com/store/apps/details?id=com.shopify.pos","Download the Shopify POS Mobile app on the Apple App Store","https://apps.apple.com/us/app/shopify-point-of-sale-pos/id686830644","Scan or click below to install","forms",{"_262":263},"fields",{"_264":265},"country",{"_59":266,"_267":268,"_269":270},"Country","placeholder","Select one","error","Please select a country","globalNav",{"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":300,"_304":305,"_306":307,"_320":321},"applyText","Apply for early access","applyTextPlain","Apply for access","getStarted","Get started","headerPdfCta","Download document","headerPdfCtaLink","https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf","homeUrl","{{home}}","loginGetStartedText","Log in to get started","loginText","Log in","loginUrl","/login","signinText","Sign in","signupText","Start free trial","signupTextFree","Sign up free","signupTextPlain","Sign up","searchText","Search","searchPlaceholder","Type something you're looking for","searchPlaceholderMobile","signUpButtonText","Get in touch","sharedBottomBar",{"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319},"shopify","Shopify","shopifyDesc","Platform for entrepreneurs & SMBs","plus","Plus","plusDesc","A commerce solution for growing digital brands","enterprise","Enterprise","enterpriseDesc","Solutions for the world’s largest brands","edition","Winter ’25 Edition","showLess","Show less","showMore","Show more","home","Learn more","plans",{"_330":331},"pricingFaqAnswerWithDiscount","We offer a 25% discount for yearly subscriptions if you choose the Basic, Shopify, or Advanced plans. If you choose a 3-year Shopify Plus plan, we offer a monthly discount and lower online variable platform fees.","sell",{"_38":334,"_335":336,"_337":338,"_339":340,"_341":342},"Explore your options","title","Apps that help you sell {{vertical}}","subheading","Some popular apps other merchants use","seeRecommendedApps","See more recommended apps","by","By {{partner}}",{"_344":345},"page","Page","signup",{"_124":294,"_348":305,"_349":350,"_59":351,"_267":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362},"plusButtonText","buttonText_fr","Launch your store","Email address","Enter your email address","disclaimerHtml","Try Shopify free for {{trialLength}} days, no credit card required. By entering your email, you agree to receive marketing emails from Shopify.","disclaimerNoLengthHtml","No credit card required. By entering your email, you agree to receive marketing emails from Shopify.","testimonialButtonText","Try Shopify free for {{trialLength}} days","freeTrialCtaHtml","Try Shopify for free, and explore all the tools and services you need to start, run, and grow your business.","signupPaidTrialPromo",{"_363":364,"_365":366,"_367":368,"_369":370,"_371":372},"default_one","Get {{trialLength}} days free then 1 month for {{paidTrialAmount}}.","default_other","Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","disclaimer","By entering your email, you agree to receive marketing emails from Shopify.","disclaimerNoEmail_one","Don’t have a Shopify store? Start free, then get your first month for {{paidTrialAmount}}.","disclaimerNoEmail_other","Don’t have a Shopify store? Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","social",{"_375":376,"_385":386,"_390":391,"_404":405,"_408":409,"_412":413,"_416":417,"_421":422},"facebook",{"_377":378,"_379":380,"_381":382,"_383":384},"text","Facebook","url","https://www.facebook.com/shopify","url_de","https://www.facebook.com/shopifyDE","url_jp","https://www.facebook.com/ShopifyJP","twitter",{"_377":387,"_379":388,"_383":389},"Twitter","https://twitter.com/shopify","https://twitter.com/ShopifyJP","youtube",{"_377":392,"_379":393,"_381":394,"_395":396,"_397":398,"_383":399,"_400":401,"_402":403},"YouTube","https://www.youtube.com/user/shopify","https://www.youtube.com/c/ShopifyDeutsch","url_fr","https://www.youtube.com/c/ShopifyFrançais","url_it","https://www.youtube.com/c/ShopifyItaliano","https://www.youtube.com/c/ShopifyJapan","url_nl","https://www.youtube.com/c/ShopifyNederlands","url_br","https://www.youtube.com/c/ShopifyBrasil","instagram",{"_377":406,"_379":407},"Instagram","https://www.instagram.com/shopify/","tiktok",{"_377":410,"_379":411},"TikTok","https://www.tiktok.com/@shopify","linkedin",{"_377":414,"_379":415},"LinkedIn","https://www.linkedin.com/company/shopify","pinterest",{"_377":418,"_379":419,"_383":420},"Pinterest","https://www.pinterest.com/shopify/","https://www.pinterest.com/shopifyjp/","email",{"_377":423,"_379":424},"Email","mailto:","tableOfContents","Table of Contents","totalApps",6000,"totalThemes",70,"supportedLanguages",50,"totalGateways",100,"totalStores",1700000,"uptime",99.98,"waitlistForm",{"_441":442,"_447":448,"_267":352,"_124":449},"errors",{"_443":444,"_445":446},"general","Something went wrong, try again later","emailFormat","Email is formatted incorrectly","successMessage","Done","Signup","editionsEyebrow",{"_377":452},"Shopify Editions | Winter ’25 is live","sectionErrorBoundary",{"_455":456},"message","This content is not loading due to a technical problem","nav",{"_459":460,"_461":462,"_463":464,"_465":466,"_467":468,"_469":470,"_471":472,"_473":474,"_475":476,"_477":478,"_479":480,"_481":482,"_483":484,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494,"_495":496,"_497":498,"_499":500,"_501":502,"_503":504,"_505":506,"_507":508,"_509":510,"_511":512,"_513":514,"_515":516,"_517":518,"_519":520,"_521":522,"_523":524,"_525":526,"_527":528,"_529":530,"_531":532,"_533":534,"_535":536,"_537":538,"_539":540,"_541":542,"_543":544,"_545":317,"_546":547,"_548":549,"_550":551,"_552":553,"_554":555,"_556":557,"_558":559,"_560":561,"_562":563,"_564":565,"_566":567,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577,"_578":579,"_580":581,"_582":583,"_584":585,"_586":587,"_588":589,"_590":591,"_592":593,"_594":595,"_596":597,"_598":321,"_599":600,"_601":602,"_603":604,"_605":606,"_607":608,"_609":610,"_611":612,"_375":613,"_614":615,"_616":617,"_618":619,"_620":621,"_622":623,"_624":625,"_626":627,"_628":629,"_630":631,"_632":633,"_634":635,"_636":637,"_638":639,"_640":641,"_642":643,"_644":645,"_646":647,"_648":649,"_650":651,"_277":294,"_652":305,"_653":654,"_655":654,"_656":657,"_658":659,"_660":661,"_662":663,"_664":665,"_666":667,"_668":669,"_670":671,"_672":673,"_674":675,"_676":677,"_678":679,"_680":681,"_682":683,"_404":406,"_684":685,"_686":687,"_688":689,"_690":691,"_692":693,"_694":695,"_696":697,"_698":699,"_700":701,"_702":288,"_703":704,"_705":706,"_707":708,"_709":710,"_711":712,"_713":714,"_715":716,"_717":718,"_719":720,"_721":722,"_723":724,"_725":726,"_727":728,"_729":730,"_731":732,"_733":734,"_735":736,"_737":738,"_739":740,"_741":742,"_743":744,"_745":746,"_747":748,"_749":750,"_751":752,"_753":754,"_755":756,"_757":758,"_759":760,"_761":762,"_763":764,"_765":766,"_767":768,"_769":770,"_771":772,"_773":774,"_775":776,"_777":770,"_778":779,"_780":278,"_781":782,"_312":313,"_783":784,"_785":786,"_787":788,"_789":790,"_791":792,"_793":794,"_795":796,"_797":798,"_799":800,"_801":802,"_803":804,"_805":806,"_807":808,"_809":810,"_811":812,"_813":814,"_815":816,"_817":818,"_819":820,"_821":822,"_823":824,"_825":826,"_827":828,"_829":830,"_105":831,"_832":833,"_834":835,"_836":837,"_838":839,"_840":841,"_842":843,"_332":844,"_845":846,"_847":848,"_849":850,"_851":852,"_853":854,"_855":856,"_857":858,"_859":860,"_861":862,"_863":864,"_865":866,"_867":868,"_869":870,"_871":872,"_873":874,"_875":637,"_876":877,"_878":879,"_880":742,"_881":882,"_883":884,"_885":886,"_887":888,"_889":890,"_891":892,"_893":894,"_895":625,"_896":317,"_897":898,"_899":317,"_900":315,"_901":902,"_903":904,"_905":906,"_907":908,"_909":910,"_346":298,"_373":911,"_912":913,"_914":915,"_916":917,"_918":919,"_920":921,"_922":923,"_924":925,"_926":927,"_928":929,"_930":931,"_932":933,"_934":935,"_936":937,"_938":939,"_940":941,"_942":943,"_944":945,"_946":947,"_948":949,"_408":410,"_950":951,"_952":953,"_954":955,"_956":957,"_958":959,"_960":961,"_962":963,"_964":965,"_966":967,"_390":392},"about","About Shopify","academy","Shopify Academy","allFeatures","All features","allProducts","All Products","allProductsDescription","Explore all Shopify products & features","appStore","Find business apps","appStoreDescription","Shopify app store","b2b","Sell wholesale & direct","b2bDescription","Business-to-business (B2B)","balance","Balance","banking","Banking","billPay","Bill Pay","blog","Blog","blogEnterprise","Enterprise Blog","blogMerchants","Merchant Blog","blogRetail","Retail Blog","borrowing","Borrowing","branding","Branding","brandingDescriptionV2","Build your brand from scratch","brandingFlyoutDescription","Look professional and help customers connect with your business","build","Build","burst","Free stock photos","businessEncyclopedia","Business encyclopedia","businessFunding","Secure business funding","businessFundingDescription","Shopify Capital","businessGrowth","Business growth","businessGrowthDescription","Scale your business","businessNameGenerator","Business name generator ","businessPlanTemplate","Business plan template","businessTypes","Business Types","buyButton","Buy Button","buyButtonDescription","Transform an existing website or blog into an online store","buyButtonSubnav","Explore Buy Button","capital","Capital","capitalLoansAndCashAdvances","Large retailer funding","capitalSmallBusiness","Small business funding","cdiscount","Cdiscount","changelog","Changelog","changelogDescription","Your source for recent updates","checkout","Checkout","checkoutDescription","Provide fast, smooth checkout experiences","checkoutDescriptionV2","World-class checkout","checkoutV2","Check out customers","commerceComponents","commerceComponentsDescription","Solutions for the world's largest brands","community","Community","communityEvents","Community Events","compareToPlus","Compare to Plus","compass","Business courses","compassDescription","Learn from proven experts","calculator","Cost calculator","credit","Credit","ctaAlt","Free Trial","docs","Docs","customerInsights","Know your audience","customerInsightsDescription","Gain customer insights","customization","Customization","domains","Domains","domainsAndHosting","Own your site domain","domainsAndHostingDescription","Domains & hosting","dropshipping","Dropshipping","ecommerce","Online store","ecommerceDescription","Online store editor","ecommerceSeo","Ecommerce SEO","ecommerceSeoDescription","Improve your search ranking","ecommerceV2","Create your website","editions","Editions","editionsAll","All Editions","editionsAllDescription","Archive of past Shopify Editions","editionsCurrent","Summer ’24 Edition","editionsLast","editionsLastDescription","The latest 150+ product updates","emailMarketing","Email marketing","encyclopedia","Encyclopedia","essentialTools","Essential tools","examples","Examples","exchange","Websites for sale","experts","Experts","Facebook Shops","facebookAds","Facebook Ads","facebookInstagram","Facebook & Instagram","faq","FAQ","features","Features","financesManagement","Manage your finances & access funding","financesManagementDescription","Shopify Finance","flow","Ecommerce automation","flowDescription","Shopify Flow","flowV2","Automate your business","forums","Shopify Community","founderStories","Founder stories","founderStoriesDescription","Learn from successful merchants","fraudProtection","Fraud Protection","freeBusinessTools","Explore free business tools","freeBusinessToolsDescription","Tools to run your business","freeTools","Free tools","fulfillment","Fulfillment","fulfillmentDescription","Shopify Fulfillment Network","fulfillmentV2","Outsource fulfillment & returns","getInTouch","google","Google","googleSmart","googleYoutube","Google & Youtube","guides","Guides","hardware","Hardware","hardwareStore","Hardware store","helpAndSupport","Help and support","helpAndSupportDescription","Get 24/7 support","helpCenter","Help Center","howToGuides","How-to guides","howToGuidesDescription","Read in-depth business guides","impressumGenerator","Impressum-Generator","inbox","Business chat","inboxDescription","Turn browsers into buyers","inboxDescriptionV2","Shopify Inbox","inboxV2","Chat with customers","installments","Installments","internationalSales","International sales","internationalSalesDescription","Sell globally","inventoryOrderManagement","Manage your stock & orders","inventoryOrderManagementDescription","Inventory & order management","joinNow","Join Now","learn","Learn","lending","Lending","linkInBioTool","Link in bio tool","login","logoMaker","Logo maker","manage","Manage","manageEverything","Manage everything","manageYourBusiness","Manage your business","manageYourBusinessDescription","Track sales, orders & analytics","market","Market","marketDescription","Market your business","marketDescriptionV2","Reach & retain customers","marketing","Marketing","marketingAutomation","Marketing automation","marketingDescription","Build a marketing plan","marketingTools","Marketing tools","marketingToolsDescription","Ads, email campaigns, and more","marketplaces","Online marketplaces","markets","International commerce","marketsDescription","Reach buyers in new markets with international selling tools","measureYourPerformance","Measure your performance","measureYourPerformanceDescription","Analytics and Reporting","midMarket","Mid-market","migrateToShopify","Migrate to Shopify","migrateToShopifyDescription","Compare to other platforms","mobileApp","Mobile app","mobileAppDescription","Respond in real time","moneyManagement","Get paid faster","moneyManagementDescription","Shopify Balance","more","More","newsroom","Newsroom","newsroomDescription","All company news and press releases","onlineFlyoutDescription","Find a domain, explore stock images, and amplify your brand","onlinePresence","Online presence","onlineStoreDescription","Sell online with an ecommerce website","omnichannel","Omnichannel selling","orderManagementAndFulfillment","Order management and delivery","overview","Overview","partners","Partners","payments","Payment processing","paymentsDescription","Set up forms of payment","paymentsOverview","paymentsV2","Accept online payments","pillarDropdownCta","ping","Shopify Ping","plusPricing","Plus Pricing","podcasts","Podcasts","pointOfSale","Point of Sale","pointOfSaleDescription","Point of Sale (POS)","pointOfSaleV2","Sell in person","popularTopics","Popular topics","pos","Shopify POS","posPricing","POS Pricing","posSystemSmallBusiness","Small business POS","posMultiStore","Multi-store POS","posInventorySystem","POS inventory system","posAndroid","Android POS","posIpad","iPad POS","posApp","POS App","posSoftware","POS Software","pricing","Pricing","pricingOverview","Pricing overview","productSourcing","Product sourcing","productSourcingDescription","Find products to sell","productsToSell","Products to sell","qrCodeGenerator","QR code generator","rakuten","Rakuten","research","Research","resources","Resources","Retail POS","retailDescription","Sell at retail locations, pop-ups, and beyond","salesChannels","Sales channels","salesChannelsDescription","Reach millions of shoppers and boost sales","salesChannelsDescriptionV2","Channels for social & marketplaces","salesChannelsV2","Sell across channels","segmentation","Customer groups","Sell","sellEverywhere","Sell everywhere","sellOnline","Sell online","sellOnlineDescription","Grow your business online","sellYourProducts","Sell your products","sellYourProductsDescription","Sell online or in person","shipping","Shipping","shippingDescription","Fulfill orders faster","shippingDescriptionV2","Shopify Shipping","shippingV2","Ship orders faster","inventoryDescription","Inventory management","shop","Shop","shopPay","Shop Pay","shopifyBlog","Shopify blog","shopifyBlogDescription","Business strategy tips","shopifyCaseStudies","Case Studies","shopifyCaseStudiesDescription","shopifyComparison","Shopify comparison","shopifyComparisonDescription","Comparison with other platforms","shopifyMigration","shopifyMigrationDescription","Migration checklists, guides and tools","shopifyDevelopers","Shopify Developers","shopifyDevelopersDescription","Build with Shopify's powerful APIs","shopifyEditions","Shopify Editions","shopifyEditionsDescription","New, innovative Shopify products","shopifyEmail","Nurture customers","shopifyEmailDescription","Shopify Email","shopifyFinance","shopifyGold","shopifyOnlineStore","Shopify Online store","shopifyPlus","shopifyPlusDescription","shopifyPointOfSale","Shopify Point of Sale","shopifySite","shopify.com","shopifyVsBigCommerce","Shopify vs. BigCommerce","shopifyVsSalesforce","Shopify vs. Salesforce","shopifyVsSquare","Shopify vs. Square","Social media","socialDescription","Social media integrations","socialMediaStrategy","Social media strategy","socialMediaStrategyDescription","Turn social into sales","socialV2","Market across social","solutions","Solutions","staffManagement","Staff management","start","Start","startYourBusiness","Start your business","startYourBusinessDescription","Build your brand","stockPhotography","Stock photography","storeSetup","Store set up","storeSetupDescription","Use Shopify’s powerful features to start selling","storeThemes","Store themes","storeThemesDescription","Customize your store","successStories","Success stories","tax","Tax","termLoans","Term Loans","themeStore","Theme store","themes","Themes","upgradeToPlus","Upgrade to Plus","videos","Videos","walmart","Walmart Marketplace","waysToSell","Ways to sell","webAddress","Domain name","websiteBuilder","Website Builder","whatIsShopify","What is Shopify?","whatIsShopifyDescription","How our commerce platform works","whatsNew","What’s new",{"_459":969,"_970":460,"_971":972,"_973":974,"_975":976,"_977":978,"_979":980,"_981":982,"_469":983,"_984":985,"_483":484,"_986":987,"_988":989,"_990":991,"_992":993,"_513":994,"_501":995,"_519":520,"_525":526,"_996":997,"_545":998,"_999":1000,"_1001":1002,"_1003":1004,"_1005":1006,"_1007":1008,"_1009":1010,"_1011":1012,"_1013":1014,"_1015":1016,"_1017":1018,"_572":573,"_578":1019,"_580":1020,"_1021":1022,"_1023":1024,"_1025":1026,"_421":423,"_607":608,"_611":1027,"_1028":961,"_620":621,"_632":633,"_646":647,"_1029":1030,"_1031":1032,"_660":661,"_1033":1034,"_1035":1036,"_668":669,"_1037":1038,"_1039":1040,"_1041":1042,"_1043":1044,"_1045":1046,"_1047":1048,"_1049":1050,"_1051":1052,"_1053":1054,"_1055":1056,"_1057":1058,"_1059":1060,"_771":772,"_773":1061,"_1062":1063,"_1064":1065,"_787":788,"_1066":621,"_811":812,"_1067":1068,"_1069":1070,"_1071":1072,"_1073":1074,"_1075":1076,"_827":828,"_829":1077,"_1078":788,"_847":1079,"_1080":1081,"_1082":1083,"_1084":1085,"_1086":649,"_855":856,"_865":866,"_867":868,"_308":309,"_1087":462,"_1088":1089,"_1090":1027,"_1091":1092,"_896":317,"_1093":1094,"_899":1095,"_1096":1097,"_1098":1099,"_373":1100,"_1101":1102,"_920":921,"_1103":949,"_936":1104,"_1105":1106,"_1107":1108,"_1109":1110,"_1111":1112,"_946":1113,"_1114":1115,"_948":949,"_1116":1117,"_1118":1119,"_1120":1121,"_93":1122,"_1123":1124},"About","aboutShopify","accessibility","Accessibility","affiliateProgram","Affiliate Program","affiliates","Affiliates","apiDocs","API Documentation","appDemo","App Demo","appDeveloperProgram","App Developers","App Store","ar","Shopify AR","blogTopics","Blog Topics","brand","Brand","buildBlack","Build Black","buildNative","Build Native","Business Name Generator ","Free Stock Photos","careers","Careers","Commerce Components","company","Company","companyInfo","Company Info","contact","Contact","contactShopify","Contact Shopify","countrySelect","Change your country or region.","countrySelectHeading","Country/region","devDegree","Dev Degree","developers","Developers","documentation","Shopify Help Center","domainNames","Domain Names","Dropshipping Business","Online Store","ecommerceHosting","Ecommerce Hosting","ecommerceSoftware","Ecommerce Software","economicGrowth","Economic Growth","Shopify Partners","featureTour","gaming","Gaming","globalImpact","Global Impact","hatchful","Hatchful","heading","More resources","hireAnExpert","Hire a Partner","investors","Investors","leadership","Leadership","legal","Legal","linkpop","Linkpop","logoGenerator","Logo Maker","managePrivacy","Manage Privacy","merchantSupport","Merchant Support","mobileCommerce","Mobile Commerce","onlineStore","Ecommerce Website","onlineStoreBuilder","Online Store Builder","partnerProgram","Partner Program","Payments","phoneNumber","1-888-329-0139","platform","Platform","posFeatures","pressAndMedia","Press and Media","pressReleases","Press Releases","privacyChoices","Privacy Choices","privacyPolicy","Privacy Policy","products","Products","Support","sellInStore","Sell Online","sellOnlineTour","Online Retail","serviceStatus","Service Status","setUp","Setup","sfn","shopifyAcademy","shopifyEvents","Shopify Events","shopifyExperts","shopifyForEnterprise","Shopify for Enterprise","shopifyLite","Shopify Lite","Shopify Plus","shoppingCart","Shopping Cart","sitemap","Sitemap","Social","socialImpact","Social Impact","storeDesign","Store Themes","support","24/7 support","supportLimited","Customer Support","sustainability","Sustainability","termsOfService","Terms of Service","Theme Store","themeSupport","Theme Support","tools","Free Tools","topics","Topics","trustSealsAccessibilityText","Use Shopify with confidence. Our platform has been assessed and certified by:","Video","videoTutorials","Video Tutorials","site",["SingleFetchClassInstance",1127],{"_1128":1129,"_1130":1131,"_1132":7,"_1133":7,"_1134":1135,"_1136":1137,"_620":1138,"_1151":204,"_1152":11,"_1153":-7,"_1154":-7},"domain","www.shopify.co.za","countryCode","ZA","hreflang","locale","baseEnDomain",true,"currencyCode","ZAR",[483,1139,1140,653,1141,1142,312,1143,795,1144,1145,1146,1147,1148,1149,1150],"enterprise_blog","facebook_instagram","lite_plan","starter_plan","localized_help_center","sitemap_blog","sitemap_blog_retail","sitemap_enterprise","sitemap_tools","support_24_7","google_buy","global_page_title","pathPrefix","languageCode","preferredLanguage","inactive","($locale)~~layout",{"_1157":1158,"_1365":-5},"mainNavData",[1159,1277,1281,1348,1352],{"_1160":921,"_1161":1162,"_1167":1168},"content","data",{"_1163":1164,"_1165":1166},"gaEvent","Main Nav","gaAction","Online Solutions","navItems",[1169,1198,1223,1244,1263],{"_1160":925,"_1161":1170,"_1172":1173,"_1174":1175,"_1176":499,"_1167":1177},{"_1163":1164,"_1165":1171},"Build Nav","columnStart",1,"columnSpan",3,"icon",[1178,1183,1186,1189,1192,1195],{"_1160":927,"_379":1179,"_1180":1135,"_1161":1181,"_1182":929},"/za/start","separated",{"_1163":1164,"_1165":925},"description",{"_1160":589,"_379":1184,"_1161":1185,"_1182":583},"/za/website/builder",{"_1163":1164,"_1165":589},{"_1160":939,"_379":1187,"_1161":1188,"_1182":937},"https://themes.shopify.com/",{"_1163":1164,"_1165":939},{"_1160":470,"_379":1190,"_1161":1191,"_1182":472},"https://apps.shopify.com/",{"_1163":1164,"_1165":470},{"_1160":575,"_379":1193,"_1161":1194,"_1182":577},"/za/domains",{"_1163":1164,"_1165":575},{"_1160":641,"_379":1196,"_1161":1197,"_1182":643},"/za/tools",{"_1163":1164,"_1165":641},{"_1160":844,"_1161":1199,"_1172":1201,"_1174":1175,"_1176":332,"_1167":1202},{"_1163":1164,"_1165":1200},"Sell Nav",4,[1203,1206,1209,1213,1216,1219],{"_1160":852,"_379":1204,"_1180":1135,"_1161":1205,"_1182":854},"/za/sell",{"_1163":1164,"_1165":852},{"_1160":848,"_379":1207,"_1161":1208,"_1182":850},"/za/online",{"_1163":1164,"_1165":848},{"_1160":841,"_379":1210,"_1161":1211,"_1182":837},"/za/channels",{"_1163":1164,"_1165":1212},"Sell on across channels",{"_1160":792,"_379":1214,"_1161":1215,"_1182":790},"/za/pos",{"_1163":1164,"_1165":792},{"_1160":689,"_379":1217,"_1161":1218,"_1182":687},"/za/international",{"_1163":1164,"_1165":689},{"_1160":474,"_379":1220,"_1161":1221,"_1182":476},"/za/plus/solutions/b2b-ecommerce",{"_1163":1164,"_1165":1222},"Sell wholesale and direct",{"_1160":714,"_1161":1224,"_1172":1226,"_1174":1175,"_1176":713,"_1167":1227},{"_1163":1164,"_1165":1225},"Market Nav",7,[1228,1231,1234,1237,1240],{"_1160":716,"_379":1229,"_1180":1135,"_1161":1230,"_1182":718},"/za/marketing",{"_1163":1164,"_1165":716},{"_1160":919,"_379":1232,"_1161":1233,"_1182":913},"/za/facebook-instagram",{"_1163":1164,"_1165":919},{"_1160":683,"_379":1235,"_1161":1236,"_1182":681},"/za/inbox",{"_1163":1164,"_1165":676},{"_1160":892,"_379":1238,"_1161":1239,"_1182":894},"/za/email-marketing",{"_1163":1164,"_1165":894},{"_1160":567,"_379":1241,"_1161":1242,"_1182":569},"/za/segmentation",{"_1163":1164,"_1165":1243},"Know your customers",{"_1160":706,"_1161":1245,"_1172":1247,"_1174":1175,"_1176":705,"_1167":1248},{"_1163":1164,"_1165":1246},"Manage Nav",10,[1249,1252,1256,1260],{"_1160":710,"_379":1250,"_1180":1135,"_1161":1251,"_1182":712},"/za/manage",{"_1163":1164,"_1165":710},{"_1160":736,"_379":1253,"_1161":1254,"_1182":738},"/za/analytics",{"_1163":1164,"_1165":1255},"Measure your Performance",{"_1160":691,"_379":1257,"_1161":1258,"_1182":693},"/za/orders",{"_1163":1164,"_1165":1259},"Organize inventory and orders",{"_1160":631,"_379":1261,"_1161":1262,"_1182":629},"/za/flow",{"_1163":1164,"_1165":631},{"_1264":1135,"_1172":1173,"_1174":1265,"_1167":1266},"aside",12,[1267,1270,1273],{"_1160":884,"_379":1268,"_1161":1269,"_1182":886,"_1174":1175},"https://shopify.dev",{"_1163":1164,"_1165":884},{"_1160":313,"_379":1271,"_1161":1272,"_1182":315,"_1174":1175},"/za/plus",{"_1163":1164,"_1165":1095},{"_1160":466,"_379":1274,"_1161":1275,"_1182":468,"_1174":1175},"/za/products",{"_1163":1164,"_1165":1276},"All products",{"_1160":814,"_379":1278,"_1161":1279},"/za/pricing",{"_1163":1164,"_1165":1280},"Pricing Nav",{"_1160":830,"_1161":1282,"_1167":1284},{"_1163":1164,"_1165":1283},"Resources Nav",[1285,1301,1329],{"_1160":665,"_1161":1286,"_1172":1173,"_1174":1175,"_1176":664,"_1167":1288},{"_1163":1164,"_1165":1287},"Help and support Nav",[1289,1292,1295,1298],{"_1160":665,"_379":1290,"_1161":1291,"_1182":667},"https://help.shopify.com/en/",{"_1163":1164,"_1165":665},{"_1160":671,"_379":1293,"_1161":1294,"_1182":673},"/za/blog/topics/guides",{"_1163":1164,"_1165":671},{"_1160":555,"_379":1296,"_1161":1297,"_1182":557},"https://academy.shopify.com",{"_1163":1164,"_1165":555},{"_1160":870,"_379":1299,"_1161":1300,"_1182":872},"/za/blog",{"_1163":1164,"_1165":870},{"_1160":794,"_1161":1302,"_1172":1201,"_1174":1304,"_1305":1135,"_1176":793,"_1167":1306},{"_1163":1164,"_1165":1303},"Popular topics Nav",6,"splitColumns",[1307,1310,1314,1317,1320,1323,1326],{"_1160":963,"_379":1308,"_1161":1309,"_1182":965},"/za/blog/what-is-shopify",{"_1163":1164,"_1165":963},{"_1160":635,"_379":1311,"_1161":1312,"_1182":637},"/za/blog/topics/founder-stories",{"_1163":1164,"_1165":1313},"Founder Stories",{"_1160":494,"_379":1315,"_1161":1316,"_1182":496},"/za/blog/how-to-build-a-brand",{"_1163":1164,"_1165":494},{"_1160":720,"_379":1318,"_1161":1319,"_1182":724},"/za/blog/marketing-plan",{"_1163":1164,"_1165":720},{"_1160":585,"_379":1321,"_1161":1322,"_1182":587},"/za/blog/ecommerce-seo-beginners-guide",{"_1163":1164,"_1165":585},{"_1160":915,"_379":1324,"_1161":1325,"_1182":917},"/blog/social-media-marketing-strategy",{"_1163":1164,"_1165":915},{"_1160":510,"_379":1327,"_1161":1328,"_1182":512},"/za/blog/how-to-scale-small-business",{"_1163":1164,"_1165":510},{"_1160":606,"_1161":1330,"_1172":1247,"_1174":1175,"_1264":1135,"_1176":605,"_1167":1332},{"_1163":1164,"_1165":1331},"Essential tools Nav",[1333,1336,1339,1342,1345],{"_1160":704,"_379":1334,"_1161":1335},"/tools/logo-maker",{"_1163":1164,"_1165":704},{"_1160":931,"_379":1337,"_1161":1338},"https://www.shopify.com/stock-photos",{"_1163":1164,"_1165":931},{"_1160":516,"_379":1340,"_1161":1341},"/za/blog/business-plan-template",{"_1163":1164,"_1165":516},{"_1160":701,"_379":1343,"_1161":1344},"https://www.linkpop.com/",{"_1163":1164,"_1165":701},{"_1160":824,"_379":1346,"_1161":1347},"/tools/qr-code-generator",{"_1163":1164,"_1165":824},{"_1160":317,"_379":1349,"_1161":1350},"/za/enterprise",{"_1163":1164,"_1165":1351},"Upmarket Enterprise CTA",{"_1160":967,"_1161":1353,"_1167":1355},{"_1163":1164,"_1165":1354},"What's New",[1356],{"_1357":1135,"_1172":1173,"_1174":1265,"_1167":1358},"simple",[1359,1362],{"_1160":534,"_379":1360,"_1161":1361,"_1182":536,"_1174":1175,"_1176":533},"https://changelog.shopify.com",{"_1163":1164,"_1165":534},{"_1160":756,"_379":1363,"_1161":1364,"_1182":758,"_1174":1175,"_1176":755},"https://shopify.com/news",{"_1163":1164,"_1165":756},"segments","($locale)/partners/blog/authors/$author",{"_379":1368,"_1369":1368,"_1370":904,"_1371":1372,"_1373":1374,"_1375":1376,"_1377":1372,"_1378":1372,"_1125":1126,"_1379":1380,"_1381":-7,"_1382":1383,"_1444":1445,"_1446":1447,"_1448":1391,"_1449":1450,"_1587":-7,"_813":1588,"_1616":1617,"_1667":1668,"_1677":1678,"_1684":-7,"_1685":1686},"https://www.shopify.com/za/partners/blog/authors/francine-navarro","canonicalUrl","rootDomain","experimentVariationId","","banditAssignments",[],"realCountryCode","US","geoCountryCode","regionCode","fileRoutePath","/partners/blog/authors/$author","pricingSite","regions",[1384,1395,1400,1404,1408,1412,1416,1420,1424,1428,1432,1436,1437,1442],{"_1128":1129,"_1130":1385,"_1386":1387,"_1132":1388,"_59":133,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"AU","href","https://www.shopify.com/au/partners/blog/authors/francine-navarro","en-AU","lang","base",false,"selector","isActive","published",{"_1128":1129,"_1130":1396,"_1386":1397,"_1132":1398,"_59":1399,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"CA","https://www.shopify.com/ca/partners/blog/authors/francine-navarro","en-CA","Canada (English)",{"_1128":1129,"_1130":1401,"_1386":1402,"_1132":1403,"_59":160,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"HK","https://www.shopify.com/hk-en/partners/blog/authors/francine-navarro","en-HK",{"_1128":1129,"_1130":1405,"_1386":1406,"_1132":1407,"_59":166,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"IN","https://www.shopify.com/in/partners/blog/authors/francine-navarro","en-IN",{"_1128":1129,"_1130":1409,"_1386":1410,"_1132":1411,"_59":162,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"ID","https://www.shopify.com/id/partners/blog/authors/francine-navarro","en-ID",{"_1128":1129,"_1130":1413,"_1386":1414,"_1132":1415,"_59":164,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"IE","https://www.shopify.com/ie/partners/blog/authors/francine-navarro","en-IE",{"_1128":1129,"_1130":1417,"_1386":1418,"_1132":1419,"_59":174,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"MY","https://www.shopify.com/my/partners/blog/authors/francine-navarro","en-MY",{"_1128":1129,"_1130":1421,"_1386":1422,"_1132":1423,"_59":184,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"NZ","https://www.shopify.com/nz/partners/blog/authors/francine-navarro","en-NZ",{"_1128":1129,"_1130":1425,"_1386":1426,"_1132":1427,"_59":178,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"NG","https://www.shopify.com/ng/partners/blog/authors/francine-navarro","en-NG",{"_1128":1129,"_1130":1429,"_1386":1430,"_1132":1431,"_59":186,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"PH","https://www.shopify.com/ph/partners/blog/authors/francine-navarro","en-PH",{"_1128":1129,"_1130":1433,"_1386":1434,"_1132":1435,"_59":194,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"SG","https://www.shopify.com/sg/partners/blog/authors/francine-navarro","en-SG",{"_1128":1129,"_1130":1131,"_1386":1368,"_1132":7,"_59":205,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1135,"_1394":1135},{"_1128":1129,"_1130":1438,"_1386":1439,"_1132":1440,"_59":1441,"_1389":11,"_1390":1391,"_1392":1135,"_1393":1391,"_1394":1135},"GB","https://www.shopify.com/uk/partners/blog/authors/francine-navarro","en-GB","United Kingdom",{"_1128":1129,"_1130":1376,"_1386":1443,"_1132":11,"_59":148,"_1389":11,"_1390":1135,"_1392":1135,"_1393":1391,"_1394":1135},"https://www.shopify.com/partners/blog/authors/francine-navarro","enPath","/partners/blog/authors/francine-navarro","handle","partners-blog-author","geoPricingIsEnabled","translations",{"_7":1451,"_11":1461},{"_9":1452,"_1453":1454,"_1455":1456,"_1457":1458,"_1459":1460},{},"pages/partners/blog/blogSubNav",{},"pages/partners/blog/content",{},"pages/partners/blog/authors/$author/content",{},"pages/partners/blog/authors/$author/settings",{},{"_1457":1462,"_1459":1463,"_1453":1464,"_1455":1491,"_9":1544},{},{},{"_1465":1466},"subNav",{"_335":484,"_1467":41,"_1468":1469,"_1470":1471,"_1477":1478},"pageTitle","overviewText","Homepage","links",{"_1472":874,"_1473":1474,"_1475":1476,"_753":754},"caseStudies","shopifyNews","Shopify News","latest","Latest","subLinks",{"_1479":1480,"_1481":1482,"_1483":1484,"_1485":1486,"_1487":1488,"_1489":1490},"appDevelopment","App development","shopifyThemeDevelopment","Shopify Theme Development","frontEndDevelopment","Front End Development","inspirationCreativity","Inspiration & Creativity","findingNewClients","Finding New Clients","seeAllTopics","See All topics",{"_1492":1493,"_1497":1498,"_1507":1508,"_1514":1515,"_1518":1517,"_1519":1520,"_1522":1523,"_1529":1530,"_1539":1540,"_1542":1543},"htmlHead",{"_1467":1494,"_1495":1496},"Ecommerce Partners Marketing Blog - Become a Shopify partner. Unlock revenue opportunities.","metaDescription","A blog about ecommerce marketing, running an online business and updates to Shopify's ecommerce community.","authorSection",{"_1499":1500,"_1501":1502,"_1503":1504,"_1505":1506},"byAuthor","by {{authorName}}","byAuthor_withLink","by {{authorName}}","minutesToRead_one","{{minutes}} minute read","minutesToRead_other","{{minutes}} minutes read","conversionCta",{"_1509":1510,"_1511":1512,"_124":1513},"headingFirstRow","Become a Shopify Partner.","subheadSecondRow","Unlock business growth.","Join Today","latestArticles",{"_1035":1476,"_54":1516},{"_377":1517},"See all","carouselSeeAllLinkText","mostRead",{"_1035":1521},"Popular Articles","conversion",{"_1524":1525,"_1526":1527,"_353":1528},"headingHtml","Let’s grow your digital business","subheadHtml","Get design inspiration, development tips, and practical takeaways delivered straight to your inbox.","No charge. Unsubscribe anytime.","conversionSubscription",{"_1507":1531},{"_377":1532,"_1533":1534,"_59":1535,"_447":1536},"Get updates","emailPlaceholder","Email here","Subscription",{"_1035":1537,"_126":1538},"Thank you for subscription!","Check your email for instructions.","sellAnywhere",{"_1524":1541,"_124":1513},"Grow your business with the Shopify Partner Program","authorTitle","Author",{"_14":15,"_16":1545,"_101":1555,"_118":1557,"_130":1558,"_206":1559,"_239":1560,"_253":1561,"_260":1562,"_271":1565,"_322":323,"_324":325,"_326":284,"_52":327,"_328":1567,"_332":1568,"_308":309,"_74":1569,"_346":1570,"_373":1572,"_425":426,"_427":428,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":1581,"_450":1583,"_453":1584,"_457":1585,"_30":1586},{"_18":19,"_20":1546,"_30":1547,"_38":1548,"_48":1549,"_52":53,"_54":1550,"_61":62,"_63":1551,"_68":69,"_70":71,"_72":73,"_74":1552,"_78":79,"_80":81,"_82":1553,"_92":93,"_93":1554},{"_22":20,"_23":23,"_24":25,"_26":27,"_28":29},{"_32":33,"_34":35,"_36":37},{"_40":41,"_42":43,"_44":45,"_46":47},{"_50":51},{"_56":57,"_36":58,"_59":60},{"_18":65,"_66":67},{"_70":76,"_68":77},{"_84":85,"_86":87,"_68":88,"_70":89,"_26":90,"_28":91},{"_26":95,"_28":96,"_97":98,"_99":100},{"_103":104,"_105":1556},{"_107":108,"_109":110,"_111":112,"_113":114,"_115":116,"_117":114},{"_120":121,"_122":123,"_124":125,"_126":127,"_128":129},{"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147,"_11":148,"_149":150,"_151":152,"_153":154,"_155":156,"_157":158,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":148,"_202":203,"_204":205},{"_208":209,"_210":211,"_151":212,"_11":213,"_149":214,"_153":215,"_155":216,"_167":217,"_218":219,"_220":221,"_222":223,"_179":224,"_187":225,"_189":226,"_227":228,"_229":230,"_195":231,"_197":232,"_233":234,"_235":236,"_237":238},{"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},{"_241":255,"_243":256,"_245":257,"_247":258,"_249":250,"_251":259},{"_262":1563},{"_264":1564},{"_59":266,"_267":268,"_269":270},{"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":300,"_304":305,"_306":1566,"_320":321},{"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319},{"_330":331},{"_38":334,"_335":336,"_337":338,"_339":340,"_341":342},{"_344":345},{"_124":294,"_348":305,"_349":350,"_59":351,"_267":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":1571},{"_363":364,"_365":366,"_367":368,"_369":370,"_371":372},{"_375":1573,"_385":1574,"_390":1575,"_404":1576,"_408":1577,"_412":1578,"_416":1579,"_421":1580},{"_377":378,"_379":380,"_381":382,"_383":384},{"_377":387,"_379":388,"_383":389},{"_377":392,"_379":393,"_381":394,"_395":396,"_397":398,"_383":399,"_400":401,"_402":403},{"_377":406,"_379":407},{"_377":410,"_379":411},{"_377":414,"_379":415},{"_377":418,"_379":419,"_383":420},{"_377":423,"_379":424},{"_441":1582,"_447":448,"_267":352,"_124":449},{"_443":444,"_445":446},{"_377":452},{"_455":456},{"_459":460,"_461":462,"_463":464,"_465":466,"_467":468,"_469":470,"_471":472,"_473":474,"_475":476,"_477":478,"_479":480,"_481":482,"_483":484,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494,"_495":496,"_497":498,"_499":500,"_501":502,"_503":504,"_505":506,"_507":508,"_509":510,"_511":512,"_513":514,"_515":516,"_517":518,"_519":520,"_521":522,"_523":524,"_525":526,"_527":528,"_529":530,"_531":532,"_533":534,"_535":536,"_537":538,"_539":540,"_541":542,"_543":544,"_545":317,"_546":547,"_548":549,"_550":551,"_552":553,"_554":555,"_556":557,"_558":559,"_560":561,"_562":563,"_564":565,"_566":567,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577,"_578":579,"_580":581,"_582":583,"_584":585,"_586":587,"_588":589,"_590":591,"_592":593,"_594":595,"_596":597,"_598":321,"_599":600,"_601":602,"_603":604,"_605":606,"_607":608,"_609":610,"_611":612,"_375":613,"_614":615,"_616":617,"_618":619,"_620":621,"_622":623,"_624":625,"_626":627,"_628":629,"_630":631,"_632":633,"_634":635,"_636":637,"_638":639,"_640":641,"_642":643,"_644":645,"_646":647,"_648":649,"_650":651,"_277":294,"_652":305,"_653":654,"_655":654,"_656":657,"_658":659,"_660":661,"_662":663,"_664":665,"_666":667,"_668":669,"_670":671,"_672":673,"_674":675,"_676":677,"_678":679,"_680":681,"_682":683,"_404":406,"_684":685,"_686":687,"_688":689,"_690":691,"_692":693,"_694":695,"_696":697,"_698":699,"_700":701,"_702":288,"_703":704,"_705":706,"_707":708,"_709":710,"_711":712,"_713":714,"_715":716,"_717":718,"_719":720,"_721":722,"_723":724,"_725":726,"_727":728,"_729":730,"_731":732,"_733":734,"_735":736,"_737":738,"_739":740,"_741":742,"_743":744,"_745":746,"_747":748,"_749":750,"_751":752,"_753":754,"_755":756,"_757":758,"_759":760,"_761":762,"_763":764,"_765":766,"_767":768,"_769":770,"_771":772,"_773":774,"_775":776,"_777":770,"_778":779,"_780":278,"_781":782,"_312":313,"_783":784,"_785":786,"_787":788,"_789":790,"_791":792,"_793":794,"_795":796,"_797":798,"_799":800,"_801":802,"_803":804,"_805":806,"_807":808,"_809":810,"_811":812,"_813":814,"_815":816,"_817":818,"_819":820,"_821":822,"_823":824,"_825":826,"_827":828,"_829":830,"_105":831,"_832":833,"_834":835,"_836":837,"_838":839,"_840":841,"_842":843,"_332":844,"_845":846,"_847":848,"_849":850,"_851":852,"_853":854,"_855":856,"_857":858,"_859":860,"_861":862,"_863":864,"_865":866,"_867":868,"_869":870,"_871":872,"_873":874,"_875":637,"_876":877,"_878":879,"_880":742,"_881":882,"_883":884,"_885":886,"_887":888,"_889":890,"_891":892,"_893":894,"_895":625,"_896":317,"_897":898,"_899":317,"_900":315,"_901":902,"_903":904,"_905":906,"_907":908,"_909":910,"_346":298,"_373":911,"_912":913,"_914":915,"_916":917,"_918":919,"_920":921,"_922":923,"_924":925,"_926":927,"_928":929,"_930":931,"_932":933,"_934":935,"_936":937,"_938":939,"_940":941,"_942":943,"_944":945,"_946":947,"_948":949,"_408":410,"_950":951,"_952":953,"_954":955,"_956":957,"_958":959,"_960":961,"_962":963,"_964":965,"_966":967,"_390":392},{"_459":969,"_970":460,"_971":972,"_973":974,"_975":976,"_977":978,"_979":980,"_981":982,"_469":983,"_984":985,"_483":484,"_986":987,"_988":989,"_990":991,"_992":993,"_513":994,"_501":995,"_519":520,"_525":526,"_996":997,"_545":998,"_999":1000,"_1001":1002,"_1003":1004,"_1005":1006,"_1007":1008,"_1009":1010,"_1011":1012,"_1013":1014,"_1015":1016,"_1017":1018,"_572":573,"_578":1019,"_580":1020,"_1021":1022,"_1023":1024,"_1025":1026,"_421":423,"_607":608,"_611":1027,"_1028":961,"_620":621,"_632":633,"_646":647,"_1029":1030,"_1031":1032,"_660":661,"_1033":1034,"_1035":1036,"_668":669,"_1037":1038,"_1039":1040,"_1041":1042,"_1043":1044,"_1045":1046,"_1047":1048,"_1049":1050,"_1051":1052,"_1053":1054,"_1055":1056,"_1057":1058,"_1059":1060,"_771":772,"_773":1061,"_1062":1063,"_1064":1065,"_787":788,"_1066":621,"_811":812,"_1067":1068,"_1069":1070,"_1071":1072,"_1073":1074,"_1075":1076,"_827":828,"_829":1077,"_1078":788,"_847":1079,"_1080":1081,"_1082":1083,"_1084":1085,"_1086":649,"_855":856,"_865":866,"_867":868,"_308":309,"_1087":462,"_1088":1089,"_1090":1027,"_1091":1092,"_896":317,"_1093":1094,"_899":1095,"_1096":1097,"_1098":1099,"_373":1100,"_1101":1102,"_920":921,"_1103":949,"_936":1104,"_1105":1106,"_1107":1108,"_1109":1110,"_1111":1112,"_946":1113,"_1114":1115,"_948":949,"_1116":1117,"_1118":1119,"_1120":1121,"_93":1122,"_1123":1124},"minervaUser",{"_1589":1590,"_1591":1592,"_1593":1594,"_1595":1596,"_1597":1598,"_1599":1600,"_1601":1175,"_1602":1603,"_1604":1605,"_1606":1607,"_1611":1612,"_1614":1175,"_1615":1598},"annualDiscountPercentage",25,"basicAnnualPrice","$19.00 USD","googleCountryOffer","R6,000","minimumMonthlyPrice","$5","minimumMonthlyPriceCurrency","USD","paidTrialAmount","$1","paidTrialMonths","posProPriceUsd","$89","posRetailLocations","1,000","promoAmount",{"_1608":1173,"_1136":1598,"_1609":1610},"amount","currencySymbol","$","signupTypes",[1613],"paid_trial_experience","trialLength","usd","articles",[1618],{"_1619":1620,"_161":1621,"_1446":1622,"_335":1623,"_1624":1625,"_1626":-5,"_1627":1628,"_126":1630,"_1631":1632,"_1633":1634,"_1635":1636,"_1639":1640,"_1646":1647,"_1657":1658,"_1659":1660,"_1661":-7,"_1662":-7,"_1663":-7,"_1664":1665,"_1666":1625},"__typename","Article","gid://shopify/Article/384444235810","keyboard-accessibility","5 Steps to Design Apps with Keyboard Accessibility in Mind","publishedAt","2021-08-02T21:02:41Z","image","tags",[1629],"Shopify App Development"," $\"keyboard$ \n

When we think about the “average” user, we tend to imagine them using a mouse or trackpad when they’re on their computer. But, what if their preferred or only option was to use a keyboard? Have you considered designing your apps with keyboard accessibility in mind?

There are many reasons someone might not want to, or be able to operate a mouse or trackpad to use their computer. They may have permanent, chronic, or temporary conditions that limit their dexterity or muscle control, causing sensitivity in their wrists or hands, or making it difficult to follow the mouse cursor on a screen. They could also be “power users” looking for more shortcuts to streamline their workflows. In any of these cases, keyboards might be an individual’s preferred or necessary means of interacting with technology.

In this article, you’ll learn about keyboard accessibility guidelines, as well as five steps to keep in mind when designing apps to make sure that they are keyboard accessible.

Register now for the Shopify App Challenge 2021

Build something extraordinary. Reimagine commerce.

Join our app challenge and build in public with us! Solve interesting problems through creativity and innovation and help merchants win BFCM.

\nRegister Now\n

How does keyboard accessibility work?

If an app is keyboard accessible, that means people have the option of using only a keyboard to operate control elements. Control elements are any interactive components on the page, like buttons, links, form inputs, videos, and other interactive content.

Keyboard navigation basics

Here are some basic keys used for keyboard navigation:

\nNavigating to the next control element: Tab (or the right or down arrow key for related radio buttons and select options)
\nNavigating to the previous control element: Shift + Tab (or the left or up arrow key for related radio buttons and select options)
\nClicking a control element: Enter and/or spacebar
\nNavigating between related radio buttons or select options: Arrow keys

You can learn more in this article on standard keyboard behaviors for HTML elements.

Focus order

The sequence in which control elements can respond to keyboard events is known as focus order. When an element is focused, you can interact with it using certain keyboard controls. When an element loses focus, it becomes blurred. Browsers render default focus states to help users keep track of which element is currently in focus.

You might also like: Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible.

Keyboard accessibility and the Web Content Accessibility Guidelines (WCAG)

The Web Content Accessibility Guidelines (WCAG) outline three levels of compliance—Level A, Level AA, and Level AAA—that have been adopted as standards for regional or national web accessibility laws around the world.

Keyboard accessibility is one of the success criteria for Level A compliance. Level A criteria describe must-have features for all web content. They’re also considered the easiest to implement.

\"Keyboard accessibility is also easy to get wrong if we’re not careful.\"

That said, keyboard accessibility is also easy to get wrong if we’re not careful. Here are examples of common keyboard accessibility issues found on the web:

Imperceptible focus states
Incorrect focus order
Interactive elements that can’t receive focus
Complex components that don’t pick up keyboard interactions

Fortunately, there are a lot of techniques we can use to keep keyboard users in mind and avoid making these mistakes in our own apps.

5 steps for building keyboard accessible apps

1. Design intuitive interactions

When we render simple control elements without customized behaviors, we can usually leverage their built-in keyboard accessibility features. But, if we don't know the standard keyboard behaviors associated with buttons, links, or inputs, we may inadvertently create confusing experiences for keyboard users.

\"If we don't know the standard keyboard behaviors associated with buttons, links, or inputs, we may inadvertently create confusing experiences for keyboard users.\"

For example, developers sometimes use CSS to hide native HTML radio buttons in favor of more stylized visuals. It’s not obvious that the inputs are radio buttons behind the scenes, so keyboard users may not realize they should use the arrow keys—not the Tab key—to shift focus between the related options.

To avoid this issue, we should display something that at least resembles the native HTML element to provide visual cues for anyone who wants or needs to interact with it using a keyboard.

2. Build your app so that a keyboard can do everything a mouse can

Be aware of elements that don’t come with built-in keyboard accessibility features. Layout elements, lists, tables, headers, paragraphs, and non-semantic HTML tags don’t support keyboard shortcuts by default. And yet, they’re frequently used to build more complex components, like tabs, drag-and-drop lists, or modals.

JavaScript enables us to add event listeners that make non-control elements respond to mouse clicks or gestures. In React, for example, we can use the onClick prop to add interactivity to a list item element.

<li onClick={moveItem}>{item.name}</li>

Whenever we add interactivity to non-control elements, we need to set their tabIndex attribute to 0. This will allow the element to receive focus in the correct focus order when the Tab key is pressed. We also need to implement keypress or keydown event handlers to register “clicks” via the Enter key and/or the Spacebar (links can be clicked using both, while buttons only support the Enter key).

<li onClick={moveItem} tabIndex=”0”>{item.name}</li>

We can avoid some of this extra work by using controls like anchor tags or button elements instead. We can always use CSS to override default link and button styles, and make the interactive element span the entire width of its non-interactive parent to maximize the target area.

<li> \n<button onClick={moveItem}>{item.name}</button> \n</li>

Whether or not we use control elements for non-native features, we may still need to add event listeners for the arrow keys (to navigate between tabs in a tab component) or the Escape key (to close an overlay) to make our component 100 percent keyboard accessible.

If we implement non-standard keyboard behaviors for a more complex component, it’s helpful to provide visible instructions describing the keyboard controls people can use to interact with the component.

3. Do the extra work when overriding default focus order

Focus order is another WCAG requirement that is closely related to keyboard accessibility. To meet Level A criteria, the focus order should be consistent with the visual sequence of interactive elements on the page. Keyboard users should be able to navigate through control elements on the screen from top to bottom and in the same horizontal direction as your text content (left to right, or right to left).

The easiest way to meet this criteria is to leave the default focus order, which is determined by the sequence in which elements are arranged in the markup, as it is. We run the risk of failing to meet this criteria when we introduce discrepancies between the visual order of control elements and the way they’re laid out in the source code.

You might also like: Building an Accessible Breadcrumb Navigation with Liquid and Shopify.

If we use the screenshot above as an example, let’s say we wanted the “Update tags” card to switch positions with the “Update description” card when they stack for narrower viewports. If the cards are rendered as flex items, we might consider using the order CSS property to change their sequence at a specific breakpoint.

\n\n

While the order property affects the visual sequence of flex items, it does not update their arrangement in the source code. As a result, when a user presses the Tab key to navigate between each button, the “Update tags” button will still receive focus before “Update description,” even though they’re displayed in reverse order on the screen. This causes focus to unexpectedly shift up and down the page, creating a disorienting experience for the user.

One way to avoid this issue is to render two versions of the cards in the markup: one in the order expected for wider viewport widths, and another in the order desired for narrower viewport widths. We can use the display property to toggle between them at certain breakpoints.

\n\n

If we don’t want to maintain two versions in the markup, we’ll need to use JavaScript to update the tabIndex attributes of the cards as they stack on the page. Depending on the number of control elements we’re rendering, this approach could be more difficult to get right than maintaining different versions of the cards in the markup.

How `tabIndex` affects focus order

\nSetting tabIndex to 0: Adds element to the default focus order, in the position determined by its place in the HTML document
\nSetting tabIndex to -1: Removes element from the focus order; it won’t receive focus
\nSetting tabIndex to a positive number: Adds element to the default focus order, in the position denoted by the number value

4. When customizing focus states, design for users who need them most

Browsers use the outline CSS property to render some kind of visual indication that an element is in focus. Focus states are intended to help users identify which element will register keyboard events as they navigate the page with a keyboard.

It’s very common for designers and developers to replace default focus states rendered by browsers. This might involve updating the default outline, or removing it completely and replacing it with another CSS property, such as background, border, box-shadow, color, or transform.

You might also like: Creating an Accessible Pagination with Liquid.

However we decide to render custom focus states in our apps, we should make sure they meet the following accessibility requirements:

\nSufficient color contrast: There should be enough contrast between our focus state and the colors around it so that users that are visually impaired can easily keep track of which element is currently in focus.
\nChanges in color are paired with other visual indicators: Changing the color of an element’s border, font, or background may not be noticeable to users with color blindness. It should be paired with other visual changes that don’t require users to be able to distinguish colors. This also applies to hover and error states that involve changes in color.
\nVisible in high-contrast themes: Some CSS properties, including background and box-shadow, are ignored when high-contrast mode is enabled on Windows devices. Changes in color may not be registered either, which is why it’s doubly important to rely on additional indicators that are perceivable to people who need more contrast between background and foreground colors.

While it’s acceptable to override the default outline property, never remove default focus states without providing a replacement.

5. Provide shortcuts for keyboard users

If someone uses a mouse to navigate a webpage, they can scroll past extraneous header content when the page loads to reach the information they’re looking for. The process isn’t as streamlined for keyboard users, who may need to tab through multiple navigation links, or any other control elements that come before the page’s primary content.

As developers, we can provide a “skip link” at the top of each page in our app to allow keyboard users to bypass control elements that precede the main content of the page. The skip link is typically hidden from view until it receives focus. It isn’t visible to people using a mouse to interact with your app, but it will be the first element to receive focus for those using a keyboard.

When the link is clicked, focus shifts to the primary content container, and keyboard users can immediately start tabbing through the main control elements on a page.

\n $\"keyboard$ \n\n

Skip links are more than convenient shortcuts. They’re an example of bypass blocks, which are required to meet Level A WCAG standards.

Test your app often by becoming a keyboard user yourself

Testing keyboard accessibility has a relatively lower learning curve for people who are not accustomed to using assistive technologies or devices. All you need is access to a keyboard, familiarity with standard keyboard behaviors, and access to Windows high-contrast mode (either by acquiring a Windows device or installing a virtual machine).

Here are some questions to keep in mind as we test our app for keyboard accessibility:

Am I able to use my keyboard to interact with anything that responds to mouse clicks and gestures?
Will someone know how to interact with this element when it receives focus?
Does the focus order match the visual sequence of interactive elements on the page?
Can I keep track of which element is currently in focus, even if I require higher contrast between colors?
Can I get to the main content of the page easily?

Answering “yes” to all of these questions doesn’t have to take a lot of effort, and can have positive effects for users in any circumstance: whether they have a physical disability, are looking for ways to save time, or need to use their computer with one hand.

Accessibility testing is a crucial component of app development. Specifically, keyboard accessibility is just as important as providing alternative text for people who use screen readers, or captions for people who can’t hear audio content. At the end of the day, the ability to use a mouse shouldn’t be required to use an app if you want your app to be fully accessible.

","excerpt","Have you already started building for the Shopify App Challenge 2021? We’ve put together best practices for building an app that users can navigate with their keyboard to meet keyboard accessibility and web content accessibility guidelines (WCAG). We cover intuitive interactions, focus order, and more.","excerptHtml"," $\"keyboard$ \n

Have you already started building for the Shopify App Challenge 2021? We’ve put together best practices for building an app that users can navigate with their keyboard to meet keyboard accessibility and web content accessibility guidelines (WCAG). We cover intuitive interactions, focus order, and more.\n

","seo",{"_1619":1637,"_335":-5,"_1182":1638},"SEO","For those with limited dexterity, it can be difficult to use a mouse or trackpad. Learn how to design apps with keyboard accessibility in mind.","authorV2",{"_1619":1641,"_22":1642,"_1643":1644,"_1645":1391},"ArticleAuthor","Francine Navarro","avatarUrl","https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200&d=404","isDisabledAuthor","metafields",[-5,-5,-5,-5,1648,-5,1654],{"_1619":1649,"_1650":1651,"_1652":1653},"Metafield","value","[{\"title\":\"Use the Kit Skills App Extension to Engage Your Users Conversationally\",\"url\":\"partners/blog/kit-skills-app-extension\"},{\"title\":\"Learn About Shopify App Development at React Summit 2021\",\"url\":\"partners/blog/react-summit-2021\"},{\"title\":\"6 Ways to Prepare for a Client’s Online Traffic Spike\",\"url\":\"partners/blog/103889030-6-ways-to-prepare-for-a-client-s-online-traffic-spike\"},{\"title\":\"How to Work with Shopify’s query Argument in GraphQL\",\"url\":\"partners/blog/query-argument-graphql\"},{\"title\":\"How We’re Improving Discoverability On The Shopify App Store\",\"url\":\"partners/blog/improving-discoverability-on-the-shopify-app-store\"},{\"title\":\"Creating Accessible React Native Apps\",\"url\":\"partners/blog/react-native-accessibility\"},{\"title\":\"How to Optimize API Rate Limits\",\"url\":\"partners/blog/optimize-rate-limit\"},{\"title\":\"Introducing new app billing capabilities: discounts, trial extensions, pro-rating and more\",\"url\":\"partners/blog/app-billing-improvements\"},{\"title\":\"Leveraging the Partner API: Useful Business Tools You Can Build\",\"url\":\"partners/blog/partner-api\"},{\"title\":\"Introducing New Updates to Polaris: More Ways to Build a Great App UI\",\"url\":\"partners/blog/polaris-update\"}]","key","interlinkings_json",{"_1619":1649,"_1650":1655,"_1652":1656},"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308&width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396&width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887&width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration & Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907&width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383&width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624&width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp&v=1655890916&width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750&width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","popular_blog_post_json","imageUrl","https://cdn.shopify.com/s/files/1/0533/2089/files/keyboard-accessibility.jpg?v=1589943908","imageAltText","keyboard accessibility","imageClass","createdAt","createdAtRaw","modifiedAt","02 Aug 2021","modifiedAtRaw","pageInfo",{"_1619":1669,"_1670":1671,"_1672":1391,"_1673":1391,"_1674":1671,"_1675":-7,"_1676":-7},"PageInfo","endCursor","eyJsYXN0X2lkIjozODQ0NDQyMzU4MTAsImxhc3RfdmFsdWUiOjE2Mjc5MzgxNjEwMDB9","hasNextPage","hasPreviousPage","startCursor","nextPageHref","previousPageHref","author",{"_1619":1641,"_1679":1680,"_1681":1682,"_22":1642,"_1643":1683,"_1645":1391},"bio","Francine is a Front End Developer at Shopify. She studied political science, media studies, and social justice before breaking into web development. She’s currently learning Japanese.","firstName","Francine","https://www.gravatar.com/avatar/5307d943b1405988a465768f7bde46ca?s=200&d=404","retailMessagesExperiment","retailMessagesExperimentContent",{},"actionData"]