Designing Email Layouts for Several RSS Feeds

Combining several RSS feeds solves the content-sourcing problem, but the email still needs a layout that remains readable when sections contain different numbers of items, title lengths and image sizes.

This article focuses on presentation. For source selection, audience rules and duplicate handling, use the multi-feed automation planning guide. For Mailchimp configuration, use the multiple RSS feeds in Mailchimp guide.

Give each feed a clear section

Use a consistent heading and visual treatment for each source or topic. Subscribers should be able to scan the newsletter and understand why items are grouped together.

Good section headings use language the subscriber recognises, such as “Research”, “Events” or “Vacancies”. Avoid exposing internal feed names or CMS labels. Hide a section cleanly when its feed has no eligible content rather than leaving an empty heading behind.

Establish a predictable reading order

Place universal or highest-priority content first, followed by preference-based sections. Keep the order consistent between sends so regular readers know where to find the content they value.

When the newsletter is personalised, an omitted section should not leave unexplained gaps or broken separators. Test each possible section as the first, middle and final block in the email.

Limit items from high-volume feeds

One busy feed can make every other section feel secondary. Set a maximum number of items per source and a maximum length for the newsletter as a whole.

A useful starting point is one featured item followed by two or three shorter items in each section. The appropriate limit depends on publishing frequency and audience expectations, so test with a week containing the maximum realistic volume.

Design for inconsistent feed content

Assume that some items will have no image, a long title or a very short excerpt. The layout should remain usable in every case.

  • Constrain images without changing their aspect ratio.
  • Provide a layout that still works when an image is missing.
  • Limit excerpts without cutting words or leaving broken markup.
  • Let long titles wrap without colliding with other elements.
  • Use complete, descriptive article links.
  • Avoid fixed-height content cards that depend on equal text lengths.

Website CSS does not carry into the email. Typography, spacing, image behaviour and button styles must be defined in the email template using techniques supported by the email clients you need to serve.

Keep the mobile version easy to scan

Multi-column web layouts often become cramped in email. Stack article content into a single column on small screens, keep body text comfortably readable and give links enough space to be tapped without hitting adjacent controls.

Check that section headings remain attached to the content they introduce and that decorative images do not push the first useful article below the initial viewport.

Use images consistently

Different feeds may expose images with different sizes and aspect ratios. Decide whether the template will crop images into a standard frame or preserve the original ratio. Do not stretch images to fill both a fixed width and fixed height.

If images are optional, avoid layouts where a missing image leaves half of a row blank. Supply meaningful alternative text when the image conveys information; use empty alternative text for purely decorative images.

Article titles normally provide the clearest primary link. If you also use a repeated call to action, wording such as “Read the research update” is more useful than several identical “Read more” links.

Confirm that tracking parameters do not create visually duplicated items or interfere with duplicate detection. Every article should resolve to its preferred permanent URL.

Test realistic combinations

Do not approve the template using one perfect item from every feed. Test:

  • the maximum number of sections and items;
  • only one populated section;
  • missing images;
  • unusually wide and tall images;
  • long titles and excerpts;
  • special characters;
  • a feed with no new content; and
  • personalised versions containing different combinations of sections.

Send representative tests to the mobile and desktop email clients used by your audience. Gmail, Outlook and Apple Mail can render the same markup differently. Check images-disabled mode as well as the normal view.

Review the live layout over time

Feed content changes even when the template does not. Review the generated emails periodically and after changes to the website CMS, feed generator or email platform.

Monitor for broken images, empty sections, excessive length and one feed repeatedly dominating the newsletter. These are content-system problems as much as design problems, and often need an adjustment to the feed rules rather than a cosmetic template change.

Next steps

Once the layout is resilient, connect it to a workflow with tested feeds, clear audience rules and sensible content limits. FlipRSS can combine several sources and match sections to Mailchimp subscriber preferences.

Explore personalised RSS-to-email automation or start a 30-day free trial.