Webilia Inc.

<p>Vertex Addons For Elementor Builder is designed to enhance your page-building experience like never before. It provides a diverse range of powerful and feature-packed widgets that integrate seamlessly with Elementor. Whether you’re building a complex website or a simple landing page, Vertex offers all the tools you need to create stunning web designs without writing a single line of code.</p>
<p>✅ <a href="https://vertexaddons.com/widgets/" rel="nofollow ugc">Demo</a><br />
✅ <a href="https://api.webilia.com/go/vertex-docs" rel="nofollow ugc">Documentation</a><br />
✅ <a href="https://vertexaddons.com/support/?utm_source=vertex+on+wordpress&utm_medium=text&utm_campaign=Wordpress+repository&utm_term=support" rel="nofollow ugc">Support</a><br />
✅ <a href="https://vertexaddons.com/?utm_source=vertex+on+wordpress&utm_medium=text&utm_campaign=Wordpress+repository&utm_term=live+chat" rel="nofollow ugc">Live Chat</a></p>
<h3>Key Features</h3>
<ul>
<li>+43 Essential Free Widgets: A comprehensive collection of versatile and customizable widgets, including News Ticker, Testimonial Carousel, Countdown, and more.</li>
<li>Custom Extensions: Extend Elementor’s capabilities with advanced features like Wrapper Link, Scroll to Top, Sticky and Custom CSS/JS.</li>
<li>Responsive & User-Friendly: Ensure that your website looks great on all devices with fully responsive designs.</li>
<li>Lightweight & Fast: Built with performance in mind, Vertex Addons ensures your website stays fast without unnecessary bloat.</li>
<li>Highly Customizable: Fine-tune the appearance and behavior of each widget with advanced styling and layout options.</li>
<li>News Ticker Widget: Display dynamic news feeds and updates.</li>
<li>Accordion Widget: Organize your content with collapsible sections.</li>
<li>Testimonial Carousel Widget: Showcase customer feedback and reviews in style.</li>
<li>Countdown Widget: Build excitement for upcoming events.</li>
<li>Fancy Text Widget: Add engaging typography effects.</li>
<li>Search Input Widget: Enhance navigation with a custom search bar.</li>
<li>Login, Register Widget: Create amazing and attractive login or registration forms.</li>
</ul>
<h3>Free Widgets</h3>
<p>Accordion Widget<br />
Advanced DataTable Widget<br />
Advanced Menus Widget<br />
Advanced Map Widget (Google Maps and OpenStreetMap)<br />
Alert Box Widget<br />
Archive Title Widget<br />
Author Box Widget<br />
Breadcrumb Widget<br />
Comments Form Widget<br />
Countdown Widget<br />
Creative Button Widget<br />
Dynamic Archive Posts Widget<br />
Dynamic Grid/Carousel Widget<br />
Fancy Text Widget<br />
Flip Box Widget<br />
Form Builder Widget<br />
Hotspot Widget<br />
Login, Register Widget<br />
Lottie Widget<br />
Information Box Widget<br />
News Ticker Widget<br />
Notice Box Widget<br />
Offcanvas Menu Widget (Sidebar Menu)<br />
Page Title Widget<br />
Post Comments Widget<br />
Post Content Widget<br />
Post Date Widget<br />
Post Excerpt Widget<br />
Post Featured Image Widget<br />
Post Navigation Widget<br />
Post Terms Widget<br />
Post Time Widget<br />
Post Title Widget<br />
Price Box Widget<br />
Search Input Widget<br />
Site Logo Widget<br />
Site Title Widget<br />
Slides Widget<br />
Sound Player Widget<br />
Tabs Widget<br />
Team Member Carousel Widget<br />
Template Widget<br />
Testimonial Carousel Widget<br />
Timeline Widget</p>
<h3>Free Extensions</h3>
<ul>
<li>Custom CSS/JS: Easily add custom CSS or JavaScript to extend functionality.</li>
<li>Preloader: Add a customizable preloading animation to improve user experience while the page is loading.</li>
<li>Ripple Effects: Apply a ripple effect on clicks to enhance interactivity and give a modern, dynamic feel.</li>
<li>Scroll to Top: Add a smooth scroll-to-top button to improve user experience.</li>
<li>Sticky: Create eye-catching sticky element effects.</li>
<li>Visibility Controls: Show or hide elements conditionally based on user role, login status, and more, to create dynamic and personalized content.</li>
<li>Wrapper Link: Wrap entire sections or widgets in clickable links.</li>
</ul>
<h3>Free Other Features</h3>
<ul>
<li>Templates Kit Demo Importer</li>
<li>Dynamic Tags (Post Title, Post Excerpt, Post Content, Post Date, Internal Link, etc)</li>
<li>Advanced Popup Builder</li>
<li>Advanced Template Builder (Header, Footer, Archive, Dynamic loop Item And Single Template)</li>
</ul>
<h3>What’s Needed?</h3>
<ol>
<li>Elementor Free Version: You’ll need the free version of Elementor to use this plugin.</li>
<li>Vertex Addons Free Version: Download and activate the Vertex Addons plugin.<br />
The Vertex Addons plugin is regularly updated to ensure compatibility with the latest version of WordPress and Elementor, keeping your website secure and up-to-date with new features.</li>
</ol>
<h3>Why Choose Vertex Addons for Elementor Builder?</h3>
<p>Vertex Addons provides an all-in-one solution for web designers looking to push Elementor’s design capabilities further. By adding these carefully crafted widgets, you save time while creating a more dynamic and visually stunning website.<br />
*  User-Friendly: Designed with simplicity and usability in mind, even beginners can quickly learn to use the Vertex Addons.<br />
*  Seamless Integration: Works flawlessly with Elementor’s drag-and-drop editor.<br />
*  Customizable: All widgets come with rich styling and customization options.<br />
*  Support & Documentation: We offer detailed documentation and friendly support to help you every step of the way.</p>
<h3>Support</h3>
<p>If you run into any issues, please don’t hesitate to reach out to our <a href="https://vertexaddons.com/support/?utm_source=vertex+on+wordpress&utm_medium=text&utm_campaign=Wordpress+repository&utm_term=support+team" rel="nofollow ugc">support team</a>. We are here to help you!</p>
<h3>Documentation</h3>
<p>Want to dive deeper into how each widget works? Check out <a href="https://api.webilia.com/go/vertex-docs" rel="nofollow ugc">Vertex documentation</a> to learn about every feature and customization option available in the Vertex Addons.</p>
<h3>Development and Source</h3>
<p>The distributed plugin bundles several minified assets for performance. Human-readable sources are provided or linked below so the code can be audited, modified, or rebuilt as needed.</p>
<h3>Vertex-authored assets</h3>
<p>The following readable sources live in the repository next to their compiled counterparts:</p>
<ul>
<li><code>assets/js/global/dynamic-hook.js</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/js/global/dynamic-hook.min.js</code></li>
<li><code>assets/packages/ripple/ripple.js</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/packages/ripple/ripple.min.js</code></li>
<li><code>assets/packages/sticky/sticky.js</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/packages/sticky/sticky.min.js</code></li>
<li><code>assets/packages/news-ticker-init/news-ticker-init.js</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/packages/news-ticker-init/news-ticker-init.min.js</code></li>
<li><code>assets/css/common.css</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/css/common.min.css</code></li>
<li><code>assets/css/widgets/woo-checkout.css</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/css/widgets/woo-checkout.min.css</code></li>
<li><code>assets/css/widgets/woo-my-account.css</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/css/widgets/woo-my-account.min.css</code></li>
<li><code>assets/css/widgets/rtl/woo-my-account.css</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>assets/css/widgets/rtl/woo-my-account.min.css</code></li>
</ul>
<p>Pro add-on assets follow the same pattern:</p>
<ul>
<li><code>plugins/addons-for-elementor-builder-pro/assets/js/form-builder.js</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>plugins/addons-for-elementor-builder-pro/assets/js/form-builder.min.js</code></li>
<li><code>plugins/addons-for-elementor-builder-pro/assets/css/widgets/form-builder.css</code> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>plugins/addons-for-elementor-builder-pro/assets/css/widgets/form-builder.min.css</code></li>
</ul>
<p>When you modify any of the above helpers, re-minify them with your preferred tooling before releasing a build. Each file can be minified individually with tools such as <code>uglify-js</code>, <code>terser</code>, or <code>cssnano</code>.</p>
<h3>Third-party libraries</h3>
<p>The plugin also ships minified builds of open-source libraries. Readable, beautified copies of the distributed bundles now live next to every <code>.min</code> file, so you can inspect or diff the exact payload we include. Refer to the upstream repositories for the canonical source code and build instructions:</p>
<ul>
<li>DataTables core and extensions (<code>assets/packages/data-table/data-table*.{js,css}</code>) — <a href="https://datatables.net/" rel="nofollow ugc">https://datatables.net/</a></li>
<li>Font Awesome (<code>assets/packages/font-awesome/fontawesome.{css,min.css}</code>) — <a href="https://fontawesome.com/" rel="nofollow ugc">https://fontawesome.com/</a></li>
<li>Font Icon Picker (<code>assets/packages/font-iconpicker/fonticonpicker*.{js,css}</code>) — <a href="https://github.com/itsjavi/fonticonpicker" rel="nofollow ugc">https://github.com/itsjavi/fonticonpicker</a></li>
<li>GLightbox (<code>assets/packages/glightbox/glightbox*.{js,css}</code>) — <a href="https://github.com/mcstudios/glightbox" rel="nofollow ugc">https://github.com/mcstudios/glightbox</a></li>
<li>GMaps.js (<code>assets/packages/gmaps/gmaps.{js,min.js}</code>) — <a href="https://github.com/hpneo/gmaps" rel="nofollow ugc">https://github.com/hpneo/gmaps</a></li>
<li>Howler.js (<code>assets/packages/howler/howler.{js,min.js}</code>) — <a href="https://github.com/goldfire/howler.js" rel="nofollow ugc">https://github.com/goldfire/howler.js</a></li>
<li>Leaflet (<code>assets/packages/leaflet/leaflet*.{js,css}</code>) — <a href="https://leafletjs.com/" rel="nofollow ugc">https://leafletjs.com/</a></li>
<li>LightGallery (Pro add-on: <code>plugins/addons-for-elementor-builder-pro/assets/packages/lightgallery/lightgallery-bundle.{css,min.css}</code>) — <a href="https://www.lightgalleryjs.com/" rel="nofollow ugc">https://www.lightgalleryjs.com/</a></li>
<li>Lottie Web (<code>assets/packages/lottie/lottie.{js,min.js}</code>) — <a href="https://github.com/airbnb/lottie-web" rel="nofollow ugc">https://github.com/airbnb/lottie-web</a></li>
<li>MixItUp (<code>assets/packages/mixitup/mixitup.{js,min.js}</code>) — <a href="https://www.kunkalabs.com/mixitup/" rel="nofollow ugc">https://www.kunkalabs.com/mixitup/</a></li>
<li>Normalize.css (<code>assets/css/normalize.{css,min.css}</code>) — <a href="https://github.com/necolas/normalize.css" rel="nofollow ugc">https://github.com/necolas/normalize.css</a></li>
<li>Slick Slider (<code>assets/packages/slick/slick*.{js,css}</code>) — <a href="https://github.com/kenwheeler/slick" rel="nofollow ugc">https://github.com/kenwheeler/slick</a></li>
<li>SmartMenus (<code>assets/packages/smart-menus/smartmenus.{js,min.js}</code>) — <a href="https://github.com/vadikom/smartmenus" rel="nofollow ugc">https://github.com/vadikom/smartmenus</a></li>
<li>Swiper (<code>assets/packages/swiper/swiper-bundle*.{js,css}</code>) — <a href="https://swiperjs.com/" rel="nofollow ugc">https://swiperjs.com/</a></li>
<li>jQuery UI dialog styles (<code>assets/packages/jquery-ui/dialog.{css,min.css}</code>) — <a href="https://jqueryui.com/dialog/" rel="nofollow ugc">https://jqueryui.com/dialog/</a></li>
</ul>
<p>Each vendor project documents its own build pipeline; follow the linked instructions if you need to regenerate the distributed files from source.</p>
<h3>External services</h3>
<h4>Google Maps Platform</h4>
<p>Vertex Addons can load the Google Maps JavaScript and Static Maps APIs hosted at <code>maps.googleapis.com</code> when you enable map-related widgets. The visitor’s browser calls Google’s servers with the API key you configure, the map coordinates you supply, and standard browser metadata (such as IP address and user agent) so the map tiles and related functionality can be rendered. See the <a href="https://maps.google.com/help/terms_maps/" rel="nofollow ugc">Google Maps Platform Terms of Service</a> and the <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a> for details on how Google handles this data.</p>
<h4>Vertex Addons CDN and API</h4>
<p>When you browse or import Templates Kits, the plugin connects to Webilia-operated endpoints at <code>cdn.webilia.com</code> and <code>api.webilia.com</code> to fetch kit listings, previews, and assets. Those requests transmit the selected kit identifier together with the default WordPress request headers, which include your site’s URL and WordPress version, so the templates can be downloaded and installed. Review the <a href="https://vertexaddons.com/terms-and-conditions/" rel="nofollow ugc">Vertex Addons Terms & Conditions</a> and <a href="https://vertexaddons.com/privacy-policy/" rel="nofollow ugc">Vertex Addons Privacy Policy</a> to understand how that data is processed.</p>
<h3>Commercial</h3>
<p>This plugin is free but offers additional paid commercial upgrades and support. <a href="https://vertexaddons.com" rel="nofollow ugc">Learn more</a></p>


Vertex Addons for Elementor

Enhance Elementor with Vertex Addons — fast, lightweight widgets & extensions to build stunning sites without code. Perfect for pros & agencies.

POSIMYTH

Sagar Patel

Devang Vachheta

Robert Wattner

dgovea

<p>Create advanced Sticky Headers in Elementor Free or Pro with scroll effects, blur, shrink, hide on scroll & full responsive controls.</p>
<h3>Sticky Header Effects for Elementor – Build Smart, Responsive Sticky Headers</h3>
<p>Sticky headers are essential for improving navigation, branding visibility, and user experience on any modern website. With the <strong>Sticky Header Effects for Elementor</strong> plugin, you can now build sleek, customizable sticky headers that respond to user scroll behavior — all with <strong>Elementor Free or Pro</strong>.</p>
<p>From transparent overlays to animated shrinking effects, dynamic background changes, and blur visuals — this plugin gives you 10+ scroll-based effects that help your header adapt beautifully to your page design.</p>
<p>This plugin is perfect for developers, designers, bloggers, and agencies who want more control over header behavior without writing a single line of code.</p>
<p><strong>This Plugin has been Acquired by POSIMYTH Innovations – <a href="https://stickyheadereffects.com/massive-updates-2-0/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=nexterextension" rel="nofollow ugc">Read Announcement Blog</a></strong></p>
<p><a href="https://stickyheadereffects.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🌐 Visit Website</a>| <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🖼️ Sticky Header Templates Demos</a> | <a href="https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1" rel="nofollow ugc">📹 Video Tutorials</a> | <a href="https://stickyheadereffects.com/docs?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">📑 Documentations</a> | <a href="https://www.facebook.com/groups/theplus4elementor/" rel="nofollow ugc">👥 Join Community</a> | <a href="https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/" rel="ugc">🤝 Free Support</a></p>
<h3>🔥 Comes with <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">50+ Ready to Import Templates for Elementor Headers with Sticky Header</a></h3>
<h3>👑 10+ Powerful Elementor Sticky Header Effects</h3>
<h3>1. Header Scroll Distance Effect</h3>
<p><strong>Set Scroll Trigger Threshold</strong><br />
Define how far the user scrolls before sticky effects activate. Perfect for precise control over header behavior.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Header+Scroll+Distance&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>2. Transparent Header Background Effect</h3>
<p><strong>Overlay with Elegance</strong><br />
Allow your header to overlay your hero or banner sections with full transparency. Ideal for modern homepage designs.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Transparent+Header+Background&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>3. Dynamic Background Color Change</h3>
<p><strong>Auto Background Switching</strong><br />
Change your header’s background color on scroll to match different sections or maintain contrast.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Background+Color+Change&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>4. Bottom Border Styling Effect</h3>
<p><strong>Subtle Section Separation</strong><br />
Add customizable borders below your sticky header for better definition and clean design.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Bottom+Border+Styling&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>5. Header Shrinking Effect</h3>
<p><strong>Reduce Header Height Dynamically</strong><br />
Shrink the entire header after scrolling to save space and focus attention on the page content.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Header+Shrinking&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>6. Logo Shrinking Effect</h3>
<p><strong>Responsive Logo Transition</strong><br />
Shrink the logo proportionally during scroll, maintaining visual balance and brand presence.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Logo+Shrinking&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>7. Logo Color Change Effect</h3>
<p><strong>Switch Logo Color for Better Contrast</strong><br />
Automatically switch to a contrasting logo color on scroll based on background or user behavior.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Logo+Color+Change&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>8. Blur Background Effect</h3>
<p><strong>Add Modern Blur Transition</strong><br />
Enhance the visual flow by applying a subtle blur effect to the background of your sticky header.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Blur+Background&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>9. Hide Header on Scroll Down Effect</h3>
<p><strong>Hide & Reappear on Scroll</strong><br />
Auto-hide the header when scrolling down and show it again on scroll up — great for content-heavy pages.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Hide+Header+on+Scroll+Down&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>10. Above Header Section Effect</h3>
<p><strong>Sync Above Sections Seamlessly</strong><br />
Align your sticky effects with sections above the main header for unified motion and cleaner transitions.<br />
👉 <a href="https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Above+Header+Section&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">View Demo</a></p>
<h3>🔍 Check our other Products</h3>
<p><strong><a href="https://theplusaddons.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🥇 The Plus Addons for Elementor</a></strong> – Nexter Extension works seamlessly with The Plus Addons for Elementor. Get 120+ unique Elementor widgets, Elementor templates, and more. Includes Free Elementor Theme Builder.</p>
<p><strong><a href="https://nexterwp.com/nexter-blocks/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🥇 Nexter Blocks</a></strong> – Nexter Theme works in sync with core Gutenberg. Add 90+ powerful, highly customizable blocks.</p>
<p><strong><a href="https://nexterwp.com/nexter-theme/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🥇 NexterWP Theme</a></strong> – Best & Lightest Starter Theme for WordPress & Elementor.</p>
<p><strong><a href="https://nexterwp.com/nexter-extension?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🥇 Nexter Extension</a></strong> – Power up your WordPress website with 20+ extensions for layout, performance, security & more.</p>
<p><strong><a href="https://uichemy.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🥇 UiChemy – Figma to Elementor Converter</a></strong> – Convert your Figma Templates into live Elementor websites using our <a href="https://www.figma.com/community/plugin/1265873702834050352/" rel="nofollow ugc">Free Figma Plugin</a>.</p>
<p><strong><a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects" rel="nofollow ugc">🥇 WDesignKit</a></strong> – 1000+ Templates, Elementor & Gutenberg Widget Builder, Cloud Storage, Widget to Block Converter & More.</p>


Sticky Header Effects for Elementor

Create advanced Sticky Headers in Elementor Free or Pro with scroll effects, blur, shrink, hide on scroll & full responsive controls.

Vertex Addons for Elementor vs Sticky Header Effects for Elementor