1(self.webpackChunk_takeshape_docs=self.webpackChunk_takeshape_docs||[]).push([[192],{1441:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-14.abff43d.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-14.30ee650.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-14.68f8f2b.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-14.abff43d.320.png",width:320,height:307},{path:t.p+"assets/ideal-img/custom-shopify-app-step-14.30ee650.640.png",width:640,height:614},{path:t.p+"assets/ideal-img/custom-shopify-app-step-14.68f8f2b.960.png",width:960,height:921}],src:t.p+"assets/ideal-img/custom-shopify-app-step-14.abff43d.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-14.abff43d.320.png"},placeholder:void 0,width:320,height:307},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAg0lEQVR4nG2QuQ4CMQxE8/+/yFHQQIEQu5P4iGMHhQKJbF5l6Y1G1qQ9Y9vRV0RE2vA8X04qas0m3D2JVK3jWpJYtJrFiqGRs6jW1qy1hS65FCLBrsxTYmgiAiCPuzL5oT8xETFXYXu/ovf5tebOgN6uTsV9FP7piBgTuMd3hx/VHMAH8+smFrjANzcAAAAASUVORK5CYII="}},3260:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-11.bfec33f.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-11.78079c4.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-11.2acfc3b.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-11.bfec33f.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-11.78079c4.640.png",width:640,height:508},{path:t.p+"assets/ideal-img/custom-shopify-app-step-11.2acfc3b.960.png",width:960,height:762}],src:t.p+"assets/ideal-img/custom-shopify-app-step-11.bfec33f.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-11.bfec33f.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAyUlEQVR4nCXLTUvEMBAA0Pz/H+VBVlDBVYudeupFuskuzUeTySQzSbciwrs+9Xb+AJhGmL5G+DfCBNP3CNPj6UnFlBIiMxOVjDlsG1ERacdxaK2VD6Eyc2Vr/RZTSAkzIeZC1WijnPMxxtYaRo8YuJYmtRDGlP62cx4x997h8/Xl9DC8P9O62MtPlmPRV+W8Z+HWewhbCFsupRN5cyO+L4tWNvgiLK0BwDAM8zzvey+ZahVjjLLWiUjfd2utXdeEKBnpapqIvtx+AV7r3dZS/vZNAAAAAElFTkSuQmCC"}},4392:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-02.126b874.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-02.b9a836b.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-02.743f635.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-02.126b874.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-02.b9a836b.640.png",width:640,height:509},{path:t.p+"assets/ideal-img/custom-shopify-app-step-02.743f635.960.png",width:960,height:763}],src:t.p+"assets/ideal-img/custom-shopify-app-step-02.126b874.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-02.126b874.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAp0lEQVR4nF2M2WoCQRBF+/9/LWLEBaY7EAhBdIQ4XUtXVW8zMuhLhPNyOZzr9oej98H7MAx+GHwIXys+fHxuN7udY05IbGaAyJx6n3ufa2n+/HP6/XYAYDmXUuJ0R0Axe86sJiwuRkCiahZv43S98G0sKsuyEOF4/1s1c2q1CqISCRERi5qqZcsuAuRSWu8pqcg/UhI3AWi22tqbE1FVXc/Lq5Y3zSwPzgDiJLITXtUAAAAASUVORK5CYII="}},13768:(e,s,t)=>{"use strict";t.d(s,{Ay:()=>n,RM:()=>o});var i=t(65723),p=t(16585);const o=[];function a(e){const s={admonition:"admonition",p:"p",...(0,p.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"Follow Along",type:"tip",children:(0,i.jsxs)(s.p,{children:["Follow along with this guide by checking out ",(0,i.jsx)("a",{href:e.repoUrl,children:"our starter project repo"}),". Our starters let you instantly deploy a pre-configured project."]})})}function n(e={}){const{wrapper:s}={...(0,p.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},14609:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-03.9ef3b71.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-03.5aa293e.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-03.22aeb85.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-03.9ef3b71.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-03.5aa293e.640.png",width:640,height:509},{path:t.p+"assets/ideal-img/custom-shopify-app-step-03.22aeb85.960.png",width:960,height:763}],src:t.p+"assets/ideal-img/custom-shopify-app-step-03.9ef3b71.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-03.9ef3b71.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvUlEQVR4nCWMy07DMBBF/f+fBZvCLi2Nk6pCiCBEW6TGznjsednIRbqLc3Ufbhj23k9+mo+jH0c/z6euad4f3o6jdwApbkDMiDnnTMRMbNXMqqq5EEIpJCJm1lqbz5/Pu5datdYmIm4NIcaoqmZVRADS5XotVNRMVd26BgDoYa1MdLt8L1/L/farzGrW1/9dZjHV0/v0NLz+LB+NCjG7ewyZiqimhJAw58JkWAQSIuZ+Tkxqlh4+IT6g87alPyIO4hcSBSF9AAAAAElFTkSuQmCC"}},17269:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-07.99ed6eb.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-07.b6165ed.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-07.69909f0.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-07.99ed6eb.320.png",width:320,height:248},{path:t.p+"assets/ideal-img/custom-shopify-app-step-07.b6165ed.640.png",width:640,height:496},{path:t.p+"assets/ideal-img/custom-shopify-app-step-07.69909f0.960.png",width:960,height:745}],src:t.p+"assets/ideal-img/custom-shopify-app-step-07.99ed6eb.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-07.99ed6eb.320.png"},placeholder:void 0,width:320,height:248},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwElEQVR4nDWOQW7DIBAA+f+rmlPVRj3EkEjNrUltKxTbGNj1sguhiqJIc5s5jPrc7402WptO6yfGHLUxh06/7XZqDSHEuBElQACMIRFlztJa6/tBzfNCRJSzmye/LD480pgS4matVfOyxJQk5/l6WcfRXX785CYffJKbdS9dSopRmO8itdSw+hXKMN6U/XMJkTIngMzMIixCRCJy/e0VINZaW2u13hG3JwAbS3msvX98HfSpO36b0xkAXxqZZRzsP6133ubE2z7XAAAAAElFTkSuQmCC"}},20773:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-10.cf2e3f3.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-10.f10a34f.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-10.644f560.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-10.cf2e3f3.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-10.f10a34f.640.png",width:640,height:507},{path:t.p+"assets/ideal-img/custom-shopify-app-step-10.644f560.960.png",width:960,height:761}],src:t.p+"assets/ideal-img/custom-shopify-app-step-10.cf2e3f3.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-10.cf2e3f3.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAzElEQVR4nE3PwWqDQBSF4XlOoVmWjMSOCnrnOndGZlH6CqluC6VNIipui13oM8VK4BYMlH7bHw4
1cIaWMoujpH7UJw/BR7kWxAYBko2KVpilqbcgc0lhorTXi6/HYNM35fPk8nfq+r+saACyRQMQkScZxZOZlWa7LlZnneVZK0V+epomZf9bbut6Y+et7jNPMuvI+rquqGoahbbuu7d4+3t3LM2pjyIocwBABwMNuFwTBXso8yyAHxMKQEYiFc857f79QlqX33jrnnCWiX6hGhMLqgUnCAAAAAElFTkSuQmCC"}},31518:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-04.75d93f9.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-04.2f5a059.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-04.48cd5db.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-04.75d93f9.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-04.2f5a059.640.png",width:640,height:509},{path:t.p+"assets/ideal-img/custom-shopify-app-step-04.48cd5db.960.png",width:960,height:763}],src:t.p+"assets/ideal-img/custom-shopify-app-step-04.75d93f9.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-04.75d93f9.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAsUlEQVR4nE2MwU4DMQxE8/+fxYELp24Fm+0dtUWoie3YThybRQsSYvRu82bS6bSsa17zlrdLzn9sy/n1bb0kaoxEY5iZjZ+Y2b7v4Sb4kQCg92E2SykVCVsn7hFf4ZPxM1UARJzuFeBRClJjlloet/utQk21QmvNPURUVYkISd+v1+eXp3NejnUf3SOEVUSZhZuojqA2paeCoKNPd5Gj/oVZiIVFj/NhwyOY5b8hokT8DeQ64Z7E2Ff3AAAAAElFTkSuQmCC"}},35089:(e,s,t)=>{"use strict";t.d(s,{Ay:()=>n,RM:()=>o});var i=t(65723),p=t(16585);const o=[];function a(e){const s={a:"a",p:"p",...(0,p.R)(),...e.components};return(0,i.jsxs)(s.p,{children:["Still need help? ",(0,i.jsx)(s.a,{href:"/get-started/help",children:"Get in touch with us"}),"."]})}function n(e={}){const{wrapper:s}={...(0,p.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},41251:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-01.81b1260.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-01.e5194ba.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-01.c4488ee.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-01.81b1260.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-01.e5194ba.640.png",width:640,height:507},{path:t.p+"assets/ideal-img/custom-shopify-app-step-01.c4488ee.960.png",width:960,height:761}],src:t.p+"assets/ideal-img/custom-shopify-app-step-01.81b1260.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-01.81b1260.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuUlEQVR4nD3Ly07EMBBEUf//v7GBDRJM0EBid+yJ39NO2o9GFhKls7sqsQGkmMB4fYSQrzidMRdmNtqIbZPO+gdAPB5XTo2otVrOsw+WUgmtTXLOrKuWm1t/luX2DcoeFgsC7ML7kDOmmJxzGfFleX+7fxARM4MCgVimUlyMVGsfPKbBzEr+ZyxPxIuo9V5rG70zs9yUKOWc7YmHtSnPEdHd2HRVDbsIIf69Q4jOe0Rsrb9+ftmMZre/dFHisKvSdCwAAAAASUVORK5CYII="}},45638:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/connect-service-shopify-storefront.eb74067.320.png 320w,"+t.p+"assets/ideal-img/connect-service-shopify-storefront.2ae9966.640.png 640w,"+t.p+"assets/ideal-img/connect-service-shopify-storefront.f04b5a0.960.png 960w",images:[{path:t.p+"assets/ideal-img/connect-service-shopify-storefront.eb74067.320.png",width:320,height:275},{path:t.p+"assets/ideal-img/connect-service-shopify-storefront.2ae9966.640.png",width:640,height:550},{path:t.p+"assets/ideal-img/connect-service-shopify-storefront.f04b5a0.960.png",width:960,height:825}],src:t.p+"assets/ideal-img/connect-service-shopify-storefront.eb74067.320.png",toString:function(){return t.p+"assets/ideal-img/connect-service-shopify-storefront.eb74067.320.png"},placeholder:void 0,width:320,height:275},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAIAAACExCpEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA00lEQVR4nB2Oy07DMBQF/f//xD4rBIjUaVFLRdOSqE4aX1/Xbx9kNufMZqQRmojZAsg511qBWkppkINlFikmvz0BHE8nZg7RzWoEcH192Za7cKSD9wCa2bb+y+2ZWajjYburlLNz3vkQY3S+Yc5Zay02Y8gwgO0xGyYAkzLn2wLAGBZqVd47AJpGs9yASrrMU6thtmKax2VdckoP69T5O1ijKf3OVErSmsThEqzLAL5+nitFADEixtZprRVv7/1uJwcpPz5l30sp5TDI/X7oe9l13R8ZOf75ifsslQAAAABJRU5ErkJggg=="}},46209:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/connect-service-shopify-admin.9e1ba9f.320.png 320w,"+t.p+"assets/ideal-img/connect-service-shopify-admin.06e61ae.640.png 640w,"+t.p+"assets/ideal-img/connect-service-shopify-admin.ab4c99f.960.png 960w",images:[{path:t.p+"assets/ideal-img/connect-service-shopify-admin.9e1ba9f.320.png",width:320,height:169},{path:t.p+"assets/ideal-img/connect-service-shopify-admin.06e61ae.640.png",width:640,height:337},{path:t.p+"assets/ideal-img/connect-service-shopify-admin.ab4c99f.960.png",width:960,height:506}],src:t.p+"assets/ideal-img/connect-service-shopify-admin.9e1ba9f.320.png",toString:function(){return t.p+"assets/ideal-img/connect-service-shopify-admin.9e1ba9f.320.png"},placeholder:void 0,width:320,height:169},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nCXJoQrCUBQG4PsgJl/AZhLUItgF38gsIhg0CCsW32CigiAzCIJgEWEYhrqynf+c3W0XjzC/+hkAKREBzjmtlGUBJmtzETEiQkTMHEavs7+/+Lvo/SmQZtYCMMxMRKo6mXvd/rDdGyxX668rwMz/BpBn2fV23xyC7fH0CJ9irYgws2GRJI41SUfjWb3ZqTVa04Wnqqj8AI4pgCZ3Vo9oAAAAAElFTkSuQmCC"}},46418:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-08.9a1627c.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-08.4cf651c.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-08.ee25073.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-08.9a1627c.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-08.4cf651c.640.png",width:640,height:507},{path:t.p+"assets/ideal-img/custom-shopify-app-step-08.ee25073.960.png",width:960,height:761}],src:t.p+"assets/ideal-img/custom-shopify-app-step-08.9a1627c.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-08.9a1627c.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAt0lEQVR4nBXOy2oDMQxAUf//5zU0xeNMt2kClfySLMlyXQbu9sIJH7dbSo8jpeO4ivFI6XGe5/3+FWMMrfXWu6h24tJaKVVE5/TpawwJiFlVzQxzeQPU1omYeZTX6zt+BkCstZp7Axjv
1nz+TvTcPeT5fOZcAgL33uZYwL5XlvvdGLFCFxQPmrGa+vNTKQxqJ+6TOUAYNC78Zh8r0dQnmrI2IaE4n4osGgHbdiy6/EauqqBjz6I3+ATMg4rU2UaPKAAAAAElFTkSuQmCC"}},61243:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-09.0c991ce.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-09.9b05729.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-09.dae6ae6.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-09.0c991ce.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-09.9b05729.640.png",width:640,height:508},{path:t.p+"assets/ideal-img/custom-shopify-app-step-09.dae6ae6.960.png",width:960,height:761}],src:t.p+"assets/ideal-img/custom-shopify-app-step-09.0c991ce.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-09.0c991ce.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR4nCWN22qEMBQA8/+/JpTqLtTEPpRSSnE1UU/O1RMs2z7PMBP6YUhpijHFmMYxjmNMaZqm99v9/tL3AaBWRFVFpFpx2w8Ra+1C4fj9GUrZVFXN9h2Q+PjXkbCiioacCwCY6tfHRHD46e7ORDkXJHpifMbl9vZaHz8iYuZrXguImIdciqh6a+7N26VqTFw22CuzWFi3wqp2nv0wdF03z/N1XcxyAIn+vc3MW1uW9bEsROTuRMwsFfAXo6Xg4NEEOAcAAAAASUVORK5CYII="}},74952:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/shopify-service-shopfy-admin.07c1e52.320.png 320w,"+t.p+"assets/ideal-img/shopify-service-shopfy-admin.b2e6f5c.640.png 640w,"+t.p+"assets/ideal-img/shopify-service-shopfy-admin.be29820.960.png 960w",images:[{path:t.p+"assets/ideal-img/shopify-service-shopfy-admin.07c1e52.320.png",width:320,height:275},{path:t.p+"assets/ideal-img/shopify-service-shopfy-admin.b2e6f5c.640.png",width:640,height:550},{path:t.p+"assets/ideal-img/shopify-service-shopfy-admin.be29820.960.png",width:960,height:826}],src:t.p+"assets/ideal-img/shopify-service-shopfy-admin.07c1e52.320.png",toString:function(){return t.p+"assets/ideal-img/shopify-service-shopfy-admin.07c1e52.320.png"},placeholder:void 0,width:320,height:275},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAIAAACExCpEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwElEQVR4nCWPUW7DMAxDff8r7Qg7QL6WblgxNJlT17YSSbElDs74QRB4kESFWoloB9B7d3cA7gbAlOEerJmkged5Jtr1lCXeAdzf3/SoQYhE5RrC5UNjWWvuHrbbxyvG1juziOh5nqwjqmprLeR9z7UCyGkpJQN4bOXzZ4ObmYdnXJl54PxNlADUYuvCgMER4m2q6TnwfuRC3RqRrfEwG4+E6etI5QAwzeXxWwETcearJxBYxg0A2rxf4V+q/ZXzH/0mBLOXmcJuAAAAAElFTkSuQmCC"}},75222:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.df07d25.320.png 320w,"+t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.3518cc4.640.png 640w,"+t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.294b710.960.png 960w",images:[{path:t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.df07d25.320.png",width:320,height:57},{path:t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.3518cc4.640.png",width:640,height:114},{path:t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.294b710.960.png",width:960,height:171}],src:t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.df07d25.320.png",toString:function(){return t.p+"assets/ideal-img/run-query-from-workbench-shopify-admin.df07d25.320.png"},placeholder:void 0,width:320,height:57},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAIAAADuA9qHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQUlEQVR4nAXBQQ6AIAwEQP7/QOKFAzdrUk3XuqVEiTPFwF1UROn5cDIyxjvywx1mXgDqaXKoXgBocEfMXK31Wrcf4b04YmDVXtYAAAAASUVORK5CYII="}},81356:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-06.69170cc.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-06.48ad946.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-06.54938ee.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-06.69170cc.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-06.48ad946.640.png",width:640,height:508},{path:t.p+"assets/ideal-img/custom-shopify-app-step-06.54938ee.960.png",width:960,height:763}],src:t.p+"assets/ideal-img/custom-shopify-app-step-06.69170cc.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-06.69170cc.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAy0lEQVR4nE3OTU7DMBCGYR+XpgSRYMczjsfOBVix4ASRaHZdVkgI6kZ169yGXwnCoJpNn+37LT5xsViUZ66ysiyLolguL4UxBjMppVKy0Y1SyhjjvHfOCUDUWvd9n9KUUgq7cb8/DMNwWjgnELGqrp+eX5j5e55/5pmZY4wA2nv/n6ttCL/Mr++fbx9fzBzGEQFyBmi0flitpmnahl2Mx/Xj5vb+zpqWiESjtWlbAKiyuq7ljUQAay2RFYinC13XOee890TU5kJE1to/ts6JEOEJ6wMAAAAASUVORK5CYII="}},84007:(e,s,t)=>{e.exports={src:{srcSet:t.p+"assets/ideal-img/custom-shopify-app-step-05.4c4a276.320.png 320w,"+t.p+"assets/ideal-img/custom-shopify-app-step-05.5b30c26.640.png 640w,"+t.p+"assets/ideal-img/custom-shopify-app-step-05.7ebc078.960.png 960w",images:[{path:t.p+"assets/ideal-img/custom-shopify-app-step-05.4c4a276.320.png",width:320,height:254},{path:t.p+"assets/ideal-img/custom-shopify-app-step-05.5b30c26.640.png",width:640,height:509},{path:t.p+"assets/ideal-img/custom-shopify-app-step-05.7ebc078.960.png",width:960,height:763}],src:t.p+"assets/ideal-img/custom-shopify-app-step-05.4c4a276.320.png",toString:function(){return t.p+"assets/ideal-img/custom-shopify-app-step-05.4c4a276.320.png"},placeholder:void 0,width:320,height:254},preSrc:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAv0lEQVR4nB2O207DMBAF/f8fVkA8AEqdtKjiBSFEbDe2u77ter0oOZq30UhHvb1/6HnR8zKd9aTn+XLdWS5nvZyenhVAegAgUtlXGxIice8iYq1TIYRaKxExs4h8fn2fXl7HOLQxyocQY+y9jzFEZPNhud1ySiLinFPeB4DUmftRe7vq60TRC3dr7F43bMj8Z939vpVGhFxrGyJmNWqLobTamXPOAFBKTbnkXGSMQ28eEQ+9P0+QYgSAjIS/P+s/onHhftxryxgAAAAASUVORK5CYII="}},85664:(e,s,t)=>{"use strict";t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>A,default:()=>l,frontMatter:()=>r,metadata:()=>i,toc:()=>d});const i=JSON.parse('{"id":"services/providers/shopify","title":"Shopify","description":"Shopify is a platform for building e-commerce solutions. The built-in Shopify Admin and Storefront services simplify the process of adding a Shopify APIs to your project.","source":"@site/docs/services/providers/shopify.mdx","sourceDirName":"services/providers","slug":"/services/providers/shopify","permalink":"/docs/services/providers/shopify","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"sidebar_label":"Shopify"},"sidebar":"tutorialSidebar","previous":{"title":"ShipEngine","permalink":"/docs/services/providers/ship-engine"},"next":{"title":"Stripe","permalink":"/docs/services/providers/stripe"}}');var p=t(65723),o=t(16585),a=t(88725),n=t(35089),h=t(13768);const r={sidebar_label:"Shopify"},A="Shopify",c={},d=[{value:"Getting a Shopify Admin API Access Token and API Secret Key (2 minutes)",id:"getting-a-shopify-admin-api-access-token-and-api-secret-key-2-minutes",level:2},{value:"Connecting Shopify Admin",id:"connecting-shopify-admin",level:2},...h.RM,{value:"Connecting Shopify Storefront",id:"connecting-shopify-storefront",level:2},{value:"Adding queries and mutations",id:"adding-queries-and-mutations",level:3},...n.RM];function g(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(s.header,{children:(0,p.jsx)(s.h1,{id:"shopify",children:"Shopify"})}),"\n",(0,p.jsx)(s.p,{children:"Shopify is a platform for building e-commerce solutions. The built-in Shopify Admin and Storefront services simplify the process of adding a Shopify APIs to your project."}
1),"\n",(0,p.jsxs)(s.p,{children:["This guide will walk you through connecting the Shopify Admin and Shopify Storefront APIs. Don't have a project yet? ",(0,p.jsx)(s.a,{href:"/get-started/create-project",children:"Check out this guide for setting one up"}),"."]}),"\n",(0,p.jsx)(s.h2,{id:"getting-a-shopify-admin-api-access-token-and-api-secret-key-2-minutes",children:"Getting a Shopify Admin API Access Token and API Secret Key (2 minutes)"}),"\n",(0,p.jsx)(s.p,{children:"To connect a Shopify store to a project you'll need to set up a basic custom Shopify app for the purpose of provisioning credentials. The following instructions will guide you through the process of creating a custom shopify app and generating the credentials."}),"\n",(0,p.jsx)(s.p,{children:'Log into Shopify and navigate to the store you intend to connect to your GraphQL API. Click "Add apps" in the left sidebar. The command panel will open. Click "App and sales channel settings".'}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify app settings link.",img:t(41251)}),"\n",(0,p.jsx)(s.p,{children:'To enable custom apps to be created on the store click "Develop Apps for your store".'}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify apps and sales channels landing page.",img:t(4392)}),"\n",(0,p.jsx)(s.p,{children:"Confirm you intend to allow custom apps to be used with your store."}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify allow custom apps page.",img:t(14609)}),"\n",(0,p.jsx)(s.p,{children:"Confirm again, you intend to allow custom apps to be used with your store."}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify allow custom apps confirmation page.",img:t(31518)}),"\n",(0,p.jsx)(s.p,{children:'Create a custom app called "Custom API".'}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify create an app page.",img:t(84007)}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify app creation modal.",img:t(81356)}),"\n",(0,p.jsx)(s.p,{children:"Now that the custom app has been created, the permitted scopes must be configured."}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify custom app overview page.",img:t(17269)}),"\n",(0,p.jsx)(s.p,{children:"Select all 71 scopes. By selecting the write scope, the read scope will automatically be selected."}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify custom app configuration page.",img:t(46418)}),"\n",(0,p.jsx)(s.p,{children:"Install the app. The app has been created, but it still needs to be installed."}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify custom app install step on API credentials page.",img:t(61243)}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify custom app install confirmation modal.",img:t(20773)}),"\n",(0,p.jsx)(s.p,{children:'The custom app for your project has been created and installed and is now ready for use. Copy the "Admin API access token" and "API secret key" to a safe place, so they can be used in the next step which will occur in your project.'}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify api credentials page.",img:t(3260)}),"\n",(0,p.jsx)(s.h2,{id:"connecting-shopify-admin",children:"Connecting Shopify Admin"}),"\n",(0,p.jsx)(h.Ay,{repoUrl:"https://github.com/takeshape/takeshape-starter-shopify-api-indexing#readme"}),"\n",(0,p.jsxs)(s.p,{children:["Navigate to your project's dashboard and select the ",(0,p.jsx)(s.strong,{children:"Home"})," tab. Select the ",(0,p.jsx)(s.strong,{children:"Connect Service"})," button."]}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of a project Dashboard.",img:t(46209)}),"\n",(0,p.jsx)(s.p,{children:"On the Connect Service page, select Shopify."}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Connect Service page.",img:t(74952)}),"\n",(0,p.jsxs)(s.p,{children:["You'll be taken to the Shopify Admin service page, where you can name the service. Add your Shopify store name in the ",(0,p.jsx)(s.strong,{children:".myshopify.com URL"})," field. For example if your store URL is ",(0,p.jsx)(s.code,{children:"example-store.myshopify.com"}),", then enter ",(0,p.jsx)(s.code,{children:"example-store"}),'. In the "Authentication" section add the Access Token and Secret key copied from the previously created Shopify App\'s "API Credentials" page.']}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify provider service config page.",img:t(1441)}),"\n",(0,p.jsxs)(s.p,{children:["Select ",(0,p.jsx)(s.strong,{children:"Save"})," in the top-right of the service page to connect your service. You'll be taken back to the ",(0,p.jsx)(s.strong,{children:"API Workbench"}),", where you can start adding queries and mutations to your project."]}),"\n",(0,p.jsx)(s.h2,{id:"connecting-shopify-storefront",children:"Connecting Shopify Storefront"}),"\n",(0,p.jsxs)(s.p,{children:["Navigate to the ",(0,p.jsx)(s.strong,{children:"API"})," tab of your project and select ",(0,p.jsx)(s.strong,{children:"Connect Service"}),"."]}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Connect Service page.",img:t(45638)}),"\n",(0,p.jsxs)(s.p,{children:["Click on Shopify Storefront and you'll be taken to the configuration. Add your Shopify store name in the ",(0,p.jsx)(s.strong,{children:".myshopify.com URL"})," field. For example if your store URL is ",(0,p.jsx)(s.code,{children:"example-store.myshopify.com"}),", then enter ",(0,p.jsx)(s.code,{children:"example-store"}),'. In the "Authentication" section add the Access Token copied from the previously created Shopify App\'s "API Credentials" page.']}),"\n",(0,p.jsx)(s.h3,{id:"adding-queries-and-mutations",children:"Adding queries and mutations"}),"\n",(0,p.jsx)(s.p,{children:"You can add Shopify Admin and Shopify Storefront queries and mutations to your project."}),"\n",(0,p.jsxs)(s.p,{children:["In the ",(0,p.jsx)(s.strong,{children:"API"})," tab, expand the ",(0,p.jsx)(s.strong,{children:"Patterns & Services"})," panel on the left and hover your cursor over your Shopify Admin or Shopify Storefront service. Select the three dots that appear and select ",(0,p.jsx)(s.strong,{children:"Add Queries/Mutations"}),"."]}),"\n",(0,p.jsxs)(s.p,{children:["A dialog will open, which will allow you to search for and select any queries or mutations you wish to add. Select ",(0,p.jsx)(s.strong,{children:"Save"})," when done, and your page will reload with the new queries and schemas."]}),"\n",(0,p.jsxs)(s.p,{children:["You can run the query in the ",(0,p.jsx)(s.strong,{children:"API Explorer"}),", or you can select the ",(0,p.jsx)(s.strong,{children:"Workbench"})," tab and select the Play button next to the query you'd like to run. The query will be populated into the API Explorer, and you can run it with the Play button above the API Explorer editor."]}),"\n",(0,p.jsx)(a.A,{alt:"A screenshot of the Shopify_products query in the workbench.",img:t(75222)}),"\n",(0,p.jsx)(s.p,{children:"Or for a simpler query, you can paste this into your API Explorer:"}),"\n",(0,p.jsx)(s.pre,{children:(0,p.jsx)(s.code,{className:"language-graphql",children:"{\n Shopify_products(first: 3) {\n edges {\n node {\n id\n handle\n }\n }\n }\n}\n"})}),"\n",(0,p.jsx)(s.p,{children:"For a Storefront query, try:"}),"\n",(0,p.jsx)(s.pre,{children:(0,p.jsx)(s.code,{className:"language-graphql",children:"{\n ShopifyStorefront_products(first: 3) {\n edges {\n node {\n id\n handle\n }\n }\n }\n}\n"})}),"\n",(0,p.jsx)(s.p,{children:"The Shopify Storefront API is recommended when you want to use Shopify's web checkout experience. Creating a Shopify cart or checkout isn't possible with the Shopify Admin API. Furthermore, to add products to a checkout or cart with the Storefront API, you cannot use product ID's or sellingPlan ID's from the Admin API. Admin API ID's are different from Storefront API ID's for the same products."}),"\n",(0,p.jsxs)(s.ul,{children:["\n",(0,p.jsxs)(s.li,{children:["Shopify Admin API product ID example (for the same product): ",(0,p.jsx)(s.code,{children:"gid://shopify/Product/75555111090"})]}),"\n",(0,p.jsxs)(s.li,{children:["Shopify Storefront API product ID example (for the same product): ",(0,p.jsx)(s.code,{children:"Z32aVi8vc2hlmeS9Qpf4kdWN0Lzc1MDMwNzk4MDEwBLL"})]}),"\n"]}),"\n",(0,p.jsxs)(s.p,{children:["For an example of how you can use both APIs in a NextJS project, ",(0,p.jsx)(s.a,{href:"https://github.com/takeshape/takeshape-starter-
1auth0-shopify-recharge",children:"check out our Shopify Auth0 starter"}),"."]}),"\n",(0,p.jsx)(n.Ay,{})]})}function l(e={}){const{wrapper:s}={...(0,o.R)(),...e.components};return s?(0,p.jsx)(s,{...e,children:(0,p.jsx)(g,{...e})}):g(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.