¡Crea un sistema de alerta para conseguir el nuevo iPhone 13!

Oct 11, 2021

Como era de esperar, el iPhone 13 Pro es de lo que todo el mundo habla y, sobre todo, lo que todo el mundo intenta tener. PERO suele estar agotado. Sin embargo, estar fuera de stock es una condición temporal y no deberías tener que estresarte cada 5 minutos comprobando en cada tienda si ya está de vuelta. No. Por eso te enseñamos a crear un sistema de alertas que te indique cuándo una tienda ha vuelto a tener existencias del producto. Y por supuesto, puedes hacer esto con todos los productos que quieras. Además, esto está hecho usando Bubble y Zapier, No se requiere código.

Así que lo primero que vamos a hacer es, en google chrome, ir a http://apple.com y completar el proceso de compra hasta que se habilite el botón "Add to bag" (mantendremos nombres de botones en su idioma original para facilitar la instrucción). Luego vamos a hacer una inspección de la página (clic derecho -> inspeccionar) para que puedas ver lo que está sucediendo tras escena. Verás algo así:


En la ventana de inspección que has abierto, haz clic en la pestaña "network" o “red”. Esto mostrará todas las peticiones que el sitio web hace en el back-end. Ahora haz clic en la tienda que aparece como no disponible y verás cómo aparecen algunos procesos en el inspector.

Ahora deberíamos ver una ventana emergente titulada "iPhone Availability". En la ventana del inspector, busquemos un proceso cuyo nombre empiece por "pickup-message-recommendation...". Copiamos la URL después de "Request URL".

Después, iremos a Bubble, crearemos un nuevo proyecto y nos dirigiremos a la sección de plugins.

A continuación, busca el plugin del conector API e instálalo.

Vamos a nombrar esta API, seleccionar la autenticación como "None or self-handled", hacer clic en "Add another call", dar a esta llamada un nombre como "iPhone", elegir Usar como "Action", y en el espacio de la URL, pegar la URL que copiamos al inspeccionar el sitio web de Apple.

En una página en blanco, ahora debemos ir a create a workflow. Selecciona el evento "Do every 5 seconds".

Haz clic en "Click here to add an action", ve a plugins y selecciona la llamada a la API creada en el paso anterior. Hasta aquí, cada vez que se abra esta página, cada 5 segundos, se hará una petición a la URL que hemos tomado de Apple para ver si hay disponibilidad.

Ahora bien, si finalmente el iPhone vuelve a estar en stock en alguna tienda, querríamos recibir un correo electrónico, un SMS o una llamada telefónica (o todos ellos, si eres extra). Para ello, utilizaremos Zapier. Así que nos vamos a dirigir a Zapier, inicia sesión o crea una cuenta y crea tu primer Zap.

Empezaremos seleccionando Webhooks by Zapier como el trigger y seleccionando "Catch Hook" como evento deseado.

En el paso de Set up trigger, copiaremos la URL que aparece ahí y volveremos a Bubble en la sección de Plugins. Crearemos una nueva llamada a través del botón "Add another call", y de forma muy similar a lo que acabamos de hacer, pegaremos la URL de Zapier aquí y pulsaremos "Initialize Call".


De vuelta en Zapier, hacemos clic en "Test trigger", y si todo se ha configurado correctamente, deberíamos ver una pantalla como esta.

Volvamos a Bubble y añadamos una acción para incluir la nueva llamada que acabamos de hacer. Es importante añadir aquí una condición "only when" para que esta llamada solo se realice siempre que cambie el texto "No iPhone 13 Pro Max models are available for pickup ...".

Ahora estamos listos para agregar las siguientes acciones, como enviar un SMS, un correo electrónico saliente o una llamada telefónica a través de Vonage, ¡o las tres!

Ahora activa el Zap, publica tu sitio Bubble en algún lugar y mantén esa página abierta. Entonces, cada vez que el iPhone 13 Pro vuelva a estar en stock en la zona que hayas seleccionado, tendrás una alarma automatizada que te avisará y te permitirá ser el primero en comprar este recurso ultra escaso.

Y eso es todo! Cuéntanos cómo te resulta, y si consigues tu iPhone gracias a este sistema de alerta!

Hacer una fila en una tienda, llamar por teléfono o incluso consultar una página web son cosas del pasado si se está dispuesto a hacer un esfuerzo adicional. Un paso más hacia un mundo post desarrollador.

Felipe Abello

Founder & CEO at HelloGuru