How to Build a Custom Post Type in WordPress (The Right Way!)

If you’re managing a membership site with various types of content like courses, webinars, and live streams, organizing them effectively is essential. In this guide, I’ll walk you through creating a custom post listing using JetEngine, Elementor, and Memberium to structure your content efficiently.

Why Use Custom Post Types?

Custom post types (CPTs) help separate different content types within a membership site. Instead of treating webinars as courses, you can create a dedicated post type for webinars, making navigation and content management easier.

Setting Up a Custom Post Type with JetEngine

Step 1: Install the Necessary Plugins

Before you begin, ensure you have the following plugins installed:

• Elementor
• JetEngine
• Memberium

Step 2: Create a New Custom Post Type

1. Navigate to JetEngine > Post Types.
2. Click Add New and name it “Webinars”.
3. Configure the settings:
   • Set an appropriate menu icon.
   • Enable the Featured Image option.
   • Add meta fields:
     • Total Video Time (Type: Number)
     • Completion Tag (Type: Number, useful for integrations with Keep/Infusionsoft)
4. Save the post type.

Step 3: Adding Categories for Webinars

1. Navigate to JetEngine > Taxonomies.
2. Create a new taxonomy named “Webinar Categories”.
3. Assign this taxonomy to the “Webinars” post type.

Adding Content to Your Custom Post Type

1. Go to Webinars > Add New.
2. Enter a title (e.g., “Webinar Sample 1”).
3. Add metadata:
   • Total Video Time: 12 minutes
   • Completion Tag: (e.g., 121 from Keep)
4. Assign a category (e.g., “Category A”).
5. Upload a featured image.
6. Click Publish.

Repeat this process to add multiple webinars.

Creating the Post Listing with JetEngine

Step 1: Create a Listing Template

1. Go to JetEngine > Listings.
2. Click Add New Listing and select:
   • Source: Posts
   • Post Type: Webinars
3. Name it “Webinars Listing” and create the listing item.
4. Add the following elements:
   • Featured Image
   • Dynamic Field (Title)
   • Dynamic Field (Total Video Time, formatted with “minutes”)
   • Terms Field (Webinar Category)

Step 2: Style the Listing

1. Set the category and total time to display inline.
2. Add a clock icon next to the total time.
3. Adjust font sizes and spacing for a cleaner look.

Step 3: Display the Listing on a Page

1. Create a new page and name it All Webinars.
2. Edit the page with Elementor.
3. Add a Listing Grid widget.
4. Select “Webinars Listing” as the source.
5. Adjust settings and publish the page.

Final Thoughts

This setup provides a structured way to organize your webinars inside a membership site. Using JetEngine’s dynamic fields and Elementor’s customization, you can create a user-friendly and visually appealing webinar archive.

Stay tuned for the next tutorial, where I’ll show you how to integrate GamiPress to gamify your webinars and track user progress!

Tools & Plugins that used

• Crocoblock JetEngine
• Memberium
• Elementor