10 Types of Advanced Websites Built With Dynamic Content

Custom Post Type plugins are extremely useful when building online stores, recipe websites, real estate listings or business directories. In this post, you’ll learn how they help you in specific use cases and also find tips on how to implement these types of websites in Elementor.

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.

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!

About the Author

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.

27 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!!

  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

Leave a Reply