Posted on 5. August 2022 by Jan Bunk
Did you ever want to automate sending push notifications to your app users but don't know how to code, so you can't use our API? That's no problem any longer! We have integrated webtoapp.design with Zapier, an automation platform that allows you to connect thousands of services with the webtoapp.design API without writing any code yourself.
Ready to try it out? This integration is still in beta, so you need to click this link to get access: Get access to the webtoapp.design Zapier integration
I've set up a Zap to automatically send a notification when I post something new on the webtoapp.design blog. To do that, I used the "RSS by Zapier" trigger, as you can see in the screenshot below.
In case you don't have an RSS feed on your website, there are also lots of other integrations that you could use for the same goal, e.g. the Wordpress integration offers a "New Post" trigger. You can either use that to send notification to all users, or set up the more advanced topic notifications. With those your users can subscribe to categories of your website and get a notification when a new post is published in one of the subscribed categories. Here's the Zapier configuration for that:
Then add the following script and button on your website to allow your users to subscribe and unsubscribe from topics.
<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>
Here's some more inspiration on how you could automate your push notifications:
Found a great way to use Zapier with webtoapp.design? Let me know and I'll add it to the list!
Related Articles
How To: Resell a White Label App
At webtoapp.design we offer a white label product suitable for resellers. Here are some tips on how to best resell your app.
Convert your Website into an App
All popular websites have their own app. When you know which features you can get with a web to app conversion, you will understand the benefits.
Differences between Android and iOS Apps
In this article we discuss the benefits Android apps have over iOS apps and in which case an iOS app for your website is the better option.
This website is operated by me, Jan, and my team. I have previously developed a bunch of apps for clients and my own projects. Back in 2019 I noticed that none of the existing website to app converters provide the kind of service I'd expect as a customer. That inspired me to develop a better solution - webtoapp.design. By now, the apps I've created with my team have already been downloaded hundreds of thousands of times from the app stores.