Cómo: Integrar tu aplicación con Zapier

¿Alguna vez has querido automatizar el envío de notificaciones push a los usuarios de tu aplicación, pero no sabes cómo codificar, por lo que no puedes utilizar nuestra API? ¡Eso ya no es un problema! Hemos integrado webtoapp.design con Zapier, una plataforma de automatización que te permite conectar miles de servicios con la API de webtoapp.design sin codificar nada.

¿Listo para probarlo? Esta integración todavía está en fase beta, así que tienes que hacer clic en este enlace para acceder: Accede a la integración Zapier de webtoapp.design

Ejemplos de conexión

He configurado un Zap para enviar automáticamente una notificación cuando publique algo nuevo en el blog de webtoapp.design. Para ello, he utilizado el activador "RSS by Zapier", como puedes ver en la siguiente captura de pantalla.

Integración con WordPress

En caso de que no tengas un canal RSS en tu sitio web, también hay muchas otras integraciones que podrías utilizar para el mismo objetivo, por ejemplo, la integración de Wordpress ofrece un activador de "Nueva publicación" (New Post). Puedes utilizarlo para enviar una notificación a todos los usuarios, o configurar las notificaciones de temas más avanzadas. Con ellas, tus usuarios pueden suscribirse a categorías de tu sitio web y recibir una notificación cuando se publique un nuevo post en una de las categorías suscritas. Aquí tienes la configuración de Zapier para ello:

• 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 (Esta es la categoría del artículo)
  • Push Notification Title: Title Rendered
  • URL to Open on Click: Link
  • Puedes dejar los demás campos vacíos o llenarlos como desees.

A continuación, añade el siguiente script y botón en tu sitio web para permitir a tus usuarios suscribirse y darse de baja de los temas.

<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>
        

Otras ideas

Aquí tienes más inspiración sobre cómo podrías automatizar tus notificaciones push:

• Programa la misma notificación cada semana con el activador "Schedule by Zapier"
• Envía una notificación push antes de que comience un evento de tu Google Calendar
• Envía tus Tweets como notificaciones push con el activador "User Tweet" de Twitter
• Hay muchas más formas de compartir tu actividad en las redes sociales con los usuarios de tu aplicación: envía una notificación cuando...
  • ...subas un video a YouTube
  • ...transmitas en vivo en Twitch
  • …publiques algo en Instagram

¿Has encontrado una buena forma de utilizar Zapier con webtoapp.design? ¡Házmelo saber y lo añadiré a la lista!