What is JetElements plugin?
JetElements is one of Crocoblock’s JetPlugins — a collection of visual Elementor widgets that extend the page builder with design-focused elements emphasizing animated and interactive content display. Unlike JetEngine (which focuses on dynamic data) or JetSmartFilters (which handles filtering), JetElements is the visual design extension of the Crocoblock ecosystem: adding widgets for animated content, rich media display, and interactive layout elements.
JetElements includes approximately 40 widgets: Animated Box (flip cards with animation), Animated Text (typewriter/rotating text effects), Banner (image with overlay and hover effects), Countdown Timer, Circle Progress, Bar Chart, Pie Chart, Price List, Progress Bar, Audio Player, Video Player, Horizontal Timeline, Vertical Timeline, Post Slider, Post Grid, and WooCommerce product display widgets. Most widgets include animation presets and rich styling options.
JetElements is available as a standalone purchase or as part of the Crocoblock All-Inclusive subscription. For Crocoblock subscribers, it is included at no additional cost. For non-Crocoblock users, JetElements as a standalone plugin provides a curated set of animated Elementor widgets at a reasonable per-plugin price — though Essential Addons or Happy Addons provide more total widgets at comparable pricing. JetElements’ primary audience is existing Crocoblock subscribers who use it as the visual complement to JetEngine’s data-handling capabilities.
Need Help With JetElements Setup, Troubleshooting, or Customization?
Need help with JetElements? Whether you are dealing with errors, broken functionality, styling problems, plugin conflicts, or advanced customization, we can help you fix the issue and get the plugin working properly on your WordPress site.
Get JetElements Expert HelpKey Features
- 40+ Elementor widgets: Animated Box (flip cards), Animated Text (typewriter/rotating), Banner with hover effects, Countdown Timer, Circle Progress, Bar Chart, Pie Chart, Price List, Progress Bar, Audio Player, Video Player, Horizontal/Vertical Timeline, Post Slider, Post Grid, WooCommerce product widgets
- Rich animation presets per widget
- Elementor-native integration
- Compatible with Elementor free and Pro
Pros & Cons
Pros
- High-quality animated widgets — Animated Text and Animated Box are particularly polished
- Audio and Video player widgets for inline media playback without page builders' typical media limitations
- Chart widgets (Bar, Pie, Circle Progress) for data visualization without a separate plugin
Cons
- Most valuable as part of the Crocoblock ecosystem — standalone purchase less compelling vs Essential Addons or Happy Addons with more widgets
- Animated effects can impact performance if overused
Free vs Premium
No free version. Available standalone or as part of Crocoblock All-Inclusive subscription. Check crocoblock.com for individual plugin pricing.
Common Problems & Fixes
JetElements Animated Text widget is not cycling through text items — it shows only the first text item. How do I enable the animation?
The Animated Text widget requires JavaScript for cycling animation. If only the first item displays: (1) check browser DevTools Console for JavaScript errors preventing the animation initialization; (2) verify JetElements’ scripts are not being deferred or excluded by a performance plugin — add JetElements scripts to the exclusion list; (3) confirm multiple text items are added in the widget content settings (each line is a separate animated item); (4) clear all caches and test in an incognito window. The animation type (typewriter, rotating, fading) is set in the widget Style settings.
JetElements Countdown Timer reached zero but continues showing negative numbers. How do I configure the end behavior?
In the Countdown Timer widget settings, configure the “After Zero” behavior: options typically include hiding the countdown, showing a custom message, or redirecting to a URL. If the timer continues to negative values, the “After Zero” action may not be set. Edit the widget, find the Countdown Expiry settings, and configure the desired behavior when the timer reaches zero. Also verify the countdown end date/time is correct and uses the right timezone — mismatch between WordPress timezone and the specified end time is a common cause of incorrect timer behavior.
JetElements charts (Bar Chart, Pie Chart) are not rendering — chart areas show blank divs. How do I fix chart display?
JetElements charts use Chart.js library for rendering. If charts are blank: (1) check browser DevTools Console for Chart.js initialization errors; (2) verify the chart has data configured — a chart with no data points renders as empty; (3) a JavaScript conflict with another plugin using Chart.js may cause version conflicts — inspect the loaded Chart.js version with DevTools; (4) clear caches and test in an incognito browser. For persistent issues, check that JetElements’ Chart.js is not being dequeued by a performance plugin.
Customization & Developer Notes
How do I create a flip card using JetElements' Animated Box widget?
Add the Animated Box widget to your Elementor section. In the widget settings, configure the Front Side (visible by default): add an icon or image, a title, and a short description. Configure the Back Side (visible on hover or click): add different or complementary content — typically more detail, a CTA button, or contact information. In the Style settings, configure the flip animation direction (left, right, top, bottom, fade) and transition duration. The widget’s CSS 3D transform provides a smooth flip animation when visitors hover over the front side.
How do I display dynamic data from JetEngine in a JetElements Progress Bar widget?
JetElements widgets support Elementor’s dynamic data system when JetEngine is also active. In the Progress Bar widget, click the dynamic tag icon (lightning bolt) next to the “Value” field. Select JetEngine → Meta Data and choose the meta field that contains the progress percentage value (e.g., a numeric field like “project_completion_percentage”). The Progress Bar will then display the dynamic value for each post in a JetEngine Listing template. This approach creates data-driven progress bars without hardcoded values.
Frequently Asked Questions
Is JetElements necessary if I already have Essential Addons for Elementor?
For most users, no — Essential Addons provides equivalent widgets (animated text, countdown, progress bars, charts) at a lower price point with more total widgets. JetElements becomes valuable primarily as part of the Crocoblock ecosystem where it integrates cleanly with JetEngine for dynamic data display. If you are already a Crocoblock subscriber, JetElements is included at no additional cost and worth enabling. As a standalone purchase outside the Crocoblock ecosystem, Essential Addons provides better value for most use cases.
Does JetElements work without other JetPlugins installed?
Yes — JetElements is a standalone Elementor addon that does not require other JetPlugins to function. The approximately 40 widgets work independently with just Elementor and JetElements installed. Integration with JetEngine (for dynamic data binding) and JetWooBuilder (for WooCommerce-specific displays) becomes relevant only when those plugins are also active and their capabilities are used.
Can JetElements break after updates?
Yes, that can happen, especially on older sites with many plugins. This usually happens when the plugin, theme, and add-ons are updated out of sequence. In most cases, testing on staging catches the issue before it reaches the live site. From experience, backups and changelog reviews save a lot of cleanup time.
What should I check before installing JetElements?
Start by checking whether another plugin already does the same job. In most cases, overlap is what creates avoidable conflicts and performance issues. A common issue is installing a plugin because it looks convenient without checking the stack first. From experience, a short compatibility review avoids most of the pain later.