Mostafa Shahiri

The Everything Accordion is a simple widget that shows wordpress widgets, posts and pages in an pretty accordion. It enables you to control:
<ol>
<li>displaying the widgets</li>
<li>displaying the separated posts</li>
<li>displaying the pages</li>
<li>displaying posts of some specific categories</li>
<li>different filters for posts and pages</li>
<li>Ordering posts and pages based on created date, modified date, views, comments count and random.</li>
<li>Showing pages and posts in two different modes: 1)Introtext includes featured image+inro content+readmore link. 2)Fulltext mode</li>
<li>Custom text for readmore links.</li>
<li>Some other filters for showing the categories, author, published date, modified date and comments count of the pages or posts.</li>
</ol>
If you like to apply your style to this widget, you can edit everythingaccordion.css file. The ID of this widget is everything_accordion.
Now we explain about CSS classes are used in Everything Accordion :
.evachead: CSS class for styling accordion headers 
.accord_widget: CSS class for styling widgets 
.accord_content: CSS class for styling accordion panel 
.info: CSS class for styling info small tags 
.infoblock: All small tags have been placed in a div with this CSS class. (Parent div class for small tags) 
.accord_img: CSS class for featured images divs 
.accord_post: CSS class for styling posts or pages content divs 
.accord_readmore: CSS class for parent divs of readmore links.

Everything Accordion

The Everything Accordion is a simple widget that shows wordpress widgets, posts and pages in an pretty accordion.

WP Messiah

BoomDevs

MD Robin Islam

Prime Elementor Addons is a lightweight Elementor addon plugin for WordPress that gives you a focused set of Elementor widgets to build modern pages faster. Instead of installing many separate Elementor extensions, you can design key sections using one clean widget pack.
It includes the widgets most websites actually need – like Advanced Accordion, Advanced Tabs, Advanced Heading, Call to Action, Pricing Table, Testimonial, Team Member, Countdown, Counter Number, Progressbar, Post Grid, Social Icons, and more – so you can create complete landing pages and business pages with drag-and-drop.
Everything works inside the Elementor editor with simple controls. Add a widget, write your content, style it, and publish – no extra setup, no complicated steps, and no coding required.
If you’re looking for addons for Elementor that are easy to use and built for real layouts, Prime Elementor Addons is a smart choice. It helps you create clean sections, keep your design consistent, and build WordPress sites quicker.
Build full-page sections with ready widgets (not just “decorations”)
Instead of installing many small plugins, Prime gives you the common building blocks most websites need:
<ul>
<li>Content sections (Accordion, Tabs, Navigation)</li>
<li>Conversion sections (CTA, Buttons, Pricing)</li>
<li>Social proof (Testimonials, Team)</li>
<li>Growth elements (Countdown, Counters, Progressbar)</li>
<li>Blog layout (Post Grid)</li>
<li>Form embedding (Contact Form 7, Fluent Forms)</li>
<li>Media (Image, Video, Gallery)</li>
<li>Social links (Social Icons)</li>
</ul>
Key features (what you can build)
<ul>
<li>FAQ and collapsible content using Accordion</li>
<li>Tabbed content sections for neat layouts</li>
<li>Strong headings and content blocks for modern sections</li>
<li>Call-to-action areas that drive clicks</li>
<li>Pricing and testimonials to sell services/products</li>
<li>Counters, countdowns, and progress bars for stats and urgency</li>
<li>Image, video, and gallery sections for visuals</li>
<li>Post Grid to show blog posts or portfolio items</li>
<li>Social Icons and Navigation for better site experience</li>
<li>Form embedding widgets for popular form plugins</li>
</ul>
Widget-based features (with clear benefits)
FAQ, Tabs & Navigation
These widgets help visitors find answers faster and keep your pages clean.
Advanced Accordion (freemium)
<ul>
<li>Purpose: Create collapsible content sections (FAQ, details, steps).</li>
<li>Best for: FAQ pages, service explanations, product feature breakdowns.</li>
<li>Key controls: Accordion items, titles, content, spacing, icon/indicator styling.</li>
</ul>
Advanced Tabs
<ul>
<li>Purpose: Organize content into tabs so the page looks shorter and cleaner.</li>
<li>Best for: Features vs pricing, plans comparison, specifications, multi-step info.</li>
<li>Key controls: Tab labels, tab content, active tab styling, alignment, spacing.</li>
</ul>
Advanced Navigation
<ul>
<li>Purpose: Add a styled navigation/menu area for better browsing.</li>
<li>Best for: One-page layouts, section navigation, landing pages, headers.</li>
<li>Key controls: Menu styling, layout alignment, spacing, hover/active states.</li>
</ul>
Headings & Content Building Blocks
These widgets shape your page structure and improve readability.
Advanced Heading (freemium)
<ul>
<li>Purpose: Create modern headings with stronger style control.</li>
<li>Best for: Hero sections, section titles, feature headings, page headers.</li>
<li>Key controls: Typography, spacing, alignment, decorative styles (where applicable).</li>
</ul>
Info Box
<ul>
<li>Purpose: A quick “icon + title + description” section block.</li>
<li>Best for: Services, benefits, highlights, product features.</li>
<li>Key controls: Icon settings, title/description, layout spacing, hover styles.</li>
</ul>
Icon Box
<ul>
<li>Purpose: A clean card-style widget for a single feature/service.</li>
<li>Best for: Service grids, feature sections, “why choose us” blocks.</li>
<li>Key controls: Icon position, typography, spacing, box styling.</li>
</ul>
Features List
<ul>
<li>Purpose: Display feature points in a simple, readable list layout.</li>
<li>Best for: Product features, plan benefits, checklist sections.</li>
<li>Key controls: List items, icons/bullets, spacing, typography.</li>
</ul>
Buttons & Conversion Sections
These widgets are built for clicks, leads, and actions.
Advanced Button
<ul>
<li>Purpose: A flexible button widget for actions and links.</li>
<li>Best for: Contact buttons, pricing actions, section jump links.</li>
<li>Key controls: Text, link, icon, size, spacing, hover styles.</li>
</ul>
Dual Button
<ul>
<li>Purpose: Two buttons together for primary + secondary actions.</li>
<li>Best for: “Get Started” + “Learn More”, “Buy Now” + “View Demo”.</li>
<li>Key controls: Button pairing layout, spacing, individual styling for each button.</li>
</ul>
Call to Action
<ul>
<li>Purpose: A complete CTA section to guide visitors to one action.</li>
<li>Best for: Landing pages, signups, contact sections, product promos.</li>
<li>Key controls: Heading + text + button(s), layout alignment, background styling.</li>
</ul>
Pricing, Trust & Business Sections
These widgets help you sell services/products and build credibility.
Pricing Table
<ul>
<li>Purpose: Show pricing plans in a clear layout.</li>
<li>Best for: SaaS plans, service packages, membership tiers.</li>
<li>Key controls: Plan name, price, features, highlight badge, CTA button.</li>
</ul>
Testimonial
<ul>
<li>Purpose: Display customer feedback and reviews.</li>
<li>Best for: Service pages, homepages, product landing pages.</li>
<li>Key controls: Name, role, review text, rating layout (if included), card styling.</li>
</ul>
Team Member
<ul>
<li>Purpose: Present team profiles to build trust.</li>
<li>Best for: Agency sites, company pages, about pages.</li>
<li>Key controls: Name, role, image, social links, layout spacing.</li>
</ul>
Flip Box
<ul>
<li>Purpose: Interactive card (front/back) for compact information display.</li>
<li>Best for: Services, features, creative showcases.</li>
<li>Key controls: Front content, back content, flip direction, styling.</li>
</ul>
Stats, Progress & Urgency
These widgets make numbers and timelines more visual.
Counter Number
<ul>
<li>Purpose: Highlight key metrics in an engaging way.</li>
<li>Best for: “Projects completed”, “Happy clients”, “Years of experience”.</li>
<li>Key controls: Number value, label text, typography, spacing.</li>
</ul>
Progressbar
<ul>
<li>Purpose: Show progress or skill levels visually.</li>
<li>Best for: Skills sections, milestone progress, performance stats.</li>
<li>Key controls: Percentage/value, labels, thickness, spacing.</li>
</ul>
Countdown
<ul>
<li>Purpose: Show time-based urgency for offers or events.</li>
<li>Best for: Launch pages, sale deadlines, event countdown sections.</li>
<li>Key controls: Date/time, layout style, labels, spacing.</li>
</ul>
Media Widgets
These help you present visuals cleanly inside Elementor layouts.
Advanced Image
<ul>
<li>Purpose: Display images with better layout control.</li>
<li>Best for: Hero images, feature images, banners, section visuals.</li>
<li>Key controls: Image settings, alignment, spacing, styling.</li>
</ul>
Advanced Video
<ul>
<li>Purpose: Add videos for demos, intros, tutorials.</li>
<li>Best for: Product pages, course pages, landing pages.</li>
<li>Key controls: Video source/embed, layout, spacing, styling.</li>
</ul>
Image Gallery
<ul>
<li>Purpose: Show multiple images in a gallery layout.</li>
<li>Best for: Portfolio, product images, event photos, brand showcases.</li>
<li>Key controls: Gallery layout, spacing, styling.</li>
</ul>
Blog, Forms & Social
These widgets help with content marketing, lead capture, and social links.
Post Grid
<ul>
<li>Purpose: Display posts in a grid layout.</li>
<li>Best for: Blog sections, news pages, portfolio-style grids.</li>
<li>Key controls: Post query/layout options (where applicable), spacing, styling.</li>
</ul>
Contact Form 7
<ul>
<li>Purpose: Insert CF7 forms via an Elementor widget area.</li>
<li>Best for: Contact pages, lead forms, request-a-quote forms.</li>
<li>Key controls: Form selection + styling container around it.</li>
</ul>
Fluent Form
<ul>
<li>Purpose: Insert Fluent Forms into Elementor layouts.</li>
<li>Best for: Signups, contact forms, surveys, lead capture.</li>
<li>Key controls: Form selection + section styling.</li>
</ul>
Social Icons
<ul>
<li>Purpose: Add social profile icons anywhere on the page.</li>
<li>Best for: Headers, footers, contact sections, team cards.</li>
<li>Key controls: Icon list, links, size, spacing, hover styles.</li>
</ul>
Best use cases (where this addon shines)
<ul>
<li>Business websites: Services (Info Box/Icon Box), Team, Testimonials, Pricing</li>
<li>Landing pages: Call to Action, Dual Button, Countdown, Counter Number</li>
<li>Portfolios: Post Grid + Gallery + strong headings</li>
<li>Agency sites: Tabs, Accordion, Pricing, Social proof sections</li>
</ul>
Work faster inside Elementor (the same workflow you already use)
Prime Elementor Addons is designed to fit the Elementor workflow- so you can build faster using Elementor’s own productivity features:
<ul>
<li>Responsive controls (desktop, tablet, mobile)</li>
<li>Copy & Paste styles (save time across widgets)</li>
<li>Global colors and fonts (consistent design)</li>
</ul>
All Your Favorite Plugins – Supported
<ul>
<li>WooCommerce</li>
<li>Yoast SEO</li>
<li>Rank Math</li>
<li>All in One SEO</li>
<li>SEOPress</li>
<li>The SEO Framework</li>
<li>WP Rocket</li>
<li>WP-Optimize</li>
<li>Smush</li>
<li>Imagify</li>
<li>Contact Form 7</li>
<li>WPForms</li>
<li>Fluent Forms</li>
<li>Mailchimp for WordPress</li>
<li>Advanced Custom Fields (ACF)</li>
<li>LearnDash</li>
<li>Tutor LMS</li>
<li>WPML</li>
<li>And More</li>
</ul>
Don’t settle for basic Elementor widgets. Upgrade to the Pro version of “Prime Elementor Addons” today and take your website to the next level!
<a href="https://primeelementoraddons.com/pricing/" rel="nofollow ugc">Get the Pro</a>
<h3>Documentation</h3>
Start with the <a href="https://docs.wpmessiah.com/" rel="nofollow ugc">Prime Elementor Addons documentation</a> for quick setup, guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the Gutenberg editor.
<h3>Support</h3>
Need help after checking the docs? Send us a message via the <a href="https://support.wpmessiah.com/" rel="nofollow ugc">Prime Elementor Addons documentation</a>. Share your WordPress version, theme, and steps to reproduce – we’ll reply fast.
<h3>Say Hello, Get Help – Connect with the WP Messiah</h3>
We’re just a message away. Follow us for quick tips, release news, 60-second tutorials, and fast help from real humans. Got a question about Prime Elementor Addons documentation or your setup? DM us – we’ll jump in.
<ul>
<li><a href="https://www.facebook.com/groups/wpmessiah" rel="nofollow ugc">Facebook Group</a></li>
<li><a href="https://discord.gg/wEVmDvRbad" rel="nofollow ugc">Discord</a></li>
<li><a href="https://www.youtube.com/@wpmessiahacademy" rel="nofollow ugc">YouTube Tutorials</a></li>
</ul>

Prime Elementor Addons – Lightweight Elementor Widgets for Faster Pages

Lightweight Elementor Addons plugin with essential Elementor widgets: Accordion, Tabs, CTA, Pricing Table, Testimonials, Post Grid, forms & more.

Everything Accordion vs Prime Elementor Addons – Lightweight Elementor Widgets for Faster Pages