I’m new to Shopify and planning an app that adds a tool to checkout screens. I also want to create admin screens for customizing the tool. But I’m not sure how to implement this in Shopify.
Here are my main questions:
- How do I add something to the checkout screens?
- Where do I include the admin screens for customizing the tool?
I’ve looked at the docs but I’m still confused. Do I need to build two separate apps for this, or can I combine them into one? If anyone with Shopify app development experience could offer some advice on the best structure, I’d really appreciate it. Thanks!
yo olivias, checkout extensions r ur friend here. they let u add stuff to checkout without messin with core stuff. for admin, go with app bridge - makes custom pages easy peasy. combine both in 1 app, way simpler. start small n build up. shopify community’s got ur back if u get stuck. gl with ur project!
As someone who’s developed a few Shopify apps, I can tell you it’s definitely possible to combine both functionalities in one app. For the checkout tool, you’ll want to use Shopify’s Liquid templating language to inject your custom elements. It’s pretty straightforward once you get the hang of it.
For the admin screens, I’d recommend using the App Bridge library. It makes creating custom admin interfaces a breeze and ensures your app feels native to the Shopify admin. You can set up routes within your app to handle different admin pages.
One tip from experience: start small and iterate. Get a basic version working, then build on it. And don’t hesitate to reach out to Shopify’s developer community - they’re incredibly helpful when you hit roadblocks. Good luck with your app!
hey olivias, welcome to shopify! for checkout stuff, you’ll wanna look into the Checkout API. it lets u add custom fields n such. for admin screens, use the Admin API to create custom pages. u can do both in one app, no need for separate ones. the docs can be tricky but keep at it! lmk if u need more help
I’ve worked on similar Shopify projects, and you can definitely combine both functionalities in a single app. For the checkout tool, look into Shopify’s Checkout UI Extensions. They allow you to add custom components to the checkout process without modifying core Liquid templates.
As for admin customization, the Admin API is your best bet. You can create app extensions that appear in the Shopify admin interface, giving merchants a seamless way to configure your tool. These extensions can be built using React and the Polaris design system for a native look and feel.
One piece of advice: thoroughly test your app in a development store before submitting it for review. Shopify’s approval process can be stringent, especially for apps that modify checkout behavior. Also, consider implementing webhooks to keep your app data in sync with store changes. Good luck with your project!