π Elemental Widgets Suite Documentation
Complete guide to all 24 premium Elementor widgets
π Quick Start Guide
- Make sure Elementor is installed and activated
- Enable the widgets you want to use from the Widgets page
- Open the Elementor editor on any page
- Find widgets in the “Elemental” category
- Drag and drop widgets onto your page
- Customize using the Content and Style tabs
- Publish and enjoy! π
π¨ Layout & Design (4 Widgets)
1. Team Members
Display team members using a custom post type with beautiful cards.
- Column options (2, 3, 4)
- Hover effects and animations
- Social media links integration
- Custom post type included
2. Team Carousel
Sliding carousel of team members with autoplay and navigation.
- Autoplay with speed control
- Arrow and dot navigation
- Responsive breakpoints
- Custom carousel engine (no dependencies!)
3. Testimonials
Customer testimonials with ratings, avatars, and company info.
- Star ratings display
- Avatar/photo support
- Quote styling
- Custom post type included
4. Testimonials Carousel
Sliding testimonials with all carousel features.
- All carousel controls
- Rating display
- Avatar support
π° Content & Media (4 Widgets)
5. Posts
Display blog posts with excerpts and featured images.
- Order by date, title, or popular
- Excerpt length control
- Advanced styling options
- Typography controls
6. Portfolio Custom Selection
Portfolio items with overlay effects and post selection!
- Recent, Featured, or Custom selection
- Select2 dropdown for custom posts
- Gradient overlay effects
- Hover animations
7. Gallery
Image gallery with lightbox overlay.
- Multiple images support
- Hover overlay
- Border radius control
8. Blockquote
Beautiful quote blocks with author attribution.
- Border and background styling
- Quote mark icon
- Typography controls
π WooCommerce (5 Widgets)
9. Product Grid
Display WooCommerce products in a beautiful grid layout.
- Query options (Recent/Featured/Sale/Category)
- Product count control
- Gradient hover effects
- Add to cart buttons
10. Product Carousel
Sliding product carousel with all features.
- All carousel controls
- Product filtering
- Price display
11. Product Categories
Showcase product categories with images and counts.
- Category images
- Product counts
- Hover effects
12. Featured Products
Highlight featured products with special badge.
- Featured badge
- Special styling
- Priority display
13. Reviews
Customer reviews with star ratings.
- Star rating display
- Reviewer names
- Review text
- Typography controls
β‘ Interactive (6 Widgets)
14. Icon Box Dashicon Picker!
Feature boxes with visual Dashicon picker modal!
- Visual Dashicon picker with 200+ icons
- Icon size control
- Hover animations
- Full styling options
15. Animated Counter
Count-up numbers with IntersectionObserver.
- Starts counting when scrolled into view
- Gradient text effects
- Duration control
- Prefix/suffix support
16. Pricing Table
Beautiful pricing tables for your products/services.
- Feature lists
- Highlight popular plans
- Button styling
17. Animated Headline
Rotating text with fade animations.
- Multiple rotating texts
- Speed control
- Before/after text
- Typography controls
18. Flip Box
3D flip card with front and back sides.
- 3D flip animation
- Icon support
- Button on back
- Flip duration control
19. Price List
Menu or price list with sliding hover effect.
- Item titles and descriptions
- Prices with styling
- Hover slide effect
- Typography controls
π’ Marketing & Conversion (4 Widgets)
20. Call To Action
Eye-catching CTA boxes with buttons and ribbons.
- Ribbon badge
- Button styling
- Background effects
- Typography controls
21. Social Share
Social media share buttons with hover effects.
- Facebook, Twitter, LinkedIn, Pinterest
- Button size control
- Hover lift effect
- Shadow customization
22. PayPal Button
Styled PayPal donation/payment button.
- Item name and amount
- Currency selection
- Hover effects
- Typography controls
23. Facebook Comments
Facebook comments integration for social engagement.
- App ID configuration
- Number of posts control
- Container styling
β Custom Innovation (1 Widget)
24. Countdown Timer CUSTOM CREATION!
The crown jewel – created from scratch!
- Due Date Mode: Countdown to specific date/time
- Evergreen Mode: Countdown from page load (perfect for urgency!)
- Box Styles: Square or Circle boxes
- Flip Animations: Numbers flip when they change
- Pulse Effect: Subtle pulsing animation
- Completion Actions: Show message, Hide, Redirect, or None
- Toggle Units: Show/hide Days, Hours, Minutes, Seconds
- Full Styling: Colors, sizes, shadows – everything customizable
- Typography Controls: Number and label fonts
- Product launches
- Flash sales
- Event countdowns
- Limited-time offers
- Coming soon pages
π‘ Tips & Tricks
- Disable unused widgets to keep your Elementor editor clean
- Use the Dashicon picker in Icon Box for easy icon selection
- Countdown Timer’s Evergreen mode is perfect for urgency marketing
- Portfolio widget’s Custom selection lets you handpick posts
- All widgets have advanced styling in the Style tab
- Combine widgets for unique layouts
- Custom CSS can be added via Elementor’s Custom CSS feature
π Ready to Use Widgets?
Start building amazing pages with Elemental Widgets!
β Back to Home View All Widgetsπ Support Elemental Widgets
Elemental Widgets is Donationware and is Free as in Free Beer for the Global WordPress Community!
Please consider donating to support the Vibe Coding efforts of CursorWP!
Every donation helps us create more awesome free widgets and plugins! π