Come fare: integrare la tua app con Zapier

Postato su 5. agosto 2022 da Jan Bunk

Un robot umanoide che costruisce una macchina di Rube Goldberg in un tetro magazzino, arte digitale

Hai mai voluto automatizzare l'invio di notifiche push agli utenti della tua app ma non sai come codificare e quindi non puoi usare le nostre API? Non è più un problema! Abbiamo integrato webtoapp.design con Zapier, una piattaforma di automazione che ti permette di collegare migliaia di servizi all'API di webtoapp.design senza dover scrivere alcun codice.

Sei pronto a provarla? Questa integrazione è ancora in fase beta, quindi devi cliccare su questo link per accedervi: Ottenere l'accesso all'integrazione Zapier di webtoapp.design

Esempi di connessione

Ho impostato uno Zap per inviare automaticamente una notifica quando pubblico qualcosa di nuovo sul blog di webtoapp.design. Per farlo, ho utilizzato il trigger "RSS by Zapier", come puoi vedere nella schermata qui sotto.

Schermata dell'interfaccia di Zapier

Integrazione con WordPress

Nel caso in cui non avessi un feed RSS sul tuo sito web, ci sono molte altre integrazioni che potresti utilizzare per lo stesso scopo, ad esempio l'integrazione con Wordpress offre un trigger "Nuovo Post". Puoi utilizzare questa funzione per inviare una notifica a tutti gli utenti, oppure impostare le notifiche di argomento più avanzate. Con queste ultime i tuoi utenti possono iscriversi alle categorie del tuo sito web e ricevere una notifica quando viene pubblicato un nuovo post in una delle categorie sottoscritte. Ecco la configurazione di Zapier:

  • Trigger App: Wordpress
  • Event: New Post
  • Trigger:
    • Post Status: Published
    • Post Type: Posts
  • Action App: webtoapp.design
  • Event: Send Topic Push Notification
  • Action Setup:
    • Topic: Terms Slug (Questa è la categoria dell'articolo)
    • Push Notification Title: Title Rendered
    • URL to Open on Click: Link
    • Puoi lasciare gli altri campi vuoti o riempirli come preferisci.

Quindi aggiungi il seguente script e pulsante sul tuo sito web per consentire agli utenti di iscriversi e cancellarsi dagli argomenti.

Mostra il codice Questo codice in pratica trova la categoria della pagina corrente e dice all'applicazione di iscriversi/disiscriversi dalla categoria quando l'utente clicca sul pulsante.

<button type="button" id="subscribe-category-button" style="display: none; color: white;" onclick="toggleSubscriptionStatus()"></button>
<script src="https://webtoapp.design/static/js/app-helper.js"></script>
<script>
        executeWhenAppReady(async () => {
            document.getElementById("subscribe-category-button").style.display = "block";
            updateButton(await getSubscriptionStatus());
        });

        function updateButton(isSubscribed) {
            var subscribeButton = document.getElementById("subscribe-category-button");
            subscribeButton.innerHTML = isSubscribed ? "Unsubscribe" : "Subscribe";
            subscribeButton.style.backgroundColor = isSubscribed ? "red" : "green";
        }

        async function getSubscriptionStatus() {
            var subscribedTopics = (await getSubscribedNotificationTopics())["topics"];

            return subscribedTopics.includes(getTopicName());
        }

        function getTopicName() {
            for (var className of document.querySelector("article.post").classList) {
                if (className.startsWith("category-")) {
                    return className.substring(9);
                }
            }
        }

        async function toggleSubscriptionStatus() {
            try {
                var subscriptionStatus = await getSubscriptionStatus()
                setNotificationTopicSubscriptionStatus(!subscriptionStatus, getTopicName());
                updateButton(!subscriptionStatus);
            } catch (e) {
                console.log(e);
            }
        }
</script>
        

Altre idee

Ecco altri spunti su come automatizzare le tue notifiche push:

  • Pianifica la stessa notifica ogni settimana con il trigger "Schedule by Zapier".
  • Invia una notifica push prima dell'inizio di un evento dal tuo calendario Google
  • Invia i tuoi tweet anche come notifiche push con il trigger "User Tweet" di Twitter
  • Ci sono molti altri modi per condividere la tua attività sui social media con gli utenti della tua app: invia una notifica quando...
    • ... carichi un video su YouTube
    • ... vaiin diretta su Twitch
    • ... pubblichi qualcosa su Instagram

Hai trovato un modo fantastico per utilizzare Zapier con webtoapp.design? Fammelo sapere e lo aggiungerò alla lista!

Articoli correlati


Un robot umanoide che vende un'applicazione nel suo ufficio, arte digitale

Come fare: rivendere un'app white label

Su webtoapp.design offriamo un prodotto white label adatto ai rivenditori. Ecco alcuni consigli su come rivendere al meglio la tua app.

La mascotte android che riceve una notifica push su uno smartphone, arte digitale

Aggiorna la tua applicazione per essere pronta per Android 13

Android 13 è stato rilasciato: le app devono essere aggiornate per ricevere le notifiche push.

una fotocamera galleggiante che scatta una foto di uno smartphone, arte digitale

Realizzare e modificare gli screenshot della tua applicazione

Ecco come modificare gli screenshot che realizziamo per la tua app e come realizzare i tuoi screenshot.


Autore Jan Bunk
Scritto da
Jan Bunk

Ciao, sono Jan! Ho creato webtoapp.design nel 2019 mentre studiavo informatica all'università. Da allora sono cambiate molte cose: non solo mi sono laureato, ma non sono più solo nella gestione di webtoapp.design. Siamo diventati un team globale e completamente in remoto e abbiamo accumulato molta esperienza nello sviluppo e nella pubblicazione di app. Abbiamo creato e pubblicato centinaia di app negli app store, dove sono state scaricate centinaia di migliaia di volte.