How To Create a Shopify App For Newbies

by Accessory To Success July 27, 2021

0 Comments

How To Create a Shopify App For Newbies

Our company has created Jump Links, the one and only Table of Contents App for Shopify blogs. We have no coding background or experience in building apps, so if we can do it, you can do it too.

We took copious notes throughout the app construction process and this article is written for inexperienced entrepreneurs that want to build a Shopify App, but don’t know how. We’ll link out our developers directly and give you step by step instructions for what to do. Bookmark or print this out and use it as a checklist.

After you finish your app be sure to come back to our our post about setting up Analytics Tracking for your Shopify App in Google Ads & Google Analytics.

First Step For Building A Shopify App

You have to decide what you want. There are a ton of ways to build and app and this post is not about all the ways. It's about our experience building a Public App. It will apply the same with other kinds of apps, but the goal is to show you how to effectively get a high quality Public App built and approved on the Shopify App Store.

Shopify App Store
You need to figure out the purpose of your app. There are several ways to build it:

  • Public apps (users must pay for use in the app store like Jump Links)
  • Custom apps
  • Private apps
  • Draft apps

Click here to open this article by Shopify in a new tab and come back to it.

App Hosting

To build and sell or run an app you have to buy hosting. Shopify will not host your app. Here are the requirements for successfully building and getting an app approved on Shopify: Open this in a new tab and come back to it.

We have Namecheap manage all our domains, so it was easy to host there and that's where we started. We don’t recommend it though. It's very expensive quickly.

AWS is better. Less changes required than a dedicated server. If dedicated servers get flooded with traffic they can go down and take a couple days to get going again. Especially if your developer is in a different timezone. It's way easier to scale as the app grows. Lastly, there is a free tier, so you won’t even end up paying for it until your app has a bunch of users.

AWS Web Hosting

If you use AWS rather than Namecheap does it change the way the app gets built?

  • Nope. The App will be built the same way, but if there is no Cpanel you won't be able to browse the file yourself. If you want to move it you have to hire a developer. Also to integrate the mail system you have to hire DevOps.

Here is the person we used to set up AWS.

Go with VPS

If you don’t know what it is, Google it and read for 2 hours, or just take our word for it. It’s cheaper than cloud and you can host 3 apps in one hosting.

In our case we needed to make sure that we bought at least 2GB ram. If the ram was less than 2GB it would not be able to run the Laravel app and the app wouldn’t work. Your dev will tell you what you need. Don't worry.

Buy a Domain

You need a domain. Buy one. You can select a cheap domain also. Use Namecheap to host all your domains. It's really easy to navigate.

Your domain needs SSL

Don’t know what that is? Answer: http vs https.

It's a security setting for your URL. You pay an extra few dollars for it with the click of a button. But this in Namecheap.

SSL certificate is a must to review the app from Shopify. You may need to add it, activate it, or you get a certificate from support. No matter what your site needs to run through https otherwise the API won't work and will not be approved by the Shopify.

Hire a Developer

We found our developer, Apurba, on Fiverr and he has been a dream. There is a lot of great talent on Fiverr. You just need to spend time researching and testing them before hiring.

How to find the right developer:

  1. Look at their past projects and troubleshoot them.
  2. Ask for references and actually contact them.
  3. Start with a small test project to see how well they pay attention to details.

Probably the most important part of creating anything with a developer is your ability to articulate exactly what you want. If there is any room for interpretation then there is room for unmet expectations. They may not think the same way as you or assume the same things are obvious. Be clearer than you think necessary.

Spend way more time that you anticipate drafting the most detailed explanation of what you’re trying to accomplish. This includes competitor examples, visual elements that you like, thorough IFTT architecture, goals, prices, everything you can think of needs to be written in this brief because the most successful jobs have the best explanations.

Pro Tip: Make final payment contingent on app approval.

Click here to connect with Apurba.

Create A Shopify Account

Create a Shopify Partners account by going to shopify.com/partners and select “Join now”

The app goes for review from this account.

Give Your Developer Shopify Partner Access:

  1. Partner Dashboard > Team.
  2. Decide if you want to invite them as an owner or staff member.
  3. Enter their email in the Email field.

Create an AWS Account

Have you been to AWS before? It's intimidating. There are thousands of offerings. If you’re overwhelmed, as we were, just pay the expert that we recommended $50 to set all this up for you. Create a group chat with your App developer and the AWS expert on Skype to get exactly what you need set up together.

What you need to know: There are two levels of access here. Ownership (Root) and team members (IAM). You should be the only person with ownership (Root) access at the end of the setup process. Don’t forget that.

  1. Click here to start: https://aws.amazon.com/resources/create-account/
  2. Create a Root user, then go back and
  3. Create a role for an IAM user
  4. Create credentials for the IAM user (Management Console access as an example)
  5. Create an IAM password that you can change as the owner to strip access at anytime

Amazon’s full and overwhelming explanation can be found here.

Again just have your dev set all this up and save yourself hours of reading and mistakes. Once done, simply change the password to keep your account secure.

Test Your App To Death

We're writing this knowing you’re probably not going to do it, but here we go.

Once your app is done you need to test it to death. Spend two extra days trying to break it. This includes testing on mobile. The app needs to run perfectly when submitted.

This includes successful payment processing. Test transactions to make sure everything goes through ok. The Shopify approval team is going to test it and reject your app if it doesn't work. This is a very simple thing to test and ensure effectiveness.

Before you submit your app for review, you need to test it on a development store to check for any bugs or errors. Test on mobile too.

Top Priorities for App Testing

First - You’ll definitely want to spend a lot of time on your installation instructions. It needs to be immediately obvious how to use the app and uninstall it. If it isn’t, users will either uninstall or ask a bunch of unnecessary questions about how to use the app. We’re speaking from first hand experience here.

Second - Make sure your app can handle increases in user traffic. First hand experience here as well. Our first decline happened when we submitted for review. We had used too much of our limit in testing and there was none left for the Shopify App team to test with. The namecheap server was maxed and could not continue. We then switched to AWS to solve the problem. And bada bing! We got approved.

Third - Make sure your app works with Shopify approved themes. This is a big deal. Most brands use a Shopify theme, so you’ll want to function on all those at a minimum. We don’t use a Shopify theme fyi, we use one found on Creative Market. You can find it here.

Fourth - Uninstall and Reinstall the app in your development store several times to make sure everything is functioning the way it should.

For more detail on things to double check before submitting watch this video the Shopify Team put together.

All apps are reviewed and if a bug occurs that prevents the testing of your app, it will fail the review process. This process takes a week. So its only after a week that you'll find out the problem. Then fix the issues, resubmit, and wait another week. Big delay.

We've heard that you can only submit an app 3 times before it is declined too.

Again test the app to death before submitting. It may feel redundant and annoying, but it will save you net time.

Once your app is approved you will want to track activity, create remarketing audiences, fire conversions and more. Click here to read our step by step guide to setting up conversion tracking for Shopify App in Google Ads & Analytics.

Accessory To Success
Accessory To Success



Also in Tools

Conversion Tracking for Shopify App in Google Analytics & Google Ads
Conversion Tracking for Shopify App in Google Analytics & Google Ads

by Accessory To Success July 30, 2021 0 Comments

In this article we’re going to show you everything you need to do in order to get Analytics tracking for your Shopify App Listing. There are 4 Steps to Shopify App Tracking: 1. Create a New Property in Analytics. 2. Add The Tracking ID To Your Shopify App Listing. 3. Tracking Shopify App Conversions. 4. Tracking Conversions In Google Ads
Read More
Launch a Brand For Pennies On The Dollar
Launch a Brand For Pennies On The Dollar

by Accessory To Success July 23, 2021 0 Comments

All the suggestions made concern very efficient and effective ways to make your business legitimate and successful for a very low cost. You can have great pictures, great themes, great design and great content at an affordable price. These are tools and strategies that work.
Read More
5 Chrome Extensions Everyone Must Download
5 Chrome Extensions Everyone Must Download

by Accessory To Success June 11, 2021 0 Comments

All five of the Chrome extensions explained in this article offer the help you need for many of the most common issues. Adding new functionalities to Chrome enables you to monitor vital areas of your website so you can make the necessary improvements. For your business to be successful, you need to take advantage of the best tools available
Read More