Uploaded August 2025 | Updated September 2026, 1 day ago
Discover how to create reusable WordPress components with JetEngine for both Elementor and Bricks Builder. In this tutorial, you’ll learn how to build a dynamic CTA block once and reuse it across pages, templates, and loops without rebuilding the layout every time.
JetEngine Components work like a design system layer for your dynamic site: you define content and style controls once, then drop the same component into Elementor widgets, Bricks elements, Query Loops, and Listing Grids. This approach keeps layouts consistent, speeds up client work, and makes it easier to maintain complex templates for CPTs like doctors, services, products, or listings.
✅ In this video you’ll learn how to:
- Create a JetEngine component in Elementor
- Set up content & style controls and link them to widgets
- Build a reusable dynamic CTA block in Elementor
- Create and configure a component in Bricks Builder
- Use components inside a Query Loop / Listing Grid with related items
📄 JetEngine Components — Feature Overview
👉 crocoblock.com/features/components
📄 Dynamic WordPress Sites with JetEngine
👉 crocoblock.com/solution/dynamic
📄 How to Make Your Component Dynamic
👉 out.crocoblock.com/4fMt35T
📄 How to Reuse the Created Component
👉 out.crocoblock.com/4foQ2n0
📄 How to Use Components in Query Loop or Listing Grid
👉 out.crocoblock.com/45nF0dd
-------------
► TIMESTAMPS
00:00 Introduction
00:44 Creating a Component in Elementor
01:44 Setting Up Component Controls
02:18 Types of Component Controls
03:58 Linking Widgets to Content Controls
06:08 Using Style Controls
08:08 Adding Components to Pages
11:14 Creating a Component in Bricks Builder
11:58 Setting Up Controls in Bricks
12:30 Connecting Controls to Bricks Elements
13:20 Building a Query Loop
14:37 Inserting Components into a Query Loop
16:02 Previewing the Final Output
-------------
❓ When should I use components instead of copying sections?
Components make sense when you repeat the same block (like CTAs, card headers, info panels) across many templates or loops and want to update layout or styles in one place instead of editing every page or listing separately.
❓ Do JetEngine components work only with Elementor?
No. Components can be used in Elementor and Bricks Builder, and they can also be inserted into Query Loops and Listing Grids, so one component can power multiple views across your dynamic site.
❓ Can components use dynamic fields and related items?
Yes. You can connect component controls to JetEngine dynamic fields and related posts, which makes them ideal for CPTs like doctors, services, properties, or any content that needs a consistent card layout with dynamic data.
---------------
► Get JetEngine:
out.crocoblock.com/3J4bW37
► Choose Crocoblock subscription:
out.crocoblock.com/4lfhgOf
-------------
Watch related videos:
◎ JetEngine | Tutorials
👉 youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
◎ How to Create Dynamic Listing Items in WordPress with Bricks Builder | JetEngine
👉 youtu.be/5pMvjnnJlt4
-------------
#JetEngine #WordPress #Elementor #BricksBuilder #DynamicContent
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
Discover how to create reusable WordPress components with JetEngine for both Elementor and Bricks Builder. In this tutorial, you’ll learn how to build a dynamic CTA block once and reuse it across pages, templates, and loops without rebuilding the layout every time.
JetEngine Components work like a design system layer for your dynamic site: you define content and style controls once, then drop the same component into Elementor widgets, Bricks elements, Query Loops, and Listing Grids. This approach keeps layouts consistent, speeds up client work, and makes it easier to maintain complex templates for CPTs like doctors, services, products, or listings.
✅ In this video you’ll learn how to:
- Create a JetEngine component in Elementor
- Set up content & style controls and link them to widgets
- Build a reusable dynamic CTA block in Elementor
- Create and configure a component in Bricks Builder
- Use components inside a Query Loop / Listing Grid with related items
📄 JetEngine Components — Feature Overview
👉 crocoblock.com/features/components
📄 Dynamic WordPress Sites with JetEngine
👉 crocoblock.com/solution/dynamic
📄 How to Make Your Component Dynamic
👉 out.crocoblock.com/4fMt35T
📄 How to Reuse the Created Component
👉 out.crocoblock.com/4foQ2n0
📄 How to Use Components in Query Loop or Listing Grid
👉 out.crocoblock.com/45nF0dd
-------------
► TIMESTAMPS
00:00 Introduction
00:44 Creating a Component in Elementor
01:44 Setting Up Component Controls
02:18 Types of Component Controls
03:58 Linking Widgets to Content Controls
06:08 Using Style Controls
08:08 Adding Components to Pages
11:14 Creating a Component in Bricks Builder
11:58 Setting Up Controls in Bricks
12:30 Connecting Controls to Bricks Elements
13:20 Building a Query Loop
14:37 Inserting Components into a Query Loop
16:02 Previewing the Final Output
-------------
❓ When should I use components instead of copying sections?
Components make sense when you repeat the same block (like CTAs, card headers, info panels) across many templates or loops and want to update layout or styles in one place instead of editing every page or listing separately.
❓ Do JetEngine components work only with Elementor?
No. Components can be used in Elementor and Bricks Builder, and they can also be inserted into Query Loops and Listing Grids, so one component can power multiple views across your dynamic site.
❓ Can components use dynamic fields and related items?
Yes. You can connect component controls to JetEngine dynamic fields and related posts, which makes them ideal for CPTs like doctors, services, properties, or any content that needs a consistent card layout with dynamic data.
---------------
► Get JetEngine:
out.crocoblock.com/3J4bW37
► Choose Crocoblock subscription:
out.crocoblock.com/4lfhgOf
-------------
Watch related videos:
◎ JetEngine | Tutorials
👉 youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
◎ How to Create Dynamic Listing Items in WordPress with Bricks Builder | JetEngine
👉 youtu.be/5pMvjnnJlt4
-------------
#JetEngine #WordPress #Elementor #BricksBuilder #DynamicContent
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
