10 Types of Advanced Websites Built With Dynamic Content

Want to learn to build advanced sites in WordPress?
Use Custom Post Type plugins to build online stores, recipe websites, real estate listings or business directories.

In order to build more than small 4-page sites, you have to understand what are the pieces that make up advanced WordPress sites.

I am talking about the difference between a portfolio site featuring works, Ecommerce site featuring products, courses sites and so on…

Here’s some great news for all you web creators:

If you learn to use Elementor, it means you don’t have to use code to build these advanced sites!

All you have to learn are 3 things:

Elementor, Custom Post Types and the structure of each site.

That’s exactly what I will teach in this article. I really recommend you go over this article several times and even save it for a second read, because it has potential to scale the types of websites you usually make.

Building Advanced Sites with CPT

Lately, on this blog, we’ve talked a lot about Custom Post Types. CPTs are a handy tool WordPress offers to create truly customized websites. They enable you to set up your own types of content with just the right properties to fit your site.

And especially when combined with Elementor and custom fields, you can implement any type of formatting and include any data you like. Plus, there are other benefits.

As a consequence, Custom Post Types have multiple possible applications and allow you to build a host of different websites. There are also a number of plugins that help you create and manage them such as:

To give you a better idea of how to use Custom Post Type plugins, in this post we’ll showcase different types of websites they are suited for. You’ll learn how Custom Post Types help you in specific use cases and also find tips on how to implement these types of websites in Elementor.

Sound good? Then let’s get started.

Example #1: Portfolio Sites

Elementor's template library: Portfolio website example

Portfolios are useful for a variety of people. In particular, creatives and freelancers use them to highlight their skills and attract more work. Depending on the type of work you do, your portfolio might include information like:

  • Name of the client
  • Type of work performed
  • Materials or technology used
  • Team members involved
  • Year of creation
  • Project description

You’ll also probably add some pictures and any other relevant information. 

If your goal is to create a portfolio website, Elementor offers a number of modules that help you to do so.

For one, there is the Portfolio widget – easily create an archive of portfolio items from your posts. The Posts widget is another alternative.

The Image Gallery or Image Carousel shows off several images of the same item and lets visitors see different views of your work.

Finally, the Testimonial or Testimonial Carousel widget lets potential clients read reviews by past customers. It’s one of the best ways to establish social proof.

Example #2: E-Commerce Sites

Keylimecanada.com: E-commerce website example

E-commerce and online shops are other areas where Custom Post Types are often employed. In fact, the most popular e-commerce plugin solutions use them to let you create products and other parts of your store. Shop content often has the following information:

  • Price
  • Sizes
  • Colors
  • Variations
  • Rating
  • Quantity

In addition to that, you most often find one or more product images, a description, shipping information and more.

While it’s entirely possible to create all this from scratch by yourself, it might make more sense to use an existing infrastructure such as WooCommerce. Especially if you combine it with WooCommerce Builder to make your life easier.

Example #3: Online Course Sites

www.improveinternational.com: Online Courses website example

Online courses can be a bit of a subsection of e-commerce, at least if you sell them. Doing so is increasingly becoming more widespread. By now, you can find tons of offers for online classes on a variety of topics.

Want to create your own course? You can also do that on your WordPress website. There are many learning management plugins out there to help you do so. Alternatively, you might configure your own course post types. These can include stuff like:

  • Course videos
  • About section
  • Lesson list
  • Price
  • Skills taught in the class
  • Instructor profile

Here, too, the Elementor Testimonials module comes in handy as well as Tabs, Accordion and Sidebar to structure your page content.

Example #4: Coupon Sites

Elementor's template library: Coupons website example

Offering coupons on your site is a great way to generate affiliate income. Many bloggers use them as a way to monetize their websites. They are also a good opportunity for using Custom Post Types.

The most common thing to add to a coupon is a button for the affiliate link. It simply looks better than just a link.

Of course, buttons are part of the standard elements in Elementor, so can use our editor to create a coupon template and add anything else you need.

Example #5: Review Sites

Elementor's template: Movie reviews website example

Reviews of any kind, such as for books or movies, are a classic application of Custom Post Types. Since they need a lot of specific data, they are a great way to take advantage of everything this WordPress feature has to offer. For example, you can display things like:

  • Author/director
  • Genre
  • Release date
  • Rating
  • Poster/cover
  • Description

Of course, if you are reviewing other things like smartphones or gadgets, you may choose different information. We’ve already hit upon creating reviews with Custom Post Types, custom fields and Elementor in this article, so can use this as a jumping-off point of your own.

Example #6: Staff and Team Pages

Freemius.com: About page example

A good About page is crucial for almost every site. It’s often one of the most visited parts of a website because visitors are naturally curious to know who is behind the scenes. For site owners, this is where you can give a human face to yourself and your company.

If you have a team, you can create Custom Post Types for all your staff members. In it, include things like:

  • Images of the staff members
  • Their role
  • When they joined the company
  • Department (so users can filter the results)

When using Elementor, you can also take advantage of the CPT archive function or Portfolio widget to create an About page where all staff profiles are presented in one place.

Example #7: Recipe Sites

Ginaschade.com: Recipe website example

Recipe posts are another classic application for using your own post types. After all, they come with lots of information that you don’t have in normal posts, like:

  • Portions
  • Preparation time
  • Cooking time
  • Nutritional values

Aside from that, it also makes sense to give recipes their own custom categories, such as:

  • Salads
  • Appetizers
  • Main courses
  • Snacks
  • Vegan
  • Gluten free
  • Paleo

This is the perfect place to use custom taxonomies! When building a recipe site, Elementor’s Image Gallery, Tabs or Accordion can really help structure all the content needed for your recipe posts.

Example #8: Real Estate Listings

Idolorealestate.com: Real estate website example

Real estate sites come with their own sets of challenges. You need to tell visitors a lot about the offers on your site to make it useful to them. For example:

  • Square meters/footage
  • Number of floors
  • Number of bedrooms
  • Price
  • Images from inside and outside
  • Contact information

By now you probably already understand how this is a case for Custom Post Types. There is actually a whole video on how to create a real estate site using Advanced Custom Fields and Elementor.

Example #9: Classifieds

Qjobs.nl: Job classifieds website example

Craigslist is the most successful site for classifieds and was one of the first major websites on the early Internet. Thanks to WordPress, today anyone can build a similar site. To do so, you can use, you guessed it, Custom Post Types to create different types of listings:

  • Apartments
  • Items for sale
  • Job offers
  • Services
  • Events

In fact, when you use custom forms to set up an input mask for the different types of content, it will remind you of the kinds of forms you fill out on Craigslist.

Of course, with Elementor you’re able to customize both the single listing items as well as the archives fully to your liking.

Example #10: Business Directories

Healthia.co.uk: Business directory example

The final example on the list of the types of websites you can create with Custom Post Types is a business directory. Here, too, take advantage of the customization options to control the content of your list items like:

  • Type of business
  • Business location/address
  • Contact information
  • Social profiles
  • Opening hours
  • Customer testimonials
  • Rating

If this is what you’re going for, here are some useful Elementor modules:

  • Testimonial/Testimonials Carousel
  • Google Maps
  • Social Icons
  • Image Gallery/Image Carousel

Wrapping Up

WordPress Custom Post Types and CPT plugins are awesome tools for creating a wide range of websites. Their flexibility makes them applicable for many use cases. The possibilities are endless.

Above, you’ve seen numerous examples of the types of sites available to you. From portfolios to coupons, reviews to business directories, they cover a broad spectrum. But, that’s not all – there lots more options. This article just gives you a taste of what’s out there.

Finally, when you do decide to create your own site with Custom Post Types, Elementor will save you plenty of time and effort along the way.

What type of website are you planning to build with Custom Post Types? 

Let us know in the comments section below!

Liked This Article?

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

About the Author

Nick Schäferhoff
Nick Schäferhoff
Nick Schäferhoff is an entrepreneur, online marketer, and professional blogger from Germany. When not building websites, creating content or helping his clients improve their online business, he can most often be found at the gym, the dojo or traveling the world with his wife.

Share on

Share on facebook
Share on google
Share on twitter
Share on linkedin

Comments

57 Responses

  1. The question is The search widget used in example #10 the is filtered with 2 queries / types. Because the search widget in current version of Elementor is not possible so, what was used?

    1. I have same issue. What about search. Elementor has no ability of modifying search against a particular categroy

  2. Good morning. Same question for the Real estate example. I’ve been searching for a search mechanism within Elementor and its plugins but so far nothing. Can you help me with some direction?
    Thank you so much in advance.

      1. Hey, Ben. I know ToolSet has deep cross relationships, from what I have read. I don’t currently have the ToolSet plugin . At this time there all queries and resulting pages (styled etc) is fully being done with ToolSet, correct?

        Thanks to you and the Elementor team for the great articles and releases.

  3. Same question here. Elementor lacks custom queries and search filter module. With these two features, Elementor won’t have limit to build complex websites.
    Looking forward to they be considered in a near future. 🙂

      1. Hi, Ben… this is great news. Could you elaborate a little on this and when we might see this solution? Thanks to you and the team for the great content and releases.

          1. Thank you, Matan. Here is to hoping, we will see this soon. With the big push for dynamic content, that we will have an Elementor way to query and Elementor way to show the resulting queries. Thanks you, Team Elementor.

  4. Big thx again!!!!

    One BIG reason I want to start using CPT/CF is so my clients can easily enter new items to their site. So I wonder what’s the best way to customize the ‘new item’ data-entry UI in the backend? I know it’s using a CPT with CFields but want it to look nice and clean too, like entering data in a form. (BTW, a more complex scenario I’m also a bit curious about is how to setup so one can add items from the front-end via a login or membership?) THX for any tips!!

    1. For a business network membership site, I created a custom post type for members and front end form with Toolset that allows new members to create their own member profile. They have access once they have a paid membership. I designed the layout of the profile page with Elementor. Members are also able to edit their own profile.

  5. Example #8 – could you tell me how to add “number of rooms icons, etc” ? in a single post it wouldnot be a problem. As in Example #6, how to display the staff’s job/title ?

  6. Elementor Pro is a useful, extensible, adaptable, clever tool.
    Toolset stopped giving away a free version. I understand their need for revenue for their work.
    $70/year = bare bones version, limited features,1 site.
    $150/year = the more useful version, useful set of features, 3 sites.
    $250/year = features you probably will not use, unlimited sites.

  7. I am building a books library with ACF and it is becoming a nice work but without search and queries everything is unuseful, as complex searches are the best part of it all. I also hope the Elementor form will allow users submitted content mapping the form fields with ACF custom fields. Thanks for your work!

      1. Hy Ben, I mean custom queries and search filter module, Is this already scheduled for beta or any timeframe for this? Thx again

  8. Since I even find it hard to create a simple website, learning about advanced websites really left me very impressed. They could really make their audience more interested. I wish to have such knowledge too which is highly in-demand.

  9. Hi, I’m using ACF Pro with Elementor Pro.
    I got a problem with ACF Gallery that never display in my Elementor template. I can select it but images don’t display ( in the editor and on the front end).
    Is it a known problem? Any suggestion to fix this?
    Thanks

  10. Hi Nick, is possible to get one of these templates, or are they examples of other people’s websites? The movie review example, #5, would be absolutely PERFECT for my blog. Is it possible to get it?

  11. Thanks Guys! I’d like to know how to make a dynamic “real estate listing” to my home page. Something that could be updated with every last post and has price, bedrooms, etc. I watched the whole video, but I didn’t see that part. I’d really appreciate y you help me with it. 🙂

  12. Toolset is far from being so easy to use and customize.
    Knowing that CTP is an essential function for building sites for customers, it would be really good if you developed a simple and integrated CTP solution at Elementor Pro, and there you will pass in front of everyone and become the reference of Page Builder. under WP. From there, all site designers will adapt Elementor Pro! Guaranteed!

  13. I want to create a CPT that would include fields for Speaker of the Day, Musician, and Person on Duty for my church to easily update each week’s calendar. Ideally it would have dynamic content attached such as an image, bio, and link that would auto fill when a dropdown list name is chosen. Thank you.

  14. I’m planning on building a website for a sports team, so player profiles, latest news, social media and upcoming events are the kind of thing I’m looking for. Example 6 looks the closest to me

  15. Hi, I use ACF with CTP UI and Elementor for website development. But it called my attention not seeing any reference to ACF on this article. I have tested Toolset and Pods in the past but I prefer CTP UI + ACF + Elementor Pro templates as it is a quite simple combo and are tools I am used to work with. But I have noticed that you did not mention ACF on this article (just referencing a quite popular tutorial).
    Did you put aside ACF in this article by chance or you discourages its use?
    Best

  16. why dynamic contains with advanced custom fields not working in elementor when i used group of fields in advanced custom fields
    any solution ?

  17. Thanks Nick, an excellent overview of WordPress and what is capable. I just finished up another WordPress site for my own company using Elementor for most of the design. Elegant and easy to use, once you step through the hurdles.

    For the most part, I build specific WordPress sites using themes for quick, and satisfying turnarounds for my customers. The end result, the customer get an awesome looking website, its SEO compatible already, and once you add a few bells and whistles and tie in the content properly, you now have an excellent SEO website.

    My latest site: https://tuckertekinc.com which was something I was always doing. However, now it is more focused on the services I was offering.

    Regards,

    Tom Cullen

  18. I am building a media website for events in town. I will be changing and updating everyday with listings and calendar events. I will also be selling ad space. Any and all suggestions will be gladly and graciously accepted. I have never built a website before. TIA, Tami

  19. Is this possible to develop a Business directory website with elementor?
    A busunbus directory of a city, where all shop/business (of any types.) Can be show .

  20. I am making a course page template using Elementor Pro,Custom Fields and Custom post type UI plugins. I plan to create accordion for the course content.

    Course content has chapter name and sub topics. Not every chapter has subtopics. Every course has different number of chapters. I am trying to put this data into my template. something like this [https://i.redd.it/y83kkjgby9s21.png]

    I am unable to add dynamic number of accordions and description of accordions also doesn’t have option to dynamically assign content. Any idea how can I achieve this?
    [https://i.redd.it/6s3da8ppy9s21.png]

  21. Is there a way to reduce the amount of script loading, and only load the scripts that you need. Making the website leaner .
    Look forward to seen your filter when you release it.
    Love your product by the way and its a game changer

Leave a Reply

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

Want to learn how to build better websites?

Join 722,494 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.