How to Build a News Aggregator Site Using Elementor and Feedzy

News aggregator sites have existed since the early days of the Internet; some still doing exceptionally well. In this in-depth tutorial, we’ll show you how to build a news aggregator site with Elementor and Feedzy.

A news aggregator site seems like a fairly old-school type of idea — like something taken from the mid-2000s, perhaps. Surprisingly, news aggregator sites still get loads of traffic, even today, because, as we all know, internet traffic equals money.

I’m willing to bet that you consistently visit at least a couple of aggregator sites, perhaps without even realizing it. Metacritic is an excellent example of such a website (currently ranking among Alexa’s top 2000 sites). Only instead of news, it aggregates reviews from across the web. Another example, Techmeme — has become a go-to site for all tech-related stories. Many of us frequent the more creative examples, like Panda — focusing not only on text but also on the beautiful visual previews of content from Behance or Awwwards.

So if news aggregator sites are doing so well, why not build one of our own and get a piece of that cake? How hard can it be?

Apparently, it’s not hard at all. In fact, you could set it up and running in an afternoon. All you need is WordPress, Elementor, a decent looking theme, a plugin called Feedzy, and this in-depth tutorial to show you how to make it all happen.

Getting Started

Here’s a sneak peak at the final result we’ll be aiming for throughout this guide:

Granted, this is just a screenshot of the design, but you can already see all the individual elements pretty clearly.
For the most part, it looks like a normal news site. It has that design quality we’d expect in a magazine’s contents section, with a good distribution of the items in the page’s news-feed; the hero section at the top highlights the most recent or main story.

Note: No time to read? Just grab the downloadable template at the bottom of this page.

Here are the tools used:

What Makes a Quality Content Aggregator Website?

A genuine quality news aggregator site must include the following elements:

  • Quality content from quality sources
  • Quality content importing mechanism
  • Quality design that is functional and easily recognizable 

It’s no accident that quality content sources come first. If you get this step wrong, none of the other ones will matter. The reason that we’re leaving our designing till last is that this type of site is naturally content-heavy, and would be difficult to design without knowing what the content will be or look like.

A quality content source must be PURE:

  • Predictable
  • Uniform 
  • Righteous (credible, authoritative, perhaps noble) 
  • Eloquent (carrying the right tone)

Okay, I might have stretched the thesaurus there a bit to get this acronym, but it works better when we break it down:

  • Predictable – Our content must have an element of predictability for our readers to know what to expect. If we want to publish 5 items a week/month we have to be consistent. This should also be a consideration for picking our content sources. They too should have similar predictability. 
  • Uniform – Our content should look and feel familiar, and the way that we achieve that is through consistency in things such as layout, length, and tone.
  • Righteous – Our sources should be credible and respected. 
  • Eloquent – Our content must also carry the right tone. Content that conveys the author’s passion and honest, makes it more relatable. These, together with credibility, are all factors that play a part in motivating a reader to share the items on your aggregator. 

It’s entirely up to us to find our sources and define our content, so long as we can check them off on the list of traits above.

Regardless of how PURE your content is, we should publish content that we generally identify with. The last thing we want it to accidentally publish something that puts us on the wrong side of the political barricade, so to speak.

Fetching the Content

As previously stated, having a quality content importing mechanism is essential to the quality of our site.

The first steps are simple:

  1. Get a regular WordPress website up and running 
  2. Install and activate the Feedzy plugin.

Feedzy is an RSS aggregator plugin, with an “RSS to post” feature that allows you to import content instead of just supplying you with an RSS widget to put in the sidebar.

On top of that, you can filter through the imported pieces of content and curate them actively – deciding what to publish and what not to.

Installing Feedzy

  1. Install the free edition of Feedzy (available at WordPress.org) 
  2. Then install the Feedzy Pro alongside it.
  3. Activate both plugins and enter your license key. 

So far, it’s a pretty standard process.

Once installed, on the WordPress dashboard, go to Feedzy → Feed Categories and add a new category. Give it an appropriate name, and then in the field below, copy and paste the URLs of your sources. It’s important to provide the accurate URLs (of the sources) for the RSS feeds of the sources.

Click on Publish, to publish the category and then, once the Feed Categories window appears, grab the slug from the listing table (we’ll need it in a sec.).

Now go to Feedzy → Import Posts and create a new import by giving it a title and pasting in the Feed Category slug that we grabbed earlier.
Click on Next.

If you’re fetching content from one big site or from many sites, it’s best to set up a Feed Filter for the incoming posts by defining either the positive (display) or negative (exclude) keywords. You can also use this to limit the number of feed items you import each time.

At this point, we should do some fine-tuning to perfect the way that content is fetched and added to our site’s database. Here we’ll find a good range of settings.

The first three are pretty self-explanatory.
You’ll probably want to save your imported content as posts. As for the category, it’s best to create a new category for all aggregated content. And lastly, the post status is up to you, depending on whether you want to review/curate the content before publishing it, or you prefer the site to run automatically (select Publish or Draft).

The remaining fields define the way we want the posts to be presented on the site.

Notice that each option has a number of shortcodes that you can use. You can include them in whatever order to get the structure that seems to fit best.

Let’s take a look at the Post Content field.

We can choose to import the RSS feed content, the item’s full content, the description, and even the image and URL of the original item.

To do the original source justice, you probably shouldn’t import the full content, but instead, settle for the description and the URL of the source.

You can also choose to import the featured image from the original source. Alternatively, you could try this cool trick, and in the image field, enter the following line: https://source.unsplash.com/random

This URL will return a random image from Unsplash. Of course, you can step in and manually edit each imported post later on, just to get it to look exactly like you want it. After all, they are standard WordPress posts.

When you’re done here, click on Save & Activate. You’ll be taken to the main listing of your content imports.

All imported posts can be found in the Posts section of the wp-admin. They’re going to be either published or saved as draft based on the import settings you’ve set.

Even though it’s been a fairly simple process, it still feels like so far it’s been all work and no play. With our content set up and ready, we can get started with the fun part and design our site.

Getting the Core Design in Place

Saying that we’ve been saving Elementor for the design phase, is synonymous with saving the best for last. It not only gives us some great layout options and good typography, and as a bonus, it already provides us with the purpose-built Hello theme, that allows us to custom-build our own theme elements and templates. 

For this example, I’m going to use Neve since it’s currently one of the most popular themes in the official WordPress directory (but probably because I also work for the company that developed it). 

Installing Neve that same way you would any other WordPress theme. Just go to Appearance → Themes and add the theme by importing it from WordPress.org, then activate it.

Once you’ve activated Neve, I recommend importing a starter design just to get proper typography settings in place. I find that the main starter site – called “Original” – works great for this.

Important: When importing the starter site, make sure that you deselect the option to include the demo content. (We’ll be building our homepage in Elementor).

Create an "Archive" Template

As our content will be saved as posts, WordPress will be archiving them.

To spruce up our archive, go to Templates and click on Add New.
Select Archive as the type of template. Give it a name.

From the template selection pop-up, click on the Blocks tab, filter the search to only show templates for Archive and pick the one you like. This is the one is my choice:

What we’ll get is a complete archive page that looks almost perfect right out the box. We’ll only make a couple of changes. 

Because the first batch of our content has already been imported, we can get an idea of what the page will look like when we’re done.

First, we’ll remove the top section with the “Archives” heading.

Next, we’ll edit the main section that lists our posts. Click on the column’s pen icon and then adjust the settings to your preferences. You can find my settings below.

In the editor (left panel), I also went in to the Style tab to change the color of the headlines and set the gap between columns and rows to 30.

Right below the posts section, there’s a section with an additional call to action. You can put whatever you want there. I just changed the background color to match the overall aesthetic that I’m going for in this design.

Next, we need a good-looking hero section, at the top, to highlight the most recently imported post.

To do this we’ll add one of Elementor’s pre-made templates. This time, we’re going to filter the list to show only hero sections and pick this one:

We’ll move it all the way to the top of the page, and change the background to something that matches the niche. I’m also going to change the color scheme.

Next, we’ll make the headline dynamic so that it will always display the title of the most recent post. We do this by clicking on the headline widget and in the editor, selecting the Title’s Dynamic option, then pick Post Title from the list. Do the same for the Link parameter – click on Dynamic and select Post URL from the list (as shown below). 

Let’s add one more widget just below the headline, called Post Info, and we’ll use it to display the publication date and time.

Now we’ll also edit the text widget that’s above the headline and change it to something more relevant. Lastly, as we won’t be needing the Read More button, let’s remove it.

Here’s the result:

Now it’s time to do something about that video widget on the right. We’re going to switch that to display the featured image of the post instead of a random video.

To do this, we’ll use a widget called Featured Image and link it to the post’s URL via the Dynamic options:

You could also go into the Style tab to add some border radius, as I have done. Here’s the final result — our new hero section in all its glory:

When it comes to the page design of a news aggregator site, it’s so simple and yet so effective. All that’s left to do now is to assign it as the main archives page for your blog posts. 

It’s time to click on the Publish button and set the display conditions to All Archives.

This is what our news aggregator homepage looks like now that it’s done.

Create a Custom Single Post Template (Optional)

If you want to take things further and customize the way that the individual posts are displayed, then what you’ll want to do is create a new single post template.

I wrote an in-depth guide on how to do this a while ago. Feel free to read it.

You can design a new single post template very quickly in Elementor. Begin by going back to the WordPress dashboard to Templates and clicking on Add New. This time we’ll select Single Post from the dropdown menu, give it a name and click Create Template.

When the library opens up, use the filter options to bring up the ready-made designs for single posts, and select one that you like. Personally, I went with this one:

After making the headline a bit smaller and adding a slight border radius to the featured image, I got this result:

Looks good, if you ask me!

Done!

We’ve just learned how to build a news aggregator site using Elementor and Feedzy. I hope this has been helpful and that you’re already on your way crafting your aggregator site!

Oh, and here’s that page template I promised you at the beginning. You can import it just like any other Elementor template.

About the Author

Karol K
Karol K
Karol K. (@carlosinho) is a blogger and writer, published author, and founder of NewInternetOrder.com

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

you might also like

Liked This Article?

We have a lot more where that came from! Join 877,316 subscribers who stay ahead of the pack.
By entering your email, you agree to our Terms of Service and Privacy Policy.

Comments

34 Responses

  1. I really like this idea and great explanation without dumbing it down. I’m planning a site where I would have categories like Longevity, Exercise, etc.

    I’d like to have a news section and have each page show posts from multiple sources. Do you see any reason that wouldn’t work?

  2. Great tutorial!
    How could we extend this and have users sign up and choose to follow certain predefined sources by choosing tags we have set for those sources?

  3. This is exactly what I needed, today. I have a cobbled together news site that’s been losing traction, and this is the shot of adrenaline I needed to reorient this site and try your approach to getting my news site to a new level. Only question I have is this – how would you wrap this tutorial around a product that you intend to sell via WooCommerce? My news site’s true purpose is to bring traffic to the site but for the ultimate goal of pushing traffic to buy my stuff…any suggestyions appreciated.

  4. On my website I am using the same approach, but for importing rss (and not only rss) I am using WP Automatic plugin. Anв yes, I can confirm that aggregator websites still can bring to you traffic. Potentially a lot of traffic.
    Good article, as usual

  5. It seems that what you are encouraging here is copyright infringement.

    Importing entire posts, or substantial parts thereof, would be copyright infringement.

    You do say “to do the original source justice, you probably shouldn’t import the full content” but that is understating it. It is, in fact, not legal. Except if the source is creative commons or specifically states that you are allowed to copy it.

    Likewise with images: “You can also choose to import the featured image from the original source.” Copying images from someone else’s site and publishing them on your own is illegal and a copyright infringement, unless the copyright owner has specifically given you permission to do so.

    Or am I misunderstanding you?

    1. I think the assumption is you’re directing traffic to their site and never actually claiming the content as your own. Truthfully, you’re doing them a favor by linking to them and bringing attention to their content, correct? I’ve wrestled with this same thing in the past and everything I read seems to shine favorably to the idea of news aggregators, assuming you give proper credit.

    2. That has not been proven in court yet and it’s a gray area at best. There many cases of news aggregators that they didn’t mention that are even bigger than the one in these examples.

      Here enjoy the rabbit hole https://www.niemanlab.org/2010/09/whats-the-law-around-aggregating-news-online-a-harvard-law-report-on-the-risks-and-the-best-practices/

      Nobody is forcing you to do this or not they are showing an option that has been around for a very long time and if you do it right it’s very well received.

      1. Great article Max.

        Likewise, in Perfect 10, Inc v. Amazon.com, Inc., the court noted the significant public benefit provided by Google’s image search “by incorporating an original work into a new work, namely, an electronic reference tool,” and observed that “a search engine may be more transformative than a parody because a search engine provides an entirely new use of the original work, while a parody typically has the same entertainment purpose as the original work.”

    3. Hi, yes you are right if you would copy the text or the pictures into your site. So if the owner would change parts of the original nothing would happen on your site because the content is in it. With a RSS Plugin you only mirror the content of the other page. So if the owner change something it will also change on your page. That’s the different and so it is legal. I hope I could help a little with my understanding of that.

    4. Fair point Per, I’ve just been looking at the rss plugin thinking this seems to good to be true.

      But it’s it ethical / legal?!

    5. Same here:

      My first thought about this article: WOW great tool!

      Second thought: Wait a sec! Publishing images and texts (yes with link and credit) but without authorizations seems to me shady and ethically not ok at best and illegal at worst.

      Does Elementor and/or the author have some legal background information as well? including other parts of the world than US like EU for example?

      Thank you

    6. I’m certainly not encouraging copyright infringement. Not in this post, not in general.

      This is a how-to tutorial. Just like with WordPress itself and all the tools it delivers, it’s up to the user to use those tools in a legal way.

      There are multiple mechanisms built in to WordPress that could be used in an illegal way if the user were to choose to do so. For example, WordPress allows users to upload media to the site, and there are no checks built in to make sure whether the user has the legal right to use a given piece of media or not. This doesn’t mean we shouldn’t teach people how to upload images.

      Overall, it’s the user’s responsibility to know what can and cannot be done legally in their specific jurisdiction / scenario.

      Some content can be used without attribution, some needs to be attributed, some cannot be used at all, some can be quoted under fair use, and so on. Copyright laws are too complicated and not uniform across the globe to get into all that in a post like this. Then, we also need to consider the individual agreements the user might have with the sources, etc. I just chose to stay away from all that in this post.

      Granted, including the sentence “[…] to do the original source justice, you probably shouldn’t import the full content” was my mistake. That one did get too close to the legal side of things, and it probably shouldn’t be there.

      1. Actually, a really common use case is to use Feedzy to build internal resources, not a public site. In this case there are no potential Google issues and so on.

      2. And how it is it really any different from copying an external site link to Facebook or Twitter and having THOSE platforms pull the featured image and the headline and a link from that external post into one’s personal posting? Why can they do it but others can’t?

      3. Karol, great tutorial. One issue I’m having is how to link to the original source as in the example single post template you have above. I tried to mimic it, but I can’t seem to link the feedzy tag [#item_url] to a button in my template. Can you please shed some light on this? Thanks!

    7. wow you are right but they just want to teach us how to do it and i think they should this warning notice text what you wrote below the tutorial content to make sure people do aware of such things.

  6. Yes, full text would not be appropriate, but I believe that first 250 characters are ok, you could ask Google since the freely display the contents of websites without permission.

  7. Great Post. I’ve been shopping around for an RSS Aggregator for a while.

    Would you recommend setting up each feed as an author or a category? This is how I would like it…

    Author – The Listed author on the original site (handy if feed sites have multiple authors)
    Post Category – The feed source website
    Tags – Taken from the feed, or predefined based on the feed source.

    To have all these with archive pages, filter and searchable. Users can define notification, email update preferences and mobile app news feed entries.

    Is it possible to set up Feedzy this way?

    Thanks again, Adam.

  8. I like this idea! Can this be modified to make an investing OR market news agregator?

    In particular an agregator that is part of an investing/IRA website?

  9. Doesn’t the new EU regulation Article 7/23 aka the Meme Law (or whatever they’ve renamed it as) actually put an end to this? That deals with using content from other people’s sites, and is already affecting how companies like Google and Facebook operate in Europe. They risk fines of millions for allowing content providers use third-party content on their sites (YouTube, Facebook Live etc). Just the way GDPR regulations have impacted the way we store user information on our sites.

  10. Nice tutorial and interesting combo of elementor and feedzy. I’m trying to figure out how I might use elementor to design a scientific journal website. Almost all scientific journals are horrible to look at – cluttered, old fashioned, tricky to navigate, and journal hosting companies charge an absolute fortune to host them. Small publishers and scientists looking to establish their own journals are often locked out of the game without access to a big budget and developers. And yet these sites are essentially just a big blog with a set of specific needs in terms of meta data display and functionality. Surely the academic publishing industry could benefit from a tool like elementor to create something more modern, attractive, functional and that doesn’t cost the earth?! The big stumbling block is that publishers produce final manuscripts in a particular type of XML (JATS XML), which they use to populate their “posts”. And no two manuscripts are the same – they can be short or long, use unique section headings, written by multiple authors, contain numerous images, tables and references to other scientific papers cited throughout. I’ve experimented with using WP All import in wordpress, and elementor to design the templates and homepages for the site. But I can’t quite get WP all import to populate the custom posts properly (using ACF and Custom Post types). It’s a really interesting puzzle and I’d love to discuss the issue with someone at elementor to find a solution. There are hundreds or thousands of small publishers out there who could benefit from an elementor-wordpress solution to design and host their own sites and escape the massive fees charged by hosting companies to produce ugly and sub-optimal sites. And with the EU and US push towards open access publishing of all scientific research, there has never been a better time to offer a cost-effective solution to small publishers looking to escape the fees of large hosting companies and a move towards a business model that supports scientists over the insane profits of the scholarly publishing industry. Interested??

    1. Hi,
      I’m interested. I’m starting my own site that is not exactly like your idea but could have co-operative benefits. I will send more info via your website.

  11. Hello, I have a problem with the archive after import into a new page.
    All items in the archive disappear in page.
    My archive template shows all the articles.
    Someone has a solution?

  12. A problem with these types of aggregator sites is that there are so many of them and the chances of people finding you organically is low since this type of content is here one day and gone the next, not to mention the overwhelming complexity of having to wonder whether or not you are stealing content.

  13. Great post. Just what I needed to do with my neglected site. And those who are screaming copyright infringement, just chill guys. Content aggregation isn’t a copyright violation. Firstly, you are linking to the original source and secondly, you are only displaying a preview of the original content and not copying the entire content.

    This way you are actually doing the original source favour by linking to it and also it sending free traffic. It’s win-win for both.

  14. Question Inside –
    Great article – and it came at a perfect time. I am building a sports site for a client. I did everything and followed it to a T. However – here is the issue I am having.

    Let’s say I have 4 teams. I want each team to have its own archive page. I created an archive based on the team. When I set conditions I chose the correct category. The problem is, when I go to that category page it does not work.

    What am I doing wrong?

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 877,316 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.