November 1, 2023

JetEngine Single Post Template – Get Started With the Basics (Lesson 5)

Play Video
Tutorial Walkthrough
This video tutorial provides an in-depth walkthrough, and we recommend following along with the video to grasp the concept fully. Below, you'll find a summary of the tutorial, but please note that it may leave out some detailed steps, so watching the video will give you the most comprehensive understanding.

In this tutorial, we’ll walk you through the essentials of creating a JetEngine Single Post Template. We’ll kick things off by setting up dynamic fields, which serve as the building blocks for your custom post types.


Please make sure you have the following installed and activated:

Customizing Field Output

In this section, we’ll explore how to customize the output of dynamic fields. You can add text before or after the field value to give it context.

Tip: Use the before and after options in JetEngine to easily add text around your field values.

Adding More Fields and Styling

Next, we’ll add more dynamic fields like “Occurrence” and “Cost per Hour.” We’ll also learn how to style these fields.

Tip: To make your fields stand out, consider using Elementor’s styling options like color and typography.

Organizing Fields and Adjusting Layout

Organization is key. We’ll rearrange the fields for better visual presentation and adjust the layout to make it more user-friendly.

Tip: Use Elementor’s drag-and-drop feature for quick and easy adjustments.

Adding Further Details with Containers

Here, we introduce the concept of parent and child containers. These allow you to add extra details like images and text.

Tip: Use child containers to break up large chunks of text and make your layout more engaging.

Gallery Options

We’ll explore different ways to add a gallery of images using Elementor and JetEngine.

Tip: If you’re not using Elementor’s gallery widget, JetEngine offers a similar feature that’s just as powerful.

Adding Trainer Details

This section focuses on how to dynamically add trainer details like name and email.

Tip: Use JetEngine’s dynamic tags to pull this information automatically.

Adding Location Information

We’ll show you how to add a location map and details, focusing on conditional display based on whether a location is set.

Tip: Use JetEngine’s conditional logic features to display content only when certain conditions are met.

Final Tips and Tricks

To wrap up, we’ll share some additional tips, including how to conditionally hide certain elements using custom CSS.

Tip: JetEngine’s visibility options can be a lifesaver when you need to hide or show elements based on conditions.

JetEngine Single Post Template – Conclusion

That’s it for this tutorial on setting up a JetEngine Single Post Template. We’ve covered everything from setting up dynamic fields to adding galleries and location maps. Happy building!

Required Resources

JetEngine Logo
Payment required
Credit to Web Squadron
Web Squadron is a popular YouTube channel dedicated to providing informative tutorials, tips, and insights on web development and design. With a strong focus on WordPress and website builders like Bricks Builder, the channel aims to help users of all skill levels, from beginners to advanced developers, create and optimize their websites. By offering easy-to-understand, step-by-step guidance, Web Squadron provides practical and valuable content.
JetEngine Single Post Template – Get Started With the Basics (Lesson 5)
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.