As expected, the iPhone 13 Pro is what everyone is talking about and, most importantly, what everyone is trying to get their hands on. BUT it’s usually out of stock. However, being out of stock is a temporary condition and you shouldn’t have to stress out every 5 minutes by checking on every store if it’s back already. No. That’s why we are teaching you how to create an alert system that tells you when a store has stocked the product again. And of course, you can do this with every product you might want. Also, this is made using Bubble and Zapier, No coding required.
So the first thing we are going to do is, on google chrome, go to http://apple.com and complete the buying process until the "Add to bag" button is enabled. Then we’ll do an inspection of the page (right-click -> inspect) so that you can see what's happening under the hood. You'll see something like this:
On the inspect window you opened, click on the "network" tab. This will show all the requests that the website does on the back-end. Now click on the store that shows as unavailable and see how some processes show up in the inspector.
We should now see a pop-up window titled "iPhone Availability." In the inspector window, let’s search for a process whose name starts with "pickup-message-recommendation....". Copy the URL after "Request URL".
After that, let’s head to Bubble, create a new project and go to the plugins section.
Then search for the API connector plugin and install it.
Let’s name this API, select authentication as "None or self-handled", click on "Add another call", give this call a name such as "iPhone", choose Use as "Action", and in the URL space, paste the URL that we copied when inspecting Apple's website.
On a blank page, we should now go to create a workflow. Select the "Do every 5 seconds" event.
Click on "Click here to add an action", go to plugins and select the API call created in the previous step. Until here, whenever this page is opened, every 5 seconds, a request will be made to the URL that we grabbed from Apple to see if there's availability.
Now, if the iPhone finally gets back in stock in any store, we would want to receive an email, an SMS, or a phone call (or all of them, if you are extra like that). For this, we'll use Zapier. So, go to http://zapier.com, log in or create an account and create your first Zap.
We'll start by selecting Webhooks by Zapier as the trigger and selecting "Catch Hook" as the desired event.
In the setup trigger step, we will copy the URL that shows up there and go back to Bubble in the Plugins section. We will create a new call through the "Add another call" button, and very similar to what we just did, paste the URL from Zapier in here and press "Initialize Call".
Back in Zapier, click on "Test trigger", and if everything was set up correctly, we should see a screen like this.
Let's go back to Bubble and add an action to include the new call that we just made. It's important to add an "only when" condition here so that this call is only made whenever the text "No iPhone 13 Pro Max models are available for pickup ..." changes.
Now we're ready to add the following actions such as sending an SMS, an outbound email, or a phone call through Vonage, or the three of them!
Go ahead, turn on the Zap, publish your Bubble site somewhere and keep that page open. Then, whenever iPhone 13 Pro is back in stock in your selected area, you'll have an automated alarm that will notify you and allow you to be the first to buy this ultra scarce resource.
And that’s about it! Let us know how it turns out for you, and if you get your iPhone thanks to this alert system!
Making a line on a store, making a phone call, or even checking a website, are all things from the past if you are willing to go the extra mile. This is a step towards a post-developer world.