Documentation Setup CalendarMap Hub

Special Bundle Offer in top imge (vgl BF offer: https://www.tomtom.com/en_gb/navigation/

Headings:
– Recommended for You
– Essentials
((vgl BF offer: https://www.tomtom.com/en_gb/navigation/ en TRC Calendar Overview)

Tripaneer: https://www.one-tab.com/page/MYhUt84sQziafBDvz65jHg

Search Quest:
https://www.tripaneer.com/
Quest layout: https://www.tripaneer.com/sanatana-yog-sandesh/10-day-online-yoga-retreat
Add to favorites:
https://www.tripaneer.com/favorites
Partner form:
https://www.tripaneer.com/partners
Deals: https://www.tripaneer.com/deals

Here’s a clear and simplified Trail Runners Connection (TRC) version inspired by Tripaneer.com — but focused on purpose-driven running adventures:

TRC — A Global Platform for Purpose-Driven Running Adventures

Discover. Join. Share. Support.
Trail Runners Connection connects runners, brands, clubs, and causes through a living calendar of impactful running adventures, challenges, and campaigns.

What You Can Do with TRC:

1. Explore Adventures
Find unique running experiences — from solo fundraisers to team expeditions — across all 7 continents. Filter by cause, location, trail type, or goal.

2. Add Your Adventure
Running a meaningful race, challenge, or community event? Add it to the calendar and gain visibility among a global network of engaged runners and supporters.

3. Get Featured
Boost your exposure with profile pages, highlights in our email and social media, and a free entry into the Trails of Impact Awards.

4. Connect & Collaborate
We match you with potential partners, brands, and collaborators to take your impact to the next level — without chasing sponsors or building alone.

Simple Pricing

$25 flat rate for a full-year listing
✔ Calendar placement
✔ Basic profile page
✔ Social + email inclusion
✔ Free Awards entry

Add-ons (optional):
– Featured slot
– Social spotlight
– Custom matchmaking

TRC = Where Runners with Purpose Get Seen, Supported, and Celebrated.
List your adventure now or explore what others are doing around the world.

Translation of Lootjestrekken.nl to TRC (Gear Gifting for Milestone-Based Adventures):

TRC Gear Quest – Surprise Runners with Purpose

Inspired by lootjestrekken.nl (secret gift draws), Trail Runners Connection introduces a gamified way for brands to offer gear at meaningful moments during a runner’s journey.

How it works:

1. Runner Starts a Quest:
– They join a campaign, challenge, or adventure via TRC.
– Their journey has clear milestones (e.g. 100km reached, funds raised, story published).

2. Brand Enters the Gear Pool:
– You (as a brand) offer gear or experiences that align with the mission, goal, or milestone.

3. Surprise & Delight:
– When runners hit key points, they get rewarded — either as surprise loot or through a draw.
– Your brand is featured with visibility before, during, and after the reward moment.

4. Everybody Wins:
– Runners get motivation.
– Brands get meaningful engagement, storytelling, and authentic product placement.

Pricing for Brands (Suggested):

Base Entry: 50–100 per product listing
✔ Gear listed in the reward pool
✔ Visibility in calendar quests
✔ Mention in reward email/social posts

Featured Partner Package:250–500/month
✔ Guaranteed milestone placement
✔ Full-page brand profile

✔ Social spotlight
✔ Runner-generated content (photos/videos)

Campaign Co-Sponsor (custom):
✔ Co-create a branded quest
✔ Data capture, lead gen, deeper integration
✔ Starts at $1K+

This aligns product exposure with runner motivation — not ads, but active impact.

Concept: Gear Drops at Milestones
Transform product giveaways into purpose-driven, story-rich experiences.

💡 For Runners:

1. Motivation with Meaning
Get rewarded with surprise gear drops when you reach meaningful milestones in your adventure (e.g. fundraising goal, distance completed, story published).

2. Not Just Free Stuff — Earning It Feels Better
You unlock gear through commitment and progress — not luck. It’s earned, not gifted.

3. Discover New Gear That Aligns With Your Goals
Receive curated, tested, trail-worthy gear that fits your style and project.

4. Shareable Moments
Gear drops become exciting content — natural moments to post about your progress, tag the brand, and celebrate your story.

💼 For Brands, Clubs, and Causes:

1. Milestone = Moment of Maximum Relevance
Your product shows up exactly when the runner needs it or has earned it. That’s prime emotional timing.

2. No More “Spray & Pray” Product Placement
Your brand becomes part of the runner’s story, not a random sponsor on a crowded jersey.

3. Built-In Storytelling + UGC
Each gear drop is a potential case study, testimonial, or social post — real runners, real use, real credibility.

4. Matched by Relevance
TRC can match your product to the right runner, audience, terrain, and story — ensuring high alignment and retention.

5. Brand Visibility Inside a Trusted Network
You’re featured in the TRC Calendar, Adventure Quests, and Gear Highlights — not lost in ads, but integrated in a meaningful way.

6. Performance Insights, Not Just Clicks
Track engagement based on milestones hit, campaigns completed, UGC shared, etc. This is impact marketing, not just impressions.

7. Long-Term Loyalty, Not One-Off Sales
You’re not giving something away — you’re being part of a transformation a runner won’t forget.

🔧 New Add-On Ideas:

– Featured Gear Partner in Quest Cards
– “Gear Drop Quest” Co-Creation Packages
– Custom Code Milestones (e.g. 15% off if they reach 50km)
– Sponsor a Milestone Leaderboard or Award
– Bundle Product with a Cause-Driven Quest
– Early Access Product Testing by Verified Runners
– Sponsor a “Surprise Drop” Gear Box at Awards Event

*translate Luma-style features https://luma.com/discover  into your own TRC ecosystem* (without adding external platforms), here’s how you can *repurpose the same logic and flow directly into your site or workflow*:
 
1. *TRC Adventure Calendar (Core Feature)*
*What it mirrors:* Luma’s centralized calendar
*TRC version:*
– Create a *dynamic Adventure Calendar* on your site (e.g., as a custom post type or embedded module)
– Each “event” = a running milestone, challenge, Roast Hour, live Q&A, co-creation sprint, etc.
– Add filters by theme (solo run, cause-based, community trail, etc.)
> *Engagement idea:* Let users “pin” their own adventure to the calendar (like a shoutout board) and let others RSVP or follow their progress.
Co-Host a milestone quest/session
 
2. *Integrated Messaging/Engagement/Encouragement*
*What it mirrors:* Luma’s built-in reminders and communications
*TRC version:*
– Use *automated email flows* or WhatsApp messages for adventure steps, checkpoints, or spotlight moments
– Examples: “You’re 3 steps from launching your Trail Brand” or “Next Live Roast in 24h”
 
> Keep language fun and mission-driven — like a trail guide checking in before the summit.
 
3. *Member Spotlight + Social Proof*
*What it mirrors:* Luma’s RSVP/attendee lists
*TRC version:*
– Showcase who’s participating (e.g., “This week’s featured runners”)
– Create micro-badges or “Adventure Cards” that display next to member names based on activity
 
> Think Taylor Swift meets Strava meets community awards.
 
4. Frictionless Signups for Events/Roasts
What it mirrors: Luma’s RSVP/ticketing
TRC version:
– Use simple embedded forms or buttons within your calendar to “Book a Spot” or “Join the Trail”
– No payment, just commitment + visibility = psychological engagement
– Confirmation emails double as trail progress markers
 
5. Analytics for You, Recognition for Them
What it mirrors: Luma’s event analytics
TRC version:
– You track engagement manually or via tags/email activity
– Runners earn recognition: “Top Trailblazer”, “Most Shared Adventure”, “Early Trail Riser”
 
————–
( Looking at your existing design and the gamification case study, here’s what I’d recommend for maximum customer value:
Transform Your Calendar into a “Trail Discovery Engine”

Instead of showing one daily item, create weekly themed collections using our Dynamic Calendar’s multi-day event functionality. Each week could feature a different global running region with 3-5 collectible cards.)

8 Best Gamification WordPress Plugins for Creating Engaging Websites

Strategic Setup:
  • Group posts by “Date from custom field” to control exactly when collections unlock
  • Use custom taxonomies for regions (Alps, Patagonia, Himalayas, etc.)
  • Create listing templates that display card previews with “unlock dates”
Value-Driven Content Structure:
  • Monday: Region spotlight with stunning visuals
  • Wednesday: Trail highlight with difficulty ratings
  • Friday: Local runner story or adventure tip
  • Weekend: Exclusive content for subscribers only
Gamification Integration:
  • Add scarcity (“Only 48 hours to collect this card”)
  • Include progress tracking (“5/12 Alpine trails discovered”)
  • Create seasonal collections tied to your award festival
Customer-Centric Benefits:
  • Practical value: Real trail recommendations with GPS coordinates
  • Social proof: Featured runner stories and achievements
  • Exclusive access: Premium cards only for subscribers
  • Clear progression: Visual collection completion tracking
This approach transforms passive browsing into active collecting while building anticipation for your award festival! The calendar becomes a discovery tool rather than just content display.
 
Calendar with Collectible Cards Setup:
(Use our Dynamic Calendar widget with custom styling to match your clean design aesthetic. Create a listing template for each calendar cell that displays your collectible cards with rich imagery and card-based layouts.
Key Configuration:
  • Set Group posts by to “Date from custom field” to control when cards appear
  • Use Listing Grid widgets for the card layouts with hover effects and dynamic content
  • Create custom taxonomies for your categories (regions, trail types, etc.)
Card Design Recreation:
Build custom listing layouts using our template system – you can create that clean, story-driven card aesthetic with images, titles, and interactive elements. The hover effects and overlay content are fully customizable.
MVP Benefits:
  • Calendar creates anticipation and scarcity (limited collectible releases)
  • Visual appeal drives engagement and social sharing
  • Easy to track which regions/cards generate most interest
  • Simple monetization through card purchases or premium access
Styling Integration:
Configure the calendar’s Style settings to match your brand – customize colors, typography, spacing, and mobile responsiveness to achieve that polished Trail Runners Connection look.
This calendar-first approach is brilliant for testing market demand while building your email list! 🏃‍♂️✨)
 
Proven Market Demand: The Boost MyCroco platform we built shows there’s real appetite for specialized community platforms. They have over 200 active users paying for a niche Crocoblock community – imagine the potential for the massive running market!
Engagement = Revenue: Gamification dramatically increases user retention and participation. When runners earn points, unlock badges, and compete in challenges, they stay engaged longer and become paying community members.
Multiple Revenue Streams:
  • Membership subscriptions for access to challenges and leaderboards
  • Premium features like advanced analytics and exclusive missions
  • Marketplace commissions from the rewards store (running gear, race entries)
  • Corporate partnerships with running brands for sponsored challenges
Competitive Advantage: Most running apps focus on basic tracking. A comprehensive gamified community platform with social features, detailed progress analytics, and reward systems would stand out significantly in the market.
Community Stickiness: The combination of personal achievement tracking, social competition, and tangible rewards creates multiple motivation loops that keep users engaged and willing to pay for premium experiences.

The running community is passionate and willing to invest in tools that enhance their experience – your gamified TRC platform would tap into that perfectly! 🏃‍♂️💰

!!! Dynamic Content Matching: Our Query Builder can serve personalized content based on user behavior and preferences – showing the right adventure/trail/cause at the perfect moment in their journey.

!!! Each runner that signs up to nominate their own or someone else’s adventure/brand/cause/club/community can get daily/weekly notifications and calendar cards to stay informed and involved, and (if they want) keep them on track.

(Dynamic Calendar for Running Events:

– Use JetEngine’s Dynamic Calendar module to showcase running events by region

– Display events with images, dates, locations, and descriptions from your custom post types

– Group events by regions or categories using meta fields)

!!! Top 10  Lists, e.g.  Global Running Regions:

– Create custom post types for regions with rich content (stories, images, opportunities)

– Use Query Builder to create dynamic lists sorted by popularity, impact, or engagement

– Design beautiful Listing Grids to showcase these regions with compelling visuals

Making It Engaging:

– Add clickable cards that lead to detailed region pages with stories and opportunities

– Include “Join This Region” buttons linking to your voting forms

– Use dynamic content to show real-time participation numbers

SETUP VOTING SYSTEM:

Conversation with Crocoblock
Started on September 30, 2025 at 11:48 PM Kyiv time EEST (GMT+0300)

11:48 PM | Merlijn: ‘How To’ question

11:48 PM | Mr. Crocoman: Hi there😊 You’re chatting with Mr. Crocoman AI Agent. I’m well-trained and ready to help you today – and if you’d rather talk to a real person from our team, just let me know!
To get started, why not explore our helpful resources: Knowledge Base (https://crocoblock.com/knowledge-base/), Troubleshooting (https://crocoblock.com/knowledge-base/troubleshooting/) guides, YouTube (https://www.youtube.com/Crocoblock) video tutorials, and Addons (https://crocoblock.com/freemium/tools/) page? They’re full of useful tips! ✨

11:48 PM | Mr. Crocoman: Still need a hand? Just share the issue you’re facing – the more details you give, the better I can assist you 🤝

11:51 PM | Merlijn: hi
I try to build a platform to connect runners, supporters, clubs, brands, charities to create impact through running adventure campaigns.
I want to invite people to vote for the most connective and impactful initiatives.
We discussed this setup:
– Create custom post types for nominees, categories, and votes using JetEngine
– Build voting forms with JetFormBuilder for secure ballot collection
Can you expand on how to set up the voting?
I already have CPTs for nominees: runners, brands, clubs, causes

11:51 PM | Mr. Crocoman: Great project, Merlijn! Here’s how to set up the voting system:
Create Voting Form:
1. Go to JetFormBuilder > Add New and create your voting form
2. Add Select or Radio fields for single-choice voting (best for “most impactful” votes)
3. Use Checkbox fields if you want multiple selections per category (https://jetformbuilder.com/features/jetformbuilder-connecting-wordpress-related-items-with-post-submit-actions/)
Populate Nominees Dynamically:
– In your form fields, choose “Generate Dynamically”
– Select “Posts” as source and choose your nominee CPTs (runners, brands, clubs, causes)
– This automatically pulls all nominees into voting options (https://crocoblock.com/blog/wordpress-jetformbuilder-jetengine-combo/)
Set Up Post Submit Actions:
1. Add “Save Form Record” action to store all votes securely
2. Add “Insert/Update Post” action:
• Choose your “votes” CPT as Post Type
• Set Post Status to “Published”
• Map form fields to your vote CPT meta fields (https://jetformbuilder.com/features/how-to-configure-hierarchical-select-form-field/) (https://crocoblock.com/knowledge-base/jetengine/form-notifications-settings-overview-legacy/)
Display Results:
Use JetEngine Query Builder with “JetFormBuilder Records” as query type to create voting results displays (https://jetformbuilder.com/blog/wordpress-form-submission/)
Need help with any specific part of this setup?

Sources:
How to Configure Hierarchical Select Form Field 一 JetFormBuilder | Crocoblock (https://jetformbuilder.com/features/how-to-configure-hierarchical-select-form-field/)
JetFormBuilder & JetEngine Combo: 10 PRO Features to Supercharge Forms – Crocoblock (https://crocoblock.com/blog/wordpress-jetformbuilder-jetengine-combo/)
JetFormBuilder: Connecting WordPress Related Items with Post Submit Actions | Crocoblock (https://jetformbuilder.com/features/jetformbuilder-connecting-wordpress-related-items-with-post-submit-actions/)
How to Adjust Send Email Notification in Form Widget — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/form-notifications-settings-overview-legacy/)
WordPress Form Submission – JetFormBuilder Scenarios | FormBuilder (https://jetformbuilder.com/blog/wordpress-form-submission/)


Exported from Crocoblock on September 30, 2025 at 11:53 PM Kyiv time EEST (GMT+0300)

Conversation with Crocoblock
(SEE DOWNLOADS:  crocoblock_calendar map setup2025_09_22_215470943882619.txt)

Started on September 21, 2025 at 02:16 PM Kyiv time EEST (GMT+0300)


03:10 PM | Mr. Crocoman: Hi Merlijn! 😊 Your idea about creating engaging calendar cards and regional lists is brilliant for drawing people in organically!
You can absolutely build this with our tools. Here’s how to create those inspiring anchor points:
(Dynamic Calendar for Running Events:
– Use JetEngine’s Dynamic Calendar module to showcase running events by region (https://crocoblock.com/blog/10-plugins-you-no-longer-need-if-you-have-jetengine/)
– Display events with images, dates, locations, and descriptions from your custom post types
– Group events by regions or categories using meta fields
Top 50 Global Running Regions Lists:
– Create custom post types for regions with rich content (stories, images, opportunities) (https://crocoblock.com/blog/wordpress-toolset-jetengine-plugins-comparison/)
– Use Query Builder to create dynamic lists sorted by popularity, impact, or engagement (https://crocoblock.com/blog/elementor-loop-builder-vs-jetengine-listings/)
– Design beautiful Listing Grids to showcase these regions with compelling visuals (https://crocoblock.com/blog/gutenberg-portfolio/)
Making It Engaging:
– Add clickable cards that lead to detailed region pages with stories and opportunities
– Include “Join This Region” buttons linking to your voting forms
– Use dynamic content to show real-time participation numbers
Feel free to share your case study materials – they could provide great insights for optimizing the user journey! What specific aspect would you like to tackle first?

Sources:
10+ WordPress Plugins You Can Replace With JetEngine – Crocoblock (https://crocoblock.com/blog/10-plugins-you-no-longer-need-if-you-have-jetengine/)
Elementor Loop Builder vs. JetEngine Listings Compared – Crocoblock (https://crocoblock.com/blog/elementor-loop-builder-vs-jetengine-listings/)
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
Toolset vs. JetEngine: WordPress Plugins Features Comparison – Crocoblock (https://crocoblock.com/blog/wordpress-toolset-jetengine-plugins-comparison/)
Building WordPress Portfolio with Free JetGridBuilder Gutenberg Plugin – Crocoblock (https://crocoblock.com/blog/gutenberg-portfolio/)

03:14 PM | Mr. Crocoman: If you still need help refining your platform or have more details to share, I’m here to assist! Would you like to provide more about the case study or any particular challenge you’re facing?

03:21 PM | Merlijn: sounds great.
I’ll upload the case study material in a bit to give you am idea of the bigger picture.
First I’d like to send out a blog with some sort of teaser about what’s coming.
I’ll also need a landing page and the calendar could be the MVP to get people to sign up.
What I do like about the calendar is that is can combine/show several CPT’s.
But I don’t like the design options.
I created this page already so maybe I can use that and/or can I make the calendar look more like that?:
https://expeditiondeep.com/explore

03:22 PM | Mr. Crocoman: Great thinking, Merlijn! 😊 You’re absolutely right about the calendar’s ability to combine multiple CPTs – that’s one of its strongest features. (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
Regarding design customization, you have several options to make the calendar match your existing page style:
Style Settings Available:
The Dynamic Calendar widget includes comprehensive style settings for customizing caption, navigation arrows, weekday names, day items, and mobile view.
Enhanced Design Flexibility:
The design options are actually quite extensive – you can showcase text, icons, or images, use them as backgrounds, apply animations, and more. Our creativity is the only limit when it comes to styling the calendar content. (https://crocoblock.com/blog/responsive-tables-elementor/)
Custom Listing Templates:
Since the calendar uses listing templates to display events in each cell, you can create highly customized listing templates in Elementor that match your existing page design perfectly. (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-dynamic-calendar-in-gutenberg/)
Integration Approach:
You could potentially integrate calendar elements into your existing page layout or use the calendar’s styling capabilities to mirror your current design aesthetic.
I can’t access the URL you mentioned, but once you share more details about your specific design preferences or the case study materials, I can provide more targeted guidance on achieving that exact look! What specific design elements from your existing page would you like to replicate in the calendar?

Sources:
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
Elementor Tables Creation: Best Practices and Plugins – Crocoblock (https://crocoblock.com/blog/responsive-tables-elementor/)
Creating Dynamic Calendar in Gutenberg — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-dynamic-calendar-in-gutenberg/)

03:26 PM | Mr. Crocoman: If you still need help with your calendar design or blog teaser, I’m here to support you! Would you like to share more details about the design elements you want to replicate or any other challenges you’re facing?

03:58 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+14_57_06.png?expires=1759261500&signature=9eeb75af833d616d2a9dbccdf4971b1c10964cfb78123ae9589d0e35ecf59e2e&req=dSckEM1%2BnIdZXvMW1HO4zbLgB52ufPCSzfj%2F8v7rqAsPuVFBtd2%2Fno%2B5JLqD%0A2TTwU9%2BcdsI27e2Pha8%3D%0A”] ok, I’ll look into it again. Is calendar’s ability to combine multiple CPTs a unique feature or do other widgets/solutions have that option as well?
See image for impression of https://expeditiondeep.com/explore:

03:58 PM | Mr. Crocoman: Great question, Merlijn! 😊 The calendar’s ability to combine multiple CPTs isn’t entirely unique – other widgets in our toolkit offer this flexibility too.
Other widgets that can display multiple CPTs:
– Listing Grid widget – has a “Use Custom Post Types” toggle that lets you show posts from two or more different post types (https://crocoblock.com/knowledge-base/jetengine/how-to-display-several-custom-post-types-in-one-listing-grid-widget/) (https://crocoblock.com/knowledge-base/jetengine/showcasing-custom-posts-via-listing-grid-with-bricks/)
– Query Builder – can query and display content from various post types simultaneously
What makes the calendar special:
The Dynamic Calendar’s strength lies in its date-based organization – it can pull events from multiple CPTs and organize them chronologically in one unified calendar view (https://crocoblock.com/blog/10-plugins-you-no-longer-need-if-you-have-jetengine/)
Looking at your “Trail Runners Connection” design – that clean card-based layout with tabs is absolutely achievable! You could create similar visual appeal using:
– Listing Grid widgets for the card layouts
– Custom taxonomies for the tab categories (Continent, Trails, Adventures, Stories)

– Rich imagery and custom styling to match that inspiring, story-driven approach
The calendar could work beautifully as your MVP signup hook, especially if you style it to match that clean, engaging aesthetic you’ve shown. Would you like specific guidance on recreating those card designs or integrating the calendar styling?

Sources:
How to Display Several Custom Post Types in One Listing Grid Widget — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-display-several-custom-post-types-in-one-listing-grid-widget/)
How to Showcase Custom Posts via Listing Grid with Bricks | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/showcasing-custom-posts-via-listing-grid-with-bricks/)
10+ WordPress Plugins You Can Replace With JetEngine – Crocoblock (https://crocoblock.com/blog/10-plugins-you-no-longer-need-if-you-have-jetengine/)

04:02 PM | Mr. Crocoman: If you still need help with recreating the card designs or styling the calendar, I’m happy to assist! Would you like to share more about the specific features or look you want to achieve?

04:11 PM | Merlijn: Yes!!
Before we dive in, here’s some background info about what I want to achieve with my platform:
I want to make a customer journey translation (e.g. how TRC’s Expedition Calendar, Cards, Awards, etc. would replace the elements from the case study).)

!!!!! I try to translate and build the needed functionality for a smooth customer journey in my TRC platform using this casestudy.
Each runner that signs up to nominate their own or someone else’s adventure/brand/cause/club/community can get daily/weekly notifications and calendar card to stay informed and involved, and (if they want) keep them on track. Each can get their own profile card/’passport’ (skills, expertise, training/nutrition approach etc) like baseball cards (https://www.stryvemarketing.com/blog/want-the-best-from-your-employees-use-baseball-cards/) and collect other cards (add to/vote for favorites). They can initiate/see/join opportunities (e.g. volunteer, support, sponsor) It’s also a way to introduce/test/improve Expedition Deep ‘missions’. I plan to do the awards in 2 months but not sure how realistic this is, because I still don’t manage to get people to sign up/respond. So that’s why I want to tease them and collect data with this set up. I think the connection/matchmaking is a valuable component. I can weave cards of adventures/ trails/brands/causes/clubs/communities/books/movies/location highlights into the stories of ‘Run in the footsteps of…’, so people see the right offer/lead/motivation etc at the right moment/milestone of their journey. Jeff Walker (PLF) says you should ask/sell before you create anything, but I feel the need to create at least a basic set up to show people the concept and what’s in it for them. And it helps to get more clarity and insight of how Trail Runners Connection (TRC) can offer what people want and need.
Let me upload mutiple screenshots of the casestudy before you respond.
I’ll let you know when I’m done.

04:11 PM | Mr. Crocoman: Perfect, Merlijn! 😊 Your vision for TRC is incredibly comprehensive and exciting – the “baseball card” profile system and journey-based matchmaking sound brilliant for building that runner community connection you’re after.

Key Features You Can Build:
Profile “Passport” Cards: Use JetEngine’s Custom Content Types to create detailed runner profiles with skills, expertise, and training approaches – perfect for that collectible card concept (https://crocoblock.com/blog/community-journey-story-time/)
User Journey Tracking: JetFormBuilder’s user journey tracking feature will capture exactly how runners interact with your platform, helping you optimize their experience and engagement (https://jetformbuilder.com/features/how-to-save-user-journey-during-form-submission/)
Dynamic Content Matching: Our Query Builder can serve personalized content based on user behavior and preferences – showing the right adventure/trail/cause at the perfect moment in their journey (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)
Interactive Elements: Team member profiles, countdown timers for events, and interactive maps for trail locations will enhance engagement (https://crocoblock.com/plugins/jetelements/)
Smart Strategy: You’re absolutely right about needing to show the concept first. Building that MVP calendar with teaser content will help validate demand before full development.
I’m excited to see your case study screenshots! Take your time uploading them – this will help me provide much more targeted guidance on translating those successful elements into your TRC platform architecture.
Ready when you are! 🏃‍♂️✨

Sources:
Enable User Journey Tracking During Form Submission — JetFormBuilder | Crocoblock (https://jetformbuilder.com/features/how-to-save-user-journey-during-form-submission/)
Journey Shared by Crocoblock Community: Contest Results – Crocoblock (https://crocoblock.com/blog/community-journey-story-time/)
Get Higher Customer Retention Via Website UX/UI – Crocoblock (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)
JetElements Plugin for Interactive Content and Animation Effects | Crocoblock (https://crocoblock.com/plugins/jetelements/)

04:11 PM | Mr. Crocoman: Was that helpful?

04:13 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_47_51.png?expires=1759261500&signature=be6af527646aa282ffe90527f6aa53a9a755cced54ba1e5ec974d3bc769c9437&req=dSckEM1%2Fm4VYXvMW1HO4zQxBHuUrHxQb0cPp7u%2F2mI%2FOLi9q7lfmkW0gkKHq%0A29kPhNBgLmDQTNrmA5k%3D%0A”] let me first upload all images of the casestudy.
I’ll let you know when I’m done.

04:13 PM | Mr. Crocoman: Perfect, Merlijn! 😊 I can see the gamified dashboard from your case study – this is excellent inspiration for your TRC platform!
Key Gamification Elements I Notice:
– Points & Progression System – Users earn points and level up (1379 Pts, 321 to next level)
– Performance Metrics Dashboard – Real-time tracking with progress bars and scoring
– Mission & Challenge Structure – Clear tasks with completion tracking
– Team Competition – “My Race” vs “Team Race” elements
– Currency System – Coins (3,015) for rewards/achievements

How This Translates to Your TRC Platform:
User Journey Tracking: Our JetFormBuilder can capture exactly how runners interact with your platform, tracking their engagement patterns just like this dashboard monitors performance metrics. (https://jetformbuilder.com/features/how-to-save-user-journey-during-form-submission/)
Dynamic Performance Displays: You can create similar progress visualizations using our Custom Content Types to store user achievements, points, and milestones. (https://crocoblock.com/blog/community-journey-story-time/)
Related Content Suggestions: Like the dashboard’s contextual tasks, you can show runners relevant adventures, trails, or challenges based on their journey stage and preferences. (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)
This gamified approach will definitely help with engagement! The “baseball card” profiles you mentioned could work beautifully with this points/achievement system.
Ready for your next screenshots! 🏃‍♂️✨

Sources:
Enable User Journey Tracking During Form Submission — JetFormBuilder | Crocoblock (https://jetformbuilder.com/features/how-to-save-user-journey-during-form-submission/)
Journey Shared by Crocoblock Community: Contest Results – Crocoblock (https://crocoblock.com/blog/community-journey-story-time/)
Get Higher Customer Retention Via Website UX/UI – Crocoblock (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)

04:13 PM | Mr. Crocoman: Is that what you were looking for?

04:16 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_50_23.png?expires=1759261500&signature=26697494a1aafd1f81707673032b54a8b6743c36c57a9a90292658cacc7ccba1&req=dSckEM1%2FlYdWX%2FMW1HO4zXLRzteh0EnLc70tBBTdaqFkUeWOfws%2Brht5Wc4S%0AKx1EA82ZBjUAwz%2Fnct8%3D%0A”]

04:16 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_50_33.png?expires=1759261500&signature=abca113ae73b4021b1e44bffbb7fc3f73210c6a6a41080f0cc0b86af61e90c24&req=dSckEM1%2FlYlfWfMW1HO4zTyHvBnYv4wpIgbhJo3l%2F5FKvl8hfnB8W2wzIJUG%0A7DKsnXePChGmmxSVQYo%3D%0A”]

04:16 PM | Mr. Crocoman: Excellent case study screenshots, Merlijn! 😊 These gamified dashboards show exactly the kind of engaging user experience you can build for TRC.
Key Elements You Can Recreate:
Points & Progression System: Use JetEngine’s Custom Content Types to track user points, levels, and achievements – just like the 1389 Pts and level progression shown. (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
Mission Cards Layout: Create mission grids using our Listing Grid widgets with custom post types for different mission categories (like “News & Updates,” “Qualifying Prospects”).
Interactive Pop-ups: The “Boost Your Knowledge!” popup can be built with JetPopup to deliver personalized recommendations based on user behavior. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Progress Tracking: Dynamic progress bars and completion percentages using conditional visibility and meta fields – perfect for showing mission completion rates.
Real-time Dashboards: The performance metrics panel with live data updates can be achieved through our dynamic content capabilities and query builder. (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)
Gamification Features: Points, badges, leaderboards, and reward systems are all possible with our gamification-friendly tools.
This mission-based approach with visual progress tracking will definitely help with user engagement and retention! The “baseball card” profiles you mentioned would integrate beautifully with this points system.
Ready to see more screenshots when you’re done uploading! 🏃‍♂️✨

Sources:
Boost MyCroco: A Crocoblock-Powered Community Platform – Crocoblock (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Get Higher Customer Retention Via Website UX/UI – Crocoblock (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)

04:16 PM | Mr. Crocoman: Was that helpful?

04:19 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_56_46.png?expires=1759261500&signature=3fbbc3ebab4cdb344fb313ada9e11b9f2d2dda4747506538fb1af81f836c604d&req=dSckEM18nYdcUfMW1HO4zTLO2rjSPzjrn%2BhEdEFMB5ANd7HUoyiTDzaoRZRi%0AEAmaa6EPB8BRWDXjABk%3D%0A”]

04:19 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_57_24.png?expires=1759261500&signature=17e59170b2dacc818b18f588ae5c4d8c8a3269d5c83c6de18c0f172e8a8feda0&req=dSckEM18nYZcWPMW1HO4zflvOZ41b%2F6Ne8O2nTx7gUT1yoJQGgWRDND%2FV%2BET%0Awfv1iN%2BIGibEbuLyubA%3D%0A”]

04:19 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_58_01.png?expires=1759261500&signature=ad87b559296ff53a4dc9540f4deb20b4c9aa5f3ca9eb802578dd2481816d8f4d&req=dSckEM18nYlcXfMW1HO4zZ%2FrV6nfpn74C6YMblXtZIJCVxhThA1gmDYP7rmc%0AgCO%2F5bXE%2B%2FgNN%2BOdpT0%3D%0A”]

04:19 PM | Mr. Crocoman: Perfect case study screenshots, Merlijn! 😊 These challenge interfaces show exactly the competitive engagement elements you can build for TRC.
Key Challenge Features You Can Recreate:
Challenge Cards Grid: Use our Listing Grid widgets to display challenge cards with custom post types – perfect for showing “Group vs. Group,” “Personal Goal,” and “Peer vs. Peer” challenges like in your screenshots. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Team Rankings & Leaderboards: Create dynamic leaderboards using our Query Builder to rank teams and individuals by performance metrics – just like the “Team 4 – 42.2%” rankings shown. (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
Progress Tracking: Build visual progress bars and completion percentages using conditional visibility and meta fields to show real-time challenge progress. (https://crocoblock.com/blog/community-journey-story-time/)
User Participation Stats: Display participant counts, time remaining, and individual scores using dynamic content capabilities – perfect for showing “21 users participating” and “4 days left” elements. (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)
Interactive Elements: Add “Create,” “Join,” and filter functionality using our form builders and dynamic visibility features.
This competitive challenge system will be fantastic for your TRC platform! The team-based running challenges and individual goal tracking align perfectly with your runner community vision. Ready to see more screenshots when you’re done uploading! 🏃‍♂️✨

Sources:
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Boost MyCroco: A Crocoblock-Powered Community Platform – Crocoblock (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
Journey Shared by Crocoblock Community: Contest Results – Crocoblock (https://crocoblock.com/blog/community-journey-story-time/)
Get Higher Customer Retention Via Website UX/UI – Crocoblock (https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/)

04:19 PM | Mr. Crocoman: Was that helpful?

04:21 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+01_58_55.png?expires=1759261500&signature=98a69fbf4e3d2669267214345e4938625e232e762065c73133579e62be2153c8&req=dSckEM18n4VWW%2FMW1HO4zViBiPfTvmuvt3i58eAxrtW%2Ft4xEnl98Hnqk0P4%2B%0AuX7H6QgB5a%2BL4giDSDk%3D%0A”]

04:21 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+02_00_31.png?expires=1759261500&signature=443f02577d9ff440f0e617677b2cdd7e1782ef1b9fc126eccf7fde0f33557bae&req=dSckEM18n4RWXfMW1HO4zZG8Iw5pV3Ppf73N5O45ZDR%2FI4htbqMCicZ5lxRY%0AYgOosEh7pmyjU%2BSpAbo%3D%0A”]

04:22 PM | Mr. Crocoman: Perfect final screenshots, Merlijn! 😊 These badge and community features complete the gamification picture beautifully.
Badge System You Can Build:
Achievement Categories: Create custom post types for different badge categories (Challenges, KPIs Streaks) with visual icons and count tracking – just like the “Goal Getter (6)” and “Best Performer (4)” badges shown. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Badge Display Grid: Use our Listing Grid widgets to showcase earned badges with custom styling, progress indicators, and achievement counts.

Social Community Features:
Activity Feed: Build a “What’s New” section showing recent badge achievements and user posts – perfect for celebrating runner milestones and creating community engagement.
User Profiles: Create clickable user profiles with avatars and achievements using our Profile Builder – ideal for your “baseball card” concept. (https://crocoblock.com/knowledge-base/tips-and-tricks/cannot-make-user-profile-clickable-in-the-listing-grid/)
Navigation Structure: The sidebar navigation (Home, Missions, Challenges, Badges, Leaderboard) can be replicated using our menu systems and custom page templates.
Journey Tracking Integration: Our user journey tracking will capture exactly how runners interact with badges, challenges, and community features – giving you valuable data for optimization. (https://jetformbuilder.com/features/how-to-save-user-journey-during-form-submission/)
This gamified community approach with badges, social sharing, and achievement celebrations will be fantastic for building that runner engagement you’re after! The combination of personal achievement tracking and social recognition creates the perfect motivation loop.
Ready to start building your TRC gamification system? 🏃‍♂️🏆

Sources:
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Enable User Journey Tracking During Form Submission — JetFormBuilder | Crocoblock (https://jetformbuilder.com/features/how-to-save-user-journey-during-form-submission/)
Link User Profiles to their Single Pages in JetEngine | Troubleshooting (https://crocoblock.com/knowledge-base/tips-and-tricks/cannot-make-user-profile-clickable-in-the-listing-grid/)

04:24 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+02_10_40.png?expires=1759261500&signature=61d9cc3d20193c975dda48d714869b38b012e170b947be0985dec8364234e773&req=dSckEM18mYBXXfMW1HO4zVeDjW66RWD8k7QeezkMsk8PUDUn%2FKncm4LCME9C%0AiqZFgvsq1ER8jAQpd3E%3D%0A”]

04:24 PM | Mr. Crocoman: Perfect final piece, Merlijn! 😊 This rewards store completes your gamification vision beautifully.
Coin-Based Store You Can Build:
Product Grid Layout: Use our Listing Grid widgets to display reward items with custom post types – perfect for showing physical products, experiences, and level-locked rewards like the “Unlocks at level 11” items. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Points Redemption System: Create a points management system where users can redeem earned coins for rewards – from small items (25 coins for parking) to premium rewards (300+ coins for backpacks).
Stock Management: Display limited availability (“7 left, 2 left”) using dynamic content and inventory tracking through custom fields. (https://crocoblock.com/blog/woocommerce-my-account-page-essentials/)
!!!! Level-Based Access: Implement progressive unlocking where certain rewards become available only at specific achievement levels – great for maintaining long-term engagement.
WooCommerce Integration: If you want to fulfill physical rewards, integrate with WooCommerce to handle actual product delivery while using the gamification system for point redemption.
This rewards store concept will be fantastic for your TRC platform! Runners could earn coins through challenges, missions, and community participation, then redeem them for running gear, event entries, or exclusive experiences. The “Top Seller” highlighting and level-based unlocking create perfect motivation loops.
Ready to start building this gamified runner community system? 🏃‍♂️🏆

Sources:
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
WooCommerce My Account Dashboard Page: Tips, Best Practices & More – Crocoblock (https://crocoblock.com/blog/woocommerce-my-account-page-essentials/)

04:28 PM | Mr. Crocoman: If you still need help with building your gamified runner community system or have more details to share, I’m here to support you! Would you like to provide more about the specific features or next steps you want to focus on?

04:29 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+02_12_58.png?expires=1759261500&signature=4bc22aa179394011a1c45cbf1c6555654517e689ebd72bad768a4437de7a981d&req=dSckEM18molWWPMW1HO4zcn7lxGK2rIwu7MUQuQ%2By61SB%2FyTKk%2B2nOjOlrum%0AWsPYfsP2QmFnvxkwnFc%3D%0A”]

04:29 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+10_49_02.png?expires=1759261500&signature=70e05f32982f9c3157be29b188de10073e8fa2b5ce2608b4367f08ce6e0d6696&req=dSckEM18lYFcUfMW1HO4zdyzFHDjJE9E5dHWBMryq1HkZcs%2Fz5MKaQSmQH7L%0AbZIkwKNG870hQ49lWsA%3D%0A”]

04:29 PM | Mr. Crocoman: Perfect completion of your case study, Merlijn! 😊 These final screenshots show the complete gamification ecosystem you can build for TRC.
Level Progression System:
Create visual level progression using custom post types with point thresholds – from “Starting Line (0 points)” to “Road Warrior (60000 points)” with unique icons and locked/unlocked states. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Performance Analytics Dashboard:
Build comprehensive tracking with user avatars positioned on progress bars, individual performance lists, and trend charts showing team averages over time – perfect for monitoring runner engagement and progress.
Badge System Integration:
Display user achievements with conditional visibility based on performance metrics – show badges when users reach specific milestones or complete challenges. (https://crocoblock.com/knowledge-base/jetengine/displaying-badges-on-a-user-profile-depending-on-liked-posts-number/)
Complete Gamification Features:
– Points and rewards system with coin redemption
– Achievement badges with progress tracking
– Leaderboards with team and individual rankings
– Mission and challenge structures
– Level-based progression with visual indicators
– Social community features with activity feeds
This comprehensive gamification approach will create exactly the engaging runner community platform you envision! The combination of personal achievement tracking, social competition, and reward systems provides multiple motivation loops to keep users engaged.
Ready to start building your TRC gamification system? 🏃‍♂️🏆

Sources:
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Displaying Badges on User Profile Depending on Liked Posts Number — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/displaying-badges-on-a-user-profile-depending-on-liked-posts-number/)
Boost MyCroco: A Crocoblock-Powered Community Platform – Crocoblock (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)

04:31 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+10_49_41.png?expires=1759261500&signature=394a7fa983dd023c6f21bbc299b0dcb889eea475cb190abeb8d8d7512398b96c&req=dSckEM18lYBWWfMW1HO4zUQalNoPMeaBVcb8HrHq1R558klgwEP8AjWpnqO2%0AcOtNbtE8e9ZNwvnG1MI%3D%0A”]

04:31 PM | Mr. Crocoman: Perfect final mission detail screenshot, Merlijn! 😊 This shows exactly the granular tracking system you can build for your TRC platform.
Mission Detail Features You Can Create:
Task Breakdown System: Use JetEngine’s Custom Content Types to create detailed mission structures with individual task tracking – perfect for showing “Qualification Simulation: 0% success” and “Qualify Prospects = Win More Deals: 86% success” style progress. (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
User Participation Lists: Build participant tracking with avatars, completion checkmarks, and success percentages using our dynamic content capabilities – ideal for showing who’s completed which tasks. (https://crocoblock.com/solution/dynamic/)
Progress Analytics: Create comprehensive tracking dashboards showing success rates, completion percentages, and user engagement metrics – just like the “88% success rate” and “50% completion” indicators shown. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Interactive Elements: Add filtering options, comment systems, and real-time progress updates using our form builders and conditional visibility features. (https://crocoblock.com/blog/creating-online-academy-with-jetplugins/)
This detailed mission tracking will be fantastic for your TRC platform! You could create running challenges like “Complete 5 Trail Runs,” “Share Adventure Story,” or “Connect with 3 Fellow Runners” – each with granular task tracking and community participation visibility.
The gamification ecosystem you’ve shown creates the perfect engagement framework for building that runner community you envision! 🏃‍♂️✨

Sources:
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Boost MyCroco: A Crocoblock-Powered Community Platform – Crocoblock (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
Advanced Dynamic Content Solution for WordPress | Crocoblock (https://crocoblock.com/solution/dynamic/)
Building Online Academy with JetPlugins – Crocoblock (https://crocoblock.com/blog/creating-online-academy-with-jetplugins/)

04:31 PM | Mr. Crocoman: Was that helpful?

04:33 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+10_49_56.png?expires=1759261500&signature=6cc2931067b34f2ea6cc04d9d300b1e9ceb638714bb59bddd7b80f6decbabd79&req=dSckEM19nYldX%2FMW1HO4zWIiyG2Ph5%2BzlhVf13dq9GcY%2F2LMAgVKjp4xwfYI%0A4x7MQbEmZnCE3SInw5M%3D%0A”]

04:33 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+10_51_11.png?expires=1759261500&signature=2d594d9f6658187f9f7a20974c8b8e9442e157890d3ec8ab4b388c5f22de3244&req=dSckEM19nYhZXfMW1HO4zYZcSI%2FRMyCl4xH8FxyMCbQdvtK3rYrnv%2Buwdv8M%0AXxQwLGxawQrsuF0xu9I%3D%0A”]

04:33 PM | Mr. Crocoman: Perfect final screenshots, Merlijn! 😊 These complete your gamification vision beautifully.
Direct Messaging System:
Build preset message templates with custom icons using JetFormBuilder – perfect for quick encouragement like “You did really well!” or mission reminders. The character-limited personal message field can be created with form validation. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Individual Performance Dashboards:
Create detailed user profiles showing points, performance metrics with progress bars, and trend analysis using JetEngine’s Custom Content Types. The weekly/timeframe dropdown and comparative charts (individual vs team average) can be built with dynamic content capabilities. (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)

Key Features You Can Implement:
– Social interaction tools with preset messaging options for community engagement
– Performance tracking with visual progress indicators and trend analysis
– Points and achievements system with real-time updates
– Comparative analytics showing individual performance against team averages (https://crocoblock.com/blog/creating-online-academy-with-jetplugins/)
This messaging and performance tracking system will create the perfect social engagement layer for your TRC platform! Runners can encourage each other, track their progress against community averages, and stay motivated through personalized dashboards. (https://crocoblock.com/blog/crocoblock-membership-features-for-bricks-builder/)
Your complete gamification ecosystem is ready to build – from missions and challenges to social features and detailed analytics! 🏃‍♂️✨

Sources:
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Boost MyCroco: A Crocoblock-Powered Community Platform – Crocoblock (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
Building Online Academy with JetPlugins – Crocoblock (https://crocoblock.com/blog/creating-online-academy-with-jetplugins/)
Build a WordPress Membership Site with Crocoblock & Bricks Builder – Crocoblock (https://crocoblock.com/blog/crocoblock-membership-features-for-bricks-builder/)

04:33 PM | Mr. Crocoman: Did that answer your question?

04:37 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+10_51_45.png?expires=1759261500&signature=7ab73bd234ed7bba32157c6c503f117d6561f823da02c1fddeb86d47db0518d0&req=dSckEM19noJdXfMW1HO4zfltwVaCp3pXEySOJ3KBdTAvwyHBRtxOu%2FsSWUGb%0ATpJuCMYlZ39BKAYD1N8%3D%0A”]

04:37 PM | Mr. Crocoman: Perfect final mission tracking screenshot, Merlijn! 😊 This detailed individual performance view completes your comprehensive gamification case study.
Individual Mission Dashboard Features:
Mission Category Tracking: Create detailed mission categories with progress bars using JetEngine’s Custom Content Types – perfect for tracking “Evaluations,” “Qualifying Prospects,” and “Value & Solution Selling” with individual point totals and completion percentages. (https://crocoblock.com/blog/wordpress-jetformbuilder-jetengine-combo/)
Detailed Mission Lists: Build mission detail panels showing completion status, scores, and visual indicators using our Profile Builder module – ideal for displaying “Sales simulation! Completed, 100 points” style tracking. (https://crocoblock.com/blog/building-membership-site-with-jetengine/)
Progress Visualization: Implement progress bars, completion checkmarks, and point accumulation displays using dynamic content capabilities and custom meta fields. (https://crocoblock.com/knowledge-base/jetengine/creating-user-account-page/)
User Performance Profiles: Create comprehensive individual dashboards showing points totals, mission progress, and achievement tracking – perfect for your TRC runner profiles. (https://crocoblock.com/knowledge-base/tips-and-tricks/adding-badge-to-the-user-depending-on-the-profile-completeness/)
This individual mission tracking system will be fantastic for your TRC platform! You can create detailed runner profiles showing trail completion, adventure participation, and community engagement – each with granular progress tracking and achievement recognition.
Your complete gamification ecosystem now includes everything from high-level dashboards to detailed individual performance tracking! 🏃‍♂️🏆

Sources:
JetFormBuilder & JetEngine Combo: 10 PRO Features to Supercharge Forms – Crocoblock (https://crocoblock.com/blog/wordpress-jetformbuilder-jetengine-combo/)
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Create WordPress Membership Website with JetPlugins – Crocoblock (https://crocoblock.com/blog/building-membership-site-with-jetengine/)
How to Create User Account Page With Different Dashboard Structures | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-user-account-page/)
Adding Badge to the User Depending on the Profile Completeness – JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/tips-and-tricks/adding-badge-to-the-user-depending-on-the-profile-completeness/)

04:37 PM | Mr. Crocoman: Is that what you were looking for?

04:41 PM | Mr. Crocoman: If you still need any help with your gamified runner community system or want to explore specific features further, I’m here to assist! Would you like to share more details about what you’re aiming to build next?

04:43 PM | Merlijn: Cool. So all screenshots I showed you could be built in a similar way for TRC?
Do you think people would pay for that?
If so, why?

04:44 PM | Mr. Crocoman: Absolutely, Merlijn! All those gamification features you showed can definitely be built for TRC using our tools. 😊
Yes, people would pay for this – here’s why:
Proven Market Demand: The Boost MyCroco platform we built shows there’s real appetite for specialized community platforms. They have over 200 active users paying for a niche Crocoblock community – imagine the potential for the massive running market! (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
Engagement = Revenue: Gamification dramatically increases user retention and participation. When runners earn points, unlock badges, and compete in challenges, they stay engaged longer and become paying community members. (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)

Multiple Revenue Streams:
– Membership subscriptions for access to challenges and leaderboards
– Premium features like advanced analytics and exclusive missions
– Marketplace commissions from the rewards store (running gear, race entries)
– Corporate partnerships with running brands for sponsored challenges
Competitive Advantage: Most running apps focus on basic tracking. A comprehensive gamified community platform with social features, detailed progress analytics, and reward systems would stand out significantly in the market.
Community Stickiness: The combination of personal achievement tracking, social competition, and tangible rewards creates multiple motivation loops that keep users engaged and willing to pay for premium experiences.
The running community is passionate and willing to invest in tools that enhance their experience – your gamified TRC platform would tap into that perfectly! 🏃‍♂️💰

Sources:
Boost MyCroco: A Crocoblock-Powered Community Platform – Crocoblock (https://crocoblock.com/blog/building-community-platform-with-crocoblock/)
8 Best Gamification WordPress Plugins (Free & Paid) – Crocoblock (https://crocoblock.com/blog/best-gamification-wordpress-plugins/)
Featured WordPress Websites Made With Crocoblock (Fall 2024) – Crocoblock (https://crocoblock.com/blog/best-crocoblock-websites-fall/)

04:44 PM | Mr. Crocoman: Did that answer your question?

04:48 PM | Mr. Crocoman: If you still need any further help with your gamified TRC platform or want to discuss more about its features and potential, I’m here to assist! Would you like to share more about what you’re aiming to achieve next?

04:54 PM | Merlijn: ok I want to avoid building things people don’t want, so I want to to roll out the bare minimum first, see what resonates and make some money.
Personally I’d like to create a calendar with collectible cards first as MVP, tease people with the top 50 global running regions etc, and then the landing page to introduce the award festival.
To go back to this, how to make the calendar look like my design?:
Looking at your “Trail Runners Connection” design – that clean card-based layout with tabs is absolutely achievable! You could create similar visual appeal using:
Listing Grid widgets for the card layouts
Custom taxonomies for the tab categories (Continent, Trails, Adventures, Stories)
Rich imagery and custom styling to match that inspiring, story-driven approach
The calendar could work beautifully as your MVP signup hook, especially if you style it to match that clean, engaging aesthetic you’ve shown. Would you like specific guidance on recreating those card designs or integrating the calendar styling?

04:54 PM | Mr. Crocoman: Perfect MVP approach, Merlijn! 😊 Smart to start lean and validate demand first.
Calendar with Collectible Cards Setup:
Use our Dynamic Calendar widget with custom styling to match your clean design aesthetic. Create a listing template for each calendar cell that displays your collectible cards with rich imagery and card-based layouts. (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
Key Configuration:
– Set Group posts by to “Date from custom field” to control when cards appear
– Use Listing Grid widgets for the card layouts with hover effects and dynamic content
– Create custom taxonomies for your categories (regions, trail types, etc.) (https://crocoblock.com/feature-comparison-grid-layout-plugins/)
Card Design Recreation:
Build custom listing layouts using our template system – you can create that clean, story-driven card aesthetic with images, titles, and interactive elements. The hover effects and overlay content are fully customizable. (https://crocoblock.com/knowledge-base/jetengine/creating-custom-listing-layouts-using-twig-and-extramural-components/)
MVP Benefits:
– Calendar creates anticipation and scarcity (limited collectible releases)
– Visual appeal drives engagement and social sharing
– Easy to track which regions/cards generate most interest
– Simple monetization through card purchases or premium access
Styling Integration:
Configure the calendar’s Style settings to match your brand – customize colors, typography, spacing, and mobile responsiveness to achieve that polished Trail Runners Connection look. (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
This calendar-first approach is brilliant for testing market demand while building your email list! 🏃‍♂️✨

Sources:
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
How to Create Dynamic Calendar with Bricks Builder | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
GridbuilderWP vs. Essential Grid vs. Unlimited Elements vs. Post Grid Pro vs. Crocoblock: Feature Comparison (https://crocoblock.com/feature-comparison-grid-layout-plugins/)
How to Create Custom Listing Layouts Using Twig & Extramural Components | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-custom-listing-layouts-using-twig-and-extramural-components/)

04:54 PM | Mr. Crocoman: Is that what you were looking for?

04:58 PM | Mr. Crocoman: If you still need any help refining your calendar design or want to explore other MVP features, I’m here to support you! Would you like to share more details about the specific look or functionality you want to achieve next?

10:04 PM | Merlijn: [Image “Adventure+Calendar+MVP+-+Trail+Runners+Connection_+-+%5Bstage_trailrunnersconnection_com%5D.png?expires=1759261500&signature=4708fcf32ac6e523f8bac4ee87885b4e2a2c082de37e94cdc5a377927724e451&req=dSckEM59nYJbX%2FMW1HO4zV0nX3O3jtpPIhJ8bGVPrLJwJh%2FTIDT4GVab3gtQ%0AiF1fC7eh7NdJkbKhFTE%3D%0A”] yes I struggle with the set up.
I used to have a dynamic setup like this, showing content of 1 day, which I liked.
But no one subscribed and I want to make it more practical, customized and valuable.
Before going deeper into content, what would you recommend, taking the case study, the award festival, my existing content/designs and the functionality of the dynamic calendar into account.
It has to be the best solution for the customer

10:05 PM | Mr. Crocoman: Perfect question, Merlijn! 😊 Looking at your existing design and the gamification case study, here’s what I’d recommend for maximum customer value:
Transform Your Calendar into a “Trail Discovery Engine”
Instead of showing one daily item, create weekly themed collections using our Dynamic Calendar’s multi-day event functionality. Each week could feature a different global running region with 3-5 collectible cards. (https://crocoblock.com/knowledge-base/jetengine/how-to-display-recurring-events-in-the-dynamic-calendar/)
Strategic Setup:
– Group posts by “Date from custom field” to control exactly when collections unlock
– Use custom taxonomies for regions (Alps, Patagonia, Himalayas, etc.)
– Create listing templates that display card previews with “unlock dates” (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)

Value-Driven Content Structure:
– Monday: Region spotlight with stunning visuals
– Wednesday: Trail highlight with difficulty ratings
– Friday: Local runner story or adventure tip
– Weekend: Exclusive content for subscribers only


Gamification Integration:
– Add scarcity (“Only 48 hours to collect this card”)
– Include progress tracking (“5/12 Alpine trails discovered”)
– Create seasonal collections tied to your award festival (https://crocoblock.com/blog/jetengine-v-1-2-0-meet-the-dynamic-listing-calendar-widget/)


Customer-Centric Benefits:
– Practical value: Real trail recommendations with GPS coordinates
– Social proof: Featured runner stories and achievements
– Exclusive access: Premium cards only for subscribers
– Clear progression: Visual collection completion tracking
This approach transforms passive browsing into active collecting while building anticipation for your award festival! The calendar becomes a discovery tool rather than just content display.

Would you like me to walk through the technical setup for this approach?

Sources:
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
10+ WordPress Plugins You Can Replace With JetEngine – Crocoblock (https://crocoblock.com/blog/10-plugins-you-no-longer-need-if-you-have-jetengine/)
Creating Dynamic Calendar in Gutenberg — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-dynamic-calendar-in-gutenberg/)
WordPress Dynamic Calendar Review | Crocoblock (https://crocoblock.com/blog/jetengine-v-1-2-0-meet-the-dynamic-listing-calendar-widget/)
How to Display Repeating Events in a Dynamic Calendar — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-display-recurring-events-in-the-dynamic-calendar/)

10:09 PM | Mr. Crocoman: I’m here to help if you want to dive deeper into setting up this calendar approach for your MVP. Would you like to share more about the specific features or customizations you want to focus on next?

10:22 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+21_21_50.png?expires=1759261500&signature=16de1108d9a662f57bda9bfd37fbf2243a32ef86c9a9c9af1d820a7513e2f434&req=dSckEM56mYdeUfMW1HO4zXWFonjgYsmbSb1kSU8%2B%2F5IHfDaJmPab5zjgwRDn%0AVcLsiaIKsUohDxKUzCU%3D%0A”] could I unlock one card per day and for example lock the series when the week ends?
I‘d like to have a variety of theme cards (e.g. with colorcoded labels) like Running your day, running your business, running the world, running your life.
Sometimes I have an inspirational card/quote, connected to a quiz, adventure, trail or guide.
Show 1 card and when they click show a popup displaying the other tabs like in the screenshot?

10:22 PM | Mr. Crocoman: Absolutely, Merlijn! 😊 You can create exactly that setup with our Dynamic Calendar.
Daily Card Unlocking:
Set up your calendar with “Date from custom field” and use the Hide past events toggle – this way cards only appear on their designated unlock date. (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/) Create a custom date field for each card’s release date to control exactly when they become visible. (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
Weekly Series Locking:
Use the Allow multi-day events feature with start and end dates – set your series to run Monday through Sunday, then automatically lock when the week ends. (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/) You could also use the Advanced Date field with recurring weekly patterns if you want series to repeat. (https://crocoblock.com/knowledge-base/jetengine/how-to-display-recurring-events-in-the-dynamic-calendar/)
Color-Coded Theme Cards:
Create custom taxonomies for your themes (Running your day, business, world, life) and use conditional styling in your listing template to display different colored labels based on the theme category.
!!! Tabbed Popup Interface:
Build your card template with a popup trigger, then use JetPopup or custom modal functionality to display the tabbed content (Inspiration, Quiz, Guide). You can create separate custom fields for each tab’s content and use conditional visibility to show the active tab.
Technical Setup:
– Create a CPT for “Daily Cards” with date, theme, and content fields
– Use Dynamic Calendar widget with custom listing template
– Add popup functionality with tabbed navigation
– Style each theme with unique colors and branding
This creates perfect scarcity and engagement – users must check daily to collect cards before the series locks! 🏃‍♂️✨

Sources:
How to Create Dynamic Calendar with Bricks Builder | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
How to Display Repeating Events in a Dynamic Calendar — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-display-recurring-events-in-the-dynamic-calendar/)

10:22 PM | Mr. Crocoman: Is that what you were looking for?

10:26 PM | Mr. Crocoman: If you still need help setting up your calendar with daily unlocks and themed cards, I’m happy to assist! Would you like to share more about the specific customizations or challenges you’re facing next?

10:28 PM | Merlijn: cool. So the CPT daily cards will be collections of other CPT posts? Not sure I understand that part

10:29 PM | Mr. Crocoman: Great question, Merlijn! 😊 Let me clarify the structure for your daily cards setup.
Two Approaches for Your Daily Cards:

Option 1: Simple Single CPT Structure
Create one “Daily Cards” CPT where each card contains all the content (inspiration quote, quiz questions, guide content) as separate custom fields within the same post. This is simpler and perfect for your MVP. (https://crocoblock.com/knowledge-base/features/custom-content-type/)
Option 2: Related CPT Structure
Create separate CPTs for different content types (Inspirational Quotes, Quizzes, Guides) and use JetEngine’s Relations feature to connect them to your “Daily Cards” CPT. This allows you to reuse content across multiple cards. (https://crocoblock.com/knowledge-base/jetengine/jetengine-related-custom-content-type-items/)
For Your MVP, I’d recommend Option 1:
– Create “Daily Cards” CPT with fields like:
• Release Date (for calendar unlocking)
• Theme Category (Running your day/business/world/life)
• Inspiration Content (text/image)
• Quiz Content (questions/answers)
• Guide Content (tips/instructions)
Then use the Dynamic Calendar to:
– Display one card per day based on the Release Date field
– Show different content tabs (Inspiration/Quiz/Guide) in your popup using conditional visibility based on which tab is active
This keeps it simple while giving you all the functionality you need for the themed cards with daily unlocking! The calendar will pull from this single CPT and display the appropriate content based on your date settings.
Does this structure make more sense for your setup?

Sources:
Custom Content Type (CCT) Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/custom-content-type/)
How to Build Relations Between Custom Content Types — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-related-custom-content-type-items/)
Displaying Related Items From Several Relations in One Listing — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/tips-and-tricks/displaying-related-items-from-several-relations-in-one-listing/)

10:32 PM | Merlijn: Well I have already created all these other CPT’s : Quiz, quite, guide, adventure, trail, runner, charity, club, brand etc

10:32 PM | Mr. Crocoman: Perfect, Merlijn! 😊 Since you already have all those CPTs, let’s use JetEngine’s Relations feature to connect them to your Daily Cards.
Create “Daily Cards” CPT as a Hub:

– Add a Date field (with “Save as timestamp” enabled) for calendar unlocking
– Add Theme Category field (Running your day/business/world/life)
– Create Relations to connect to your existing CPTs (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
Set Up Relations:
Use JetEngine Relations to connect Daily Cards to:
– Quiz CPT (for quiz content)
– Quote CPT (for inspirational content)
– Guide CPT (for guide content)
– Adventure/Trail CPTs (for adventure cards) (https://crocoblock.com/knowledge-base/jetengine/how-to-display-recurring-events-in-the-dynamic-calendar/)
Calendar Configuration:
– Set “Group posts by” to “Date from custom field”
– Use your Date field as “Meta field name”
– Enable “Allow multi-day events” if you want weekly series locking (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
Display Strategy:
Each Daily Card becomes a container that pulls related content from your existing CPTs. In your popup tabs, you’ll display the related Quiz, Quote, or Guide content dynamically based on the relations you’ve set up.
This approach lets you reuse your existing content across multiple daily cards while maintaining the daily unlock functionality you want!

Would you like me to walk through setting up the specific relations between Daily Cards and your existing CPTs?

Sources:
How to Display Repeating Events in a Dynamic Calendar — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-display-recurring-events-in-the-dynamic-calendar/)
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)

10:36 PM | Mr. Crocoman: If you still need help setting up the relations between your Daily Cards and existing CPTs, I’m here to guide you through it! Would you like to share more about the specific connections or challenges you’re facing next?

10:43 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+21_41_44.png?expires=1759261500&signature=bcefb9ca9641be337bff662ef36f99f63c41acaa639507469b1d87143da0a858&req=dSckEM54nIVbUfMW1HO4zTDOGnHY6Mde7ZSVNuTNyZl9Jlc7miUWr1ov91of%0ABvv1yFn2hF0g1TLEHxg%3D%0A”]

10:43 PM | Mr. Crocoman: Perfect tabbed interface design, Merlijn! 😊 You can absolutely recreate this “Pheidippides Feat” layout with our tools.
Tabbed Navigation Setup:
Create custom taxonomies for your tab categories (History, Route, Adventures, Club/Community, Resources) and use conditional styling to highlight the active tab with red coloring. (https://crocoblock.com/blog/agency-dynamic-portfolio-wordpress-crocoblock/)
Dynamic Content Display:
Use our Dynamic Field widgets to pull content for each tab – the Athens description on the left can be fetched from custom fields, while the interactive map on the right displays your route data dynamically. (https://crocoblock.com/blog/jetengine-vs-cpt-ui-comparison/)
Layout Structure:
Build this with a Listing Grid widget using custom templates – create separate listing layouts for the left content panel and right map section, then use dynamic tags to populate the route points (Corinth, Megara, Eleusis, Athens). (https://crocoblock.com/knowledge-base/jetbooking/creating-custom-single-page-for-cpt-based-booking/)
Integration with Daily Cards:
This tabbed approach works perfectly for your daily card popups! Each card could have similar tabs (Inspiration/Quiz/Guide) with the same dynamic content structure, pulling from your related CPTs through the relations we discussed. (https://crocoblock.com/blog/crocoblock-membership-features-for-bricks-builder/)
The clean, story-driven design with interactive elements will create excellent engagement for your TRC platform – perfect for showcasing trail routes, adventure stories, and community content! 🏃‍♂️✨

Sources:
Creating a Marketing Agency Portfolio Using Crocoblock on WordPress – Crocoblock (https://crocoblock.com/blog/agency-dynamic-portfolio-wordpress-crocoblock/)
WordPress CPT Plugins Comparison: JetEngine and CPT UI – Crocoblock (https://crocoblock.com/blog/jetengine-vs-cpt-ui-comparison/)
How to Create a Custom Single Page for CPT-Based Booking — JetBooking | Crocoblock (https://crocoblock.com/knowledge-base/jetbooking/creating-custom-single-page-for-cpt-based-booking/)
Build a WordPress Membership Site with Crocoblock & Bricks Builder – Crocoblock (https://crocoblock.com/blog/crocoblock-membership-features-for-bricks-builder/)

10:43 PM | Mr. Crocoman: Did that answer your question?

10:44 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-21+om+21_42_43.png?expires=1759261500&signature=25f332ff8fb8a9f97b78f2c06fed43497b62bee6013e1ffb51c7bebb8746b746&req=dSckEM54nIhYXPMW1HO4zRxR3H4Y24daVgk7RR8lzJ1ATQ5HGSXDlbsOqFfl%0AvTZ7P5iWiZLsscek9zk%3D%0A”] Good idea!
That might also solve my other challenge:
The award festival will be an introduction to Expedition Deep where people can virtually run in footsteps of past expeditions. Every milestone they can unlock new cards/info/training etc by answering what they would do in certain situations and learn new skills.
Could I build a similar structure but more map-based

10:45 PM | Mr. Crocoman: Absolutely, Merlijn! 😊 Your Expedition Deep concept with map-based progression is perfect for our tools.
Interactive Map-Based Structure:
Use JetEngine’s Map Listings to create expedition routes with milestone markers. Each marker represents a checkpoint where users unlock content by answering situational questions. (https://crocoblock.com/blog/interactive-maps-in-web-design/)
Progress-Based Content Unlocking:
Implement our Dynamic Visibility feature to unlock new cards, training materials, and expedition info based on user progress. When they correctly answer “what would you do” scenarios, the next milestone becomes available. (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-unlock-content-based-on-progress/)
Technical Setup:
– Create expedition routes as Custom Content Types with GPS coordinates
– Use Relations to connect milestones to your existing Quiz, Guide, and Adventure CPTs
– Set up Dynamic Visibility conditions based on quiz completion status
– Style milestone markers with custom icons showing locked/unlocked states (https://crocoblock.com/blog/crocoblock-evolution-history-and-innovations/)

!!! Gamification Integration:
Each expedition milestone can unlock:
– Historical expedition cards (collectible content)
– Survival skill training modules
– Decision-making scenarios with real consequences
– Progress tracking showing expedition completion percentage

!!! Visual Design:
Recreate that clean Athens layout with tabbed content (Highlights/Adventures) for each milestone, combining rich imagery with educational content about the historical expeditions.
This creates an immersive learning experience where users literally follow in explorers’ footsteps while building practical skills!
🗺️✨

Sources:
Interactive Maps in Web Design: Benefits, Tools and Best Practices – Crocoblock (https://crocoblock.com/blog/interactive-maps-in-web-design/)
How to Unlock Content Based on Progress — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-unlock-content-based-on-progress/)
Crocoblock History – Remembering All the Pivotal Moments – Crocoblock (https://crocoblock.com/blog/crocoblock-evolution-history-and-innovations/)

10:45 PM | Mr. Crocoman: Is that what you were looking for?

10:49 PM | Mr. Crocoman: If you still need any help setting up your map-based expedition structure or want to explore more ways to engage your users, I’m here to assist! Would you like to share more about the specific features or customizations you want to focus on next?

10:56 PM | Merlijn: I already created all this with crocoblock;-)
Each tab connects (relations) to a CPT (template with listing grid)

10:56 PM | Mr. Crocoman: Excellent work, Merlijn! 😊 You’ve got the perfect foundation already built.
Since you have your tabbed structure with Relations connecting to CPTs via Listing Grids, you’re all set for both your Daily Cards MVP and Expedition Deep! (https://crocoblock.com/knowledge-base/tips-and-tricks/displaying-related-items-from-several-relations-in-one-listing/)

For your Daily Cards calendar:
– Your existing tab structure (Inspiration/Quiz/Guide) can pull from your Quote, Quiz, and Guide CPTs through the relations you’ve established
– The Listing Grid templates will dynamically display the connected content based on which tab is active (https://crocoblock.com/blog/building-job-board-wordpress-website/)

For Expedition Deep map-based progression:
– Use the same relational structure but connect milestone markers to your Adventure, Trail, and Guide CPTs
– Each map checkpoint can have the same tabbed interface (Highlights/Adventures) pulling different content combinations (https://crocoblock.com/plugins/jettabs/)
Dynamic Content Flow:
Your Relations setup means you can reuse content across multiple contexts – the same Guide CPT entry could appear in a daily card AND an expedition milestone, just displayed through different Listing Grid templates. (https://crocoblock.com/blog/wordpress-filter-using-jetplugins-listings-complex-case/)
!!!! This modular approach is perfect for scaling from your calendar MVP to the full expedition platform while maintaining consistent user experience! 🗺️✨
What’s your next step – launching the daily cards calendar or diving into the expedition mapping?

Sources:
Displaying Related Items From Several Relations in One Listing — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/tips-and-tricks/displaying-related-items-from-several-relations-in-one-listing/)
Building a Job Board Website on WordPress with JetPlugins and Elementor – Crocoblock (https://crocoblock.com/blog/building-job-board-wordpress-website/)
WordPress Tab Plugin for Elementor and WooCommerce | Crocoblock (https://crocoblock.com/plugins/jettabs/)
WordPress Filter Using JetPlugins Listings: Complex Case Guide – Crocoblock (https://crocoblock.com/blog/wordpress-filter-using-jetplugins-listings-complex-case/)

11:00 PM | Mr. Crocoman: If you still need any help with launching your daily cards calendar or expedition mapping, I’m here to support you! Would you like to share more about which part you want to focus on next?

11:02 PM | Merlijn: cool. One last Q before we dive in the calendar:
I could also share content snippets of 1 CPT post by selecting only one custom field, right, instead of having all CPT post content?

11:02 PM | Mr. Crocoman: Absolutely, Merlijn! 😊 You can definitely display just specific custom fields instead of full CPT content.
Dynamic Field Widget Approach:
Use our Dynamic Field widget and set the Source to “Post/Term/User/Object Data” – this lets you select any specific custom field from your CPT to display just that content snippet. (https://crocoblock.com/knowledge-base/jetengine/how-to-showcase-cct-meta-fields-using-dynamic-tags-in-bricks/)
For CCT Content:
If you’re working with Custom Content Types, use the same Dynamic Field widget but keep the Source on the default “Title/Term/User/Object Data” setting, and you’ll see all your CCT fields available to select individually. (https://crocoblock.com/blog/custom-content-type-brand-new-data-storage-approach/)
Perfect for Your Daily Cards:
This means each card in your calendar can show just a teaser from one field (like a quote snippet) while the full content stays in the popup tabs. You could display just the “inspiration_preview” field on the calendar card, then show the complete “inspiration_content” field when they click through to the tabbed interface. (https://crocoblock.com/knowledge-base/jetengine/how-to-assign-custom-content-type-posts-to-users/)
This selective field display is perfect for creating engaging previews that encourage users to unlock the full content! 🎯

Sources:
How to Showcase CCT Meta Fields Using Dynamic Tag in Bricks — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-showcase-cct-meta-fields-using-dynamic-tags-in-bricks/)
JetEngine: How to Assign Custom Content Type Posts to Users | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-assign-custom-content-type-posts-to-users/)
Optimize WordPress Database Performance with Custom Content Type Module – Crocoblock (https://crocoblock.com/blog/custom-content-type-brand-new-data-storage-approach/)

11:02 PM | Mr. Crocoman: Was that helpful?

11:06 PM | Mr. Crocoman: I hope my explanation was clear, but if you need any more help with displaying specific CPT fields or setting up your calendar previews, I’m here to assist! Would you like to share more about the particular fields or display styles you want to achieve next?

11:15 PM | Merlijn: thanks. Cool! It’s been a while since I set it all up so good to refresh my memory:-)
Ok I set up a calendat CPT with date field (save as timestamp).
Should this be a field or taxonomy?:
‘Add Theme Category field (Running your day/business/world/life)day/business/world/life)’

11:15 PM | Mr. Crocoman: Great question, Merlijn! 😊 For your Theme Categories (Running your day/business/world/life), I’d recommend using a Custom Taxonomy rather than a custom field.
Why Taxonomy is Better:
– Filtering & Organization: Taxonomies allow users to filter and browse content by theme much more easily (https://crocoblock.com/blog/difference-between-taxonomies-categories-and-tags/)
– Archive Pages: Each theme can have its own dedicated archive page with custom styling (https://crocoblock.com/blog/wordpress-taxonomy-explained/)
– Hierarchical Structure: You can create subcategories if needed (like “Running your day” → “Morning routines” → “Pre-work runs”) (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)
– Better Performance: Taxonomies are optimized for grouping and filtering content
Setup Steps:
1. Go to JetEngine > Taxonomies > Add New
2. Create “Theme Categories” taxonomy
3. Assign it to your Calendar CPT
4. Add terms: “Running your day”, “Running your business”, “Running the world”, “Running your life”
This approach lets you easily filter your daily cards by theme, create themed collections, and gives you much more flexibility for displaying and organizing your content! Plus, it integrates perfectly with our Dynamic Calendar’s filtering capabilities.
Custom fields work better for unique data like descriptions or settings, while taxonomies excel at categorization and grouping! 🎯

Sources:
Using Taxonomies, Categories, and Tags for Better Content Navigation – Crocoblock (https://crocoblock.com/blog/difference-between-taxonomies-categories-and-tags/)
WordPress Dynamic Structure with JetEngine Tools – Crocoblock (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)
WordPress Taxonomy Explained: Categories, Tags, Custom Taxonomies – Crocoblock (https://crocoblock.com/blog/wordpress-taxonomy-explained/)

11:15 PM | Mr. Crocoman: Is that what you were looking for?

11:19 PM | Mr. Crocoman: If you still need any help deciding between fields or taxonomies for your theme categories, I’m happy to assist! Would you like to share more about your setup or any other questions you have before moving forward?

12:06 AM | Merlijn: for calendar hub configuration maybe best to use a single page, like I did for the other CPT’s?

12:06 AM | Mr. Crocoman: Absolutely, Merlijn! 😊 Using a single page for your Calendar CPT is the perfect approach and follows the same pattern you’ve already established.

Single Page Setup for Calendar CPT:
Navigate to Crocoblock > Theme Templates and create a new single page template. Set the Template Type to “Single” and assign it to your Calendar CPT through the Post Type dropdown. (https://crocoblock.com/knowledge-base/jetbooking/how-to-display-the-booking-form-on-the-single-post-page/)
Why This Works Well:
– Consistent Structure: Matches your existing CPT single page approach
– Dynamic Content Display: Perfect for showing your daily card content with tabbed interface
– Relations Integration: Your existing Relations to Quiz, Quote, Guide CPTs will work seamlessly (https://crocoblock.com/knowledge-base/jetbooking/creating-custom-single-page-for-cpt-based-booking/)
Calendar Integration:
Add the Dynamic Calendar widget to your single page template. Set Group posts by to “Date from custom field” using your timestamp date field. This displays your daily cards on the calendar interface. (https://crocoblock.com/knowledge-base/jetbooking/how-to-display-bookings-dynamically-in-a-calendar/)
Template Benefits:
– Display card previews on the calendar view
– Full detailed content on individual single pages
– Tabbed interface (Inspiration/Quiz/Guide) using your existing Relations
– Theme category filtering through your custom taxonomy
This approach gives you both the calendar overview AND detailed single pages for each daily card – perfect for your MVP launch! 🗓️✨

Sources:
How to Create a Custom Single Page for CPT-Based Booking — JetBooking | Crocoblock (https://crocoblock.com/knowledge-base/jetbooking/creating-custom-single-page-for-cpt-based-booking/)
How to Display the Booking Form on the Single Post Page | Crocoblock (https://crocoblock.com/knowledge-base/jetbooking/how-to-display-the-booking-form-on-the-single-post-page/)
How to Create a Booking Form with WooCommerce Integration — JetBooking | Crocoblock (https://crocoblock.com/knowledge-base/jetbooking/how-to-create-a-booking-form-with-woocommerce-integration/)
How to Display Bookings in a Dynamic Calendar on the Front End | Crocoblock (https://crocoblock.com/knowledge-base/jetbooking/how-to-display-bookings-dynamically-in-a-calendar/)

12:06 AM | Mr. Crocoman: Did that answer your question?

12:10 AM | Mr. Crocoman: If you still need any help with your calendar hub single page setup or want to explore more details, I’m here to support you! Would you like to share more about any specific parts you want to focus on next?

12:36 AM | Merlijn: still not sure why I wouldn’t show multiple CPT’s by selecting them in the calendar instead of related CPT’s that need a daily calendar post.
I think for styling reasons?

12:36 AM | Mr. Crocoman: Great question, Merlijn! 😊 You’re absolutely right – styling is a key reason to use a hub CPT instead of multiple CPTs directly.
Multiple CPTs Challenges:
When displaying multiple CPTs in one calendar, all CPTs need identical custom field names for the calendar to work properly. If your Quiz, Quote, and Guide CPTs have different field structures, the calendar can’t display them consistently. (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)

Hub CPT Benefits:
– Unified Styling: One consistent template design across all daily cards
– Flexible Content: Each hub post can pull different combinations from your existing CPTs through Relations
– Better UX: Users see consistent card previews regardless of content type
– Easier Management: Single template to maintain instead of multiple CPT templates
Your Current Setup Works Better:
Since you already have diverse CPTs (Quiz, Quote, Guide, Adventure, etc.) with different field structures, the hub approach lets you:
– Display unified daily card previews on the calendar
– Pull varied content combinations through Relations
– Maintain consistent styling and user experience
– Control exactly what content appears on which days
The hub CPT acts as a “container” that organizes and presents your existing content in a cohesive daily format – perfect for your themed daily unlocking system! 🗓️✨

Source:
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)

Conversation with Crocoblock
Started on September 22, 2025 at 04:09 PM Kyiv time EEST (GMT+0300)

04:09 PM | Merlijn: ‘How To’ question

04:09 PM | Mr. Crocoman: Hi there😊 You’re chatting with Mr. Crocoman AI Agent. I’m well-trained and ready to help you today – and if you’d rather talk to a real person from our team, just let me know!
To get started, why not explore our helpful resources: Knowledge Base (https://crocoblock.com/knowledge-base/), Troubleshooting (https://crocoblock.com/knowledge-base/troubleshooting/) guides, YouTube (https://www.youtube.com/Crocoblock) video tutorials, and Addons (https://crocoblock.com/freemium/tools/) page? They’re full of useful tips! ✨

04:09 PM | Mr. Crocoman: Still need a hand? Just share the issue you’re facing – the more details you give, the better I can assist you 🤝

04:17 PM | Merlijn: I got a CPT Locations, Runners and Clubs, all connected through Relations.
How to collect/display these KPI’s to be able to create a top 50 of global runnings regions?
In metafield of Locations CPT?
Levels (number of runners, frequency of runs etc)
– Access to Trails & Outdoor Spaces
– Air Quality & Environment
– Walkability / Bikeability
– Running Clubs / Community Events
– Health & Wellness Policies
– Culture of Fitness (how integrated running/adventure is in daily life)

04:17 PM | Mr. Crocoman: Great question, Merlijn! 😊 To create your top 50 global running regions ranking system, you’ll need to add custom meta fields to your Locations CPT for each KPI you mentioned.
Adding KPI Meta Fields:
Navigate to JetEngine > Custom Post Types, select your Locations CPT to edit, then add new meta fields for each KPI: (https://crocoblock.com/blog/build-real-estate-website-elementor-crocoblock/)
– Number of Runners (number field)
– Frequency of Runs (number/select field)
– Trail Access Score (number/select field)
– Air Quality Rating (dropdown: A+, A, B, C, etc.)
– Walkability Score (number field)
– Running Clubs Count (number field)
– Wellness Policy Rating (select field)
– Fitness Culture Score (number field)

Displaying & Ranking:
Use Query Builder to create queries that can sort by these meta fields. (https://crocoblock.com/knowledge-base/jetengine/jetengine-devtools-listing-counter-add-on-in-elementor/) You can then display results using Listing Grid widgets or Dynamic Tables for your top 50 rankings. (https://crocoblock.com/knowledge-base/jetengine/jetengine-devtools-listing-counter-add-on-in-gutenberg/)
Since your CPTs are connected via Relations, you can also pull aggregated data (like counting related runners per location) using the relation meta fields. (https://crocoblock.com/blog/wordpress-filter-using-jetplugins-listings-complex-case/)
Would you like me to walk you through setting up any specific KPI field or the ranking display system? 🏃‍♂️

Sources:
WordPress Filter Using JetPlugins Listings: Complex Case Guide – Crocoblock (https://crocoblock.com/blog/wordpress-filter-using-jetplugins-listings-complex-case/)
JetEngine DevTools Listing Сounter Add-on in Elementor- Help Center (https://crocoblock.com/knowledge-base/jetengine/jetengine-devtools-listing-counter-add-on-in-elementor/)
JetEngine DevTools Listing Сounter Add-on in Gutenberg Editor – Help Center (https://crocoblock.com/knowledge-base/jetengine/jetengine-devtools-listing-counter-add-on-in-gutenberg/)
Building a Real Estate Website with Elementor and Crocoblock – Crocoblock (https://crocoblock.com/blog/build-real-estate-website-elementor-crocoblock/)

04:21 PM | Mr. Crocoman: Just checking in to see if you still need help setting up those KPI fields and the ranking system? Would you like me to connect you with one of our human experts for more detailed assistance? Otherwise, I’m happy to keep helping you if you want to share more about what you’re trying to achieve.

06:44 PM | Merlijn: great! Love the case guide.
Can you give me valuable ways of combining the calendar concept we previously talked about with your map widget?

06:44 PM | Mr. Crocoman: Perfect timing, Merlijn! 🗺️📅 Here are powerful ways to combine our Calendar and Map widgets for your running locations project:
!!! Event-Location Integration:

– Display running events on your calendar, then show their exact locations on the map when clicked (https://crocoblock.com/blog/jetengine-v-1-2-0-meet-the-dynamic-listing-calendar-widget/)
– Create hover popups on map pins that reveal upcoming events at each location (https://crocoblock.com/knowledge-base/jetbooking/how-to-link-booking-instances-with-map-listings/)
Dynamic Filtering:
– Use date range filters to show events within specific timeframes on both calendar and map simultaneously (https://crocoblock.com/knowledge-base/jetsmartfilters/how-to-use-filters-with-calendar-widget/)
– Filter map locations based on calendar date selections to highlight active running spots
Dual Display Setup:
– Place Calendar and Map Listing widgets side-by-side on the same page
– When users select a date on the calendar, the map automatically highlights locations with events that day
Enhanced User Experience:
– Add location details (trail access, air quality scores) to calendar event popups
– Create clickable calendar events that redirect to location single pages with embedded maps (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
This creates an interactive experience where users can explore your top 50 running regions through both time-based (calendar) and location-based (map) perspectives! 🏃‍♂️✨
Want me to walk you through setting up any specific combination?

Sources:
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
WordPress Dynamic Calendar Review | Crocoblock (https://crocoblock.com/blog/jetengine-v-1-2-0-meet-the-dynamic-listing-calendar-widget/)
How to Link Booking Instances with Map Listings — JetBooking | Crocoblock (https://crocoblock.com/knowledge-base/jetbooking/how-to-link-booking-instances-with-map-listings/)
Top 5 Ways to Add Interactive Maps to WordPress – Crocoblock (https://crocoblock.com/blog/ways-to-add-interactive-maps-wordpress/)
How to Use Filters with Calendar Widget — JetSmartFilters | Crocoblock (https://crocoblock.com/knowledge-base/jetsmartfilters/how-to-use-filters-with-calendar-widget/)

06:48 PM | Mr. Crocoman: Just checking in to see if you still need help combining the calendar and map widgets for your project? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

07:16 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-22+om+18_15_26.png?expires=1758579300&signature=06c40e90f453b46c521e7d0ff0b71ca34def0b6161bb1571cf13f5e3e8e0ff81&req=dSckHst5m4JYW%2FMW1HO4zTwKXJ3cE7aW5A%2FB2IEGY1mlKNiSRIraZr2AjJys%0AaVfa6his%2F2CP3uU4S4s%3D%0A”] cool! for Dual Display Setup do you mean something like this?

07:16 PM | Mr. Crocoman: Exactly, Merlijn! 🎯 That’s a perfect example of the dual display setup concept! Your Pheidippides page shows exactly what we can achieve with our Map Listing widget combined with content sections.
Here’s how to recreate this with our tools:
Left Side – Content Area:
– Use Dynamic Field widgets to display location descriptions, historical context, or event details
– Add image widgets for location photos (like your Acropolis image)
– Include dynamic content that updates based on map selections (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
Right Side – Interactive Map:
– Implement our Map Listing widget with custom markers for each location
– Configure the Address Meta Field to pull location data from your Locations CPT (https://crocoblock.com/knowledge-base/features/map-listing-overview/)
– Add custom map styling and marker clustering for better visual appeal (https://crocoblock.com/blog/interactive-maps-in-web-design/)
Enhanced Interactivity:
– When users click map markers, the left content area can dynamically update to show location-specific information
– Add filtering options to highlight different types of locations (trails, clubs, events) (https://crocoblock.com/blog/ways-to-add-interactive-maps-wordpress/)
– Include popup details on markers with KPI scores and running data
This creates that seamless exploration experience where your running regions data becomes both visually engaging and functionally powerful! 🗺️✨
Want me to walk you through setting up the dynamic content connections between the map and content areas?

Sources:
Creating a Dynamic Events Website with JetPlugins – Crocoblock (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
Map Listing Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/map-listing-overview/)
Interactive Maps in Web Design: Benefits, Tools and Best Practices – Crocoblock (https://crocoblock.com/blog/interactive-maps-in-web-design/)
Top 5 Ways to Add Interactive Maps to WordPress – Crocoblock (https://crocoblock.com/blog/ways-to-add-interactive-maps-wordpress/)

07:20 PM | Mr. Crocoman: Just checking in to see if you still need help setting up the dynamic content connections between your map and content areas? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

07:35 PM | Merlijn: how would it look the other way around?: ‘When users select a date on the calendar, the map automatically highlights locations with events that day’

07:35 PM | Mr. Crocoman: Perfect question, Merlijn! 📅🗺️ For calendar-to-map filtering, you’d create a dynamic connection using JetSmartFilters with Date Range filtering.
Setup Process:

1. Create Date Range Filter: Navigate to Smart Filters > Add New, select Date Range filter type, and choose Filter by Meta Date option (https://crocoblock.com/knowledge-base/jetsmartfilters/jetsmartfilters-how-to-filter-the-events-from-the-dynamic-calendar-widget-jetengine/)
2. Connect Calendar & Map: Place both Calendar and Map Listing widgets on the same page, ensuring they use the same Query ID for synchronization (https://crocoblock.com/knowledge-base/jetengine/how-to-update-map-listing-on-pan/)
3. Configure Calendar: Set your Calendar widget to group posts by Date from custom field using your event date meta field (https://crocoblock.com/knowledge-base/jetsmartfilters/how-to-use-filters-with-calendar-widget/)
User Experience:
When users select a date on the calendar, the Date Range filter automatically updates the map query to show only locations with events on that specific date. The map markers would dynamically appear/disappear based on the calendar selection.
Enhanced Features:
– Add visual indicators on calendar dates that have events
– Include popup details on map markers showing event specifics
– Create smooth transitions when switching between dates (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
This creates an intuitive exploration flow where users can browse chronologically through your running events and instantly see their geographic distribution! 🏃‍♂️✨
Want me to walk you through the specific filter configuration steps?

Sources:
How to Use Filters with Calendar Widget — JetSmartFilters | Crocoblock (https://crocoblock.com/knowledge-base/jetsmartfilters/how-to-use-filters-with-calendar-widget/)
How to Use Date Range Filter with Calendar — JetSmartFilters | Crocoblock (https://crocoblock.com/knowledge-base/jetsmartfilters/jetsmartfilters-how-to-filter-the-events-from-the-dynamic-calendar-widget-jetengine/)
How to Update Map Listing on Pan/Zoom – JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/how-to-update-map-listing-on-pan/)
Creating a Dynamic Events Website with JetPlugins – Crocoblock (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)

07:39 PM | Mr. Crocoman: Just checking if you still need help with setting up the date-to-map filtering for your calendar and map widgets? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

08:31 PM | Merlijn: I’d like to know what it looks like on laptop and mobile.
Would you recommend 2 columns with same with?

08:31 PM | Mr. Crocoman: Great question, Merlijn! 📱💻 For your calendar-map dual display setup, here’s what we recommend:
Desktop Layout:
Two equal-width columns (50/50) work perfectly for desktop screens, giving both calendar and map equal visual importance. (https://crocoblock.com/blog/website-layout-basics/)
Mobile Layout:
For mobile, we strongly recommend switching to a single-column layout instead of maintaining two columns. Here’s why: (https://crocoblock.com/blog/wordpress-events-with-cpt-case-study/)
– Two columns on mobile create cramped, hard-to-interact interfaces
– Single-column provides better user experience and readability
– You can stack calendar above map or vice versa based on priority
Implementation:
Use our responsive grid system with the 12-column design approach – it allows flexible splitting into different sections for various screen sizes. (https://crocoblock.com/blog/responsive-website-grid-system-and-design/) You can set different column numbers for desktop, tablet, and mobile devices using our Smart Posts List widget controls. (https://crocoblock.com/knowledge-base/jetblog/how-to-set-columns-and-rows-in-the-smart-posts-list-widget/)
CSS Solution:
If needed, you can use custom CSS to control column behavior:
@media (max-width: 720px) {
.your-container {
display: block;
columns: 1;
}
}
()
This ensures your running regions explorer remains user-friendly across all devices! 🏃‍♂️✨
Want me to walk you through setting up the responsive breakpoints for your specific layout?

Sources:
Website Grids 101: Concept, Benefits, and Best Practices – Crocoblock (https://crocoblock.com/blog/responsive-website-grid-system-and-design/)
Types of Website Layouts, Design Ideas, Web Page Examples – Crocoblock (https://crocoblock.com/blog/website-layout-basics/)
Pueblea Case Study: Custom Post Types Powering Rural Event Websites – Crocoblock (https://crocoblock.com/blog/wordpress-events-with-cpt-case-study/)
How to set the number of columns and rows for the posts – Help Center (https://crocoblock.com/knowledge-base/jetblog/how-to-set-columns-and-rows-in-the-smart-posts-list-widget/)

08:35 PM | Mr. Crocoman: Just checking if you still need help setting up the responsive layout for your calendar and map widgets? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

08:52 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-22+om+19_44_06.png?expires=1758579300&signature=c8fa4d6d4704e8924027e626eac6e0104b770f0dffb65bf88517166284c25a9e&req=dSckHs14mohZUPMW1HO4zWQu8oMZswG70pNrBChrhxyFsEpUz4ekjcA82ug5%0AtLdACv4uzNrMX3Sixmo%3D%0A”] to show a similar card design each day I’d like to use this template, where the top text, image, name of runner/trail/club etc, quote vary. I guess it’s best to use a metabox for that?

08:52 PM | Mr. Crocoman: Absolutely, Merlijn! 🎯 A metabox is perfect for your daily card template. Here’s how to set it up:
Create Your Meta Box:

Navigate to JetEngine > Meta Boxes and click “Add New”. Set your Meta Box Title and choose the post type where cards will be stored. (https://crocoblock.com/knowledge-base/jetelements/jetelements-dynamic-data-addon-how-to-use-dynamic-values-in-the-jetelements-widgets/)
Add These Meta Fields:
– Top Text (Text field) – for “LIVE ADVENTURE * DO THE IMPOSSIBLE”
– Featured Image (Media field) – for the background photo
– Runner/Trail/Club Name (Text field) – for “ANNA McNUFF”
– Quote (Textarea field) – for the inspirational quote
– Category (Select field) – to distinguish runners/trails/clubs (https://crocoblock.com/knowledge-base/jettabs/how-to-use-dynamic-data-addon-from-jettabs/)
Display with Dynamic Fields:
Use Dynamic Field widgets in your listing template. Set Source to “Meta Data” and select each Meta Field you created. For the image, enable Filter field output and choose “Get image by ID” callback to display properly. (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-listing-template-using-repeater-meta-field/) (https://crocoblock.com/knowledge-base/jetengine/dynamic-field-block-overview/)
Pro Tip: You can also use a Repeater meta field if you want multiple cards per post, with each repeater item containing all the card elements (top text, image, name, quote).
This setup lets you easily create daily motivational cards with consistent design but dynamic content! 🏃‍♂️✨
Want me to walk you through setting up the specific meta field types for your card template?

Sources:
How to Use Dynamic Data Addon from JetTabs DevTools | Crocoblock (https://crocoblock.com/knowledge-base/jettabs/how-to-use-dynamic-data-addon-from-jettabs/)
JetElements: How to Use Dynamic Values in Widgets | Crocoblock (https://crocoblock.com/knowledge-base/jetelements/jetelements-dynamic-data-addon-how-to-use-dynamic-values-in-the-jetelements-widgets/)
How to Create a Listing Template for Users — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-listing-template-for-users/)
How to Create a Listing Using Repeater Meta Field — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-listing-template-using-repeater-meta-field/)
Dynamic Field Block Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/dynamic-field-block-overview/)

08:56 PM | Mr. Crocoman: Just checking if you still need help setting up the meta fields for your daily card template? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

10:46 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-22+om+21_43_48.png?expires=1758579300&signature=72fb86700d9cf1900a34bf0d0138c826fe412b54c05c4edb95693f3523b862c9&req=dSckHs94mIRdW%2FMW1HO4zWhiz7YFNnG7LwBNeGlJYGeT%2F1fMwmA5se5OOB%2FN%0AnyaX0qns0Q1n3yehSJU%3D%0A”] I currently show calendar and map separate.
I might want to show less than all 30/31 days of a months because this looks terrible.
How to adjust it?

10:46 PM | Mr. Crocoman: Perfect solution for your sparse calendar look, Merlijn! 📅✨ You can display only weeks that contain events instead of showing all empty days.
Hide Empty Weeks Method:
Add a custom CSS class one-week to your Calendar widget, then use this code: ()
<style>
.one-week .jet-calendar-nav__link {
display: none;
}
</style>

<script>
document.addEventListener(‘DOMContentLoaded’, function() {
let allWeeks = document.querySelectorAll(‘.one-week .jet-calendar-week’);
allWeeks.forEach(function(week) {
let weekEvents = week.querySelector(‘.jet-calendar-week__day.has-events’);
if (!weekEvents) {
week.style.display = ‘none’;
}
});
});
</script>
Alternative: Show Only Current Week
For displaying just one week, create an SQL Query in Query Builder:
SELECT * FROM {prefix}posts
WHERE post_type = ‘your_post_type’
AND UNIX_TIMESTAMP(post_date_gmt) BETWEEN %str_to_time|this week midnight% AND %str_to_time|next week midnight%
This dramatically improves the visual appearance by eliminating those empty calendar cells that make your layout look sparse! 🎯
Would you like me to walk you through implementing either of these solutions for your running events calendar?

10:50 PM | Mr. Crocoman: Just checking if you still need help with adjusting your calendar display to show fewer days? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

10:53 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-22+om+21_49_37.png?expires=1758579300&signature=b79890657502f23bb3cdc226e31f379ab77bf727022b309c8747894b192e897f&req=dSckHs95m4NZXPMW1HO4zeJB6Ksn5Oj7WKSnxxswi11L03m8JTmfzFogfmNy%0AGKAWYWv5obxmqZQWNkw%3D%0A”] how to make the cards bigger and make the calendar look more like the rest of my website?

10:53 PM | Mr. Crocoman: Perfect, Merlijn! 🎯 Here’s how to make your calendar cards bigger and match your website’s style:
Making Cards Bigger:
For your listing template, adjust the card dimensions in the Style tab of your Calendar widget. You can control individual elements like Days, Caption, and Navigation Arrows with custom sizing, padding, and margins. (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
Custom Card Sizing:
Use our Custom Grid functionality to resize cards freely – simply pull each card by its corner to resize it, or define specific column numbers to make the grid wider and accommodate larger cards. (https://crocoblock.com/feature-comparison-grid-layout-plugins/)
Matching Your Website Style:
Add custom CSS to your calendar widget. Navigate to WordPress Dashboard > Appearance > Customize > Additional CSS and add styling like: ()
.jet-calendar-week span,
.jet-calendar-date .jet-calendar-date-body {
width: 200px;
height: 150px;
padding: 20px;
background-color: #your-color;
border-radius: 8px;
}
Advanced Styling:
For more complex layouts, create a custom listing template using HTML/CSS. Replace static content with JetEngine dynamic data, and use the ‘selector’ statement before each CSS rule to apply styles only to your calendar without affecting the whole website. (https://crocoblock.com/knowledge-base/jetengine/creating-custom-listing-layouts-using-twig-and-extramural-components/)
This will give you larger, beautifully styled cards that perfectly match your site’s design! ✨
Want me to help you with specific CSS styling to match your exact design preferences?

Sources:
GridbuilderWP vs. Essential Grid vs. Unlimited Elements vs. Post Grid Pro vs. Crocoblock: Feature Comparison (https://crocoblock.com/feature-comparison-grid-layout-plugins/)
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/)
How to Create Custom Listing Layouts Using Twig & Extramural Components | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-custom-listing-layouts-using-twig-and-extramural-components/)

10:57 PM | Mr. Crocoman: Just checking if you still need help making your calendar cards bigger and styling them to match your website? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about your design preferences.

11:08 PM | Merlijn: ok but how will the bigger cards fit if the calendar shows 7 days in a row?
Can that be adjusted or maybe better to just show 1 day at a time?

11:08 PM | Mr. Crocoman: Great question, Merlijn! 🎯 You have several options to handle bigger cards with the 7-day layout:
Show Mobile Version on Desktop:
Force the mobile calendar view (which shows one day at a time) on desktop by adding this CSS to your Calendar widget’s Advanced settings: ()
.jet-calendar-week__day-mobile-wrap { display: none; }
@media (max-width: 4096px) {
.jet-calendar-week__day-mobile-wrap { display: flex; }
.jet-calendar-week__day-content { display: none; }
}
Show Only Current Week:
Display just one week instead of the full month using SQL Query in Query Builder: ()
SELECT * FROM {prefix}posts
WHERE post_type = ‘your_post_type’
AND UNIX_TIMESTAMP(post_date_gmt) BETWEEN %str_to_time|this week midnight% AND %str_to_time|next week midnight%
Alternative Layout Options:
Consider using our Group posts by setting with Date from custom field to control how events are distributed across days, giving you more flexibility in card placement. (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
The mobile view approach works particularly well for larger cards since it shows one event per row instead of cramming multiple cards into narrow columns! 📱✨
Which approach sounds most suitable for your running events display?

Source:
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)

11:12 PM | Mr. Crocoman: Just checking if you still need help deciding how to best display bigger cards in your calendar layout? Would you like me to connect you with one of our human experts for more detailed advice? Otherwise, I’m happy to assist further if you share more about your preferred design and user experience goals.

11:21 PM | Merlijn: [Image “Scherm%C2%ADafbeelding+2025-09-22+om+22_19_42.png?expires=1758579300&signature=7af2d364fdb095726dd43c8eda6c24679ef4178a984de3dd64e293903bdd7793&req=dSckHs58noJfX%2FMW1HO4zWtSsI%2FdjZefzmI6VKNNIMhZZL3nF4FgeaIQ47d2%0Ax5Fp3es0vxcvCt2NB4o%3D%0A”] how to make it more like this?

11:22 PM | Mr. Crocoman: Perfect design inspiration, Merlijn! 🎯 To create that clean vertical event card layout, you’ll need to modify your listing template structure:
Create Custom Listing Template:
Navigate to JetEngine > Listings and create a new template for your events. Use flexbox CSS to achieve the horizontal layout with image on left, content in center, and button on right. (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
CSS Structure for Event Cards:
.event-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 20px;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
border-radius: 8px;
}

.event-card__image {
flex: 0 0 120px;
}

.event-card__content {
flex: 1;
}

.event-card__button {
flex: 0 0 auto;
}
Single Column Layout:
Use our Listing Grid widget with “1 column” setting to stack events vertically. This eliminates spacing issues and creates that clean, scannable list format you’re showing. (https://crocoblock.com/blog/wordpress-events-with-cpt-case-study/)
Dynamic Fields Setup:
Add Dynamic Field widgets for event title, date/time, virtual indicator icon, and availability status. Use conditional visibility to show “Only a few spots remaining” based on a custom meta field. (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-dynamic-calendar-in-gutenberg/)
Mobile Responsive:
The flexbox structure will automatically stack elements vertically on mobile for optimal viewing.
This creates exactly that professional event listing layout with clear visual hierarchy and strong call-to-action placement! ✨
Want me to walk you through setting up the specific dynamic fields for your event data?

Sources:
Creating a Dynamic Events Website with JetPlugins – Crocoblock (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
Creating Dynamic Calendar in Gutenberg — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-create-a-dynamic-calendar-in-gutenberg/)
Pueblea Case Study: Custom Post Types Powering Rural Event Websites – Crocoblock (https://crocoblock.com/blog/wordpress-events-with-cpt-case-study/)
How to Create Custom Listing Layouts Using Twig & Extramural Components | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-custom-listing-layouts-using-twig-and-extramural-components/)

11:26 PM | Mr. Crocoman: Just checking if you still need help setting up those dynamic fields for your event cards? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about your event data and design goals.

11:35 PM | Merlijn: sorry, I try to visualize the best options;-)
What would the regular calendar widget look like if it shows only one week, or if it show only days with events?
Wish I could see an images of that

11:35 PM | Mr. Crocoman: I totally understand wanting to visualize these options, Merlijn! 😊 While I can’t show you images directly, I can describe exactly what each approach looks like:
One Week Only Calendar:
Shows just 7 days in a horizontal row (Monday-Sunday) instead of the full month grid. It looks much cleaner and less cluttered, with your event cards having more space to display properly. ()
Days with Events Only:
Hides all empty weeks completely, so you only see the weeks that contain events. This creates a much more compact view where every visible day has content, eliminating those sparse empty calendar cells.
Mobile Layout on Desktop:
Shows events stacked vertically (one per row) instead of cramped into narrow daily columns. Each event gets the full width, making your cards much more readable and visually appealing. ()
For your bigger cards, I’d especially recommend the mobile layout approach since it gives each event card the full row width, making them much more prominent and easier to interact with. This would work perfectly with your vertical event card design inspiration!
Would you like me to walk you through implementing any of these specific layouts so you can test how they look with your content?

11:39 PM | Mr. Crocoman: Just checking if you still need help visualizing or setting up those calendar layout options? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about what you want to achieve next.

12:27 AM | Merlijn: I think for a combi of date/map/cpt card this design works best: https://demo.crocoblock.com/balirento-new/map-listing-01/

12:27 AM | Mr. Crocoman: Perfect choice, Merlijn! 🎯 That design approach works excellently for combining date/map/CPT cards. Here’s how to implement it with our tools:
Calendar + Map Integration:
Use our Calendar widget with “Date from custom field” grouping to display events, then connect it to a Map Listing widget using the same Query ID for synchronization. (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/) When users select dates, the map automatically updates to show relevant locations. (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/?utm_campaign=need-help&utm_source=jetengine-modules&utm_medium=calendar)
CPT Card Layout:
Create a custom listing template in JetEngine > Listings for your event cards. Use Dynamic Field widgets to pull event data, images, and details from your CPT meta fields. (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)
Combined Display Setup:
Place all three elements (calendar, map, cards) on the same page using our Listing Grid widget. The calendar controls the date filtering, the map shows geographic distribution, and the cards display detailed event information in that clean vertical layout you’re targeting. (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
Responsive Design:
The layout will automatically adapt – desktop shows all three elements side-by-side or in sections, while mobile stacks them vertically for optimal viewing.
This creates that seamless exploration experience where users can browse by date, location, and detailed event information all in one cohesive interface! ✨
Would you like me to walk you through setting up the specific connections between these three components?

Sources:
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/?utm_campaign=need-help&utm_source=jetengine-modules&utm_medium=calendar)
WordPress Dynamic Structure with JetEngine Tools – Crocoblock (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)
Creating a Dynamic Events Website with JetPlugins – Crocoblock (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)

12:27 AM | Merlijn: for a weekly calendar this might work great

12:28 AM | Mr. Crocoman: Absolutely, Merlijn! 🎯 A weekly calendar layout is perfect for your date/map/CPT card combination design!
Weekly Calendar Benefits:
– Shows just 7 days horizontally instead of cramped monthly grid
– Gives your event cards much more breathing room
– Creates cleaner, less cluttered interface
– Works beautifully with larger card designs (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
Implementation:
Use our Calendar widget’s Custom Query feature to limit display to current week. Set up SQL Query in Query Builder:
SELECT * FROM {prefix}posts
WHERE post_type = ‘your_events_cpt’
AND UNIX_TIMESTAMP(post_date_gmt) BETWEEN %str_to_time|this week midnight% AND %str_to_time|next week midnight%
Enhanced Layout:
– Group posts by “Date from custom field” using your event date meta field
– Enable Allow multi-day events if needed for weekend events
– Use Week days format set to “Short” for compact display
Perfect for Your Design:
The weekly view eliminates empty calendar cells while giving each event card the space it needs to display beautifully. Combined with your map integration, users can easily browse the week’s events and see their locations instantly! (https://crocoblock.com/blog/jetengine-v-1-2-0-meet-the-dynamic-listing-calendar-widget/)
This creates exactly the clean, functional interface you’re aiming for! ✨

Sources:
How to Create Dynamic Calendar with Bricks Builder | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
WordPress Dynamic Calendar Review | Crocoblock (https://crocoblock.com/blog/jetengine-v-1-2-0-meet-the-dynamic-listing-calendar-widget/)

12:28 AM | Mr. Crocoman: Did that answer your question?

12:28 AM | Merlijn: oops image didn’t upload

12:29 AM | Mr. Crocoman: No worries, Merlijn! 😊 Images sometimes don’t upload properly.
Could you try uploading the image again? I’d love to see the design you’re referencing so I can give you more specific guidance on implementing it with our calendar and listing widgets.
In the meantime, based on our conversation about weekly calendars and event card layouts, I’m here to help you achieve that perfect combination of date/map/CPT cards once I can see your design inspiration! 🎯
Just try the upload again when you’re ready! ✨ (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/?utm_campaign=need-help&utm_source=jetengine-modules&utm_medium=calendar) () () ()

Source:
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/?utm_campaign=need-help&utm_source=jetengine-modules&utm_medium=calendar)

12:30 AM | Merlijn: [Image “FireShot+Capture+911+-+Weekly+events+-+R+Generation+-+%5Bwww_circle_r-generation_community%5D.png?expires=1758578400&signature=c2f8b0379d44f82b1ff959af5ffc31b0855675497b5eb7f68d908375b93d1836&req=dSckHsF8noFXWfMW1HO4zYkKZwrp3efXwWLM6h9L%2FScqaJ%2FFSYjCTkesDxyZ%0AGvTe%0A”] example weekly calendar + monthly overview

12:31 AM | Mr. Crocoman: Perfect example, Merlijn! 🎯 That Plus HUB design shows exactly what you can achieve with our Calendar widget – combining featured events with monthly groupings.
Featured Event Section:
Create a separate listing template for your “featured” events using a custom meta field to mark priority events. Display this above your calendar using our Listing Grid widget with a custom query that filters for featured events only. (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)

Monthly Event Grouping:
Use our Calendar widget’s “Group posts by” setting with “Date from custom field” to organize events by month. You can display events in a clean list format rather than traditional calendar grid by customizing your listing template. (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)

Implementation Approach:
– Set Week days format to “Short” for compact display
– Enable Show posts from nearby month to display upcoming events across months
– Use Custom Query to filter by event categories (like their Miro, AI, ChatGPT filters)
– Create dynamic fields for event status (“LIVE”), speaker photos, and time zones

Layout Structure:
Combine multiple Calendar widgets on one page – one for featured events (limited to 1-2 items) and another for the monthly overview. This creates that perfect balance of highlighting priority events while showing the full schedule! (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/?utm_campaign=need-help&utm_source=jetengine-modules&utm_medium=calendar)
This design approach gives you that professional event platform look with clear visual hierarchy! ✨

Sources:
How to Create Dynamic Calendar with Bricks Builder | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/creating-dynamic-calendar-with-bricks/)
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
Dynamic Calendar Functionality Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-calendar-listing-functionality-how-to-add-a-dynamic-calendar/?utm_campaign=need-help&utm_source=jetengine-modules&utm_medium=calendar)

12:31 AM | Mr. Crocoman: Is that what you were looking for?

12:35 AM | Merlijn: I still tend to use query and filter to display CPT/CCT…

12:35 AM | Mr. Crocoman: Just checking if you still need help setting up that weekly calendar and monthly overview layout? Would you like me to connect you with one of our human experts for more detailed guidance? Otherwise, I’m happy to assist further if you share more about your specific goals or any challenges you’re facing.

12:37 AM | Mr. Crocoman: That’s a great approach, Merlijn! 🎯 Using Query Builder with filters gives you much more control over your CPT/CCT display than the standard calendar widget.
!!!! Query Builder Benefits:

– Create custom queries to filter exactly what events you want to show (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)
– Combine multiple data sources and apply complex filtering logic (https://crocoblock.com/knowledge-base/jetengine/query-builder-cct-query-type/)
– Perfect for your weekly calendar concept – you can query events for specific date ranges
Filter Integration:
Set up JetSmartFilters to work with your custom queries by matching the Query ID across all components (https://intercom.help/jetimpex-inc/en/articles/10011267-troubleshooting-indexer-issues):
– Query Builder: Set Query ID (e.g., “events-grid”)
– Listing Grid: Use same ID in CSS ID field
– Filter widgets: Match the Query ID in General tab
For CCT Items:
The filtering process is straightforward – just ensure your Query Variable matches your CCT field keys (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-filter-related-post-items/). You can filter by date ranges, categories, locations, or any custom fields you’ve created.
This gives you that clean, controlled display you’re after while maintaining full flexibility over what events appear and how they’re organized! (https://crocoblock.com/blog/custom-content-type-brand-new-data-storage-approach/)
What specific filtering criteria are you planning to use for your running events?

Sources:
WordPress Dynamic Structure with JetEngine Tools – Crocoblock (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)
Optimize WordPress Database Performance with Custom Content Type Module – Crocoblock (https://crocoblock.com/blog/custom-content-type-brand-new-data-storage-approach/)
How to Filter Related Post Items – JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/jetengine-how-to-filter-related-post-items/)
How to Use CCT Query Type of Query Builder — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/jetengine/query-builder-cct-query-type/)
Troubleshooting Indexer Issues (https://intercom.help/jetimpex-inc/en/articles/10011267-troubleshooting-indexer-issues)

12:38 AM | Merlijn: sounds good. And it can still be combined with map listing (and maybe additionally some calendar features)

12:38 AM | Mr. Crocoman: Exactly, Merlijn! 🎯 Query Builder with filters works perfectly with Map Listing integration.

Map + Query Combination:
Enable Use Custom Query in your Map Listing widget and select the same Query ID you’re using for your event listings. This synchronizes the map to show only filtered events. (https://crocoblock.com/knowledge-base/features/query-builder-overview/)
Triple Integration Setup:
– Query Builder: Create your custom CCT/CPT query with specific Query ID
– Listing Grid: Display filtered events using same Query ID
– Map Listing: Show event locations using identical Query ID
– Calendar Widget: Add calendar features using same query source (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)

Calendar Features You Can Add:
Use our Dynamic Calendar widget with Custom Query tab – select your existing query to display events in calendar format alongside your listing and map views. (https://crocoblock.com/blog/wordpress-website-dynamic-structure/) This gives users three ways to explore your events: filtered list, map locations, and calendar dates.
Perfect Workflow:
Users can filter events → see results in your custom listing → view locations on map → check dates in calendar – all synchronized through your single Query Builder setup! (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
This creates that comprehensive event exploration experience you’re aiming for! ✨

Sources:
Query Builder Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/query-builder-overview/)
Creating a Dynamic Events Website with JetPlugins – Crocoblock (https://crocoblock.com/blog/wordpress-events-page-crocoblock-plugins/)
Dynamic Calendar Listing Widget Overview — JetEngine | Crocoblock (https://crocoblock.com/knowledge-base/features/dynamic-listing-calendar-widget-overview/)
WordPress Dynamic Structure with JetEngine Tools – Crocoblock (https://crocoblock.com/blog/wordpress-website-dynamic-structure/)

12:38 AM | Mr. Crocoman: Is that what you were looking for?


Exported from Crocoblock on September 23, 2025 at 12:39 AM Kyiv time EEST (GMT+0300)

User email *
Password *
Name *
E-mail *
Password *
Confirm Password *
0.00

1
2
3
4
5
6
7
Last Page

Get listed and make a chance to win the Global Running Adventures Award

Are you an adventure seeking runner who has completed a self made project or is eager to start one?

Submit this 3-minute application to qualify for a FREE profile page, including your bio, achievements, past/upcoming adventure, story and cause.

Wanna give people an opportunity to participate in your exciting running project or expedition-like adventure?
Here's your chance to share it with the world for free!

You qualify for the FREE Profile Page if you meet the following criteria:

  • you have a self supported running project completed, in the making or are planning to start one
  • your project will support a good cause that relates to you personally
  • you need media, sponsors and a network to get all the possible support to succeed
  • you're enthusiastic and motivated to realize your goals! 

Just a few questions to get a better picture;-)
I'll read and respond to each and every application, and I'll get back to you within a few days.

Who do you apply for? *
First name of the person you nominate *
please fill in their first name
Last name of the person you nominate *
please fill in their last name
What is the email of the person you nominate? *
please fill in their email
Fill required fields
Your first name *
Your last name *
Your email *
Fill required fields
Stage running journey *
if you nominate someone else fill in for him/her
Fill required fields
Adventure start date
you can change it later if you're not sure yet
Adventure end date
you can change it later if you're not sure yet
Fill required fields
Name of adventure *
you can change it later if you're not sure yet
Adventure description *
give a short description of your adventure (idea)
Where did/will the adventure take place *
you can change it later if you're not sure yet
Fill required fields
Link to adventure resources
you can fill in your website or any other resource
Why (did) you want to do this? *
give a short description of the reason for your adventure
Link to cause
you can fill in a website of a charity or any other resource
Fill required fields
Are you interested in any of these forms of partnership? *
Get full exposure to your niche for 365+ days, resulting in real long lasting relations and leads.
Do you know anyone who might be interested in partnering?
Please fill in their name and email.
When someone applies you both get a free Award event ticket:-)
Anything else you like to share?
here you can share/ask additional info about the application
Check the box to agree. You can unsubscribe anytime.