Inserting a live feed from an Instagram or Pinterest account into an email

            Including a live feed from an external source can be tricky, especially when it involves complicated HTML code which in turn can incur deliverability issues. 

            There are applications available though, such as NiftyImages, which make a live feed possible by pulling in just one image.

            Using a NiftyImages account, here are the steps to take:

            Step 1 - Pick an account or a trend

            Having logged into your account on (please refer back to the first blog in this series of 3 for the lowdown on this application) click to create a new image.

            Choose ‘Live Instagram Feed’ or ‘Pinterest Live Feed’.

            Your Instagram options are:
            • Type your account user name into the Search box, starting with an @ symbol or
            • Type a hashtag to make a collage of a trending word/phrase
            The predictive search results helps greatly if you want to see which hashtags are most popular (how many posts have included them). This one seems quite popular!…

            Your Pinterest options are:
            • Type your Pinterest User name into the Search box, or
            • Type a Board name

            Step 2 - Set your grid size

            Pick how many columns and rows of thumbnails you want, up to a maximum of 4 x 4. When the preview loads there’s a handy reference on screen of how many pixels in size this grid will be.

            Step 3 - Set your thumbnail width

            Within the grid, set how wide do you want each of the thumbnails in your grid to be. Again, the pixel reference on screen helps you get just the right dimensions that works with your email campaign layout.

            If it’s an Instagram feed then you’re assured of each thumbnail being square. With Pinterest, the heights could (and probably will) easily vary as there’s no hard and fast rule with this platform.

            Step 4 - More options

            Time to get really pernickety. I love this kind of detail:
            - Background colour (hex value)
            - Image padding (in px)
            - Image border style or spray or dropshadow
            - Dropshadow colour (hex value)
            - Dropshadow size (px)

            Step 5 - Adding the feed to your email

            After saving your live feed image, just like the steps for making a new personalised image or a countdown timer, you will be given the HTML for your  image. No matter how many thumbnail images in your grid, it will still be just the one image that you create and add to an email. A few tips for this part of the process:
            1. The prompt on screen will have advised you regards the pixel dimensions of your feed so make sure you pick an area in your email where is room for the image to display. Unlike the way your NewZapp template scales an oversized image down to fit the size of the image block you dropped onto, your live feed image will display at the actual size you saw when creating it.
            2. Although I’ve talked about, and shown, shots of image grids there’s no reason not to pull in just one image. This could be a regular part of your emails which constantly updates itself.
            3. The feed won’t include a link, so if you’re featuring a particular account (rather than a trend) you’ll need to include one to lead your subscribers to the account to view more posts and to follow and share. Pop a link on the image feed itself, as its likely that a subscriber will simply click on an image.
              For an illustrated version of this article, please visit the following blog on our website:
            For an illustrated version of this article, please visit the following blog on our website:
            Updated: 21 Dec 2017 10:40 PM
            Help us to make this article better
            0 0