Creating a Single Page for CCT Item
Learn how to create a single page for the WordPress JetEngine’s Custom Content Types using the add-on.
Before you start, check the tutorial requirements:
- Elementor (Free version)
- JetEngine plugin installed and activated, with a Custom Content Type created
JetEngine Custom Content Types (CCTs) allows you to create an optimized way to store the data in the WordPress database — it stores all the data in a single table.
With JetEngine listings, you can output this data in the format of a list, grid, carousel, table, etc. The only limitation: out-of-the-box CCTs do not support single-page views, unlike WordPress’ native Custom Post Types.
This add-on removes this limitation. It allows you to select which CCTs should have a single page and how the page’s URL will look. Then, in the Listing Grid Item for the given CCT, you can add a link to this single page so users can visit it.
Install the Add-on
First, download the ZIP file by clicking the green “Code” button from the GitHub link.
Then, install the add-on as a new plugin and activate it. A new CCT Single Page tab will appear in the WordPress Dashboard.
Create a Listing
Following the How to Create Custom Content Type Listing Template in Elementor guide, create a simple listing template.
Add the Dynamic Link widget to the template. For the Source field, select the “CCT Single Page Link” option.
You can also attach the link to the Dynamic Image widget. Enable the Linked Image toggle and select the “CCT Single Page Link” option in the Link Source dropdown.
Click the “Publish” button once you are ready.
Set Up the CCT Single Page
Proceed to WordPress Dashboard > CCT Single Page and click the “Add New” button.
In the Rewrite base input, define the part of the URL between your home url and the actual CCT slug (“procedures” in this tutorial). Select the required CCT to add a single page in the Content Type field.
In the Content template dropdown, choose the Listing Item template created earlier, which will serve as the main content template for the single page. You can use any builders supported by JetEngine to create it. In the Slug field input, select the CCT field, which will be used to generate a slug of the current CCT item for the URL. You can use a specially defined field in your CCT that is already formatted for the URL. Or any other text field of your CCT. Plugin automatically formats it as a URL slug.
In the Page title pattern input, define the format of the page title, which will be generated for the current CCT item. The Meta description pattern is the format of the page’s meta description.
For the last two fields, you can use any CCT fields in %field_name% format. For the Slug field, use plain field_name, without %.
For Page title pattern and Meta description pattern, you can use plain array fields — they will be imploded into the string.
Click the “Save Settings” button.
Add the Listing to a Page
Proceed to the page where you need to place the Listing Grid widget and select the template you created earlier.
Publish the changes.
Check the Result
Proceed to the front-end page where the listing is displayed.
When we click the “Read More” button, we are redirected to the CCT item’s single page.
That’s it. Now, you know how to create a Single Page for the WordPress JetEngine’s CCT Items using the custom add-on.