How to Create a Resources Page with Elementor

Help your audience get ahead with a list of your favorite resources

Share This

Blog » Make » Elementor Tutorials » How to Create a Resources Page with Elementor

Aloha! Some posts contain affiliate links, which means I make a small commission if you click
my affiliate links and make a purchase. To learn more, click here. Thank you for supporting Reroute Lifestyle!

Imagine this: you wake up, fully recharged and rested after a good night’s sleep. One of the first things you do after your morning routine is open your email inbox.

New Email: A referral commission from your favorite affiliate program!

And in the email, you see where the referral came from: your Resources page!

Which is incredible, because you haven’t needed to update your Resources page for 6 months.

Life is good!

What is a Resources Page?

A Resources page is just that: a collection of resources and tools you recommend. There are benefits for you, and your website visitors, for building a resources page!

  • Place of reference for your website visitors
  • A way to flex your expertise and build relationships
  • Source of passive income

Maybe a potential client is visiting your website but not quite ready to work with you yet. What resources can you direct them to that will put them in a position where they’re ready to work with you?

Or maybe someone just found your website and love the content they’ve found so far! They want to learn more about you do and how you work. Your Resource page can help guide them in the right direction or act as a page for them to regularly reference on their journey.

To create a successful Resources page, put yourself in a beginner’s shoes: what did you want to know when you first started your journey?

  • Travel blogger? What are your favorite travel resources, books and blogs?
  • Freelance writer? What are essential tools you use for your career? Did you read any books or take any courses to improve your skillset?
  • Social media manager? What tools or software do you use to schedule social media? Edit graphics?

When I first started vlogging, I wasn’t knowledgable about photography or cameras or film. It’s a subject that has so many complexities (for me) that I don’t really understand the jargon or all the features of a product. So I looked to my favorite vloggers on YouTube and read about what they recommended and why.

Like I said, the complicated vocabulary means nothing to me. So I bought a camera vloggers recommended with the two prerequisites I had: the capability to record video and a selfie camera.

Vlogging isn’t really my cup of tea (I’m SO shy when it comes to recording videos in public), but the camera I use has a really nice selfie mirror.

But here’s the moral of the story: your website visitors see you as a resource, maybe even an “expert”. They might not want to do all the research you do. So help them take a few steps forward by showing the results of your research.

What to Include on Your Resources Page

  • Affiliate links to your favorite softwares, tools and products
  • Links to your favorite industry podcasts, blogs and Instagrams
  • Blog posts for someone just starting out that you’ve written or read
  • Link to your lead magnet or email opt-in

Communication is important! Sure, you can easily create a list on links to your favorite resources. But remember that people go to your Resources page to skip some parts of the research. So you should be able to communicate to a visitor why something would help them on their journey. 

How to Build a Resources Page for Free on WordPress Using Elementor

As a designer, I exclusively use the Elementor plugin for WordPress to build and design landing pages and websites! I use the paid version but you can actually use the free version of the plugin to build a very nice Resources page!

The extra time you put into designing your Resources page will help your calls-to-action stand out, which will thus help increase conversions from your page!

1. Download Elementor Plugin for WordPress

The best part about the Elementor plugin is you can use it with any theme! So the first step is to download the Elementor plugin and install it on your WordPress website.

2. Create a new page and build it with the Elementor plugin

Next, create your resources page (if it doesn’t already exist). From the page editor, click the blue “Edit with Elementor” button.

3. Use Elementor’s widgets to build your Resources page

Once you’re in the Elementor page builder, you’ll see two buttons you can start playing with! The red “+” icon (pictured below) lets you choose how many columns you will want in the section. The folder icon (also pictured below) lets you choose from templates. 

  • Inner Section: A widget that allows you to have sections within sections
  • Text Editor: Basic text editor
  • Image Box: Add and style an image
  • Button: Easily add a buton to your page
  • Toggle: This is a dropdown/accordion styled menu

Protip: Interested in changing the background color of columns or rows? Click here to learn more about customizing sections using Elementor.

4. Start laying out the content on the page

Finally, you can easily start laying out the content on the page! Start with a thoughtful description at the top. If you’re appealing to multiple audiences, consider separating your resources (e.g. travel, freelance).

And if you’re promoting affiliate links, don’t forget to include an affiliate disclaimer on the page! 

For the actual resources, you can either list them out or build them similar to my Resources page.

As you can see in the image below, every row on my Resources page is a different section

Then, I use the Image Box widget to display the logo, the text under the logo, and the company name. In the same column beneath each widget box, I describe the Resource a bit more using the Text Editor widget. At the bottom of the column, there is a call-to-action Button widget.

It is super simple to build!

Protip: After you make your first row, make sure your coding is mobile responsive before moving on! Click the “Responsive Mode” icon in the bottom left corner of your screen to view the tablet and mobile editors.

Once your section is mobile responsive, you can Duplicate the section you just built for additional sections on your page! Voila!

5. Add ways for people to share the Resources page!

As a bonus, add ways for people to share your Resources page!

  • Set a Featured image for your page
  • Add a Pinterest image (600x900px) to the page
  • Add social media sharing icons (Facebook, Twitter, etc.)
  • Encourage people to tag you on social media if they share your post

Are you ready to start building your Resources page?! Click the button below to download the free version of the Elementor plugin!

Promote products you love on an optimized Resources page!

Sure, you can have a list of links of resources you approve and recommend. But it can take you less than two hours to build an organized Resources page that communicates why someone should make a purchase!

So let me know, are you going to build a Resources page?!

Drop a comment below if you have any questions.


About the Author

Table of Contents