Blog

<p>At <a href="http://wot.io">wot.io</a> we're always working on interesting new things and as you can see here, we like to blog about them. With everything going on, people were asking for an easy way to be notified when new blog posts go up. The answer was to use one of our data services, <a href="http://bip.io">bip.io</a>, to watch the blog RSS feed and send email when a new post goes up. In this post, we'll explain how we did it and how you can use bip.io to set up a similar notification system for any blog that has an RSS feed.</p>
<p>What will you need? <br /> 1. Link to RSS feed of blog (usually blogurl.com/rss) <br /> 2. Free <a href="http://bip.io">bip.io</a> account <br /> 3. Free or premium <a href="http://mailgun.com">Mailgun</a> Account. (You can also use <a href="http://mandrill.com">Mandrill</a>)</p>
<p><strong>Step 1:</strong> Sign up on <a href="http://bip.io">bip.io</a> (It's free!) or sign in if you already have an account.</p>
<p><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/Screen-Shot-2015-10-08-at-3-25-30-PM-2.png" alt="" /></p>
<p><strong>Step 2:</strong> In this step, we'll create a new bip and add Syndication (or RSS) feed as an Event.</p>
<p>Click on Create a bip <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/create-a-bip.png" alt="" /></p>
<p>Proceed to Select Event Source <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/select-event-source.png" alt="" /></p>
<p>Find Syndication in the list of available pods <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/select-syndication.png" alt="" /></p>
<p><strong>Step 3:</strong> In this step we will configure Syndication Pod to 'listen' to the RSS feed.</p>
<p>Click on Subscribe To A Feed <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/subscribe-to-rss-feed-bipio.png" alt="" /></p>
<p>In this example, we'll subscribe to a <a href="http://labs.wot.io">labs.wot.io</a> feed, but the process is the same for most syndication feeds. Enter a Feed name and Feed URL <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/bipio-blog-subscribe-rss.png" alt="" /></p>
<p>Click OK</p>
<p><strong>Step 4:</strong> Add an Email Notification.</p>
<p>Click Add an Action <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/add-an-action-on-bipio.png" alt="" /></p>
<p>Select "Mailgun" from the available pods <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/select-mailgun-rss-notification.png" alt="" /></p>
<p>You will be asked to authenticate the API Key from Mailgun if you are using it first time on bip.io. The API Key can be found on your Mailgun account by going to Mailgun Dashboard --&gt; Click on Domain Name (<a href="https://help.mailgun.com/hc/en-us/articles/203380100-Where-can-I-find-my-API-key-and-SMTP-credentials-">Tutorial</a>)</p>
<p>Choose the "Send an Email" action <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/choose-send-an-email.png" alt="" /></p>
<p>Connect the incoming RSS feed with Mailgun Pod by dragging your mouse pointer from Syndication pod to Email pod. It will look like this <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/mailgun-rssfeed.png" alt="" /></p>
<p><strong>Step 5:</strong> Configuring Email</p>
<p>Double-click on Mailgun pod to open the configuration window <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/select-mailgun-option.png" alt="" /></p>
<p>Enter details like From, Mailgun Domain Name and recipient address. <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/basic-details-mailgun.png" alt="" /></p>
<p>Next, configure the subject of email. <a href="http://bip.io">bip.io</a> offers various attributes to include in the text like <em>Post Title, Summary, Author, Date etc</em>.</p>
<p>Post Author is selected by default on bip.io. <br /> Here's how my subject and Text email looks like -</p>
<p><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/bipio-rss-feed-subscribe-subject-text-1.png" alt="" /></p>
<p>The email body can hold HTML formatting and attributes.</p>
<p><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/screenshot-bip-io-2015-10-16-10-08-43-1.png" alt="" /></p>
<p>Here, I have added attributes Title, Article Summary and Link. They can be separated by <code>&lt;br /&gt;</code> tags to add line breaks in the email.</p>
<p>Click OK.</p>
<p>We're all set! Go ahead and click <strong>Save</strong> to save your bip. <br /><img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/save-bip.png" alt="" /></p>
<p><strong>Now that it's running, here's how I see email notifications in my gmail inbox</strong> <img src="http://idfiles.leveelabs.com/55bd0288af0b0930ba599bd0c4b7ca38/resources/img_new/labs_wot_io/screenshot-mail-google-com-2015-10-16-10-10-16.png" alt="" /></p>
<h3 id="morepodsandactions">More Pods and Actions</h3>
<p>This is a simple bip, but it handles the complexity of parsing the incoming feed, making it easy for you to format the outgoing email message. Plus it handles all of the details of communicating with the Mailgun API. And there are many more things you can do with bip.io like adding some functions to watch for certain things in incoming messages, modifying the content before you send your email, or sending email to different people depending on the content. You can also add many more notification types including sending text messages (<a href="https://www.twilio.com/">Twilio</a>), posting to <a href="http://slack.com">Slack</a>, or even creating your own curated RSS feed.</p>