# The Plus Addons for Elementor > The most complete Elementor addon plugin — 120+ widgets, extensions, and templates to build advanced WordPress websites without code. The Plus Addons for Elementor is a WordPress plugin built by POSIMYTH Innovation that extends Elementor with 120+ powerful widgets, 18+ extensions, and 300+ pre-built templates. ## What It Does - Adds advanced widgets to Elementor: Mega Menu, Table, Timeline, Carousel, Tabs, Accordion, Pricing Tables, Team Member, and more - Includes smart extensions: Sticky Header, Scroll Effects, Display Conditions, Header/Footer Builder, Custom CSS/JS - Provides pre-designed template kits and section blocks for faster page building ## Who It's For WordPress developers, designers, and site builders who use Elementor and need more flexibility, advanced layouts, and professional-grade widgets beyond what Elementor ships by default. ## Key Features - 120+ Elementor widgets (free + pro) - Display conditions to show/hide elements - Mega Menu builder - WooCommerce widgets - Header & Footer builder - 300+ templates and section blocks - Compatible with Elementor Free and Pro ## Website https://theplusaddons.com --- # 🗞️March 2026 Update: The Plus Addons for Elementor is Ready for Elementor V4 Source: https://theplusaddons.com/blog/march-2026-update-the-plus-addons-for-elementor-is-ready-for-elementor-v4/ This month’s release of **[The Plus Addons for Elementor](https://store.posimyth.com/?ns_url=17N&mid=4061254&fch=630931a0) **brings new scroll options and better controls across widgets, giving you a smoother and more flexible building experience. Here’s a quick look at what’s new: ![](https://theplusaddons.com/wp-content/uploads/2026/04/tpae-update.png) - **Stagger Animation Update in Hotspot Widget:** The On Scroll Animation option in the [**Hotspot widget**](https://store.posimyth.com/?ns_url=2al5&mid=4061254&fch=630931a0) now uses a **dropdown selector for Stagger Animation instead of the previous toggle switch**. If you've used Stagger Animation in the Hotspot widget before, you'll need to **re-select your stagger option** once from the new dropdown after updating. ![](https://theplusaddons.com/wp-content/uploads/2026/04/animation-stagger.png) - **Lenis Smooth Scroll Option (Pro):** The [**Smooth Scroll widget**](https://store.posimyth.com/?ns_url=2al6&mid=4061254&fch=630931a0) now includes a Lenis-based smooth scrolling option, delivering buttery-smooth page scrolling with better performance than traditional methods. If you want that modern, fluid scroll feel on your pages, this one's worth enabling. - **GSAP Scroll Animation: Timeline & 3D (Pro):** The GSAP Scroll Animation extension now supports Timeline sequencing and 3D transform options, giving you much more control over how elements animate as users scroll through your pages. - **Global Scroll Animation:** You can now apply scroll animations globally across multiple widgets at once, instead of configuring each one individually. Set it once, reuse everywhere. - **Global Button Styles (Beta):** Global button styles are now available across multiple widgets with responsive controls for margin, padding, border width, border radius, and an icon option. Style your buttons in one place, and every widget follows. - **Dynamic Tags Expansion:** [**Dynamic Tags**](https://store.posimyth.com/?ns_url=2a7z&mid=4061254&fch=630931a0) now support Category Image, Category Description, Category Post Count, Tag Description, Tag Post Count, and ACF Text Source for Post Author details. Build archive pages and author profiles with dynamic data, no custom code needed. - **Form Widget: Database Entries:** The [**Form Widget**](https://store.posimyth.com/?ns_url=27rm&mid=4061254&fch=630931a0) now includes an option to show form database entries, so you can keep track of submissions directly inside WordPress. - **Protected Content: URL Redirect:** [**Protected Content**](https://store.posimyth.com/?ns_url=28dt&mid=4061254&fch=630931a0) now supports URL redirect, letting you send unauthorized users to a specific page instead of just showing a restriction message. - **Woo Compare: Responsive Swiper:** The [**Woo Compare**](https://store.posimyth.com/?ns_url=2al7&mid=4061254&fch=630931a0) widget now includes a responsive swiper option for better product comparison on mobile devices. - **Scroll Navigation Dot Positioning:** You can now control the exact position of navigation dots in the [**Scroll Navigation widget**](https://store.posimyth.com/?ns_url=28xh&mid=4061254&fch=630931a0). Place them wherever fits your layout best, whether that's centered, offset, or aligned to a specific section. - **Testimonials Author Image Toggle:** A new show/hide option for the author image in the [**Testimonials widget**](https://store.posimyth.com/?ns_url=298y&mid=4061254&fch=630931a0) gives you cleaner control when you want a text-only testimonial layout without manually removing images. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=4061254&fch=630931a0)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=4061254&fch=630931a0)**.*** ### Elementor V4 Compatibility Update Elementor has officially launched **Version 4.0**, also called the **Atomic Editor**, their biggest architectural change in a decade. Elementor V4 introduces a CSS-first, class-driven design system where styling is applied through reusable Classes instead of inline styles. Each element now uses a single DIV wrapper instead of multiple nested ones, resulting in a significantly cleaner DOM and improved Core Web Vitals scores. **[The Plus Addons for Elementor](https://store.posimyth.com/?ns_url=17N&mid=4061254&fch=630931a0) **is now fully** compatible with Elementor V4.** **Your existing The Plus Addons for Elementor widgets continue to work seamlessly alongside the new atomic elements. **You can use V3 widgets and V4 atomic elements on the same page without conflicts. **There's more on the way. Make sure you're on the latest version so you're ready.** ![](https://theplusaddons.com/wp-content/uploads/2026/04/coming-soon.png) ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2026/04/agency-website-1-1024x931.png)](https://www.youtube.com/watch?v=lfXP-ZKlE2Q&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) [![](https://theplusaddons.com/wp-content/uploads/2026/04/travel-website-1-1024x852.png)](https://www.youtube.com/watch?v=cEUg0rrgybs&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) [![](https://theplusaddons.com/wp-content/uploads/2026/04/restaurant-website-1-1024x931.png)](https://www.youtube.com/watch?v=T9rjUbvgY0I&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) [![](https://theplusaddons.com/wp-content/uploads/2026/04/gemini-3-website-1-1024x931.png)](https://www.youtube.com/watch?v=pcyQU4s0HAw&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) ## 📊— Quick Poll What's your biggest challenge building with Elementor right now? ⚡Page Speed & Performance 📱Building Responsive Layouts  🔁Dynamic Content & Custom Fields  🎨Design Consistency Across Pages Click to vote. Takes 1 second. Helps us create content that solves your real problems. ## 🗞️— WordPress & Tech Bytes - Elementor has launched Version **[4.0 (The Atomic Editor)](https://store.posimyth.com/?ns_url=2alg&mid=4061254&fch=630931a0)**, featuring a completely new CSS-first architecture with reusable Variables, Classes, and Components. The update introduces a cleaner DOM, improved Core Web Vitals, and composable Atomic Forms. Existing V3 sites can transition gradually, with V3 and V4 working together on the same page. - Elementor has introduced [**Angie, an Agentic AI assistant**](https://store.posimyth.com/?ns_url=2alh&mid=4061254&fch=630931a0) purpose-built for WordPress. Angie understands your site structure, integrates with tools, and can execute actions on your behalf, going beyond simple content suggestions to actual site management. - WordPress has released [**WordPress 6.9.4**](https://store.posimyth.com/?ns_url=2ali&mid=4061254&fch=630931a0) on March 11 as a maintenance and security update. If you're not ready for WordPress 7.0 yet, make sure you're at least on 6.9.4 to stay protected. - Google has rolled out both a [**March 2026 Spam Update and Core Update**](https://store.posimyth.com/?ns_url=2alj&mid=4061254&fch=630931a0) within the same week, creating significant ranking volatility. The core update began rolling out on March 27 and is expected to finish around April 10, with Semrush Sensor reaching 9.5/10 during peak volatility. Google is tightening its stance on low-quality AI content and strengthening search intent matching. - **[WordPress 7.0 has been delayed](https://store.posimyth.com/?ns_url=2alk&mid=4061254&fch=630931a0)** past its original April 9 date. The core team pushed it back to stabilize the real-time collaboration feature. A new timeline will be confirmed by April 22, with the release now targeting mid-to-late May 2026. When it ships: real-time multi-user editing, inline Editor Notes, an AI Connectors UI for managing AI providers in wp-admin, and DataViews replacing the classic WP List Tables. - Google has announced that from **July 1, 2026**, websites without a functional mobile version will be **[excluded from Google's index entirely](https://store.posimyth.com/?ns_url=2alj&mid=4061254&fch=630931a0).** If your site isn't mobile-friendly yet, this is the deadline to act. ## 🔥 — Tool of the Month [**tl;dv**](https://store.posimyth.com/?ns_url=2all&mid=4061254&fch=630931a0) is a free AI meeting recorder that works with Google Meet and Zoom. It joins your call, records everything, transcribes it in real time, and gives you an AI-generated summary with action items when the call ends. If you're a freelancer or agency, you know how client calls go. They mention 15 things they want changed, you remember 8 of them, and then there's a back-and-forth over what was actually agreed on. tl;dv solves that. Every call is searchable, timestamped, and summarized. ![](https://theplusaddons.com/wp-content/uploads/2026/04/tool-of-the-month.png) ## 🗣️— Word of the Month ### Great Plugin and Support *We love using this plugin to enhance our websites. Lots of widgets that will set your website apart from others.* *The support is great too. Had an issue with pages loading in Elementor and after contacting support they gave us a couple options to fix the issue. After the fix was in place, works fine.* *[~@lpmjda](https://store.posimyth.com/?ns_url=2aln&mid=4061254&fch=630931a0)* **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # 🗞️January 2026 Update: Release: Dynamic Tag Support, GSAP Animations (and Something More) Source: https://theplusaddons.com/blog/january-2026-update-release-dynamic-tag-support-gsap-animations-and-something-more/ We’ve added powerful new features in [**The Plus Addons for Elementor**](https://store.posimyth.com/?ns_url=17N&mid=3713670&fch=c656c350) and polished existing ones to help you build faster, design better, and manage your site with less effort. Here’s what’s new at a glance: ![](https://theplusaddons.com/wp-content/uploads/2026/02/gsap-dynamic-content-support.png) - **Dynamic Content without Elementor Pro:** We've added New [**Dynamic Tags**,](https://store.posimyth.com/?ns_url=2a7z&mid=3713670&fch=c656c350) which let you pull post and site data automatically into your designs without Elementor. *For a detailed update, read the blog: *[***Dynamic Tags for Elementor Are Now Free in The Plus Addons for Elementor – Big Announcement***](https://store.posimyth.com/?ns_url=2a88&mid=3713670&fch=c656c350) - **Smooth Animations with GSAP** (Beta): We’ve added GSAP-based scroll, text, and image animations, giving you smoother and more modern motion effects. You can now create engaging, interactive pages without relying on extra animation plugins. - **More Animation Power in Existing Widgets**: Popular widgets like **[Text](https://store.posimyth.com/?ns_url=2a89&mid=3713670&fch=c656c350), [Heading](https://store.posimyth.com/?ns_url=2a1q&mid=3713670&fch=c656c350), [Creative Image](https://store.posimyth.com/?ns_url=2991&mid=3713670&fch=c656c350), [Cascading Image](https://store.posimyth.com/?ns_url=2a8a&mid=3713670&fch=c656c350), and [Number Counter](https://store.posimyth.com/?ns_url=28xb&mid=3713670&fch=c656c350)** now support GSAP animations. This gives you more creative freedom while working with widgets you already know. - **Clearer Settings with Helpful Labels:** Many widgets now include clear labels for their options, including forms, dark mode, media, and content blocks. This makes settings easier to understand and speeds up your workflow, especially if you’re new. - **Easier Customization with Better UI Controls**: We’ve improved the interface across Typography, [**Custom CSS**](https://store.posimyth.com/?ns_url=2a8b&mid=3713670&fch=c656c350), [**Display Conditions**](https://store.posimyth.com/?ns_url=2a8c&mid=3713670&fch=c656c350), [**Advanced Shadows**](https://store.posimyth.com/?ns_url=2a8d&mid=3713670&fch=c656c350), [**Glassmorphism**](https://store.posimyth.com/?ns_url=2a8e&mid=3713670&fch=c656c350), [**Equal Height**](https://store.posimyth.com/?ns_url=2a8f&mid=3713670&fch=c656c350), [**Sticky Column**](https://store.posimyth.com/?ns_url=2a8g&mid=3713670&fch=c656c350), and [**Wrapper Link** ](https://store.posimyth.com/?ns_url=2a8h&mid=3713670&fch=c656c350)settings, so adjusting styles and layouts feels smoother and more predictable. - **Faster Performance Behind the Scenes**: We’ve cleaned up unused files and extra code, helping keep the plugin lightweight and improving overall performance. - **Better Lazy Load & AJAX Compatibility**: Listing widgets now work more reliably with lazy loading and AJAX-based category filters, ensuring smoother content loading without layout issues. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=3713670&fch=c656c350)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=3713670&fch=c656c350)**.*** We’ve got some exciting updates planned this month. Stay in the loop with us so you don’t miss anything. ![](https://theplusaddons.com/wp-content/uploads/2026/02/coming-soon-tpae.png) ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2026/02/gemini-video-1024x931.png)](https://www.youtube.com/watch?v=pcyQU4s0HAw) ![](https://theplusaddons.com/wp-content/uploads/2026/02/hover-image-carousel-slider-1024x852.png) ![](https://theplusaddons.com/wp-content/uploads/2026/02/restaurant-website-1024x931.png) [![](https://theplusaddons.com/wp-content/uploads/2026/02/free-dynamic-tags-for-elementor-1024x931.png)](https://www.youtube.com/watch?v=W2s-ZAvwuYc) ## 🗞️— WordPress & Tech Bytes - WordPress[ **introduced a new AI agent skill called**](https://store.posimyth.com/?ns_url=2a8m&mid=3713670&fch=c656c350)** **wp-playground that lets AI agents automatically run, test, and verify WordPress code using the Playground CLI, speeding up development and reducing manual setup. It enables agents to launch local WordPress instances, place generated code correctly, and check results in real time. - WordPress [**published the 6.9.1 release schedule**](https://store.posimyth.com/?ns_url=2a8n&mid=3713670&fch=c656c350), outlining a series of bug scrub meetings followed by the release candidate around January 29 and the final general release on February 3, 2026. The update is a bug-fix maintenance release targeting issues introduced in WordPress 6.9 and will include only fixes for those regressions. - Elementor [**version 3.34 introduces new Editor V4**](https://store.posimyth.com/?ns_url=2a8o&mid=3713670&fch=c656c350) features, including Atomic Tabs for more flexible tab layouts and Entrance Interactions for adding lightweight motion effects to elements. These updates improve design control and user experience while supporting the transition toward the next generation of the Elementor editor. - The head of the [**WordPress AI team said SEO for**](https://store.posimyth.com/?ns_url=2a8p&mid=3713670&fch=c656c350) AI agents still depends on core practices like structured data, semantic content, and strong internal linking. He explained that AI discovery focuses more on meaning and context rather than new ranking tricks. - Google Search Advocate John Mueller said businesses [**should focus on practical SEO fundamentals**](https://store.posimyth.com/?ns_url=2a8q&mid=3713670&fch=c656c350) and real audience data rather than debating “SEO vs GEO” labels, emphasizing that AI discovery matters only if it actually drives traffic.  - Google said it is exploring** **[**letting websites opt out of AI-powered search**](https://store.posimyth.com/?ns_url=2a8r&mid=3713670&fch=c656c350)** **features like generative summaries and AI Mode, responding to pressure from publishers and regulators. This would give sites more control over how their content is used in AI results, but Google has not yet committed to specific tools or timelines. - Google [**clarified that its AI Mode checkout** ](https://store.posimyth.com/?ns_url=2a8s&mid=3713670&fch=c656c350)and Universal Commerce Protocol will not allow merchants to raise prices above what’s shown on their own websites, countering criticism that AI-powered shopping could enable “surveillance pricing. - Google [**says its AI Overviews appear less**](https://store.posimyth.com/?ns_url=2a8t&mid=3713670&fch=c656c350) often when users do not engage with them, meaning the system learns where summaries are useful and reduces them for queries where people ignore them. This engagement-based approach aims to show AI summaries only when they help users find answers in search results. ## 🔥 — Tool of the Month [**Otter.ai**](https://store.posimyth.com/?ns_url=2a8u&mid=3713670&fch=c656c350) is an AI meeting assistant that records conversations and converts them into live transcripts, notes, and summaries. It highlights key points, action items, and decisions so you don’t have to take manual notes. It is helpful for teams and content creators who want searchable, organized meeting records. It works well for interviews, online meetings, and collaborative work. ![](https://theplusaddons.com/wp-content/uploads/2026/02/turn-conversation.png) ## 🗣️— Word of the Month ### Excellent Product & Great Support *I started using the product, and it has enabled me to do things I could never have done as easily with any other product or even custom coding. I have used tech support a couple of times, and they have been prompt, they listen to the issue and work with me until it is resolved.* *[~@rmg4642](https://store.posimyth.com/?ns_url=2a8v&mid=3713670&fch=c656c350)* **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # New Update: Add ACF Repeater Field in Elementor Accordion (Dynamic FAQ) Source: https://theplusaddons.com/blog/new-update-add-acf-repeater-field-in-elementor-accordion-dynamic-faq/ Have you ever built a long accordion and caught yourself thinking, why am I still adding each item one by one? If you’ve done that even once, this update is going to make you smile. We’ve upgraded the Accordion widget in **[The Plus Addons for Elementor](https://theplusaddons.com/)** so it can now generate accordion items directly from ACF repeater fields.  You enter your content once, and the accordion builds itself from that data. Let’s get started! https://youtu.be/hByRIff5V0s ## What Is ACF Repeater Support in The Plus Addons for Elementor Accordion Widget? Earlier, when you created an accordion, you had to manually add every title and content block inside the widget. Now you can connect a repeater field created with **Advanced Custom Fields** or **Secure Custom Fields,** and [The Plus Addons for Elementor Accordion widget](https://theplusaddons.com/elementor-widget/accordion/) will pull each row and turn it into an accordion item automatically. Same accordion result. Much less manual work. ## Where Can You Use Repeater Accordion in Elementor? If you work on **Elementor** pages where similar content blocks repeat and need updates from time to time, repeater accordions can make your workflow much easier.  You can obviously still add accordion items manually if you prefer. But when your content follows a pattern and changes often, managing it through repeater fields saves a lot of editing time. Instead of updating each accordion item one by one inside the widget, you update the data once and let the layout handle the rest.  This is especially helpful if you are a store owner, build client websites, or manage structured content across multiple pages. - FAQs - Product specifications - Feature lists - Service details such as pricing or booking info - Schedules If your section is basically a list of titles and description pairs, repeater fields are a perfect match. ## How Do You Build a Repeater Accordion in Elementor Step by Step? Let’s take a simple hotel booking FAQ example. Imagine you’re building a hotel room page in Elementor and want the FAQ accordion to generate automatically using the Accordion widget from The Plus Addons for Elementor. First, create a repeater field (using ACF Pro or Secure Custom Fields). Name it something like **Hotel Booking FAQs**. Inside it, add two sub fields: - **Question** ![](https://theplusaddons.com/wp-content/uploads/2026/02/question-3.png) - **Answer** ![](https://theplusaddons.com/wp-content/uploads/2026/02/answer-2.png) Here, Question becomes the accordion title and Answer becomes the content. Now add a few FAQ rows, for example: - What time is check-in and check-out? → Check-in is from 2 PM and check-out is by 11 AM. - Is breakfast included in the booking? → Yes, complimentary breakfast is included with selected room plans. Then open your hotel template or page in Elementor editor, add the Accordion widget, select **ACF Repeater** as the content source, enter your repeater field key, and map Question to Title and Answer to Content. ![](https://theplusaddons.com/wp-content/uploads/2026/02/content-1.png) Your hotel booking FAQ accordion is now generated automatically from your repeater rows. Add a new Question and Answer anytime, and it appears instantly without touching the layout again. *For a detailed walkthrough, you can [refer to the doc ](https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/)* That’s the whole magic of this update. ## Other Notable Updates We’ve also made a few additions to make your building experience smoother inside Elementor. You can now search for **[The Plus Addons for Elementor](https://theplusaddons.com/)** inactive widgets directly from the Elementor editor and activate them instantly from there.  No need to switch to the backend to enable an inactive widget. Everything can be managed right where you’re building. ![](https://theplusaddons.com/wp-content/uploads/2026/02/element-dark-mode.png) We’ve also completed adding clearer option labels across all our widgets to help you understand what each setting does at a glance (excluding very basic options), so you can configure everything more confidently and quickly. ![](https://theplusaddons.com/wp-content/uploads/2026/02/save-in-cookies.png) *For all the changes, you can [see the changelog](https://roadmap.theplusaddons.com/updates/).* ## Wrapping Up Give it a try in your next FAQ or product details section and see how it feels in your real workflow. And when you do use it, let us know how it worked for you.  If you have questions, ideas, or feedback, drop a comment. We would genuinely love to hear from you, and we’ll keep bringing more useful updates your way. Stay tuned as well. We’ll be rolling out more useful updates like this to make your building experience in Elementor faster and smoother. --- # Dynamic Tags for Elementor Are Now Free in The Plus Addons for Elementor – Big Announcement Source: https://theplusaddons.com/blog/dynamic-content-without-elementor-pro/ As promised last month, we’re back with another exciting update. This time, it’s something that can genuinely make building websites with Elementor easier and more efficient. If you’ve been working with Elementor for a while, you already know how smooth the design experience feels. But as your website grows, managing content can start to feel repetitive and time-consuming. So what exactly is this update about, and how can it help you? Let’s walk through it together. https://youtu.be/W2s-ZAvwuYc ## Update 1: Introducing Dynamic Tags in The Plus Addons for Elementor for Free Most people don’t start using Elementor thinking about dynamic content. They start with design. You drag widgets, adjust spacing, pick fonts, and suddenly your page looks great. It feels visual and intuitive. But as your site grows, something quietly becomes frustrating. Every new post needs manual edits. Titles are typed again. Images are replaced one by one. Links are copied and pasted repeatedly. With this update, The Plus Addons for Elementor introduces [Dynamic Tags](https://theplusaddons.com/elementor-extras/dynamic-tags/) that work even with Elementor Free. That means you can connect your layouts directly to real content like titles, images, links, and more, and let Elementor update them automatically. Earlier, many users **upgraded to Elementor Pro** just **to avoid static content**.  Now, those core **dynamic needs are available through The Plus Addons for Elementor.** ### What Are Dynamic Tags in Elementor? Let’s make this simple. When you’re building a page in Elementor, you usually type everything yourself. You add a heading, write the title, choose an image, and paste a link. It works, but you end up doing the same thing again and again. Dynamic Tags change that. Instead of telling Elementor what to show, you tell it where the content should come from. Once you do that, Elementor takes care of the rest. The layout you design stays the same, but the content updates automatically based on the page, post, or product being viewed. A heading shows the right title. An image pulls the correct featured image. A button links to the right place without you touching it again. The best part is that you don’t have to learn anything new. You’re still using the same Elementor editor and the same widgets. You just stop repeating work that never needed to be manual in the first place. That’s all Dynamic Tags really are. A simpler way to build once and let your content handle itself. ### How Do Dynamic Tags Work? First, you have to install and activate [The Plus Addons for Elementor](https://theplusaddons.com/) and toggle on the **Dynamic Tag** widget Nothing about your workflow changes. You’re still inside the Elementor editor and still using the same widgets. The only difference is what happens when you click into a field. Next to certain fields like text, image, and link, you’ll see a small dynamic icon. Instead of typing something manually, you choose where Elementor should pull the content from. ![](https://theplusaddons.com/wp-content/uploads/2026/01/edit-heading.png) With this update, The Plus Addons for Elementor adds its own dynamic tag options there, even if you’re using Elementor Free. So beginners don’t have to learn anything new. They just stop repeating themselves. ### Who Can Benefit From Using Dynamic Tags? Dynamic Tags are not just for advanced users or complex websites. They are useful for anyone who wants their content to stay accurate without repeating the same work again and again. If you are a** beginner** using Elementor, Dynamic Tags help you avoid manual updates early on. Instead of typing titles, images, or links into every page, you connect them once and let Elementor pull the correct content automatically. This makes your site easier to manage as it grows. For **bloggers** and **content creators**, Dynamic Tags allow you to design one post layout that works for every article. Titles, images, and links update automatically based on the post, so you can focus more on content and less on layout adjustments. If you **run a business or service website**, Dynamic Tags keep information consistent across the site. Site name, URLs, and brand-related content update everywhere at once, reducing maintenance and preventing outdated information. For **WooCommerce store owners**, Dynamic Tags help product layouts stay accurate. Prices, titles, and images update automatically as products change without requiring design edits. And for **agencies**, **freelancers**, and **advanced users**, Dynamic Tags make it possible to build reusable templates, dynamic listings, and scalable design systems that adapt automatically based on data. In short, Dynamic Tags support you at every stage. Beginners use them to reduce repetitive work, while advanced users rely on them to build flexible, scalable websites. ### How Can Dynamic Tags Help You Build Better Elementor Websites? Let’s walk through each use case to see how Dynamic Tags help you build smarter and more efficiently.  #### 1. Let Each Post Fill Its Own Content (Free) Most Elementor users start with blog posts, and that’s exactly where dynamic content starts making sense. With Post Data, you can dynamically pull information that belongs to the current post, such as the post title, category, and other post-specific details. Instead of typing a title into a heading or hardcoding text into a layout, you simply connect the widget to the post itself. ![](https://theplusaddons.com/wp-content/uploads/2026/01/heading.png) The result is subtle but powerful. One single post template. Infinite posts; using it automatically. Zero manual updates. #### 2. Keep Your Website URLs  Updated Everywhere (Free) After publishing posts, one common headache is manually updating URLs or other site details that should change automatically. ![](https://theplusaddons.com/wp-content/uploads/2026/01/heading-link.png) With **Site Data**, you can pull information directly from your website settings, like your site URL, and use it dynamically inside Elementor. If the URL or site title changes later, it updates everywhere automatically.  If the URL or site title changes later, it updates everywhere automatically. It’s not a flashy feature, but it quietly removes future maintenance work. This is exactly what dynamic content is supposed to do. #### 3. Show Personalized Content for Logged-In Users (Pro) Once a site has users, things change. You’re no longer designing for everyone. You’re designing for whoever is logged in. With User Data in Pro, you can dynamically display information related to the current user, such as user details, user meta, and user-related URLs. A profile section, dashboard, or account page automatically adapts to the person viewing it. This goes beyond avatars and images. It’s about building layouts that respond to real user data without conditions or custom logic. This is where The Plus Addons for Elementor Pro becomes useful for membership sites, communities, and client dashboards. #### 4. Create Smarter Category and Archive Pages (Pro) Archive pages are often overlooked. Category pages, tag pages, and search results usually end up looking generic or incomplete. With Archive Data in Pro, you can dynamically pull information related to the current archive, such as the archive title, URL, and other archive-specific details. ![](https://theplusaddons.com/wp-content/uploads/2026/01/heading-plus-archive.png) Instead of static headings like “Blog,” the page reflects the exact category or archive being viewed.  This is especially helpful for you if you have content-heavy sites and want better structure without manual layouts. #### 5. Build WooCommerce Product Layouts That Always Stay Accurate (Pro) WooCommerce sites depend on accuracy. Prices change, products update, and new items get added. With WooCommerce Data in Pro, you can dynamically pull product-related information like product titles, prices, and other WooCommerce data. ![](https://theplusaddons.com/wp-content/uploads/2026/01/heading-plus-woocommerce.png) You design the structure once, and WooCommerce fills in the rest automatically and consistently. This builds on dynamic image support and turns product layouts into fully data-driven designs. ***To learn to show WooCommerce Custom Product Loop in Elementor, you can refer this video: [](https://www.youtube.com/watch?v=XkkUOAJ-5dk)[YouTubeWooCommerce Custom Product Loop in Elementor | Design Product Template](https://www.youtube.com/watch?v=XkkUOAJ-5dk)*** #### 6. Use Your Own Structured Content (Pro) Some sites need more than standard posts and products. That’s where custom fields come in. If you’re using plugins like **ACF** or **SCF**, The Plus Addons for Elementor Pro detects them automatically and lets you pull custom field data dynamically. ***Recommend Video:****[Dynamically Show/Hide WordPress Content From ACF Field, JetEngine, Toolset & Pods ](https://www.youtube.com/watch?v=GIIaLoTkYm8)* You can display text fields, meta values, and any structured data you’ve created. The available options adapt based on the custom field plugin, field groups, and individual field names. This gives advanced users full control without forcing beginners into complexity early on. #### 7. Custom Loop Skin: Bringing Everything Together (Pro) Once users are comfortable with dynamic data, they usually want control over repeating layouts. With Custom Loop Skins in Pro, you can use all of these dynamic tags inside custom-designed loops, especially with Product Listing and Dynamic Listing widgets. You design one layout, connect it to dynamic data, and Elementor repeats it automatically for every item. ***To learn how to create create Dynamic Blog and Custom Post Type Listing with Custom Skin in Elementor, you can watch this video: [](https://www.youtube.com/watch?v=72eMzrHj6P4)[YouTubeHow to create Dynamic Blog and Custom Post Type Listing with Custom Skin in Elementor?](https://www.youtube.com/watch?v=72eMzrHj6P4)*** #### 8. Automatically Display the Right Image Everywhere With Elementor’s dynamic image features, your site’s images can update automatically without manually changing them for each post, user, or product. ![](https://theplusaddons.com/wp-content/uploads/2026/01/image-plus-post.png) **Post Images (Free)** – Connect an Image widget to post-related images and Elementor will automatically show the correct image for each post. This includes the **Post Featured Image** and **Post Author Avatar**, letting one layout work for all posts. **Site Images (Free)** – Keep branding consistent with images like your **Site Logo** and **Site Icon**. Any updates automatically appear across your entire website. **User Images (Pro)** – Show profile images for logged-in users with the **User Avatar**, perfect for dashboards, profile pages, and personalized account sections. **WooCommerce Images (Pro)** – Ensure your product images are always accurate with the **Product Featured Image**, so your store stays up-to-date without manual edits. Dynamic images make your site smarter, more adaptive, and fully automated, giving you layouts that work for every post, user, or product. ## Update 2: Smarter Widget Search Inside the Elementor Editor We’ve also made finding the right widget inside The Plus Addons for Elementor editor much smarter and faster. Now, when you start typing what you need, even if it’s a broad or related term like “dark theme,” Elementor suggests the **Dark Mode widget** automatically because we’ve added closely related keywords behind the scenes. The same applies to other widgets. For example, typing “FAQ” or “Collapsible Content” will still suggest the **Accordion widget**. This smart keyword system ensures you always find the right widget, even if you don’t know its exact name. ## Wrapping Up This update is just the beginning. We’re actively working on more powerful improvements, including upcoming features like GSAP Animations, so there’s a lot more to look forward to. We’d love to hear what you think about this update. Feel free to share your thoughts in the comments or let us know if you have any questions. Your feedback helps us shape what comes next. --- # 2025 With The Plus Addons for Elementor: How We Made Elementor Website Building Easier Source: https://theplusaddons.com/blog/2025-year-in-review/ From Features to Flow: The Plus Addons for Elementor Recap in 2025 If there’s one thing 2025 taught us, it’s this: Building websites with Elementor should feel simple, fast, and enjoyable. From day one, **[The Plus Addons for Elementor](https://theplusaddons.com/)** has had one goal: to help you create Elementor websites with ease. In 2025, that goal quietly became a reality. Step by step, update by update, we refined workflows, improved performance, and made our widgets easier to use. Let’s walk through the work we did this year to make your Elementor experience smoother, faster, and more efficient. ## Presets Everywhere (A Major Workflow Shift) One of the biggest highlights of 2025 was the introduction of **ready-to-use presets** across dozens of widgets. Presets were added across dozens of widgets, including **Blog Listing**, **Testimonials**, **Team Members**, **Forms, Gallery & Client Listings, Buttons, Headings, Accordions, Tabs, Pricing Table, **and more. ![](https://theplusaddons.com/wp-content/uploads/2025/12/Edit-Pricing-Table.png) Instead of styling sections from scratch, users can now pick a preset, make a few tweaks, and launch complex sections instantly. It’s faster, simpler, and keeps designs consistent across the site. ![](https://theplusaddons.com/wp-content/uploads/2025/12/WDesignKit-1-1024x476.png) ## Smart Loop Builder (Game-Changer) One of the standout updates of 2025 was the **[Smart Loop Builder](https://theplusaddons.com/elementor-listing//blog-post/smart-loop-builder/)**. It lets you create **dynamic content layouts** for blogs, products, or any custom post type without touching a single line of code. You can now build **custom loops** from scratch or use **ready-made presets**, add **load-more buttons or infinite scroll**, and even include **interactive filters**.  Everything works seamlessly across devices, giving you full control over how your dynamic content looks and behaves. Whether you’re showcasing posts, products, or portfolio items, Smart Loop Builder makes creating flexible, professional layouts **faster and simpler than ever**. Below is an example of a CSS Grid Layout demo. ![](https://theplusaddons.com/wp-content/uploads/2025/12/SmartLoopBuilder-1024x760.jpeg) AJAX, Load More, and filtering were improved, and custom queries now integrate more smoothly. This makes building dynamic, content-heavy layouts more reliable than ever. Whether it’s posts, products, or portfolios, everything now feels stable and scalable. ## Revamped Onboarding Experience This year, we completely reworked the onboarding experience to make getting started with The Plus Addons simpler and faster, especially for first-time users. The new setup flow now asks how you want to build your website right from the start. Users can either choose to manually enable only the widgets they plan to use, keeping the site lightweight, or go with a ready-made website setup that imports complete demo kits. The dashboard itself is cleaner and more organized, making widgets and features easier to discover. Users can clearly see which widgets are enabled, toggle features as needed, without anything being force-installed. For users who want to launch quickly, the revamped onboarding allows them to import fully built websites in under a minute. These kits come with complete page structures, global styling, and Elementor-ready layouts that work with both Elementor Free and Pro. Everything is editable, so users can simply replace content and images without worrying about setup or styling. Overall, the new onboarding experience removes confusion from the first step. New users can start building confidently, while advanced users still have full control over performance, features, and customization, making the entire setup process more intuitive and flexible than before. *For more details, you can watch this video: * https://www.youtube.com/watch?v=kp0SoS7_aq4&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=7&t=1s&pp=iAQB ## Website Navigation & Structure Improvements In 2025, we made several website-level improvements to make it easier for users to explore The Plus Addons for Elementor and find relevant information faster. A new **Mega Menu** was introduced across the websites to improve navigation and content discovery. This made it easier to access key sections, demos, and resources without digging through multiple pages. ![](https://theplusaddons.com/wp-content/uploads/2025/12/Mega-Menu-1024x496.png) For **The Plus Addons for Elementor website**, we also revamped page structures to provide clearer demos and smoother navigation. Content was reorganized to reduce clutter, improve flow, and help users quickly understand widget use cases and features. These changes improved overall usability, reduced friction while browsing, and made it simpler for users to explore features, demos, and documentation without confusion. ## Form Widget Updates In 2025, we introduced a series of updates to the [Form widget](https://theplusaddons.com/elementor-builder/form-builder/), making it more flexible, secure, and user-friendly for building forms in Elementor. You can now customize Font Awesome 5 icons with Fill and Stroke colors, add gradient styles to Submit Buttons, and include Country Codes in Phone Number fields. There’s also a new option to display the form name and support for new field types like Cloudflare and reCAPTCHA fields, giving you more control over both design and security. The widget also added **more field types**, including Checkbox, Number, and Radio Button fields, letting you capture information in a more structured and flexible way. Also, Form submissions can now connect to popular platforms and services directly, including **Active Campaign, Auto Respond Email, Brevo, ConvertKit, Database Entry, Discord, Drip, Get Response, MailChimp / Slack integration, MailerLite, Webhook,** and **Slack**, giving you more flexibility to automate and manage your form data seamlessly. https://youtu.be/7DVDIACjSSQ ## RSS Feed support in Social Feed In 2025, we added RSS support to the [](https://theplusaddons.com/elementor-widget/social-feed/)**[Social Feed widget](https://theplusaddons.com/elementor-widget/social-feed/)**, making it easier to bring external content directly into your Elementor layouts. You can now pull posts, news, or updates from any RSS-supported source, whether it’s your own blog, a partner website, or an external publication. These feeds can be displayed in Grid, Masonry, or Carousel layouts, giving you flexibility in how content appears on your site. You also have control over what’s shown, including images, titles, authors, and dates. Feed titles can link back to the original source, and image handling can be refined using RSS tags like content or enclosure for better visual consistency. This update made it simple to showcase fresh, external content without relying on third-party plugins or custom code. These updates made it easier to add advanced functionality to any site without relying on multiple plugins. https://youtu.be/GbUvqM_mnXk ## SQL Query Support in the Table Widget The **[Table widget](https://theplusaddons.com/elementor-widget/data-tables/)** received a major functional upgrade with the introduction of SQL Query support. This allows you to pull data directly from your WordPress database and display it in structured tables. Whether it’s posts, custom content, or user-generated data, tables can now update dynamically based on database changes. With this update, the Table widget is no longer limited to static content. It can now be used for advanced listings, reports, and dashboards that stay in sync with your site’s data. ## Sticky Video Option To improve content visibility and engagement, we introduced a Sticky Video option in 2025. This feature keeps a video visible as users scroll down the page, typically pinned to a corner of the screen. It ensures that important videos, such as tutorials, announcements, or walkthroughs, remain accessible without interrupting the browsing experience. Sticky Video helps maintain attention without being intrusive, making it especially useful for long pages or content-heavy layouts. ## Improved WooCommerce Multistep Checkout Styling **[WooCommerce Multistep Checkout](https://theplusaddons.com/elementor-builder/woocommerce-builder/checkout-page/) **received several styling improvements in 2025, giving store owners more control over the checkout experience. You can now customize individual checkout steps, including login, billing, shipping, and payment sections. Options for typography, spacing, colors, and layout allow the checkout flow to better match your site’s branding. ![](https://theplusaddons.com/wp-content/uploads/2025/12/WooCommerce-Multistep-Checkout.png) These enhancements help create a clearer, more consistent checkout experience, reducing friction and making the process easier for customers to complete. ## Labels Added Across Widgets (A Major Editor Upgrade) One of the most noticeable improvements in 2025 was the addition of **clear labels across dozens of widgets**. Instead of guessing what an option does, you now see exactly what you are configuring at the moment you need it. Labels were added across a wide range of widgets, including **Blog Listings, Product Listings, Gallery, Dynamic Listings, Navigation Menu, Mobile Menu, Forms, Accordions, Tabs, Switchers, Buttons, Info Boxes, Timelines, Testimonials, Pricing Tables, Search, Filters**, and several **WooCommerce widgets such as Cart, Checkout, Wishlist, Compare, Single Product, and My Account**. This update quietly transformed the editor experience. Controls are easier to understand, setup feels faster, and building layouts feels far more intuitive, especially for users who are new to Elementor. Below is an example of labels added in one of the widgets: ![](https://theplusaddons.com/wp-content/uploads/2025/12/clear-labels-across-dozens-of-widgets.png) ## New Icon Widget Added Our [Icon Widget](https://theplusaddons.com/elementor-widget/custom-icons/) gives you more flexibility when working with icons. You get fine control over styling, support for modern icon libraries, and easy customization to match your layout.  It blends easily with your design while staying lightweight, perfect for everything from simple UI elements to more advanced, AI-driven use cases. ![](https://theplusaddons.com/wp-content/uploads/2025/12/custom-icons-1024x578.png) ## A New “Wipe Settings Before Uninstall” Option We’ve added a brand-new **Wipe Settings Before Uninstall** option to give you more control when removing the plugin.  Now, you can decide exactly which data should be cleared from your database during uninstallation, making it easier to keep your site clean without any unwanted leftovers. ![](https://theplusaddons.com/wp-content/uploads/2025/12/newest-wipe-settings-option-1024x339.png) ## WooCommerce Builder Pages, Refreshed We’ve also refreshed the[ **WooCommerce Builder**](https://theplusaddons.com/elementor-builder/woocommerce-builder/) section on our website with new landing pages and demos.  Now it’s simpler for all our users to explore features, view demos, and understand how everything works faster and with better clarity. ![](https://theplusaddons.com/wp-content/uploads/2025/12/new-WooCommerce-demos-1024x652.png) ## Massive UI & UX Improvements If 2025 had one theme, it was **“make every control easier to use and faster to work with.”** Many widgets now allow you to create or edit templates directly, without leaving the widget. This includes Accordions, Tabs, Timelines, Navigation Menus, Off-Canvas & Popups, Dynamic Listings, and Product Listings. Almost every widget received UI polish from Buttons and Pricing Tables to WooCommerce widgets, Navigation, Scroll, Carousel, Hotspot, Timeline, Forms, Search, Filters, and Social widgets. Panels are more consistent, spacing is better, and controls are grouped logically. ## Language, Compatibility & Global Improvements As **The Plus Addons for Elementor** continued to grow, we focused on making sure it works smoothly for users across different languages and setups. We expanded multi-language support, improved WPML compatibility, added translation-friendly labels, and refined RTL handling.  These updates were applied across **50+ widgets**, helping builders create websites that work well for global audiences. At the same time, we kept **The Plus Addons for Elementor** fully compatible with the latest WordPress and Elementor updates.  Deprecated Elementor classes were removed, WDesignKit 2.0 support was added, and container handling was improved to ensure a stable and future-ready experience. These improvements make **The Plus Addons for Elementor** more reliable, easier to use, and ready for modern Elementor workflows. ## Performance, Structure & Stability Upgrades Behind the scenes, we improved file structures and reorganized features like Extra Options (Equal Height, Shadows, Tooltips, Scroll Animations), AJAX Pagination & Load More, and Sticky & Mouse effects. These updates made the editor faster, reduced conflicts, and laid the foundation for smoother future updates. ## The Plus Addons for Elementor Academy & Community Expansion In 2025, we focused not just on features, but also on helping users **learn faster and build with confidence**. We launched **[The Plus Addons for Elementor Academy](https://theplusaddons.com/learn-the-plus-addons-for-elementor/)** to provide clear, step-by-step tutorials, practical walkthroughs, and real-world examples. Whether you are just getting started with Elementor or building advanced layouts, the academy helps you understand features better and apply them correctly in real projects. ![](https://theplusaddons.com/wp-content/uploads/2025/12/The-Plus-Addons-for-Elementor-Academy-Community-Expansion-1024x588.png) ## Discord Community We launched our **Discord community** to give users a dedicated space to connect, ask questions, share feedback, and discuss ideas with the team and other builders. It made conversations faster, support more accessible, and helped create a more open and collaborative community around The Plus Addons for Elementor. If you haven't joined yet, **[feel free to join](https://go.posimyth.com/plus-elementor-discord?_gl=1*1x0by3o*_gcl_au*NjAwMDkyMjc0LjE3NjAwMTA3ODA.*_ga*MTUwNjk4OTc2NC4xNzQ0MDA2MjUw*_ga_WXCC3REEFQ*czE3NjcwMDg3MzkkbzE2MyRnMCR0MTc2NzAwODczOSRqNjAkbDAkaDA)**. ### Our 2025 Journey with The Plus Addons for Elementor in Numbers In 2025, the focus was on making Elementor website building easier through clear learning resources, regular updates, and reliable support. Here’s a snapshot of what we achieved this year. - Published **130 blogs+** covering features, use cases, and best practices for Elementor users. - Released **21 long-form YouTube videos** with detailed walkthroughs and tutorials. - Shared **52 YouTube Shorts** with quick tips, updates, and feature highlights. - Created and published **88 documentation articles** for **The Plus Addons for Elementor** to support users at every stage. - Solved **1,720+ support tickets for The Plus Addons for Elementor**, helping users resolve issues efficiently. - Sent **20+ emails**, including updates, announcements, and helpful product information. ## What’s Coming in 2026? We’re continuing to build with one focus in mind: **making Elementor website building easier and more powerful**.  Here’s a quick look at some upcoming features planned for 2026: - Advanced Magic Scroll for smoother scrolling experiences - Infinite scroll option for listing widgets - Labels added to more widgets for a clearer editing experience - Dynamic tag options for smarter content control - Smooth and global animations powered by GSAP - Improved accessibility and SEO enhancements - Search and filter compatibility with Loop Grid More updates are already in progress, and we’ll be sharing them as they get closer to release. If you have a minute, you can also share your thoughts through our **short survey**. Also, there’s a small surprise at the end 👇🏻 [**Take The Survey Before You Go**](https://go.posimyth.com/tpae-yearly-feedback) --- # 🗞️ November 2025 Release: Smarter Widgets + Last Call for Cyber Monday Source: https://theplusaddons.com/blog/%f0%9f%97%9e%ef%b8%8f-november-2025-release-smarter-widgets-last-call-for-cyber-monday/ We’ve introduced some exciting updates in [**The Plus Addons for Elementor**](https://store.posimyth.com/?ns_url=17N&mid=3418562&fch=b6a011e2) to make your website-building experience even more powerful, flexible, and user-friendly. So, let's check out what’s new and how it benefits you! [![](https://theplusaddons.com/wp-content/uploads/2025/12/tape.png)](https://theplusaddons.com/) - **Clearer Option Labels:** Most widgets now have clearer option labels, making settings easier to understand and configure. This helps you set up sections faster without confusion. - **Template Editing Added:** Powerful widgets, including **[Accordion](https://store.posimyth.com/?ns_url=27rp&mid=3418562&fch=b6a011e2), [Mobile Menu](https://store.posimyth.com/?ns_url=2994&mid=3418562&fch=b6a011e2), [Navigation Menu](https://store.posimyth.com/?ns_url=28xd&mid=3418562&fch=b6a011e2), [Popup Builder](https://store.posimyth.com/?ns_url=28xj&mid=3418562&fch=b6a011e2), [Product Listing](https://store.posimyth.com/?ns_url=2a1m&mid=3418562&fch=b6a011e2), and [Tabs/Tours](https://store.posimyth.com/?ns_url=27rw&mid=3418562&fch=b6a011e2),** now let you create or edit templates instantly. - **Better Language Compatibility: **Major widgets such as **[Accordion](https://store.posimyth.com/?ns_url=27rp&mid=3418562&fch=b6a011e2),** [**Button**](https://store.posimyth.com/?ns_url=27rn&mid=3418562&fch=b6a011e2), [**Tabs/Tours**](https://store.posimyth.com/?ns_url=27rw&mid=3418562&fch=b6a011e2), [**Woo Cart**](https://store.posimyth.com/?ns_url=2a1n&mid=3418562&fch=b6a011e2), [**Woo Checkout**](https://store.posimyth.com/?ns_url=2a1o&mid=3418562&fch=b6a011e2), and [**Dynamic Listing**](https://store.posimyth.com/?ns_url=29ms&mid=3418562&fch=b6a011e2) now work more smoothly across multilingual setups. - **Smarter Display Conditions:** Display Condition logic is now more accurate. This ensures your content appears or hides exactly the way you intended. - **Icon Loading Improvements:** [**Social Feed**](https://store.posimyth.com/?ns_url=2a1p&mid=3418562&fch=b6a011e2) now pulls icons from the Plus Icon library. This keeps the icon styling consistent across your site. - **Dashboard Enhancements:** The dashboard has a better design and improved language handling. This makes navigating and managing settings much easier. - **Enhanced Design & Editing Experience:** Widgets like [**Button**](https://store.posimyth.com/?ns_url=27rn&mid=3418562&fch=b6a011e2), [**Heading**](https://store.posimyth.com/?ns_url=2a1q&mid=3418562&fch=b6a011e2), and [**Social Feed**](https://store.posimyth.com/?ns_url=2a1p&mid=3418562&fch=b6a011e2) now include new customization options, and overall UI and file structure improvements make the editor smoother and faster. This gives you more precise design control while making page building quicker and more efficient, especially on larger pages. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=3418562&fch=b6a011e2)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=3418562&fch=b6a011e2)**.*** We’ve got some exciting things lined up this month. Keep an eye out for what’s coming next! [![](https://theplusaddons.com/wp-content/uploads/2025/12/tape-coming-soon.png)](https://theplusaddons.com/) ## Final Call for Cyber Monday 50% OFF ![](https://theplusaddons.com/wp-content/uploads/2025/12/tpae-cyber-monday.jpg) Final 24 hours! Cyber Monday is ending in a few hours, and this is your last chance to upgrade your [**The Plus Addons for Elemento**r](https://store.posimyth.com/?ns_url=17N&mid=3418562&fch=b6a011e2) plan at **50% off**. | [**Get the Lifetime Deal Now**](https://store.posimyth.com/?ns_url=12x&mid=3418562&fch=b6a011e2) | | -------------------------------------------------------------------------------------------------------- | ***If you're our existing pro user, here's a video guide on [How to Upgrade your Store License from the Dashboard.](https://www.youtube.com/watch?v=DFYeV2iS0Xg)*** ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2025/12/make-your-course-site-in-60-sec-1024x852.png)](https://www.youtube.com/watch?v=-CJff0A9Etg) [![](https://theplusaddons.com/wp-content/uploads/2025/12/build-travel-website-1024x852.png)](https://www.youtube.com/watch?v=KnVH_QWivTQ) [![](https://theplusaddons.com/wp-content/uploads/2025/12/make-travel-website-with-elementor-1024x852.png)](https://www.youtube.com/watch?v=cEUg0rrgybs) [![](https://theplusaddons.com/wp-content/uploads/2025/12/new-rss-feed-widget-for-elementor-1024x931.png)](https://www.youtube.com/watch?v=GbUvqM_mnXk) ## 🗞️ — WordPress & Tech Bytes - **[WooCommerce 10.4](https://store.posimyth.com/?ns_url=2a1u&mid=3418562&fch=b6a011e2)** will be released on December 9, 2025, with Beta 2 already out for testing. It brings improved accessibility (better carousel navigation and screen-reader-friendly emails), a full release of the HPOS datastore caching option, and smoother block handling so checkout, cart, and product blocks work faster and cleaner. - **[WordPress 6.9 Release Candidate 3](https://store.posimyth.com/?ns_url=2a1v&mid=3418562&fch=b6a011e2)** is now available for final testing before its official launch on December 2, 2025. It encourages users to test the update on staging or test sites only and report any issues they find. This helps ensure a smooth and stable release for everyone. - WordPress 6.9 **[field guide explains](https://store.posimyth.com/?ns_url=2a1w&mid=3418562&fch=b6a011e2)** that this release adds many improvements for developers and site editors, including new editing tools like block-level notes and an easier command palette. It also adds new blocks such as Math and Accordion, plus overall performance boosts through faster loading and better caching. - WordPress 6.9 **[introduces a new Abilities API that](https://store.posimyth.com/?ns_url=2a1x&mid=3418562&fch=b6a011e2)** lets themes, plugins, and WordPress itself describe what they can do in a standard way. This makes it easier for AI tools and automation systems to interact with site features reliably. The update sets the foundation for more powerful and secure automation and AI‑driven workflows for WordPress sites. - WordPress core developers [**shared their November 2025 updates**](https://store.posimyth.com/?ns_url=2a1y&mid=3418562&fch=b6a011e2), deciding that future planning meetings will stay limited to committers to keep discussions focused. They’re planning three major releases in 2026, with the next one expected around March or April. Work has also begun on possible WordPress 7.0 features like dashboard improvements, better media tools, and continued progress on the new Abilities API. - [**Elementor 3.33 adds**](https://store.posimyth.com/?ns_url=2a1z&mid=3418562&fch=b6a011e2) a new Variables Manager so users can manage all site-wide design settings (colors, fonts, sizes) from one place. It also gives Pro users element-level custom CSS with responsive and state-based styling and introduces Blend Mode for more creative visual effects in designs.  - [**Google explained that**](https://store.posimyth.com/?ns_url=2a20&mid=3418562&fch=b6a011e2) strong digital PR helps websites appear more often in AI-generated recommendations because trusted mentions signal credibility. It also said AI systems look for clear, useful content, much like a human researcher would. Overall, high-quality content and trustworthy backlinks still play a major role in visibility. - Google says [**websites do better in AI Mode when**](https://store.posimyth.com/?ns_url=2a21&mid=3418562&fch=b6a011e2) they focus on being helpful and visible, not just on keywords or backlinks. Sites should give clear answers that fully explain a topic. Adding images or videos can also help because AI often shows visual content in its results. - John Mueller from Google said **[sites with low-quality or AI-generated content may](https://store.posimyth.com/?ns_url=2a22&mid=3418562&fch=b6a011e2)** need a full rebuild to recover. He recommends treating the overhaul as starting fresh because adding real value is more important than minor edits. For some damaged sites, a new domain or complete rebuild can work better than trying to fix the old one. - A new study found that [**ranking high on Google does not guarantee**](https://store.posimyth.com/?ns_url=2a23&mid=3418562&fch=b6a011e2) being cited by AI tools like ChatGPT or Gemini. It showed that AI models often reference different websites than traditional search results. This means sites need to optimize for both Google rankings and AI visibility to reach more users. ## 🔥 — Tool of the Month **[XML Sitemap Generator for Google](https://store.posimyth.com/?ns_url=2a24&mid=3418562&fch=b6a011e2)** automatically creates an XML sitemap for your website, listing all your pages, posts, media, and custom post types to help search engines crawl and index your site more efficiently. This tool is designed for website owners, bloggers, and developers who want to improve SEO and ensure their content is easily discoverable. ![](https://theplusaddons.com/wp-content/uploads/2025/12/google-xml-sitemaps.png) ## 🗣️— Word of the Month ### Excellent Product & Great Support *I started using the product for a specific feature, but now I discover a valuable new feature every time I dig into it. It has allowed me to do some things for my customers I could never have done as easily with any other product or even custom coding. I have used tech support a couple of times and they have been prompt, they listen to the issue and work with me until it has been resolved. Usually it is resolved by showing me a feature that I had overlooked – which highlights the flexibility of the product.* [*~@beanthere22*](https://store.posimyth.com/?ns_url=2a25&mid=3418562&fch=b6a011e2) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # Big Update: New RSS Feed Option, Labels for Widgets & More! Source: https://theplusaddons.com/blog/big-update-new-rss-feed-widget-labels-for-widgets-more/ We’re back with a brand-new update for **[The Plus Addons for Elementor](https://theplusaddons.com/)**! This release brings fresh new features designed to make your website smoother, smarter, and more dynamic. Ready to see what’s new? Let’s jump in! ## Update 1: Introducing the RSS Feed Say hello to the **RSS Feed**, your new favorite way to bring content from anywhere on the web straight into your Elementor layouts. You can now easily import posts, news, or updates from any RSS-supported site, whether it’s your own blog, a partner site, or even a YouTube channel playlist. ### Here’s why you’ll love the RSS Feed Feature: - Easily bring in posts from any website that supports RSS. - Pick your favorite layout, such as Masonry, Carousel, or a simple Grid. - Decide how many posts to show and even skip the latest ones if you like. - Choose whether to display images, titles, authors, or publish dates. - Make titles clickable so visitors can jump straight to the original post. - Fine-tune how images appear using tags like **content** or **enclosure**. It’s flexible enough to work for blogs, news feeds, YouTube updates, or even custom post types like hotel listings or directories. Simply add your feed URL, and your dynamic content loads in seconds. ### How the RSS Feed Works To get started, make sure the **Social Feed** widget is activated in your Plus Addons for Elementor dashboard. ![](https://theplusaddons.com/wp-content/uploads/2025/10/social-feed-enable-1024x365.png) Once it’s enabled, drag and drop the **Social Feed** widget onto your Elementor editor. On the left sidebar, you'll see the **Social Feed** settings. Under the **Item** section, click on the platform, for example, Facebook. You’ll then see a **Source** dropdown. Click on it and choose the **WP RSS Feed** option to start using the RSS Feed feature. ![](https://theplusaddons.com/wp-content/uploads/2025/10/social-feed-style-1.png) After that, multiple customization options will appear, which you can adjust as needed to match your style and layout preferences. ![](https://theplusaddons.com/wp-content/uploads/2025/10/edit-social-feed-1.png) By default, the RSS Feed URL will show “[theplusaddons.com](http://theplusaddons.com),” but you can replace it with your own feed link. That’s how easily you can display your RSS Feed with the RSS Feed from **The Plus Addons for Elementor**. ## Update 2: Theme Builder Integration for Free Users We’ve also added a small but very useful enhancement, especially for users who don’t have Elementor Pro. Now, you can enable **The Plus Theme Builder** (completely free) to load widgets like blog listings, preloaders, or dark mode across all your site pages. Whether it’s your preloader animation or dark mode toggle, you can now add them globally in your header or footer using the free theme builder. No Pro license is required. ![](https://theplusaddons.com/wp-content/uploads/2025/10/enable-theme-builder-1.png) ## Update 3: Helpful Labels for Every Widget Setting We know **The Plus Addons** come with many customization options, and sometimes it can feel a bit overwhelming. That’s why we’ve added **labels and tooltips** to explain every setting inside the widget panel. Now you’ll see short descriptions guiding you through what each option does, and if you need more information, just click **“Learn More”** to open our detailed documentation. For example: - Wondering what “Autoplay” in Accordion does? Now it’s clearly explained. - Confused about SEO Schema options? Click once and get the full breakdown. - Curious about Carousel Remote connections? It’s all right there in the widget panel. ![](https://theplusaddons.com/wp-content/uploads/2025/10/edit-accordion-1.png) This update is focused on making your design workflow smoother and helping you understand every feature without endless trial and error. ## Update 4: More Fixes & Compatibility Updates We’ve also rolled out multiple fixes and improvements, including **better multilingual compatibility across widgets**, making **The Plus Addons for Elementor** even more reliable for global websites. ## Wrapping Up: What’s Next This is just the beginning! Our team is already working on exciting new features coming your way in **November**, focused on enhancing speed, usability, and creativity for your Elementor projects. Got feedback or feature requests? Drop them in the comments. We’d love to hear from you. Until next time, happy creating with **[The Plus Addons for Elementor](https://theplusaddons.com/)!** --- # 🗞️ September 2025 Updates | Create Elementor Websites Under 60 Seconds – New Setup Tool Source: https://theplusaddons.com/blog/september-2025-updates-create-elementor-websites-under-60-seconds-new-setup-tool/ This month, [**The Plus Addons for Elementor**](https://store.posimyth.com/?ns_url=17N&mid=2960284&fch=f1428799) brings smoother performance, faster workflows, and fresh new features to explore. Here’s what’s new in this update: ### New in The Plus Addons for Elementor: [![](https://theplusaddons.com/wp-content/uploads/2025/10/new-in-tpae.png)](https://theplusaddons.com/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) 1. **Easier Start:** A new onboarding process has been added to help you set up faster and get started without hassle. Get your website ready in 60 seconds. Watch this video for a** complete overview of the latest onboarding update.** [![](https://theplusaddons.com/wp-content/uploads/2025/10/latest-onboarding-updates.png)](https://www.youtube.com/watch?v=kp0SoS7_aq4&utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) 2. **Preset Designs Added:** Ready design presets have been added for Blog Listing, Client Listing, Gallery Listing, Off Canvas, [**Form Widget**](https://store.posimyth.com/?ns_url=27rm&mid=2960284&fch=f1428799), [**Team Member**](https://store.posimyth.com/?ns_url=298x&mid=2960284&fch=f1428799), and [**Testimonial**](https://store.posimyth.com/?ns_url=298y&mid=2960284&fch=f1428799) to save time and make the design easier. 3. **[Form Widget](https://store.posimyth.com/?ns_url=27rm&mid=2960284&fch=f1428799):** Added option to set country code automatically by IP or manually, and set the phone field as the default mobile number. 4. **New Blog Listing Options:** Added Style 5, plus title and content limit options so you can control how your blog lists look. 5. **Smart Content:** Dynamic Listing now has a [**Smart Loop Builder**](https://store.posimyth.com/?ns_url=298z&mid=2960284&fch=f1428799) (Beta) to create dynamic content more easily. 6. **Better Tables:** [**Table widget**](https://store.posimyth.com/?ns_url=2990&mid=2960284&fch=f1428799) now supports SQL queries for advanced data display. 7. **[Table of Content](https://store.posimyth.com/?ns_url=28ds&mid=2960284&fch=f1428799):** Added option to make the title full-width for better presentation. 8. **Woo Multi Step:** Improved login form with better text and color. 9. **Better Design Tools:** Many widgets now have improved interfaces, including Client Listing, [**Creative Image**](https://store.posimyth.com/?ns_url=2991&mid=2960284&fch=f1428799), [**Design Tool**](https://store.posimyth.com/?ns_url=2992&mid=2960284&fch=f1428799), Gallery Listing, Header Meta Content, [**Horizontal Scroll**](https://store.posimyth.com/?ns_url=2993&mid=2960284&fch=f1428799), [**Mobile Menu**](https://store.posimyth.com/?ns_url=2994&mid=2960284&fch=f1428799), [**Navigation Menu**,](https://store.posimyth.com/?ns_url=28xd&mid=2960284&fch=f1428799) **[Pricing Table](https://store.posimyth.com/?ns_url=28xe&mid=2960284&fch=f1428799),** Team Member Listing, **[Testimonial](https://store.posimyth.com/?ns_url=298y&mid=2960284&fch=f1428799),** **[Social Feed](https://store.posimyth.com/?ns_url=2995&mid=2960284&fch=f1428799),** [**Scroll Sequence**](https://store.posimyth.com/?ns_url=2996&mid=2960284&fch=f1428799), and Quick View. 10. **Improved Responsiveness:** Added controls for carousel dot size, width, and height. Tooltip option moved to the Advanced tab, so it’s easier to find. 11. **Other Improvements:** Better URL encoding for Social Sharing, language support for Countdown and Table widgets, and improved dashboard design. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=2960284&fch=f1428799)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=2960284&fch=f1428799)**.*** We’ve got some more thrilling updates lined up for you! So stay tuned. [![](https://theplusaddons.com/wp-content/uploads/2025/10/coming-soon.png)](https://theplusaddons.com/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2025/10/Add-Multiple-Location-Pin.png)](https://www.youtube.com/watch?v=vKcE8D53sug&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=20&t=1s) [![](https://theplusaddons.com/wp-content/uploads/2025/10/best-wordpress-hosting.png)](https://www.youtube.com/watch?v=Y_IdAXT4OKY&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) [![](https://theplusaddons.com/wp-content/uploads/2025/10/best-wordpress-newsletter-plugin.png)](https://www.youtube.com/watch?v=a32Lmzd3aNY&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=10) [![](https://theplusaddons.com/wp-content/uploads/2025/10/Add-This-to-Blog-Post.png)](https://www.youtube.com/watch?v=o2a8zVx2ztc&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=21) ## 🗞️  — WordPress & Tech Bytes - [**Elementor 3.32 introduces**](https://store.posimyth.com/?ns_url=299b&mid=2960284&fch=f1428799) advanced Transform controls, layered Transitions, and system-wide Size Variables in the new Editor V4 Alpha. These features enhance creative flexibility and design consistency. The update is currently in alpha, recommended only for testing environments. - [**WordPress 6.8.3 is a security release**](https://store.posimyth.com/?ns_url=295s&mid=2960284&fch=f1428799) addressing two vulnerabilities, including data exposure and XSS issues in navigation menus. The update enhances overall site security. Automatic updates are rolling out to supported sites. - The [**WordPress 6.9 release cycle is moving ahead**](https://store.posimyth.com/?ns_url=295d&mid=2960284&fch=f1428799) without dedicated documentation leads, continuing the approach used in version 6.8. This has sparked concern among contributors who say it downplays the importance of proper documentation. A temporary “Docs Liaison” role has been added, but many are calling for the full documentation lead position to return. - The “[**State of SEO 2026**](https://store.posimyth.com/?ns_url=295t&mid=2960284&fch=f1428799)” report finds original content remains key to SEO success, even as AI use rises. It identifies three main strategies: AI adopters, authority builders, and hybrid strategists. Despite AI concerns, most organizations plan to maintain or grow SEO budgets in 2026. - Google confirmed the [**August 2025 spam update**](https://store.posimyth.com/?ns_url=295u&mid=2960284&fch=f1428799) is complete, running from August 26 to September 22. Initial data shows it penalized spammy sites but caused minimal broad re-ranking across search results. - Google has [**removed the &num=100 paramete**r](https://store.posimyth.com/?ns_url=295c&mid=2960284&fch=f1428799), stopping 100-results-per-page views. This change affects SEO tools and may explain inflated desktop impressions, though Google hasn’t commented. - Google’s John Mueller clarified that [**keyword cannibalization isn’t always harmful**](https://store.posimyth.com/?ns_url=295v&mid=2960284&fch=f1428799)**,** as multiple pages can rank for the same query. He advised focusing on reducing unnecessary duplication. Prioritizing clear structure and quality content is more important than consolidation. - Google warns that [**login pages can hurt SEO**](https://store.posimyth.com/?ns_url=295w&mid=2960284&fch=f1428799) by creating duplicate content. It recommends using noindex tags, redirects, or paywall markup to prevent indexing. These steps help protect a site’s search performance. ##   🔥— Tool of the Month **[Weglot](https://store.posimyth.com/?ns_url=295x&mid=2960284&fch=f1428799)** is a WordPress plugin that makes your website multilingual by automatically translating content into over 110 languages, with easy editing through its dashboard, no coding needed. It’s ideal for businesses, e-commerce stores, bloggers, and agencies that want to reach a global audience quickly and efficiently. [![](https://theplusaddons.com/wp-content/uploads/2025/10/translate-a-website.png)](https://store.posimyth.com/?ns_url=295x&mid=2960284&fch=f142879) ## 🗣️— Word of the Month ### Excellent product and support *We highly recommend this product and company. They provided exactly what we needed (multiple locations on our google map) and quick, friendly and excellent support when we had questions.* [*~@snordquist*](https://store.posimyth.com/?ns_url=299c&mid=2960284&fch=f1428799) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # 🗞️August 2025 Updates | Guess what’s coming to your forms… Source: https://theplusaddons.com/blog/august-2025-updates-guess-whats-coming-to-your-forms/ This month, **[The Plus Addons for Elementor](https://store.posimyth.com/?ns_url=17N&mid=2834779&fch=eb45507d)** got even better! Smoother, faster, and more flexible than ever, exciting updates are waiting for you. Take a look at the new features: ### New in The Plus Addons for Elementor (v6.3.11 & 6.3.13) [![](https://theplusaddons.com/wp-content/uploads/2025/09/New-in-The-Plus-Addons.png)](https://theplusaddons.com/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) ### New Additions - **[Form Widget Upgrade](https://store.posimyth.com/?ns_url=27rm&mid=2834779&fch=eb45507d)** – Now your submit buttons come with a spinner and extra style options, making forms more interactive and engaging. - **Fresh Additions Across Widgets** – We’ve added text in [**Info Box**](https://store.posimyth.com/?ns_url=28xa&mid=2834779&fch=eb45507d), responsive icon sizes in [**Number Counter**](https://store.posimyth.com/?ns_url=28xb&mid=2834779&fch=eb45507d), new styling for [**Social Sharing**](https://store.posimyth.com/?ns_url=28xc&mid=2834779&fch=eb45507d), a mega menu switch option in [**Navigation Menu**](https://store.posimyth.com/?ns_url=28xd&mid=2834779&fch=eb45507d), control options in Table widget, and added spacing for more flexible layouts in Breadcrumbs. - **Font Awesome 5 Support** – [**Number Counter**](https://store.posimyth.com/?ns_url=28xb&mid=2834779&fch=eb45507d) and [**Pricing Table**](https://store.posimyth.com/?ns_url=28xe&mid=2834779&fch=eb45507d) widgets now fully support FA5, giving you even more freedom to get creative with your designs. ### Improvements That Matter - **Dozens of UI Enhancements** – Cleaner, sharper widgets like [**Countdown**](https://store.posimyth.com/?ns_url=27ru&mid=2834779&fch=eb45507d), [**Flipbox**](https://store.posimyth.com/?ns_url=28xf&mid=2834779&fch=eb45507d), [**Process Steps**](https://store.posimyth.com/?ns_url=28xg&mid=2834779&fch=eb45507d), [**Scroll Navigation**](https://store.posimyth.com/?ns_url=28xh&mid=2834779&fch=eb45507d), [**Social Icons**](https://store.posimyth.com/?ns_url=27rr&mid=2834779&fch=eb45507d), [**Stylish List**](https://store.posimyth.com/?ns_url=28xi&mid=2834779&fch=eb45507d), [**Switcher**](https://store.posimyth.com/?ns_url=27ro&mid=2834779&fch=eb45507d), [**Popup Builder**](https://store.posimyth.com/?ns_url=28xj&mid=2834779&fch=eb45507d), [**Video Player**](https://store.posimyth.com/?ns_url=28xk&mid=2834779&fch=eb45507d), Forms (WPForms, Gravity, Ninja, Everest, CF7), [**WooCommerce widgets**](https://store.posimyth.com/?ns_url=28xl&mid=2834779&fch=eb45507d) & more. - **Better Search & Filters** – Smoother, more reliable results, especially with images and conditional options. - **Dashboard & Help Center** – Refreshed dashboard design + widget-wise documentation & videos in the “Need Help” section for easier guidance. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=2834779&fch=eb45507d)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=2834779&fch=eb45507d)**.*** There are some really exciting things coming your way. Let’s start with forms. We know how important it is to have a **phone number field with a proper country code.** While this isn’t available in Elementor Core, we’ve been working on it in our Form and it’s almost ready. You’ll soon be able to **set a country code by default or let it auto detect based on the visitor’s location.** Now moving on to templates. **The import process is getting a big makeover and you’ll notice the difference right away. I**t’s going to feel smoother, faster, and much easier to use. And that’s not all. We’re also preparing a completely new way of** importing templates using AI **that will feel smarter and more intuitive than ever before. Exciting times are ahead and we’re looking forward to sharing all of this with you very soon. ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2025/09/Scroll-Trigger.png)](https://www.youtube.com/watch?v=NJkO_T7B8Kw) [![](https://theplusaddons.com/wp-content/uploads/2025/09/This-Form-Converts.png)](https://www.youtube.com/watch?v=7DVDIACjSSQ) [![](https://theplusaddons.com/wp-content/uploads/2025/09/Add-Multiple-Location-Pin.png)](https://www.youtube.com/watch?v=vKcE8D53sug&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=20&t=1s) [![](https://theplusaddons.com/wp-content/uploads/2025/09/Add-This-to-Blog-Post.png)](https://www.youtube.com/watch?v=o2a8zVx2ztc&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=21) ## 🗞️ — WordPress & Tech Bytes - [**Elementor 3.31**](https://store.posimyth.com/?ns_url=28xp&mid=2834779&fch=eb45507d) brings Editor V4 Alpha features like reusable color and font variables, CSS and backdrop filters, a new Divider element, and better class management. These updates help users design faster and more consistently, especially on test sites. - WordPress released [**maintenance updates for branches 4.7 to 6.7**](https://store.posimyth.com/?ns_url=28xq&mid=2834779&fch=eb45507d), adding an updated root security certificate bundle to improve HTTP request security. Sites with auto-updates will update automatically, while others can update manually. The latest supported version remains 6.8.2. - The [**2025 WordPress Hosting Survey**](https://store.posimyth.com/?ns_url=28xr&mid=2834779&fch=eb45507d) invites hosting providers to share insights on their technology, security, support, and WordPress experience. It also covers eCommerce features and reliability. The collected data will help update WordPress.org hosting recommendations. - Google’s Gary Illyes explained that **[Google avoids using external signals like social](https://store.posimyth.com/?ns_url=28xs&mid=2834779&fch=eb45507d) **[**shares**](https://store.posimyth.com/?ns_url=28xs&mid=2834779&fch=eb45507d) in its ranking because they can be manipulated and are outside of Google's control. He emphasized that relying solely on controllable internal signals ensures the integrity and reliability of search results. - Google cautioned businesses against [**using generic, keyword-heavy domains**](https://store.posimyth.com/?ns_url=28xt&mid=2834779&fch=eb45507d), saying they can hurt visibility and brand identity. It advised choosing unique names and using content, structured data, or Google Business Profiles for local targeting instead. - Google’s Gary Illyes emphasized that [**AI-generated content is acceptable as long**](https://store.posimyth.com/?ns_url=28xu&mid=2834779&fch=eb45507d) as it undergoes human editorial review to ensure accuracy and quality. He clarified that “human curated” is a more accurate term than “human created,” stressing the need for oversight before publishing. - Google confirmed that [**AI-generated images**](https://store.posimyth.com/?ns_url=28xv&mid=2834779&fch=eb45507d), when used alongside legitimate content, do not cause SEO penalties or directly harm rankings. While these images use server resources, they may even boost traffic via image search, and there’s no direct negative impact from using them. - Google’s search advocates recommend giving [**each key image its own crawlable landing page**](https://store.posimyth.com/?ns_url=28xw&mid=2834779&fch=eb45507d) with unique descriptions, because gallery setups using JavaScript or URL fragments can limit visibility in image search. Responsive images and modern formats help page performance but don’t directly affect rankings. - Google rolled out the [**August 2025 spam update**](https://store.posimyth.com/?ns_url=28xx&mid=2834779&fch=eb45507d) to improve search quality by targeting spammy content. The update may take weeks to complete, and site owners are advised to monitor Search Console without making drastic changes. ##  🔥 — Tool of the Month **[WooCommerce Wholesale Prices](https://store.posimyth.com/?ns_url=28xy&mid=2834779&fch=eb45507d)** plugin is a user-friendly plugin that lets store owners offer wholesale pricing and manage customer access with ease. This tool is perfect for B2B store owners who want to manage multiple pricing tiers, control product visibility, and simplify wholesale operations without any technical hassle. [![](https://theplusaddons.com/wp-content/uploads/2025/09/Wholesale-Suit-1.png)](https://wordpress.org/plugins/woocommerce-wholesale-prices/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) ## 🗣️— Word of the Month ### Great plugin for a developer I bought the plugin just for some specific features, I’m positively surprised that it includes more then what I expected, including performance tools, which are extremely important to deliver a professinal website, plus the support has been really good. *[~@noleemits](https://store.posimyth.com/?ns_url=28xz&mid=2834779&fch=eb45507d)* **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # 5 Best WordPress Button Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-button-plugins/ Struggling to make your WordPress site more engaging? Without the right buttons, visitors might miss important calls to action, leading to lost opportunities. Fortunately, the right button plugin can transform your site’s interactivity and boost user engagement effortlessly. In this article, we explore the best WordPress button plugins that combine style, functionality, and ease of use to help you capture attention and drive results. ## Key Takeaways - WordPress button plugins help you create attractive, customizable buttons that boost user engagement and conversions on your website. - This article reviews the top 5 WordPress button plugins, highlighting their features, ease of use, and customization options. - For beginners, we recommend Button by The Plus Addons for Elementor due to its user-friendly interface and seamless integration with Elementor page builder. ## What Does a Button WordPress Plugin Help You With? A Button WordPress Plugin lets you easily create and customize clickable buttons for your site, boosting engagement and navigation. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Button-demo-image.jpg) You can design stylish buttons without coding, linking them to any page or action you want. ## Best WordPress Button Plugins Compared | Sl No | Button Plugin | Rating | | ----- | ------------- | ------ | | 1 | Button by The Plus Addons for Elementor | ★★★★★ | | 2 | Forget About Shortcode Buttons | ★★★★ | | 3 | Button | ★★★ | | 4 | Button Generator | ★★★ | | 5 | Simple Social Media Share Buttons | ★★★ | ### 1. Button by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Button-widget.png) You get over 22 modern, stylish free button styles for Elementor that include hover, underline, shadow, and shake animations. These buttons help you create eye-catching, professional designs easily. #### Key Features of Button by The Plus Addons for Elementor - Offers 22+ stylish button designs that make your website look modern and professional. - Includes cool hover and animation effects to grab visitors’ attention easily. - Helps you create attractive buttons quickly without needing design skills. - Enhances user experience by making clickable elements clear and engaging. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Button-demos.png) Learn More](https://theplusaddons.com/elementor-widget/free-buttons/#demos) Wait! That’s not it, Button is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Forget About Shortcode Buttons ![](https://theplusaddons.com/wp-content/uploads/2025/09/Forget-About-Shortcode-Buttons-WordPress-plugin.jpg) The Forget About Shortcode (FASC) Buttons plugin lets you easily add real, styled CSS buttons directly in your WordPress editor without dealing with complex shortcodes. You can customize buttons visually, improving both the editing experience and your site’s appearance. #### Key Features of Forget About Shortcode Buttons - Easily add stylish, real buttons directly in your WordPress editor without needing to learn or use complicated shortcodes. - Quickly customize buttons by simply double-clicking them to open an easy options panel, saving you time and hassle. - Make your posts and pages look better with consistent button styles that match your site’s design perfectly. - Improve your editing experience with a visual, user-friendly interface that makes adding and managing buttons simple and natural. [Learn More](https://wordpress.org/plugins/forget-about-shortcode-buttons/) ### 3. Button ![](https://theplusaddons.com/wp-content/uploads/2025/09/Button-WordPress-plugin.jpg) You can easily create and customize social icons and share buttons with the Button plugin, featuring 7 social sets and 9 types of CSS3 2D and 3D buttons. It offers live previews, unlimited colors, Google Fonts, and flexible styling options to fit your site perfectly. #### Key Features of Button - Easily create attractive buttons and social icons to make your website more engaging. - Customize button colors, sizes, fonts, and styles to perfectly match your site’s look and feel. - Use live previews to see changes instantly, making design quick and hassle-free. - Add buttons anywhere with widgets or shortcodes, giving you flexible placement options. [Learn More](https://wordpress.org/plugins/button/) ### 4. Button Generator ![](https://theplusaddons.com/wp-content/uploads/2025/09/Button-Generator-WordPress-plugin.jpg) The Button Generator plugin lets you easily create custom buttons with icons, styles, and built-in analytics without any coding. You can place floating or inline buttons anywhere on your site and fully customize their appearance and behavior. #### Key Features of Button Generator - Easily create custom buttons with icons and styles without any coding, making your site look professional and engaging. - Place buttons anywhere on your site, including floating or inline positions, to improve navigation and boost user interaction. - Track button performance with built-in analytics to understand what works best and increase your website’s effectiveness. - Customize button appearance fully, including colors, fonts, sizes, and animations so your buttons perfectly match your site’s design and attract attention. [Learn More](https://wordpress.org/plugins/button-generation/) ### 5. Simple Social Media Share Buttons ![](https://theplusaddons.com/wp-content/uploads/2025/09/Simple-Social-Media-Share-Buttons-WordPress-plugin.jpg) The Simple Social Buttons plugin lets you easily add customizable social media sharing buttons like Facebook, WhatsApp, X (Twitter), LinkedIn, and Pinterest to your WordPress site. You can position these buttons in multiple locations with animations and even use premium features like popups and fly-ins to boost engagement. #### Key Features of Simple Social Media Share Buttons - Easily add social sharing buttons to your website, helping visitors share your content with their friends and followers. - Boost your website’s visibility and traffic by encouraging more social media engagement. - Customize the buttons to match your site’s look, making your pages more attractive and professional. - Save time with a simple setup that doesn’t require technical skills or coding knowledge. [Learn More](https://wordpress.org/plugins/simple-social-buttons/) ## Which Button Plugin Should You Choose? When choosing a button plugin, you need one that offers customization, responsiveness, and seamless integration. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Button-demos.png) Button by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/free-buttons/#demos) stands out as the best pick for its ease of use and powerful features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Button WordPress Plugins ### Which WordPress button plugin is best for beginners? Button by The Plus Addons for Elementor stands out. It’s beginner-friendly, requires no coding, and integrates smoothly with Elementor, making button creation quick and easy. ### Can I link buttons to both internal and external pages? Yes, most WordPress button plugins let you link buttons to any URL, whether it’s another page on your site or an external website. ### Do button plugins offer customization options? Absolutely. You can usually customize colors, sizes, shapes, hover effects, and even add icons to match your site’s style perfectly. ### Will using a button plugin slow down my website? Good plugins are optimized for speed. Choose lightweight button plugins to ensure your site loads fast without performance issues. ### Can I use button plugins with popular page builders? Yes, many button plugins integrate seamlessly with page builders like Elementor, Beaver Builder, and Gutenberg, making design easier without coding. --- # 5 Best WordPress Facebook Reviews Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-facebook-reviews-plugins/ Struggling to showcase your Facebook reviews on your WordPress site? Without social proof, building trust with visitors feels like an uphill battle. Fortunately, the right Facebook review plugin can seamlessly display authentic customer feedback, boosting credibility and encouraging engagement. In this article, you'll discover the best WordPress plugins that make integrating Facebook reviews effortless and visually appealing, helping your business stand out and convert visitors into loyal customers. ## Key Takeaways - Facebook Reviews plugins for WordPress help showcase your social proof by displaying authentic customer feedback directly from your Facebook page, boosting trust and engagement. - This article highlights the top 5 Facebook Reviews plugins, focusing on ease of use, customization, and seamless integration with WordPress sites. - For beginners, we recommend Facebook Reviews by The Plus Addons for Elementor due to its user-friendly interface and straightforward setup, making it ideal for quickly adding reviews without technical hassle. ## What Does a Facebook Reviews WordPress Plugin Help You With? A Facebook Reviews WordPress plugin lets you easily display your Facebook customer reviews directly on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Facebook-Reviews-demo-image.jpg) You boost trust and engagement by showcasing real feedback without any coding hassle. ## Best WordPress Facebook Reviews Plugins Compared | Sl No | Facebook Reviews Plugin | Rating | | ----- | ----------------------- | ------ | | 1 | Facebook Reviews by The Plus Addons for Elementor | ★★★★★ | | 2 | Widgets for Reviews & Recommendations | ★★★★ | | 3 | Tagembed | ★★★ | | 4 | Social Reviews & Recommendations | ★★★ | | 5 | WP Review Slider | ★★★ | ### 1. Facebook Reviews by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Facebook-Reviews-widget.png) With The Plus Addons Facebook Reviews widget, you can easily showcase authentic Facebook reviews directly on your Elementor-built WordPress site. You’ll boost trust and engagement by displaying unlimited customer feedback seamlessly. #### Key Features of Facebook Reviews by The Plus Addons for Elementor - Build trust quickly by showing real customer reviews from your Facebook page directly on your website. - Save time with automatic syncing of your Facebook reviews, so your site always displays the latest feedback. - Choose from multiple stylish layouts to match your website’s look and make reviews more attractive. - Boost your credibility and encourage more visitors to become customers by showcasing positive social proof. [ Learn More](https://theplusaddons.com/elementor-widget/facebook-reviews/#demos) Wait! That’s not it, Facebook Reviews is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Widgets for Reviews & Recommendations ![](https://theplusaddons.com/wp-content/uploads/2025/09/Widgets-for-Reviews-Recommendations-WordPress-plugin.jpg) You can quickly display your Facebook reviews and recommendations on your website using this free WordPress plugin with customizable, responsive widgets. It helps you build customer trust and boost SEO by showcasing filtered, stylish review displays. #### Key Features of Widgets for Reviews & Recommendations - Easily showcase your best Facebook reviews on your website to build trust and attract more customers. - Choose from many stylish widget designs to match your website’s look and highlight positive feedback effectively. - Improve your website’s SEO and boost customer confidence by displaying real, verified reviews in a visible spot. - Save time with simple setup and automatic updates, so your latest reviews always appear without extra effort. [Learn More](https://wordpress.org/plugins/free-facebook-reviews-and-recommendations-widgets/) ### 3. Tagembed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tagembed-WordPress-plugin.jpg) With the Tagembed WordPress plugin, you can easily collect and embed social media feeds and reviews from platforms like Instagram, Facebook, Google, TikTok, and more onto your website in minutes. It boosts your site's engagement and credibility by showcasing real-time, customizable social content without any coding needed. #### Key Features of Tagembed - Easily showcase your social media posts and customer reviews on your website to build trust and attract more visitors. - Keep your website fresh and engaging with real-time updates from multiple social platforms Facebook review feed, and Google Reviews. - Boost your website’s credibility and sales by displaying authentic user-generated content and positive reviews in one place. - Customize the look of your feeds to match your brand without any coding, making your site more attractive and user-friendly. [Learn More](https://wordpress.org/plugins/tagembed-widget/) ### 4. Social Reviews & Recommendations ![](https://theplusaddons.com/wp-content/uploads/2025/09/Social-Reviews-Recommendations-WordPress-plugin.jpg) You can easily display Facebook, Google, and Yelp reviews on your WordPress site using this plugin, which supports widgets and shortcodes. It uses the official Facebook Graph API and offers features like auto-refresh, multiple layouts, and SEO-friendly options to boost your site's credibility. #### Key Features of Social Reviews & Recommendations - Easily show real customer reviews from Facebook, Google, and Yelp on your WordPress site to build trust and attract new customers. - Automatically update and display fresh reviews daily, keeping your site content current without extra effort. - Customize how reviews appear with multiple layouts, filters, and options to match your website’s style and boost engagement. - Increase your website’s credibility and sales by showcasing authentic social proof directly where visitors can see it. [Learn More](https://wordpress.org/plugins/fb-reviews-widget/) ### 5. WP Review Slider ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Review-Slider-WordPress-plugin.jpg) You can easily showcase your Facebook and Twitter reviews on your WordPress site using the WP Facebook Reviews plugin, boosting customer trust with authentic social proof. It connects directly via official APIs and lets you display reviews in sliders, grids, or lists with customizable templates. #### Key Features of WP Review Slider - Easily showcase your Facebook positive reviews on your WordPress site to build trust and boost customer confidence. - Quickly connect and import your social media reviews with just a few clicks, saving you time and effort. - Customize how reviews look with flexible templates and display options, making your site look professional and engaging. - Upgrade to Pro for advanced features like adding reviews from multiple platforms, managing reviews better, and getting notifications for new feedback. [Learn More](https://wordpress.org/plugins/wp-facebook-reviews/) ## Which Facebook Reviews Plugin Should You Choose? When choosing a Facebook Reviews plugin, you should look for seamless Facebook app integration, customizable templates, and reliable user support. [ Facebook Reviews by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/facebook-reviews/#demos) stands out as the best pick for its ease of use and powerful features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Facebook Reviews WordPress Plugins ### Which is the easiest Facebook Reviews plugin for beginners? Facebook Reviews by The Plus Addons for Elementor is the best choice. It’s beginner-friendly, requires no coding, and integrates smoothly with Elementor for quick setup and beautiful displays. ### Can I display Facebook reviews automatically on my WordPress site? Yes, most Facebook review plugins sync automatically with your Facebook page and update reviews in real-time, saving you time and keeping your site fresh. ### Do I need a Facebook developer account to use these plugins? No, many plugins handle Facebook API integration for you. You typically just connect your Facebook page with a few clicks, no developer account needed. ### Will using a Facebook review plugin improve my website’s credibility? Absolutely. Showing genuine Facebook reviews builds trust with visitors, boosting your credibility and encouraging more customer engagement. ### Are Facebook review plugins SEO-friendly? Yes, well-coded plugins display reviews in a way that search engines can read, helping improve your site's search rankings and local SEO performance. --- # 5 Best WordPress Table Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-table-plugins/ Struggling to present data clearly on your WordPress site? Tables can transform cluttered information into easy-to-read formats, but creating them without the right tools is frustrating. Many default options lack flexibility or style, leaving your content dull and hard to navigate. That’s why choosing the best WordPress table plugin matters, it simplifies building attractive, functional tables that engage visitors and organize your data effortlessly. In this article, we’ll explore top plugins that make table creation a breeze, helping you showcase your information with style and precision. ## Key Takeaways - Tables help organize and present data clearly on WordPress sites, enhancing user experience and content readability. - This article reviews the top 5 WordPress table plugins in 2025, focusing on features, ease of use, and customization options. - For beginners, Table by The Plus Addons for Elementor stands out as the most user-friendly and intuitive plugin to create stunning tables effortlessly. ## What Does a Table WordPress Plugin Help You With? A Table WordPress plugin lets you easily create and manage tables on your site without any coding. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Table-demo-image.jpg) You can quickly add, edit, and display organized data in posts or pages with simple tools. ## Best WordPress Table Plugins Compared | Sl No | Table Plugin | Rating | | ----- | ------------ | ------ | | 1 | Table by The Plus Addons for Elementor | ★★★★★ | | 2 | Tableberg Table Block | ★★★★ | | 3 | WP Table Builder | ★★★ | | 4 | RioVizual Table Block | ★★★ | | 5 | Data Tables Generator | ★★★ | ### 1. Table by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Table-widget.png) The Plus Addons for Elementor lets you create highly customizable and responsive data tables with features like images, buttons, search, and sorting. You can easily build stunning tables directly within Elementor to enhance your WordPress site. #### Key Features of Table by The Plus Addons for Elementor - Easily create beautiful, responsive tables without any coding, making your data look professional on all devices. - Quickly add features like search and sorting to help visitors find information faster and improve user experience. - Import data directly from CSV files or Google Sheets, saving you time and effort when managing large tables. - Customize tables with images, buttons, and styles to make your content more engaging and interactive for your audience. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Table-demos.png) Learn More](https://theplusaddons.com/elementor-widget/data-tables/#demos) Wait! That’s not it, Table is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Tableberg Table Block ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tableberg-Table-Block-WordPress-plugin.jpg) The Table Block by Tableberg plugin lets you easily create and customize responsive tables right within the WordPress block editor. You can build various tables like pricing, comparison, or product tables without any coding skills. #### Key Features of Tableberg Table Block - Easily create and customize any type of table, from pricing to product comparisons, without needing coding skills. - Make tables look great on all devices with responsive design that adapts automatically for desktop, tablet, and mobile. - Quickly add rich content like buttons, images, and lists inside table cells to make your tables more engaging and informative. - Control the look and feel of your tables with simple color, font, and spacing options to match your website’s style perfectly. [Learn More](https://wordpress.org/plugins/tableberg/) ### 3. WP Table Builder ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Table-Builder-WordPress-plugin.jpg) WP Table Builder lets you easily create responsive tables with a drag-and-drop interface, perfect for comparison, pricing, and list tables. You can customize elements like text, images, buttons, and star ratings, then embed tables anywhere using shortcodes. #### Key Features of WP Table Builder - Easily create beautiful, responsive tables without any coding using simple drag-and-drop tools. - Quickly build comparison, pricing, list, and other types of tables that look great on all devices. - Save time by importing tables from CSV, XML, or TablePress, and export your tables for easy reuse or site migration. - Customize tables fully with elements like buttons, images, star ratings, and more to make your content engaging and clear. [Learn More](https://wordpress.org/plugins/wp-table-builder/) ### 4. RioVizual Table Block ![](https://theplusaddons.com/wp-content/uploads/2025/09/RioVizual-Table-Block-WordPress-plugin.jpg) RioVizual lets you easily create customizable, responsive comparison, pricing, and pros & cons tables directly in the Gutenberg editor with drag-and-drop simplicity. You don’t need any coding skills to build SEO-friendly tables that boost engagement and conversions. #### Key Features of RioVizual Table Block - Easily create beautiful comparison, pricing, and pros & cons tables right inside WordPress without any coding. - Make your tables look great on all devices, so visitors have a smooth experience whether on desktop or mobile. - Boost your website’s visibility and conversions with SEO-friendly tables that attract more clicks and engagement. - Save time with ready-to-use templates and a simple drag-and-drop editor to build professional tables quickly. [Learn More](https://wordpress.org/plugins/riovizual/) ### 5. Data Tables Generator ![](https://theplusaddons.com/wp-content/uploads/2025/09/Data-Tables-Generator-WordPress-plugin.jpg) You can easily create responsive, searchable, and sortable data tables with the Data Tables Generator by Supsystic plugin. It lets you customize tables, add formulas, import/export data, and even build WooCommerce product tables without any coding. #### Key Features of Data Tables Generator - Easily create and customize responsive tables that look great on all devices, helping your website display data clearly and attractively. - Make your tables interactive with sorting, searching, filtering, and pagination, so visitors can quickly find the information they need. - Import and export table data from popular formats like CSV, Excel, PDF, and Google Sheets, saving you time and effort managing your data. - Build WooCommerce product tables with features like add-to-cart buttons and quantity selectors, making shopping easier and boosting sales. [Learn More](https://wordpress.org/plugins/data-tables-generator-by-supsystic/) ## Which Table Plugin Should You Choose? When choosing a table plugin, focus on ease of use, customization options, and performance to display your data effectively. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Table-demos.png) Data Table by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/data-tables/#demos) stands out as the best pick for its powerful features and seamless integration. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), you can build a fully functional website without writing a single line of code. ## FAQs on Table WordPress Plugins ### Which is the easiest WordPress table plugin for beginners? Table by The Plus Addons for Elementor is ideal for beginners. It requires no coding and offers a drag-and-drop interface, making table creation quick and simple. ### Can I create responsive tables with these plugins? Yes, most top WordPress table plugins offer fully responsive tables that look great on mobile, tablet, and desktop devices. ### Do I need coding skills to build tables in WordPress? No, many plugins provide user-friendly interfaces and pre-built templates, so you can create tables without any coding knowledge. ### Can I customize the design of my tables? Absolutely! Most plugins allow you to customize colors, fonts, borders, and layouts to match your website’s style. ### Are these table plugins SEO-friendly? Yes, good table plugins structure data properly, helping search engines understand your content better, which can improve your SEO. --- # 5 Best WordPress Google Reviews Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-google-reviews-plugins/ Struggling to showcase authentic customer feedback on your WordPress site? Without visible reviews, potential clients may hesitate to trust your business. Fortunately, integrating Google Reviews directly into your website can boost credibility and drive more conversions. In this article, we’ll explore the best WordPress plugins that effortlessly pull your Google Reviews, helping you build trust and turn visitors into loyal customers with ease. ## Key Takeaways - Google Reviews plugins help display authentic customer feedback on your WordPress site, boosting trust, SEO, and conversions. - This article highlights the top 5 Google Reviews plugins for WordPress, comparing features, ease of use, and customization options. - Our top recommendation is Google Reviews by The Plus Addons for Elementor, ideal for beginners due to its user-friendly interface and quick setup. ## What Does a Google Reviews WordPress Plugin Help You With? A Google Reviews WordPress plugin lets you showcase real customer feedback directly on your website, boosting your credibility and trust. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Google-Reviews-demo-image.jpg) You can easily display your business’s Google ratings to attract and reassure visitors. ## Best WordPress Google Reviews Plugins Compared | Sl No | Google Reviews Plugin | Rating | | ----- | --------------------- | ------ | | 1 | Google Reviews by The Plus Addons for Elementor | ★★★★★ | | 2 | Widgets for Google Reviews | ★★★★ | | 3 | Tagbox | ★★★ | | 4 | Tagembed | ★★★ | | 5 | Reviews and Rating | ★★★ | ### 1. Google Reviews by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Google-Reviews-widget.png) You can easily showcase authentic Google Reviews on your WordPress site using The Plus Addons’ Google Reviews widget for Elementor. It helps you build trust and boost credibility by displaying real customer feedback attractively. #### Key Features of Google Reviews by The Plus Addons for Elementor - Easily showcase real customer feedback on your website to build trust and credibility. - Attract more visitors by displaying positive Google reviews that highlight your quality and service. - Save time with a simple setup that automatically updates your latest Google reviews. - Enhance your site’s appearance with customizable review layouts that match your brand style. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Google-Reviews-demos.png) Learn More](https://theplusaddons.com/elementor-widget/google-reviews/#demos) Wait! That’s not it, Google Reviews is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Widgets for Google Reviews ![](https://theplusaddons.com/wp-content/uploads/2025/09/Widgets-for-Google-Reviews-WordPress-plugin.jpg) You can easily display up to 10 real Google Business reviews on your WordPress site with this plugin, building trust with your visitors quickly. It requires no API key for up to 10 reviews and lets you customize layouts, show photos, owner replies, and connect multiple locations effortlessly. #### Key Features of Widgets for Google Reviews - Easily show up to 10 real Google reviews on your website to build trust with visitors quickly. - Connect multiple business locations and display reviews anywhere on your site with flexible widgets and shortcodes. - Automatically update reviews and ratings to keep your site fresh and credible without extra work. - Customize the look and feel to match your site’s style, making your customer feedback stand out beautifully. [Learn More](https://wordpress.org/plugins/widget-google-reviews/) ### 3. Tagbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tagbox-WordPress-plugin.jpg) The Tagbox Widget plugin lets you easily curate and embed social media feeds, user-generated content, and customer reviews from 20+ platforms directly onto your WordPress site. You can customize, moderate, and get real-time updates to boost engagement and showcase authentic content. #### Key Features of Tagbox - Easily showcase social media posts and customer reviews in one place to build trust and engage your website visitors. - Save time by automatically collecting and updating content from multiple social platforms without manual work. - Improve your marketing with customizable feeds and real-time analytics to understand what your audience loves. - Encourage visitors to interact by allowing them to upload their own photos and testimonials directly on your site. [Learn More](https://wordpress.org/plugins/taggbox-widget/) ### 4. Tagembed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tagembed-WordPress-plugin.jpg) The Tagembed plugin lets you effortlessly collect and embed social media feeds and reviews from multiple platforms like Instagram, Facebook, Google Reviews, and more directly onto your WordPress site. You can customize, moderate, and display fresh content in real-time with no coding required to boost engagement and credibility. #### Key Features of Tagembed - Easily showcase your social media posts and customer reviews on your website to build trust and attract more visitors. - Customize your social review feed’s look and feel without any coding, making your site unique and user-friendly. - Keep your website fresh and engaging by automatically displaying real-time updates from multiple social platforms. - Boost your online reputation and sales by combining reviews from Google, Facebook, Yelp, and more in one attractive widget. [Learn More](https://wordpress.org/plugins/tagembed-widget/) ### 5. Reviews and Rating ![](https://theplusaddons.com/wp-content/uploads/2025/09/Reviews-and-Rating-WordPress-plugin.jpg) You can easily showcase your Google My Business reviews and ratings on your website with this plugin, which automatically pulls and displays customer feedback using Google’s Places API. It offers over 150 customizable designs, responsive layouts, and powerful filtering options to match your brand and boost trust. #### Key Features of Reviews and Rating - Easily showcase your Google customer reviews and ratings directly on your website to build trust with visitors. - Customize the look and layout of reviews with many design options to match your brand’s style perfectly. - Automatically update and collect more reviews over time, so your site always shows fresh and accurate feedback. - Filter and sort reviews by star rating or length, allowing you to highlight the best feedback or show all reviews for transparency. [Learn More](https://wordpress.org/plugins/g-business-reviews-rating/) ## Which Google Reviews Plugin Should You Choose? When choosing a Google Reviews plugin, you should look for ease of use, customization options, and reliable review syncing. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Google-Reviews-demos.png) Google Reviews by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/google-reviews/#demos) stands out as the best pick for seamless integration and powerful features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Google Reviews WordPress Plugins ### What is a Google Reviews plugin for WordPress? It’s a tool that displays your Google customer reviews on your website, boosting trust and social proof without manual updates. ### How do Google Reviews plugins improve my website? They build credibility, increase visitor confidence, and can improve SEO by showing authentic user feedback directly on your site. ### Are Google Reviews plugins easy for beginners to use? Many plugins offer simple setup with no coding needed, making it easy for beginners to showcase reviews quickly. ### Can I customize how Google Reviews appear on my site? Yes, most plugins let you adjust layouts, styles, and which reviews to show, so the display fits your website’s design. ### Why choose Google Reviews by The Plus Addons for Elementor? It’s beginner-friendly, requires no coding, and integrates smoothly with Elementor, letting you add and style reviews effortlessly. --- # 5 Best WordPress Pie Chart Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-pie-chart-plugins/ Struggling to present your data in a way that truly engages your audience? Pie charts are a powerful tool to visualize information clearly, but finding the right WordPress plugin can be overwhelming. Without the perfect plugin, your charts might look dull or fail to convey insights effectively. Luckily, there are user-friendly options designed to bring your data to life with stunning visuals and easy customization. In this article, you'll discover the best WordPress pie chart plugins that make data storytelling simple and impactful. ## Key Takeaways - Pie charts are an effective way to visually represent data proportions and make complex information easy to understand on WordPress sites. - This article reviews the top 5 WordPress pie chart plugins, highlighting features, ease of use, and customization options. - Our top recommendation is Pie Chart by The Plus Addons for Elementor, praised for its beginner-friendly interface and seamless integration with Elementor. ## What Does a Pie Chart WordPress Plugin Help You With? A Pie Chart WordPress plugin lets you easily create and display visually appealing pie charts on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Pie-Chart-demo-image.jpg) You can showcase data clearly and engage your visitors with interactive, customizable charts. ## Best WordPress Pie Chart Plugins Compared | Sl No | Pie Chart Plugin | Rating | | ----- | ---------------- | ------ | | 1 | Pie Chart by The Plus Addons for Elementor | ★★★★★ | | 2 | Easy Charts | ★★★★ | | 3 | iChart | ★★★ | | 4 | Graphina | ★★★ | | 5 | Chartify | ★★★ | ### 1. Pie Chart by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Pie-Chart-widget.png) You can easily create stunning, data-driven pie charts in Elementor with this plugin. It lets you customize styles, add text, icons, images, and animations, all without any coding. #### Key Features of Pie Chart by The Plus Addons for Elementor - Easily create attractive pie and doughnut charts to clearly show your data and make your website more engaging. - Help visitors quickly understand complex information with simple, visual data presentations. - Customize charts to match your website’s style, making your content look professional and polished. - Save time with a user-friendly widget that simplifies the process of adding charts to your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Pie-Chart-demos.png) Learn More](https://theplusaddons.com/elementor-widget/pie-chart/#demos) Wait! That’s not it, Pie Chart is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Easy Charts ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Charts-WordPress-plugin.jpg) You can easily create and manage interactive, responsive charts on your WordPress site using the Easy Charts plugin. It supports multiple chart types and lets you embed them quickly with shortcode or a visual editor button. #### Key Features of Easy Charts - Easily create attractive charts to visually share information on your website without any hassle. - Quickly manage and update your charts, saving you time and effort. - Enhance your posts and pages with clear, engaging visuals that help visitors understand your data better. - Use a free and user-friendly tool that doesn’t require advanced skills to make professional-looking charts. [Learn More](https://wordpress.org/plugins/easy-charts/) ### 3. iChart ![](https://theplusaddons.com/wp-content/uploads/2025/09/iChart-WordPress-plugin-1.jpg) With iChart, you can easily create and embed beautiful, responsive charts and graphs directly from your WordPress editor using a simple shortcode generator. You’ll enjoy support for multiple chart types, mobile-friendly HTML5 visuals, and quick customization options to visualize your data effectively. #### Key Features of iChart - Easily create and add beautiful, responsive pie charts directly within your WordPress posts or pages without needing coding skills. - Quickly generate pie charts using a simple shortcode generator or Gutenberg block, saving you time and effort. - Customize your charts with colors, sizes, labels, and layout options to make your data clear and visually appealing to your visitors. - Share your charts easily and allow others to embed them on their sites, helping you spread your data insights wider with minimal hassle. [Learn More](https://wordpress.org/plugins/ichart/) ### 4. Graphina ![](https://theplusaddons.com/wp-content/uploads/2025/09/Graphina-WordPress-plugin-1.jpg) You can create stunning charts and graphs directly within Elementor using the Graphina plugin. It helps you visualize data easily and make your website more engaging. #### Key Features of Graphina - Easily create beautiful and professional charts to make your website more engaging. - Choose from a variety of style options to perfectly match your site’s look. - Quickly visualize complex data in a clear and attractive way, helping visitors understand your content better. - Seamlessly integrate dynamic charts into your Elementor pages without needing any coding skills. [Learn More](https://wordpress.org/plugins/graphina-elementor-charts-and-graphs/) ### 5. Chartify ![](https://theplusaddons.com/wp-content/uploads/2025/09/Chartify-WordPress-plugin.jpg) The Chartify WordPress plugin lets you easily create responsive and dynamic charts for your site using manual data, Google Sheets, or database queries. You can embed 20+ chart types with live previews and customize them to make your content visually engaging. #### Key Features of Chartify - Easily create beautiful and interactive charts to make your website content more engaging and clear. - Automatically update charts when you change data in Google Sheets, saving you time and effort. - Build charts without needing any coding skills, perfect for beginners and busy users. - Show your data on any device with responsive charts that look great on phones, tablets, and desktops. [Learn More](https://wordpress.org/plugins/chart-builder/) ## Which Pie Chart Plugin Should You Choose? When choosing a pie chart plugin, you should look for ease of use, customization options, and responsive design. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Pie-Chart-demos.png) Pie Chart by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/pie-chart/#demos) stands out as the best pick for its powerful features and seamless integration. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Pie Chart WordPress Plugins ### Which is the best beginner-friendly pie chart plugin for WordPress? Pie Chart by The Plus Addons for Elementor stands out. It’s easy to use, requires no coding, and integrates smoothly with Elementor, making pie chart creation quick and hassle-free. ### Can I customize the colors and labels in pie chart plugins? Yes, most plugins let you adjust colors, labels, and chart dimensions to match your site’s style and data needs, ensuring your charts look great and are easy to understand. ### Do I need coding skills to add pie charts to my WordPress site? No coding is typically required. Many pie chart plugins offer user-friendly interfaces and drag-and-drop features, so beginners can create charts without touching code. ### Can I import data from Excel or CSV files into pie chart plugins? Yes, several plugins support importing data from Excel, CSV, or Google Sheets, allowing you to create dynamic and accurate pie charts directly from your existing data files. ### Are pie chart plugins responsive and mobile-friendly? Most modern pie chart plugins ensure charts are responsive, automatically adjusting to different screen sizes so your visuals look sharp on desktops, tablets, and smartphones. --- # 5 Best WordPress Progress Bar Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-progress-bar-plugins/ Struggling to keep visitors engaged on your WordPress site? Without clear indicators, readers often lose track of their progress and leave before finishing your content. A well-designed progress bar can solve this by visually guiding users through your posts, boosting engagement and readability. In this article, we’ll explore the best WordPress progress bar plugins that make adding this feature effortless and effective, helping you hold your audience’s attention from start to finish. ## Key Takeaways - Progress bars visually represent completion status, enhancing user engagement and providing clear feedback on tasks or content consumption. - This article reviews the top 5 WordPress progress bar plugins, highlighting their features, customization options, and ease of use. - For beginners, we recommend Progress Bar by The Plus Addons for Elementor due to its user-friendly interface, seamless Elementor integration, and straightforward setup. ## What Does a Progress Bar WordPress Plugin Help You With? A Progress Bar WordPress Plugin lets you easily add visual indicators to show task or project completion on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Progress-Bar-demo-image.jpg) You use it to engage visitors by clearly displaying progress in a simple, interactive way. ## Best WordPress Progress Bar Plugins Compared | Sl No | Progress Bar Plugin | Rating | | ----- | ------------------- | ------ | | 1 | Progress Bar by The Plus Addons for Elementor | ★★★★★ | | 2 | Reading Position Indicator | ★★★★ | | 3 | Catch Scroll Progress Bar | ★★★ | | 4 | WP Reading Progress | ★★★ | | 5 | Progress Bar & Skill Bar | ★★★ | ### 1. Progress Bar by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Progress-Bar-widget.png) You can easily add interactive and fully customizable progress bars to your WordPress site using The Plus Addons for Elementor. This plugin lets you display various styles like Circle Progress Bar, Skill Bar, Value Bar, and Percentage Bar to enhance your site's visuals. #### Key Features of Progress Bar by The Plus Addons for Elementor - Easily add interactive progress bars to your website to visually show progress or skills, making your content more engaging. - Customize different types of progress bars like circle, skill, value, and percentage bars to fit your site’s style and needs. - Enhance user experience by clearly displaying progress or achievements, helping visitors understand information quickly. - Use a versatile and fully customizable widget that works smoothly with Elementor, saving you time and effort in design. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Progress-Bar-demos.png) Learn More](https://theplusaddons.com/elementor-widget/progress-bar/#demos) Wait! That’s not it, Progress Bar is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Reading Position Indicator ![](https://theplusaddons.com/wp-content/uploads/2025/09/Reading-Position-Indicator-WordPress-plugin.jpg) The Reading Position Indicator plugin adds a sleek horizontal progress bar to your posts and pages, showing readers how far they've scrolled. You can easily customize its colors, opacity, and style without any coding. #### Key Features of Reading Position Indicator - Helps readers see their progress as they scroll, making long articles easier and more engaging to read. - Lets you customize the look of the progress bar to match your website’s style, enhancing your site’s appearance. - Loads fast and won’t slow down your website, ensuring a smooth experience for visitors. - Easy to install and set up without any coding, so you can add it quickly and start improving user engagement. [Learn More](https://wordpress.org/plugins/reading-position-indicator/) ### 3. Catch Scroll Progress Bar ![](https://theplusaddons.com/wp-content/uploads/2025/09/Catch-Scroll-Progress-Bar-WordPress-plugin.jpg) Catch Scroll Progress Bar lets you add a customizable progress bar that visually shows how much of a blog post you've read as you scroll. You can easily adjust its position, colors, opacity, and decide where it appears on your site. #### Key Features of Catch Scroll Progress Bar - Helps readers easily see how much of an article they’ve read, improving engagement and user experience. - Lets you customize the progress bar’s look and position to match your website’s style perfectly. - Allows you to choose exactly where the progress bar appears, so it fits your site’s layout and content. - Lightweight and fast, ensuring your site stays quick without any extra load time. [Learn More](https://wordpress.org/plugins/catch-scroll-progress-bar/) ### 4. WP Reading Progress ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Reading-Progress-WordPress-plugin.jpg) The WP Reading Progress plugin adds a customizable progress bar to your single blog posts, showing readers how far they've scrolled. You can easily adjust its position, color, and which posts it appears on to enhance your site's user experience. #### Key Features of WP Reading Progress - Enhances reader experience by showing a clear progress bar that tracks how much of an article has been read, helping users know how much content is left. - Easy to customize location and color of the progress bar, allowing it to fit perfectly with your website’s design and layout. - Lightweight and fast, so it won’t slow down your site while providing smooth, real-time progress updates as readers scroll. - Automatically works on single blog posts and can be set to show on specific posts or post types, giving you full control over where the progress bar appears. [Learn More](https://wordpress.org/plugins/wp-reading-progress/) ### 5. Progress Bar & Skill Bar ![](https://theplusaddons.com/wp-content/uploads/2025/09/Progress-Bar-Skill-Bar-WordPress-plugin.jpg) You can easily create animated progress bars to showcase your skills or project statuses on any WordPress page or post using the Progress Bar WP plugin. It offers multiple design templates, customizable colors, and a simple shortcode setup for quick and beautiful progress displays. #### Key Features of Progress Bar & Skill Bar - Easily showcase your skills or progress with attractive, animated percentage bars that grab attention. - Customize colors, fonts, and layouts to perfectly match your website’s style without hassle. - Quickly add progress bars anywhere on your site using simple shortcodes, no coding needed. - Responsive design ensures your progress bars look great on all devices, giving visitors a smooth experience. [Learn More](https://wordpress.org/plugins/progress-bar-wp/) ## Which Progress Bar Plugin Should You Choose? When choosing a Progress Bar plugin, you should look for customization options, ease of use, and seamless Elementor integration. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Progress-Bar-demos.png) Progress Bar by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/progress-bar/#demos) stands out as the best pick, offering powerful features and smooth performance. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Progress Bar WordPress Plugins ### What is a progress bar plugin used for in WordPress? A progress bar plugin visually shows visitors how much of a task, post, or goal is completed, improving engagement and user experience on your site. ### Can I add a progress bar without coding skills? Yes! Many plugins, like Progress Bar by The Plus Addons for Elementor, let you add and customize progress bars easily without any coding knowledge. ### Are progress bar plugins compatible with all WordPress themes? Most top progress bar plugins work smoothly with popular themes, but it’s best to check compatibility or test on your site before fully implementing. ### Do progress bars affect my website’s loading speed? Good quality progress bar plugins are optimized to load quickly and won’t noticeably slow down your site when used properly. ### Why choose Progress Bar by The Plus Addons for Elementor? It’s beginner-friendly, requires no coding, and integrates smoothly with Elementor, letting you add and style the progress bar effortlessly. --- # 5 Best WordPress Google Maps Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-google-maps-plugins/ Struggling to help visitors find your business online? Without a clear, interactive map, potential customers might get lost or leave your site frustrated. Luckily, WordPress offers powerful Google Maps plugins that make embedding accurate, customizable maps effortless. In this article, you'll discover the best tools to showcase your location, boost user experience, and drive more foot traffic—all without technical headaches. ## Key Takeaways - Google Maps plugins enhance your WordPress site by adding interactive, customizable maps to improve user experience and location visibility. - This article reviews the top 5 WordPress Google Maps plugins, highlighting features, ease of use, and customization options. - Our top recommendation is Google Maps by The Plus Addons for Elementor as it's beginner-friendly, intuitive, and perfect for effortless map integration. ## What Does a Google Maps WordPress Plugin Help You With? A Google Maps WordPress plugin lets you easily add interactive or static maps to your site, enhancing location visibility for your visitors. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Google-Maps-demo-image.jpg) You can customize maps with markers, store locators, and search features without any coding. ## Best WordPress Google Maps Plugins Compared | Sl No | Google Maps Plugin | Rating | | ----- | ------------------ | ------ | | 1 | Google Maps by The Plus Addons for Elementor | ★★★★★ | | 2 | Maps Widget for Google Maps | ★★★★ | | 3 | MapPress Maps | ★★★ | | 4 | Easy Google Maps | ★★★ | | 5 | WP Go Maps | ★★★ | ### 1. Google Maps by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Google-Maps-widget.png) You can easily add customizable Google Maps to your WordPress site using The Plus Addons for Elementor. It lets you add multiple locations, choose map styles, and overlay content, all without any coding. #### Key Features of Google Maps by The Plus Addons for Elementor - Easily add interactive Google Maps to your website to help visitors find your location quickly. - Customize maps to match your site’s style, making your pages look professional and cohesive. - Enhance user experience with features like pins and hotspots that highlight important places. - Save time with simple drag-and-drop controls, no coding needed to set up your map. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Google-Maps-demos.png) Learn More](https://theplusaddons.com/elementor-widget/google-maps/#demos) Wait! That’s not it, Google Maps is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Maps Widget for Google Maps ![](https://theplusaddons.com/wp-content/uploads/2025/09/Maps-Widget-for-Google-Maps-WordPress-plugin.jpg) With the Maps Widget for Google Maps plugin, you can quickly add fast-loading, customizable Google Maps thumbnails and lightboxes to your WordPress site. It offers easy setup, multiple map styles, and PRO features like interactive maps and multiple pins to enhance your site’s location display. #### Key Features of Maps Widget for Google Maps - Quickly add a clean, professional Google Map with a thumbnail and lightbox to your site in just minutes, saving you time and hassle. - Loads maps fast using a single request, helping your website run smoothly without slowing down. - Easily customize map appearance with different sizes, colors, and pin styles to match your site’s look and feel. - Supports multiple pins and interactive maps (with PRO version), making it simple to showcase several locations clearly and attractively. [Learn More](https://wordpress.org/plugins/google-maps-widget/) ### 3. MapPress Maps ![](https://theplusaddons.com/wp-content/uploads/2025/09/MapPress-Maps-WordPress-plugin.jpg) You can easily add unlimited interactive Google and Leaflet maps to your WordPress site using MapPress. It offers simple map creation with customizable markers, search, filters, and clustering to enhance your maps' functionality. #### Key Features of MapPress Maps - Easily add unlimited interactive maps to your WordPress site to make locations clear and engaging for your visitors. - Quickly create and edit maps right inside your post editor with simple tools, saving you time and hassle. - Enhance your maps with features like custom icons, search, and filters to help users find places faster. - Improve user experience with responsive maps that look great on any device, keeping your site professional and user friendly. [Learn More](https://wordpress.org/plugins/mappress-google-maps-for-wordpress/) ### 4. Easy Google Maps ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Google-Maps-WordPress-plugin.jpg) You can easily create and customize Google Maps on your WordPress site using the Easy Google Maps plugin, adding unlimited markers with rich media like images and videos. It lets you embed maps via shortcode or widget, making it perfect for contact pages, routes, or showcasing multiple locations. #### Key Features of Easy Google Maps - Easily create and customize beautiful Google Maps to showcase your business location or points of interest, helping visitors find you quickly. - Add unlimited markers with rich descriptions including images, videos, and links to engage and inform your audience. - Display interactive maps with filterable marker categories and sliders, making it simple for users to explore multiple locations. - Use simple shortcodes to add maps anywhere on your site without any coding, saving you time and effort. [Learn More](https://wordpress.org/plugins/google-maps-easy/) ### 5. WP Go Maps ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Go-Maps-WordPress-plugin.jpg) You can easily add customized Google Maps or Open Layers maps to your WordPress posts and pages with the WP Go Maps plugin, no coding needed. It lets you create maps with unlimited markers, store locators, and advanced features like directions, categories, and custom marker icons. #### Key Features of WP Go Maps - Easily add customized, interactive Google Maps to your WordPress site without any coding, making your pages more engaging and informative. - Quickly create maps with unlimited markers to showcase multiple locations like stores, offices, or event venues, helping visitors find you easily. - Use built-in store locator and directions features so your visitors can quickly find the nearest location and get directions right from your site. - Enjoy responsive maps that look great on any device, ensuring a smooth and professional experience for all your visitors. [Learn More](https://wordpress.org/plugins/wp-google-maps/) ## Which Google Maps Plugin Should You Choose? When choosing a Google Maps plugin, look for ease of use, customization options, and seamless integration with your website. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Google-Maps-demos.png) You should pick Google Maps by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/google-maps/#demos) because it offers all these features with top-notch performance. Plus, The Plus Addons includes [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/), letting you build a fully functional website without any coding. ## FAQs on Google Maps WordPress Plugins ### Which Google Maps plugin is best for beginners? Google Maps by The Plus Addons for Elementor is ideal for beginners. It’s easy to use, requires no coding, and integrates smoothly with Elementor, making map creation fast and hassle-free. ### Can I add multiple locations on a single map? Yes, most Google Maps plugins let you add multiple markers. This helps showcase several business locations or points of interest on one interactive map. ### Do I need a Google Maps API key to use these plugins? Usually, yes. Most plugins require a Google Maps API key to function properly and avoid usage limits or errors. ### Are these plugins mobile-friendly? Absolutely. Good Google Maps plugins are responsive and work well on all screen sizes, ensuring visitors have a smooth experience on phones and tablets. ### Can I customize the map’s appearance? Yes, many plugins offer customization options like changing colors, zoom levels, and marker icons to match your site’s style perfectly. --- # 5 Best WordPress Flipbox Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-flipbox-plugins/ Struggling to make your website stand out and engage visitors? Flipbox plugins offer a dynamic way to showcase content with eye-catching animations that grab attention instantly. But with so many options available, finding the perfect plugin can feel overwhelming. In this article, we’ll explore the best WordPress flipbox plugins that combine style, ease of use, and powerful features to help your site shine and convert better. ## Key Takeaways - Flipboxes are interactive design elements that flip to reveal additional content, enhancing user engagement and making websites more dynamic. - This article reviews the top 5 WordPress flipbox plugins, highlighting their features, ease of use, and customization options. - Our top recommendation is Flipbox by The Plus Addons for Elementor, praised for its beginner-friendly interface and seamless integration with Elementor, making it ideal for users of all skill levels. ## What Does a Flipbox WordPress Plugin Help You With? The Flipbox WordPress plugin lets you create interactive boxes that flip to reveal hidden content, making your website more engaging. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Flipbox-demo-image.jpg) You can easily add these animated flip boxes without any coding. ## Best WordPress Flipbox Plugins Compared | Sl No | Flipbox Plugin | Rating | | ----- | -------------- | ------ | | 1 | Flipbox by The Plus Addons for Elementor | ★★★★★ | | 2 | Flipbox | ★★★★ | | 3 | Flipbox | ★★★ | | 4 | Flip Cards Module For Divi | ★★★ | | 5 | Cool Flipbox | ★★★ | ### 1. Flipbox by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Flipbox-widget.png) You can create unique, interactive 3D flip boxes with The Plus Addons for Elementor, featuring customizable horizontal, vertical, and carousel layouts. This plugin helps you add engaging hover effects to make your website stand out. #### Key Features of Flipbox by The Plus Addons for Elementor - Make your website more engaging by adding interactive flipboxes that catch visitors' attention. - Easily showcase important info or offers on both sides of the flipbox, maximizing space and clarity. - Improve user experience with smooth hover animations that make your content feel dynamic and modern. - Boost conversions by highlighting key messages or calls-to-action in a stylish and eye-catching way. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Flipbox-demos.png) Learn More](https://theplusaddons.com/elementor-widget/flipbox/#demos) Wait! That’s not it, Flipbox is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Flipbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Flipbox-WordPress-plugin.jpg) You can use the Flipbox, Awesome's Flip Boxes Image Overlay plugin to create stunning, fully customizable flip boxes with cool CSS3 animations for your WordPress site. It offers 28 unique templates, over 120 effects, and seamless integration with Visual Composer to make your images and content more interactive and professional. #### Key Features of Flipbox - Easily create eye-catching flip boxes that engage visitors and make your website look professional. - Customize colors, fonts, and animations to match your brand and attract more attention to your content. - Responsive design ensures your flip boxes look great on all devices, including phones and tablets. - Simple drag-and-drop and live editing let you build and update flip boxes quickly without any coding skills. [Learn More](https://wordpress.org/plugins/image-hover-effects-ultimate-visual-composer/) ### 3. Flipbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Flipbox-WPD-WordPress-plugin.jpg) The Flipbox plugin lets you create interactive flip boxes easily within the Gutenberg editor to engage your visitors with smooth flipping effects. You can fully customize styles, animations, and content to make your website more dynamic and visually appealing. #### Key Features of Flipbox - Makes your website more engaging by letting visitors flip boxes to reveal hidden content in a fun and interactive way. - Easy to customize so you can match the flip boxes to your site’s style without any hassle. - Loads quickly and won’t slow down your website, ensuring a smooth experience for your visitors. - Comes with helpful support and regular updates to keep everything running smoothly and fix any issues fast. [Learn More](https://wordpress.org/plugins/flipbox/) ### 4. Flip Cards Module For Divi ![](https://theplusaddons.com/wp-content/uploads/2025/09/Flip-Cards-Module-For-Divi-WordPress-plugin.jpg) You can add engaging flip cards anywhere in your Divi layouts with this plugin, customizing flip direction, 3D effects, text, images, and buttons. It fully supports the Visual Builder, letting you create interactive and visually appealing cards effortlessly. #### Key Features of Flip Cards Module For Divi - Easily create eye-catching flip cards in your Divi layouts to engage visitors and make your site more interactive. - Customize flip animations and 3D effects to add smooth, professional-looking visual interest that grabs attention. - Add buttons and links on the back of cards to encourage user actions like clicking through to offers or more info. - Fully personalize text, icons, fonts, and colors so your flip cards perfectly match your website’s style and branding. [Learn More](https://wordpress.org/plugins/flip-cards-module-divi/) ### 5. Cool Flipbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Cool-Flipbox-WordPress-plugin.jpg) The Cool Flipbox plugin lets you easily create interactive flip boxes within Gutenberg to showcase your content in a visually engaging way. You can fully customize both sides of the boxes, add icons, images, buttons, and links to make your website more dynamic and user-friendly. #### Key Features of Cool Flipbox - Make your website more engaging by adding interactive flip boxes that reveal extra information when visitors hover or click. - Easily showcase your team, products, or important info in a stylish, eye-catching way that grabs attention. - Customize colors, icons, images, and layout to match your website’s look and feel perfectly without any hassle. - Quickly add flip boxes anywhere on your site using simple blocks or shortcodes, saving you time and effort. [Learn More](https://wordpress.org/plugins/flip-boxes/) ## Which Flipbox Plugin Should You Choose? When choosing a Flipbox plugin, you should look for smooth animations, easy customization, and seamless integration with your page builder. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Flipbox-demos.png) Flipbox by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/flipbox/#demos) stands out as the best pick for delivering all these features effortlessly. Plus, The Plus Addons offers [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/), letting you build a fully functional website without writing a single line of code. ## FAQs on Flipbox WordPress Plugins ### What is a Flipbox plugin and why should I use it? A Flipbox plugin creates interactive flip animations on your site, making content engaging and visually appealing. It’s perfect for showcasing features, services, or team members in a dynamic way. ### Can I use Flipbox plugins without coding skills? Yes! Many Flipbox plugins, like Flipbox by The Plus Addons for Elementor, are beginner friendly and require no coding, allowing you to design stylish flip effects with simple drag-and-drop interfaces. ### Which Flipbox plugin is best for Elementor users? Flipbox by The Plus Addons for Elementor is the best choice. It’s easy to use, beginner-friendly, and offers extensive customization without coding, making it ideal for Elementor-based websites. ### Are Flipbox plugins mobile-friendly? Most Flipbox plugins are fully responsive and optimized for mobile devices, ensuring your flip animations look great and work smoothly on smartphones and tablets. ### Can I customize the flip animation styles? Absolutely! Flipbox plugins usually offer various flip directions, animation speeds, and styling options so you can tailor the flip effect to match your website’s design perfectly. --- # 5 Best WordPress Login Form Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-login-form-plugins/ Struggling with a dull or insecure WordPress login page can frustrate both you and your users. A plain login form not only harms user experience but also leaves your site vulnerable to attacks. Fortunately, the right WordPress login form plugin can transform this critical gateway—making it secure, user-friendly, and visually appealing. In this article, we’ll explore the best plugins that help you customize and protect your login page effortlessly, ensuring your site welcomes visitors with style and safety. ## Key Takeaways - A WordPress login form plugin enhances site security and user experience by customizing and protecting the login process. - This article reviews the top 5 WordPress login form plugins, highlighting their features and benefits for various needs. - We recommend Login Form by The Plus Addons for Elementor for its beginner-friendly interface and ease of use, making it ideal for users of all skill levels. ## What Does a Login Form WordPress Plugin Help You With? A Login Form WordPress Plugin lets you easily add and customize login forms on your site, enhancing user experience and security. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Login-Form-demo-image.jpg) You control how users access your site with simple, flexible login options. ## Best WordPress Login Form Plugins Compared | Sl No | Login Form Plugin | Rating | | ----- | ----------------- | ------ | | 1 | Login Form by The Plus Addons for Elementor | ★★★★★ | | 2 | Theme My Login | ★★★★ | | 3 | CM Registration | ★★★ | | 4 | Custom Login Page Customizer | ★★★ | | 5 | Custom Login Page Customizer | ★★★ | ### 1. Login Form by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Login-Form-widget.png) You can easily create and customize login forms with The Plus Addons for Elementor plugin, adding popups, bars, and user panels without any coding. It also offers smooth integration with hover effects and user profile options. #### Key Features of Login Form by The Plus Addons for Elementor - Easily create custom login forms that match your website’s style, making sign-in simple and seamless for your visitors. - Boost user engagement by offering smooth login and registration options directly on your pages without extra steps. - Save time with ready-to-use templates and widgets that let you set up functional login forms quickly, no coding needed. - Enhance user experience by allowing easy access to account pages and personalized content right after login. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Login-Form-demos.png) Learn More](https://theplusaddons.com/elementor-widget/login-form/#demos) Wait! That’s not it, Login Form is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Theme My Login ![](https://theplusaddons.com/wp-content/uploads/2025/09/Theme-My-Login-WordPress-plugin.jpg) Theme My Login lets you customize your WordPress login, registration, and password recovery pages to match your site's theme seamlessly. You can manage user logins right from your frontend without any complex setup. #### Key Features of Theme My Login - Makes your WordPress login, registration, and password recovery pages match your website’s look for a seamless user experience. - Lets users register, log in, and recover passwords directly from your site’s frontend, making it easier and more convenient. - Offers flexible login options, allowing users to log in with either their username, email, or both for added convenience. - Includes handy add-ons like user role-based redirects and content restrictions to improve site management and user flow. [Learn More](https://wordpress.org/plugins/theme-my-login/) ### 3. CM Registration ![](https://theplusaddons.com/wp-content/uploads/2025/09/CM-Registration-WordPress-plugin.jpg) The CM Registration plugin lets you create seamless login and invitation-based user registrations with AJAX-powered forms and invitation codes. You can also customize registration fields, set user roles, and integrate payment and social login features. #### Key Features of CM Registration - Simplifies login registration by allowing sign-ups only with invitation codes, helping you control who joins your site. - Lets users log in and register without leaving the current page, making the process quick and seamless. - Enables you to set user roles automatically during registration, saving time on manual user management. - Provides email verification and limited-use codes to enhance security and prevent unauthorized access. [Learn More](https://wordpress.org/plugins/cm-invitation-codes/) ### 4. Custom Login Page Customizer ![](https://theplusaddons.com/wp-content/uploads/2025/09/Custom-Login-Page-Customizer-WordPress-plugin.jpg) The Login Customizer plugin lets you easily personalize your WordPress login page by changing logos, backgrounds, colors, and fonts without any coding. You can preview your changes live and create a professional, branded login experience that works on all devices. #### Key Features of Custom Login Page Customizer - Easily create a professional and branded login page that matches your website’s look, making your site feel more trustworthy to users. - Improve your users’ experience with a visually appealing and customized login screen that’s simple and welcoming. - Save time and effort with a user-friendly interface that requires no coding skills to customize your login page. - Ensure your login page looks great on all devices, so users can log in smoothly from desktops, tablets, or smartphones. [Learn More](https://wordpress.org/plugins/login-customizer/) ### 5. Custom Login Page Customizer ![](https://theplusaddons.com/wp-content/uploads/2025/09/Custom-Login-Page-Customizer-WordPress-plugin-1.jpg) With the Custom Login Page Customizer by Colorlib, you can easily personalize your WordPress login page and form in real time using the Live Customizer. It lets you customize logos, backgrounds, form styles, buttons, and more to create a unique login experience. #### Key Features of Custom Login Page Customizer - Easily create a unique and professional login page that matches your website’s style, making your site look more polished and trustworthy. - See all your design changes live in real-time, so you can customize your login page quickly without guessing how it will look. - Customize every part of the login form, from logos to colors and buttons, giving your users a more enjoyable and branded login experience. - Simple and user-friendly for both beginners and advanced users, saving you time and hassle when personalizing your WordPress login page. [Learn More](https://wordpress.org/plugins/colorlib-login-customizer/) ## Which Login Form Plugin Should You Choose? When choosing a login form plugin, you need strong security, easy customization, and seamless user experience. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Login-Form-demos.png) Login Form by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/login-form/#demos) stands out as the best pick, delivering all these features with unmatched flexibility. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Login Form WordPress Plugins ### Which WordPress login form plugin is best for beginners? Login Form by The Plus Addons for Elementor is perfect for beginners. It’s easy to use, requires no coding, and integrates smoothly with Elementor to create custom login forms quickly. ### Can I customize the login form without coding? Yes, many plugins offer drag-and-drop builders and pre-made templates, letting you customize login forms without touching code. ### Are WordPress login form plugins secure? Most top plugins include security features like CAPTCHA, two-factor authentication, and login attempt limits to protect your site from unauthorized access. ### Can I add social login options to my WordPress login form? Absolutely! Many plugins support social logins, allowing users to sign in via Google, Facebook, or Twitter for a faster login experience. ### Do login form plugins work with membership sites? Yes, they integrate well with membership and e-commerce plugins, helping manage user access and improving the overall login experience. --- # 5 Best WordPress Preloader Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-preloader-plugins/ Struggling with slow-loading WordPress sites that drive visitors away before your content even appears? A seamless user experience starts with a smooth loading process, and that’s where preloader plugins come in. They keep visitors engaged with captivating animations while your site loads in the background. In this article, we’ll explore the best WordPress preloader plugins that not only enhance your site’s performance but also leave a lasting first impression on your audience. ## Key Takeaways - Preloader plugins enhance user experience by displaying engaging animations while your WordPress site loads, reducing bounce rates. - This article highlights the top 5 WordPress preloader plugins, comparing features, ease of use, and customization options. - Our top recommendation is The Plus Addons for Elementor preloader, ideal for beginners due to its user-friendly interface and seamless integration. ## What Does a Preloader WordPress Plugin Help You With? A Preloader WordPress plugin shows an animated loading screen while your site’s content loads, keeping visitors engaged. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Preloader-demo-image.jpg) You use it to improve user experience by reducing perceived wait times and making your site look more professional. ## Best WordPress Preloader Plugins Compared | Sl No | Preloader Plugin | Rating | | ----- | ---------------- | ------ | | 1 | Preloader by The Plus Addons for Elementor | ★★★★★ | | 2 | WP Smart Preloader | ★★★★ | | 3 | BH Custom CSS3 Preloader | ★★★ | | 4 | Preloader for Website | ★★★ | | 5 | Preloader | ★★★ | ### 1. Preloader by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Preloader-widget.png) The Plus Addons plugin lets you add eye-catching preloader animations and smooth page transition effects to your Elementor site. You can create preloaders using images, GIFs, videos, or Lottie files to keep visitors engaged while pages load. #### Key Features of Preloader by The Plus Addons for Elementor - Enhances your website’s user experience by showing smooth and attractive loading animations while pages load. - Keeps visitors engaged and reduces bounce rates with eye-catching page transitions between different sections. - Allows easy customization of preloaders with images, text, GIFs, or progress bars to match your brand style. - Helps your site look professional and polished with seamless animations that improve overall site appeal. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Preloader-demos.png) Learn More](https://theplusaddons.com/elementor-widget/preloader-and-page-transition/#demos) Wait! That’s not it, Preloader is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. WP Smart Preloader ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Smart-Preloader-WordPress-plugin.jpg) WP Smart Preloader lets you add simple, customizable CSS spinners and throbbers to your WordPress site, giving your visitors clear visual feedback while content loads. You can easily activate it and tweak settings without any coding. #### Key Features of WP Smart Preloader - Provides a smooth visual loading spinner that keeps visitors engaged while your site content loads, reducing the chance they leave early. - Fully customizable and responsive, so the preloader looks great on any device without extra coding needed. - Easy to set up and use, just activate the plugin and choose your preferred settings to get started quickly. - Helps improve user experience by managing expectations during page load, making your site feel faster and more professional. [Learn More](https://wordpress.org/plugins/wp-smart-preloader/) ### 3. BH Custom CSS3 Preloader ![](https://theplusaddons.com/wp-content/uploads/2025/09/BH-Custom-CSS3-Preloader-WordPress-plugin.jpg) The BH Custom Preloader plugin lets you easily add stylish, fully customizable preloaders to your WordPress site, enhancing user experience while your content loads. You can choose from multiple CSS3 animations or upload your own images, all adjustable through a simple settings panel without coding. #### Key Features of BH Custom CSS3 Preloader - Enhances your website’s user experience by showing attractive loading animations, making visitors more engaged while content loads. - Helps reduce bounce rates by keeping visitors entertained during page load times, encouraging them to stay longer. - Offers easy customization of preloaders (colors, styles, images) so your site looks professional and matches your brand effortlessly. - Simple setup and control through an intuitive settings panel, no coding needed, perfect for beginners and developers alike.Simple setup and control through an intuitive settings panel, no coding needed, perfect for beginners and developers alike. [Learn More](https://wordpress.org/plugins/bh-custom-preloader/) ### 4. Preloader for Website ![](https://theplusaddons.com/wp-content/uploads/2025/09/Preloader-for-Website-WordPress-plugin.jpg) You can easily add an animated loading screen to your site with the lightweight "Preloader for Website" plugin. Just activate it, choose your spinner, and enhance your visitors' experience smoothly. #### Key Features of Preloader for Website - Adds an attractive animated loading screen that keeps visitors engaged while your site loads. - Easy to set up and use, just activate and enable the preloader without any complicated steps. - Works smoothly on all devices and browsers, ensuring a consistent experience for every visitor. - Lightweight and fast, so it won’t slow down your website’s performance. [Learn More](https://wordpress.org/plugins/preloader-for-website/) ### 5. Preloader ![](https://theplusaddons.com/wp-content/uploads/2025/09/Preloader-Alobaidi-WordPress-plugin.jpg) You can easily add a smart, flexible preloader to your WordPress site in just 3 steps with the Preloader plugin. It lets you customize the preloader’s image, size, display location, and who sees it, all while being lightweight and compatible with any theme. #### Key Features of Preloader - Easily add a stylish loading screen to your website in just a few simple steps, improving visitor experience while your pages load. - Customize the preloader’s look and where it appears on your site, so it fits perfectly with your brand and content. - Works smoothly with any WordPress theme and major browsers, ensuring consistent performance without extra hassle. - Lightweight and fast, so it won’t slow down your site while making it look more professional and polished. [Learn More](https://wordpress.org/plugins/the-preloader/) ## Which Preloader Plugin Should You Choose? When choosing a preloader plugin, you should look for smooth animations, easy customization, and fast performance to keep your visitors engaged. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Preloader-demos.png) Preloader by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/preloader-and-page-transition/#demos) stands out as the best pick, offering seamless integration and versatile design options. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Preloader WordPress Plugins ### What is a WordPress preloader plugin? A preloader plugin shows a loading animation before your site fully loads, improving user experience by reducing perceived wait time and preventing visitors from seeing unstyled content. ### Do preloader plugins affect website speed? Preloader plugins add a brief loading screen but don’t slow down your actual site speed. When used right, they help mask loading delays without impacting performance. ### Can I customize the preloader animation? Yes, most preloader plugins let you customize animations, colors, and styles to match your brand, giving your site a polished, professional look. ### Is Preloader by The Plus Addons for Elementor beginner-friendly? Absolutely! Preloader by The Plus Addons is perfect for beginners. It requires no coding, integrates smoothly with Elementor, and offers easy customization to get your preloader up fast. ### Will a preloader plugin work on all devices? Most preloader plugins are responsive and work well on desktops, tablets, and smartphones, ensuring a consistent loading experience across all devices. --- # 5 Best WordPress Dark Mode Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-dark-mode-plugins/ Straining your eyes on bright screens is a common frustration, especially during long hours online. Many website visitors now prefer dark mode for its soothing effect and modern look, but adding it to WordPress can feel complicated. Luckily, there are powerful dark mode plugins designed to make this effortless, enhancing user experience without slowing your site down. In this article, we’ll explore the best WordPress dark mode plugins that bring comfort and style to your website, helping you keep visitors engaged and reduce eye fatigue naturally. ## Key Takeaways - Dark Mode enhances user experience by reducing eye strain and improving readability, making your WordPress site more modern and accessible. - This article reviews the top 5 WordPress dark mode plugins, highlighting their features, ease of use, and customization options. - Our top recommendation is The Plus Addons for Elementor for its beginner-friendly interface and seamless integration, ideal for easy implementation of dark mode. ## What Does a Dark Mode WordPress Plugin Help You With? A Dark Mode WordPress Plugin lets you easily switch your website or admin dashboard to a darker color scheme, reducing eye strain and enhancing user experience. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Dark-Mode-demo-image.jpg) You can enable it with just a few clicks to give your site a modern, sleek look. ## Best WordPress Dark Mode Plugins Compared | Sl No | Dark Mode Plugin | Rating | | ----- | ---------------- | ------ | | 1 | Dark Mode by The Plus Addons for Elementor | ★★★★★ | | 2 | WP Dark Mode | ★★★★ | | 3 | Dracula Dark Mode | ★★★ | | 4 | Darklup | ★★★ | | 5 | DarkMySite | ★★★ | ### 1. Dark Mode by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Dark-Mode-widget.png) You can easily add a stylish dark mode to your WordPress site using The Plus Addons Dark Mode Switcher for Elementor. It lets you customize multiple styles and seamlessly match your users' operating system themes for a smooth experience. #### Key Features of Dark Mode by The Plus Addons for Elementor - Easily add a dark mode switcher to your website, giving visitors a comfortable viewing option in low-light environments. - Enhance user experience by allowing visitors to toggle between light and dark themes effortlessly. - Improve website accessibility and reduce eye strain for users who prefer darker screens. - Boost your site’s modern look and feel, making it more appealing and trendy to your audience. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Dark-Mode-demos.png) Learn More](https://theplusaddons.com/elementor-widget/dark-mode-switcher/#demos) Wait! That’s not it, Dark Mode is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. WP Dark Mode ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Dark-Mode-WordPress-plugin.jpg) WP Dark Mode lets you instantly add a seamless dark mode to your WordPress site, matching your visitors' system preferences. You can easily toggle dark mode with floating switches, schedule it, and customize colors, all without any coding. #### Key Features of WP Dark Mode - Makes your website easier on the eyes by instantly adding a dark mode that adapts to your visitors’ device settings. - Lets visitors easily switch between dark and light modes with customizable toggle buttons placed anywhere on your site. - Helps reduce eye strain for both your site visitors and you by enabling dark mode in the WordPress admin dashboard. - Improves user experience with options like scheduling dark mode, remembering visitor preferences, and tracking dark mode usage. [Learn More](https://wordpress.org/plugins/wp-dark-mode/) ### 3. Dracula Dark Mode ![](https://theplusaddons.com/wp-content/uploads/2025/09/Dracula-Dark-Mode-WordPress-plugin.jpg) Dracula Dark Mode lets you effortlessly add a sleek, customizable dark theme to your WordPress site, reducing eye strain for your visitors. You can easily toggle dark mode, customize colors, and even schedule it based on time or user preferences. #### Key Features of Dracula Dark Mode - Makes your website easier on the eyes by adding a smooth dark mode that reduces eye strain for visitors. - Lets visitors easily switch between light and dark modes with a handy toggle button placed anywhere you want. - Automatically matches your site’s dark mode to the user’s device settings for a seamless browsing experience. - Gives you full control to customize colors, button styles, and when dark mode turns on, so your site looks just right. [Learn More](https://wordpress.org/plugins/dracula-dark-mode/) ### 4. Darklup ![](https://theplusaddons.com/wp-content/uploads/2025/09/Darklup-WordPress-plugin.jpg) You can easily add an eye-friendly dark mode to your WordPress site with Darklup, reducing eye strain and enhancing user experience. The plugin offers flexible customization, including color presets, switch styles, and time-based activation, all without any coding. #### Key Features of Darklup - Protect your eyes by reducing harmful blue light and bright screen glare, making reading on your website easier and more comfortable. - Automatically create a beautiful dark mode look for your site without any hassle, improving visitor experience and keeping them engaged longer. - Customize the dark mode switch button and colors easily, so your site matches your brand and looks great day and night. - Enable dark mode for both your website visitors and your WordPress admin panel, reducing eye strain for you and your users. [Learn More](https://wordpress.org/plugins/darklup-lite-wp-dark-mode/) ### 5. DarkMySite ![](https://theplusaddons.com/wp-content/uploads/2025/09/DarkMySite-WordPress-plugin.jpg) DarkMySite lets you effortlessly add a sleek, customizable dark mode to your WordPress site, reducing eye strain for your visitors. You can easily toggle dark mode, customize switches, and even set it to follow users' device settings for a seamless experience. #### Key Features of DarkMySite - Easily add a stylish dark mode to your website to reduce eye strain and improve user comfort. - Automatically match dark mode to visitors' device or local time for a seamless browsing experience. - Customize the dark mode switch and colors to perfectly fit your website’s look and brand. - Works smoothly with popular page builders and all themes, so it fits any WordPress site without hassle. [Learn More](https://wordpress.org/plugins/darkmysite/) ## Which Dark Mode Plugin Should You Choose? When choosing a dark mode plugin, focus on ease of use, seamless compatibility, and customizable design options. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Dark-Mode-demos.png) Dark Mode by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/dark-mode-switcher/#demos) stands out as the best pick for delivering a smooth, stylish dark mode experience. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), you can build a fully functional, code-free website all in one powerful package. ## FAQs on Dark Mode WordPress Plugins ### What is a dark mode plugin for WordPress? A dark mode plugin lets you add a dark color scheme to your site, improving readability in low light and reducing eye strain for visitors. ### Do dark mode plugins work with all WordPress themes? Most plugins support popular themes, but compatibility varies. Check the plugin details to ensure it works well with your theme and page builder. ### Can visitors switch between dark and light modes? Yes, many plugins include a toggle switch so users can easily switch between dark and light modes anytime. ### Will dark mode affect my site’s performance? Good dark mode plugins are lightweight and optimized, so they won’t slow down your site noticeably. ### Why choose Dark Mode by The Plus Addons for Elementor? It’s beginner-friendly, requires no coding, and integrates seamlessly with Elementor, making it the easiest way to add dark mode to your site. --- # 5 Best WordPress Table of Contents Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-table-of-contents-plugins/ Struggling to keep your readers engaged as they scroll through lengthy WordPress posts? Without a clear roadmap, visitors can quickly lose interest or miss key points. A well-structured table of contents not only guides your audience but also boosts your SEO and site usability. In this article, we’ll explore the best WordPress table of contents plugins that make organizing content effortless and enhance the overall reading experience. ## Key Takeaways - A Table of Contents (ToC) enhances website navigation, improves user experience, and boosts SEO by organizing long-form content into clickable sections. - This article reviews the top 5 WordPress Table of Contents plugins, highlighting features like auto-generation, customization, and compatibility. - We recommend Table of Contents by The Plus Addons for Elementor for its beginner-friendly interface, ease of use, and seamless integration with Elementor. ## What Does a Table of Contents WordPress Plugin Help You With? A Table of Contents WordPress plugin automatically creates a clickable outline of your post or page headings, making it easy for your readers to navigate your content. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Table-of-Contents-demo-image.jpg) You can customize its appearance and placement to enhance user experience and boost SEO. ## Best WordPress Table of Contents Plugins Compared | Sl No | Table of Contents Plugin | Rating | | ----- | ------------------------ | ------ | | 1 | Table of Contents by The Plus Addons for Elementor | ★★★★★ | | 2 | CM Table Of Contents | ★★★★ | | 3 | Joli Table Of Contents | ★★★ | | 4 | SimpleTOC | ★★★ | | 5 | Heroic Table of Contents | ★★★ | ### 1. Table of Contents by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Table-of-Contents-widget.png) You can use the Elementor Table of Contents widget from The Plus Addons to help your site visitors quickly find what they want with customizable styles, titles, and icons. It improves navigation by offering smooth scroll, toggle, and fixed position options. #### Key Features of Table of Contents by The Plus Addons for Elementor - Helps visitors quickly find the information they need by organizing content with an easy-to-navigate table of contents. - Improves website navigation with smooth scrolling and toggle options, making browsing more enjoyable. - Lets you customize titles and icons to match your site’s style, creating a professional and cohesive look. - Keeps the table of contents visible with fixed positioning, so users can always jump to different sections easily. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Table-of-Contents-demos.png) Learn More](https://theplusaddons.com/elementor-widget/table-of-contents/#demos) Wait! That’s not it, Table of Contents is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. CM Table Of Contents ![](https://theplusaddons.com/wp-content/uploads/2025/09/CM-Table-Of-Contents-WordPress-plugin.jpg) The CM Table of Contents plugin helps you easily create a customizable table of contents for any WordPress page or post, improving navigation and content organization. You can style it, add multiple TOCs, and even use a floating widget for better user experience. #### Key Features of CM Table Of Contents - Helps visitors easily find and navigate different sections of your content, improving their reading experience. - Automatically creates a clear, organized table of contents on any page or post, saving you time. - Lets you customize the look and placement of your table of contents to match your website’s style. - Supports multiple tables of contents per page and floating navigation, making long articles easier to explore. [Learn More](https://wordpress.org/plugins/cm-table-of-content/) ### 3. Joli Table Of Contents ![](https://theplusaddons.com/wp-content/uploads/2025/09/Joli-Table-Of-Contents-WordPress-plugin.jpg) Joli Table Of Contents lets you easily add a fully customizable, fast, and user-friendly table of contents to your WordPress site. You can auto-insert it, use a Gutenberg block, or shortcode to improve navigation and user experience. #### Key Features of Joli Table Of Contents - Makes navigating long articles easy by automatically creating a clear and customizable table of contents. - Improves user experience with a floating or slide-out table of contents that stays visible as readers scroll. - Saves time by allowing automatic insertion of the table of contents on posts, pages, or custom content types without manual work. - Helps keep your site looking professional with multiple style options and full control over appearance to match your design. [Learn More](https://wordpress.org/plugins/joli-table-of-contents/) ### 4. SimpleTOC ![](https://theplusaddons.com/wp-content/uploads/2025/09/SimpleTOC-WordPress-plugin.jpg) The SimpleTOC plugin lets you easily add a customizable Table of Contents block to your WordPress posts and pages, helping your readers navigate your content. You simply add the block in Gutenberg, configure options like depth and style, and it works seamlessly without adding extra CSS or JavaScript. #### Key Features of SimpleTOC - Easily add a clear, clickable Table of Contents to your posts and pages, helping readers quickly find the information they need. - Improves user experience by making long content more organized and easier to navigate. - Accessible design ensures all visitors, including those using assistive technologies, can benefit from the Table of Contents. - Customizable styling and settings let you match the Table of Contents to your site’s look without extra coding. [Learn More](https://wordpress.org/plugins/simpletoc/) ### 5. Heroic Table of Contents ![](https://theplusaddons.com/wp-content/uploads/2025/09/Heroic-Table-of-Contents-WordPress-plugin.jpg) You can quickly add a customizable Table of Contents to your WordPress pages using the Heroic Table of Contents plugin, which automatically detects headings and offers 4 stylish display options. It’s mobile-friendly, SEO-optimized, and works seamlessly with any theme. #### Key Features of Heroic Table of Contents - Quickly create a clear, easy-to-navigate Table of Contents that helps your readers find information faster. - Choose from several stylish designs to match your site’s look without extra effort. - Easily customize which headings show up, and hide or rename them without changing your original content. - Make long posts simpler to browse with an expandable Table of Contents that works smoothly on all devices. [Learn More](https://wordpress.org/plugins/heroic-table-of-contents/) ## Which Table of Contents Plugin Should You Choose? When choosing a Table of Contents plugin, look for easy customization, smooth navigation, and seamless compatibility with your theme. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Table-of-Contents-demos.png) You should pick Table of Contents by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/table-of-contents/#demos) because it offers all these features with top-notch performance. Plus, The Plus Addons gives you [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/), letting you build a fully functional website without writing a single line of code. ## FAQs on Table of Contents WordPress Plugins ### What is a Table of Contents plugin and why do I need one? A Table of Contents plugin automatically creates a clickable outline for your posts, improving navigation and user experience. It helps readers find information quickly and boosts SEO by organizing your content clearly. ### Can I customize the look of my Table of Contents? Yes! Most plugins let you customize fonts, colors, and styles to match your site’s design. You can choose where to place it and which headings to include for a seamless fit. ### Will a Table of Contents plugin slow down my website? No, reputable plugins are optimized for speed and won’t noticeably affect your site’s performance. Just pick a well-coded plugin and keep it updated to avoid issues. ### Is coding knowledge required to add a Table of Contents? Not at all. Many plugins, like Table of Contents by The Plus Addons for Elementor, are beginner-friendly and require zero coding. You just install, activate, and customize through an easy interface. ### How do I decide which Table of Contents plugin is best for me? Look for ease of use, customization options, and compatibility with your theme or page builder. If you want no hassle, Table of Contents by The Plus Addons for Elementor is a top pick for beginners. --- # 5 Best WordPress Video Player Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-video-player-plugins-for-elementor/ Struggling to find a reliable video player that fits seamlessly into your WordPress site? Poor video playback or clunky interfaces can drive visitors away and hurt engagement. Fortunately, the right video player plugin transforms your site’s media experience, making videos load smoothly and look professional. In this article, we’ll explore the best WordPress video player plugins that combine ease of use, customization, and performance, helping you captivate your audience without technical headaches. ## Key Takeaways - Video players are essential WordPress plugins that enable seamless embedding, customization, and playback of videos to boost user engagement on your site. - This article reviews the top 5 WordPress video player plugins, highlighting features, ease of use, and customization options. - Our top recommendation is the Video Player by The Plus Addons for Elementor, praised for its beginner-friendly interface and effortless integration. ## What Does a Video Player WordPress Plugin Help You With? A Video Player WordPress Plugin lets you easily embed and customize videos on your website for a seamless viewing experience. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Video-Player-demo-image.jpg) You control how your videos look, play, and engage visitors without any coding. ## Best WordPress Video Player Plugins Compared | Sl No | Video Player Plugin | Rating | | ----- | ------------------- | ------ | | 1 | Video Player by The Plus Addons for Elementor | ★★★★★ | | 2 | All-in-One Video Gallery | ★★★★ | | 3 | Videopack | ★★★ | | 4 | Easy Video Player | ★★★ | | 5 | HTML5 Video Player | ★★★ | ### 1. Video Player by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Video-Player-widget.png) With The Plus Addons Video Player widget for Elementor, you can easily embed YouTube, Vimeo, or self-hosted videos on your site and customize them without any coding. You also get SEO optimization with Schema Markup to make your videos stand out. #### Key Features of Video Player by The Plus Addons for Elementor - Easily add and customize video players on your website to engage visitors with rich media content. - Support for multiple video sources ensures your videos play smoothly across all devices. - Enhance user experience with stylish controls and interactive features that keep viewers interested. - Save time with simple setup and flexible design options that fit seamlessly into any webpage. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Video-Player-demos.png) Learn More](https://theplusaddons.com/elementor-widget/video-player/#demos) Wait! That’s not it, Video Player is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. All-in-One Video Gallery ![](https://theplusaddons.com/wp-content/uploads/2025/09/All-in-One-Video-Gallery-WordPress-plugin.jpg) The All-in-One Video Gallery plugin lets you easily add and manage SEO-optimized, searchable video galleries on your WordPress site without coding. You can customize layouts, restrict video access, and integrate with services like Bunny Stream for secure video hosting. #### Key Features of All-in-One Video Gallery - Easily create and manage beautiful video galleries on your website without any coding skills. - Improve your site’s SEO and video visibility with built-in video SEO features and schema markup. - Control who can watch your videos by restricting access based on user roles or login status. - Enhance visitor engagement with customizable video players, social sharing, likes/dislikes, and user playlists. [Learn More](https://wordpress.org/plugins/all-in-one-video-gallery/) ### 3. Videopack ![](https://theplusaddons.com/wp-content/uploads/2025/09/Videopack-WordPress-plugin.jpg) The Videopack plugin lets you easily create responsive video players, generate thumbnails, and manage multiple resolutions for videos uploaded to your WordPress Media Library. If you have FFMPEG installed on your server, you can also automatically encode videos and create thumbnails directly from your videos. #### Key Features of Videopack - Easily create and add video thumbnails to your WordPress posts, making your videos more attractive and clickable. - Automatically generate multiple video resolutions for smooth playback on different devices, improving viewer experience. - Build responsive video galleries and popups to showcase your videos in a clean, professional way without extra effort. - Add customizable watermarks to protect your video content and maintain your brand visibility. [Learn More](https://wordpress.org/plugins/video-embed-thumbnail-generator/) ### 4. Easy Video Player ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Video-Player-WordPress-plugin.jpg) Easy Video Player lets you easily embed self-hosted or externally hosted videos on your WordPress site using simple shortcodes. You can customize playback options like autoplay, loop, size, and aspect ratio to enhance your visitors' viewing experience. #### Key Features of Easy Video Player - Easily showcase your videos on your WordPress site, whether they are hosted by you or from external sources. - Provide a smooth, responsive viewing experience that works well on mobile devices. - Customize video playback with options like autoplay, looping, and size control to engage your visitors better. - Protect your videos with features like disabling right-click to prevent unauthorized downloads. [Learn More](https://wordpress.org/plugins/easy-video-player/) ### 5. HTML5 Video Player ![](https://theplusaddons.com/wp-content/uploads/2025/09/HTML5-Video-Player-WordPress-plugin.jpg) You can easily embed responsive videos on your WordPress site using the HTML5 Video Player plugin, which supports multiple formats like MP4, WebM, and more. It offers no-code embedding with shortcodes or Gutenberg blocks, plus customizable controls and responsive design to match your site perfectly. #### Key Features of HTML5 Video Player - Easily add videos to your WordPress site without any coding, making your content more engaging. - Works smoothly on all devices and browsers, so your visitors can watch videos anytime, anywhere. - Customize the look and controls of your video player to match your website’s style and brand. - Advanced options like autoplay, subtitles, and quality control improve the viewer’s experience and accessibility. [Learn More](https://wordpress.org/plugins/html5-video-player/) ## Which Video Player Plugin Should You Choose? When choosing a video player plugin, you need features like seamless playback, customization options, and responsive design. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Video-Player-demos.png) Video Player by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/video-player/#demos) stands out as the best pick, offering all these essentials with ease. Plus, The Plus Addons gives you [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/) to build a fully functional website without any coding. ## FAQs on Video Player WordPress Plugins ### Which WordPress video player plugin is best for beginners? Video Player by The Plus Addons for Elementor is perfect for beginners. It’s easy to use, requires no coding, and integrates seamlessly with Elementor, letting you add videos quickly with full customization. ### Can I add subtitles and captions with these plugins? Yes, many WordPress video player plugins support subtitles and captions, enhancing accessibility and user experience. Check plugin features to ensure they support your preferred subtitle formats. ### Do these plugins support autoplay and looping? Most top video player plugins offer autoplay and looping options, so your videos can start automatically or repeat seamlessly based on your site’s needs. ### Will these plugins work with self-hosted and external videos? Yes, good video player plugins handle both self-hosted videos and external sources like YouTube or Vimeo, giving you flexibility in how you present content. ### Are these video player plugins mobile-friendly? Absolutely. The best plugins are responsive and adapt to different screen sizes, ensuring smooth playback on smartphones, tablets, and desktops. --- # 5 Best WordPress Before After Slider Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-before-after-slider-plugins/ Struggling to showcase transformations on your WordPress site in a way that truly grabs attention? Visitors often skim past static images, missing the impact of your work or product. That’s where before and after slider plugins come in, offering an interactive, engaging way to highlight changes side by side. In this article, you'll discover the best WordPress before after slider plugins that make it easy to create stunning visual comparisons without any coding hassle. ## Key Takeaways - Before After Sliders are interactive tools that let users compare two images side-by-side with a sliding effect, perfect for showcasing transformations or product comparisons on WordPress sites. - This article reviews the top 5 WordPress Before After Slider plugins, highlighting their features, ease of use, and customization options. - Our top recommendation is the Before After Slider by The Plus Addons for Elementor, praised for its beginner-friendly interface, extensive animation effects, and versatility. ## What Does a Before After Slider WordPress Plugin Help You With? A Before After Slider WordPress plugin lets you easily showcase side-by-side image comparisons, so your visitors can interactively see transformations or changes. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Before-After-Slider-demo-image.jpg) You simply add two images, and the slider reveals the difference with a smooth drag effect. ## Best WordPress Before After Slider Plugins Compared | Sl No | Before After Slider Plugin | Rating | | ----- | -------------------------- | ------ | | 1 | Before After Slider by The Plus Addons for Elementor | ★★★★★ | | 2 | Before After Images for Divi | ★★★★ | | 3 | Twenty20 Image Before-After | ★★★ | | 4 | Before After Image Comparison | ★★★ | | 5 | Ultimate Before After Image Slider & Gallery | ★★★ | ### 1. Before After Slider by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Before-After-Slider-widget.png) The Before After Slider plugin lets you easily showcase image comparisons on your WordPress site using Elementor. You can create interactive sliders to highlight differences between two images smoothly and visually. #### Key Features of Before After Slider by The Plus Addons for Elementor - Easily create engaging before-and-after image comparisons to showcase transformations or improvements. - Choose from over 25 animation effects to make your comparisons visually appealing and interactive. - Use versatile layout options to fit the slider perfectly into any website design or style. - Quickly set up with ready-to-use demos, saving you time and effort in creating professional sliders. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Before-After-Slider-demos.png) Learn More](https://theplusaddons.com/elementor-widget/before-after-slider/#demos) Wait! That’s not it, Before After Slider is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Before After Images for Divi ![](https://theplusaddons.com/wp-content/uploads/2025/09/Before-After-Images-for-Divi-WordPress-plugin.jpg) You can easily create before-and-after image sliders in Divi using the Before + After Images for Divi plugin, which integrates seamlessly with the Divi Builder and is mobile responsive. It’s lightweight, supports lazy loading, and lets you select image sizes directly within the module for a smooth user experience. #### Key Features of Before After Images for Divi - Easily create interactive before-and-after image sliders to showcase transformations or comparisons on your Divi-built website. - Fully mobile responsive, ensuring your sliders look great and work smoothly on all devices. - Lightweight and fast, so it won’t slow down your website’s loading speed. - Simple to use within the Divi Builder, allowing you to add sliders anywhere on your pages without hassle. [Learn More](https://wordpress.org/plugins/before-after-images-for-divi/) ### 3. Twenty20 Image Before-After ![](https://theplusaddons.com/wp-content/uploads/2025/09/Twenty20-Image-Before-After-WordPress-plugin.jpg) The Twenty20 plugin lets you create engaging before-and-after image sliders to showcase transformations effortlessly. It’s fully responsive, touch-enabled, and works seamlessly with popular page builders. #### Key Features of Twenty20 Image Before-After - Easily showcase before-and-after images to highlight transformations and improvements in a visually engaging way. - Works smoothly on all devices, including mobile, ensuring your comparisons look great everywhere. - Lets you add multiple sliders on a page, so you can display lots of image comparisons without hassle. - Lets you add multiple sliders on a page, so you can display lots of image comparisons without hassle. [Learn More](https://wordpress.org/plugins/twenty20/) ### 4. Before After Image Comparison ![](https://theplusaddons.com/wp-content/uploads/2025/09/Before-After-Image-Comparison-WordPress-plugin.jpg) You can easily create interactive before-and-after image sliders on your WordPress site without any coding using the Before & After Image Comparison Block. Just upload your images, customize the slider settings, and engage your audience with compelling visual comparisons. #### Key Features of Before After Image Comparison - Easily create interactive before-and-after image sliders to visually showcase transformations or comparisons without any coding skills. - Boost audience engagement by telling compelling visual stories with smooth, responsive sliders that work well on all devices. - Customize labels, colors, slider orientation, and effects to match your website’s style and clearly highlight differences between images. - Quickly add and manage image comparisons directly within the WordPress Gutenberg editor, saving time and simplifying your workflow. [Learn More](https://wordpress.org/plugins/before-after-image-compare/) ### 5. Ultimate Before After Image Slider & Gallery ![](https://theplusaddons.com/wp-content/uploads/2025/09/Ultimate-Before-After-Image-Slider-Gallery-WordPress-plugin.jpg) The BEAF plugin lets you create stunning before-and-after image sliders and galleries easily on your WordPress site. You can add unlimited sliders and customize them to showcase transformations effectively. #### Key Features of Ultimate Before After Image Slider & Gallery - Easily create eye-catching before and after image sliders to showcase transformations or comparisons. - Works smoothly with popular WordPress page builders like Elementor, Gutenberg, and WP Bakery, making setup simple. - Add unlimited sliders and galleries to display your images professionally without limits. - Upgrade options let you enhance your galleries with advanced features like video sliders and filterable views for a more engaging experience. [Learn More](https://wordpress.org/plugins/beaf-before-and-after-gallery/) ## Which Before After Slider Plugin Should You Choose? When choosing a Before After Slider plugin, you should prioritize responsiveness, ease of use, and customization options to perfectly showcase your image comparisons. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Before-After-Slider-demos.png) The Before After Slider by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/before-after-slider/#demos) stands out as the best pick, offering seamless integration and powerful features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Before After Slider WordPress Plugins ### What is a before and after slider plugin? It lets you display two images side by side with a draggable slider, showing a clear comparison. Perfect for transformations, product demos, or visual storytelling. ### Can I use before and after sliders without coding skills? Yes! Many plugins, like Before After Slider by The Plus Addons for Elementor, are beginner-friendly and require no coding, making setup quick and easy. ### Which plugin is best for Elementor users? Before After Slider by The Plus Addons is ideal. It integrates smoothly with Elementor, offers drag-and-drop simplicity, and requires zero coding, perfect for beginners. ### Are before and after sliders mobile-friendly? Most top plugins ensure responsive design, so your sliders look great on all devices, including phones and tablets. ### Can I customize the slider appearance? Absolutely! You can adjust colors, handles, labels, and animation styles to match your site’s look and feel with most plugins. --- # 5 Best WordPress Banner Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-banner-plugins/ Struggling to grab your visitors’ attention on your WordPress site? Without eye-catching banners, your important messages can easily get lost in the noise. Finding the right banner plugin can feel overwhelming with so many options available. Luckily, the best WordPress banner plugins simplify this by offering easy ways to create stunning, effective banners that boost engagement and conversions. In this article, we’ll explore top plugins that help you showcase promotions, announcements, and calls to action effortlessly, so your site stands out and drives results. ## Key Takeaways - WordPress banner plugins help you create eye-catching promotional banners, announcements, and notifications to engage your website visitors effectively. - This article reviews the top 5 WordPress banner plugins, highlighting their features, ease of use, and customization options. - Our top recommendation is Banner by The Plus Addons for Elementor, praised for its beginner-friendly interface and seamless integration, making banner creation simple and efficient. ## What Does a Banner WordPress Plugin Help You With? A Banner WordPress Plugin lets you easily create and display eye-catching banners on your website to promote offers, announcements, or important messages. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Banner-demo-image.jpg) You can customize its look and placement to grab your visitors' attention effectively. ## Best WordPress Banner Plugins Compared | Sl No | Banner Plugin | Rating | | ----- | ------------- | ------ | | 1 | Banner by The Plus Addons for Elementor | ★★★★★ | | 2 | Simple Banner | ★★★★ | | 3 | Bulletin | ★★★ | | 4 | Announcer | ★★★ | | 5 | WPFront Notification Bar | ★★★ | ### 1. Banner by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Banner-widget.png) You can create stunning CTA banners with the Elementor Banner Widget from The Plus Addons, choosing from multiple styles and unique hover effects. It lets you add titles, subtitles, and buttons to boost your conversions and make your promotions stand out. #### Key Features of Banner by The Plus Addons for Elementor - Easily create eye-catching banners that grab visitors' attention and boost engagement. - Add clear titles, subtitles, and buttons to encourage users to take action, increasing conversions. - Choose from multiple stylish designs and unique hover effects to make your promotions stand out. - Quickly enhance your website’s look without needing any coding skills, saving you time and effort. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Banner-demos.png) Learn More](https://theplusaddons.com/elementor-widget/banner-widget/#demos) Wait! That’s not it, Banner is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Simple Banner ![](https://theplusaddons.com/wp-content/uploads/2025/09/Simple-Banner-WordPress-plugin.jpg) The Simple Banner plugin lets you easily add customizable announcement banners to the top of your WordPress site. You can change colors, add custom CSS, and preview your banner before publishing. #### Key Features of Simple Banner - Easily add a clear announcement banner to your website to quickly share important news or promotions. - Customize colors and text to match your site’s style, making your message stand out beautifully. - Preview your banner live before saving, so you know exactly how it will look to visitors. - Use the close button feature to let visitors dismiss the banner, improving their browsing experience. [Learn More](https://wordpress.org/plugins/simple-banner/) ### 3. Bulletin ![](https://theplusaddons.com/wp-content/uploads/2025/09/Bulletin-WordPress-plugin.jpg) The Bulletin plugin lets you easily display announcement banners, sale offers, and important notices on your WordPress site with customizable styles and scheduling options. You can upgrade to the Pro version for advanced features like buttons, icons, multiple messages, and targeted display. #### Key Features of Bulletin - Easily share important announcements, sale offers, or emergency messages on your website to keep visitors informed. - Customize the look and placement of your messages to match your site’s style and grab attention without being intrusive. - Schedule messages to appear and expire automatically, saving you time and ensuring timely communication. - Show targeted messages to specific users or pages, making your announcements more relevant and effective. [Learn More](https://wordpress.org/plugins/bulletin-announcements/) ### 4. Announcer ![](https://theplusaddons.com/wp-content/uploads/2025/09/Announcer-WordPress-plugin.jpg) With the Announcer plugin, you can easily add professional notification bars to your website to share promotions, announcements, or important messages. You can customize, schedule, and stack multiple announcements at the top or bottom of your site without any coding. #### Key Features of Announcer - Easily grab visitors' attention with attractive notification bars to share important messages like promotions, updates, or cookie notices. - Boost engagement and sales by adding clickable Call-To-Action buttons directly in your announcements. - Save time by scheduling announcements to appear automatically during specific dates and times, so you never miss important moments. - Show personalized messages based on visitor behavior or page location, making your announcements more relevant and effective. [Learn More](https://wordpress.org/plugins/announcer/) ### 5. WPFront Notification Bar ![](https://theplusaddons.com/wp-content/uploads/2025/09/WPFront-Notification-Bar-WordPress-plugin.jpg) The WPFront Notification Bar plugin lets you easily display customizable notification bars with messages and optional buttons on your WordPress site. You can position the bar at the top or bottom, set display timing, and target specific user roles or pages. #### Key Features of WPFront Notification Bar - Easily grab visitors’ attention by displaying important messages or promotions at the top or bottom of your site. - Customize when and where notifications appear, so you only show relevant info to the right visitors at the right time. - Use buttons in your messages to direct visitors to special offers, new content, or actions you want them to take. - Keep your site looking neat with options to auto-close the bar or let visitors reopen it whenever they want. [Learn More](https://wordpress.org/plugins/wpfront-notification-bar/) ## Which Banner Plugin Should You Choose? When choosing a banner plugin, you should look for ease of use, customization options, and seamless integration with your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Banner-demos.png) Banner by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/banner-widget/#demos) stands out as the best pick for its powerful features and user-friendly design. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Banner WordPress Plugins ### What is a WordPress banner plugin used for? A banner plugin helps you display promotional messages, announcements, or ads on your site to grab visitors' attention and boost engagement or sales. ### Can I add banners without coding skills? Yes, many banner plugins offer drag-and-drop interfaces and pre-built templates, making it easy to create and customize banners without any coding. ### Are banner plugins mobile-friendly? Most top banner plugins automatically optimize banners for mobile devices, ensuring your message looks great on all screen sizes. ### How do banner plugins affect site speed? Good banner plugins are lightweight and optimized. Always choose well-coded plugins to avoid slowing down your site. ### Why choose Banner by The Plus Addons for Elementor? Banner by The Plus Addons is perfect for beginners—no coding needed, easy drag-and-drop design, and seamless integration with Elementor for quick, professional banners. --- # 5 Best WordPress Switcher Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-switcher-plugins/ Struggling to make your WordPress site more interactive and user-friendly? Visitors often bounce when they can't easily switch between the views, options, or content they need. Without an intuitive switcher, you risk losing engagement and frustrating your audience. Fortunately, the right WordPress switcher plugin can enhance user experience by allowing seamless toggling between layouts, content types, features, and more. In this article, we’ll explore the best plugins that make switching elements on your site smooth, responsive, and highly effective. ## Key Takeaways - Switcher plugins enhance your WordPress site by allowing easy switching between themes, user roles, or content types for testing, development, or management purposes. - This article reviews the top 5 WordPress Switcher plugins, highlighting their features, ease of use, and customization options. - For beginners seeking an intuitive and user-friendly experience, we recommend Switcher by The Plus Addons for Elementor, which offers seamless integration and ease of use. ## What Does a Switcher WordPress Plugin Help You With? The Switcher WordPress Plugin lets you easily toggle between different content or settings on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Switcher-demo-image.jpg) You can quickly switch languages, currencies, or other options to enhance your visitors' experience. ## Best WordPress Switcher Plugins Compared | Sl No | Switcher Plugin | Rating | | ----- | --------------- | ------ | | 1 | Switcher by The Plus Addons for Elementor | ★★★★★ | | 2 | Multi Device Switcher | ★★★★ | | 3 | Multisite Language Switcher | ★★★ | | 4 | FOX Currency Switcher | ★★★ | | 5 | Logo Switcher Divi | ★★★ | ### 1. Switcher by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Switcher-widget.png) The Switcher widget from The Plus Addons lets you easily toggle between two different content pieces, perfect for comparing pricing plans or offers. You can create unique, interactive content sections on your website with just a few clicks. #### Key Features of Switcher by The Plus Addons for Elementor - Easily compare two pieces of content side-by-side, helping your visitors make quick decisions. - Perfect for toggling between pricing plans or offers, making your website more interactive and engaging. - Simplifies showing different options without cluttering your page, improving user experience. - Helps create unique, professional-looking toggle sections that make your site stand out. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Switcher-demos.png) Learn More](https://theplusaddons.com/elementor-widget/switcher/#demos) Wait! That’s not it, Switcher is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Multi Device Switcher ![](https://theplusaddons.com/wp-content/uploads/2025/09/Multi-Device-Switcher-WordPress-plugin.jpg) You can use the Multi Device Switcher plugin to set a different theme for each device like smartphones, tablets, or PCs. It detects the device via UserAgent and automatically switches your site’s theme to enhance user experience. #### Key Features of Multi Device Switcher - Easily show a different website theme depending on the visitor’s device (smartphone, tablet, PC, game console, or custom devices), making your site look great everywhere. - Give your visitors the option to switch between mobile and desktop versions with simple links or widgets, improving user experience. - Customize content on posts or pages to match the visitor’s device, so users see the most relevant information for their screen. - Control where and when the theme switching happens, allowing you to disable it on specific pages or URLs to keep things consistent. [Learn More](https://wordpress.org/plugins/multi-device-switcher/) ### 3. Multisite Language Switcher ![](https://theplusaddons.com/wp-content/uploads/2025/09/Multisite-Language-Switcher-WordPress-plugin.jpg) The Multisite Language Switcher plugin lets you easily add multilingual support to your WordPress multisite, managing translations for posts, pages, and taxonomies. You can connect translations across subsites using widgets, shortcodes, or blocks without automatic user redirection. #### Key Features of Multisite Language Switcher - Easily manage and connect translations for posts, pages, categories, tags, and custom content across your WordPress multisite, making your site truly multilingual. - Simple setup and user-friendly interface let you add language switching without hassle, even if you’re not a tech expert. - Offers multiple ways to display language options (widgets, blocks, shortcodes), helping visitors switch languages smoothly and find content in their preferred language. - Supports many languages and lets you keep your site organized and accessible for a global audience, enhancing user experience and reach. [Learn More](https://wordpress.org/plugins/multisite-language-switcher/) ### 4. FOX Currency Switcher ![](https://theplusaddons.com/wp-content/uploads/2025/09/FOX-Currency-Switcher-WordPress-plugin.jpg) The FOX – Currency Switcher Professional for WooCommerce plugin lets you easily add multiple currencies to your WooCommerce store, enabling customers to switch prices and pay in their preferred currency. You can customize currency formats, set GeoIP rules, and manage prices by user role or country for a seamless multi-currency shopping experience. #### Key Features of FOX Currency Switcher - Allows your customers to easily switch product prices to their preferred currency, making shopping more convenient and familiar. - Supports checkout in the selected currency, so buyers can pay without confusion or extra conversion steps. - Automatically updates currency rates frequently, ensuring prices stay accurate and fair for international shoppers. - Lets you customize how prices and currency symbols appear, helping your store look professional and trustworthy worldwide. [Learn More](https://wordpress.org/plugins/woocommerce-currency-switcher/) ### 5. Logo Switcher Divi ![](https://theplusaddons.com/wp-content/uploads/2025/09/Logo-Switcher-Divi-WordPress-plugin.jpg) The Logo Switcher Divi plugin lets you upload a different logo that appears when you scroll down your page, directly from your Divi theme customizer. You don’t need any coding, but it requires the Divi WordPress theme to work. #### Key Features of Logo Switcher Divi - Easily show a different logo when visitors scroll down your site, making your header more dynamic and professional. - Customize your scrolling logo directly in the Divi theme customizer without needing any coding skills. - Ensure your logo looks great at any height, keeping your site’s branding consistent and polished. - Seamlessly integrates with the Divi theme, so you can enhance your site’s appearance without compatibility worries. [Learn More](https://wordpress.org/plugins/logo-switcher-divi/) ## Which Switcher Plugin Should You Choose? When choosing a Switcher plugin, you need features like seamless integration, responsive design, and easy customization. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Switcher-demos.png) Switcher by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/switcher/#demos) stands out as the best pick for its powerful functionality and user-friendly interface. Plus, The Plus Addons offers [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/), letting you build a fully functional website without any coding. ## FAQs on Switcher WordPress Plugins ### What is a WordPress switcher plugin? A switcher plugin lets visitors toggle between different site views, like dark/light mode or languages, improving user experience and accessibility. ### Are switcher plugins easy to use for beginners? Yes, many switcher plugins are designed with simple interfaces, so even beginners can set them up without coding knowledge. ### Can switcher plugins affect my site’s speed? If well-coded, switcher plugins have minimal impact. Choose lightweight plugins to keep your site fast and responsive. ### Do switcher plugins work with any WordPress theme? Most switcher plugins are compatible with popular themes, but it’s good to check plugin details or test to avoid conflicts. ### Why choose Switcher by The Plus Addons for Elementor? Switcher by The Plus Addons is perfect for beginners. It requires no coding, integrates smoothly with Elementor, and offers easy customization for a seamless switcher setup. --- # 5 Best WordPress Blockquote Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-blockquote-plugins/ Struggling to make your quotes stand out on your WordPress site? You’re not alone. Many bloggers and website owners find default blockquote styles dull and uninspiring, missing out on the chance to engage readers with impactful quotes. The good news? There are powerful WordPress blockquote plugins that transform plain text into eye-catching, stylish highlights. In this article, we’ll explore the best plugins that bring personality and professionalism to your quotes, helping your content truly resonate. ## Key Takeaways - Blockquotes are essential for highlighting quotes and citations, enhancing readability and design on WordPress sites. - This article reviews the top 5 WordPress blockquote plugins, comparing features, ease of use, and customization options. - We recommend Blockquote by The Plus Addons for Elementor as the best choice for beginners due to its user-friendly interface and seamless integration. ## What Does a Blockquote WordPress Plugin Help You With? A Blockquote WordPress plugin lets you easily add and customize standout quotes on your site, making your content more engaging. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Blockquote-demo-image.jpg) You can highlight important text with stylish designs without any coding. ## Best WordPress Blockquote Plugins Compared | Sl No | Blockquote Plugin | Rating | | ----- | ----------------- | ------ | | 1 | Blockquote by The Plus Addons for Elementor | ★★★★★ | | 2 | Request a Quote for WooCommerce and Elementor | ★★★★ | | 3 | Quotes for WooCommerce | ★★★ | | 4 | BestWebSoft Quotes and Tips | ★★★ | | 5 | QuoteFrameShare | ★★★ | ### 1. Blockquote by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Blockquote-widget.png) You can use the Blockquote widget from The Plus Addons to display fully customizable, inspiring quotes with images, icons, and author details. It also lets you boost your social exposure by adding a one-click tweet button for easy sharing. #### Key Features of Blockquote by The Plus Addons for Elementor - Easily create attractive and professional blockquotes to make your content stand out and engage readers. - Save time with ready-to-use styles that enhance your website’s look without needing design skills. - Improve readability by highlighting important quotes, making your messages clearer and more memorable. - Customize blockquotes effortlessly to match your site’s style, ensuring a consistent and polished appearance. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Blockquote-demos.png) Learn More](https://theplusaddons.com/elementor-widget/blockquote/#demos) Wait! That’s not it, Blockquote is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Request a Quote for WooCommerce and Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/Request-a-Quote-for-WooCommerce-and-Elementor-WordPress-plugin.jpg) The Get a Quote Button for WooCommerce plugin lets you add a customizable quote request button on your product pages, enabling customers to easily inquire about prices and product details. You can integrate it with Contact Form 7 or WPForms to show a popup form and tailor the button’s appearance and behavior to fit your store perfectly. #### Key Features of Request a Quote for WooCommerce and Elementor - Makes it easy for customers to request price quotes and product details, improving communication and boosting sales opportunities. - Lets you replace "Add to Cart" and price with a quote button, simplifying the buying process for special products like out-of-stock or featured items. - Customizable buttons and forms let you match your website’s look and collect exactly the info you need from customers. - Works smoothly on all devices and supports multiple languages, ensuring a great experience for all shoppers worldwide. [Learn More](https://wordpress.org/plugins/get-a-quote-button-for-woocommerce/) ### 3. Quotes for WooCommerce ![](https://theplusaddons.com/wp-content/uploads/2025/09/Quotes-for-WooCommerce-WordPress-plugin.jpg) The Quotes for WooCommerce plugin lets you hide product prices and replace the Add to Cart button with a Request Quote option, enabling customized pricing and payment after quote approval. You can easily manage quotes, send automated emails, and offer flexible quoting for select products or user roles. #### Key Features of Quotes for WooCommerce - Easily turn your WooCommerce store into a quote-only system, letting customers request personalized prices instead of paying upfront. - Customize pricing for each customer’s order, giving you flexibility to meet individual needs and close more sales. - Simplify your quoting process with automatic emails and centralized quote management, saving you time and keeping communication clear. - Offer both quote requests and regular purchases in the same cart, providing a smooth shopping experience for all customers. [Learn More](https://wordpress.org/plugins/quotes-for-woocommerce/) ### 4. BestWebSoft Quotes and Tips ![](https://theplusaddons.com/wp-content/uploads/2025/09/BestWebSoft-Quotes-and-Tips-WordPress-plugin.jpg) The Quotes and Tips plugin lets you easily add and customize motivational quotes or helpful tips anywhere on your WordPress site without any coding. You can display them in posts, pages, widgets, or templates with stylish, customizable blocks. #### Key Features of BestWebSoft Quotes and Tips - Easily add inspiring quotes and helpful tips anywhere on your website to engage and motivate your visitors. - Customize the look and feel of quotes and tips with colors, backgrounds, and layouts to match your site’s style without any coding. - Automatically rotate quotes or tips to keep your content fresh and interesting for returning visitors. - Use simple shortcodes or blocks to insert quotes and tips anywhere, be it posts, pages, or widgets making it quick and hassle-free to share messages. [Learn More](https://wordpress.org/plugins/quotes-and-tips/) ### 5. QuoteFrameShare ![](https://theplusaddons.com/wp-content/uploads/2025/09/QuoteFrameShare-WordPress-plugin.jpg) You can easily add stylish, customizable blockquotes with citations, copy-to-clipboard, and social share buttons using the QuoteFrameShare plugin. It’s lightweight, privacy-friendly, and works seamlessly with any WordPress theme to boost engagement on your site. #### Key Features of QuoteFrameShare - Easily add beautiful, stylish quotes with citations to make your content more engaging and professional. - Let visitors quickly copy quotes or share them on social media like Facebook, WhatsApp, Telegram, and X (Twitter), boosting interaction. - Customize the look of your quotes to perfectly match your website’s style, enhancing your site’s visual appeal. - Enjoy a fast, privacy-friendly plugin that won’t slow down your site or track your visitors, keeping things safe and smooth. [Learn More](https://wordpress.org/plugins/quoteframeshare-blockquote-share-copy/) ## Which Blockquote Plugin Should You Choose? You should choose a Blockquote plugin that offers customizable designs, easy integration, and responsive layouts. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Blockquote-demos.png) Blockquote by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/blockquote/#demos) stands out as the best pick for its versatility and user-friendly features. Plus, The Plus Addons gives you [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/) to build a fully functional website without any coding. ## FAQs on Blockquote WordPress Plugins ### What is a blockquote plugin used for in WordPress? A blockquote plugin helps you add stylish, well-formatted quotes to your posts, making citations and highlights stand out without needing custom coding. ### Can I customize the look of blockquotes with these plugins? Yes, most blockquote plugins let you easily change fonts, colors, and styles to match your website’s design and improve readability. ### Are blockquote plugins beginner-friendly? Many blockquote plugins are designed for beginners, offering simple interfaces and no coding required, so you can add quotes quickly and easily. ### Do blockquote plugins impact website speed? Good blockquote plugins are lightweight and optimized, so they won’t slow down your site noticeably when used properly. ### Why choose Blockquote by The Plus Addons for Elementor? Blockquote by The Plus Addons is perfect for beginners, no coding needed, fully customizable, and integrates seamlessly with Elementor for quick, beautiful quotes. --- # 5 Best WordPress Content Protection Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-content-protection-plugins/ Struggling to keep your hard-earned content safe from theft and unauthorized use? It’s frustrating when your unique articles, images, or videos get copied without permission, undermining your efforts and credibility. The good news is, with the right WordPress content protection plugins, you can safeguard your site effortlessly. These tools help block content theft, control access, and ensure your work stays yours. In this article, we’ll explore the best plugins that make protecting your content simple and effective. ## Key Takeaways - Content protection plugins help safeguard your WordPress site’s valuable content from unauthorized copying, theft, and misuse. - This article reviews the top 5 WordPress content protection plugins, comparing features, ease of use, and pricing to help you choose the best fit. - For beginners seeking simplicity and effectiveness, we recommend Content Protection by The Plus Addons for Elementor, known for its user-friendly setup and reliable protection. ## What Does a Content Protection WordPress Plugin Help You With? A Content Protection WordPress plugin helps you safeguard your website’s content from being copied or stolen. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Content-Protection-demo-image.jpg) It actively blocks actions like right-clicking and text selection to keep your work secure. ## Best WordPress Content Protection Plugins Compared | Sl No | Content Protection Plugin | Rating | | ----- | ------------------------- | ------ | | 1 | Content Protection by The Plus Addons for Elementor | ★★★★★ | | 2 | Secure Copy Content Protection and Content Locking | ★★★★ | | 3 | PPWP | ★★★ | | 4 | Passster | ★★★ | | 5 | WP Content Copy Protection | ★★★ | ### 1. Content Protection by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Content-Protection-widget.png) You can safeguard your valuable content using multiple passwords or WordPress user roles with the Protected Content widget from The Plus Addons for Elementor. This lets you easily restrict access based on user permissions for tighter security. #### Key Features of Content Protection by The Plus Addons for Elementor - Easily control who can see specific content on your website, helping you protect sensitive information or offer exclusive access. - Improve user experience by showing personalized content based on user roles or login status. - Boost membership or subscription value by restricting premium content to paying or registered users. - Save time with simple setup and seamless integration into your Elementor-built pages, no coding required. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Content-Protection-demos.png) Learn More](https://theplusaddons.com/elementor-widget/protected-content/#demos) Wait! That’s not it, Content Protection is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Secure Copy Content Protection and Content Locking ![](https://theplusaddons.com/wp-content/uploads/2025/09/Secure-Copy-Content-Protection-and-Content-Locking-WordPress-plugin.jpg) The Secure Copy Content Protection plugin helps you easily protect your WordPress site by disabling right-click, copy-paste, and inspect element actions to prevent content theft. You can also lock content with passwords and control access by user roles for enhanced security. #### Key Features of Secure Copy Content Protection and Content Locking - Prevents content theft by disabling right-click, copy-paste, and text selection, keeping your website’s unique content safe. - Protects your content on both desktop and mobile devices, ensuring your work is secure everywhere. - Allows you to restrict access to parts of your content with passwords or user roles, helping you control who sees your valuable information. - Helps improve your site’s SEO by ensuring your content remains original and not copied by others, protecting your Google rankings. [Learn More](https://wordpress.org/plugins/secure-copy-content-protection/) ### 3. PPWP ![](https://theplusaddons.com/wp-content/uploads/2025/09/PPWP-WordPress-plugin.jpg) You can easily protect your WordPress pages, posts, or specific content sections with multiple passwords using the PPWP plugin. It works seamlessly with page builders like Elementor and offers advanced features like analytics, Quick Access Links, and WooCommerce integration. #### Key Features of PPWP - Easily protect any page or post with one or multiple passwords, giving you flexible control over who can see your content. - Lock specific sections of your content instead of the whole page, so you can share previews and encourage sign-ups. - Seamlessly integrate with popular page builders like Elementor and Divi, making it simple to add password protection without breaking your design. - Track and manage access with built-in analytics and quick access links, helping you monitor who views your protected content and share secure access effortlessly. [Learn More](https://wordpress.org/plugins/password-protect-page/) ### 4. Passster ![](https://theplusaddons.com/wp-content/uploads/2025/09/Passster-WordPress-plugin.jpg) Passster lets you quickly and securely password protect pages, content, or your entire WordPress site with multiple passwords, expiration settings, and WooCommerce integration. You can customize forms, unlock content by user role, and track detailed password usage easily. #### Key Features of Passster - Easily protect your entire website or specific pages and content with passwords to keep your information safe and private. - Manage multiple passwords and user access quickly, so you can control who sees what without hassle. - Automatically unlock content for certain users based on their role or email, making access smooth and personalized. - Sell protected content through WooCommerce integration, helping you monetize exclusive pages or products effortlessly. [Learn More](https://wordpress.org/plugins/content-protector/) ### 5. WP Content Copy Protection ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Content-Copy-Protection-WordPress-plugin.jpg) The WP Content Copy Protection with Color Design plugin helps you protect your WordPress posts by disabling right-click and text selection. You can easily exclude specific pages and posts from protection to suit your needs. #### Key Features of WP Content Copy Protection - Protects your website content and images from being copied or stolen, keeping your work safe. - Allows you to choose specific pages or posts to protect, giving you control over what content is secured. - Disables right-click and text selection to prevent easy copying by visitors, reducing content theft. - Compatible with the latest WordPress and major browsers, ensuring smooth protection without site issues. [Learn More](https://wordpress.org/plugins/wp-copy-protect-with-color-design/) ## Which Content Protection Plugin Should You Choose? When choosing a Content Protection plugin, you need strong security features, ease of use, and seamless Elementor integration. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Content-Protection-demos.png) Content Protection by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/protected-content/#demos) stands out as the best pick for safeguarding your content effortlessly. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), you can build a fully functional, code-free website all in one place. ## FAQs on Content Protection WordPress Plugins ### What is a content protection plugin and why do I need one? A content protection plugin stops visitors from copying or stealing your website’s text, images, or videos, helping you keep your original work safe and maintain your site’s value. ### Can content protection plugins slow down my WordPress site? Most well-coded plugins have minimal impact on speed. Choose lightweight plugins and regularly update them to ensure your site stays fast and secure. ### Do content protection plugins prevent all types of content theft? They block common copying methods like right-click and text selection, but no plugin can guarantee 100% protection against all advanced theft techniques. ### Is it hard to set up a content protection plugin if I’m new to WordPress? Many plugins are beginner-friendly with simple setup guides. For example, Content Protection by The Plus Addons for Elementor requires no coding and works smoothly right out of the box. ### Can I customize what content gets protected on my site? Yes, most plugins let you choose which pages or sections to protect, giving you control over where and how your content is secured. --- # 5 Best WordPress Accordion Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-accordion-plugins/ Struggling to present lots of information without overwhelming your visitors? Long pages can feel cluttered and drive users away before they find what they need. That’s where WordPress accordion plugins come in, offering a sleek way to organize content into expandable sections. With the right plugin, you can enhance user experience, boost site navigation, and keep your pages clean and engaging. In this article, we’ll explore the best WordPress accordion plugins that make managing content effortless and stylish. ## Key Takeaways - Accordion plugins help organize and display content in collapsible sections, improving user experience and site navigation. - This article reviews the top 5 WordPress accordion plugins, highlighting their features, ease of use, and customization options. - Our top recommendation is Accordion by The Plus Addons for Elementor, praised for its beginner friendly interface and seamless integration with Elementor. ## What Does an Accordion WordPress Plugin Help You With? An Accordion WordPress plugin lets you organize your content into expandable sections, making your pages neat and easy to navigate. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Accordion-demo-image.jpg) You can hide and reveal information with a simple click, improving user experience and saving space. ## Best WordPress Accordion Plugins Compared | Sl No | Accordion Plugin | Rating | | ----- | ---------------- | ------ | | 1 | Accordion by The Plus Addons for Elementor | ★★★★★ | | 2 | Easy Accordion | ★★★★ | | 3 | Arconix Shortcodes | ★★★ | | 4 | Accordion FAQ | ★★★ | | 5 | Shortcodes Ultimate | ★★★ | ### 1. Accordion by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Accordion-widget.png) You can supercharge your Elementor site with The Plus Addons' Advanced Accordion widget, featuring autoplay, search, lazy load, and nested content. It lets you create dynamic, space-saving collapsible sections that engage your visitors effortlessly. #### Key Features of Accordion by The Plus Addons for Elementor - Easily organize and display large amounts of content in a clean, space-saving way, making your site more user-friendly. - Enhance visitor engagement with smooth animations and interactive accordion designs that keep users interested. - Improve your website’s SEO by adding FAQ schema markup directly within the accordion, helping search engines understand your content better. - Save time by using ready-made templates and the ability to include Elementor designs inside accordions for a professional look without extra effort. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Accordion-demos.png) Learn More](https://theplusaddons.com/elementor-widget/accordion/#demos) Wait! That’s not it, Accordion is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Easy Accordion ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Accordion-WordPress-plugin.jpg) You can easily create and customize responsive, drag-and-drop accordions on your WordPress site without any coding using the Easy Accordion plugin. It offers multiple accordion support, customizable themes, and works seamlessly with any WordPress theme. #### Key Features of Easy Accordion - Easily create professional-looking accordion FAQs on your WordPress site without any coding skills. - Make your content more organized and user-friendly by adding multiple, customizable accordions on any page or post. - Improve site engagement with responsive, mobile-ready accordions that work smoothly on all devices. - Save time with drag & drop sorting and quick customization options to design accordions that match your website style. [Learn More](https://wordpress.org/plugins/easy-accordion-free/) ### 3. Arconix Shortcodes ![](https://theplusaddons.com/wp-content/uploads/2025/09/Arconix-Shortcodes-WordPress-plugin.jpg) With the Arconix Shortcodes plugin, you can easily add styled boxes, buttons, tabs, accordions, lists, and columns to make your WordPress site look sharp and interactive. It also supports custom FontAwesome icons and responsive design to fit any screen. #### Key Features of Arconix Shortcodes - Easily add stylish design elements like buttons, boxes, tabs, and accordions to make your website look professional and engaging. - Customize your content with FontAwesome icons to create eye-catching and unique displays that fit your brand. - Responsive design ensures your styled elements look great on any device, improving user experience for visitors on phones, tablets, or desktops. - Compatibility mode helps avoid conflicts with other plugins or themes, making the plugin reliable and easy to use without technical hassles. [Learn More](https://wordpress.org/plugins/arconix-shortcodes/) ### 4. Accordion FAQ ![](https://theplusaddons.com/wp-content/uploads/2025/09/Accordion-FAQ-WordPress-plugin.jpg) You can easily create unlimited responsive accordions and FAQs with the Responsive Accordion and Collapse plugin using its drag-and-drop builder and shortcode support. It’s mobile-friendly, Bootstrap-based, and lets you customize colors, icons, and styles without any coding. #### Key Features of Accordion FAQ - Easily create and manage unlimited accordion FAQs to organize your content clearly for visitors. - Drag and drop accordion items to quickly arrange and customize the order without any coding. - Fully responsive design ensures your accordions look great and work smoothly on all devices. - Use shortcodes to display your accordions anywhere on your site, including pages, posts, and widgets. [Learn More](https://wordpress.org/plugins/responsive-accordion-and-collapse/) ### 5. Shortcodes Ultimate ![](https://theplusaddons.com/wp-content/uploads/2025/09/Shortcodes-Ultimate-WordPress-plugin.jpg) Shortcodes Ultimate lets you easily add a wide range of visual and functional elements like tabs, buttons, and accordions to your WordPress posts, widgets, or templates. You can enhance your site’s design and functionality without coding, using this versatile plugin. #### Key Features of Shortcodes Ultimate - Easily add a wide variety of design elements like buttons, tabs, and sliders to your site without any coding knowledge. - Quickly insert shortcodes with live previews, saving time and making content creation smoother. - Works well with different WordPress themes and plugins, reducing the chance of conflicts on your site. - Helps you create engaging, professional-looking pages and posts that improve user experience and keep visitors interested. [Learn More](https://wordpress.org/plugins/shortcodes-ultimate/) ## Which Accordion Plugin Should You Choose? When choosing an accordion plugin, you need responsiveness, easy customization, and seamless integration with your page builder. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Accordion-demos.png) Accordion by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/accordion/#demos) stands out as the best pick for its powerful features and user-friendly design. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Accordion WordPress Plugins ### What is a WordPress accordion plugin used for? Accordion plugins organize content into expandable sections, making pages cleaner and easier to navigate. They’re great for FAQs, product details, or any content you want to present in a compact, user-friendly way. ### Are accordion plugins difficult to use for beginners? Most accordion plugins are designed to be beginner-friendly. They often come with drag-and-drop interfaces or simple settings, so you can create stylish accordions without any coding knowledge. ### Can I use accordion plugins with popular page builders? Yes! Many accordion plugins integrate smoothly with page builders like Elementor and Gutenberg, allowing you to add accordions directly within your page layouts without hassle. ### Do accordion plugins affect website speed? Good accordion plugins are lightweight and optimized for speed. Choosing a well-coded plugin ensures your site stays fast while improving user experience with organized content. ### Why choose Accordion by The Plus Addons for Elementor? Accordion by The Plus Addons is perfect for beginners. It requires no coding, offers easy customization, and integrates seamlessly with Elementor, letting you build beautiful accordions quickly and effortlessly. --- # 5 Best WordPress Age Verification Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-age-verification-plugins/ Struggling to ensure your website content reaches the right audience? Without proper age verification, you risk exposing sensitive material to underage visitors, which can lead to legal troubles and damage your reputation. Fortunately, WordPress offers powerful plugins that make adding an age gate simple and effective. In this article, we’ll explore the best age verification plugins to help you protect your site, comply with regulations, and provide a safer browsing experience for everyone. ## Key Takeaways - Age verification plugins help restrict website content to users of a specific age, ensuring legal compliance and protecting sensitive material. - This article reviews the top 5 WordPress age verification plugins, highlighting features like customization, mobile responsiveness, and ease of use. - Our top recommendation is Age Verification by The Plus Addons for Elementor, praised for its beginner-friendly setup and seamless integration with Elementor. ## What Does an Age Verification WordPress Plugin Help You With? An Age Verification WordPress plugin helps you restrict your website content to visitors of a certain age, ensuring compliance and protecting minors. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Age-Verification-demo-image.jpg) You can easily add popups or checkboxes that prompt users to confirm their age before accessing your site. ## Best WordPress Age Verification Plugins Compared | Sl No | Age Verification Plugin | Rating | | ----- | ----------------------- | ------ | | 1 | Age Verification by The Plus Addons for Elementor | ★★★★★ | | 2 | Easy Age Verify | ★★★★ | | 3 | AgeChecker | ★★★ | | 4 | WP Terms Popup | ★★★ | | 5 | Age Verification System for WooCommerce | ★★★ | ### 1. Age Verification by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Age-Verification-widget.png) You can use the Age Gate Verification plugin from The Plus Addons to easily confirm your visitors' age before granting access to your site or specific pages. It helps you ensure legal compliance and restrict underage access effortlessly. #### Key Features of Age Verification by The Plus Addons for Elementor - Easily restrict access to your website or specific pages to visitors who meet your age requirements, helping you comply with legal regulations. - Protect your content by ensuring only the right audience (like adults for alcohol or tobacco sites) can view it, reducing risks of underage access. - Provide a smooth and professional age verification experience that builds trust with your visitors. - Quickly set up and customize the age gate without needing technical skills, saving you time and effort. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Age-Verification-demos.png) Learn More](https://theplusaddons.com/elementor-widget/age-gate-verification/#demos) Wait! That’s not it, Age Verification is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Easy Age Verify ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Age-Verify-WordPress-plugin.jpg) Easy Age Verify lets you quickly add an age verification popup to your WordPress site, blocking content for underage visitors with easy turnkey settings. You can customize prompts, blackout backgrounds, and target specific pages, with advanced options available in the Premium version. #### Key Features of Easy Age Verify - Quickly protect your site by easily adding an age verification popup to restrict access to adult, alcohol, or vape content. - Improve user experience with a clean, fullscreen age gate that fully hides content until visitors verify their age. - Save time with ready-made settings tailored for different industries, so you can start age verification without complicated setup. - Keep returning visitors happy by remembering their verification with a “remember me” option (premium), reducing repeated popups. [Learn More](https://wordpress.org/plugins/easy-age-verify/) ### 3. AgeChecker ![](https://theplusaddons.com/wp-content/uploads/2025/09/AgeChecker-WordPress-plugin.jpg) The AgeChecker.Net plugin instantly verifies over 90% of your customers' ages at checkout using the world’s largest identity networks, ensuring compliance with age-restricted industry regulations. You can customize verification settings by location and enjoy fast manual ID checks without slowing down your site. #### Key Features of AgeChecker - Quickly verify the age of over 90% of your customers instantly, speeding up checkout and reducing delays. - Easily comply with strict age-related laws for products like alcohol, tobacco, and firearms, protecting your business from legal risks. - Provide a smooth, hassle-free experience for customers by minimizing extra steps and avoiding cart abandonment. - Keep your customers’ personal information safe with secure data handling and automatic deletion of ID images after verification. [Learn More](https://wordpress.org/plugins/agecheckernet/) ### 4. WP Terms Popup ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Terms-Popup-WordPress-plugin.jpg) You can use WP Terms Popup to show visitors a popup asking them to agree to your terms, privacy policy, or age verification before accessing your WordPress site. It’s easy to set up, customizable, and ensures users accept your conditions before viewing your content. #### Key Features of WP Terms Popup - Easily control who can access your WordPress site by requiring visitors to agree to your terms, privacy policy, or age verification before entering. - Protect your site content with a simple popup that visitors must accept, ensuring legal compliance and clear communication. - Customize the popup’s look and behavior to match your site style and needs, even without coding skills using available addons. - Keep track of visitor agreements and set how long their acceptance lasts, so returning users don’t have to agree repeatedly. [Learn More](https://wordpress.org/plugins/wp-terms-popup/) ### 5. Age Verification System for WooCommerce ![](https://theplusaddons.com/wp-content/uploads/2025/09/Age-Verification-System-for-WooCommerce-WordPress-plugin.jpg) You can protect specific products or categories from minors with this plugin by customizing an age verification popup to match your site's branding. It lets you choose between a simple yes/no check or a birthday date picker and configure minimum age and popup placement easily. #### Key Features of Age Verification System for WooCommerce - Protects your store by restricting access to adult products, helping you comply with age-related laws easily. - Customizable popups that match your website’s look, making the age check smooth and less annoying for visitors. - Offers flexible verification methods (yes/no or birthday picker) to suit your store’s needs and improve user experience. - Remembers verified users for a set time, so returning customers don’t have to verify repeatedly, boosting convenience. [Learn More](https://wordpress.org/plugins/age-verification-for-woocommerce/) ## Which Age Verification Plugin Should You Choose? When choosing an age verification plugin, you need features like easy customization, reliable security, and seamless integration. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Age-Verification-demos.png) Age Verification by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/age-gate-verification/#demos) stands out as the best pick for meeting all these needs effortlessly. Plus, with [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/) from The Plus Addons, you can build a fully functional website without writing a single line of code. ## FAQs on Age Verification WordPress Plugins ### What is an age verification plugin, and why do I need one? An age verification plugin restricts access to your site based on visitors’ age, helping you comply with legal rules and protect sensitive content from underage users. ### Can I add age verification without coding skills? Yes! Many plugins, like Age Verification by The Plus Addons for Elementor, offer easy setup with no coding required, perfect for beginners. ### Do age verification plugins work on mobile devices? Most top plugins are fully responsive and work seamlessly on smartphones and tablets to ensure consistent age checks everywhere. ### Are there free age verification plugins available? Yes, plenty of free options exist with basic features, while premium versions offer advanced customization and compliance tools. ### How customizable are age verification popups? You can often customize text, colors, backgrounds, and verification methods to match your site’s style and user experience preferences. --- # 5 Best WordPress Counter Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-counter-plugins/ Struggling to showcase your website’s achievements or track important stats in a way that grabs attention? Many site owners miss out on engaging visitors simply because their numbers don’t stand out. The solution lies in using the right WordPress counter plugin, one that brings your data to life with smooth animations and clear visuals. In this article, you’ll discover the best counter plugins that make your stats impossible to ignore, helping you build credibility and boost user interaction effortlessly. ## Key Takeaways - WordPress counter plugins help display animated stats, visitor counts, or countdowns to engage and inform website visitors effectively. - This article reviews the top 5 WordPress counter plugins, highlighting their features, ease of use, and customization options. - For beginners, we recommend Counter by The Plus Addons for Elementor due to its user-friendly interface and seamless integration with Elementor page builder. ## What Does a Counter WordPress Plugin Help You With? A Counter WordPress Plugin lets you easily add dynamic countdowns, timers, or animated number counters to your site. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Counter-demo-image.jpg) You use it to highlight events, showcase stats, or create urgency for your visitors. ## Best WordPress Counter Plugins Compared | Sl No | Counter Plugin | Rating | | ----- | -------------- | ------ | | 1 | Counter by The Plus Addons for Elementor | ★★★★★ | | 2 | Page Visits Counter Lite | ★★★★ | | 3 | Simple Download Counter | ★★★ | | 4 | WP Visitor Statistics | ★★★ | | 5 | StatCounter | ★★★ | ### 1. Counter by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Counter-widget.png) You can use the Number Counter widget from The Plus Addons for Elementor to create dynamic, stylish counters with icons, images, SVGs, or Lottie animations. It helps you showcase stats or milestones engagingly on your WordPress site. #### Key Features of Counter by The Plus Addons for Elementor - Make your important numbers stand out with eye-catching animations that grab visitors' attention. - Easily showcase milestones like customers served or projects completed to build trust and credibility. - Customize the look and feel to match your website style, ensuring a professional and polished appearance. - Engage visitors by dynamically displaying stats that make your achievements feel more impressive and real. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Counter-demos.png) Learn More](https://theplusaddons.com/elementor-widget/number-counter/#demos) Wait! That’s not it, Counter is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Page Visits Counter Lite ![](https://theplusaddons.com/wp-content/uploads/2025/09/Page-Visits-Counter-Lite-WordPress-plugin.jpg) The Page Visits Counter – Lite plugin lets you easily track and display the number of visits for each page on your WordPress site, both in your admin dashboard and optionally on the frontend. It’s lightweight, GDPR-compliant, and works seamlessly with WooCommerce and various user roles. #### Key Features of Page Visits Counter Lite - Easily track how many visitors each page on your website gets, helping you understand what content is popular. - Choose to show visit counters on your site’s pages or keep them hidden for admin-only insights, giving you flexibility in monitoring traffic. - The plugin doesn’t slow down your site or collect personal data, so it’s safe and respects your visitors’ privacy. - Automatically cleans up data when uninstalled (unless you choose to keep it), making it hassle-free to try out without cluttering your database. [Learn More](https://wordpress.org/plugins/page-visits-counter-lite/) ### 3. Simple Download Counter ![](https://theplusaddons.com/wp-content/uploads/2025/09/Simple-Download-Counter-WordPress-plugin.jpg) The Simple Download Counter plugin lets you easily count and display file downloads on your WordPress site using shortcodes. It supports all file types, is lightweight, privacy-friendly, and requires no complex setup or server configuration. #### Key Features of Simple Download Counter - Easily track how many times your files are downloaded, helping you understand what content your visitors like most. - Works with any file type, so you can count downloads for images, videos, documents, and more without hassle. - Simple setup with no complicated settings or extra clutter, so you can start counting downloads quickly and easily. - Privacy-friendly with no user data collected or cookies used, ensuring your visitors’ information stays safe. [Learn More](https://wordpress.org/plugins/simple-download-counter/) ### 4. WP Visitor Statistics ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Visitor-Statistics-WordPress-plugin.jpg) The WP Visitor Statistics (Real Time Traffic) plugin helps you track detailed visitor stats on your WordPress site without relying on external services. You can easily monitor real-time visitors, locations, browsers, and more right from your dashboard. #### Key Features of WP Visitor Statistics - Track your website visitors in real-time without relying on external services, giving you immediate insights into your audience. - See detailed visitor information like location, browsers, and search engine queries all in one easy-to-use dashboard. - Protect your visitors’ privacy with GDPR-compliant features like IP address hashing, ensuring your site stays secure and trustworthy. - Get automatic email reports and interactive maps, so you can easily monitor your site’s performance anytime, anywhere. [Learn More](https://wordpress.org/plugins/wp-stats-manager/) ### 5. StatCounter ![](https://theplusaddons.com/wp-content/uploads/2025/09/StatCounter-WordPress-plugin.jpg) The Official StatCounter WordPress Plugin lets you easily add powerful real-time visitor stats to your site, including invisible counters and detailed traffic analysis. You can configure the counter’s position and view your StatCounter stats directly from your WordPress dashboard. #### Key Features of StatCounter - Easily track your website visitors in real-time to understand your audience better. - Get detailed insights on popular pages, entry and exit points, and visitor behavior to improve your site. - Customize the visitor counter’s appearance and position to match your website’s look without hassle. - View your StatCounter stats directly within your WordPress dashboard for quick and convenient access. [Learn More](https://wordpress.org/plugins/official-statcounter-plugin-for-wordpress/) ## Which Counter Plugin Should You Choose? When choosing a counter plugin, you should look for real-time accuracy, easy customization, and seamless integration with your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Counter-demos.png) Number Counter by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/number-counter/#demos) stands out as the best pick for its reliability and user-friendly features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Counter WordPress Plugins ### What is a WordPress counter plugin used for? A counter plugin displays numbers dynamically, like visitor stats or milestones, helping engage visitors and highlight key data on your site. ### Are counter plugins easy to set up for beginners? Yes, many counter plugins offer simple interfaces and pre-built styles, making setup quick without needing coding skills. ### Can I customize the look of counters? Absolutely! Most plugins let you change colors, fonts, animations, and sizes to match your site’s design perfectly. ### Do counter plugins affect my site speed? Good plugins are optimized for performance, so they add minimal load time when used properly. ### Which counter plugin is best for beginners? Counter by The Plus Addons for Elementor is ideal. It’s beginner-friendly, requires no coding, and integrates smoothly with Elementor for easy customization. --- # 5 Best WordPress Message Box Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-message-box-plugins/ Struggling to grab your visitors' attention and highlight important messages on your WordPress site? Without the right tools, crucial announcements can easily get lost in the clutter. That’s where message box plugins come in, they help you create eye catching, clear notifications that engage your audience instantly. In this article, we’ll explore the best WordPress message box plugins that make it simple to deliver your message effectively and boost user interaction. ## Key Takeaways - Message boxes are essential WordPress tools that enable site owners to display important notifications, alerts, or interactive messages to visitors, enhancing communication and user engagement. - This article reviews the top 5 WordPress message box plugins, highlighting their features, ease of use, and customization options to help you choose the best fit for your site. - We recommend Message Box by The Plus Addons for Elementor as the ideal choice for beginners due to its user-friendly interface, seamless Elementor integration, and straightforward setup. ## What Does a Message Box WordPress Plugin Help You With? A Message Box WordPress plugin lets you easily create eye-catching notification or alert boxes on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Message-Box-demo-image.jpg) You can grab your visitors' attention and share important information quickly and effectively. ## Best WordPress Message Box Plugins Compared | Sl No | Message Box Plugin | Rating | | ----- | ------------------ | ------ | | 1 | Message Box by The Plus Addons for Elementor | ★★★★★ | | 2 | 3CX Live Chat | ★★★★ | | 3 | Front End PM | ★★★ | | 4 | Formilla Live Chat | ★★★ | | 5 | Smartsupp | ★★★ | ### 1. Message Box by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Message-Box-widget.png) You can create eye-catching alert notification boxes easily with the Message Box widget from The Plus Addons for Elementor. It lets you customize content, icons, styling, and add close buttons, all without any coding. #### Key Features of Message Box by The Plus Addons for Elementor - Easily grab visitors' attention with attractive, customizable message boxes that highlight important info. - Improve communication by clearly displaying alerts, offers, or announcements on your website. - Save time with ready-to-use designs that make your site look professional without needing design skills. - Enhance user experience by organizing messages neatly, making your site more engaging and trustworthy. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Message-Box-demos.png) Learn More](https://theplusaddons.com/elementor-widget/message-box/#demos) Wait! That’s not it, Message Box is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. 3CX Live Chat ![](https://theplusaddons.com/wp-content/uploads/2025/09/3CX-Live-Chat-WordPress-plugin.jpg) You can boost your online conversions with the free 3CX Live Chat plugin, allowing you to chat and call website visitors in real-time. It offers a complete communication system, including WhatsApp, Facebook, and SMS messaging, all managed from one easy-to-use dashboard. #### Key Features of 3CX Live Chat - Chat and call with your website visitors instantly, helping you provide quick support and boost sales. - Manage all customer messages including WhatsApp, Facebook, and SMS from one easy dashboard, saving you time. - Enjoy a free, reliable live chat solution with no hidden costs or trial periods, perfect for small to medium businesses. - Use the plugin anywhere with mobile and desktop apps, so you can stay connected with customers on the go. [Learn More](https://wordpress.org/plugins/wp-live-chat-support/) ### 3. Front End PM ![](https://theplusaddons.com/wp-content/uploads/2025/09/Front-End-PM-WordPress-plugin.jpg) You can add a full-featured private messaging system to your WordPress site that works entirely from the front end, keeping users out of the dashboard. This plugin lets you send threaded messages, block users, and receive notifications, making communication easy and secure. #### Key Features of Front End PM - Allows users to send private messages directly from the website without needing access to the WordPress dashboard, making communication easy and seamless. - Helps site admins keep users focused on the front-end, improving user experience by avoiding the complex dashboard area. - Supports group messaging and announcements, enabling efficient communication with multiple users or specific user roles at once. - Offers customizable email notifications and message controls, so users stay informed and admins can manage messaging limits to keep the site running smoothly. [Learn More](https://wordpress.org/plugins/front-end-pm/) ### 4. Formilla Live Chat ![](https://theplusaddons.com/wp-content/uploads/2025/09/Formilla-Live-Chat-WordPress-plugin.jpg) The Formilla Live Chat plugin lets you instantly add a responsive live chat widget to your WordPress site, enabling real-time support and engagement with your visitors. You can also manage chats on the go using mobile apps for iPhone, iPad, and Android devices. #### Key Features of Formilla Live Chat - Start chatting with your website visitors instantly to provide quick support and answer their questions, improving customer satisfaction. - Use mobile apps to respond to chats anytime, anywhere, so you never miss a chance to help or sell. - Customize your chat widget’s look and language to match your brand and connect better with visitors worldwide. - Automate lead qualification and support with smart chatbots, saving time and boosting sales even when you’re offline. [Learn More](https://wordpress.org/plugins/formilla-live-chat/) ### 5. Smartsupp ![](https://theplusaddons.com/wp-content/uploads/2025/09/Smartsupp-WordPress-plugin.jpg) You can boost your sales and turn visitors into customers with Smartsupp’s live chat, AI shopping assistant, and chatbots. Trusted by over 100,000 online stores, it helps you engage visitors in real-time and automate customer support effortlessly. #### Key Features of Smartsupp - Connect with your online store visitors instantly through live chat, making it easy to answer questions and build trust. - Use the AI shopping assistant and chatbots to help customers find products and get quick answers anytime, even when you're offline. - Gather and organize leads automatically, helping you turn visitors into loyal customers without extra effort. - Manage all customer messages from chat, Messenger, WhatsApp, and email in one place, so you never miss a conversation. [Learn More](https://wordpress.org/plugins/smartsupp-live-chat/) ## Which Message Box Plugin Should You Choose? When choosing a Message Box plugin, you need clear design options, easy customization, and seamless Elementor integration. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Message-Box-demos.png) Message Box by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/message-box/#demos) stands out as the best pick for its flexibility and user-friendly features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Message Box WordPress Plugins ### What is a Message Box plugin used for on WordPress? A Message Box plugin helps you display important notices, alerts, or promotions on your site in an eye-catching way to engage visitors and improve communication. ### Can I customize the look of message boxes without coding? Yes! Many plugins, like Message Box by The Plus Addons for Elementor, offer easy drag-and-drop customization with no coding skills required. ### Are Message Box plugins compatible with popular page builders? Most top plugins work smoothly with builders like Elementor, Beaver Builder, and WPBakery, making it simple to add message boxes anywhere on your site. ### Will using a Message Box plugin slow down my website? Good plugins are optimized for speed and won’t affect load times noticeably. Always choose lightweight, well-coded options to keep your site fast. ### Why choose Message Box by The Plus Addons for Elementor? It’s beginner-friendly, requires zero coding, and integrates perfectly with Elementor, letting you create stylish, responsive message boxes quickly and effortlessly. --- # 5 Best WordPress Charts Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-charts-plugins/ Struggling to make your website’s data engaging and easy to understand? Many WordPress users face the challenge of presenting complex information in a visually appealing way. Fortunately, the best WordPress chart plugins simplify this process, helping you create stunning, interactive visuals that capture attention and communicate insights clearly. In this article, we’ll explore top plugins that turn your raw data into compelling stories your visitors will love. ## Key Takeaways - Charts are powerful visual tools that help present complex data clearly and engagingly on WordPress websites. - This article reviews the top 5 WordPress chart plugins, highlighting their features, ease of use, and customization options. - We recommend Charts by The Plus Addons for Elementor for beginners due to its user-friendly interface and seamless integration. ## What Does a Charts WordPress Plugin Help You With? A Charts WordPress Plugin lets you easily create and embed interactive charts and graphs directly on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Charts-demo-image.jpg) You can customize data visually to engage your visitors and showcase information clearly. ## Best WordPress Charts Plugins Compared | Sl No | Charts Plugin | Rating | | ----- | ------------- | ------ | | 1 | Charts by The Plus Addons for Elementor | ★★★★★ | | 2 | iChart | ★★★★ | | 3 | Graphina | ★★★ | | 4 | amCharts | ★★★ | | 5 | Chart Block | ★★★ | ### 1. Charts by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Charts-widget.png) You can create stunning, customizable charts like line, bar, and radar directly in Elementor without any coding using the Advanced Charts widget. It lets you easily add grid lines, labels, legends, and tooltips to showcase your data beautifully. #### Key Features of Charts by The Plus Addons for Elementor - Easily create beautiful and professional charts to make your data clear and engaging. - Customize charts with labels, legends, and grid lines to fit your website’s style perfectly. - Choose from multiple chart types like line, bar, and radar to best showcase your information. - Improve user experience with interactive and visually appealing data displays that grab attention. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Charts-demos.png) Learn More](https://theplusaddons.com/elementor-widget/advanced-charts/#demos) Wait! That’s not it, Charts is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. iChart ![](https://theplusaddons.com/wp-content/uploads/2025/09/iChart-WordPress-plugin.jpg) The iChart plugin lets you easily create beautiful, responsive charts and graphs directly from your WordPress editor using a simple shortcode generator. You can add various chart types like pie, bar, line, and even GeoCharts to visualize your data effortlessly. #### Key Features of iChart - Easily create and add beautiful, responsive charts and graphs directly within your WordPress pages or posts without needing coding skills. - Display multiple types of charts (like pie, bar, line, radar) on the same page to clearly visualize your data in different ways. - Customize the look of your charts with colors, sizes, and labels to make your data more engaging and easy to understand. - Use the shortcode generator or Gutenberg blocks to quickly embed charts anywhere on your site, saving time and effort. [Learn More](https://wordpress.org/plugins/ichart/) ### 3. Graphina ![](https://theplusaddons.com/wp-content/uploads/2025/09/Graphina-WordPress-plugin.jpg) You can create over 14 types of charts and graphs with 1000+ variations using the Graphina plugin for Elementor. It lets you easily add and customize interactive charts on your WordPress site without any coding. #### Key Features of Graphina - Easily create beautiful and professional charts and graphs to make your website data visually appealing. - Save time with simple tools that let you build complex data visualizations without any coding. - Enhance your Elementor website with a wide variety of chart types to present information clearly and attractively. - Make your data interactive and engaging, helping visitors understand your content better and stay longer on your site. [Learn More](https://wordpress.org/plugins/graphina-elementor-charts-and-graphs/) ### 4. amCharts ![](https://theplusaddons.com/wp-content/uploads/2025/09/amCharts-WordPress-plugin.jpg) The amCharts: Charts and Maps plugin lets you easily add interactive charts and maps to your WordPress site using amCharts libraries. You create chart code snippets that you can insert into posts or pages via shortcode, with automatic loading of only the needed JavaScript libraries. #### Key Features of amCharts - Easily add interactive charts and maps to your WordPress posts or pages without worrying about complex JavaScript coding. - Automatically loads only the necessary chart libraries, keeping your website fast and lightweight. - Supports multiple languages with WPML, so your charts display correctly for all your visitors. - Allows you to customize and embed charts using simple shortcodes or PHP functions, making it flexible for any site setup. [Learn More](https://wordpress.org/plugins/amcharts-charts-and-maps/) ### 5. Chart Block ![](https://theplusaddons.com/wp-content/uploads/2025/09/Chart-Block-WordPress-plugin.jpg) The Chart Block plugin lets you easily create and customize bar, line, and pie charts directly within the Gutenberg editor. You can switch chart types, adjust settings from the sidebar, and use it unlimited times with any standard WordPress theme. #### Key Features of Chart Block - Easily create and customize different types of charts (bar, line, pie) to clearly show your data. - Simple to use within the WordPress block editor, so you can add charts without any coding skills. - Works smoothly with any standard WordPress theme, ensuring your charts fit perfectly on your site. - Free to use with unlimited charts, helping you visualize data as much as you need without extra cost. [Learn More](https://wordpress.org/plugins/chart-block/) ## Which Charts Plugin Should You Choose? When choosing a charts plugin, you need features like ease of use, customization options, and seamless integration with your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Charts-demos.png) Charts by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/advanced-charts/#demos) stands out as the best pick, offering powerful and flexible charting tools. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Charts WordPress Plugins ### Which WordPress chart plugin is best for beginners? Charts by The Plus Addons for Elementor stands out. It’s super beginner-friendly, requires no coding, and integrates smoothly with Elementor, making chart creation fast and easy. ### Can I create interactive charts with WordPress plugins? Yes, many plugins let you build interactive charts that respond to user actions, enhancing engagement and data exploration on your site. ### Do I need coding skills to use chart plugins? Most top plugins offer drag-and-drop interfaces or simple data import, so you don’t need coding knowledge to create professional charts. ### Which chart types are commonly supported by WordPress plugins? Popular types include bar, line, pie, doughnut, and area charts, covering most data visualization needs. ### Can I import data from Excel or Google Sheets? Absolutely. Many plugins support importing data directly from Excel, CSV files, or Google Sheets for easy chart updates. --- # 5 Best WordPress Info Box Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-info-box-plugins/ Struggling to make your WordPress content stand out? Info boxes can transform bland text into eye-catching highlights that grab attention and boost engagement. But with so many plugins available, finding the right one feels overwhelming. This article cuts through the noise, revealing the best WordPress info box plugins that combine style and functionality, helping you showcase key details effortlessly and elevate your site’s user experience. ## Key Takeaways - Info Boxes are versatile design elements that highlight important content, boost user engagement, and improve website aesthetics. - This article reviews the top 5 WordPress Info Box plugins, comparing features, ease of use, and customization options. - Our top recommendation is Info Box by The Plus Addons for Elementor, praised for its beginner-friendly interface and effortless setup. ## What Does an Info Box WordPress Plugin Help You With? The Info Box WordPress Plugin helps you showcase key features and important information in an eye-catching, customizable box. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Info-Box-demo-image.jpg) You can easily create and style infoboxes in WordPress to boost user engagement and highlight your content effectively. ## Best WordPress Info Box Plugins Compared | Sl No | Info Box Plugin | Rating | | ----- | --------------- | ------ | | 1 | Info Box by The Plus Addons for Elementor | ★★★★★ | | 2 | Colorbox Panels & Info Box | ★★★★ | | 3 | Service Box | ★★★ | | 4 | Infobox | ★★★ | | 5 | Starbox | ★★★ | ### 1. Info Box by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Info-Box-widget.png) The Info Box widget from The Plus Addons for Elementor lets you easily create stunning, interactive boxes to showcase promotions, testimonials, and services. You can boost engagement across your site with beautiful, functional info boxes tailored to your needs. #### Key Features of Info Box by The Plus Addons for Elementor - Easily create attractive and interactive info boxes that grab visitors' attention and boost engagement. - Showcase promotions, services, testimonials, or important info in a visually appealing way to increase conversions. - Customize your boxes quickly without needing design skills, saving you time and effort. - Enhance your website’s professional look and user experience with versatile, ready-to-use info box designs. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Info-Box-demos.png) Learn More](https://theplusaddons.com/elementor-widget/info-box/#demos) Wait! That’s not it, Info Box is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Colorbox Panels & Info Box ![](https://theplusaddons.com/wp-content/uploads/2025/09/Colorbox-Panels-Info-Box-WordPress-plugin.jpg) Colorbox Panels & Info Box lets you easily create responsive, customizable content and icon boxes with drag-and-drop functionality. You can also display content in widget area by simply pasting the shortcode in text widget provided. #### Key Features of Colorbox Panels & Info Box - Easily create attractive content and icon boxes that look great on all devices, including mobiles and tablets. - Customize your boxes with unlimited colors, fonts, and layouts to match your website’s style perfectly. - Quickly organize and display multiple content boxes anywhere on your site using simple shortcodes. - Manage and reorder your boxes effortlessly with a drag-and-drop builder for a smooth editing experience. [Learn More](https://wordpress.org/plugins/colorbox-panels/) ### 3. Service Box ![](https://theplusaddons.com/wp-content/uploads/2025/09/Service-Box-WordPress-plugin.jpg) The Service Box plugin lets you easily showcase your services with responsive, customizable boxes using drag-and-drop and shortcode features. You can choose from over 55 design templates, unlimited colors, and multiple icon options to enhance your website’s look. #### Key Features of Service Box - Easily showcase your services with attractive, customizable boxes that grab visitors' attention. - Quickly create and arrange service boxes using a simple drag-and-drop builder, saving you time and effort. - Make your website look professional and responsive on all devices, ensuring a great user experience. - Use ready-made templates and icon options to personalize your service display without needing design skills. [Learn More](https://wordpress.org/plugins/service-box/) ### 4. Infobox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Infobox-wpd-WordPress-plugin.jpg) Using the Infobox plugin, you can easily create attractive, customizable info boxes within the Gutenberg Block Editor to highlight your key points. It’s lightweight, fast, and enhances user experience on any standard WordPress theme. #### Key Features of Infobox - Easily create attractive infoboxes to highlight important features or key points in your content, making it more engaging for visitors. - Fully customizable colors and content let you match the infobox to your website’s style and message perfectly. - Lightweight and optimized for fast loading, so your site stays quick and smooth without extra bloat. - Works seamlessly with any standard WordPress theme and the Gutenberg editor, making it simple to use without technical hassle. [Learn More](https://wordpress.org/plugins/infobox/) ### 5. Starbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Starbox-WordPress-plugin.jpg) Starbox helps you create beautiful, customizable author boxes that boost your credibility and engage your readers. You can easily showcase your authors with social profiles, themes, and Google Authorship without any coding. #### Key Features of Starbox - Makes your authors look professional and trustworthy with attractive author boxes that engage readers. - Helps readers connect with authors through clickable social media profiles, boosting your site's social proof. - Easy to set up with no coding needed, so you can quickly add author info and improve your site’s appeal. - Increases reader loyalty and return visits by showing real people behind your content, which also helps with search rankings. [Learn More](https://wordpress.org/plugins/starbox/) ## Which Info Box Plugin Should You Choose? When choosing an Info Box plugin, look for customization options, responsive design, and ease of use to enhance your site's engagement. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Info-Box-demos.png) You should pick Info Box by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/info-box/#demos) as the best choice because it combines powerful features with seamless integration. Plus, The Plus Addons offers [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/), letting you build a fully functional website without writing any code. ## FAQs on Info Box WordPress Plugins ### What is an Info Box plugin in WordPress? An Info Box plugin helps you create stylish content boxes to highlight key info, features, or calls to action on your site without coding. ### Can I customize the design of Info Boxes easily? Yes, most Info Box plugins offer drag-and-drop editors and style options so you can tailor colors, icons, and layouts to match your brand. ### Are Info Box plugins compatible with all WordPress themes? Generally, yes. Good Info Box plugins work smoothly with most themes and page builders like Elementor or Gutenberg. ### Do Info Box plugins affect my site’s loading speed? Top plugins are optimized for performance, so they add minimal load time while enhancing user engagement. ### Why choose Info Box by The Plus Addons for Elementor? Info Box by The Plus Addons is perfect for beginners, no coding needed, intuitive controls, and seamless Elementor integration for quick, beautiful boxes. --- # 5 Best WordPress Hover Card Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-hover-card-plugins/ Struggling to make your WordPress site truly stand out? Visitors often skim content without engaging, leaving your hard work unnoticed. Hover card plugins can transform static elements into interactive experiences that captivate attention and encourage clicks. By adding subtle animations and revealing extra information on hover, these tools breathe life into your pages and boost user interaction effortlessly. If you want to elevate your site’s design and engagement, exploring the best WordPress hover card plugins is the key to making your content memorable. ## Key Takeaways - Hover Cards are interactive visual elements that enhance user engagement by revealing additional content or animations on mouse hover. - This article reviews the top 5 WordPress Hover Card plugins, highlighting their features, ease of use, and customization options. - For beginners seeking simplicity and powerful design flexibility, we recommend Hover Card by The Plus Addons for Elementor as the best choice. ## What Does a Hover Card WordPress Plugin Help You With? The Hover Card WordPress Plugin lets you create interactive, eye-catching card layouts that reveal extra content when you hover over them. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Hover-Card-demo-image.jpg) You can easily customize styles and add engaging hover effects to make your site stand out. ## Best WordPress Hover Card Plugins Compared | Sl No | Hover Card Plugin | Rating | | ----- | ----------------- | ------ | | 1 | Hover Card by The Plus Addons for Elementor | ★★★★★ | | 2 | Flipbox | ★★★★ | | 3 | Hover Effects | ★★★ | | 4 | Image Hover Effects Ultimate | ★★★ | | 5 | Image Hover Effects | ★★★ | ### 1. Hover Card by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Hover-Card-widget.png) You can add stunning hover animations to your website effortlessly with the Advanced Elementor Hover Card widget. It lets you customize dynamic fields and use ready-to-go demos without any coding. #### Key Features of Hover Card by The Plus Addons for Elementor - Makes your website more interactive by showing extra info when users hover over cards, grabbing their attention easily. - Helps highlight important content or offers in a stylish way, improving user engagement and conversions. - Easy to customize and use, so you can quickly create attractive hover effects without coding. - Enhances the overall look and feel of your site, making it more modern and professional. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Hover-Card-demos.png) Learn More](https://theplusaddons.com/elementor-widget/hover-card/#demos) Wait! That’s not it, Hover Card is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Flipbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/Flipbox-WordPress-plugin.jpg) You can easily create stunning flip boxes and image overlays with the Image Hover Effects Ultimate plugin, featuring over 28 responsive layouts and 120+ effects. It integrates seamlessly with Visual Composer, giving you full control to customize colors, fonts, animations, and content for a professional look. #### Key Features of Flipbox - Easily create eye-catching flip boxes that engage visitors and make your website look professional. - Customize colors, fonts, and animations to match your brand and attract more attention to your content. - Responsive design ensures your flip boxes look great on all devices, including phones and tablets. - Simple drag-and-drop and live editing let you build and update flip boxes quickly without any coding skills. [Learn More](https://wordpress.org/plugins/image-hover-effects-ultimate-visual-composer/) ### 3. Hover Effects ![](https://theplusaddons.com/wp-content/uploads/2025/09/Hover-Effects-WordPress-plugin.jpg) You can easily create stunning, responsive image hover effects and galleries on your WordPress site using the Image Hover Effects Ultimate plugin. It offers over 500 customizable CSS3-based hover animations without any coding needed. #### Key Features of Hover Effects - Easily create beautiful and modern image hover effects to make your website look more professional and engaging. - Works smoothly on all devices, including mobiles and tablets, so your visitors have a great experience everywhere. - No coding needed as anyone can add stylish image galleries, captions, and animations quickly using simple tools. - Helps your online store or portfolio stand out by showing extra product or project details when users hover over images. [Learn More](https://wordpress.org/plugins/image-hover-effects-ultimate/) ### 4. Image Hover Effects Ultimate ![](https://theplusaddons.com/wp-content/uploads/2025/09/Image-Hover-Effects-Ultimate-WordPress-plugin.jpg) You can easily create stunning, responsive image hover effects and galleries with the Image Hover Effects Ultimate plugin using over 500 modern CSS3 animations. It lets you showcase your images beautifully without any coding, perfect for portfolios, eCommerce, or blogs. #### Key Features of Image Hover Effects Ultimate - Easily create beautiful and modern image hover effects to make your website look more attractive and professional. - No coding needed as anyone can add stylish hover animations and image galleries quickly using simple shortcodes. - Fully responsive and mobile-friendly, so your hover effects look great and work smoothly on all devices. - Save time by cloning hover effect settings to multiple images, making it easy to maintain a consistent look across your site. [Learn More](https://wordpress.org/plugins/image-hover-effects-ultimate/) ### 5. Image Hover Effects ![](https://theplusaddons.com/wp-content/uploads/2025/09/Image-Hover-Effects-WordPress-plugin.jpg) The Image Hover Effects plugin lets you easily add stylish, responsive hover animations with captions and overlays to your images. You simply upload your image, pick an effect, and make your portfolio or gallery visually engaging without any coding. #### Key Features of Image Hover Effects - Make your images look professional and eye-catching with stylish hover animations that grab visitors' attention. - Easily add captions, overlays, and clickable links to images without needing any coding skills. - Ensure your site looks great on all devices, including phones and tablets, thanks to the plugin’s responsive design. - Speed up your workflow with a simple setup that lets you add effects quickly and effortlessly through your WordPress editor. [Learn More](https://wordpress.org/plugins/image-hover-effects/) ## Which Hover Card Plugin Should You Choose? When choosing a Hover Card plugin, you need smooth animations, easy customization, and seamless Elementor compatibility. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Hover-Card-demos.png) Hover Card by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/hover-card/#demos) stands out as the best pick, offering advanced hover designs without any coding. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website effortlessly. ## FAQs on Hover Card WordPress Plugins ### What is a hover card plugin for WordPress? A hover card plugin adds interactive hover effects to images or elements on your site, making content more engaging and visually appealing without complex coding. ### Can I use hover card plugins without coding skills? Yes! Many hover card plugins, like Hover Card by The Plus Addons for Elementor, are beginner-friendly and let you create effects with simple drag-and-drop tools, no coding needed. ### Do hover card plugins affect website speed? Good plugins are optimized to keep your site fast. Always choose lightweight, well-coded hover card plugins to avoid slowing down your pages. ### Are hover card plugins compatible with all WordPress themes? Most hover card plugins work smoothly with popular themes, but it’s best to test compatibility or check plugin documentation before installing. ### Why choose Hover Card by The Plus Addons for Elementor? It’s perfect for beginners, offering easy setup and beautiful hover effects without any coding. Plus, it integrates seamlessly with Elementor for flexible design control. --- # 5 Best WordPress Social Media Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-social-media-plugins/ Struggling to grow your WordPress site’s audience? Without the right social media tools, sharing your content and engaging visitors can feel overwhelming and time-consuming. Luckily, the best social media plugins simplify this process, helping you boost traffic, increase shares, and connect with followers effortlessly. In this article, we’ll explore the top WordPress social media plugins that make managing and promoting your content easier than ever. ## Key Takeaways - Social media plugins enhance your WordPress site by enabling easy content sharing, boosting engagement, and growing your online presence. - This article reviews the top 5 WordPress social media plugins, highlighting their features, ease of use, and benefits. - Our top recommendation is Social Media by The Plus Addons for Elementor due to its beginner-friendly interface and seamless integration, making it perfect for users of all skill levels. ## What Does a Social Media WordPress Plugin Help You With? A Social Media WordPress plugin lets you easily add sharing buttons and social feeds to your site, boosting engagement and reach. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Social-Media-demo-image.jpg) You use it to connect your content with popular platforms, making sharing simple for your visitors. ## Best WordPress Social Media Plugins Compared | Sl No | Social Media Plugin | Rating | | ----- | ------------------- | ------ | | 1 | Social Media by The Plus Addons for Elementor | ★★★★★ | | 2 | Flow-Flow Social Feed Stream | ★★★★ | | 3 | Tagembed | ★★★ | | 4 | WP to Buffer | ★★★ | | 5 | Feed Them Social | ★★★ | ### 1. Social Media by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Social-Media-widget.png) You can easily embed your social media posts or feeds directly on your webpage using the Social Embed Elementor widget without any hassle or authentication. Just pick your social platform and feed type, and you’re all set! #### Key Features of Social Media by The Plus Addons for Elementor - Easily display your social media posts or feeds directly on your website without complicated setup. - Save time by embedding social content without needing to log in or authenticate your accounts. - Keep your website fresh and engaging with automatic updates from your chosen social media platforms. - Enhance visitor experience by showing real-time social interactions and content right on your pages. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Social-Media-demos.png) Learn More](https://theplusaddons.com/elementor-widget/social-embed/#demos) Wait! That’s not it, Social Media is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Flow-Flow Social Feed Stream ![](https://theplusaddons.com/wp-content/uploads/2025/09/Flow-Flow-Social-Feed-Stream-WordPress-plugin.jpg) You can use the Flow-Flow plugin to create beautiful, responsive social media walls by mixing feeds from Facebook, Instagram, Twitter, and more. It caches data smartly for fast loading and offers easy shortcode integration on any page of your WordPress site. #### Key Features of Flow-Flow Social Feed Stream - Easily showcase mixed social media feeds (Facebook, Instagram, Twitter, etc.) in one beautiful, responsive gallery to boost your website’s social proof and attract more visitors. - Improve site speed and user experience with smart caching and fast loading, so your social feeds appear quickly without slowing down your site. - Customize and control your social streams with simple drag-and-drop design, filters, and counters to make your content engaging and easy to navigate. - Securely display social content without exposing sensitive data, giving you peace of mind while enhancing your brand’s online presence. [Learn More](https://wordpress.org/plugins/flow-flow-social-streams/) ### 3. Tagembed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tagembed-WordPress-plugin.jpg) With the Tagembed WordPress plugin, you can easily collect and embed social media feeds and reviews from platforms like Instagram, Facebook, Google, TikTok, and more onto your website in minutes. It boosts your site's engagement and credibility by showcasing real-time, customizable social content without any coding needed. #### Key Features of Tagembed - Easily showcase your social media posts and customer reviews on your website to build trust and attract more visitors. - Keep your website fresh and engaging with real-time updates from multiple social platforms like Instagram, Facebook, TikTok, and Google Reviews. - Boost your website’s credibility and sales by displaying authentic user-generated content and positive reviews in one place. - Customize the look of your feeds to match your brand without any coding, making your site more attractive and user-friendly. [Learn More](https://wordpress.org/plugins/tagembed-widget/) ### 4. WP to Buffer ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-to-Buffer-WordPress-plugin.jpg) When you publish or update content, the WordPress to Buffer plugin automatically adds your posts to your Buffer queue, scheduling them for sharing on social media like Facebook, X/Twitter, LinkedIn, and more. You can easily customize status messages and schedules to engage your audience without complicated setup. #### Key Features of WP to Buffer - Automatically share your WordPress posts and pages to multiple social media profiles, saving you time and effort. - Schedule your social media updates smartly to reach your audience at the best times without manual posting. - Create personalized and dynamic status messages that make your social posts more engaging and relevant. - Safely grow your social media presence without worrying about duplicate posts or account suspensions. [Learn More](https://wordpress.org/plugins/wp-to-buffer/) ### 5. Feed Them Social ![](https://theplusaddons.com/wp-content/uploads/2025/09/Feed-Them-Social-WordPress-plugin-1.jpg) You can easily create and display customizable social feeds from Instagram, Facebook, TikTok, or YouTube on your WordPress site with Feed Them Social. It’s responsive, simple to set up, and helps you grow your social media audience while keeping visitors engaged longer. #### Key Features of Feed Them Social - Easily display and customize social media feeds from Instagram, Facebook, TikTok, and YouTube on any part of your website, making your site more engaging. - Keeps visitors on your site longer by showing fresh, automatically updated social content without extra effort from you. - Helps grow your social media audience by adding Like and Follow buttons directly above or below your feeds. - Works smoothly on all devices and with any WordPress theme, ensuring your social feeds look great everywhere. [Learn More](https://wordpress.org/plugins/feed-them-social/) ## Which Social Media Plugin Should You Choose? When choosing a social media plugin, you should look for ease of use, seamless integration, and powerful customization options. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Social-Media-demos.png) Social Embed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/social-embed/#demos) stands out as the best pick to effortlessly boost your site's engagement. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Social Media WordPress Plugins ### Which social media plugin is best for beginners? Social Media by The Plus Addons for Elementor is perfect for beginners. It’s easy to set up, requires no coding, and integrates smoothly with Elementor, making social sharing simple and effective. ### How do social media plugins help my WordPress site? They boost engagement by enabling visitors to share content easily, increase your reach, and grow your audience across platforms without manual posting. ### Are social media plugins compatible with all WordPress themes? Most plugins work well with popular themes, but always check compatibility and test before full implementation to avoid conflicts. ### Can I customize the look of social media buttons? Yes, most plugins offer customization options for button style, size, and placement to match your site’s design. ### Will social media plugins slow down my website? Good plugins are optimized for speed, but adding too many can impact performance. Choose lightweight, well-coded plugins and monitor your site speed regularly. --- # 5 Best WordPress Breadcrumbs Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-breadcrumbs-plugins/ Struggling to help visitors navigate your WordPress site smoothly? Without clear breadcrumbs, users can easily get lost, leading to frustration and higher bounce rates. Finding the right breadcrumb plugin can be overwhelming with so many options available. In this article, we’ll explore the best WordPress breadcrumbs plugins that make navigation intuitive and boost your SEO, all without complicated setups or coding. ## Key Takeaways - Breadcrumbs improve website navigation and SEO by showing users their current location within the site hierarchy. - This article reviews the top 5 WordPress breadcrumb plugins, highlighting their features and ease of use. - We recommend Breadcrumbs by The Plus Addons for Elementor for beginners due to its user-friendly interface and seamless integration with Elementor. ## What Does a Breadcrumbs WordPress Plugin Help You With? The Breadcrumbs WordPress plugin helps you add easy-to-navigate breadcrumb trails on your site, improving user experience and SEO. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Breadcrumbs-demo-image.jpg) You can customize and display clear navigation paths so visitors always know where they are. ## Best WordPress Breadcrumbs Plugins Compared | Sl No | Breadcrumbs Plugin | Rating | | ----- | ------------------ | ------ | | 1 | Breadcrumbs by The Plus Addons for Elementor | ★★★★★ | | 2 | Breadcrumb | ★★★★ | | 3 | Flexy Breadcrumb | ★★★ | | 4 | WooCommerce Breadcrumbs | ★★★ | | 5 | WPSSO Schema Breadcrumbs Markup | ★★★ | ### 1. Breadcrumbs by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Breadcrumbs-widget.png) You can improve your website navigation and SEO with the Breadcrumbs Bar for Elementor. It lets you choose from multiple styles, custom icons, and toggle home, parent, and current breadcrumbs on or off to fit your site perfectly. #### Key Features of Breadcrumbs by The Plus Addons for Elementor - Makes website navigation easier for visitors, helping them find their way around quickly. - Enhances your site's SEO by clearly showing the page hierarchy to search engines. - Offers customizable styles and icons, so breadcrumbs match your website’s look perfectly. - Lets you control which breadcrumb parts to show, giving you flexibility to improve user experience. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Breadcrumbs-demos.png) Learn More](https://theplusaddons.com/elementor-widget/breadcrumbs-bar/#demos) Wait! That’s not it, Breadcrumbs is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Breadcrumb ![](https://theplusaddons.com/wp-content/uploads/2025/09/Breadcrumb-WordPress-plugin.jpg) You can easily add dynamic breadcrumb navigation to your WordPress site with the Breadcrumb plugin, which works on almost all page types and lets you customize styles, text, and visibility. It also supports filters and hooks so you can tailor it without changing the plugin code. #### Key Features of Breadcrumb - Easily add breadcrumb navigation to your WordPress site, helping visitors understand where they are and navigate your content smoothly. - Customize the look and text of breadcrumbs to match your website’s style and make navigation clear and attractive. - Control where breadcrumbs appear, including hiding them on specific pages or post types, so your site stays clean and user-friendly. - Use shortcodes to place breadcrumbs anywhere on your site, giving you flexibility to improve navigation exactly where you want. [Learn More](https://wordpress.org/plugins/breadcrumb/) ### 3. Flexy Breadcrumb ![](https://theplusaddons.com/wp-content/uploads/2025/09/Flexy-Breadcrumb-WordPress-plugin.jpg) You can easily add customizable, SEO-friendly breadcrumb navigation to your WordPress site using the Flexy Breadcrumb plugin. It lets you style text, links, separators, and even set home/end text with a simple shortcode #### Key Features of Flexy Breadcrumb - Easily add breadcrumb navigation anywhere on your WordPress site to help visitors understand where they are and improve site navigation. - Customize the look of your breadcrumbs with options for colors, fonts, icons, and separators to match your site’s style perfectly. - Improve your site’s SEO with built-in schema markup that helps search engines better understand your site structure. - Simple to use with a shortcode or theme integration, making it quick to set up without needing coding skills. [Learn More](https://wordpress.org/plugins/flexy-breadcrumb/) ### 4. WooCommerce Breadcrumbs ![](https://theplusaddons.com/wp-content/uploads/2025/09/WooCommerce-Breadcrumbs-WordPress-plugin.jpg) You can easily restyle or completely disable WooCommerce breadcrumbs on your WordPress site with the WooCommerce Breadcrumbs plugin. It lets you customize the HTML around your breadcrumbs for better styling options without applying styles for you. #### Key Features of WooCommerce Breadcrumbs - Easily customize how your WooCommerce breadcrumbs look by changing the HTML structure for better styling options. - Quickly disable breadcrumbs completely if you don’t want them showing on your site. - Change the breadcrumb separator and text, including the ‘Home’ link, to better fit your site’s style and navigation. - Works smoothly with most themes and helps improve the user experience by making navigation clearer and more flexible. [Learn More](https://wordpress.org/plugins/woocommerce-breadcrumbs/) ### 5. WPSSO Schema Breadcrumbs Markup ![](https://theplusaddons.com/wp-content/uploads/2025/09/WPSSO-Schema-Breadcrumbs-Markup-WordPress-plugin.jpg) The WPSSO Schema Breadcrumbs Markup plugin adds comprehensive Schema BreadcrumbList markup to your posts, pages, and taxonomies, enhancing your content’s structured data for better search and social presentation. You simply activate the plugin, no templates or setup needed to improve how your content appears across platforms. #### Key Features of WPSSO Schema Breadcrumbs Markup - Helps improve your website’s navigation by showing clear breadcrumb trails, making it easier for visitors to find their way around. - Enhances your site’s SEO by providing search engines with better context about your page structure. - Makes your pages look more professional and organized, boosting user trust and engagement. - Works smoothly with popular SEO plugins, so you can easily add breadcrumbs without extra hassle. [Learn More](https://wordpress.org/plugins/wpsso-breadcrumbs/) ## Which Breadcrumbs Plugin Should You Choose? When choosing a breadcrumbs plugin, you should look for SEO friendliness, easy customization, and seamless integration with your theme. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Breadcrumbs-demos.png) Breadcrumbs Bar by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/breadcrumbs-bar/#demos) stands out as the best pick for its powerful features and user-friendly design. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Breadcrumbs WordPress Plugins ### What are breadcrumbs in WordPress and why should I use them? Breadcrumbs show users their location on your site, improving navigation and user experience. They also help search engines understand your site structure, boosting SEO. ### Are breadcrumb plugins difficult to set up for beginners? Most breadcrumb plugins, like Breadcrumbs by The Plus Addons for Elementor, are beginner-friendly and require no coding, making setup quick and easy. ### Can I customize the look of breadcrumbs on my site? Yes, many plugins let you customize colors, separators, and styles to match your site’s design without touching any code. ### Do breadcrumbs improve my site’s SEO? Yes, breadcrumbs enhance site structure visibility for search engines, which can improve your rankings and click-through rates. ### Why choose Breadcrumbs by The Plus Addons for Elementor? It’s perfect for beginners. Easy to use, no coding needed, and integrates smoothly with Elementor to create stylish, functional breadcrumb trails fast. --- # 5 Best WordPress Social Icon Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-social-icon-plugins/ Struggling to make your website’s social media presence stand out? Without clear, attractive social icons, visitors might miss the chance to connect with you on platforms that matter. Finding the right WordPress social icon plugin can be overwhelming with so many options available. This article will guide you through the best plugins that not only look great but also boost engagement, making it easier for your audience to follow and share our content effortlessly. ## Key Takeaways - Social icons are essential WordPress tools that help visitors easily connect with your social media profiles, boosting engagement and brand visibility. - This article highlights the top 5 WordPress social icon plugins, focusing on features, ease of use, and customization options. - For beginners, we recommend Social Icon by The Plus Addons for Elementor due to its user-friendly interface, seamless Elementor integration, and simple setup process. ## What Does a Social Icon WordPress Plugin Help You With? A Social Icon WordPress Plugin lets you easily add and display clickable social media icons on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Social-Icon-demo-image.jpg) You can customize these icons to link your visitors directly to your social profiles, boosting your online presence. ## Best WordPress Social Icon Plugins Compared | Sl No | Social Icon Plugin | Rating | | ----- | ------------------ | ------ | | 1 | Social Icon by The Plus Addons for Elementor | ★★★★★ | | 2 | Social Media Icons | ★★★★ | | 3 | Easy Social Icons | ★★★ | | 4 | Socials Ignited | ★★★ | | 5 | WP Socializer | ★★★ | ### 1. Social Icon by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Social-Icon-widget.png) You can easily connect with your website audience using the Social Icons widget from The Plus Addons for Elementor. It offers 15+ unique, customizable icon styles to expand your reach across multiple social platforms. #### Key Features of Social Icon by The Plus Addons for Elementor - Easily add attractive social icons to your website to boost your social media presence and engagement. - Customize icons to match your site’s style, helping your brand look professional and consistent. - Simple to use with Elementor, so you can quickly set up and manage your social links without any coding. - Enhance user experience by making it easy for visitors to find and connect with your social profiles. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Social-Icon-demos.png) Learn More](https://theplusaddons.com/elementor-widget/social-icons/#demos) Wait! That’s not it, Social Icon is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Social Media Icons ![](https://theplusaddons.com/wp-content/uploads/2025/09/Social-Media-Icons-WordPress-plugin.jpg) You can easily display a variety of social media icons with profile links using the New Social Media Widget plugin. It offers simple customization options like icon colors, sizes, and hover effects to seamlessly match your website’s style. #### Key Features of Social Media Icons - Easily display your social media profiles with attractive icons to help visitors connect with you across multiple platforms. - Customize icon colors, sizes, and effects to match your website’s style and make your social links stand out. - Responsive design ensures your social icons look great on all devices, improving user experience for mobile and desktop visitors. - Simple setup and management let you add or update social links quickly without any technical hassle. [Learn More](https://wordpress.org/plugins/new-social-media-widget/) ### 3. Easy Social Icons ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Social-Icons-WordPress-plugin.jpg) You can easily add fully customizable social media icons to your WordPress site with Easy Social Icons, no coding needed. Upload your own icons or choose from 100+ font-awesome options, then display them anywhere using widgets, shortcodes, or PHP tags. #### Key Features of Easy Social Icons - Easily add attractive social media icons to your WordPress site without any coding, helping you connect with your audience quickly. - Customize icon styles, sizes, and layouts to perfectly match your website’s design and improve visual appeal. - Use multiple icon sets and place them anywhere on your site with shortcodes, widgets, or PHP tags for flexible display options. - Boost your social presence with features like social share buttons, icon animations, and Google social profile integration to increase engagement. [Learn More](https://wordpress.org/plugins/easy-social-icons/) ### 4. Socials Ignited ![](https://theplusaddons.com/wp-content/uploads/2025/09/Socials-Ignited-WordPress-plugin.jpg) The Socials Ignited plugin lets you easily display and link icons for over 50 social networks on your website using a simple widget. You can customize icons with FontAwesome support and manage your social profiles directly from the Customizer. #### Key Features of Socials Ignited - Easily add and display icons for over 50 social networks on your website, helping visitors quickly find and connect with you. - Customize your social icons with a simple drag-and-drop widget, making setup fast and intuitive without any coding. - Access hundreds of stylish icons from FontAwesome 5.x to match your site’s look and showcase your social profiles beautifully. - Quickly manage and update your social links from the WordPress Customizer, keeping your site’s social presence fresh and organized. [Learn More](https://wordpress.org/plugins/socials-ignited/) ### 5. WP Socializer ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Socializer-WordPress-plugin.jpg) WP Socializer lets you easily add fast, responsive social media share and follow icons to your WordPress site, supporting over 50 platforms like Facebook, Twitter, and Instagram. You can customize icons, use floating share bars, and display share counts, all without slowing down your site. #### Key Features of WP Socializer - Easily add social sharing and follow buttons anywhere on your WordPress site to boost visitor engagement and increase your content’s reach. - Fully responsive design ensures your social icons look great and work smoothly on all devices, including mobiles and tablets. - Customize the look and placement of your social icons to match your website’s style, helping maintain a professional and cohesive appearance. - Track how visitors interact with your social buttons using built-in analytics and short link tracking to understand and improve your social media impact. [Learn More](https://wordpress.org/plugins/wp-socializer/) ## Which Social Icon Plugin Should You Choose? When choosing a social icon plugin, you want one that offers easy customization, fast loading, and supports multiple social networks. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Social-Icon-demos.png) Social Icon by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/social-icons/#demos) stands out as the best pick for its seamless integration and powerful features. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Social Icon WordPress Plugins ### Which social icon plugin is best for beginners? Social Icon by The Plus Addons for Elementor is perfect for beginners. It’s easy to use, requires no coding, and integrates smoothly with Elementor for quick, customizable social icon setup. ### Can I add social icons without coding? Yes, many plugins let you add and customize social icons easily via drag-and-drop interfaces, no coding needed. ### Do social icon plugins slow down my website? Good plugins optimize loading speed. Choose lightweight, well-coded plugins to keep your site fast. ### Can I customize the look of social icons? Absolutely! Most plugins offer options for icon size, color, shape, and animation to match your site’s style. ### Are free social icon plugins reliable? Yes, many free plugins offer solid features and regular updates. Just check reviews and compatibility before installing. --- # 5 Best WordPress Twitter Feed Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-twitter-feed-plugins/ Struggling to keep your website visitors engaged and connected to your social media? Without a seamless way to showcase your Twitter feed, you might be missing out on real-time updates and valuable interactions. Integrating the right WordPress Twitter feed plugin can transform your site, making it more dynamic and trustworthy. In this article, we'll explore the best plugins that effortlessly bring your Twitter content to life, helping you grow your audience and boost engagement. ## Key Takeaways - Twitter feeds allow you to seamlessly display real time tweets on your WordPress site, boosting engagement and social proof. - This article reviews the top 5 WordPress Twitter feed plugins, highlighting features, ease of use, and customization options. - Our top recommendation is Twitter Feed by The Plus Addons for Elementor, a beginner-friendly, easy-to-use plugin perfect for quickly integrating Twitter content without hassle. ## What Does a Twitter Feed WordPress Plugin Help You With? A Twitter (X) Feed WordPress Plugin lets you easily display your latest tweets directly on your website, keeping your visitors engaged with real-time updates. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Twitter-Feed-demo-image.jpg) You customize the look and feel to match your site and boost interaction effortlessly. ## Best WordPress Twitter Feed Plugins Compared | Sl No | Twitter Feed Plugin | Rating | | ----- | ------------------- | ------ | | 1 | Twitter Feed by The Plus Addons for Elementor | ★★★★★ | | 2 | Tagembed | ★★★★ | | 3 | Better Click To Tweet | ★★★ | | 4 | Customize Feeds for Twitter | ★★★ | | 5 | Feed Them Social | ★★★ | ### 1. Twitter Feed by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Twitter-Feed-widget.png) You can easily display your Twitter feed on your WordPress site using The Plus Addons’ Twitter Feed widget for Elementor. Just grab your Twitter Auth keys, and the plugin will automatically fetch and show your Tweets hassle-free. #### Key Features of Twitter Feed by The Plus Addons for Elementor - Easily display your latest Tweets on your website to keep visitors engaged. - Automatically fetch Twitter feeds without manual effort, saving you time and hassle. - Customize the look of your Twitter feed to match your website’s style for a seamless user experience. - Build trust and social proof by showcasing your active Twitter presence directly on your site. [ Learn More](https://theplusaddons.com/elementor-widget/twitter-feed/#demos) Wait! That’s not it, Twitter Feed is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Tagembed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tagembed-WordPress-plugin.jpg) The Tagembed WordPress plugin lets you easily collect and embed social media feeds and customer reviews from platforms like Instagram, Facebook, and Google onto your website. You can customize, moderate, and display these feeds in real-time to boost engagement and build trust with your visitors. #### Key Features of Tagembed - Easily showcase your social media posts and customer reviews on your website to build trust and attract more visitors. - Automatically update your website with fresh content from multiple social platforms, keeping your site lively and engaging. - Customize the look and feel of your social feeds to match your brand, making your website look professional without any coding. - Boost your website’s SEO and customer confidence by displaying real-time reviews and social proof directly on your pages. [Learn More](https://wordpress.org/plugins/tagembed-widget/) ### 3. Better Click To Tweet ![](https://theplusaddons.com/wp-content/uploads/2025/09/Better-Click-To-Tweet-WordPress-plugin.jpg) Better Click To Tweet lets you easily add tweetable quotes in your WordPress posts using a shortcode or block, encouraging readers to share your content on X (formerly Twitter). You just install, activate, enter your Twitter username, and start creating shareable call-out boxes. #### Key Features of Better Click To Tweet - Makes it easy for your readers to share your content on Twitter with just one click, boosting your reach. - Encourages more engagement by allowing you to highlight key quotes or messages readers can tweet instantly. - Helps increase traffic to your website by including a link back to your content in every tweet. - Simple to use with a shortcode or block, so you can add tweetable content quickly without any hassle. [Learn More](https://wordpress.org/plugins/better-click-to-tweet/) ### 4. Customize Feeds for Twitter ![](https://theplusaddons.com/wp-content/uploads/2025/09/Customize-Feeds-for-Twitter-WordPress-plugin.jpg) The Customize Feeds for Twitter plugin lets you display real-time, fully customizable Twitter feeds on your WordPress site using shortcodes or widgets. You can control tweet layout, colors, fonts, and even enable tweet actions like reply, retweet, and like directly from your site. #### Key Features of Customize Feeds for Twitter - Easily showcase real-time Twitter feeds on your WordPress site to keep your content fresh and engaging. - Fully customizable design lets your Twitter feed match your website’s look and feel perfectly. - Interactive features like reply, retweet, and like directly from your site boost visitor engagement. - Display multiple Twitter feeds, hashtags, or search terms without limits to share diverse content with your audience. [Learn More](https://wordpress.org/plugins/twitter-tweets/) ### 5. Feeds For Twitter ![](https://theplusaddons.com/wp-content/uploads/2025/09/Feeds-For-Twitter-WordPress-plugin.jpg) You can easily embed Twitter timelines, posts, videos, and hashtags with simple shortcodes or blocks. Also, you can boost engagement with a fully customizable Twitter Follow Button that encourages visitors to connect with you. #### Key Features of Feeds for Twitter - Add timelines, tweets, videos, and hashtags anywhere on your website using shortcodes or blocks. - Control layout, size, scrolling, and button styles. - Add Twitter Follow, Tweet, and Hashtag buttons to boost engagement. - With pro version, unlock advanced options like hiding headers/footers, multilingual support, and specific tweet embedding. [Learn More](https://wordpress.org/plugins/easy-twitter-feeds/) ## Which Twitter Feed Plugin Should You Choose? When choosing a Twitter Feed plugin, you should look for ease of use, customization options, and seamless integration with your site. [ Twitter Feed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/twitter-feed/#demos) stands out as the best pick for delivering a smooth, visually appealing Twitter experience. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Twitter Feed WordPress Plugins ### What is a Twitter feed plugin for WordPress? A Twitter feed plugin displays your Twitter posts directly on your WordPress site, helping you share updates and engage visitors without them leaving your page. ### How do I add a Twitter feed to my WordPress site? Simply install a Twitter feed plugin, connect your Twitter account, and customize the display settings to match your site’s look, no technical skills needed. ### Can I customize the look of my Twitter feed on WordPress? Yes! Most plugins let you adjust colors, layout, and post types so your feed fits seamlessly with your website design. ### Is it safe to use Twitter feed plugins on my site? Absolutely. Reputable plugins follow Twitter’s API rules and keep your site secure by regularly updating and using safe coding practices. ### Why choose Twitter Feed by The Plus Addons for Elementor? It’s super beginner-friendly, requires zero coding, and integrates smoothly with Elementor, making it easy to add stylish Twitter feeds in just minutes. --- # 5 Best WordPress Testimonial Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-testimonial-plugins/ Struggling to build trust with your website visitors? Without authentic testimonials, potential customers may hesitate to take the next step. The right WordPress testimonial plugin can transform your site by showcasing real feedback that boosts credibility and drives conversions. In this article, we’ll explore the best plugins that make collecting, managing, and displaying testimonials effortless, helping you turn visitors into loyal customers. ## Key Takeaways - Testimonials build trust by showcasing authentic customer feedback, making them essential for any WordPress website. - This article reviews the top 5 WordPress testimonial plugins, highlighting features, ease of use, and customization options. - We recommend Testimonial by The Plus Addons for Elementor for beginners due to its user-friendly interface and seamless integration with Elementor. ## What Does a Testimonial WordPress Plugin Help You With? A Testimonial WordPress Plugin lets you easily showcase your customers' positive feedback on your site, boosting your credibility. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Testimonial-demo-image.jpg) You can add, display, and customize testimonials to build trust and attract more clients. ## Best WordPress Testimonial Plugins Compared | Sl No | Testimonial Plugin | Rating | | ----- | ------------------ | ------ | | 1 | Testimonial by The Plus Addons for Elementor | ★★★★★ | | 2 | Testimonial | ★★★★ | | 3 | Testimonial Grid and Slider | ★★★ | | 4 | Real Testimonials | ★★★ | | 5 | Super Testimonial | ★★★ | ### 1. Testimonial by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Testimonial-widget.png) The Plus Addons for Elementor lets you easily create stunning testimonial sections to showcase your customer reviews and feedback. You can highlight success stories with a user-friendly widget that enhances your WordPress site’s credibility. #### Key Features of Testimonial by The Plus Addons for Elementor - Easily showcase customer feedback to build trust and credibility on your website. - Create attractive and engaging testimonial layouts that capture visitors' attention. - Save time with ready-made templates and simple customization options. - Improve your site's professionalism by displaying authentic reviews in a polished way. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Testimonial-demos.png) Learn More](https://theplusaddons.com/elementor-listing//testimonials/#demos) Wait! That’s not it, Testimonial is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Testimonial ![](https://theplusaddons.com/wp-content/uploads/2025/09/Testimonial-WordPress-plugin.jpg) You can easily add and display multiple responsive testimonial grids and sliders on your WordPress site using this plugin. It offers customizable designs, shortcode and widget support, plus compatibility with popular page builders like Elementor and Gutenberg. #### Key Features of Testimonial - Easily showcase multiple customer testimonials in attractive grids or sliders to build trust and credibility on your website. - Fully responsive design ensures your testimonials look great and work smoothly on any device, improving visitor experience. - Customizable display options let you highlight client names, job titles, companies, and photos, making testimonials more personal and impactful. - Supports popular page builders and Gutenberg blocks, allowing you to add testimonials quickly without any coding skills. [Learn More](https://wordpress.org/plugins/wp-testimonial-with-widget/) ### 3. Testimonial Grid and Slider ![](https://theplusaddons.com/wp-content/uploads/2025/09/Testimonial-Grid-and-Slider-WordPress-plugin.jpg) You can easily add and display multiple responsive testimonial grids and sliders on your WordPress site using the WP Testimonial with Widget plugin. It offers customizable designs, shortcode and widget support, plus compatibility with popular page builders like Elementor and Gutenberg. #### Key Features of Testimonial Grid and Slider - Easily showcase multiple customer testimonials in attractive grids or sliders, making your website look professional and trustworthy. - Fully responsive design ensures your testimonials look great on any device, helping you reach visitors on phones, tablets, and desktops. - Simple shortcode and widget options let you quickly add and customize testimonials anywhere on your site without needing coding skills. - Supports rich testimonial details like client names, job titles, photos, and company info, helping build credibility and stronger customer trust. [Learn More](https://wordpress.org/plugins/wp-testimonial-with-widget/) ### 4. Real Testimonials ![](https://theplusaddons.com/wp-content/uploads/2025/09/Real-Testimonials-WordPress-plugin.jpg) You can easily create stunning testimonial showcases and automated review forms on your WordPress site with the Real Testimonials plugin. It helps you boost trust, sales, and brand reputation through customizable sliders, grids, and video testimonials, all without coding. #### Key Features of Real Testimonials - Easily build trust with real customer reviews that boost your sales and brand reputation. - Create eye-catching testimonial displays like sliders, carousels, and grids without any coding skills. - Save time by automating testimonial collection, filtering, and publishing based on star ratings. - Collect both written and video testimonials to showcase authentic customer stories that connect with visitors. [Learn More](https://wordpress.org/plugins/testimonial-free/) ### 5. Super Testimonial ![](https://theplusaddons.com/wp-content/uploads/2025/09/Super-Testimonial-WordPress-plugin.jpg) You can easily add and display unlimited testimonials on your WordPress site using the Super Testimonial plugin, with multiple responsive layouts like sliders and grids. It offers powerful customization options and supports frontend testimonial submissions to boost your site's trust and conversions. #### Key Features of Super Testimonial - Easily showcase customer testimonials anywhere on your site to build trust and credibility. - Add testimonials as a widget in sidebars or embed them in pages and posts with simple shortcodes. - Display testimonials in a responsive slider that looks great on all devices, improving user experience. - Quickly generate and manage testimonial content from your WordPress dashboard without needing coding skills. [Learn More](https://wordpress.org/plugins/super-testimonial/) ## Which Testimonial Plugin Should You Choose? When choosing a testimonial plugin, you need easy customization, responsive design, and seamless Elementor integration. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Testimonial-demos.png) Testimonials by The Plus Addons for Elementor](https://theplusaddons.com/elementor-listing//testimonials/#demos) stands out as the best pick, offering all these features with top-notch performance. Plus, The Plus Addons gives you access to [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/), so you can build a fully functional website without any coding. ## FAQs on Testimonial WordPress Plugins ### What is a testimonial plugin and why do I need one? A testimonial plugin helps you easily display customer reviews on your site, boosting trust and conversions. It organizes and formats testimonials professionally without coding. ### Can I add testimonials without coding skills? Yes! Many plugins offer drag-and-drop or simple interfaces, letting you add and customize testimonials quickly without any coding knowledge. ### How do testimonial plugins improve my website? They enhance credibility by showcasing real feedback, increase user engagement, and help convert visitors into customers through social proof. ### Are testimonial plugins compatible with all WordPress themes? Most popular testimonial plugins work smoothly with any theme, but it’s best to check plugin documentation or reviews for specific compatibility notes. ### Why choose Testimonial by The Plus Addons for Elementor? It’s beginner-friendly, requires no coding, and integrates seamlessly with Elementor. You can create beautiful, customizable testimonial layouts in minutes. --- # 5 Best WordPress Mailchimp Form Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-mailchimp-form-plugins/ Struggling to capture email subscribers on your WordPress site? Without the right tools, building an effective mailing list can feel overwhelming and time-consuming. Fortunately, the right Mailchimp form plugin can simplify this process, helping you create engaging signup forms that grow your audience effortlessly. In this article, we’ll explore the best WordPress Mailchimp form plugins that combine ease of use with powerful features, so you can boost your email marketing without the hassle. ## Key Takeaways - Mailchimp forms are essential tools for seamlessly integrating email marketing signup forms into WordPress sites, helping grow and engage your audience effectively. - This article reviews the top 5 WordPress Mailchimp form plugins, comparing features, ease of use, and customization options to help you find the perfect fit. - Our top recommendation is Mailchimp Form by The Plus Addons for Elementor, a beginner-friendly, easy-to-use plugin that simplifies form creation without compromising functionality. ## What Does a Mailchimp Form WordPress Plugin Help You With? The Mailchimp Form WordPress Plugin lets you easily add signup forms to your site, helping you grow your email list and engage your audience. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Mailchimp-Form-demo-image.jpg) You can customize forms and automate your email marketing directly from your WordPress dashboard. ## Best WordPress Mailchimp Form Plugins Compared | Sl No | Mailchimp Form Plugin | Rating | | ----- | --------------------- | ------ | | 1 | Mailchimp Form by The Plus Addons for Elementor | ★★★★★ | | 2 | MailMunch MailChimp Forms | ★★★★ | | 3 | Another Mailchimp Widget | ★★★ | | 4 | Featured Images in RSS for Mailchimp | ★★★ | | 5 | Forms for Mailchimp by Optin Cat | ★★★ | ### 1. Mailchimp Form by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Mailchimp-Form-widget.png) You can easily integrate Mailchimp with Elementor using the Mailchimp Form widget from The Plus Addons. It lets you customize fields, ensure GDPR compliance, and manage redirects and double opt-ins seamlessly. #### Key Features of Mailchimp Form by The Plus Addons for Elementor - Easily connect your Elementor forms with Mailchimp to grow your email list without hassle. - Customize form fields and subscribe buttons to match your website’s style and boost sign-ups. - Ensure your forms follow GDPR rules, keeping your subscribers’ data safe and building trust. - Manage subscriber actions smoothly with options like redirects, double opt-ins, and personalized messages for a better user experience. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Mailchimp-Form-demos.png) Learn More](https://theplusaddons.com/elementor-widget/mailchimp-form/#demos) Wait! That’s not it, Mailchimp Form is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. MailMunch MailChimp Forms ![](https://theplusaddons.com/wp-content/uploads/2025/09/MailMunch-MailChimp-Forms-WordPress-plugin.jpg) The MailChimp Forms by MailMunch plugin lets you easily add unlimited beautiful Mailchimp opt-in forms to your WordPress site, syncing subscribers with detailed info like names and birthdays. You can place these forms anywhere, posts, pages, widgets, and boost your email list growth quickly. #### Key Features of MailMunch MailChimp Forms - Easily grow your email list by adding attractive Mailchimp signup forms anywhere on your website. - Connect smoothly with your Mailchimp account to keep subscriber info updated and organized automatically. - Use different form styles like popups, sidebars, and top bars to capture visitors’ attention and boost signups. - Improve marketing results with built-in tools like A/B testing, analytics, and GDPR compliance to engage subscribers effectively. [Learn More](https://wordpress.org/plugins/mailchimp-forms-by-mailmunch/) ### 3. Another Mailchimp Widget ![](https://theplusaddons.com/wp-content/uploads/2025/09/Another-Mailchimp-Widget-WordPress-plugin.jpg) You can easily add a Mailchimp subscription form to your WordPress site using this plugin, either as a widget or shortcode. It lets you customize fields, subscribe users to specific lists or groups, and shows clear success or failure messages. #### Key Features of Another Mailchimp Widget - Easily add a Mailchimp signup form anywhere on your site using a widget or shortcode, making it simple for visitors to subscribe. - Supports subscribing users to specific Mailchimp lists and groups, helping you organize your audience better. - Customizable form labels and messages let you create a friendly, personalized signup experience for your visitors. - Lightweight and reliable plugin that works well with the latest WordPress versions and offers quick support if needed. [Learn More](https://wordpress.org/plugins/another-mailchimp-widget/) ### 4. Featured Images in RSS for Mailchimp ![](https://theplusaddons.com/wp-content/uploads/2025/09/Featured-Images-in-RSS-for-Mailchimp-WordPress-plugin.jpg) The Featured Images in RSS plugin lets you instantly add your blog’s featured images to RSS feeds for services like Mailchimp and WooCommerce. You can easily customize image size, position, and padding to enhance your content marketing efforts. #### Key Features of Featured Images in RSS for Mailchimp - Easily add featured images to your RSS feeds, making your blog posts and product updates more visually appealing in email campaigns and feed readers. - Works seamlessly with popular marketing tools like Mailchimp, Hubspot, and WooCommerce, helping you create engaging automated emails that stand out. - Saves you time with a simple setup and minimal configuration, so you can quickly enhance your content without technical hassle. - Offers free support and regular updates, ensuring your images display correctly and your marketing runs smoothly. [Learn More](https://wordpress.org/plugins/featured-images-for-rss-feeds/) ### 5. Forms for Mailchimp by Optin Cat ![](https://theplusaddons.com/wp-content/uploads/2025/09/Forms-for-Mailchimp-by-Optin-Cat-WordPress-plugin.jpg) You can quickly create beautiful, customizable Mailchimp forms with the Forms for Mailchimp by Optin Cat plugin to grow your mailing list. It offers popups, post boxes, and sidebar widgets that seamlessly integrate with WordPress and Mailchimp without any coding. #### Key Features of Forms for Mailchimp by Optin Cat - Easily create attractive MailChimp signup forms that match your website’s design to help grow your email list quickly. - Use different form types like pop-ups, sidebar widgets, and post boxes to capture visitors’ emails in the most effective way. - Get insights with built-in analytics to see which forms perform best, so you can improve your subscriber growth. - No coding needed as the plugin is simple to set up and works smoothly with WordPress and MailChimp, saving you time and hassle. [Learn More](https://wordpress.org/plugins/mailchimp-wp/) ## Which Mailchimp Form Plugin Should You Choose? When choosing a Mailchimp form plugin, you want one that offers seamless integration, easy customization, and reliable subscriber management. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Mailchimp-Form-demos.png) Mailchimp Form by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/mailchimp-form/#demos) stands out as the best pick for its powerful features and user-friendly design. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Mailchimp Form WordPress Plugins ### Which Mailchimp form plugin is easiest for beginners? Mailchimp Form by The Plus Addons for Elementor is perfect for beginners. It’s user-friendly, requires no coding, and integrates smoothly with Elementor for quick form creation. ### Do I need coding skills to use Mailchimp WordPress plugins? No, most Mailchimp plugins offer drag-and-drop builders and pre-made templates, so you can create and customize forms without any coding knowledge. ### Can I automate email campaigns using these Mailchimp plugins? Yes, many plugins connect directly to Mailchimp’s automation features, letting you trigger emails based on user actions like sign-ups or purchases. ### Will these plugins slow down my WordPress site? Reputable Mailchimp form plugins are optimized for performance and won’t noticeably affect your site speed when used properly. ### Can I customize the design of Mailchimp forms on WordPress? Absolutely! Most plugins offer style options or work with page builders, so you can match forms to your site’s look and feel easily. --- # 5 Best WordPress Vimeo Feed Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-vimeo-feed-plugins/ Struggling to showcase your Vimeo videos seamlessly on your WordPress site? It’s frustrating when embedded videos don’t load properly or disrupt your site’s design. The right Vimeo feed plugin can solve these headaches by delivering smooth, customizable video galleries that engage visitors without slowing your site down. In this article, we’ll explore the best WordPress Vimeo feed plugins that make embedding and managing your videos effortless, helping you create a polished, professional video experience your audience will love. ## Key Takeaways - A Vimeo Feed plugin allows you to seamlessly embed and display Vimeo videos or entire channels on your WordPress site, enhancing user engagement with high-quality video content. - We’ve reviewed the top 5 WordPress Vimeo Feed plugins, focusing on ease of use, customization options, and performance to help you make the best choice. - Our top recommendation is Vimeo Feed by The Plus Addons for Elementor, praised for its beginner-friendly interface and simple integration, making it ideal for users of all skill levels. ## What Does a Vimeo Feed WordPress Plugin Help You With? The Vimeo Feed WordPress Plugin lets you easily display your Vimeo videos or channels directly on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Vimeo-Feed-demo-image.jpg) You can customize layouts like grid or carousel to showcase fresh video content that engages your visitors. ## Best WordPress Vimeo Feed Plugins Compared | Sl No | Vimeo Feed Plugin | Rating | | ----- | ----------------- | ------ | | 1 | Vimeo Feed by The Plus Addons for Elementor | ★★★★★ | | 2 | Vimeography | ★★★★ | | 3 | Vimeotheque | ★★★ | | 4 | WP Video Lightbox | ★★★ | | 5 | Video Gallery | ★★★ | ### 1. Vimeo Feed by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Vimeo-Feed-widget.png) You can easily add a Vimeo channel feed to your Elementor website using The Plus Addons' Vimeo Feed widget. It helps you engage your audience by showcasing high-quality Vimeo videos seamlessly. #### Key Features of Vimeo Feed by The Plus Addons for Elementor - Easily showcase your Vimeo videos on your Elementor website to engage visitors with high-quality video content. - Save time by quickly adding Vimeo channel feeds without complicated setup or authentication. - Enhance your site’s visual appeal with dynamic and customizable video displays that fit your design. - Keep your audience updated automatically as new videos from your Vimeo channel appear on your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Vimeo-Feed-demos.png) Learn More](https://theplusaddons.com/elementor-widget/vimeo-feed/#demos) Wait! That’s not it, Vimeo Feed is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Vimeography ![](https://theplusaddons.com/wp-content/uploads/2025/09/Vimeography-WordPress-plugin.jpg) Vimeography lets you quickly create beautiful, custom Vimeo video galleries on your WordPress site with just one click. You can easily showcase videos from Vimeo accounts, channels, or showcases to make your site look like Netflix. #### Key Features of Vimeography - Easily create beautiful video galleries on your WordPress site using your Vimeo videos without any hassle. - Automatically keep your video gallery up-to-date with new videos uploaded to your Vimeo account or channel. - Quickly add video galleries to any page, post, or template with just one click, saving you time and effort. - Perfect for showcasing videos for memberships, courses, portfolios, or any site needing a professional video display. [Learn More](https://wordpress.org/plugins/vimeography/) ### 3. Vimeotheque ![](https://theplusaddons.com/wp-content/uploads/2025/09/Vimeotheque-WordPress-plugin.jpg) The Vimeotheque plugin lets you easily import and embed responsive Vimeo videos on your WordPress site as custom post types. You can manage single videos, playlists, and even display your latest videos with built-in blocks and widgets. #### Key Features of Vimeotheque - Easily add and manage Vimeo videos on your WordPress site with simple importing and embedding options. - Make your videos look great on any device with fully responsive and modern video player support. - Showcase multiple videos or playlists without playback conflicts, keeping your site user-friendly and smooth. - Quickly display your latest videos in sidebars or posts using built-in blocks and widgets, enhancing visitor engagement. [Learn More](https://wordpress.org/plugins/codeflavors-vimeo-video-post-lite/) ### 4. WP Video Lightbox ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Video-Lightbox-WordPress-plugin.jpg) The WP Video Lightbox plugin lets you easily embed YouTube, Vimeo, and other videos in a stylish lightbox overlay on your WordPress site. You can customize the popup size, autoplay, and even use thumbnails as clickable anchors for a smooth video viewing experience. #### Key Features of WP Video Lightbox - Easily embed Vimeo, and other videos on your WordPress site with a stylish lightbox popup, making videos more engaging for visitors. - Videos open in an overlay without leaving the page, keeping users focused and improving their viewing experience. - Works on mobile devices like iPhones and iPads, so your videos look great and play smoothly on smartphones and tablets. - Customizable settings let you control the look and behavior of the video popup, helping you match your site’s style and keep visitors happy. [Learn More](https://wordpress.org/plugins/wp-video-lightbox/) ### 5. Video Gallery ![](https://theplusaddons.com/wp-content/uploads/2025/09/Video-Gallery-WordPress-plugin.jpg) The Video Gallery plugin lets you easily create responsive, customizable video galleries with support for YouTube, Vimeo, Wistia, and MP4 videos. You can enhance your site’s design with various themes, hover effects, and smooth animations to engage your visitors effectively. #### Key Features of Video Gallery - Easily create beautiful and engaging video galleries that showcase your videos professionally, helping your site look polished and attract more visitors. - Supports popular video platforms like YouTube, Vimeo, Wistia, and MP4 files, so you can display all your videos in one organized place. - Fully responsive design ensures your video galleries look great and work smoothly on any device, from phones to desktops. - Offers creative effects and customizable layouts that make your galleries interactive and visually appealing, keeping visitors interested longer. [Learn More](https://wordpress.org/plugins/gallery-videos/) ## Which Vimeo Feed Plugin Should You Choose? When choosing a Vimeo Feed plugin, you should look for easy customization, mobile responsiveness, and seamless integration with your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Vimeo-Feed-demos.png) Vimeo Feed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/vimeo-feed/#demos) stands out as the best pick for its user-friendly features and reliability. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Vimeo Feed WordPress Plugins ### What is a Vimeo feed plugin for WordPress? A Vimeo feed plugin lets you easily display your Vimeo videos or channels on your WordPress site, creating an engaging video gallery without manual embedding. ### Do I need coding skills to add a Vimeo feed to WordPress? No, most Vimeo feed plugins are designed for beginners and require no coding. You can add and customize video feeds using simple settings or drag-and-drop interfaces. ### Can Vimeo feed plugins improve my website’s loading speed? Yes, good Vimeo plugins load videos efficiently by embedding from Vimeo’s servers, preventing your site from slowing down due to heavy video files. ### Are Vimeo feed plugins compatible with page builders like Elementor? Many Vimeo plugins, including popular ones, integrate smoothly with Elementor and other page builders, allowing easy placement and styling of video feeds. ### Why is Vimeo Feed by The Plus Addons for Elementor the best choice? Vimeo Feed by The Plus Addons is beginner-friendly, requires no coding, and offers easy customization within Elementor, making it perfect for users wanting a seamless, professional video display. --- # 5 Best WordPress Team Member Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-team-member-plugins/ Struggling to showcase your team’s talent on your WordPress site? Without the right tools, creating an attractive, professional team section can feel frustrating and time-consuming. Fortunately, the best WordPress team member plugins simplify this process, letting you highlight your people with ease and style. In this article, we’ll explore top plugin options that help you build trust and connect with visitors by putting your team front and center. ## Key Takeaways - Team member plugins help you showcase your staff or team profiles professionally on your WordPress website, enhancing credibility and engagement. - We review the top 5 WordPress team member plugins, highlighting their features, ease of use, and customization options. - Our top recommendation is Team Member by The Plus Addons for Elementor due to its beginner-friendly interface, seamless Elementor integration, and intuitive design flexibility. ## What Does a Team Member WordPress Plugin Help You With? The Team Member WordPress Plugin lets you easily showcase your team’s profiles with customizable layouts and detailed information. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Team-Member-demo-image.jpg) You can highlight names, roles, photos, and more to create a professional team page on your website. ## Best WordPress Team Member Plugins Compared | Sl No | Team Member Plugin | Rating | | ----- | ------------------ | ------ | | 1 | Team Member by The Plus Addons for Elementor | ★★★★★ | | 2 | AWSM Team | ★★★★ | | 3 | Team | ★★★ | | 4 | WP Team | ★★★ | | 5 | Team Members | ★★★ | ### 1. Team Member by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Team-Member-widget.png) You can easily showcase your team members with The Plus Addons for Elementor’s Team Members widget, creating stylish profiles that highlight their skills. This plugin lets you design dynamic, customizable team listings without any coding. #### Key Features of Team Member by The Plus Addons for Elementor - Easily showcase your team members in a professional and attractive way, helping visitors connect with your staff. - Build trust and credibility by highlighting employee expertise and roles clearly. - Customize the look and layout to match your website style, making your team section unique and engaging. - Save time with ready-made templates and flexible options, so you can create a polished team display without hassle. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Team-Member-demos.png) Learn More](https://theplusaddons.com/elementor-listing//team-members/#demos) Wait! That’s not it, Team Member is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. AWSM Team ![](https://theplusaddons.com/wp-content/uploads/2025/09/AWSM-Team-WordPress-plugin.jpg) You can easily create and manage a stylish team showcase on your WordPress site with the lightweight and versatile AWSM Team plugin. It offers multiple presets, responsive designs, and customization options to make your team section stand out. #### Key Features of AWSM Team - Easily create a professional and attractive team showcase on your WordPress site in just minutes. - Choose from multiple stylish layouts and presets to match your website’s design effortlessly - Responsive and touch-friendly, ensuring your team section looks great on all devices. - Simple to customize with options for adding custom CSS and detailed member profiles for better team presentation. [Learn More](https://wordpress.org/plugins/awsm-team/) ### 3. Team ![](https://theplusaddons.com/wp-content/uploads/2025/09/Team-WordPress-plugin.jpg) The Team plugin lets you easily showcase your team members with customizable layouts like grids, sliders, and filters. You can control all member details, including names, images, positions, social links, and bios, right from your WordPress admin. #### Key Features of Team - Easily showcase your team members in attractive layouts that look great on any device, helping your visitors connect with your team. - Customize the look and feel of your team pages with simple controls, so your site matches your brand perfectly. - Quickly add and organize team member details like names, roles, bios, and social links without any hassle. - Use filters and sorting options to highlight specific team members or departments, making it easier for visitors to find the right person. [Learn More](https://wordpress.org/plugins/tlp-team/) ### 4. WP Team ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Team-WordPress-plugin.jpg) The WP Team Member plugin lets you easily create and showcase your team members on any section of your WordPress site with customizable styles and slider options. It supports Elementor, WP Bakery, and includes widgets and shortcodes for flexible placement. #### Key Features of WP Team - Easily create and showcase your team members in attractive styles to make your website look professional and engaging. - Customize team member details like name, designation, social media, and bio to clearly present your team’s expertise and personality. - Use flexible layout and slider options to display your team in a way that fits perfectly with your website design and improves user experience. - Integrates smoothly with popular page builders like Elementor and WP Bakery, making it simple to add and manage team sections without coding. [Learn More](https://wordpress.org/plugins/ht-team-member/) ### 5. Team Members ![](https://theplusaddons.com/wp-content/uploads/2025/09/Team-Members-WordPress-plugin.jpg) The Team Members plugin lets you easily showcase your staff with photos, bios, and social links using simple shortcodes. You can customize layouts, reorder members, and manage teams directly from your WordPress admin panel. #### Key Features of Team Members - Easily showcase your team members with photos, bios, and social links to make your website more personal and engaging. - Quickly add, reorder, and manage team members anytime, saving you time and hassle. - Display your team anywhere on your site using simple shortcodes, giving you flexible design options. - Enjoy a free, user-friendly plugin that supports accessibility and provides helpful support when needed. [Learn More](https://wordpress.org/plugins/team-members/) ## Which Team Member Plugin Should You Choose? When choosing a Team Member plugin, you should look for ease of use, customizable layouts, and seamless integration with your WordPress theme. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Team-Member-demos.png) Team Members Listing by The Plus Addons for Elementor](https://theplusaddons.com/elementor-listing//team-members/#demos) stands out as the best pick for its powerful features and user-friendly design. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Team Member WordPress Plugins ### What is a Team Member plugin for WordPress? A Team Member plugin helps you display your staff or team profiles on your website with photos, roles, and bios, making your site more professional and trustworthy. ### Can I customize the team member layouts without coding? Yes, many plugins offer drag-and-drop builders and pre-designed templates, letting you create stylish team sections easily without touching any code. ### Are Team Member plugins compatible with popular page builders? Most top plugins work smoothly with popular builders like Elementor, Beaver Builder, and WPBakery, allowing you to integrate team profiles seamlessly. ### How do Team Member plugins improve my website? They boost credibility by showcasing your team, engage visitors with detailed profiles, and help build trust by putting real faces behind your brand. ### Why choose Team Member by The Plus Addons for Elementor? It’s beginner-friendly, requires no coding, and offers flexible design options within Elementor, making it easy to create beautiful team showcases quickly. --- # 5 Best WordPress Lottiefiles Animation Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-lottiefiles-animation-plugins/ Struggling to make your WordPress site stand out with engaging animations? Without the right tools, adding smooth, lightweight animations can feel overwhelming and time-consuming. Luckily, LottieFiles animation plugins offer a simple way to bring your website to life with eye-catching, scalable animations that load quickly. In this article, you'll discover the best WordPress plugins to effortlessly integrate stunning Lottie animations and elevate your site's user experience. ## Key Takeaways - Lottiefiles animations are lightweight, scalable, and interactive vector animations that enhance website engagement without slowing down performance. - This article reviews the top 5 WordPress Lottiefiles animation plugins, highlighting features, ease of use, and customization options. - For beginners and Elementor users, we recommend Lottiefiles Animation by The Plus Addons for Elementor due to its user-friendly interface and seamless integration. ## What Does a Lottiefiles Animation WordPress Plugin Help You With? You can easily add stunning, lightweight animations to your WordPress site using the LottieFiles Animation plugin. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Lottiefiles-Animation-demo-image.jpg) It lets you embed and customize over 50,000 free Lottie animations without any coding skills. ## Best WordPress Lottiefiles Animation Plugins Compared | Sl No | Lottiefiles Animation Plugin | Rating | | ----- | ---------------------------- | ------ | | 1 | Lottiefiles Animation by The Plus Addons for Elementor | ★★★★★ | | 2 | AM LottiePlayer | ★★★★ | | 3 | SiteOrigin Widgets Bundle | ★★★ | | 4 | Lottie Player | ★★★ | | 5 | LottieFiles block for Gutenberg | ★★★ | ### 1. Lottiefiles Animation by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Lottiefiles-Animation-widget.png) You can easily add stunning Lottie animations to your Elementor website without any coding using The Plus Addons plugin. It lets you bring your pages to life with smooth, customizable animations that enhance user engagement. #### Key Features of Lottiefiles Animation by The Plus Addons for Elementor - Easily add beautiful Lottie animations to your Elementor website without any coding, making your site more engaging. - Enhance user experience with smooth, lightweight animations that don’t slow down your site. - Customize animations to fit your brand style, helping your website stand out and look professional. - Save time with a seamless integration that lets you quickly add and manage animations directly within Elementor. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Lottiefiles-Animation-demos.png) Learn More](https://theplusaddons.com/elementor-widget/lottiefiles-animation/#demos) Wait! That’s not it, Lottiefiles Animation is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. AM LottiePlayer ![](https://theplusaddons.com/wp-content/uploads/2025/09/AM-LottiePlayer-WordPress-plugin.jpg) You can easily add crisp, vectorized Lottie animations to your WordPress site using the lightweight AM LottiePlayer plugin. #### Key Features of AM LottiePlayer - Easily add smooth, high-quality animations to your WordPress site to make it more engaging and visually appealing. - Works seamlessly with popular page builders like Gutenberg, Divi, Elementor, and more, so you can add animations without hassle. - Gives you full control over animation playback, including autoplay, loop, speed, and interactive triggers, enhancing user experience. - Lightweight and only loads scripts when needed, ensuring your website stays fast and responsive. [Learn More](https://wordpress.org/plugins/am-lottieplayer/) ### 3. SiteOrigin Widgets Bundle ![](https://theplusaddons.com/wp-content/uploads/2025/09/SiteOrigin-Widgets-Bundle-WordPress-plugin.jpg) The SiteOrigin Widgets Bundle lets you easily add beautiful Lottie animations with its Lottie Player widget. You can use these widgets anywhere, Page Builder, Block Editor, or widget areas to build engaging, modern pages quickly. #### Key Features of SiteOrigin Widgets Bundle - Easily add interactive animations with custom settings and links for a lively user experience. - Works smoothly with popular WordPress editors and page builders. - Designed to load fast and follow SEO best practices, helping your site perform better in search engines and for visitors. - Accessible and user-friendly, allowing everyone to customize their site easily, including those who rely on keyboard navigation or assistive technologies. [Learn More](https://wordpress.org/plugins/so-widgets-bundle/) ### 4. Lottie Player ![](https://theplusaddons.com/wp-content/uploads/2025/09/Lottie-Player-WordPress-plugin.jpg) You can easily embed and customize Lottie animations on your WordPress site using the Embed Lottie Player plugin. It lets you control playback, add links, adjust styles, and enhance interactivity to perfectly fit your design and user experience. #### Key Features of Lottie Player - Easily add beautiful, interactive Lottie animations to your WordPress site to make it more engaging and visually appealing. - Customize how animations play with options like autoplay, looping, and playback speed to perfectly fit your website’s style and user experience. - Enhance visitor interaction by enabling features like hover effects, click-triggered animations, and scroll synchronization for a dynamic feel. - Quickly upload and manage animation files right in WordPress, with flexible placement and styling options to match your site design effortlessly. [Learn More](https://wordpress.org/plugins/embed-lottie-player/) ### 5. LottieFiles block for Gutenberg ![](https://theplusaddons.com/wp-content/uploads/2025/09/LottieFiles-block-for-Gutenberg-WordPress-plugin.jpg) The LottieFiles WordPress plugin lets you easily add over 50,000 free Lottie animations to your site using the Gutenberg editor, no coding needed. You can customize animations' speed, size, playback triggers, and more to make your content come alive. #### Key Features of LottieFiles block for Gutenberg - Easily add beautiful, lightweight animations to your WordPress site without any coding skills. - Quickly find and insert from over 50,000 free ready-to-use Lottie animations to make your content more engaging. - Customize animations’ look and behavior (like speed, size, and triggers) directly within the WordPress editor for perfect fit. - Save and reuse your favorite animations effortlessly through the WordPress Media Library, streamlining your design workflow. [Learn More](https://wordpress.org/plugins/lottiefiles/) ## Which Lottiefiles Animation Plugin Should You Choose? When choosing a LottieFiles animation plugin, you need smooth playback, easy customization, and seamless integration with your design tools. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Lottiefiles-Animation-demos.png) The Plus Addons for Elementor offers the best LottieFiles Animation widget](https://theplusaddons.com/elementor-widget/lottiefiles-animation/#demos) that delivers all these features effortlessly. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), you can build a fully functional website without writing a single line of code. ## FAQs on Lottiefiles Animation WordPress Plugins ### What are Lottie animations and why use them on WordPress? Lottie animations are lightweight, scalable vector animations that load fast and look sharp on any device, enhancing user engagement without slowing down your WordPress site. ### Do I need coding skills to add Lottie animations to my WordPress site? No coding is needed. Many plugins let you easily upload or embed Lottie files via drag-and-drop or simple shortcodes, making it beginner-friendly. ### Can Lottie animations slow down my WordPress website? Lottie files are optimized for performance, so they load quickly and won’t significantly impact your site speed compared to traditional GIFs or videos. ### Which plugin is best for beginners to add Lottie animations in WordPress? Lottiefiles Animation by The Plus Addons for Elementor is ideal. It’s beginner-friendly, requires no coding, and integrates seamlessly with Elementor for easy animation embedding. ### Are there free Lottie animation plugins available for WordPress? Yes, many plugins offer free versions with access to thousands of animations and essential features, perfect for users just starting out with Lottie on WordPress. --- # 5 Best WordPress YouTube Feed Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-youtube-feed-plugins/ Struggling to showcase your YouTube content seamlessly on your WordPress site? Many site owners find it challenging to keep visitors engaged with fresh, dynamic videos. The good news is, the right YouTube feed plugin can transform your site into an interactive hub, effortlessly displaying your latest videos and playlists. In this article, we’ll explore the best WordPress YouTube feed plugins that make embedding and customizing video content simple, helping you boost engagement and keep your audience coming back for more. ## Key Takeaways - A YouTube feed on your WordPress site lets you seamlessly display videos, playlists, or channels directly, enhancing user engagement and content promotion. - This article reviews the top 5 WordPress YouTube feed plugins, highlighting features like customization, ease of use, and integration capabilities. - We recommend YouTube Feed by The Plus Addons for Elementor as the best choice for beginners due to its user-friendly interface and simple setup process. ## What Does a YouTube Feed WordPress Plugin Help You With? A YouTube Feed WordPress Plugin lets you easily display YouTube videos, channels, or playlists directly on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/YouTube-Feed-demo-image.jpg) You customize the layout and style to match your site, keeping your visitors engaged with fresh video content. ## Best WordPress YouTube Feed Plugins Compared | Sl No | YouTube Feed Plugin | Rating | | ----- | ------------------- | ------ | | 1 | YouTube Feed by The Plus Addons for Elementor | ★★★★★ | | 2 | Embed Plus | ★★★★ | | 3 | Tagembed | ★★★ | | 4 | Feed Them Social | ★★★ | | 5 | Responsive YouTube Video Gallery | ★★★ | ### 1. YouTube Feed by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-YouTube-Feed-widget.png) You can easily display your YouTube videos on your WordPress site using The Plus Addons’ YouTube Channel Widget for Elementor. Just grab your Auth keys, and the plugin fetches your feed automatically for a hassle-free setup. #### Key Features of YouTube Feed by The Plus Addons for Elementor - Easily display your YouTube videos on your website to keep visitors engaged and showcase your content. - Automatically update your video feed, so your site always shows your latest YouTube uploads without extra work. - Improve your website’s look and feel by integrating a clean, customizable YouTube feed that matches your style. - Save time and effort by using a simple widget that requires no coding or complicated setup. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-YouTube-Feed-demos.png) Learn More](https://theplusaddons.com/elementor-widget/youtube-feed/#demos) Wait! That’s not it, YouTube Feed is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Embed Plus ![](https://theplusaddons.com/wp-content/uploads/2025/09/Embed-Plus-WordPress-plugin.jpg) You can easily embed YouTube videos, playlists, channels, and live streams on your WordPress site with the YouTube Embed Plus plugin. It boosts your site's performance with features like lazy loading, GDPR compliance, and responsive sizing to create a smooth, customizable video experience. #### Key Features of Embed Plus - Easily embed YouTube videos, playlists, and live streams directly into your WordPress site to engage visitors with rich video content. - Create attractive video galleries from YouTube channels or playlists that automatically update, saving you time on manual updates. - Improve website performance with features like lazy loading and responsive sizing, ensuring videos load fast and look great on any device. - Enhance user experience with options to control video playback, hide unwanted elements, and comply with privacy regulations like GDPR. [Learn More](https://wordpress.org/plugins/youtube-embed-plus/) ### 3. Tagembed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Tagembed-WordPress-plugin.jpg) With the Tagembed WordPress plugin, you can easily collect and embed social media feeds and reviews from platforms like Instagram, Facebook, Google, TikTok, and more onto your website in minutes. It boosts your site's engagement and credibility by showcasing real-time, customizable social content without any coding needed. #### Key Features of Tagembed - Easily showcase your YouTube feed shorts or playlists on your website to build trust and attract more visitors. - Keep your website fresh and engaging with real-time updates. - Boost your website’s credibility and sales by displaying authentic content. - Customize the look of your feeds to match your brand without any coding, making your site more attractive and user-friendly. [Learn More](https://wordpress.org/plugins/tagembed-widget/) ### 4. Feed Them Social ![](https://theplusaddons.com/wp-content/uploads/2025/09/Feed-Them-Social-WordPress-plugin.jpg) You can easily create and display customizable social feeds from Instagram, Facebook, TikTok, or YouTube on your WordPress site with Feed Them Social. This plugin keeps your site responsive, boosts user engagement, and lets you manage multiple feeds effortlessly. #### Key Features of Feed Them Social - Easily show your Instagram, Facebook, TikTok, or YouTube feeds on your website to keep visitors engaged and encourage them to follow you on social media. - Automatically updates your social feeds when you post, saving you time and keeping your site fresh without extra work. - Fully responsive design ensures your social feeds look great on desktops, tablets, and phones, giving visitors a smooth experience on any device. - Simple setup with customizable options lets you match the feeds to your site’s style and display them anywhere, posts, pages, or sidebars without hassle. [Learn More](https://wordpress.org/plugins/feed-them-social/) ### 5. Responsive YouTube Video Gallery ![](https://theplusaddons.com/wp-content/uploads/2025/09/Responsive-YouTube-Video-Gallery-WordPress-plugin.jpg) YouTube Showcase lets you easily create responsive YouTube video galleries, playlists, or channel grids on your WordPress site with beautiful thumbnails and lightbox popups. You can showcase your videos with customizable layouts and use shortcodes to display them anywhere on your site. #### Key Features of Responsive YouTube Video Gallery - Easily create beautiful, responsive YouTube video galleries that look great on any device, including phones and tablets. - Quickly showcase your own videos, playlists, or entire YouTube channels to engage visitors and keep them on your site longer. - Simple setup with automatic video page creation and easy video management, so you can focus on sharing content without hassle. - Use customizable layouts and filters to organize videos by category or tag, helping visitors find exactly what they want fast. [Learn More](https://wordpress.org/plugins/youtube-showcase/) ## Which YouTube Feed Plugin Should You Choose? You should look for a YouTube Feed plugin that offers easy customization, fast loading, and seamless integration with your site. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-YouTube-Feed-demos.png) YouTube Feed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/youtube-feed/#demos) stands out as the best pick, delivering all these features with reliability. Plus, The Plus Addons gives you [over 120 Elementor widgets](https://theplusaddons.com/elementor-widget/) to build a fully functional website without writing any code. ## FAQs on YouTube Feed WordPress Plugins ### What is the easiest YouTube feed plugin for beginners? YouTube Feed by The Plus Addons for Elementor is great for beginners. It’s user-friendly, requires no coding, and integrates smoothly with Elementor, making it simple to display YouTube videos beautifully on your site. ### Can I customize how my YouTube videos appear on my WordPress site? Yes, most YouTube feed plugins let you customize layouts, colors, and video display styles to match your site’s design and create a unique video showcase. ### Do I need a YouTube API key to use these plugins? Many YouTube feed plugins require a YouTube API key to fetch videos, but some offer limited features without it. Getting an API key is free and straightforward. ### Will these plugins slow down my website? Good YouTube feed plugins load videos efficiently, but adding many videos can impact speed. Choose plugins with lazy loading or caching features to keep your site fast. ### Can I show videos from multiple YouTube channels or playlists? Yes, most plugins support displaying videos from multiple channels, playlists, or even search results, giving you flexibility in curating your video content. --- # 5 Best WordPress Carousel Slider Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-carousel-slider-plugins/ Struggling to showcase your content in a way that grabs attention without cluttering your site? Many WordPress users face the challenge of displaying images, products, or posts elegantly while keeping their pages fast and user-friendly. Choosing the right carousel slider plugin can transform your website’s look and boost engagement, but with so many options available, finding the perfect fit feels overwhelming. This article will guide you through the best WordPress carousel slider plugins that combine style, performance, and ease of use to help your site shine effortlessly. ## Key Takeaways - Carousel sliders are dynamic, space-saving tools to showcase images, posts, products, and more on WordPress websites. - This article reviews the top 5 WordPress carousel slider plugins, highlighting their features, ease of use, and performance. - Our top recommendation is Carousel Slider by The Plus Addons for Elementor as it's beginner-friendly, highly customizable, and easy to use for all skill levels. ## What Does a Carousel Slider WordPress Plugin Help You With? A Carousel Slider WordPress plugin lets you create stylish, responsive sliders to showcase images, videos, posts, or products effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Carousel-Slider-demo-image.jpg) You can customize and display dynamic content that engages your visitors and enhances your site’s visual appeal. ## Best WordPress Carousel Slider Plugins Compared | Sl No | Carousel Slider Plugin | Rating | | ----- | ---------------------- | ------ | | 1 | Carousel Slider by The Plus Addons for Elementor | ★★★★★ | | 2 | WP Carousel | ★★★★ | | 3 | Carousel Slider | ★★★ | | 4 | Ultimate Slider | ★★★ | | 5 | Slider by Soliloquy | ★★★ | ### 1. Carousel Slider by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Carousel-Slider-widget.png) You can easily create stunning carousel sliders with this WordPress plugin, enhancing your website’s visual appeal and user engagement. It offers versatile design options and smooth animations to showcase your content effectively. #### Key Features of Carousel Slider by The Plus Addons for Elementor - Easily turn any Elementor content into smooth horizontal or vertical carousels to make your website more engaging. - Showcase multiple items like images, products, or posts in a compact, attractive slider that saves space and grabs attention. - Customize carousel styles and animations to match your website’s look and create a professional, polished appearance. - Improve user experience by allowing visitors to browse through content quickly without overwhelming them with too much information at once. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Carousel-Slider-demos.png) Learn More](https://theplusaddons.com/elementor-widget/carousel-slider/#demos) Wait! That’s not it, Carousel Slider is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. WP Carousel ![](https://theplusaddons.com/wp-content/uploads/2025/09/WP-Carousel-WordPress-plugin.jpg) You can easily create beautiful, fully responsive carousels with images, posts, and WooCommerce products using the WP Carousel plugin. It’s user-friendly, customizable, and works smoothly across all devices and major browsers. #### Key Features of WP Carousel - Easily create beautiful, responsive carousels for images, posts, and WooCommerce products without any coding skills. - Drag and drop to reorder slides quickly, making carousel setup simple and fast. - Fully mobile-friendly and works smoothly on all devices, ensuring a great experience for all visitors. - Customize colors, navigation, and layout easily to match your website’s style perfectly. [Learn More](https://wordpress.org/plugins/wp-carousel-free/) ### 3. Carousel Slider ![](https://theplusaddons.com/wp-content/uploads/2025/09/Carousel-Slider-WordPress-plugin.jpg) You can use the Carousel Slider plugin to create stylish, fully responsive image, video, post, and WooCommerce product carousels easily. It works smoothly with major page builders like Gutenberg and Elementor, letting you customize navigation, colors, and display settings. #### Key Features of Carousel Slider - Easily create stylish and responsive carousels for images, videos, posts, and WooCommerce products to make your website more engaging. - Works smoothly with popular page builders like Gutenberg and Elementor, so you can add carousels anywhere without hassle. - Fully mobile and touch-friendly, ensuring a great browsing experience for visitors on any device. - Lightweight and fast-loading, so your site stays quick and user-friendly while showcasing beautiful sliders. [Learn More](https://wordpress.org/plugins/carousel-slider/) ### 4. Ultimate Slider ![](https://theplusaddons.com/wp-content/uploads/2025/09/Ultimate-Slider-WordPress-plugin.jpg) The Ultimate Responsive Image Slider plugin lets you create unlimited, fully responsive image sliders with an easy drag-and-drop interface. You can effortlessly showcase your images on any page or post using a simple shortcode, ensuring fast, SEO-friendly performance. #### Key Features of Ultimate Slider - Easily create beautiful, professional-looking carousel sliders to showcase your photos, portfolios, or banners without any hassle. - Fully responsive design ensures your sliders look great and work smoothly on all devices, including phones and tablets. - Simple drag-and-drop interface lets you quickly add and arrange images, saving you time and effort. - Lightweight and SEO-friendly code helps your website load faster and rank better in search engines. [Learn More](https://wordpress.org/plugins/ultimate-responsive-image-slider/) ### 5. Slider by Soliloquy ![](https://theplusaddons.com/wp-content/uploads/2025/09/Slider-by-Soliloquy-WordPress-plugin.jpg) Soliloquy Lite lets you easily create beautiful, responsive image and video sliders for your WordPress site without coding. You’ll enjoy fast performance, mobile-friendly design, and a drag-and-drop builder that saves you time. #### Key Features of Slider by Soliloquy - Easily create beautiful, responsive image and video sliders that look great on any device, from phones to desktops. - Save time with a simple drag-and-drop builder, no need to hire a developer or spend hours setting up sliders. - Boost your website’s speed and SEO with a fast, optimized plugin that helps your site perform better. - Showcase your products, blog posts, Instagram photos, and more with ready-made templates and flexible content options. [Learn More](https://wordpress.org/plugins/soliloquy-lite/) ## Which Carousel Slider Plugin Should You Choose? When choosing a carousel slider plugin, you need features like ease of use, responsive design, and smooth performance. [![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Carousel-Slider-demos.png) Carousel Slider by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/carousel-slider/#demos) stands out as the best pick for delivering all these with seamless integration. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without writing a single line of code. ## FAQs on Carousel Slider WordPress Plugins ### What is a WordPress carousel slider plugin? It’s a tool that helps you display images, posts, or products in a sliding carousel format, making your site more interactive and visually appealing without needing custom coding. ### How do carousel sliders improve my website? They save space, highlight key content, and boost user engagement by allowing visitors to browse multiple items quickly and smoothly on any device. ### Are carousel sliders mobile-friendly? Most modern carousel plugins are fully responsive, adapting perfectly to smartphones and tablets to ensure a seamless browsing experience for all users. ### Can I customize the look of carousel sliders? Yes! Many plugins let you adjust colors, sizes, transitions, and navigation styles to match your site’s design and branding. ### Why choose Carousel Slider by The Plus Addons for Elementor? It’s beginner-friendly, requires no coding, and integrates smoothly with Elementor, letting you create stunning carousels easily and quickly without technical hassle. --- # 5 Best WordPress Instagram Feed Plugins for Elementor Source: https://theplusaddons.com/blog/best-wordpress-instagram-feed-plugins/ Struggling to showcase your Instagram content seamlessly on your WordPress site? Many website owners find it challenging to integrate dynamic, visually appealing Instagram feeds that truly engage visitors. Without the right tools, your site can feel disconnected from your social presence, missing out on valuable interaction. Luckily, the best WordPress Instagram feed plugins make it effortless to display stunning feeds that boost engagement and keep your audience hooked. In this article, we’ll explore top plugins that transform your website into a vibrant extension of your Instagram profile. ## Key Takeaways - Instagram feeds allow you to seamlessly showcase your Instagram content directly on your WordPress site, boosting engagement and keeping your site visually dynamic. - This article reviews the top 5 WordPress Instagram feed plugins, comparing features, ease of use, and customization options to help you find the perfect fit. - We recommend Instagram Feed by The Plus Addons for Elementor as the best choice for beginners due to its user-friendly interface and hassle-free setup. ## What Does an Instagram Feed WordPress Plugin Help You With? An Instagram Feed WordPress plugin lets you easily display your Instagram photos and videos directly on your website. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Instagram-Feed-demo-image.jpg) You connect your account to showcase your latest posts and engage visitors without leaving your site. ## Best WordPress Instagram Feed Plugins Compared | Sl No | Instagram Feed Plugin | Rating | | ----- | --------------------- | ------ | | 1 | Instagram Feed by The Plus Addons for Elementor | ★★★★★ | | 2 | Widgets for Social Photo Feed | ★★★★ | | 3 | Easy Social Feed | ★★★ | | 4 | Spotlight Social Feeds | ★★★ | | 5 | WPZOOM Social Feed | ★★★ | ### 1. Instagram Feed by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Instagram-Feed-widget.png) You can easily display your Instagram feed on your Elementor-built WordPress site using The Plus Addons’ Instagram Feed widget. It lets you showcase posts from any public Instagram account without needing an access token. #### Key Features of Instagram Feed by The Plus Addons for Elementor - Easily display your Instagram photos and videos on your website to keep your content fresh and engaging. - Automatically fetch your Instagram feed, saving you time and effort in updating your site manually. - Build stronger connections with your visitors by showcasing your latest social media activity directly on your site. - Simple setup with just your Instagram authentication keys, so you can get started quickly without hassle. [ Learn More](https://theplusaddons.com/elementor-widget/instagram-feed/#demos) Wait! That’s not it, Instagram Feed is just one of the 120+ Elementor widgets offered by The Plus Addons for Elementor. Now you don’t need multiple plugins to create a world-class website. ### 2. Widgets for Social Photo Feed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Widgets-for-Social-Photo-Feed-WordPress-plugin.jpg) You can easily display your Instagram feed on your WordPress site in just minutes using the Social Photo Feed Widget plugin. It offers multiple layouts, automatic updates, and mobile-friendly design to boost engagement and showcase your latest posts smoothly. #### Key Features of Widgets for Social Photo Feed - Easily showcase your Instagram photos on your website to attract more visitors and followers. - Keep your website fresh and engaging by automatically updating with your latest Instagram posts. - Boost your website’s appeal and trust by displaying real social proof from your active Instagram feed. - Save time by managing your Instagram content in one place and having it appear on your site instantly. [Learn More](https://wordpress.org/plugins/social-photo-feed-widget/) ### 3. Easy Social Feed ![](https://theplusaddons.com/wp-content/uploads/2025/09/Easy-Social-Feed-WordPress-plugin.jpg) Easy social feed connects your website with Instagram to share your latest posts and updates seamlessly. It helps in engaging visitors by showcasing Instagram content directly on your site. #### Key Features of Easy Social Feed - Easily showcase your Instagram feed be it posts, photos, and videos on your website to engage visitors and keep them connected. - Customize the look and feel of the feed to perfectly match your website’s style, making your site look professional and cohesive. - Mobile-friendly and responsive design ensures your Instagram content looks great on all devices, improving user experience. - Quick setup with helpful support means you can get your Instagram feed live on your site in minutes without hassle. [Learn More](https://wordpress.org/plugins/easy-facebook-likebox/) ### 4. Spotlight Social Feeds ![](https://theplusaddons.com/wp-content/uploads/2025/09/Spotlight-Social-Feeds-WordPress-plugin.jpg) The Spotlight Social Photo Feeds plugin lets you easily embed and customize Instagram feeds on your WordPress site with beautiful, responsive templates. You can connect multiple accounts, display photos, videos, reels, and boost engagement, all while keeping your site automatically updated. #### Key Features of Spotlight Social Feeds - Easily showcase your Instagram photos and videos directly on your website to keep your content fresh and engaging without extra effort. - Attract more followers and boost social engagement with a built-in “Follow on Instagram” button right on your site. - Make your website look professional and match your style with customizable, responsive Instagram feed designs that work on any device. - Improve your site’s SEO by embedding Instagram posts that search engines can read, helping you get more visibility online. [Learn More](https://wordpress.org/plugins/spotlight-social-photo-feeds/) ### 5. WPZOOM Social Feed ![](https://theplusaddons.com/wp-content/uploads/2025/09/WPZOOM-Social-Feed-WordPress-plugin.jpg) You can easily showcase your Instagram feeds on your WordPress site using the WPZOOM Social Feed Widget & Block plugin. It lets you create multiple customizable feeds with various layouts and embeds via blocks or shortcodes. #### Key Features of WPZOOM Social Feed - Easily showcase your Instagram photos and videos directly on your WordPress site to engage visitors without them leaving your page. - Quickly set up and customize multiple Instagram feeds anywhere on your website using simple blocks or shortcodes. - Keep your website looking fresh and dynamic with automatic updates of your latest Instagram posts. - Boost your Instagram followers by making your feed attractive and accessible right on your site, encouraging more interaction. [Learn More](https://wordpress.org/plugins/instagram-widget-by-wpzoom/) ## Which Instagram Feed Plugin Should You Choose? When choosing an Instagram Feed plugin, you should look for ease of use, customization options, and seamless integration with your website. [ Instagram Feed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/instagram-feed/#demos) stands out as the best pick for delivering all these features effortlessly. Plus, with [over 120 Elementor widgets included](https://theplusaddons.com/elementor-widget/), The Plus Addons lets you build a fully functional website without any coding. ## FAQs on Instagram Feed WordPress Plugins ### What is the easiest Instagram feed plugin for beginners? Instagram Feed by The Plus Addons for Elementor is perfect for beginners. It requires no coding, offers easy drag-and-drop setup, and integrates smoothly with Elementor for quick, beautiful Instagram feeds. ### Can I display multiple Instagram feeds on one WordPress site? Yes, many plugins let you showcase multiple feeds from different accounts or hashtags in various layouts to keep your site dynamic and engaging. ### Do Instagram feed plugins slow down my website? Good plugins optimize loading and cache content to minimize impact. Choose lightweight, well-coded plugins to keep your site fast. ### Can I customize the look of my Instagram feed? Most plugins offer customization options like grid or carousel layouts, color schemes, and feed filters to match your site’s style perfectly. ### Are Instagram feed plugins free or paid? Many offer free versions with basic features, while premium versions provide advanced options like shoppable feeds, moderation, and more detailed customization. --- # AutoPoly – AI Translation For Polylang Review: Worth It or Not? Source: https://theplusaddons.com/blog/autopoly-review/ When you run a website, there’s a high chance your visitors are coming from different countries. They may not always speak the same language you write in, and that’s where translation becomes important.  If you’re already using Polylang to make your WordPress website multilingual, you probably know that translating each page manually can be time-consuming and tiring. This is where [**AutoPoly – AI Translation For Polylang**](https://coolplugins.net/product/autopoly-ai-translation-for-polylang/) comes in. It’s an addon designed to make the translation process fast, easy, and accurate by using AI translation services.  In this review, I’ll share my experience with the plugin, from installation to testing different AI providers, and give you my honest thoughts on whether it’s worth getting. ## What is AutoPoly? AutoPoly is a WordPress addon created by [**Cool Plugins**](https://coolplugins.net/) to work with the popular **Polylang** plugin.  Polylang itself lets you create a multilingual site by adding different language versions of your pages, posts, and other content. But by default, Polylang expects you to add translations manually, which can be a slow process. AutoPoly solves this problem by automatically translating your content into the language you select. It duplicates your page or post (including title, text, images, galleries, and meta fields) and runs the content through AI-powered translation services like **OpenAI, Google Translate, Yandex, Gemini,** and even **Chrome’s built-in AI translator**. The result? You can have a complete translated version of your website in just a few clicks. ## Why is AI Translation Important? Translating a website isn’t just about converting words from one language to another. It’s about making your site accessible, improving user experience, and even boosting SEO.  Search engines index each language version separately, which means you can reach new audiences through multilingual search results. **AI translation speeds this up by:** - Reducing manual work. - Keeping translations consistent. - Supporting many languages. - Giving you editable results so you can fine-tune. ## Installation and Setup I tested both the **free** and **Pro** versions. ### Installing the Free Version If you just want to try AutoPoly, you can get the free version from the WordPress Plugin Directory. It works with basic features and is active on over 1,000 websites already. **Steps:** - On your WordPress dashboard, Add Plugins page, search for **AutoPoly**. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Search-for-AutoPoly-1024x335.png) - Install & activate it. That’s it, you’re ready to start translating. ### Installing the Pro Version The Pro version unlocks advanced features like AI providers, inline translations, Elementor & Classic Editor support, and bulk translations. After purchasing, you can download the zip file either from your email or your Cool Plugins account.  Upload it via **Plugins → Add New → Upload Plugin** and activate. ![](https://theplusaddons.com/wp-content/uploads/2025/08/AutoPoly-Pro-1024x417.png) A nice thing is that you can delete the free version before installing Pro without losing your settings. ## AI Translation Providers in AutoPoly One of AutoPoly’s biggest strengths is its flexibility in choosing how your content gets translated.  Instead of locking you into a single service, it supports multiple AI-powered and machine translation providers, so you can pick the one that best fits your needs, budget, and workflow. Here’s a quick look at the translation providers you can use with AutoPoly: ### 1. Yandex Translate A free and straightforward option that requires no API key. It’s perfect if you want a quick setup without extra costs. With a single click, you can translate entire pages instantly. ### 2. Google Translate A widely trusted choice with support for a huge number of languages. Setup is simple, and translations are fast. Ideal for reaching a broad, global audience. ### 3. Chrome Built-in AI Uses Google Chrome’s native translation engine, so there’s no need for API keys or extra services. Works in real-time and is perfect for quick translations directly in your browser. ### 4. Gemini AI Google’s advanced AI model for more nuanced translations. Requires an API key but delivers context-aware results that often sound more natural. ### 5. OpenAI Ideal if you want AI-generated translations with improved fluency and tone. Requires an API key and is great for content that needs to sound more human. ## AutoPoly Translation Features AutoPoly makes translating your website faster and more flexible with multiple translation options: - **Inline Translation** – Translate only the text you need, such as specific blocks, sentences, or newly added content, without touching the entire page. Works seamlessly with Chrome AI for quick updates. - **Full Editor Support** – Compatible with [**Elementor**](https://theplusaddons.com/blog/elementor-review/), **Classic Editor**, and **Gutenberg**. You can translate full pages or sections directly inside your preferred editor. - **Bulk Translation** – Translate dozens or even hundreds of pages/posts in one go. Select your content, choose your target language and AI provider, and let AutoPoly handle it all, perfect for e-commerce and content-heavy sites. ## AutoPoly Free vs Premium: Feature Comparison | **Feature****** | **Free License****** | **Premium License** | | --------------- | -------------------- | ------------------- | | Yandex Translate Widget Support | ✅ Available | ✅ Available | | Chrome Built-in AI Translation Support | ✅ Available | ✅ Available | | API Key Required | ❌ Not required (Yandex Widget & Chrome Built-in AI) | ❌ Not required (Yandex Widget & Chrome Built-in AI) | | Gutenberg Block Compatibility | ✅ Yes | ✅ Yes | | Elementor Page Translation | ✅ Yes | ✅ Yes (more advanced) | | Inline Translation | ✅ Yes | ✅ Yes (more advanced) | | Custom Block Translation | ✅ Available | ✅ Available | | Classic Editor Translation | ❌ Not Available | ✅ Available | | Unlimited Free Translations | ❌ 500k characters only | ✅ Unlimited | | Google Translate Widget Support | ❌ Not Available | ✅ Available | | OpenAI Translation Support | ❌ Not Available | ✅ Available | | Gemini Translation Support | ❌ Not Available | ✅ Available | | Bulk Translation | ❌ Not Available | ✅ Available (multiple pages/posts/products at once) | | Premium Support | ❌ Not Available | ✅ Quick Support (24–48 hrs) | ## Final Conclusion: Worth It or Not? If you already use Polylang and want to speed up your translation process, AutoPoly is a solid choice. It’s flexible, supports multiple AI providers, and works across all major editors in WordPress. The **free version** is good for testing, but if you want bulk translation, premium AI providers, and inline translation, the **Pro version** is worth the investment. In short, if you’re serious about running a multilingual WordPress site, **AutoPoly can save you hours of manual work while still giving you control over translation quality**. If you’re using other translation plugins like **TranslatePress** or **Loco Translate**, you can also supercharge them with AI using addons like [**AI Translation for TranslatePress**](https://coolplugins.net/product/automatic-translate-addon-for-translatepress-pro/) and [**LocoAI**](https://locoaddon.com/). These work similarly to AutoPoly, helping you automate translations quickly and efficiently. ***People Also Read:**** *[*Best Elementor Translation Plugins for Multilingual Websites*](https://theplusaddons.com/blog/best-elementor-translation-plugins/) --- # July 2025 Updates | More Ready to Import Presets for Widgets & New Setup on the Way Source: https://theplusaddons.com/blog/july-2025-updates-more-ready-to-import-presets-for-widgets-new-setup-on-the-way/ This July, **[The Plus Addons for Elementor](https://store.posimyth.com/?ns_url=17N&mid=2742457&fch=7a030445) **leveled up, bringing you powerful new widgets, refined styling options, seamless WooCommerce flows, and a smoother, faster design experience. Take a look at the new features: ### New in The Plus Addons for Elementor (v6.3.9 & 6.3.11) [![](https://ci3.googleusercontent.com/meips/ADKq_NbTa5LvuoRoVizyJ3hITMZGox4CRxYSvgnIWqCTsg1Dhx2dQxHj0FCcmo9RN21Fu24vsxhQ4mnbR_RmFKafHfPHxdoY-xuggVLdWFVXCQ0-8AJl1O5Ynlqgxx1U0MFMPGg=s0-d-e1-ft#https://store.posimyth.com/wp-content/uploads/2025/08/image-64-1024x869.png)](https://store.posimyth.com/?ns_url=17N&mid=2742457&fch=7a030445) - **Icon Widget Added** – Easily place simple icons on pages. - **[Form Enhancements](https://store.posimyth.com/?ns_url=27rm&mid=2742457&fch=7a030445)** – Gradient colors are now available for the submit button and icons, plus improved compatibility with WPML. - **[Table Widget Upgrade](https://store.posimyth.com/?ns_url=28ph&mid=2742457&fch=7a030445)** – You can now display form data directly in tables, perfect for quick overviews. - **More Styling Options** – Gradient symbols for number counters and new fill/stroke color controls for Font Awesome icons across multiple widgets (Accordion, Button, Flip Box, Info Box, Form). - **Woo Multistep Checkout Tweaks** – Customize login and payment sections with new styling options. - **Responsive Testimonials** – Set columns for tablets and mobiles for better layout control. ### Other Improvements: - **UI polish** across widgets like [Preloader](https://store.posimyth.com/?ns_url=28pi&mid=2742457&fch=7a030445), [Table of Contents](https://store.posimyth.com/?ns_url=28ds&mid=2742457&fch=7a030445), Site Logo, and [Protected Content](https://store.posimyth.com/?ns_url=28dt&mid=2742457&fch=7a030445) for a cleaner design. - **Better Form Handling** – Smarter email validation and improved field behaviors. - **Smoother Dashboard** – Enhanced design and multilingual compatibility. - **Developer-Friendly** – AJAX pagination structure cleanup for better performance. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=2742457&fch=7a030445)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=2742457&fch=7a030445)**.*** Next month, get ready for exciting new features like: ![](https://theplusaddons.com/wp-content/uploads/2025/08/Coming-Soon-page.png) ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2025/08/Login-button-elementor-menu.png)](https://www.youtube.com/watch?v=C6XNXRaSo08&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=17) [![](https://theplusaddons.com/wp-content/uploads/2025/08/Replace-url-text-for-free.png)](https://www.youtube.com/watch?v=AAoggQ_uwXI) [![](https://theplusaddons.com/wp-content/uploads/2025/08/5-best-free-seo-plugin-1.png)](https://www.youtube.com/watch?v=z7UL5ROaXcY) [![](https://theplusaddons.com/wp-content/uploads/2025/08/add-adobe-fonts.png)](https://www.youtube.com/watch?v=vnAj7i5tXdU) ##  🗞️— WordPress & Tech Bytes - [**Elementor 3.30**](https://store.posimyth.com/?ns_url=28dj&mid=2742457&fch=7a030445) introduces Editor V4 Alpha with improved class naming, style management, and a YouTube widget for better performance. “Kits” are now called Website Templates, allowing full-site saving and reuse via the Cloud Library. The update also includes accessibility enhancements and developer-focused design tools. - WordPress is [**working on a WP-Admin redesign**](https://store.posimyth.com/?ns_url=28dv&mid=2742457&fch=7a030445) with a modular design system, better routing, and unified workflows. The update also focuses on boosting block theme adoption and expanding no-code and developer resources. - WordPress [**6.8.2, released July 15, 2025**](https://store.posimyth.com/?ns_url=28dw&mid=2742457&fch=7a030445), fixes 20 Core and 15 Block Editor issues. It’s a short-cycle maintenance update delivered via auto-updates. Security support for versions 4.1–4.6 has ended. - [**WordPress 6.9**](https://store.posimyth.com/?ns_url=28dk&mid=2742457&fch=7a030445), planned for November 2025, will focus on enhancing the Site Editor, introducing a new default theme, and improving performance and accessibility. It will also bring workflow refinements, design tools upgrades, and continued PHP compatibility improvements. - Google has [**upgraded its experimental AI Mode**](https://store.posimyth.com/?ns_url=28dx&mid=2742457&fch=7a030445) in Search to support image and PDF uploads, a new Canvas workspace for organizing ideas, and real-time live video input via Search Live for mobile users. Desktop users can also access AI-powered insights on any page through a fluent Chrome integration. - Google [**explains that when indexing**](https://store.posimyth.com/?ns_url=28dy&mid=2742457&fch=7a030445), it focuses on the main content of a page, not sidebars or ads. It uses algorithms to identify and prioritize this core content. - Google [**confirms that no special optimization like AEO**](https://store.posimyth.com/?ns_url=28dz&mid=2742457&fch=7a030445) (Answer Engine Optimization) or GEO (Generative Engine Optimization) is needed to appear in AI Overviews or AI Mode. Standard SEO practices are sufficient, as these AI-driven features use the same crawling, indexing, and ranking systems as traditional search.  - OpenAI [**removed its ChatGPT “Make this chat discoverable**](https://store.posimyth.com/?ns_url=28e0&mid=2742457&fch=7a030445)” feature after thousands of shared chats appeared in Google search. The company is working with search engines to de-index them, citing privacy concerns. - Google [**confirms that CSS class names don’t affect SEO**](https://store.posimyth.com/?ns_url=28dm&mid=2742457&fch=7a030445), they’re only used for styling and ignored by Googlebot. Important page content must be in the HTML, not hidden in CSS pseudo-elements like **:before or :after.** ##  🔥— Tool of the Month [**ToolboxWP**](https://store.posimyth.com/?ns_url=28do&mid=2742457&fch=7a030445) is a curated resource hub for WordPress professionals, offering top-quality recommendations on plugins, themes, developer tools, online courses, and other resources to help build better WordPress websites This tool is ideal for WordPress developers, agency teams, and site builders by providing a trusted, one-stop destination to discover reliable tools and learning materials. ![](https://theplusaddons.com/wp-content/uploads/2025/08/Toolbox-for-wordpress.png) ## 🗣️— Word of the Month ### Great for Custom Content Delivery! We’re using The Plus Add Ons Pro version for a complete rebuild of our website to utilise dynamic tags and custom content. I’d highly recommend using it with Metabox or ACF as it integrated really well with them and also getting the lifetime version! The tech assistance team are also always on the ball and really helpful plus the AI help chat. [*~@geniustravels*](https://store.posimyth.com/?ns_url=28e1&mid=2742457&fch=7a030445) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # Best WordPress Landing Page Plugins Source: https://theplusaddons.com/blog/best-wordpress-landing-page-plugins/ Struggling to find the right landing page plugin for your WordPress site? With so many options out there, it’s easy to feel overwhelmed. The wrong choice can lead to poor designs, low conversions, and wasted time, all while your competitors race ahead. In this article, you'll discover the best WordPress landing page plugins.  These plugins let you build high-converting pages without touching a single line of code, so you can grow your audience and get better marketing results fast. Let’s get started! ## Key Takeaways - Elementor is the most versatile landing page builder with strong free and pro features. - SeedProd and Beaver Builder offer beginner-friendly drag-and-drop interfaces. - The Plus Addons for Elementor supercharges Elementor with 120+ advanced widgets for better landing pages. ## What is a Landing Page Plugin? A landing page plugin in WordPress is a tool that lets you create standalone pages focused on a specific goal, like capturing leads, promoting a product, or driving sign-ups without needing any coding skills.  These plugins usually come with a drag-and-drop editor, pre-designed templates, and integrations with email marketing services to help you build high-converting pages quickly. Unlike regular pages or posts, landing pages are designed to minimize distractions and guide visitors toward taking a specific action.  A good landing page plugin makes it easy to customize layouts, add forms, and track performance all from within your WordPress dashboard. ## Best WordPress Landing Page Plugins Compared | **Sl. No.** | **Plugin Name** | **Pricing Starts at** | | ----------- | --------------- | --------------------- | | 1 | Elementor | $59.88/year | | 2 | SeedProd | $31.60/year | | 3 | Beaver Builder | $89/year | | 4 | Brizy | $59/year | | 5 | Instapage | $948/year | We’ve carefully picked the best plugins to create stunning landing pages in minutes. ### 1. Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/07/Elementor-page-builder-download-1024x460.png) [Elementor](https://go.posimyth.com/recommends/elementor/) is a leading WordPress page builder plugin. You can use it to create custom landing pages with a simple drag-and-drop editor.  You do not need to know how to code to build pages with this tool. #### What Makes Elementor Stand Out? Elementor combines a simple drag-and-drop interface with a huge selection of [templates](https://theplusaddons.com/blog/best-elementor-landing-page-templates/) and built-in widgets such as forms, videos, and buttons.  It offers flexible design controls for spacing, colors, and fonts, plus seamless integration with popular marketing tools.  Its free version is powerful enough for many users, with premium plans unlocking advanced features. #### Best For: Users seeking full creative control without complex setups, including beginners and professionals who want to quickly build and test unique landing pages. *Want to build better pages? Learn *[***how to create a high-converting landing page with Elementor***](https://theplusaddons.com/blog/create-elementor-landing-page/)*.* ### 2. SeedProd ![](https://theplusaddons.com/wp-content/uploads/2025/07/Seedprod-landing-pages-1024x461.png) [SeedProd](https://wordpress.org/plugins/coming-soon/) is a WordPress landing page plugin that helps you build landing pages quickly and easily. You do not need to know how to code.  The plugin uses a drag-and-drop editor, so you can place elements exactly where you want. #### What Makes SeedProd Stand Out? SeedProd excels with its extensive library of ready-made templates and a real-time visual drag-and-drop editor that shows your changes instantly.  It integrates seamlessly with popular email marketing services and includes built-in lead capture tools, countdown timers, and custom forms.  This combination makes launching professional landing pages fast and simple for both beginners and advanced users. #### Best For: Businesses and marketers who want to create landing pages quickly without coding or hiring developers, while still having advanced customization options. ### 3. Beaver Builder ![](https://theplusaddons.com/wp-content/uploads/2025/07/Beaver-builder-landing-pages-1024x456.png) [Beaver Builder](https://wordpress.org/plugins/beaver-builder-lite-version/) is a drag-and-drop page builder plugin for WordPress. You can use it to create landing pages and custom layouts without any coding skills.  The plugin works with a visual editor, so you see changes in real time as you build your page. #### What Makes Beaver Builder Stand Out? Known for its clean, simple interface, Beaver Builder is easy to use and compatible with most WordPress themes.  It offers responsive designs and a solid template library, making it a reliable choice for beginners who want quick results. #### Best For: Small business owners and bloggers who want an intuitive, flexible landing page builder with strong theme compatibility. *If you're looking for inspiration or want to see what these plugins can help you create, check out these*[* ****real landing page examples***](https://theplusaddons.com/blog/landing-page-examples/)* built using WordPress.* ### 4. Brizy ![](https://theplusaddons.com/wp-content/uploads/2025/07/Brizy-landing-pages-1024x458.png) [Brizy](https://wordpress.org/plugins/brizy/) AI is a modern, drag-and-drop website builder for WordPress that uses artificial intelligence to generate full websites in seconds.  From layout to text and images, everything is auto-generated, no coding or design experience needed. #### What Makes Brizy Stand Out? Brizy combines instant AI site generation with a clean, real-time visual editor. You can adjust layouts, content, and styles inline without navigating complex menus.  Features like global styling, white-labeling, and Google Business Profile integration make it a powerful choice for fast, professional site creation. #### Best For: Entrepreneurs, freelancers, and agencies who want to build sleek, responsive websites quickly, without technical hassle. ### 5. Instapage ![](https://theplusaddons.com/wp-content/uploads/2025/07/Instapage-landing-pages-1024x448.png) [Instapage](https://wordpress.org/plugins/instapage/) for WordPress is a plugin that connects your WordPress site with your Instapage account, allowing you to publish landing pages built in Instapage directly to your WordPress website.  It eliminates the need for manual export and simplifies page deployment. #### What Makes Instapage Stand Out? Instapage stands out for its powerful landing page builder that lives outside of WordPress, offering advanced features like A/B testing, heatmaps, dynamic text replacement, and lightning-fast page speed.  The plugin acts as a bridge, making it easy to push these optimized pages live on your WordPress site without touching any code.  It’s perfect for managing campaigns across multiple domains or subdomains efficiently. #### Best For: Marketing teams and advertisers who use Instapage to create high-converting landing pages and want a seamless way to integrate them into their WordPress sites without development work. ## Wrapping Up Each plugin listed in this blog has unique strengths, from SeedProd’s simplicity to Thrive Architect’s conversion-focused tools. However, [Elementor](https://go.posimyth.com/recommends/elementor/) remains one of the most versatile and widely used landing page builders in the WordPress ecosystem. Its free version is powerful enough for many use cases, while the Pro version unlocks advanced design and marketing features, making it a top choice for users who want full creative control without needing to code. To take Elementor even further, you can enhance its functionality with the tool, [**The Plus Addons for Elementor**](https://theplusaddons.com/). This powerful extension adds more than 120 advanced widgets, design presets, and marketing elements to help you create world-class websites without any coding. It's perfect for users who want more flexibility, animations, and unique section builders to create high-converting landing pages.  It’s a great way to unlock Elementor’s full potential and create standout landing pages faster. ## FAQs on WordPress Landing Page Plugins ### How do I choose the best landing page builder for WordPress? Start by deciding what features you need, such as drag-and-drop editing, template options, and integration with email tools. Look for plugins known for speed and reliability, such as SeedProd or Thrive Architect. Check user reviews and test their demos before making a decision. ### Can I find landing page templates that are easily customizable in WordPress? Most of the top plugins, including Elementor, come with a selection of ready-made templates. You can quickly customize templates by changing text, images, and colors to fit your brand. Many plugins have simple editors to help customize templates even more. ### What should I expect to invest in for a premium WordPress landing page plugin? Premium landing page plugins usually cost between $40 and $100 per year for a single site license. More advanced features, like A/B testing or advanced integrations, may increase the price. Some plugins offer lifetime licenses for a higher one-time fee. ### How does Elementor compare to other landing page plugins for WordPress? Elementor is one of the most popular plugins, known for its free features, large template library, and easy editing tools. It offers a visual drag-and-drop builder, similar to Divi or SeedProd. While its free version is powerful, some advanced options require a paid plan. --- # June 2025 Monthly Updates: Introducing Academy, Form Upgrade, Woo Styling, Big UI Boosts, & More! Source: https://theplusaddons.com/blog/june-2025-monthly-updates/ June brought a fresh wave of enhancements to **[The Plus Addons for Elementor](https://store.posimyth.com/?ns_url=17N&mid=2548085&fch=5a44f5b2)**, focusing on smarter inputs, refined WooCommerce styling, and a smoother design experience across the board. Whether you're fine-tuning forms or customizing store elements, this update is all about giving you more control with less effort. Take a look at the new features: ### New in The Plus Addons for Elementor (v6.3.5–6.3.10) [![](https://theplusaddons.com/wp-content/uploads/2025/07/New-in-The-Plus-Addons-for-Elementor-v6.3.5–6.3.10.png)](https://theplusaddons.com/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) ### More Control, More Customization: - **[Form got smarter](https://store.posimyth.com/?ns_url=27rm&mid=2548085&fch=5a44f5b2)**: You can now show form names, add country code support in phone fields, and use new Cloudflare and ReCAPTCHA field types for better validation and spam protection. - **[Buttons leveled up](https://store.posimyth.com/?ns_url=27rn&mid=2548085&fch=5a44f5b2)**: Style hover icons, tweak tag colors (especially for Style 23), and even save time using new ready-made button presets. - **[Switcher widget got sharper](https://store.posimyth.com/?ns_url=27ro&mid=2548085&fch=5a44f5b2)**: Now includes a border option for better visual control and styling flexibility. ### WooCommerce Widgets Got a Boost: - **Mini Cart Styling**: Customize product variation text with your own typography and color options for a more branded look. - **Cart Layout Controls**: Add top spacing to the empty cart button, style the cart notice message button, and set product title width for layout precision. - **Single Product Tweaks**: Hide image thumbnails or link product titles to custom URLs—great for unique product page designs. - **Compare Widget Message Style**: Style the “No list found” message to better match your overall site design. ### UI Enhancements Across the Board: - Cleaner, more intuitive layouts across widgets like **[Accordion](https://store.posimyth.com/?ns_url=27rp&mid=2548085&fch=5a44f5b2)**, **[Pricing List](https://store.posimyth.com/?ns_url=27rq&mid=2548085&fch=5a44f5b2)**, **[Social Icons](https://store.posimyth.com/?ns_url=27rr&mid=2548085&fch=5a44f5b2)**, **[Progress Bar](https://store.posimyth.com/?ns_url=27rs&mid=2548085&fch=5a44f5b2)**, and more. - **Helpful alerts** now show when required templates aren't selected in widgets like [**Accordion**,](https://store.posimyth.com/?ns_url=27rp&mid=2548085&fch=5a44f5b2) **[Carousel](https://store.posimyth.com/?ns_url=27rt&mid=2548085&fch=5a44f5b2)**, **[Countdown](https://store.posimyth.com/?ns_url=27ru&mid=2548085&fch=5a44f5b2)**, **[Page Scroll](https://store.posimyth.com/?ns_url=27rv&mid=2548085&fch=5a44f5b2)**, **[Tabs](https://store.posimyth.com/?ns_url=27rw&mid=2548085&fch=5a44f5b2)**, and more, making sure you don’t miss a step. - Power users will appreciate controller improvements in the **[Progress Bar](https://store.posimyth.com/?ns_url=27rs&mid=2548085&fch=5a44f5b2)**, **[Advanced Button](https://store.posimyth.com/?ns_url=27rn&mid=2548085&fch=5a44f5b2)**, **[Chart](https://store.posimyth.com/?ns_url=27rx&mid=2548085&fch=5a44f5b2)**, and more, bringing even more flexibility without adding complexity. *For all the changes,** *****[c](https://store.posimyth.com/?ns_url=145&mid=2548085&fch=5a44f5b2)***[**heck out the complete changelog here**](https://store.posimyth.com/?ns_url=145&mid=2548085&fch=5a44f5b2)**.*** Next month, get ready for exciting new features like the **Multi Scroll widget**, **RSS support in Social Feed**, and **SQL query integration in Tables**. Stay tuned—you won’t want to miss what’s next! [![](https://theplusaddons.com/wp-content/uploads/2025/07/Coming-soon-The-Plus-Addons-for-Elementor.png)](https://theplusaddons.com/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) ##  🎉Big Update: The Plus Addons for Elementor Academy Is Live – Master The Plus Addons for Elementor with Step-by-Step Video Lessons! [![](https://theplusaddons.com/wp-content/uploads/2025/07/Learn-New-in-The-Plus-Addons-for-Elementor-.-Built-smrt-fast-future-Ready-Websites-.png)](https://theplusaddons.com/learn-the-plus-addons-for-elementor/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) Unlock the full power of The Plus Addons of Elementor with easy-to-follow video tutorials—perfect for beginners and pros alike. ***[Start learning at your own pace today](https://store.posimyth.com/?ns_url=27ry&mid=2548085&fch=5a44f5b2).*** ##  📖— Latest Reads - [How to Show and Hide Text in WordPress](https://store.posimyth.com/?ns_url=27rz&mid=2548085&fch=5a44f5b2) - [How to Fix Facebook and Instagram oEmbed Issue in WordPress](https://store.posimyth.com/?ns_url=27s0&mid=2548085&fch=5a44f5b2) - [How to Reset WordPress Password](https://store.posimyth.com/?ns_url=27s1&mid=2548085&fch=5a44f5b2) - [How to Hide WordPress Pages from Google](https://store.posimyth.com/?ns_url=27s2&mid=2548085&fch=5a44f5b2) ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2025/07/How-to-Import-Google-Sheet-Table-in-Elementor-WordPress-2.png)](https://www.youtube.com/watch?v=MFSbCu8xZjo&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=7&t=37s) [![](https://theplusaddons.com/wp-content/uploads/2025/07/How-to-resolve-404-page-not-found-error-on-wordpress-2.png)](https://www.youtube.com/watch?v=ROeYvobXgjM&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=6) [![](https://theplusaddons.com/wp-content/uploads/2025/07/How-to-Create-Free-Contact-Form-in-Elementor.png)](https://www.youtube.com/watch?v=7DVDIACjSSQ&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=12) [![](https://theplusaddons.com/wp-content/uploads/2025/07/How-to-add-Smart-Loop-Builder-in-Elementor-Gutenberg-Bricks.png)](https://www.youtube.com/watch?v=xCn3jQT3SlA&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=11) [![](https://theplusaddons.com/wp-content/uploads/2025/07/How-to-Add-a-Site-Logo-to-the-Website.png)](https://www.youtube.com/watch?v=zvQTSZdxKwA&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=5&t=134s) ##   🗞️— WordPress & Tech Bytes - WordPress is upgrading its [**platform to support AI agents**](https://store.posimyth.com/?ns_url=27on&mid=2548085&fch=5a44f5b2)** **by giving them access to content, plugins, and site features. This will allow AI tools to summarize posts, trigger actions, or interact with site elements directly. The goal is to make WordPress websites more dynamic and AI-integrated. - [**WordPress version 6.8.2 is on track**](https://store.posimyth.com/?ns_url=27oo&mid=2548085&fch=5a44f5b2), with the first release candidate (RC1) expected on **July 8** and the final version slated for **July 15**. This incremental update focuses on bug fixes, under-the-hood improvements, and quality-of-life patches rather than new features, ensuring a smoother, more polished platform for users and developers alike. - Elementor launched[ **Elementor Host**](https://store.posimyth.com/?ns_url=27s8&mid=2548085&fch=5a44f5b2), a managed WordPress hosting service on Google Cloud. It offers fast performance, built-in security, and expert support—reducing load times by up to 72% and handling traffic spikes with ease. - Elementor launched [**Cloud Templates**](https://store.posimyth.com/?ns_url=27s9&mid=2548085&fch=5a44f5b2) (v3.29), a new Pro feature that lets users save sections, containers, or full page layouts to the cloud. These templates can then be accessed and reused across multiple sites, streamlining design workflows and boosting efficiency. - Elementor’s [**Ally plugin updates (v3.2 & v3.3)**](https://store.posimyth.com/?ns_url=27pr&mid=2548085&fch=5a44f5b2)** **add corner radius controls, custom icon support, and a dynamic tag to trigger widgets from any link. These features offer more flexibility in design and user interactions. - Google has[ **integrated Search Console Insights**](https://store.posimyth.com/?ns_url=27op&mid=2548085&fch=5a44f5b2) into the main dashboard, replacing the beta version. The new “Insights” tab offers key metrics like clicks, impressions, trending page, and query data, making performance tracking simpler for non-technical users. - Google's [**June 2025 Core Update**](https://store.posimyth.com/?ns_url=27oq&mid=2548085&fch=5a44f5b2) began rolling out on June 30 and may take up to three weeks. It aims to improve how helpful, high-quality content is ranked, and site owners are advised to focus on E-E-A-T and avoid quick fixes during this period. - Google clarified that [**having valid HTML isn’t a ranking factor**](https://store.posimyth.com/?ns_url=27or&mid=2548085&fch=5a44f5b2), as many top sites rank well despite errors. What matters more is having a clear, machine-readable structure like meta tags and structured data, and useful content, not perfect code. - Google has removed its old guidance to [**block auto-translated pages using robots.txt**](https://store.posimyth.com/?ns_url=27os&mid=2548085&fch=5a44f5b2). Instead, it now focuses on the quality of translations, high-value content can stay indexed, while low-quality pages should use **noindex **for control. - BrightEdge data shows over [**90% of AI search referrals**](https://store.posimyth.com/?ns_url=27ot&mid=2548085&fch=5a44f5b2) from tools like ChatGPT, Perplexity, and Bing come from desktop, not mobile. In contrast, traditional Google Search still leans slightly toward mobile, highlighting a desktop-heavy trend in AI-driven search traffic. ####  🔥 — Tool of the Month **[Website StyleKit](https://store.posimyth.com/?ns_url=27ou&mid=2548085&fch=5a44f5b2)** is an intuitive color palette generator that helps users create beautiful, cohesive color schemes for websites, apps, or branding projects. It’s ideal for web designers, developers, and marketers looking to quickly develop professional-level designs without the hassle of manual color-picking. [![](https://theplusaddons.com/wp-content/uploads/2025/07/Website-Stylekit-1024x768.png)](https://websitestylekit.com/?utm_source=Email&utm_medium=monthlyupdates&utm_campaign=ThePlusAddonsforElementor) #### 🗣️— Word of the Month ### Excellent plugin and outstanding support! I’m very happy with The Plus Addons for Elementor — the range of features, widgets, and templates is impressive and allows for highly customized designs with ease. It’s one of the most powerful extensions I’ve used with Elementor. Beyond the plugin itself, the **customer support is top-notch**: responsive, helpful, and genuinely committed to solving any issue quickly. That kind of service really adds value and peace of mind. Highly recommended for anyone looking to elevate their Elementor workflow! #### [*~@assistanceperchoirdigita*](https://store.posimyth.com/?ns_url=27sa&mid=2548085&fch=5a44f5b2) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more….✉️** --- # How to Fix WooCommerce Not Sending Order Emails Source: https://theplusaddons.com/blog/fixing-woocommerce-not-sending-order-emails/ Running into issues with WooCommerce not sending order emails? There are simple fixes to this problem. When running an ecommerce store, sending order notifications by email is how you maintain communication with your customers. They rely on these notifications to stay informed about new order confirmations, shipping updates, and delivery updates.  And if WooCommerce isn’t sending those emails, it can quickly hurt your customer satisfaction. This blog will walk you step-by-step through the reasons why WooCommerce might not be sending emails, and teach you how to fix it. With this, let’s get your emails back on track. ## Key Takeaways - Check WooCommerce email settings and recipient addresses. - Order emails send only for “Processing” or “Completed” statuses. - Use an SMTP plugin to fix delivery and spam issues. ## What Causes WooCommerce Not Sending Order Emails? If you are using WooCommerce as your e-commerce platform, missed order emails can cause large gaps in communication. You and your customers won’t be able to keep track of when an order was placed, if it was shipped, or if it reached the intended destination.  WooCommerce users typically report some common culprits behind this problem; let’s take a closer look at them. ### Common WooCommerce Email Settings to Check To keep business communications running smoothly, WooCommerce uses built-in email templates and notifications to handle order confirmations and shipping updates. If your settings are incorrect or deactivated, those emails won’t be sent. First and foremost, check your WooCommerce email settings.  From your WordPress dashboard, navigate to **WooCommerce > Settings > Emails**. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Check-WooCommerce-settings-1024x401.png) Double-check that the email notifications (especially “New Order” and “Completed Order”) are enabled and directed to the right addresses.  We’ll look at this again in more depth later in the article. ### Understanding WooCommerce Order Status and Email Triggers Not all order statuses send emails. For example, in WooCommerce, the "Pending Payment” status will not trigger an email, until the order status is moved to “Processing" or “Completed”.  That means if your orders are stuck in “pending,” your customers will not get a confirmation. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Order-Statuses.png) Check your order history under **WooCommerce > Orders** and look for the status column. If orders are not reaching “Processing,” investigate the order issue further.  Otherwise, if the orders have been processed or completed, but order emails are still not being sent out, then troubleshooting is the way forward. Let’s look at common bugs and their fixes in the next section. *Payment issues can also block email triggers. Explore the* [***Best WooCommerce Payment Gateways***](https://theplusaddons.com/blog/best-woocommerce-payment-gateways/)* to ensure smooth transactions and order confirmations.* ## How to Fix WooCommerce Not Sending Order Emails? Now let’s walk through the actual solutions. We will start from the basic checks and then progress to more technical methods. ### 1. Check and Configure WooCommerce Email Notifications This is the first and most basic troubleshooting step.  #### Step 1: Go to WooCommerce Email Settings Start by navigating to **WooCommerce > Settings > Emails** from your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-settings.png) On this page, click on the email type that is causing an issue. Here, ensure that all the information, such as the recipient’s email, is correct.  ![](https://theplusaddons.com/wp-content/uploads/2025/07/Emails-tab.png) #### Step 2: Enable the Email Notification It’s possible that this email was disabled by mistake. Click on the check box beside “**Enable/Disable**” to enable it. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Enable-email-notification.png) #### Step 3: Save and Test Now it’s time to test by sending yourself a test email. Click on “**Save Changes**” at the bottom of the page. Perform this check for all the other order email types.  Incorrect or missing settings here can stop emails from being sent, so being thorough is the best course of action. ### 2. Set Up an SMTP Server Plugin By default, WordPress uses PHP to send emails. These are treated by many hosting providers as spam, blocking them. This makes using an SMTP plugin essential.  SMTP servers use strong authentication and prevent spam flagging. Here are step-by-step instructions on setting it up. #### Step 1: Install an SMTP Plugin  Download and activate a plugin like WP Mail SMTP or Post SMTP to manage email delivery from your WooCommerce store. To do this, navigate to **Plugins > Add New Plugin** from your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Add-New-Plugin.png) Search for “**WP Mail SMTP**”. Click on “**Install Now**” and activate the plugin. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Install-and-activate-wp-mail-smtp-1024x488.png) #### Step 2: Choose a Mail Provider Navigate to **Plugins > Installed Plugins**. Search for **WP Mail SMTP**, and run the setup wizard. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Go-to-Installed-Plugins.png) Select a trusted provider such as SMTP.com, SendLayer, or Brevo to ensure better deliverability and fewer spam issues. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Choose-smtp-mailer.png) #### Step 3: Configure and Authenticate  Enter your SMTP credentials in the mailer settings, such as your API Key, Sender Name, From Name, and From Email. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Configure-settings.png) Finish running the setup wizard. #### Step 4: Send a Test Email  Use the plugin’s test feature to verify that your emails are sending successfully. SMTP ensures better email deliverability and avoids spam filters. These troubleshooting steps should take care of such issues. *Some page builders can interfere with WooCommerce. Check out this article on the* [***Best WooCommerce Builders***](https://theplusaddons.com/blog/best-woocommerce-builders/)* that won’t break your online store.* ### 3. Check Email Deliverability Email deliverability refers to an email being successfully delivered to the target inbox.  Even if WooCommerce is sending emails, poor deliverability might be sending them straight to spam, or blocking them entirely. Here’s a list of things to check and ensure email deliverability: - **Run a Deliverability Test: **Tools like Mail Tester or MXToolbox can scan your domain and identify issues with deliverability, if there are any. - **Clean Up Email Content: **Avoid spam triggers: all caps, clickbait language, or overloaded links, in your email templates. We’ll expand on this in an upcoming section. - **Use a Verified Email Provider: **For reliable delivery, consider using a service like Postmark, Mailgun, or SendLayer for sending order emails. Plugins like WP Mail SMTP also give you options for “Improved Email Deliverability” and “Email Error Tracking”, two features that can come in handy here. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Check-email-deliverability-683x1024.png) ### 4. Verify your Site IP Reputation Sometimes your server’s IP address is on a spam blacklist, which can be the roadblock you’re facing. This happens more often on shared hosting.  Here are some things to try to verify your IP reputation: - **Run a Blacklist Check: **Use the MXToolbox Blacklist Checker to find out if your server’s IP address is on any blocklists. - **Request IP Removal: **If your IP is blacklisted, contact your host to help you submit a delisting request. - **Avoid Shared Hosting: **Shared servers often suffer from poor IP reputation. Switching to dedicated hosting is best for [email deliverability](https://www.smartlead.ai/blog/email-deliverability-guide), especially for WooCommerce users. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Verify-site-ip-reputation-683x1024.png) *Using Elementor? Make sure you’re using the* [***Best Elementor Addons for WooCommerce***](https://theplusaddons.com/blog/best-elementor-addons-for-woocommerce/)* to avoid conflicts that may block emails.* ### 5. Check for Spammy Elements WooCommerce emails that contain suspicious content (too many links, strange formatting, or spammy phrases) are often filtered by email providers.  Here’s how you can check for spammy elements in your email: - **Cut Unnecessary Links: **Too many links can trigger spam filters. It’s best to keep your order emails clean and focused. - **Use Templates: **Stick to simple layouts that reflect your store’s branding and avoid excessive formatting. - **Avoid Spam Trigger Words: **Skip overused phrases like “Buy now,” “Congratulations,” or “Limited time offer” in your email content. - **Use a Domain-Based Sender Address: **Make sure your From Email is tied to your actual domain to reduce the chances of being flagged. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Check-spammy-elements-683x1024.png) With this troubleshooting workflow, your WooCommerce will be back to sending order emails in no time. *Fraud orders can affect email reliability. Learn how to* [***Protect Your WooCommerce Store from Fraud & Fake Orders***](https://theplusaddons.com/blog/protect-woocommerce-store-from-fraud-fake-orders/)*.* ## Using WooCommerce Builder to Create Complete Online Store While fixing email issues is essential, enhancing your WooCommerce setup goes well beyond troubleshooting. The [WooCommerce Builder by The Plus Addons for Elementor](https://theplusaddons.com/elementor-builder/woocommerce-builder/) lets you customize every part of your store, without a single line of code.  ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-Builder-by-The-Plus-Addons-for-Elementor-1024x577.png) You can design product pages, cart, checkout, order tracking, and thank you pages with simple and intuitive drag-and-drop widgets. 15+ Ajax filters let you enhance product discovery, and advanced queries let you show the right products to the right users. **Let's take a look at what The WooCommerce Builder can do for your store:** - The WooCommerce Builder lets you enhance your product single page with customization options for flexible thumbnail positions, multiple product images, carousel layouts, pricing elements, and more. - It also lets you design shop and category pages with flexible product grids and plenty of filtering options, allowing convenient product comparison. - The builder keeps your branding consistent across the cart, checkout, and thank you pages. This is through advanced customization options, from your cart layout to the checkout form. - This WooCommerce Builder also provides fully custom layouts for your store login, registration, and account dashboards, with conditional displays and personalized greetings. With these features, the WooCommerce Builder is more than just a plugin. In short, it’s a complete toolkit. When building a fast, personalized, and fully branded WooCommerce store, the WooCommerce Builder is the tool of choice. Try it out today. *Explore the full* [*WooCommerce Builder by The Plus Addons for Elementor*](https://theplusaddons.com/elementor-builder/woocommerce-builder/)* to design a storefront that converts.* ## Wrapping Up If WooCommerce isn’t sending order emails, there are normally a few common culprits. The fix is just as simple.  Start by double-checking your email notifications, setting up an SMTP plugin for reliable delivery, and running a few tests. Even small email issues can hurt customer trust, so it’s worth taking the time to fix them properly. With the right tools and a few adjustments, you can make sure your WooCommerce store delivers every message. Want to take your WordPress experience even further? Try upgrading with The Plus Addons for Elementor. Beyond the WooCommerce Builder, you get access to [120+ Elementor widgets](https://theplusaddons.com/elementor-widget/) to completely transform your site, from dynamic content to advanced filtering, carousels, and more.  Build the perfect e-commerce store with The Plus Addons for Elementor. ## FAQs on Fixing WooCommerce Not Sending Order Emails ### How can I check if WooCommerce emails are being sent? To check if WooCommerce emails are being sent, install a plugin like WP Mail Logging. It records each outgoing email, so you can verify whether order notifications were triggered, sent, or failed due to issues with settings, hosting, or configuration. ### Do I need an SMTP plugin to fix WooCommerce email issues? Yes, an SMTP plugin is essential to fix WooCommerce email issues. This is because many hosts don’t reliably support PHP mail. SMTP ensures proper authentication, better deliverability, and ultimately increases the chances of your email ending up in the right inbox. ### What settings should I check in WooCommerce for email delivery? To ensure WooCommerce email delivery, go to **WooCommerce → Settings → Emails**. Here, confirm that the email notifications are enabled, and both recipient and sender email addresses are entered correctly. A simple typo in these fields can interfere with your order email delivery. ### Why are WooCommerce emails going to spam? WooCommerce emails can go to spam if your domain lacks authentication(like SPF or DKIM) or if your content looks suspicious. Bad IP reputations, or spammy subject lines, can also mark emails as spam. Using SMTP plugins and following the troubleshooting guidelines in this article can resolve this. ### Can hosting providers affect WooCommerce email sending? Yes, hosting providers can affect WooCommerce email sending. Shared hosts often block or limit PHP mail, causing failures. Bad IP reputation or server limits can send emails to spam. An SMTP plugin helps route emails reliably through trusted mail servers. ### How to test if WooCommerce emails are working properly? To test WooCommerce emails, send a test from your SMTP plugin. Now check if the email arrives. You can use WP Mail Logging to track the email’s status, whether it was sent, failed, or blocked. ### How to fix WooCommerce order emails going to spam folder? To stop WooCommerce order emails from landing in spam, there are a few tried and tested methods. Avoid spammy language in your emails, and use a verified SMTP provider to boost sender reputation to ensure your messages are received by the customers. ### How do I resend a failed order email in WooCommerce? To resend a failed WooCommerce order email, use a plugin like WP Mail SMTP Pro. You can manually resend from the email log, or change the order status to “Processing” or “Completed” to automatically re-trigger the notification email. --- # How to Create a Restaurant Menu in WordPress Source: https://theplusaddons.com/blog/how-to-create-a-restaurant-menu-in-wordpress/ Want to give customers an easy way to explore your restaurant’s menu? Learn how to create a restaurant menu in WordPress in a few easy steps.  Most restaurant websites showcase menus as downloadable PDFs or static images. These formats create a less engaging experience for customers and require additional steps, such as downloading files.  For you, this means every menu change needs a fresh upload. It also means your menu won’t help your SEO, since search engines can’t read PDFs.  Adding your menu directly to your WordPress website gives you a better user experience, contributes to SEO, and lets you update menu items easily. In this article, we take you through easy steps to create an online restaurant menu in WordPress using a WDesignKit Template Kit. ## What Essentials Do You Need to Create a Restaurant Website? When it comes to building a website, WordPress gives you everything you need. It’s flexible, beginner-friendly, and lets you launch a fully functional restaurant website without writing a single line of code.  You can choose from a wide range of themes, plugins, and layout options to build exactly what your business needs.   Here are some essentials you need before you get started with your site:  **1. A Reliable Hosting Provider ** Your website needs a reliable hosting provider that will keep your site running smoothly while keeping it secure.[ Hostinger](https://go.posimyth.com/recommends/hostinger/) and[ Kinsta](https://go.posimyth.com/recommends/kinsta/) are both dependable options that include SSL and offer responsive support.  **2. A Mobile-Responsive WordPress Theme** Your theme shapes the way customers experience your website. Choose a layout that adapts to every screen size and allows you to customise sections easily using Elementor.  A responsive theme like [Nexter WP](https://www.nexterwp.com/nexter-theme/) ensures your homepage, navigation menu, and images load cleanly across devices. *Looking for mobile-friendly themes for your restaurant business's website? Check out the *[***best themes for Elementor**.*](https://theplusaddons.com/blog/best-elementor-themes/) **3. High-Quality Food Images and Branding** Clear, well-shot photos of your menu items help your dishes stand out. Use real images of your food, interiors, and ambience.  Add your logo, pick a colour palette, and stick to fonts that reflect your restaurant’s personality. **4. A Restaurant Menu Plugin or Template Kit** Static PDFs are outdated and hard to maintain. A restaurant menu plugin or a ready-made template kit like [BiteMobile from WDesignKit](https://wdesignkit.com/templates/kit/bitemobile--elementor-template-kit/16798) helps you create a live, structured online menu that’s easy to update.  You can add menu sections, highlight seasonal dishes, and even connect it with an online ordering system if needed. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Essentials-to-build-restaurant-website-683x1024.png) ## Why Should You Create an Online Restaurant Menu on Your WordPress Website? Adding your menu directly to your WordPress website gives customers a smoother, faster way to explore what you offer. Here’s why this is a great option:  - **Improve Customer Experience** Most customers check out the menu before deciding to book a table or place an order. A live restaurant menu on your site lets them browse dishes, see prices, and explore menu items without downloading anything.  It loads faster, looks cleaner, and works well on all mobile devices. - **Easy to Edit and Keep Updated** Menu changes are common with seasonal specials, price updates, or item removals. When your menu is online, you can edit it directly from your WordPress dashboard.  You don’t need to upload a new image or PDF every time something changes. - **Helps Your Restaurant Rank on Google** Unlike PDFs or images, a live online menu is readable by search engines. That means your dishes, categories, and headings can actually help with SEO.  It increases the chances of your restaurant website showing up when someone searches for specific dishes or cuisines in your area. - **Adds Functionality Like Ordering and Reservations** By using a restaurant menu plugin or template kit, you can link menu items to an online ordering system, reservation form, or even display real-time availability.  It’s a great way to reduce phone calls and let customers take action directly from your website. - **Looks Great on All Devices** Your WordPress site, when built with a mobile-responsive theme, automatically adapts your menu layout to any screen size.  This means your online menu is readable, scrollable, and easy to use, no matter how the customers choose to access it. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Why-keep-restaurant-menu-online-683x1024.png) ## How to Create a Restaurant Menu in WordPress Step-by-Step Let’s now explore how to create a restaurant menu in WordPress using the Elementor editor. For this, we’ll be using the [ready-made Menu page](https://wdesignkit.com/templates/page/menu--bitemobile/16764) from [BiteMobile Template from WDesignKit](https://wdesignkit.com/templates/kit/bitemobile--elementor-template-kit/16798).  ![](https://theplusaddons.com/wp-content/uploads/2025/07/Menu-page-sample-snap-1024x505.png) The BiteMobile Template kit delivers a bold, mobile-first design tailored for cafés, food trucks, and modern eateries.  **You get:** - Fully responsive sections that look sharp on mobile devices as well as large screens. - Pre-designed pages like the Home, Menu, About, Contact, and Blog page, so every major touchpoint feels cohesive. - Drag-and-drop customization through Elementor, letting you swap colors, fonts, and menu items with clicks. - Fast loading code plus SEO-friendly markup that helps your online menu appear in local searches. - Contact forms and appointment blocks that funnel visitors toward reservations or takeaway orders. ### Using BiteMobile Template Kit for a Ready-Made Restaurant Menu Page  To use the BiteMobile Template Kit to create a menu page on your WordPress website, you need to first install and set up the WDesignKit.  Since the BiteMobile Kit is a Pro (Paid) template kit, you’ll have to activate the Pro version of WDesignKit to use it. Here’s how to do that: #### Step 1: Install WDesignKit  In your WordPress dashboard, go to **Plugins > Add New** and search for “**WDesignKit**”.  Click **Install** and then **Activate**. The plugin lets you browse, preview, and import a wide range of templates, including premium options like BiteMobile. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Add-WDesignKit-plugin-1024x466.png) While the free plan allows basic use, unlocking Pro templates (including BiteMobile) requires license activation. #### Step 2: Get the Activation Key  Go to the [WDesignKit Pricing](https://wdesignkit.com/pricing/) page and pick your plan: Free or Pro.  For the Free plan, click “Start Free,” sign up, and get your activation key. For the Pro plan, select your plan, create an account, and buy it. Your activation key will be shown in your POSIMYTH Store dashboard. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Choose-pricing-plan-1024x479.png) **Note:** You need to be on the Pro version of the WDesignKit plugin and The Plus Addons for Elementor to be able to use the pre-made responsive menu template. You can use either the WDesignKit key, or if you already use The Plus Addons for Elementor Pro, you can use that key to activate the WDesignKit plugin.  *Want a more detailed guide on activating WDesignKit? Here's *[***how to get a licence key for WDesignKit activation**.*](https://learn.wdesignkit.com/blog/docs/how-to-get-key-for-wdesignkit-activation/) #### Step 3: Use the Activation Key  In WordPress, open WDesignKit from your dashboard. Go to **Settings> Manage Licence**.  In the Enter Licence Key field, select either WDesignKit or The Plus Addons for Elementor from the dropdown and add your key.  Click **Activate**. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Activate-license-1024x446.png) ### How to Install and Set Up the BiteMobile Template Kit? Once you’ve installed and activated WDesignKit, using the BiteMobile Template Kit’s Menu Page is quite simple.  #### Step 1: Create a New Menu Page and Edit with Elementor Go to your WordPress dashboard. Navigate to **Pages > Add Page**. Name your page (e.g., “Menu”) and click Edit with Elementor. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Add-new-page.png) #### Step 2: Access WDesignKit  In the Elementor editor, look for the WDesignKit icon in the main section for adding blocks/content. Click the icon to open the WDesignKit template library right inside Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Access-WDesignKit-1024x215.png) #### Step 3: Import the Template  Use the search bar to type “**bitemobile**” and then browse through the BiteMobile templates that appear.  Locate the **Menu | BiteMobile template** (look for the menu layout with dish images and prices). Click the import icon on the Menu template card. When prompted, choose Standard Style or Global Style import based on your preference, then click Import. You’ll see a confirmation message once the import is completed.  Close the template library to access the Elementor editor.  #### Step 4: Customize the Template  Once imported, the menu page loads directly in the Elementor editor. You’ll see ready-made sections, item cards, images, and prices. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Customize-the-template-1-1024x503.png) Click any item (like the “Delicious Selections” heading or descriptions) to edit content, style, or fonts. Swap images, adjust prices, add or remove menu items, and tweak the layout, all with drag-and-drop controls. ## How to Customize Your Restaurant Menu with The Plus Addons for Elementor Since BiteMobile is a WDesignKit template designed with Elementor and The Plus Addons for Elementor, you can apply even more advanced customizations with the [Plus Extras extensions](https://theplusaddons.com/elementor-extras/).  This way, you can make your menu engaging, interactive, and functional.  To access these customization options, click on an element on your menu page and then in the editing menu, navigate to Advanced.  Here you’ll find advanced options powered by The Plus Addons for Elementor.  ![](https://theplusaddons.com/wp-content/uploads/2025/07/Customizing-the-restaurant-menu-1-284x1024.png) While there is a lot you can accomplish with these features.  Here are a few ideas to get you started:  ### Idea 1: Use Plus Extras to Enhance the Visual Experience Plus Extras offer several options to help you add visual variety to your menu page. For example, if you want a text or an image to pop-up when a user hovers over an element on the page, you can use the [ToolTip option](https://theplusaddons.com/elementor-extras/global-tooltips/) to create this.  Go to **Advanced > Plus Extras > ToolTip**. Then turn the toggle on. Now, you can add the content that you want to display. You can also customize any element with a parallax hover by navigating to **Advanced > Plus Extras >**[** Mouse Move Parallax**](https://theplusaddons.com/elementor-extras/global-mouse-hover-parallax/) and turning the toggle on. You can apply continuous animations to elements on your page to keep them moving. Go to **Plus Extras >** [**Continuous Animation**](https://theplusaddons.com/elementor-extras/continuous-effects/) and turn the toggle on.  Now, select the animation you want to apply.  ### Idea 2: Use Display Conditions to Personalize the Menu [Display Conditions](https://theplusaddons.com/elementor-extras/display-conditions/) let you control when certain menu items or sections appear, based on set rules. This is especially helpful if you want to show breakfast items only in the morning, or a lunch special during midday hours. To use this feature, go to **Advanced > Display Condition** in the Elementor editor and toggle it on. Click “**Add Item**” to create a rule. For example, set the rule to **Time of Day > Is Before > 12:00** to show breakfast menu items only before noon.  You can combine multiple rules, like showing different menu items on weekends or hiding unavailable items at certain times. ## Wrapping Up Creating your restaurant menu directly in WordPress is a smarter, more efficient solution than sharing static PDFs or images. With this method, your menu becomes interactive, easy to update, and truly accessible for customers browsing on any device.  Unlike a PDF, your menu is SEO-friendly, helping your website show up when potential diners search for specific dishes or cuisines nearby. Using a pre-built layout like the BiteMobile template from WDesignKit simplifies the process. You get a ready-made design that’s functional, mobile-friendly, and personalizable.  With [WDesignKit, you can access 1000+ templates](https://wdesignkit.com/) built for WordPress and compatible with both the Elementor and Gutenberg editors. These templates make web design easier, more approachable, and a lot quicker.  WDesignKit Elementor templates are designed using powerful plugins such as [The Plus Addons for Elementor](https://theplusaddons.com/). This offers an added layer of functionality, customization, and features, as the plugin comes with 120+ widgets.  The Plus Addons for Elementor plugin is easy to use, lightweight, and optimized to work smoothly with the latest version of WordPress. It gives you complete creative freedom and allows you to build an interactive and aesthetically pleasing website from scratch.  ## FAQs on Creating a Restaurant Menu in WordPress ### Can I create a restaurant menu without coding in WordPress? Yes, you can create a full restaurant menu using Elementor and a template kit like BiteMobile by WDesignKit. These tools offer drag-and-drop features and pre-designed layouts, so you don’t need any coding skills to build a functional restaurant website. ### How do I make my restaurant menu mobile responsive? To make a mobile-friendly restaurant menu, use a mobile-friendly theme and a responsive WordPress food menu plugin or Elementor template like BiteMobile. These adapt your menu items and layout to different mobile devices, helping you offer a better customer experience across screens. ### Can I add online ordering to my WordPress menu? You can connect your online menu to an online ordering system using plugins or embed order links directly into your menu items. Some plugins also support payment gateways and food delivery plugins for a seamless ordering setup. ### Is the BiteMobile template compatible with all WordPress themes? BiteMobile is an Elementor-based template, so it works with any theme that supports Elementor. As long as your theme doesn’t conflict with Elementor’s layout builder, you can use the BiteMobile kit smoothly on your restaurant website. ### Can I add images and prices to my restaurant menu in WordPress? Yes, you can display dish images, pricing, and details using an Elementor template. It allows you to style each menu item, making the entire online menu visually appealing and easy to update. ### Can I display different menus for breakfast, lunch, and dinner in WordPress? You can show or hide menu items based on time of day, using Display Conditions settings offered by The Plus Addons for Elementor in the Elementor editor. This helps you manage daily specials and create a dynamic restaurant menu experience. --- # How to Force Check WordPress Plugin Updates Source: https://theplusaddons.com/blog/how-to-force-check-wordpress-plugin-updates/ Waiting for WordPress to automatically check for plugin updates can leave your site exposed to bugs, performance issues, or even security vulnerabilities.  A missed update, especially one that includes a critical fix, can cause unexpected problems, and if you manage several websites, relying on scheduled checks becomes even more frustrating. Luckily, you don’t have to wait. You can manually force WordPress to check for plugin updates whenever you need. In this blog, you’ll learn simple, effective ways to force check WordPress plugin updates using built-in features, plugins, or quick manual methods, so you can stay ahead of potential issues and keep your site running smoothly. Let’s get started! ## Why You Might Need to Force Plugin Updates in WordPress? Forcing plugin updates in WordPress can be useful in several situations, especially when you want to ensure that your site is always running the latest, most secure, and most compatible versions of plugins. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Reasons-to-force-updates.png) Here’s why someone might want to force plugin updates: **1. Security Reasons** Some updates patch critical vulnerabilities. If a plugin has a known security issue, delaying the update could leave your site open to attacks. Forcing an update ensures you immediately apply these security fixes. **2. Bug Fixes** Plugin authors often fix bugs in newer versions. If you’re experiencing an issue that’s been resolved in an update, forcing the update can quickly apply the fix even before WordPress runs its routine update checks. **3. Bypass Delayed Update Checks** WordPress doesn’t check for plugin updates constantly; it does so at intervals (typically every 12 hours). If you're testing a plugin or have just released an update, you may want to force WordPress to check and apply the update right away. **4. Staging or Development Environments** If you’re testing a new plugin version in a staging or local environment, forcing updates helps simulate real-world conditions and ensures you're always working with the latest code. **5. Managing Multiple Sites (Multisite or Agencies)** When managing several WordPress websites, you might want to automate or speed up the update process to reduce manual effort. Forcing updates can help keep all sites in sync with the latest plugin versions. **6. Update Custom or Manually Installed Plugins** Sometimes developers push updates to plugins that aren’t hosted in the WordPress plugin repository (e.g., premium or custom plugins). Forcing an update check ensures these get recognized and updated, especially if their update system relies on manual triggers. ## How to Force Check WordPress Plugin Updates (Working Methods) WordPress checks for plugin updates using a specific method that involves background checks, update servers, and temporary storage.  Knowing how and when WordPress looks for updates helps you keep your plugins secure and up to date. ### Method 1: Using the WordPress Dashboard The simplest way to force a plugin update check is through the WordPress dashboard. First, log in as an admin and go to the **Dashboard > Updates** page.  ![](https://theplusaddons.com/wp-content/uploads/2025/07/Go-to-Updates.png) Then click the “**Check Again**” link to prompt an update scan. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Check-again-1024x297.png) This is helpful if you know there have been new releases, but they aren’t yet showing up. *Having trouble making changes to your theme? Check out our guide:* [***Can’t Edit Theme in WordPress? 13 Ways to Fix It [SOLVED]***](https://theplusaddons.com/blog/cant-edit-theme-in-wordpress/) ### Method 2: Managing WordPress Updates Using a Plugin Using a plugin like [**Easy Updates Manager**](https://wordpress.org/plugins/stops-core-theme-and-plugin-updates/) makes it easier to control updates on your WordPress site.  You can manage updates for plugins, themes, and even WordPress core from one place. To get started, go to your WordPress dashboard. Next, navigate to **Plugins** and select **Add Plugin**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-new-plugin-on-wordpress.png) Search for **Easy Updates Manager**.  Next, click on **Install Now** and then **Activate**. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Install-and-activate-the-plugin.png) After activating, find the **Update Options** in your admin menu. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Go-to-updates-options.png) Here, you can set up how you want updates to work. You can turn on or off updates for each plugin and theme. You can also enable or disable automatic updates for the WordPress core. To make WordPress check for updates immediately in the Easy Updates Manager panel, look for the **Advanced tab**. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Go-to-Advanced-tab-1024x305.png) Click on **Force Updates** Then hit the **"Force WordPress to check for updates"** button. This method is helpful for both beginners and advanced users. ### Method 3: Using WP-CLI  If you’re comfortable with the command line and want more control over plugin updates, you can use **WP-CLI**, a powerful tool for managing WordPress from your server. > *Before working with codes on your site, it is advisable to take a backup of your website. Here’s a step-by-step guide on *[***How to Backup WordPress Website***](https://theplusaddons.com/blog/how-to-backup-wordpress-website/). To check for plugin updates without actually installing them, run this command: `wp plugin update --all --dry-run` ***Note:**** This is an advanced method and requires SSH access to your server and WP-CLI installed on your hosting environment.* Once you're ready to install the updates, you can run: `wp plugin update --all` This will update all plugins at once directly from the terminal. *Looking to automate the backup process of your website? Here are the *[***5 Best WordPress Backup Plugins ***](https://theplusaddons.com/blog/best-wordpress-backup-plugins/)*you can consider.* ## Wrapping Up Knowing how to force check WordPress plugin updates helps keep your site secure and running smoothly.  As you’ve seen, it’s not a complex process, just a matter of choosing the method that fits your workflow, whether that’s through the dashboard, a plugin like Easy Updates Manager, or even WP-CLI. Taking this proactive approach ensures your plugins are always up to date, minimizing bugs, closing security gaps, and improving performance. And speaking of staying updated, if you're an Elementor user looking to extend your site’s functionality with powerful widgets that are regularly maintained and optimized, it’s worth checking out [The Plus Addons for Elementor](https://theplusaddons.com).  It’s a feature-rich addon suite trusted by thousands of users and built with performance and innovation in mind. Just like keeping your plugins updated, choosing the right tools from the start can make a big difference in how your website performs and grows. ## FAQs on Forcing WordPress to Check for Plugin Updates ### Why isn’t WordPress showing the latest plugin updates? WordPress may not display the latest updates due to caching issues, failed update checks, outdated core files, or API communication errors. Clearing caches and manually checking for updates usually resolves the issue. ### How often does WordPress check for plugin updates automatically? By default, WordPress checks for plugin updates every 12 hours. However, you can manually force a check if you don’t want to wait. ### What should I do if forcing an update still doesn’t show anything? If updates don’t show even after forcing a check, try clearing browser, site, and server caches. Also, ensure your WordPress version and server time are up to date. Deactivating conflicting plugins can also help. ### Is it safe to force plugin updates on a live site? It’s generally safe, but it’s best to create a backup before updating plugins, especially on a live site. This ensures you can restore your site if something goes wrong after an update. ### Can I force updates on a multisite network? Yes, but you’ll need to network activate update management plugins like Easy Updates Manager to control updates across all subsites. --- # How to Show and Hide Text in WordPress Source: https://theplusaddons.com/blog/how-to-show-and-hide-text-in-wordpress/ Want to give users a more engaging experience on your website? Learn how to show and hide text in WordPress. Long walls of text can overwhelm visitors, leading to higher bounce rates and lower engagement. You need a way to simplify the experience without cutting valuable information, whether you're dealing with lengthy content or extra details.  That’s where content toggling can help. Here, we’ll show you how to add show/hide text in WordPress. With the Unfold and Accordion widgets from The Plus Addons for Elementor, you can boost readability and keep users focused where you want them. In this step-by-step guide, we’ll help you achieve just that. ## Key Takeaways - Unfold and Accordion widgets by The Plus Addons easily add show/hide text features.[](https://theplusaddons.com/blog/how-to-show-and-hide-text-in-wordpress/) - No coding is required, just drag and drop.[](https://theplusaddons.com/blog/how-to-show-and-hide-text-in-wordpress/) - Resulting content is mobile-friendly and interactive. Let’s get started! ## Why Should You Consider Showing and Hiding Text on WordPress Websites? Too much visible content at once can be overwhelming, especially on smaller screens. By giving users the option to reveal or collapse text, you and your website benefit in the following ways: - **Better Readability:**  Break up long text so visitors can focus on specific, strategic content areas. - **Lower Bounce Rates:**  Expandable text helps website visitors avoid endless scrolling and keeps them engaged. - **Increased Visiting Time:**  Let visitors explore content at their own pace. Expandable sections encourage interaction, which naturally leads to longer browsing sessions. - **Mobile-Friendly UX:**  Content control lets you display just enough text on smaller screens, without overwhelming users. - **Improved SEO:** Better structure and engagement can ultimately help to improve your search rankings on search engines. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Why-Show-and-Hide-Text-on-WordPress-Websites-683x1024.png) Showing and hiding text are great ways to provide more information, without having to compromise on design or performance. Adding in expand block options, or a “Read More” link can enhance the experience for users by a lot. Now that we know why it’s important, let’s see how to implement it in simple steps, without using any custom code. ## How to Show and Hide Text in WordPress (No Code Methods) Using shortcodes or WordPress inbuilt methods might seem daunting for changing text visibility on your website. Using specialized show/hide widgets from The Plus Addons for Elementor is a beginner friendly way to work with long-form content, FAQs and more.  ### Method 1: Show and Hide Text Using Unfold Widget ***Best for:** Long Form Content* ![](https://theplusaddons.com/wp-content/uploads/2025/06/Unfold-widget-demo-snap-1024x467.png) The [Unfold & Expand Button for Elementor](https://theplusaddons.com/elementor-widget/unfold/) is designed by The Plus Addons with the intention to keep things minimal, while still offering full context when the user wants it. The widget lets you show just a short snippet of content, with a “Read More” or “Show More” link to reveal the rest. The widget offers you multiple ways to add content, two types of expand buttons, and flexible button placement options. To learn how to use it for your long form content, follow the steps outlined below. #### Step 1: Install The Plus Addons for Elementor Start by ensuring that both [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) free and pro is installed, and that Elementor is also active on your site. Navigate to **The Plus Addons > Widgets**. Search for “**Unfold**” in the search bar, and look for the right widget in the results. Turn the toggle on to enable the widget on your WordPress website. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Search-for-Unfold-widget-1024x277.png) #### Step 2: Drag and Drop the Unfold Widget Open the page you want to edit with Elementor. In the widget panel, search for “**Unfold**”.  ![](https://theplusaddons.com/wp-content/uploads/2025/06/Drag-and-drop-unfold-widget.png) Drag it to your page, to the section where you want to toggle content. #### Step 3: Enter Your Text Content Paste your long text into the widget. This is the ideal tool for use cases like blog excerpts, terms and conditions, product specifications, or any expandable info block you can think of. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-content-in-unfold-widget.png) #### Step 4: Customize the Toggle Behavior The Unfold widget lets you customize toggle behavior. Define your icon type, button labels like “Read More” or “Show More,” icon position, and collapse button text. There is also the option to add extra buttons, if you wish. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Customize-unfold-toggle-behavior.png) #### Step 5: Style the Widget Within the “**Style**” tab to the top left, you can match your WordPress website’s design by customizing colors, font styles, padding, and toggle icons using the many styling options in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Style-unfold-widget.png) #### Step 6: Save and Preview Once you are content with the structure and styling of your content toggle, publish the page. It is highly recommended to test the toggle functionality on desktop, tablet, and mobile views to ensure everything works as expected. This method is ideal when you want to reveal additional content without overwhelming the reader. Next, we’ll look at a widget for a different type of toggle-compliant content. *Want a simple, straightforward follow-along video? Check out our YouTube tutoria*l: https://youtu.be/bg4wkzAaBC8?si=tjmVFL8MyyDDwne6 ### Method 2: Show and Hide Text Using Accordion Widget ***Best for:** FAQs* ![](https://theplusaddons.com/wp-content/uploads/2025/06/Accordion-widget-demo-snap-1024x500.png) When you have multiple sections of content, like FAQs or service breakdowns, the [Advanced Accordion for Elementor](https://theplusaddons.com/elementor-widget/accordion/) by The Plus Addons helps organize them cleanly. Users can expand one item at a time, keeping your page layout neat and focused. Like the previous widget, the Accordion widget lets you use multiple content sources and add individual icons. Additionally, you can add different *types* of accordions, like Active, On-Hover, Horizontal, Expand/Collapse content buttons, and more. Some of these options require that you have the Pro version of The Plus Addons but the core functionalities are expansive and will meet all your needs in one single widget. *For a deep dive into the Accordion widget, check out our article on *[***how to add Accordion in WordPress***](https://theplusaddons.com/blog/how-to-add-accordion-in-wordpress/)*.* To use the widget, go through the following steps. #### Step 1: Add the Accordion Widget Like before, start by ensuring that the Accordion widget is installed and activated, as shown in the image below. Navigate to **The Plus Addons > Widgets**, search for “**Accordion**” in the search bar, and then turn the toggle next to the widget on. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Search-for-Accordion-widget-1024x284.png) Now, open a new or existing page within the Elementor editing environment. Search for the Accordion widget in the Elementor editor to the left of your screen. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Drag-and-drop-accordion-widget.png) Drag it onto the section where you want to place collapsible items. #### Step 2: Input Your Content Items Each accordion element has a title and a content area. Add as many items you need, along with their descriptions, media, and formatting options. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-content-in-accordion-widget.png) Click on first Accordion item and start adding your content. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-text-content-in-accordion-widget.png) #### Step 3: Configure Toggle Settings Once you’ve added in all the content you want, decide on the toggle settings by determining the alignment, icon visibility, and title tag. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Configure-toggle-settings.png) [The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing/) also gives you special options that include On Hover and Horizontal Accordion options, expand and collapse buttons, search bar, slider and pagination, and autoplay. These can take your website’s user experience up several notches! ![](https://theplusaddons.com/wp-content/uploads/2025/06/Special-accordion-options.png) *Want to try custom animations on your accordions for a better user experience? Learn *[***how to add scroll top animations***](https://theplusaddons.com/docs/scroll-top-animation-in-elementor-accordion/)* step by step.* #### Step 4: Customize Icons and Transitions Choose typography, color, backgrounds, padding, and more, within the Style tab. Design the widget to match your website’s branding perfectly. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Style-accordion-widget.png) #### Step 5: Save and Test on All Devices Publish the changes. As a best practice, and as before, preview your web page across various devices and browsers to confirm the accordion works as intended. *Want to learn another way to enhance your FAQ sections? Find out about the *[***6 best FAQ plugins for WordPress***](https://theplusaddons.com/blog/best-faq-plugins-for-wordpress/)* in this article.* ## Wrapping Up With more content flooding the web every day, simplicity is key. When trying to make your WordPress website more interactive and digestible, showing and hiding text is one of the simplest ways to make it happen.  By using the Unfold widget for long blocks of text and the Accordion widget for grouped sections like FAQ schemas, you can deliver a smoother experience for your website visitors.  Both widgets are part of The Plus Addons for Elementor, a performance-friendly plugin that also gives you access to [**120+ Elementor widgets**](https://theplusaddons.com/elementor-widgets/). These cover everything from content toggles to advanced design options, marketing, and WooCommerce elements. Give your WordPress website a chance to set it apart by leveraging The Plus Addons to your benefit. ## FAQs on Show and Hide Text in WordPress ### Can I show and hide text in WordPress without a plugin? Yes, you can show and hide text in WordPress without a plugin by using custom HTML, CSS, or JavaScript. However, this requires coding knowledge. If you prefer a no-code solution, plugins like The Plus Addons for Elementor make the process much easier and efficient. ### Which is better for toggle effects: unfold or accordion widget? Choosing between the Unfold and Accordion widget depends on your content. Use the Unfold widget for showing and hiding single blocks of long text. The Accordion widget works better when you need toggle effects for grouped content like FAQs or multiple expandable sections. ### Does using toggle text affect WordPress site speed? Using toggle text in WordPress doesn’t significantly affect site speed, especially when implemented with a lightweight plugin like The Plus Addons for Elementor. In fact, hidden text is great for collapsing lengthy content and reducing the initial content load on your webpage. ### How do I add a show/hide toggle for text in WordPress without coding? To add a show/hide toggle for text in WordPress without coding, use Elementor-compatible widgets like Unfold or Accordion widgets from The Plus Addons for Elementor. These offer drag-and-drop functionality, letting you easily control content visibility without writing a single line of code. ### What's the difference between accordion and toggle in WordPress? The difference between Accordion and Toggle in WordPress lies in usage. A Toggle (like the Unfold widget) shows or hides one section of text. An Accordion is ideal for grouped content, showing only one section open at a time to save space. ### How do I add a read more/less button to a WordPress post? To add a Read More/Less button to a WordPress post, use the Unfold widget. It allows you to set character or height limits and display customizable “Read More” and “Read Less” buttons, making long content collapsible for better readability and user experience. --- # Top 3 Elementor Fitness Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-fitness-templates/ Ever struggled to create a fitness website that energizes visitors as effectively as your workout sessions? Many trainers and gym owners waste valuable time wrestling with website design instead of focusing on helping clients achieve results. Your online presence needs to motivate potential members and showcase your training philosophy, yet building that perfect digital fitness hub feels unnecessarily challenging. Fortunately, there's a no-sweat solution. We'll pump up your web design game with three powerful Elementor fitness templates that will transform your online presence into a high-performance platform without requiring any technical skills. ## Best Elementor Fitness Templates ### 1. BodyBlast ![](https://theplusaddons.com/wp-content/uploads/2025/05/BodyBlast.png) BodyBlast Elementor Template Kit empowers fitness trainers and gyms to build dynamic, modern websites effortlessly. With bold layouts, customizable sections, and responsive design, you can showcase classes, trainers, and success stories. Launch your fitness brand online quickly and motivate clients with BodyBlast’s energetic, professional templates designed for the health and wellness industry. [View Template](https://wdesignkit.com/templates/kit/bodyblast--elementor-template-kit/13999) ### 2. YogaZenith ![](https://theplusaddons.com/wp-content/uploads/2025/05/YogaZenith.png) YogaZenith helps you create a serene and inviting website for yoga studios or wellness centers. This Elementor template kit features calming designs, class schedules, and instructor profiles. Engage your community, showcase your services, and establish a peaceful online presence with customizable layouts and seamless navigation using YogaZenith. [View Template](https://wdesignkit.com/templates/kit/yogazenith--elementor-template-kit/16108) ### 3. ZenPose ![](https://theplusaddons.com/wp-content/uploads/2025/05/ZenPose.png) ZenPose Elementor Template Kit offers a modern, clean design ideal for yoga studios, wellness centers, and fitness instructors. Easily customize layouts, showcase classes, and highlight services. With responsive pages and intuitive editing, ZenPose empowers you to launch a professional website quickly without any coding required. [View Template](https://wdesignkit.com/templates/kit/zenpose--elementor-template-kit/15908) *Selected the best one for your site? Read this next on **[How to Create Fitness Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-fitness-website/)*** ## Wrapping Up These Elementor fitness templates make it easy to launch a dynamic, professional website for your gym, studio, or personal training business without any coding. Install the [WDesignKit](https://wdesignkit.com/) WordPress plugin to access complete site kits and get your fitness site online fast. For those who want to fine-tune layouts or add advanced features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin provides powerful customization options. With these tools, you can create a standout fitness website that attracts clients and highlights your brand. ## FAQs on Elementor Fitness Templates --- # Top 3 Elementor Education Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-education-templates/ Ever spent hours tweaking your education website only to end up with something that looks amateur? The struggle is real, especially when you're trying to create a professional platform that attracts students and showcases your courses effectively. Fortunately, there's a simple solution: pre-built Elementor education templates. We'll walk you through three complete, code-free template kits that'll transform your site from basic to brilliant in just a few clicks. ## Key Takeaways - Three top education template kits: EduMentor, StudySphere, KidCave.[](https://theplusaddons.com/blog/best-elementor-education-templates/) - No coding needed; quick setup and easy customization.[](https://theplusaddons.com/blog/best-elementor-education-templates/) - Mobile-friendly, professional designs via WDesignKit. ## Best Elementor Education Templates ### 1. EduMentor ![](https://theplusaddons.com/wp-content/uploads/2025/05/EduMentor.png) Edumentor empowers educators and institutions to build professional, modern websites effortlessly. This template kit features clean layouts, responsive design, and customizable sections, making it perfect for online courses, schools, or educational platforms. Launch your educational site quickly and engage students with Edumentor’s user-friendly interface. [View Template](https://wdesignkit.com/templates/kit/edumentor--elementor-template-kit/15763) ### 2. StudySphere ![](https://theplusaddons.com/wp-content/uploads/2025/05/StudySphere.png) StudySphere Elementor Template Kit enables educators, tutors, and online learning platforms to build engaging, professional websites with ease. Featuring clean layouts, customizable sections, and responsive design, you can showcase courses, instructors, and student testimonials. Launch your educational site quickly and attract learners with StudySphere’s user-friendly and visually appealing templates. [View Template](https://wdesignkit.com/templates/kit/studysphere--elementor-template-kit/16925) ### 3. KidCave ![](https://theplusaddons.com/wp-content/uploads/2025/05/Kid-Cave.png) KidCave is a vibrant Elementor template kit designed for kindergartens and childcare centers. It features playful layouts, colorful graphics, and easy customization. Engage parents and showcase your services effortlessly with responsive design and user-friendly sections, making your website inviting and professional in just a few clicks. [View Template](https://wdesignkit.com/templates/kit/kidcave--kindergarten--childcare-elementor-template-kit/12778) *Selected the best one for your site? Read this next on **[How to Create Education Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-education-website/)*** ## Wrapping Up These three Elementor education templates provide a seamless way to launch a professional website without any coding. Access the full kits instantly through the [**WDesignKit**](https://wdesignkit.com/) WordPress plugin, making setup quick and easy. For those looking to tailor the look and feel, [**The Plus Addons for Elementor**](https://theplusaddons.com/) plugin offers powerful customization options to match your unique style and needs. Together, these tools empower you to create a fully functional, visually appealing education site that stands out and engages your audience. ## FAQs on Elementor Education Templates ### What are Elementor education templates? Elementor education templates are ready-made website layouts for schools, universities, and learning platforms. They let you launch a professional site quickly with no coding needed, using Elementor’s drag-and-drop editor. ### Do I need coding skills to use these templates? No, you don’t need any coding skills. Elementor’s visual builder lets you customize every part of the template by simply clicking and dragging elements into place. For even more customization, plugins like The Plus Addons for Elementor provide extra widgets and features, all without coding. ### Can I customize the colors and fonts in these templates? Yes, you can easily change colors, fonts, images, and layouts to match your brand. All customization options are built into the Elementor editor. ### Where can I get full site template kits for education websites? WDesignKit offers ready-to-use, full site template kits specifically for education. These kits require no coding and are perfect for beginners who want a professional website fast. ### Are these templates mobile-friendly? Yes, all Elementor education templates are fully responsive. They look great and work well on desktops, tablets, and mobile devices. --- # Top 3 Elementor Medical Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-medical-templates/ Ever struggled to create a medical website that looks trustworthy and professional? Many healthcare providers waste countless hours attempting to design sites that end up looking unprofessional or outdated. The stakes are high. Patients need to feel confident in your practice from their first online interaction. Fortunately, there's an easier way. We'll show you three ready-to-use Elementor medical templates that will transform your healthcare site into a polished, patient-friendly platform without writing a single line of code. ## Key Takeaways - Top picks: BumpBlossom, Curehub, Precare.[](https://theplusaddons.com/blog/best-elementor-medical-templates/) - No coding; fast setup.[](https://theplusaddons.com/blog/best-elementor-medical-templates/) - Fully responsive designs. ## Best Elementor Medical Templates ### 1. BumpBlossom ![](https://theplusaddons.com/wp-content/uploads/2025/05/BumpBlossom.png) BumpBlossom Elementor Template Kit helps you create beautiful, modern websites for maternity, pregnancy, and parenting services. With its soft color palette, elegant layouts, and fully customizable sections, you can showcase services, testimonials, and blogs with ease. Launch your nurturing online presence quickly and attract your ideal audience effortlessly. [View Template](https://wdesignkit.com/templates/kit/bumpblossom--elementor-template-kit/13950) ### 2. Curehub ![](https://theplusaddons.com/wp-content/uploads/2025/05/Curehub.png) CureHub Elementor Template Kit helps healthcare professionals and clinics build clean, modern websites effortlessly. With professional layouts, customizable service sections, and responsive design, you can highlight medical expertise, introduce your team, and share patient testimonials. Launch your healthcare site quickly and build trust with CureHub’s user-friendly, visually appealing templates. [View Template](https://wdesignkit.com/templates/kit/curehub--elementor-template-kit/13031) ### 3. Precare ![](https://theplusaddons.com/wp-content/uploads/2025/05/Precare.png) PreCare is a modern Elementor template kit crafted for healthcare and medical websites. It offers clean layouts, professional design, and easy customization. Highlight your services, introduce your team, and build trust with patients using responsive sections that ensure your site looks great and functions seamlessly on any device. [View Template](https://wdesignkit.com/templates/kit/precare--healthcare--medical-elementor-template-kit/12943) ## Wrapping Up These Elementor medical templates help you build a polished, trustworthy website for any healthcare practice without writing a single line of code. Simply install the [**WDesignKit**](https://wdesignkit.com/) WordPress plugin to unlock these complete kits and set up your site in minutes. For those who want to personalize layouts and features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers advanced customization options. With these tools, you can create a professional online presence that meets the unique needs of your medical business. ## FAQs on Elementor Medical Templates ### How can Elementor medical templates help my practice? Elementor medical templates provide a fast way to launch a professional healthcare website. They’re designed for clinics, doctors, and hospitals, helping you establish credibility and reach patients online without delay. ### Do these templates require technical knowledge to install and use? Not at all! Elementor’s visual editor makes it simple for anyone to set up and modify their website. Plus, plugins like The Plus Addons for Elementor expand your customization options, all in a user-friendly interface. ### Can I personalize my medical website to reflect my brand? Yes, you can easily adjust every detail, from your clinic’s colors and logo to tailored page layouts. Elementor and its addons let you create a unique look and feel that matches your practice’s identity. ### Is there a provider offering ready-made medical site kits? WDesignKit specializes in complete, ready-to-launch template kits for medical sites. These kits are designed for quick setup, so you can focus on your patients rather than website development. ### Will my site look good on smartphones and tablets? Definitely! Elementor medical templates are fully responsive, ensuring your site delivers a smooth experience on any device, be it desktop, tablet, or mobile. --- # Top 3 Elementor SaaS Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-saas-templates/ Ever found yourself frustrated trying to build a SaaS website that properly showcases your innovative software? Many founders waste valuable development time wrestling with website design instead of focusing on their core product. Your website needs to convert visitors into users, but creating that perfect digital storefront feels overwhelming. Fortunately, there's a straightforward solution. We'll guide you through three comprehensive Elementor SaaS templates that will elevate your online presence without requiring any coding skills. ## Best Elementor SaaS Templates ### 1. Byte-Boutique ![](https://theplusaddons.com/wp-content/uploads/2025/05/Byte-Boutique.png) Byte Boutique Elementor Template Kit enables you to craft sleek, professional websites for tech stores and electronics businesses. With modern layouts, responsive design, and easy customization, you can showcase products, highlight features, and engage customers. Launch your tech-focused online store quickly and make a lasting impression with Byte Boutique. [View Template](https://wdesignkit.com/templates/kit/byte-boutique--elementor-template-kit/14226) ### 2. NexaByte ![](https://theplusaddons.com/wp-content/uploads/2025/05/NexaByte.png) Nexabyte Creative Agency Elementor Template Kit lets agencies and freelancers build striking, modern websites with ease. Its bold layouts, dynamic visuals, and fully customizable sections highlight your portfolio, services, and team. Launch your creative agency’s online presence quickly, impress clients, and showcase your expertise with this visually engaging and responsive template kit. [View Template](https://wdesignkit.com/templates/kit/creative-agency--nexabyte-elementor-template-kit/13381) ### 3. PixeSaas ![](https://theplusaddons.com/wp-content/uploads/2025/05/PixeSaas.png) PixeSaaS is an Elementor template kit perfect for SaaS and tech startups. It features sleek designs, dynamic layouts, and effortless customization. Showcase your product features, engage visitors, and boost conversions using its modern and responsive sections. Build a professional website quickly and make a strong online impact. [View Template](https://wdesignkit.com/templates/kit/pixesaas--elementor-template-kit/15150) *Selected the best one for your site? Read this next on **[How to Create SaaS Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-saas-website/)*** ## Wrapping Up These Elementor SaaS templates offer a fast, code-free way to launch a modern software website. By installing the [WDesignKit](https://wdesignkit.com/) WordPress plugin, you gain instant access to these complete site kits, making setup simple for any SaaS business. If you want to fine-tune layouts or add custom features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin provides advanced options to help you achieve the exact look and functionality you need. Build a standout SaaS site with these powerful, user-friendly tools. ## FAQs on Elementor SaaS Templates --- # Top 3 Elementor Fashion Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-fashion-templates/ Ever struggled to create a fashion website that truly captures your brand's unique style and aesthetic? Many designers and boutique owners waste precious time trying to build sites that end up looking generic instead of glamorous. Your online storefront needs to make a striking first impression, yet achieving that runway-worthy look feels impossibly complex. Fortunately, there's a simple path forward. We'll showcase three stunning Elementor fashion templates that will transform your digital presence into a sophisticated shopping experience without any coding required. ## Best Elementor Fashion Templates ### 1. TattooMuse ![](https://theplusaddons.com/wp-content/uploads/2025/05/TattooMuse.png) TattooMuse Elementor Template Kit empowers artists to create stunning websites for tattoo studios and artists. It features bold designs, customizable galleries, and booking systems that showcase your unique style. Build a professional online presence quickly, attract new clients, and display your portfolio with this edgy, responsive template designed specifically for the tattoo industry. [View Template](https://wdesignkit.com/templates/kit/tattoomuse--elementor-template-kit/14818) ***Quick Guide:** [How to Create Tattoo Artist Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-tattoo-artist-website/)* ### 2. MensGroomX ![](https://theplusaddons.com/wp-content/uploads/2025/05/MensGroomX.png) MensGroomX Elementor Template Kit allows barbershops and men’s grooming salons to create stylish, modern websites with ease. Featuring bold layouts, customizable service sections, and responsive design, you can showcase your services, team, and client testimonials. Launch your grooming business online quickly and attract clients with MensGroomX’s sleek, professional templates. [View Template](https://wdesignkit.com/templates/kit/mensgroomx--elementor-template-kit/14606) ***Quick Guide:** [How to Create Barber Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-barber-website/)* ### 3. Glam Nails ![](https://theplusaddons.com/wp-content/uploads/2025/05/Glam-Nails.png) Glam Nails is a stylish Elementor template kit designed for nail art and manicure salons. It offers elegant layouts, vibrant visuals, and easy customization. Attract clients, showcase your services, and highlight your portfolio with responsive, user-friendly sections that help your salon stand out and grow its online presence. [View Template](https://wdesignkit.com/templates/kit/glam-nails--nailart-and-manicure-elementor-template-kit/13215) ## Wrapping Up These Elementor fashion templates give you everything needed to launch a standout online store without touching code. With the [WDesignKit](https://wdesignkit.com/) WordPress plugin, you can access complete site kits and set up your fashion website in just a few clicks. To make your site truly unique, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers extensive customization options. Together, these tools help you create a stylish, professional fashion site that captures your brand’s personality and attracts your ideal audience. ## FAQs on Elementor Fashion Templates --- # Top 3 Elementor Business Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-business-templates/ Ever felt frustrated trying to create a business website that properly conveys your professionalism and capabilities? Many entrepreneurs waste valuable time struggling with design elements only to end up with a site that looks amateurish or dated. Your website needs to inspire confidence and convert prospects, but achieving that polished corporate look seems unnecessarily complicated. Fortunately, there's a streamlined solution. We'll explore three comprehensive Elementor business templates that will elevate your company's online presence without requiring any technical expertise. ## Key Takeaways - Top business templates: Lawsavvy, BalanceWise, NexaByte.[](https://theplusaddons.com/blog/best-elementor-business-templates/) - Easy setup without coding.[](https://theplusaddons.com/blog/best-elementor-business-templates/) - Designs are fully responsive. ## Best Elementor Business Templates ### 1. Lawsavvy ![](https://theplusaddons.com/wp-content/uploads/2025/05/LawSavvy.png) LawSavvy Elementor Template Kit allows law firms and legal professionals to build a trustworthy online presence with ease. Featuring clean layouts, professional design, and customizable sections for services, team, and testimonials, LawSavvy helps you present expertise and attract clients confidently. Launch your legal website quickly and stand out in the industry. [View Template](https://wdesignkit.com/templates/kit/lawsavvy--elementor-template-kit/12799) ***Quick Guide:** [How to Create Law Firm Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-law-firm-website/)* ### 2. BalanceWise ![](https://theplusaddons.com/wp-content/uploads/2025/05/BalanceWise.png) Balancewise empowers you to create a modern, professional website with ease. This Elementor template kit features clean layouts, responsive design, and customizable sections. Showcase your services, team, and testimonials effortlessly. Perfect for businesses and consultants, Balancewise streamlines your site-building process and helps you launch a polished online presence quickly. [View Template](https://wdesignkit.com/templates/kit/balancewise--elementor-template-kit/16666) ***Quick Guide:** [How to Create Accounting Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-accounting-website/)* ### 3. NexaByte ![](https://theplusaddons.com/wp-content/uploads/2025/05/NexaByte.png) Nexabyte Creative Agency Elementor Template Kit lets agencies and freelancers build striking, modern websites with ease. Its bold layouts, dynamic visuals, and fully customizable sections highlight your portfolio, services, and team. Launch your creative agency’s online presence quickly, impress clients, and showcase your expertise with this visually engaging and responsive template kit. [View Template](https://wdesignkit.com/templates/kit/creative-agency--nexabyte-elementor-template-kit/13381) ***Quick Guide:** [How to Create Agency Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-agency-website/)* ## Wrapping Up These Elementor business templates make it easy to launch a polished, professional website for any company without coding. By installing the [**WDesignKit**](https://wdesignkit.com/) WordPress plugin, you can access complete site kits and set up your business site quickly. For those who want to personalize layouts or add advanced features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers extensive customization options. With these tools, you can create a unique business website that reflects your brand and helps you stand out in your industry. ## FAQs on Elementor Business Templates ### How do Elementor business templates help my company stand out online? Elementor business templates offer modern, professional layouts tailored for companies of all sizes. They help you present your services, team, and values clearly, making a strong impression on potential clients right from the start. ### Is it difficult to customize these templates if I’m not a designer? Not at all. Elementor’s drag-and-drop editor makes it simple to personalize every part of your site. With The Plus Addons for Elementor, you get extra widgets and features to further tailor your website, all without needing design or coding skills. ### Can I update my business website’s look as my brand evolves? Yes, you can easily change colors, fonts, images, and layouts to keep your site fresh and aligned with your brand’s growth, using Elementor’s intuitive tools. ### Where can I find ready-to-launch template kits for business websites? WDesignKit provides full site template kits specifically for business and corporate use. These kits are ready to import and customize, letting you launch a polished site quickly with no technical hassle. ### Will my business website display well on all devices? Absolutely. Elementor business templates are designed to be fully responsive, ensuring your site looks great and works smoothly on desktops, tablets, and mobile devices. --- # Top 3 Elementor Agency Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-agency-templates/ Ever spent days trying to design an agency website that showcases your creative capabilities, only to end up with something underwhelming? Many agency owners waste billable hours struggling with website design instead of focusing on client work. Your digital presence needs to demonstrate your expertise instantly, yet creating that perfect portfolio feels like an endless project. Fortunately, there's a practical shortcut. We'll reveal three exceptional Elementor agency templates that will transform your online presence into a client-converting masterpiece without any coding knowledge. ## Key Takeaways - Top agency templates: NexaByte, Byte-Boutique, CleanGeniux.[](https://theplusaddons.com/blog/best-elementor-agency-templates/) - No coding needed; easy to customize and launch.[](https://theplusaddons.com/blog/best-elementor-agency-templates/) - Fully responsive designs for all devices. ## Best Elementor Agency Templates ### 1. NexaByte ![](https://theplusaddons.com/wp-content/uploads/2025/05/NexaByte.png) Nexabyte Creative Agency Elementor Template Kit lets agencies and freelancers build striking, modern websites with ease. Its bold layouts, dynamic visuals, and fully customizable sections highlight your portfolio, services, and team. Launch your creative agency’s online presence quickly, impress clients, and showcase your expertise with this visually engaging and responsive template kit. [View Template](https://wdesignkit.com/templates/kit/creative-agency--nexabyte-elementor-template-kit/13381) ### 2. Byte-Boutique ![](https://theplusaddons.com/wp-content/uploads/2025/05/Byte-Boutique.png) Byte Boutique Elementor Template Kit enables you to craft sleek, professional websites for tech stores and electronics businesses. With modern layouts, responsive design, and easy customization, you can showcase products, highlight features, and engage customers. Launch your tech-focused online store quickly and make a lasting impression with Byte Boutique. [View Template](https://wdesignkit.com/templates/kit/byte-boutique--elementor-template-kit/14226) ### 3. CleanGeniux ![](https://theplusaddons.com/wp-content/uploads/2025/05/CleanGenuix.png) CleanGeniux is a modern Elementor template kit tailored for cleaning service businesses. It features clean layouts, fresh visuals, and easy customization. Present your services, showcase testimonials, and attract new clients with responsive, user-friendly sections that make your website look professional and inviting on any device. [View Template](https://wdesignkit.com/templates/kit/cleangeniux--elementor-template-kit/14126) *Selected the best one for your site? Read this next on **[How to Create Agency Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-agency-website/)*** ## Wrapping Up These Elementor agency templates give you a head start in building a professional website for your creative or digital agency, all without coding. Simply install the [**WDesignKit**](https://wdesignkit.com/) WordPress plugin to access complete site kits and get your agency online quickly. For those who want to tailor every detail or add advanced features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers extensive customization options. With these tools, you can create a unique agency website that impresses clients and showcases your expertise. ## FAQs on Elementor Agency Templates ### Why should my agency use Elementor templates? Elementor agency templates help you launch a polished, modern website quickly. They’re designed to showcase your services, portfolio, and expertise, making it easier to attract clients and stand out in a competitive market. ### How simple is it to customize these templates without coding? Elementor’s drag-and-drop editor makes customization effortless for anyone. For more advanced features, The Plus Addons for Elementor provides extra widgets and creative tools, all without needing to write code. ### Can I tailor the templates to my agency’s unique brand? Yes, you can easily modify colors, fonts, images, and layouts to match your agency’s style. Elementor’s visual tools give you full control over every design element. ### Where can I find ready-to-launch full site kits for agency websites? WDesignKit offers complete template kits specifically for agencies. These kits are ready to import and customize, so you can launch a professional site fast with no technical hassle. ### Will my agency website look good on all devices? Absolutely. Elementor agency templates are fully responsive, ensuring your site delivers a seamless experience on desktops, tablets, and smartphones. --- # Top 3 Elementor Photography Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-photography-templates/ Ever struggled to build a photography website that properly showcases your stunning visual work? Many photographers waste creative energy fighting with website builders instead of focusing on their art. Your portfolio needs to captivate visitors immediately, yet designing a site that frames your images perfectly feels frustratingly complex. Fortunately, there's an elegant solution. We'll highlight three remarkable Elementor photography templates that will transform your online gallery into a professional showcase without requiring any technical skills. ## Best Elementor Photography Templates ### 1. FocusPixel ![](https://theplusaddons.com/wp-content/uploads/2025/05/FocusPixel.png) FocusPixel Elementor Template Kit helps photographers and creative professionals build stunning portfolios with ease. Its modern, minimalist layouts and customizable galleries let you showcase your best work beautifully. Launch your photography website quickly, highlight your skills, and attract new clients with this sleek, responsive, and user-friendly template kit. [View Template](https://wdesignkit.com/templates/kit/focuspixel--elementor-template-kit/16616) ### 2. Lens-Legacy ![](https://theplusaddons.com/wp-content/uploads/2025/05/Lens-Legacy.png) Lens Legacy helps you craft a stunning photography website with ease. This Elementor template kit offers elegant galleries, bold typography, and customizable layouts. Perfect for photographers and creatives, it highlights your portfolio beautifully and ensures your work stands out on any device. [View Template](https://wdesignkit.com/templates/kit/lens-legacy--elementor-template-kit/14042) ### 3. FlashPix ![](https://theplusaddons.com/wp-content/uploads/2025/05/FlashPix.png) FlashPix is a modern Elementor template kit designed for photographers, creative studios, and portfolios. It features sleek layouts, responsive design, and easy customization. With its visually engaging sections and user-friendly interface, FlashPix helps you showcase your work professionally and attractively, making your website stand out effortlessly. [View Template](https://wdesignkit.com/templates/kit/flashpix--elementor-template-kit/15658) *Selected the best one for your site? Read this next on **[How to Create Photography Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-photography-website/)*** ## Wrapping Up These Elementor photography templates make it easy to create a visually stunning portfolio or photography website without any coding. By installing the [WDesignKit](https://wdesignkit.com/) WordPress plugin, you can access complete site kits and launch your site quickly. For photographers who want to personalize their galleries or add unique features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers advanced customization options. With these tools, you can craft a professional photography website that highlights your work and attracts your ideal clients. ## FAQs on Elementor Photography Templates --- # Top 3 Elementor Architecture Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-architecture-templates/ Ever struggled to create an architecture website that reflects the same precision and aesthetic vision as your building designs? Many architects waste valuable design time wrestling with website layouts instead of focusing on client projects. Your digital portfolio needs to communicate your spatial creativity and technical expertise, yet building that perfect online showcase feels unnecessarily complicated. Fortunately, there's a structural solution. We'll explore three exceptional Elementor architecture templates that will transform your online presence into an impressive portfolio without requiring any coding knowledge. ## Best Elementor Architecture Templates ### 1. Planpro ![](https://theplusaddons.com/wp-content/uploads/2025/05/PlanPro.png) PlanPro Architecture & Interior Elementor Template Kit enables architects and interior designers to create elegant, professional websites effortlessly. With its clean layouts, modern design, and customizable project galleries, you can showcase your portfolio, highlight services, and attract new clients. Launch your design-focused website quickly and make a sophisticated impression with PlanPro. [View Template](https://wdesignkit.com/templates/kit/architecture--interior-elementor--planpro-template-kit/13649) ### 2. Space-Creators ![](https://theplusaddons.com/wp-content/uploads/2025/05/Space-Creators.png) Space Creators empowers you to build a sleek, modern website for interior design or creative studios. This Elementor template kit features stylish layouts, responsive design, and easy customization. Present your projects, services, and team with elegance, and launch a professional online presence that captivates your audience effortlessly. [View Template](https://wdesignkit.com/templates/kit/space-creators--elementor-template-kit/14464) ### 3. EcoScape ![](https://theplusaddons.com/wp-content/uploads/2025/05/EcoSpace.png) EcoScape is a clean and modern Elementor template kit crafted for eco-friendly businesses, environmental organizations, and green initiatives. It offers customizable layouts, responsive design, and engaging visuals. With EcoScape, you can effectively promote sustainability, share your mission, and connect with your audience through a professional and attractive website. [View Template](https://wdesignkit.com/templates/kit/ecoscape--elementor-template-kit/16663) *Selected the best one for your site? Read this next on **[How to Create Architecture Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-architecture-website/)*** ## Wrapping Up These Elementor architecture templates provide a straightforward way to build a sleek, professional website for your architectural practice without any coding. Install the [WDesignKit](https://wdesignkit.com/) WordPress plugin to unlock complete site kits and set up your portfolio fast. For those who want to fine-tune layouts or add custom features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers advanced customization options. With these tools, you can showcase your projects and establish a strong online presence that reflects your unique design vision. ## FAQs on Elementor Architecture Templates --- # Top 3 Elementor Restaurant Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-restaurant-templates/ Ever found yourself frustrated trying to create a restaurant website that makes visitors hungry just by looking at it? Many restaurant owners waste precious time struggling with website design instead of focusing on their culinary creations. Your online presence needs to entice new customers and showcase your menu effectively, yet building that perfect digital storefront feels overwhelming. Fortunately, there's a ready-made recipe for success. We'll serve up three Elementor restaurant templates that will transform your online presence into an appetizing experience without requiring any technical expertise. ## Key Takeaways - Top restaurant templates: BiteMobile, Brewverse, SippinSpot.[](https://theplusaddons.com/blog/best-elementor-restaurant-templates/) - No coding needed; easy to customize menus and features.[](https://theplusaddons.com/blog/best-elementor-restaurant-templates/) - Fully responsive and mobile-friendly designs. ## Best Elementor Restaurant Templates ### 1. BiteMobile ![](https://theplusaddons.com/wp-content/uploads/2025/05/BiteMobile.png) BiteMobile Elementor Template Kit lets you build stylish, modern websites for mobile app promotions and tech startups. With sleek layouts, responsive design, and easy customization, you can showcase app features, user testimonials, and pricing plans. Launch your app’s online presence quickly and attract users with BiteMobile’s engaging, professional templates. [View Template](https://wdesignkit.com/templates/kit/bitemobile--elementor-template-kit/16798) ### 2. Brewverse ![](https://theplusaddons.com/wp-content/uploads/2025/05/Brewverse.png) Brewverse enables you to create an inviting website for coffee shops, cafés, or breweries. This Elementor template kit features warm designs, menu showcases, and customizable layouts. Engage your customers with stunning visuals and seamless navigation, and launch your brand’s online presence quickly and professionally with Brewverse. [View Template](https://wdesignkit.com/templates/kit/brewverse--elementor-template-kit/13035) ***Quick Guide:** [How to Create Brewery Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-brewery-website/)* ### 3. SippinSpot ![](https://theplusaddons.com/wp-content/uploads/2025/05/SippinSpot.png) SippinSpot is a vibrant Elementor template kit designed for coffee shops, fast food outlets, and restaurants. It features stylish layouts, easy customization, and mobile responsiveness. With SippinSpot, you can showcase your menu, highlight special offers, and attract customers with an inviting, professional online presence. [View Template](https://wdesignkit.com/templates/kit/sippinspot--coffee-fast-food--restaurant-elementor-template-kit/12796) ***Quick Guide:** [How to Create Coffee Shop Website Using Elementor in 10 Minutes](https://theplusaddons.com/blog/how-to-create-coffee-shop-website/)* ## Wrapping Up These Elementor restaurant templates make it simple to launch an inviting website for your eatery without any coding. Install the [**WDesignKit**](https://wdesignkit.com/) WordPress plugin to access complete site kits and get your restaurant online quickly. For those who want to customize menus or add special features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin provides advanced options to help you create a unique dining experience online. With these tools, you can build a professional restaurant website that attracts more guests and highlights your brand. ***Read Further:** [How to Create a Restaurant Menu in WordPress](https://theplusaddons.com/blog/how-to-create-a-restaurant-menu-in-wordpress/)* ## FAQs on Elementor Restaurant Templates ### What unique features do Elementor restaurant templates offer for food businesses? These templates include special sections for menus, reservation forms, photo galleries, and customer testimonials, helping you create a dynamic website that highlights your food, atmosphere, and customer experience. ### How can I make my restaurant site stand out using Elementor? With Elementor’s visual editor and plugins like The Plus Addons for Elementor, you can add eye-catching sliders, interactive menus, and custom booking tools, no coding required, so your site stands out from the crowd. ### Can I easily update my restaurant’s specials and events on the website? Yes, you can update menus, events, and promotions on the fly using Elementor’s user-friendly interface. Changes take effect instantly, keeping your customers informed and engaged. ### Where can I get a professional, ready-to-launch restaurant website kit? WDesignKit provides full site kits designed specifically for restaurants. These kits streamline setup, letting you launch a polished website in minutes, perfect for busy restaurant owners. ### Will my site be accessible to customers on all devices? Yes. Elementor restaurant templates are built for responsiveness, ensuring your site looks great and functions smoothly for every guest, whether they’re browsing on phones, tablets, or computers. --- # Top 3 Elementor Travel Templates [Complete Kit] Source: https://theplusaddons.com/blog/best-elementor-travel-templates/ Struggling to build a travel website that captures the same excitement and adventure as the destinations you promote? Many travel businesses waste valuable time wrestling with website design instead of focusing on creating unforgettable experiences for clients. Your digital presence needs to transport visitors and inspire bookings, yet crafting that perfect online journey feels unnecessarily complicated. Fortunately, there's a direct route to success. We'll explore three exceptional Elementor travel templates that will transform your website into an immersive destination showcase without requiring any coding expertise. ## Key Takeaways - ScubaSailor, Trip-Navigator, and SkyNook are top Elementor travel templates.[](https://theplusaddons.com/blog/best-elementor-travel-templates/) - They offer easy customization and work across all devices.[](https://theplusaddons.com/blog/best-elementor-travel-templates/) - Plugins like WDesignKit help launch travel sites fast, no coding needed. ## Best Elementor Travel Templates ### 1. ScubaSailor ![](https://theplusaddons.com/wp-content/uploads/2025/05/ScubaSailor.png) ScubaSailor Elementor Template Kit helps you create captivating websites for diving schools, water sports, and adventure tours. With vibrant layouts, customizable sections, and responsive design, you can showcase services, share experiences, and attract enthusiasts. Launch your aquatic business online quickly and inspire adventure seekers with this engaging template. [View Template](https://wdesignkit.com/templates/kit/scubasailor--elementor-template-kit/15880) ### 2. Trip-Navigator ![](https://theplusaddons.com/wp-content/uploads/2025/05/Trip-Navigator.png) Trip Navigator lets you design a dynamic travel website with ease. This Elementor template kit offers vibrant layouts, interactive tour showcases, and easy customization. Perfect for travel agencies and bloggers, it highlights destinations and packages beautifully, helping you inspire and engage visitors while building your online presence effortlessly. [View Template](https://wdesignkit.com/templates/kit/trip-navigator--elementor-template-kit/13486) ### 3. SkyNook ![](https://theplusaddons.com/wp-content/uploads/2025/05/SkyNook.png) Skynook is a luxurious Elementor Template Kit crafted for private hotels and villas. It showcases premium accommodations with a blend of elegance and modern sophistication, making it the ideal platform to create a distinctive, captivating online presence. Suitable for exclusive retreats and high-end hospitality experiences. [View Template](https://wdesignkit.com/templates/kit/skynook--elementor-template-kit/16176) ## Wrapping Up These Elementor travel templates make it easy to create an engaging website for your travel business or blog without any coding. By installing the [**WDesignKit**](https://wdesignkit.com/) WordPress plugin, you can access complete site kits and launch your travel site in minutes. For those who want to personalize layouts or add unique features, [The Plus Addons for Elementor](https://theplusaddons.com/) plugin offers advanced customization options. With these tools, you can build a professional travel website that inspires visitors and showcases your adventures. ## FAQs on Elementor Travel Templates ### What makes Elementor travel templates ideal for travel agencies and tour operators? Elementor travel templates are crafted to highlight destinations, showcase tours, and integrate booking tools, helping you create a visually appealing, easy-to-navigate website that inspires travelers and streamlines bookings. ### How much flexibility do these templates offer for customizing my travel site? With Elementor’s drag-and-drop editor and plugins like The Plus Addons, you get access to extra widgets and advanced features, allowing you to personalize every detail without needing any coding skills. ### Can I update my travel offers and promotions easily on my website? Yes, you can quickly add or change tours, special offers, and destination highlights using Elementor’s user-friendly interface, updates appear instantly so your site always stays current. ### Where can I find ready-to-launch, full site kits for travel websites? WDesignKit provides complete, ready-to-use template kits specifically for the travel industry. These kits are easy to set up and perfect for agencies wanting a professional online presence fast. ### Will my travel website work well for mobile users and international visitors? Absolutely. Elementor travel templates are fully responsive and optimized for speed, ensuring a smooth experience for users on any device or from any location. --- # How to Hide WordPress Pages from Google Source: https://theplusaddons.com/blog/how-to-hide-wordpress-pages-from-google/ Do you want to stop Google from indexing certain pages? Learn how to hide WordPress pages from Google in a few easy steps. There are many reasons you may not want certain pages showing up in Google’s search results. These pages might have user-role specific content, work in progress pages, or sensitive information. If Google crawls these pages, it could expose private content, hurt SEO, or impact user experience. It’s best to block Google from accessing such pages, which is what we’ll cover here. In this guide, we’ll walk you through beginner-friendly methods to hide WordPress pages from Google. You’ll learn about meta tags, password protection, maintenance mode, and more. Let's get started! ## What Does it Mean to Hide WordPress Pages from Google? Hiding a WordPress page from Google means preventing it from being indexed and displayed in search engine results. Google uses automated bots, or “crawlers”, to read and index pages on your website. Unless you set specific rules, these bots will index everything they can find. How does Google index them after crawling? ### Common Ways Google Indexes WordPress Pages Google Search uses crawling, indexing, and serving search results to display search content through search engine bots. It uses URL discovery to crawl existing pages on the web, including pages and posts on WordPress. Indexing works in the following ways: - **XML Sitemaps** An XML sitemap is a file that lists all the essential pages on your website. It helps Google find and understand your content more easily. - **Linking Structures** Google uses internal links between your blog posts to crawl your site. A clear structure helps search engines discover and index more of your content. External links from other websites, known as backlinks, also help Google find your pages. - **Robots.txt Files** This file tells search engines which parts of your website they can or cannot crawl. - **Search Console Submissions** The Google Search Console lets you submit your site and individual pages for indexing. It’s a direct way to tell Google about your content. ![](https://theplusaddons.com/wp-content/uploads/2025/06/How-Google-indexes-WordPress-pages-683x1024.png) Although extremely helpful for content visibility, this indexing can sometimes work against you, especially if there is content on your WordPress site that you want to protect. #### Why You Might Want to Hide WordPress Pages from Google? Let’s look at why you might want to hide some pages from being listed on Google. - You might want to hide private information like account details, profile details, or some documents, from search engines and unwanted users - You might want to hide certain pages, like a new landing page, that is not yet ready for public view. - You may be building new website sections or performing A/B testing and do not want them to be indexed on Google. - You may want to restrict access to client-specific or subscriber-only content. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Why-hide-WordPress-pages-from-Google-683x1024.png) Not only are these important for your website’s privacy; it’s likely that coming across them in a Google search may not be helpful for potential users either. ## Quick Methods to Hide WordPress Pages from Google Now that you understand why you should consider hiding WordPress pages from Google, let’s look at some easy-to-implement ways to make it happen. ### Method 1: Using Noindex Meta Tags to Hide WordPress Pages *Noindex tags* are special HTML meta tags that instruct search engines not to index the page. It is easy to implement this method using a plugin, like AIOSEO or Yoast SEO. Let’s see how. **Step 1: Install Relevant Plugin** Install a relevant plugin. For this example, we will work with AIOSEO. From your WordPress dashboard, navigate to **Plugins > Add Plugin**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-new-plugin-on-wordpress.png) Search for **AIOSEO** in the search bar. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Search-for-AIOSEO-1024x229.png) Install and activate the plugin. **Step 2: Find Indexing Option** Open the WordPress post or page that you want to hide from Google search results. At the bottom of the page, you will find the “**AIOSEO Settings**” footer. Click the “**Advanced Tab**”. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Find-indexing-setting.png) **Step 3: Change Indexing** Here, you will find a toggle for “**Robots Meta**”. Turn it off. Next, select the “**No Index**” option. With this, your page will be hidden from Google search results. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Change-indexing-setting-1024x258.png) This method ensures search engines will skip over the page when crawling your site. Remember that the page should not be blocked by a robots.txt file already, in order for the noindex method to work. This is because crawlers should have access to the page in order to register the noindex tag. *Confused which SEO plugin to opt for? Here's a comparison of the *[***5 Best Free SEO Plugins for WordPress***](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/)* you can consider.* ### Method 2: Password Protect WordPress Pages Next, let’s explore password protection, which blocks both users and search engines. There are two ways to do this. The first is through changing visibility within Gutenberg itself and the second through the Elementor editor. Let's take a look at both options. **Option 1: Gutenberg** Open your WordPress page or post. When you click the “**Publish**” button to the top right of the screen, you will find a dropdown tab for “**Visibility**". ![](https://theplusaddons.com/wp-content/uploads/2025/06/Check-Visibility-setting.png) Here, pick the button for “**Password protected**”, and set the password in the text field below. This will enable password protection for your content. Choose a strong password to properly protect your posts and prevent unauthorized access. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Password-protected-setting.png) *Want to learn *[***how to customize password protected pages in WordPress***](https://theplusaddons.com/blog/how-to-customize-password-protected-page-in-wordpress/)*? The Plus Addons has you covered with this guide.* **Option 2: Protected Content Widget by The Plus Addons** For Elementor users, the [Protected Content widget by The Plus Addons](https://theplusaddons.com/elementor-widget/elementor-protected-content/) for Elementor can make this even easier and more secure by offering multiple options: single password content protection, password protected content lock, and user role based content visibility. **With this widget you can:** - Protected a full Elementor template or a selected text. - Protect pages based on user role or single/multi password mode. - Edit the form text. - Customize the error message. - Customize every aspect of your protected content page. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Content-protection-demo.png) First, install and activate **The Plus Addons for Elementor** plugin. Then, you can view the status of the widget by navigating to **The Plus Addons > Widgets** and searching for “**Protected Content**” within the search bar. Make sure the toggle is on. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Activate-protected-content-widget-1024x278.png) Now, head over to the page that you want to hide from view. Search for “**Protected Content**” in the search bar to the left of your screen. Add the right widget to your page. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Search-for-protected-content-widget.png) In the “**Protection Type**” tab, you can choose between single and multiple password protection, set the password, and change cookie settings. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Set-protection-type.png) With this, your content is password protected. To explore more on the functionality of the widget, [check out the docs here](https://theplusaddons.com/help/protected-content/). Need a simple, follow-along video for using the widget? Watch now: https://youtu.be/Nrw2nK8PvQs?si=LN0IovxqXdv143P7 ### Method 3: Using Robots.txt to Block WordPress Pages from Google Crawlers Another method to hide WordPress pages from Google is to edit your robots.txt file. Robots.txt is a configuration file that tells search engines which pages or folders to avoid crawling. You can access it from the [root directory of your website](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/). However, AIOSEO can be used for this method, too. **Step 1: Open robots.txt settings** From your WordPress homepage, navigate to **All in One SEO > Tools**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Open-robots-txt.png) **Step 2: Add Custom robots.txt Rule** On this page, Robots.txt Editor, enable custom robots.txt by turning the toggle switch on. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-custom-robots-txt-rule-1024x621.png) Add rules and fill in three key details: User Agent, Directive, and Value. User Agent refers to the bot you want to restrict. Directive will allow or disallow permissions for the User Agent. Finally, Value refers to the address of the page to be hidden. Once added, click on “**Save Changes**” to the top of your screen. You can also access and edit the robots.txt file manually, using an FTP client or the WordPress hosting cPanel. This requires more technical knowledge, without which it’s possible to harm your site’s SEO. Another thing to remember is that the robots.txt file is publicly visible, which means that anyone looking at it knows the pages you are choosing to hide. *Concerned about the security of your WordPress website? Find out about *[***5 free tools to scan WordPress for vulnerabilities***](https://theplusaddons.com/blog/free-tools-to-scan-wordpress-for-vulnerabilities/)*.* ### Method 4: Enable Maintenance Mode to Temporarily Hide Pages If you’re only hiding your site temporarily, [Nexter theme](https://nexterwp.com/)’s Maintenance Mode is a great option. Maintenance Mode hides your site or pages from both visitors and search engines. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Install-Nexter-theme-1024x325.png) Start by getting the Nexter Theme, which is available with a multitude of premium features, including 90+ Gutenberg blocks, over a thousand WordPress templates, and of course, the Maintenance Mode. Navigate to **Appearance > Themes**, and search for "**Nexter**". Click the "**Install**" and then "**Activate**" the theme to apply it to your website. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Activate-Nexter-theme-1024x323.png) When using the Nexter Theme, setting up the Maintenance Mode becomes quite easy. **Step 1: Find “Maintenance Mode”** From your WordPress dashboard, go to **Appearance > Customize**.  ![](https://theplusaddons.com/wp-content/uploads/2025/06/Go-to-Customize.png) In the Customizer, navigate to **General > Maintenance Mode**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Go-to-Maintenance-Mode.png) **Step 2: Enable “Maintenance Mode.”** Turn on the toggle switch next to the “**Enable Maintenance Mode**” option. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Setup-maintenance-mode.png) **Step 3: Customize and Publish** Now, you can change whether you are displaying “**Maintenance Mode**” or “**Coming Soon**” messages, who can still access the website, and what template you want to use. Once customized, click the publish button at the top of the page. Site visitors will see a maintenance message instead of your regular site content now. For a video tutorial, learn how to make free maintenance mode page in WordPress by watching this YouTube video: https://youtu.be/MUKjYAdml7Q?si=1dlPf9Uv19KmwQmU ### Method 5: Private and Draft Page Visibility Settings in WordPress Let’s look at how WordPress lets you control visibility without plugins. WordPress lets you mark pages as Private or save them as Drafts to prevent sensitive content from being visible or indexed. **Step 1: Edit the page** Open the published page or post in the Gutenberg editor. Click the settings option to the top right of the screen, or use the shortcut “Ctrl+Shift+,”. **Step 2: Change Visibility Status** In the sidebar, open Status and Visibility options. Select “**Private**” or “**Draft**” as per your preference. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Private-visibility.png) Save your changes by clicking the “**Save**” button to the top right of your screen. Private pages will only be viewable for logged-in admins and editors. ## How to Verify That WordPress Pages Are Hidden from Google Once you've applied one or more of the above methods, it's important to make sure that the pages are actually hidden. After you apply one of the methods above, verify whether your page is indexed on Google by trying the following - - **Using the Google Search Console:**  Use the URL Inspection Tool to check index status. You can find out more about this tool from [here](https://support.google.com/webmasters/answer/9012289?hl=en). - **Searching Directly on Google:** Search for “site:yourdomain.com/you-page-name” directly on Google to see if the page still shows. - **Try an SEO Plugin** Plugins like Rank Math will tell you whether a page is indexed on Google or not. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Verifying-if-WordPress-pages-hidden-from-Google-683x1024.png) These methods will make sure that your WordPress page does not appear on Google, but verifying on your end is necessary due diligence. ## Wrapping Up Learning how to hide WordPress pages from Google helps you manage SEO, protect privacy, and control what content gets indexed. In this guide, we covered several working methods that you can follow for removing a WordPress page from Google. If you're looking for a flexible and powerful way to manage protected content, the [Protected Content widget](https://theplusaddons.com/elementor-widget/elementor-protected-content/) by The Plus Addons for Elementor is an excellent choice. It’s one of [over 120 widgets](https://theplusaddons.com/elementor-widgets/) included in The Plus Addons that help you build better WordPress sites. [Nexter Theme](https://nexterwp.com/)’s Maintenance Mode feature lets you temporarily hide pages during development.  Together, these tools give you the control you need to fine-tune your website’s visibility, but they are only a part of the bigger picture. With the complete Plus Addons suite, you get complete freedom to design and customize your website, no code required. ## FAQs on Hiding WordPress Pages from Google ### Can I Hide WordPress Pages from Google Without a Plugin? Yes, you can hide WordPress pages from Google without using a plugin. You can achieve this by editing your robots.txt file or by adding a noindex meta tag directly to your page’s code using a theme editor or functions. ### Does Password Protecting a Page Guarantee It Won’t Appear in Google? Password protecting a WordPress page doesn’t guarantee removal from Google’s index. If the page was indexed earlier, it might still appear in search results. To ensure full removal, also apply a noindex tag, and request removal via Google’s Search Console. ### How Long Does It Take for Google to Remove a Page After Hiding It? Google may take several days to weeks to remove a page from its index. The timeline depends on “crawl frequency”. You can speed up the process by submitting a removal request through Google Search Console’s *URL Removal Tool *after setting the noindex setting. ### Can I Hide WordPress Pages from Google but Still Allow Visitors to Access Them? Yes, you can hide WordPress pages from Google, but still allow users to view them. Use a noindex tag so search engines skip indexing the page while keeping the URL accessible to those with the link or password. ### Is Using Robots.txt Enough to Prevent Google from Indexing My Pages? Using robots.txt only blocks crawling but does not guarantee de-indexing. If Google finds the URL through external links, it might still index the page. In addition, some other search engines might still forego the robots.txt instructions and access your data. --- # How to Fix Facebook and Instagram oEmbed Issue in WordPress Source: https://theplusaddons.com/blog/how-to-fix-facebook-and-instagram-oembed-issue-in-wordpress/ Are your social media posts failing to show up on your website? Learn how to fix a Facebook and Instagram oEmbed issue in WordPress and improve user experience.  Many users began experiencing the Facebook and Instagram oEmbed issue in WordPress when support for these embeds was discontinued. Instead of social media content, users came across broken previews or plain URLs, affecting both user experience and website owners’ efforts. However, there are simple solutions you can follow to add social media content to your WordPress website. In this blog, we will walk through exactly how to fix the Instagram and Facebook oEmbed issue in WordPress, step-by-step and how to embed specific posts using widgets from The Plus Addons for Elementor. Let’s get started! ## What is the Facebook and Instagram oEmbed Issue in WordPress? In a nutshell, oEmbed is a format that allows you to simply paste a URL from services like Facebook or Instagram, and have that link automatically turn into content. This feature was modified by Facebook recently, when unauthenticated oEmbed support was removed in late 2024. Now, it is no longer as easy to embed different content from social media websites. The alternative is to use client tokens to fetch data from the Facebook Graph API, and then embed the content instead, which can be daunting for some users. ### Why Did Facebook and Instagram Remove oEmbed Support? On October 24, 2020, Facebook and Instagram discontinued “unauthenticated” oEmbed support, which led to the WordPress oEmbed issue. This meant that WordPress could no longer fetch data directly from those platforms, unless it had access to an app ID and access token. This was mainly due to security reasons, to ensure embedding authentic content. #### How Does This Affect Your WordPress Website? After this change, developers on WordPress were forced to use app, user, or client tokens in order to embed content like before.  How did this affect WordPress website content? This change has affected both existing and future Facebook and Instagram embeds on WordPress websites. In the place of the social media content that was once displayed on the website, you’ll just see blank areas or URLs.  As a result, this hurts user experience, content formatting, and can make your site look unprofessional. ## How to Fix Facebook and Instagram oEmbed Issue in WordPress? (Working Methods) There are a few quick and easy methods to resolve the oEmbed problem, and get your content working again. Let’s walk through them here. ### Method 1 - Manual Fix: Removing Broken Embeds from Your WordPress Site If you have already used default oEmbed embeds in past posts, the solution is to fix them first.  ![](https://theplusaddons.com/wp-content/uploads/2025/06/Embed-url-old-method.png) - **Step 1 - Search for Broken Embeds** Use the WordPress editor or an HTML viewer to find raw Facebook and Instagram links. - **Step 2 - Replace with Embed Code** Visit the original post on Facebook or Instagram, click the three dots, and choose *Embed*. ![](https://theplusaddons.com/wp-content/uploads/2025/06/View-original-post-on-Facebook.png) Copy the HTML code. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Copy-embed-code.png) - **Step 3 - Paste Into HTML Block** Go to your WordPress post, switch to the HTML editor, and paste the embed code manually. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Paste-into-edit-as-html.png) This works, but it is time consuming, especially if you have a lot of Facebook and Instagram content across your website. Let’s look at an easier fix for Instagram or Facebook oEmbed issues. ### Method 2 - Easy Fix Using a Plugin The other option is definitely easier and comes with far less hassle. This is by using a dedicated plugin. A popular option for this is the [Smash Balloon Social Post](https://wordpress.org/plugins/custom-facebook-feed/) feed plugin. This plugin restores embedding and provides customization options, presenting a much more user-friendly embedding option. - **Step 1: Add The Plugin ** Go to **Plugins > Add New** from your WordPress dashboard. Search for Smash Balloon Custom Facebook Feed and install it.  ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-new-plugin-on-wordpress.png) After installing the plugin, click on the “**Activate**” button. It will prompt you with a setup wizard. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Setup-wizard-1024x425.png) - **Step 2: Use the Plugin** To use the plugin, you can navigate to **Instagram Feed > oEmbeds** or **Facebook Feed > oEmbeds**. Here, enable the websites you want to access social media posts from. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Oembed-options-1024x487.png) Now, the plugin will prompt you to connect to Facebook and Instagram oEmbed API. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Oembed-api-connect.png) To add the plugin to your page, search for “**Embed**” in the block insertor, to the top left of your screen. Drag and drop the right block to your page. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Drag-and-drop-embed-block.png) The widget will show up as an “**Embed URL**” prompt. Paste the link to the social media post in the text bar, and then press “**Embed**”. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-url-in-the-box-1024x252.png) With this, your specified social media post will be visible on your page. *If your images are not visible as expected, here’s a guide covering *[***8 ways to fix WordPress images not displaying***](https://theplusaddons.com/blog/how-to-fix-wordpress-images-not-displaying/)***.*** ## BONUS 1: How to Add Instagram and Facebook Feeds to WordPress Now that you know how to embed posts simply and directly, we can take it up a notch. If you want to showcase entire feeds, and not just individual posts, The Plus Addons offers the [**Social Feed Widget**](https://theplusaddons.com/elementor-widget/social-feed/) that makes it easy to glam up your WordPress website. It supports multiple feed types, customization options, templates and layouts, letting you integrate Facebook or Instagram feeds in your WordPress website, all with no code required. - **Step 1: Turn the Widget On** From your WordPress homepage, navigate to The Plus Settings. Here, search for the Social Feed widget in the search bar. Turn the toggle option on. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Enable-social-feed-widget.png) - **Step 2: Add Widget to Your Page** Add a new WordPress page, or navigate to an existing page. Edit it with Elementor. Search for the **Social Feed** widget here, and add it to your page. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Drag-and-drop-social-feed-widget.png) - **Step 3: Add Social Media Content** ![](https://theplusaddons.com/wp-content/uploads/2025/06/Edit-social-feed-content.png) On the left side of your screen, you will be able to add content feeds to your page. Here, you can pick the source of the social media feed, including Facebook, Instagram, Twitter, YouTube, and Vimeo. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Multiple-sources-of-social-feeds.png) Once you select the social media platform you want to fetch your feed from, you will be prompted to enter the value of your access token. This is a credential that authenticates your request to use particular content from Facebook or Instagram. *Check out this article by The Plus Addons on *[***how to get Facebook access tokens for WordPress***](https://theplusaddons.com/docs/get-a-facebook-access-token-for-wordpress/#Generate-Access-Token-for-Individual-Account)*.* - **Step 4: Customize** After adding in the content, you can also pick the layout and style options that merge well with your website, within the content tab. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Style-social-feed.png) Navigate to the style tab for even more options for typography, colors, icons, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Advanced-styling.png) *If you want a simple, follow-along video, watch this tutorial: * https://youtu.be/oiGi2NaEj7o?si=E0LqmiclwZNO926S ## BONUS 2: How to Embed Instagram and Facebook Posts in WordPress The functionality of The Plus Addons does not stop here. It also offers a [Social Embed Widget](https://theplusaddons.com/elementor-widget/social-embed/), which lets you embed social media posts or feeds directly, without needing to perform any authentication. It’s a fast, reliable, and design-friendly solution for embedding social media content in a modern way. Here’s a quick guide to get you started. - **Step 1: Turn the Widget On** As above, navigate to **The Plus Addons > Widgets** from the left bar on your WordPress dashboard. Search for “**social embed**” in the search bar, and turn the toggle on. Easy as that! ![](https://theplusaddons.com/wp-content/uploads/2025/06/Enable-social-embed-widget.png) - **Step 2: Add Widget to Page** Within the WordPress page you are editing, edit it with Elementor, and search for and add the Social Embed widget. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Drag-and-drop-social-embed-widget.png) - **Step 3: Customize** When you select the widget, you will find editing options to the left of your screen. Pick the embedding option type, add URLs, choose between options like comments or posts.  ![](https://theplusaddons.com/wp-content/uploads/2025/06/Social-embed-options.png) With these widgets, your content embedding journey will go a lot smoother. In addition to multiple features, The Plus Addons offers documentation, tips, and constant support in case you run into any hurdles.  *For a quick and easy tutorial on, watch this instructional video:* https://youtu.be/MbopAQ85pdg?si=ZnF3eTnyjVABlawj ## What are the Benefits of Using Social Feed and Social Embed Widgets Over Traditional oEmbed? Using the traditional oEmbed might seem more intuitive, and parallelly, incorporating new widgets into your website’s ecosystem might feel daunting. But here’s why you should consider the latter. - **No API Complications** With the traditional oEmbed option, you might have to obtain API credentials and authenticate them repeatedly. A plugin simplifies this, letting you skip the technical setup. - **Customization Freedom** Plugins and widgets provide varied options to style your embeds however you like. You can add styling options, and customize the Facebook or Instagram feeds in WordPress with just a few clicks. - **Better Performance** Widgets are optimized for speed, and offer more mobile responsiveness. If you are running a WordPress website, this is critical for good user experience. - **Reliability** Even if API rules change again in the future, these widgets won’t break, and will offer continued support for your social media content embeds. You and your content can rest easy! *Explore The Plus Addons’ options for creating a *[***multi-social media wall feed in Elementor***](https://theplusaddons.com/docs/create-a-multi-social-media-wall-feed-in-elementor/)*, to create an integrated social media experience.* ## Wrapping Up In this guide, we tackled the infamous Facebook and Instagram oEmbed issue in WordPress, explored manual and plugin-based solutions, and shared bonus options using widgets by The Plus Addons for Elementor. Whether you want to embed a single post or showcase a full social feed, our Social Feed and Social Embed widgets are your go-to tools. The widget suite by The Plus Addons for Elementor spans over [120+ widgets](https://theplusaddons.com/elementor-widgets/), letting your visions of a high-functional WordPress site come to life in a simple, no-code approach. With its plethora of options, 1000+ templates, theme support, and clean code, you can be sure that your content embeds will not run into trouble again. ## FAQs on Fixing Facebook and Instagram oEmbed Issue in WordPress ### What are the alternatives if oEmbed for Facebook and Instagram is broken? You can use dedicated plugins for this. The Social Feed and Social Embed widgets from The Plus Addons for Elementor are some examples. These tools provide workarounds to display your social media content on WordPress, even after native oEmbed support was broken. ### Can I manually embed Facebook or Instagram posts without plugins? Yes, by copying embed HTML from the original post and pasting it into the WordPress HTML editor. Go to the original post, click options, and select "Embed" to get the HTML code. You can paste this code into the HTML view of your WordPress editor. ### Will updating WordPress restore Facebook and Instagram embed support? No. This is a change by Facebook/Instagram, not WordPress. Updates will not restore the feature, so you can consider using a plugin or manual embed instead. Widgets by The Plus Addons for Elementor can take care of this issue for you. ### Can I embed both Facebook and Instagram feeds together? Yes! With the Social Feed widget from The Plus Addons for Elementor, you can display multiple social media feeds like Instagram, Facebook, and Twitter in a single, unified layout. It’s a great way to add dynamic, engaging content and improve your site’s user experience. ### Will these solutions slow down my WordPress site? These solutions will not slow down your site if you choose well-coded plugins like The Plus Addons for Elementor. These tools are built with speed in mind, ensuring your social feeds load efficiently without slowing down your website, or affecting the overall user experience. --- # May 2025 Monthly Updates: Sticky Video Support, Fallback for Social Feeds, New Widgets Presets & More Source: https://theplusaddons.com/blog/may-2025-monthly-updates/ May rolled in with a powerful batch of upgrades for [**The Plus Addons for Elementor**](https://theplusaddons.com/)! With brand-new features and smarter design controls, this update is all about giving you more speed, flexibility, and creative freedom while building your site. Take a look at the new features: ### New in The Plus Addons for Elementor (v6.3.2 – v6.3.6) ![](https://theplusaddons.com/wp-content/uploads/2025/06/New-in-The-Plus-Addons-for-Elementor.png) 1. **[Form Widget ](https://theplusaddons.com/elementor-builder/form-builder/)Enhancements**: Now supports checkbox, radio, number fields, and 12+ integrations like MailChimp and Slack, allowing you to build smarter forms and connect with popular tools effortlessly. 2. **Advanced Styling Controls**: New padding, border, shadow, and alignment options for [Hotspot](https://theplusaddons.com/elementor-widget/elementor-hotspots/), [Navigation Menu](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/), and WooCommerce widgets give you more design flexibility to match your brand. 3. **Social Content Reliability**: [Social Feed](https://theplusaddons.com/elementor-widget/social-feed/) and [Review ](https://theplusaddons.com/elementor-widget/social-reviews/google-reviews/)widgets now store fallback data, so your content stays visible even when third-party sources fail. 4. **Design Presets for Faster Workflow**: [Scroll Navigation ](https://theplusaddons.com/elementor-widget/elementor-one-page-scroll-navigation/)and [Switcher widgets](https://theplusaddons.com/elementor-widget/elementor-switcher/) now include ready-made design presets to speed up your styling process. 5. **Sticky Video Support**: [Video widget](https://theplusaddons.com/elementor-widget/video-player/) now includes a sticky option to keep videos in view while scrolling, improving content visibility and engagement. 6. **Expanded Multilingual Support**: WPML compatibility added to 15+ widgets like [Tabs](https://theplusaddons.com/elementor-widget/elementor-tabs/?utm_source=tpae&utm_medium=docs&utm_campaign=text), [Timeline](https://theplusaddons.com/elementor-widget/elementor-timeline/), and Off Canvas, making it easier to create multilingual websites. 7. **Performance Optimization**: Cleaner HTML output and removal of unnecessary code help your site load faster and run more smoothly. *For all the changes,** *****[c](https://roadmap.theplusaddons.com/updates)***[**heck out the complete changelog here**](https://roadmap.theplusaddons.com/updates)**.*** **And there’s more on the horizon!** This game-changing update will make it easier than ever to import websites and widgets in just a few taps. Get ready for a smoother, faster, and more intuitive experience. ## Important Update: Join Discord — Let’s Shape The Plus Addons for Elementor Together We’re building a** **[**dedicated space for all our users **](https://go.posimyth.com/plus-elementor-discord)— a place to share updates, ideas, and shape the future of The Plus Addons for Elementor together. You’ll be able to: - Stay in the loop with what’s new - Share your thoughts and ideas - Connect with our team and other creators - And of course, chat about all things WordPress We've a lot happening with The Plus ahead, and we want to show it our users first. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Join-Discord-Community.png) ## 📖 — Latest Reads - [7 Best WordPress Live Chat Plugins](https://theplusaddons.com/blog/best-wordpress-live-chat-plugins/) - [How to Customize Password Protected Page in WordPress](https://theplusaddons.com/blog/how-to-customize-password-protected-page-in-wordpress/) - [How to Restrict Content to Registered Users in WordPress](https://theplusaddons.com/blog/how-to-restrict-content-to-registered-users-in-wordpress/) - [How to Setup Elementor Form Email Notification](https://theplusaddons.com/blog/how-to-setup-elementor-form-email-notification/) - [5 Best Social Login Plugins for WordPress](https://theplusaddons.com/blog/best-social-login-plugins-for-wordpress/) ## 📹— Video Tutorials ![](https://theplusaddons.com/wp-content/uploads/2025/06/Replace-URL-Text-for-FREE-in-WordPress-Elementor-–-Bulk-Edit-Made-Simple.png) [![](https://theplusaddons.com/wp-content/uploads/2025/06/How-to-add-Smart-Loop-Builder-in-Elementor-Gutenberg-Bricks.png)](https://www.youtube.com/watch?v=xCn3jQT3SlA) [![](https://theplusaddons.com/wp-content/uploads/2025/06/How-to-Add-Login-Button-on-Elementor-Menu.png)](https://youtu.be/C6XNXRaSo08?si=H-VQG-yVcZck8rgq) [![](https://theplusaddons.com/wp-content/uploads/2025/06/Upload-Custom-Fonts-to-WordPress-Elementor-Website-–-No-Plugins-Needed.png)](https://www.youtube.com/watch?v=HxmjpMgPkO0) [![](https://theplusaddons.com/wp-content/uploads/2025/06/5-Best-FREE-SEO-Plugins-For-WordPress.png)](https://www.youtube.com/watch?v=z7UL5ROaXcY) [![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-Adobe-Fonts-to-WordPress-Elementor-Website-–-Easy-Setup.png)](https://www.youtube.com/watch?v=vnAj7i5tXdU) ## 🗞️ — WordPress & Tech Bytes - Our company, Posimyth Innovations, has [**acquired the Sticky Header Effects for Elementor**](https://stickyheadereffects.com/massive-updates-2-0/). Previously available only to Elementor Pro users, we have now made it accessible for free users as well. - Elementor has added an[ **AI-powered Site Planner and new site management tools to its hosting platform**](https://elementor.com/blog/elementor-host-updates-site-planner-and-site-management-tools/), making it easier to plan, build, and manage websites. Users can now quickly generate project briefs, manage PHP settings, collaborate with teams, and integrate tools like Slack and Trello, all from a centralized dashboard. - Elementor has launched the [**Editor V4 Alpha**](https://elementor.com/blog/editor-v4-1st-alpha/), featuring a CSS-first framework with reusable Classes, States, and unified styling controls. This update makes it easier to apply consistent, responsive styles across sites and is now available for testing on staging environments and can be activated in Elementor 3.29 settings. - WordPress has**[ launched a dedicated AI Team](https://wordpress.org/news/2025/05/announcing-the-formation-of-the-wordpress-ai-team/) **to drive responsible AI innovation across its ecosystem. The team will oversee AI projects, maintain a public roadmap, and collaborate with other WordPress teams to ensure smooth integration. - WordPress [**Campus Connect started as a test in India**](https://wordpress.org/news/2025/05/wordpress-campus-connect-expands/) and is now a full program that helps students learn WordPress through workshops, challenges, and mentorship. They plan to grow by creating more campus clubs and bigger events to support student learning and teamwork. - WooCommerce has named[ **Square as its preferred POS partner**](https://woocommerce.com/posts/woo-square-preferred-pos-may2025/), offering better integration between online and in-person sales. The updated Square POS integration is now available in eight countries, helping merchants sync inventory, orders, and customer data more easily. - Google updated its [**image SEO best practices**](https://www.searchenginejournal.com/google-updates-image-seo-best-practices-use-consistent-urls/546552/), recommending consistent image URLs to avoid duplicate crawling and improve indexing efficiency. - Google’s[ ](https://www.searchenginejournal.com/google-ai-mode-exits-waitlist-now-available-to-all-us-users/545830/)**[AI Mode is now available to all U.S. users](https://www.searchenginejournal.com/google-ai-mode-exits-waitlist-now-available-to-all-us-users/545830/) **aged 18+, removing the waitlist. Powered by Gemini, it offers AI summaries, visual cards, shopping insights, and a history panel, accessible via the Google app or Chrome. - Google has expanded [**its AI Overviews to more industries**](https://www.searchenginejournal.com/google-expands-aio-coverage-in-select/545871/), with big growth in entertainment, travel, B2B tech, insurance, and education. This shift changes search visibility and highlights the need for publishers to adapt to industry-specific AI results. ## 🔥 — Tool of the Month [**Blog2Social**](https://wordpress.org/plugins/blog2social/) is a WordPress plugin that helps you automatically share, schedule, and cross-post your blog content to multiple social media platforms, including Facebook, Twitter (X), LinkedIn, Instagram, Pinterest, and more. This plugin is ideal for bloggers, content marketers, agencies, and small businesses who want to save time by automating their social media sharing. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Blog2Social--1024x768.png) ## 🗣️— Word of the Month ### Great Elementor suite *The Plus Addon is my go to plugin for elementor. The widget offered covers all design needs. Widgets offer many customisation, design is really good and most of it the support is fast and reliable. Associated with their theme and other products we get a full suite on wordpress. Give it a go, you won’t regret it.* *[~@ontherocksdigital](https://wordpress.org/support/topic/great-elementor-suite/)* **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # How to Reset WordPress Password Source: https://theplusaddons.com/blog/how-to-reset-wordpress-password/ Locked Out of WordPress? Forgetting your WordPress password can feel like hitting a wall, especially when you're in a hurry to make changes or publish new content.  But don’t worry, you're not alone, and more importantly, you’re not stuck. In this article, we’ll walk you through multiple methods to help you learn how to reset WordPress password, whether you have access to your email, your dashboard, or neither.  With just a few simple steps, you’ll be back in control of your website in no time. Let’s get started! ## Key Takeaways - Reset via dashboard, email link, or phpMyAdmin. - Use FTP, WP-CLI, or cPanel if locked out. - Backup first and check for plugin conflicts. ## What is a WordPress Password Reset? A WordPress password reset is the process of changing your current password to a new one. It lets you regain access to your WordPress site if you forget or lose your password. A password reset is helpful for both security and convenience. If you think someone else might have your password, it's smart to reset it right away. The process usually takes just a few minutes. After resetting, you should use your new password to log in. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Reset-password-demo-image-1024x536.png) WordPress recommends choosing strong passwords. This helps protect your website from unwanted access and keeps your content safe. You can use online tools or password managers to create and remember strong passwords. If you often forget your password, write it down in a safe place or use a password manager. ## Why You Might Need to Reset Your WordPress Password? There are several reasons you might want to reset your WordPress password. Knowing these reasons can help you keep your site secure and easy to access. - **You Forgot Your Password**: If you cannot remember your password, you will not be able to log in to your site. This is one of the most common reasons to reset a WordPress password. - **Account Compromised**: If you think someone else has gained access to your site, resetting your password helps prevent any further problems. - **Login Problems**: Sometimes, login issues happen even when you are sure your password is correct. Resetting your password can solve these issues. - **Password Expired or Outdated**: Some sites ask you to update your password regularly for security. Using the same password for too long can make your account easier to attack. - **Lost Access to Email**: If you no longer have access to the email you used for your account, you may need to reset your password to use a new one. By noticing these situations early, you can keep your WordPress account safer and easier to access. *Looking to customize the default password reset experience? Here’s *[***How to Make a Custom Password Reset Form in Elementor***](https://theplusaddons.com/docs/custom-password-reset-form-page-in-elementor/)*.* ## How to Reset WordPress Password [4 Methods] Here are 4 beginner-friendly methods to help you reset your WordPress password quickly and safely. ### Method 1: How to Reset a WordPress Password via the Dashboard To reset your WordPress password from the dashboard, you need access to your account. This method is best if you can still log in. First, log in to your WordPress site. On the left menu, click on **Users** and then select **All Users**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Open-All-Users.png) Find your username in the list. Click your username to open your profile settings. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Click-username-1024x215.png) Scroll down to the section labeled **Account Management**.  ![](https://theplusaddons.com/wp-content/uploads/2025/06/Account-management-1024x185.png) Here, you will see a button that says **Set New Password**. Click the button. WordPress will suggest a strong password for you. You can use this password or type your own.  Make sure your password is strong by including letters, numbers, and symbols. When you are ready, click the **Update Profile** button at the bottom of the page to save your new password. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Update-profile.png) After updating, use your new password the next time you log in. ### Method 2: How to Reset a WordPress Password Using the “Lost Your Password?” Link If you can’t remember your WordPress password, you can reset it from the login page. This method is simple and does not require any special skills. Go to your WordPress login page. The URL usually looks like this - http://example.com/wp-login.php *(Replace example.com with your domain name)* Under the login form, click on the “**Lost your password**?” link. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Lost-your-password.png) You will see a page asking for your username or email address. Enter the email address or username linked to your account, then click **Get New Password**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Get-new-password.png) WordPress will send a password reset link to your email. Open the message and click the link inside. You will be taken to a page where you can set a new password. Choose a strong password or use the one WordPress suggests. Click **Reset Password** to save your new password. If you don’t get the email, check your spam or junk folder. Make sure your website can send emails. *Did you know the default wp-login or wp-admin login URLs are more prone to hacking attacks? Don't worry, you can easily change the wp admin login URL for Free? Here's how:* https://youtu.be/grnz9OKH-tc?si=5M6aJsekuE6sey1O ### Method 3: How to Reset a WordPress Password via phpMyAdmin If you cannot access your WordPress dashboard, you can reset your password using phpMyAdmin. This tool lets you make direct changes to your database. First, sign in to your hosting control panel and open **phpMyAdmin**. You may find this option under the databases section. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Open-phpmyadmin.png) Select the database for your WordPress site on the left menu. Find and click on the table that ends with** _users** (for example, wp_users). ![](https://theplusaddons.com/wp-content/uploads/2025/06/Look-for-wp-users-1024x538.png) In the list of users, locate your username. Click **Edit** next to your user row. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Edit-user-1024x306.png) Find the row labeled **user_pass**. In the Value column, erase the old password. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Find-user-pass-label-1024x530.png) Enter your new password in the Value field.  Be sure to select** MD5** from the function drop-down menu. This will encrypt your password the way WordPress requires. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Select-MD5.png) Click Go or Save to update your password. You can now log in to your WordPress site with the new password. Always remember to use a strong password to help keep your site secure. *Want to secure specific content on your site? Learn *[***How to Password Protect a Page in WordPress [Easy Steps]***](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/) ### Method 4: How to Reset a WordPress Password Using FTP or File Manager If you can’t use the normal WordPress password reset link, you can reset your password using FTP or a File Manager. First, connect to your website using an FTP client (like FileZilla) or through your hosting control panel’s File Manager. Next, go to **wp-content/themes/your-active-theme/**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Themes-1024x244.png) And **download the functions.php file** from your active theme. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Download-functions-php-file.png) Add this code at the very end of the functions.php file, right before the closing ?> tag (if there is one) `wp_set_password('mynewpassword', 1);` - Replace 'mynewpassword' with your new password. - The number 1 is the user ID for the main admin account. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Add-code-1024x307.png) Save and upload the file back to the same folder on your server. Now, log in to your WordPress site using the new password you set. After you log in successfully, remove the line of code you added. Leaving it in the file is a security risk. *Want to lock different sections with separate passwords in Elementor? Here’s *[***How to Add Multiple Password Protected Content in Elementor?***](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/) ## How to Troubleshoot Common WordPress Password Reset Issues? If your WordPress password reset is not working, there are a few things you can try. - **Plugin Conflicts**: Sometimes, plugins block password reset emails or interfere with the process. Try deactivating all plugins and resetting your password again. If it works, reactivate the plugins one by one to find the cause. - **Theme Issues**: A custom theme might cause problems. Switch to a default theme like Twenty Twenty-Four and try again. - **Email Problems**: If you do not get the password reset email, check your spam folder. Also, make sure your site can send emails. You may need to use an SMTP plugin or contact your web host for help. - **Database Method:** If you cannot reset your password by email, you can change it in your website’s database. If you are still having trouble, your hosting provider or WordPress support can help you find a solution. Remember to back up your site before making changes to the database. ## Wrapping Up Getting locked out of your WordPress site can be frustrating, but as you’ve seen, there are several ways to reset your password, whether you still have access to your email, dashboard, or not.  In this blog, we have discussed several ways to help you learn how to reset WordPress password, from using the standard "Lost your password?" link to more advanced methods like phpMyAdmin or editing your theme’s functions file. Just remember to update your password with something strong and unique, and consider using a password manager to keep it safe.  And if you're building a site for users or clients in Elementor, offering a custom password reset form can make the experience even smoother.  You can use the** **[**Password Reset Form**](https://theplusaddons.com/elementor-widget/password-reset-form/)** **widget by **The Plus Addons for Elementor**, which easily allows users to reset passwords. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Password-reset-form-demo-snapshot-1024x559.png) *Snapshot of Form created using The Plus Addons’ *[*Password Reset Form widget*](https://theplusaddons.com/elementor-widget/password-reset-form/) The Plus Addons for Elementor offers several powerful widgets to enhance your Elementor website’s functionality. ## FAQs on Resetting WordPress Password ### Is it possible to reset a WordPress password without email access? Yes, you can reset your password even if you do not have email access. You can do this by logging into your hosting control panel and accessing the database with phpMyAdmin. Some hosts also let you reset it through their dashboard, or you can ask your hosting provider for help. ### Can I reset my WordPress password if I don’t have database access? Yes, you can reset your WordPress password without database access by adding a code snippet to your theme’s **functions.php** file via FTP or file manager. If that’s not possible, contact your hosting provider for assistance. ### How long does it take to receive a WordPress password reset email? A WordPress password reset email usually arrives within a few minutes. If you do not get it, check your spam or junk folder. If you are still waiting after 5-10 minutes, your email host or server might be delaying or blocking the email. ### What should I do if I forgot my WordPress username? If you forget your username, you can try using your email address to log in. The password reset page also works with your email address. If you do not know your email address either, you can check your website’s database for user information or contact your web host for help. --- # How to Set Elementor Display Conditions Based on Login Status? Source: https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/ Ever wanted to change who sees what on your WordPress website? Elementor display conditions let you achieve just that. A common requirement block when running your website is displaying specific content to users based on their login status. Without it, you might end up revealing premium content to logged out users, or display repetitive login requests to logged in users. Elementor's display conditions let you take control of who sees what content on your website. These can be great for your users, as well as your website management. This blog will walk you through exactly how to do that step-by-step. Additionally, we’ll look at the Display Conditions extension, which gives you even more control over content visibility. ## What are Elementor Display Conditions and Why Use Them? Elementor display conditions allow you to control the visibility of your pages, sections, or widgets based on specific rules. These rules could be based on time, device type, page templates, user roles, and of course, login status. It allows you to show or hide different attributes of the page, depending on your user role, date, time, user id, etc. Instead of creating multiple versions of a page, content block, or widget, display conditions help you serve dynamic content that can adapt based on the viewer. For example, - Using date-based display conditions, you could set up promotional messages for winter-only sales on your website. - Alternatively, you might want a calendar widget to only be visible on the events page of your website. - Another example is showing login or signup forms on your websites, to users that are not logged in, using login based display conditions. Let’s take a closer look at what login status is, and how you can use it in Elementor Display Conditions. ### What is Login Status in Elementor Display Conditions? Among different display conditions, login status is one of the most practical condition types in Elementor. It allows you to customize what your website shows based on whether a user is logged in or not. **You can choose to:** - Show a welcome message or dashboard shortcut to logged-in users. - Hide login forms from users who are already logged in. - Alternatively, show login or sign up forms to users who are not logged in. - Display premium content only to registered users. - Restrict sensitive information or pages based on the login status. If you are running membership websites, customer portals, or even blogs with exclusive content, you will find this display condition extremely helpful. *Still figuring out the best login page? Check out this article on the *[***8 best login page examples***](https://theplusaddons.com/blog/login-page-examples/)*, and how you can use them for your website.* ### Benefits of Using Elementor Display Conditions Based on Login Status Here’s why login-based conditions, and by extension, all display conditions, matter for your website: ![](https://theplusaddons.com/wp-content/uploads/2025/06/Why-use-Elementor-display-conditions.png) - **No Data Duplication: **You might consider creating different templates and duplicating data across your website in order to change who-sees-what. But with display conditions, this becomes unnecessary, and content is shown based on the context you decide. - **Content Gating**: With display conditions, you have more flexibility over content availability, letting you choose different content segments for different user conditions. For example, you can use login-based display settings in Elementor to hide pages unless logged in, keeping premium content secure. - **User Personalization**: With login-based display conditions, you can personalize CTAs or messages for logged-in and logged-out users. - **Better User Experience**: Using this feature, you can display “login” prompts for logged out users and hide them from logged in users, saving them from a cluttered website experience. - **Improved Conversions**: Finally, you can rely on display conditions to serve the right content to the right audience at the right time. This translates to improved conversions for your website. With these benefits of using display conditions outlined, let us explore how to set display conditions based on login status of your website’s user in the next section. *Want to check *[***how to secure your WordPress login page***](https://theplusaddons.com/blog/how-to-secure-wordpress-login-page/)*? Here are 11 proven ways to do it.* ## How to Set Elementor Display Conditions Based on Login Status [Step-by-Step] With the Display Condition extension of The Plus Addons for Elementor, you can set display conditions based on whether a visitor is logged in or not. This allows you to customize your website experience for each user. ### Step 1: Activate The Plus Addons for Elementor Before anything else, you will need to install The Plus Addons for Elementor ### Step 2: Enable Display Conditions Extension Once The Plus Addons has been installed and activated, you can enable the [Display Conditions extension](https://theplusaddons.com/elementor-extras/display-conditions/). To do this, navigate to **The Plus Addons > Widgets**. Here, search for “**Display Conditions**” in the search bar. Turn on the toggle option for the widget. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Enable-display-conditions-feature-1024x354.png) This will activate the logic controls across all Elementor widgets and sections, letting you edit your pages in the next section. ### Step 3: Edit Your Elementor Page or Section Now, open the page in Elementor where you want to apply display conditions based on login status. Select the widget, column, or section. From here, navigate to **Advanced > Plus Extras : Display Condition**. Turn on the Display Condition toggle. An option called Keep HTML** **will be visible on your screen. Enabling it will hide the content in the frontend if the condition is false, but it will remain in the HTML (DOM).  However, we don’t need to get into the code here, as Display Conditions has it covered. From the Display When dropdown, you can choose when the display conditions are applied. You can choose between two options: - **All Rules are True**: In this option, all the rules that you have set in the Rules section have to be true for the display condition to work. - **Any one Rule is True** : In this option, any one rule has to be true for the display condition to work. Under the Rules section, you can set the actual display condition. You can have one or multiple conditions, which gives you greater flexibility over your content’s display rules. To set the rule, click on the Rule tab. You’ll find different options to set your display condition in the dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Toggle-Display-Condition-to-Yes.png) ### Step 4: Choose “Login Status” Condition Select Login Status from the first dropdown under the Rule tab. When a second dropdown appears, you have two options- - **Is** : This will make the statement true. - **Not** : This will make the statement false. In the last dropdown, pick the Logged In option. For example, if you want to show a content to logged in users only, then after selecting **Login Status** from the first dropdown, choose **Is** from the second dropdown. This will make the content visible to logged in users only.  Otherwise, if you choose **Not** from the dropdown, then it will be visible to logged out users only. ### Step 5: Save and Publish With this, your display conditions are saved. Save your page and publish it. It will dynamically follow the display condition rules you have set based on user login status. For some quick troubleshooting, if you notice Elementor display conditions are missing or not showing as expected, ensure that the Display Conditions extension is enabled and active, in The Plus Addons settings. Also, if you find that Elementor display conditions are  not working, clear your cache to check if the changes reflect. ***Recommended Read:**** *[*How to Clear Elementor Cache [3-Step Beginners Guide]*](https://theplusaddons.com/blog/how-to-clear-elementor-cache/) ## Advanced Use Cases of Elementor Display Conditions by The Plus Addons Now that we have looked at the basics, we can look at additional, advanced use cases of Elementor Display Conditions. The Plus Addons offers some advanced conditions you won’t find in native Elementor. **Here are a few:** ### 1. Based on Different User Roles If you want to show an admin-specific dashboard block or hide premium content from subscribers, this is the right option for you. For example, if you want to show a piece of content only to the administrator role users, then after selecting User Role from the first dropdown, choose Is from the second dropdown. This is super helpful for multisite setups, online courses, or editorial workflows. Using this, you can also opt to exclude certain content to specific user roles. *Here's one more way *[***to restrict content to registered users in WordPress***](https://theplusaddons.com/blog/how-to-restrict-content-to-registered-users-in-wordpress/)*.* ### 2. Based on Operating System Another way to use Display Conditions is by tailoring your design and content based on the user’s OS. Want to show a download link for Mac users only? With this option, you can set the display condition of a widget based on the user’s operating system. This can be used if you offer something specific like software/app for different operating systems, you can show content accordingly to the visitors based on their operating system. This option is best suited for use cases like software downloads, or support pages. ### 3. Based on Visitor Browser With this option, you can conditionally hide complex animations, or features, from browsers like Internet Explorer or Safari. You can set display conditions for a content based on the visitors browser. This condition can be used if you offer something browser specific like addons or in-browser apps.  ### 4. Based on Geo-Location of Visitor This feature is ideal if you have an e-commerce store, or plan for regional marketing and promotions. It lets you “geo-target” your visitors with region-specific content, language preferences, or even country-level pricing. This can be a great way to show custom content or offer based on the visitor’s location. *Want to create *[***location-based filters for WooCommerce products in Elementor***](https://theplusaddons.com/docs/create-location-based-filter-for-woocommerce-products-in-elementor/)*? Check out this handy guide by The Plus Addons.* ## Wrapping Up With this, we have extensively covered how to set display conditions with Elementor. Its built-in display conditions are a good start, but if you want full control over who sees what and when, using The Plus Addons for Elementor is the way to go.  Beyond the advanced options covered earlier, the [Display Conditions extension](https://theplusaddons.com/elementor-extras/display-conditions/) lets you conditionally show your content with 48+ supported rules, based on url strings or parameters, shortcodes, WooCommerce products, page templates, and the date and time. Whether you’re building a membership site, optimizing user flows, or targeting content based on login status,  the Display Conditions by The Plus Addons make it super easy and code-free. It lets you create dynamic user experiences for every page of your WordPress website. The Plus Addons is more than just the Display Conditions extension. With over [120+ widgets](https://theplusaddons.com/elementor-widgets/), features like dynamic content, pop ups, carousels, mega menus, and more, The Plus Addons truly extends Elementor’s capabilities. If you are a WordPress website owner seeking more customization and control, The Plus Addons has you covered every step of the way. ## FAQs on Elementor Display Conditions Based on Login Status ### What is a conditional display in WordPress? Conditional display works by changing what content is visible to users based on pre-set conditions. This can include the location, user role, time of day, and other options, depending on the options offered by your display condition extension. ### What’s the difference between role-based and login-based display in Elementor? Login-based display conditions will check if the user on your website is logged in or not. Role-based display, on the other hand, goes deeper by checking *which *type of user is logged in (e.g., Admin, Editor, Subscriber). ### How to troubleshoot Elementor display conditions not working? Start by ensuring the feature is enabled under The Plus Addons Settings. Try clearing your site cache and browser cache. Finally, you can try confirming that no conflicting plugin is overriding visibility rules, by simply turning off all your plugins and turning them back on one by one to troubleshoot. Ideally, this should fix Elementor display condition problems. ### Can I use display conditions on WooCommerce pages? Among 48+ supported rules for Elementor custom display conditions., the Display Conditions extension lets you apply these on WooCommerce pages too. Use this option for better control over the content on product pages, checkout, and more. ### Is it possible to hide Elementor content from logged-out users? It is possible to hide Elementor content from logged-out users. Set your display condition to "Login Status" > "Logged In" to make the content visible only to logged-in users.  Another option is to use the Display Condition extension, which lets you set what content is visible to logged-in and logged-out users. --- # How to Find Root Directory of WordPress Website Source: https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/ If you run a WordPress site, you may have heard about the root directory, but finding it can seem tricky at first. Many problems and customizations in WordPress require direct access to these files, so being able to locate the root directory is a helpful skill.  Once you know where to look, you can manage your site with greater confidence and make fixes faster when needed. In this blog, you’ll learn how to find root directory of WordPress website. So, let’s get started! ## Key Takeaways - Root folder contains core files like `wp-config.php`. - Access it via cPanel or FTP. - Useful for backups, installs, and troubleshooting. ## What is the WordPress Root Directory? The WordPress root directory is the main folder that holds all of your WordPress website’s core files and folders. You can think of it as the “home base” for your WordPress site. When you install WordPress, important files like wp-config.php, wp-login.php, and folders like wp-content are placed in this root directory.  These files are needed for your site to work. ![](https://theplusaddons.com/wp-content/uploads/2025/06/WordPress-root-directory-example.png) Most hosting services put your WordPress root directory inside a folder called public_html, www, or sometimes htdocs.  This folder is usually easy to find when you use your hosting account’s File Manager or an FTP client. **Common files and folders in the root directory:** - **wp-content**: Holds themes, plugins, and uploads - **wp-admin**: Contains admin dashboard files - **wp-includes**: Contains core WordPress code - **index.php**: Main entry point for the site - **wp-config.php**: Stores site configuration settings If you ever need to upload, change, or fix files for your site, you will usually do it in the root directory. Knowing where the root directory is helps you [make backups](https://theplusaddons.com/blog/how-to-backup-wordpress-website/), add new themes or plugins, and troubleshoot problems. You should be careful when working in this directory, since deleting or editing the wrong file can break your website. ## What is the WordPress File Structure? When you work with WordPress, all your files and folders are stored in a main folder called the root directory. This location holds everything your site needs to run. **Inside the root directory, you will see several important folders:** - **wp-admin**: Contains files for the WordPress dashboard. - **wp-content**: Stores all your themes, plugins, and uploads. - **wp-includes**: Has core WordPress code and functions. **Some key files you might find in the root directory include:** - **wp-config.php**: Holds your database information - **.htaccess**: Handles site rules - **index.php**: Loads the site content The wp-content folder is where most of your changes happen. Here, you can find your uploaded images, installed plugins, and active themes. The wp-admin and wp-includes folders are important but usually do not need to be changed.  These folders make sure WordPress can run smoothly and provide all the functions you see in your dashboard. Knowing this structure helps you find files faster and fix problems when they come up. If you ever need to connect by FTP or use your host’s file manager, you will know exactly what each folder or file does. ## Why Knowing Your WordPress Root Directory Matters? Your WordPress root directory holds all the core files for your website. **Understanding the root directory lets you:** - Install or update themes and plugins manually - Troubleshoot errors by accessing key files like .htaccess - Backup or move your whole site to a new host - Edit configuration files, such as wp-config.php If you need to reset your site, you may have to delete or replace specific files in the root directory. Site security can also depend on your ability to find and protect sensitive files there. Sometimes, adding code snippets or customizations means editing files located in this directory.  Keeping track of what’s in your root folder helps you avoid making accidental changes. Knowing where your root directory is located can make tasks like fixing broken links, [improving site performance](https://theplusaddons.com/blog/speedup-elementor-website-performance/), or setting up redirects much easier. ## How to Find Root Directory of WordPress Website (Working Methods) Here are two simple methods to find the WordPress root directory. ### Method 1: Using cPanel or Hosting File Manager To find your WordPress root directory, start by logging into your hosting account.  Most web hosts provide access through a control panel called cPanel or a similar dashboard. Once logged in, look for the File Manager. This is usually listed under the “Files” section.  Click on File Manager to open it. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Open-file-manager-from-cpanel-1024x486.png) Inside the File Manager, you will see a list of folders. The WordPress root directory is often named public_html, www, or it could be your domain name. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Locate-public-html-file.png) Open the folder to check its contents. If you see files like wp-config.php, wp-content, wp-includes, and wp-admin, you are in the right place. If you run more than one site, make sure you select the correct domain or directory. Some hosts keep each site in its own folder. You can now add, move, or edit files in your WordPress root directory as needed. Always be careful when making changes, since these files control how your site works. ***Recommended Read:**** *[*How to Fix WordPress Fatal Error [9 Methods]*](https://theplusaddons.com/blog/wordpress-fatal-error/) ### Method 2: Finding the Root Directory via FTP/SFTP To access your WordPress root directory, you can use an FTP or SFTP client. Some common clients are FileZilla, Cyberduck, and WinSCP.  First, open your FTP or SFTP client and enter your website’s server address, username, password, and port number.  Your hosting provider usually provides these details. Once you connect, you’ll see a list of folders and files on your server.  Look for a folder named public_html, www, or sometimes your domain name. This folder is often the root directory for WordPress. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Root-directory-via-ftp-sftp.png) Be careful when editing or deleting files. Changes made here can affect your entire WordPress site. Make sure to back up important files before making changes. ***Recommended Read:**** *[*5 Best WordPress Backup Plugins [Backup & Restore]*](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) ## Troubleshooting: Can’t Find Your WordPress Root Directory? If you’re struggling to locate your WordPress root directory, you're not alone. This directory is where core files like **wp-config.php, wp-content**/, and **index.ph****p** reside.  If you can’t see these, you’re likely in the wrong folder, often a subdirectory. ### Step 1: Verify Your Access Point The first thing to check is how you're accessing your site files: - **FTP Client:** Confirm you're connected to the correct directory. Look for folders like **public_htm**l or files like **wp-config.php**. - **Web Host File Manager (e.g., cPanel):** Log into your hosting dashboard and open the File Manager. Navigate to the root folder that typically holds your WordPress files. ### Step 2: Look for Key Root Directory Indicators **Your root directory should include these files/folders:** - wp-config.php - wp-content/ - index.php **If these aren’t visible, you may be:** - In a subdirectory (like /blog) - Using an FTP user with limited permissions ### Step 3: Check Inside WordPress (If Accessible) If you're logged into the WordPress dashboard: Go to **Plugins > File Manager** (if installed) Ensure the plugin is active to browse files from inside WordPress ### Step 4: Avoid These Common Mistakes - **Wrong login credentials:** Make sure you're using a hosting account with full file access. - **Subdirectory confusion:** If you installed WordPress in a folder (e.g., /site or /blog), that folder acts as your root directory. - **Hidden files:** Enable the option to view hidden files (like .htaccess) in your file manager settings. ### Step 5: Contact Support If Needed If you’ve tried everything and still can’t locate the root directory, **reach out to your hosting provider’s support team**. They can help guide you directly to the right location. ***Suggested Read:**** *[*6 Best WordPress Security Plugins [Both FREE & PRO]*](https://theplusaddons.com/blog/best-wordpress-security-plugins/) ## Wrapping Up Finding your WordPress root directory is a simple task if you know where to look. You can use tools like cPanel’s File Manager or an FTP client such as FileZilla.  Most WordPress sites are located in the public_html or www folder on your web server. It’s important to be careful when working in the root directory. Changing or deleting files here can affect your entire website. Always make a backup before making any changes. Taking your time and following each step carefully can help you avoid mistakes. Also, if you're using Elementor and want to enhance your site's design and functionality without touching code, consider using [**The Plus Addons for Elementor**](https://theplusaddons.com/). It offers 120+ powerful widgets and 1000+ pre-designed templates to help your website stand out from the competition. ## FAQs on Finding WordPress Root Directory ### Can I move my WordPress root directory to another folder? Moving your WordPress root directory to a different folder is possible, but it needs careful planning. You will have to change certain settings in your wp-config.php file and update your website addresses in your WordPress dashboard. If not done properly, this may break your site or cause errors. ### How can I use FTP clients like FileZilla to access the WordPress root directory? You can connect to your website hosting using an FTP client like FileZilla by entering your host's login details. Once connected, look for the main folder, often called public_html or your domain name. The files and folders in this directory are part of your WordPress root. ### Can the WordPress root directory be identified through the hosting control panel? Yes, you can use the file manager in your hosting control panel, often found in cPanel or similar dashboards. The WordPress root directory is normally named public_html, but some hosts may use different names, such as www or your website's domain. ### What common indicators help differentiate the root directory from other directories in a WordPress site? The root directory always contains important files like wp-config.php, index.php, and folders such as wp-content, wp-admin, and wp-includes. These files and folders are not found in other directories of your WordPress installation. ### Which WordPress configuration file is typically located in the root directory and aids in recognition? The wp-config.php file is almost always located in the WordPress root directory. This file contains important settings for your website, and its presence is a strong sign that you are in the right folder. --- # How to Hide Password Protected Posts From WordPress Loop? Source: https://theplusaddons.com/blog/how-to-hide-password-protected-posts-from-wordpress-loop/ When managing your website, you might have wanted to hide password protected posts from the WordPress loop. The good news is that it’s surprisingly easy to do. A common issue site owners face is that password protected posts still show up on the homepage or archive pages with the "Protected" prefix. This can confuse visitors and break the visual flow of your site. It also raises privacy concerns since the post title is still publicly visible. In this guide, you will learn what exactly the WordPress loop is, why it’s important to hide password protected posts from it, how to actually do it, and a bonus way to protect content in Elementor using The Plus Addons. ## Why Hide Password Protected Posts from WordPress Loop? You might be familiar with how WordPress deals with password protected posts. When you publish a password-protected post, the title still shows up on your website, with a “**Private**” or “**Protected**” label.  ![](https://theplusaddons.com/wp-content/uploads/2025/05/Post-with-Private-label.png) Visitors to your website cannot see this content without a password or approval from site admins. However, in effect, your privacy is not preserved. There are additional problems that accompany this faulty feature. For one, website visitors cannot see the content, but the title is still visible to them. A brute-force attack can also leave you and your private data vulnerable. By excluding password protected posts from the WordPress loop, you improve the user experience and keep your private posts truly private. So, it becomes absolutely vital to exclude password protected posts from the WordPress loop. Let’s dive a little deeper into the technicalities in the next section. ## What is the WordPress Loop and Password Protection? Simply put, the WordPress loop is a PHP(hypertext preprocessor) code snippet that displays posts on your blog. WordPress itself defines the loop as the “**main process**” of WordPress. It runs on your homepage, category pages, and search results. It works by retrieving relevant post data from a database, and is responsible for the posts visible for any website visitors.  Password protection on WordPress is a feature that lets you protect individual posts or pages by assigning a password. Only users who enter that password can view the content. However, by default, these posts still appear in loops, archive pages, and even RSS feeds, with a "**This content is password protected**" message, or with a “**Protected**” prefix before the title. So if the posts are still protected by a password, why does it pose a problem? Let’s discuss why. ### The Problem with Visible Password Protected Posts One major problem WordPress site owners face is that password protected posts can still appear publicly. Even without access to the content, the title might give away sensitive information and the contents of the page. This can prompt users to guess the password or try brute-force methods to access the post. As a result, your website risks exposing private information and inviting unwanted access attempts.  *If you feel the default password-protected pages in WordPress look simple, here's* [***how to customize password-protected pages in WordPress***](https://theplusaddons.com/blog/how-to-customize-password-protected-page-in-wordpress/)***.*** ## How to Hide Password Protected Posts from WordPress Loop (Working Methods) If you’re looking to hide password protected posts from the WordPress loop, there are a couple of simple and effective ways to do it. Let’s explore two working methods to achieve this. ### Method 1: Using a Code Snippets Plugin Although it seems code heavy at first, this is the easiest and safest way to hide password protected posts, without touching your theme files. [Nexter Extension](https://nexterwp.com/nexter-extension/) is the most popular option amongst WordPress website owners. #### Step 1: Install the Code Snippets Plugin From your WordPress dashboard, navigate to **Plugins > Add Plugin.** ![](https://theplusaddons.com/wp-content/uploads/2025/05/Add-Plugin.png) In the search bar visible to the right-side of your screen, search for “Nexter Extension” and press enter. The Nexter Extension Plugin should be the first plugin visible on your screen. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Install-Nexter-Extension-1024x347.png) Click the plugin link and install it. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Nexter-extension-install-and-activated.png) Once the plugin is installed, activate it. Now you can use it for hiding password-protected content from the WordPress loop. #### Step 2: Hide the Posts In the left-hand column on your WordPress dashboard, you will see a new options for “**Nexter Extension**”. Navigate to **Nexter Extension > Code Snippets**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Open-code-snippets-from-Nexter-Extension.png) Add a New Snippet by clicking on “**Create New"**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Create-new-snippet.png) On this screen, add a name for your snippet like: “**Hide Protected Posts from Loop**”. This will make it easy to reference in the future. In the code preview, paste the following code: `function wpb_password_post_filter( $where = '' ) {     if (!is_single() && !is_admin()) {         $where .= " AND post_password = ''";     }     return $where; } add_filter( 'posts_where', 'wpb_password_post_filter' );` Your screen should look something like this: ![](https://theplusaddons.com/wp-content/uploads/2025/05/Name-of-snippet-and-code-pasted.png) #### Step 3: Save and Activate the Snippet Now, to the top right of your screen, toggle the switch to activate the snippet, and save it. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Activate-and-create.png) That’s it! Your protected posts will no longer appear on the homepage, archives, or search results. And if you want to reverse the change, you can simply deactivate the snippet.  Plugins are an easy method to hide password protected posts from WordPress. There is another method that gives more customization and control, which we will look at in the next section. With this plugin, you can easily add Code Snippets to your WordPress website for Free, here's how: https://youtu.be/e2sczKITUhs?si=ZiblBAp4QlofF3Qq ### Method 2: Using Custom Functions.php [for Advanced Users, Not Recommended for Beginners] If you're comfortable editing theme files, this method works too. **But it is not recommended for beginners**, especially if you’re using a theme that receives regular updates. It is best to [back up your website](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) before you try this method. #### Step 1: Navigate to Theme File Editor From your WordPress dashboard, navigate to **Appearance > Theme File Editor**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Access-Theme-file-editor.png) Open your **functions.php** file from the Theme Files column to the right of your screen. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Open-the-functions-php-file-1024x427.png) #### Step 2: Protect your Posts To this file, add the same code snippet provided in Method 1. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Add-code-in-functions-php-file-and-update.png) Once added, click on “**Update File**” at the bottom of the web page to save and apply your changes. Remember to take a full backup before editing core theme files, as it can protect you from the site breaking down. ***Recommended Read:**** *[*5 Best WordPress Backup Plugins [Backup & Restore]*](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) ## How to Allow Role-Based Access to Password Protected Posts? If you follow one of the methods listed above, password-protected posts will be hidden from all users. Let’s say you still want to show protected posts to certain user roles (like admins or logged-in subscribers). You can achieve this using a simple conditional tag. `function wpb_password_post_filter( $where = '' ) {    if (!is_single() && !current_user_can('edit_private_posts') && !is_admin()) {         $where .= " AND post_password = ''";     }     return $where; } add_filter( 'posts_where', 'wpb_password_post_filter' );` This will provide post access to users with administrator and editor roles only. *Running into invalid template errors when designing your website? Read this article on *[***how to fix Elementor ‘Invalid template type’ error***](https://theplusaddons.com/blog/how-to-fix-elementor-invalid-template-type-error/)*.* ## BONUS: How to Use Elementor for Content Protection? Using custom functions provides flexibility, but there are more convenient, no-code options available for content protection For instance, the [Protected Content Widget](https://theplusaddons.com/elementor-widget/elementor-protected-content/) from The Plus Addons for Elementor. It lets you protect your content using AJAX based security, based on user roles, as mentioned above, without needing to write a single line of code. Along with these security features, the widget lets you create customized layouts for an elevated website design, and through it, a superior user experience. First, install and activate The Plus Addons for Elementor and activate the Protected Content Widget from **Dashboard > The Plus Addons > Widgets.** Then, follow the steps below: - Add the Protected Content widget to your WordPress page. - Set the appropriate protected content in the Protected Content tab. - Then go to the Protection Type tab and select User Role from the Protection Type dropdown. - After that from the Select Roles section you have to add the user type. You can select multiple user types. ## Wrapping Up Hiding password protected posts from the WordPress loop is a small change that can have a big impact on your site’s security, performance, and user experience. Whether you choose to use a plugin or a bit of code, you now have everything you need to exclude password protected posts from the WordPress loop. The [Protected Content Widget](https://theplusaddons.com/elementor-widget/elementor-protected-content/) by the Plus Addons for Elementor makes it effortless to protect and personalize content, without writing a single line of code. The plugin’s utility does not stop there. With [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/), you get access to 120+ powerful and fully customizable widgets that enhance your Elementor editor and take your website to the next level. Enhancing the functionality of your Elementor editor and creating wholesome WordPress websites has never been easier. ## FAQs on Hiding Password Protected Posts from WordPress Loop ### Will hiding password protected posts affect my SEO? Yes, hiding password protected posts can affect your website SEO. When you hide password protected posts from the WordPress loop or search results, search engines won't index them. This means any valuable content within those posts won’t contribute to your site's SEO. ### Can I still access my hidden password protected posts? Even if password protected posts are hidden from public listings or the main WordPress loop, they’re still accessible via their direct URL. You’ll just need the correct password or be logged in with appropriate permissions. Admins can always view them from the WordPress dashboard as well. ### Do I need to use a plugin or can I hide password protected posts with code? You don’t necessarily need a plugin. With a few lines of custom code in your theme’s functions.php file you can hide password protected posts, but using a plugin like Nexter Extension can simplify the process if you’re a beginner.  ### Is hiding password protected posts compatible with all WordPress themes? Hiding password protected posts using standard WordPress filters works with the majority of themes. However, some themes with custom queries or post loops might not fit well with these filters. Testing and making minor adjustments can help avoid performance issues.. ### How can I show password protected posts only to registered users? For restricting content to certain users only, you can use a content restriction plugin like the Protected Content Widget from The Plus Addons. The alternate option is to implement custom code that checks if a user is logged in before displaying password protected content.  --- # How to Restrict Content to Registered Users in WordPress Source: https://theplusaddons.com/blog/how-to-restrict-content-to-registered-users-in-wordpress/ Want to offer exclusive content that is restricted only for registered users? Learn how to restrict content to registered users in WordPress using simple, no-code methods. Restricting content on your WordPress site lets you control who can access specific posts, pages, or sections. It’s a great way to share exclusive content with members, subscribers, or logged-in users. Traditionally, you'd have to insert custom code into your theme files. That’s not practical unless you're comfortable editing PHP. An easier way is to use content restriction plugins or Elementor-based tools that let you manage access based on user roles. In this article, you’ll learn how to restrict WordPress content to logged in users step by step using free plugins and The Plus Addons' Protected Content widget. ## Key Takeaways - Restrict content using the Protected Content widget by The Plus Addons for Elementor. - Control access by user role or password. - Customize messages and forms in Elementor. ## What is Content Restriction in WordPress? Content restriction in WordPress refers to limiting access to certain parts of your website based on user login status or user roles. You can hide entire posts, pages, sections, or widgets from visitors who aren't logged in or don’t have the required access level. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Content-Restricted.png) It’s a useful way to control who sees your exclusive content, like premium articles, downloadable files, or custom post types. This can be done using content restriction plugins or visual tools like Elementor. From a user’s point of view, restricted content is either hidden completely or replaced with a custom message, prompting them to log in or register. This creates a more personalized and secure browsing experience. ### Why Restrict Content to Registered Users? Here’s why you may want to WordPress limit access to registered users: - **Deliver premium content to logged-in users: **You can share valuable blog posts, videos, or downloads only with users who have an account on your site. - **Create a membership experience: **Restrict content by membership level to build loyalty and reward different types of users. - **Prevent unauthorized access to private pages: **WordPress restrict page access by role helps you keep sensitive or internal content visible only to specific users. - **Collect user data before granting access: **Use registration forms to gather email addresses or other details before showing protected content. ## What are the Different Methods to Restrict Content in WordPress? There are two main ways to restrict content to registered users in WordPress, you can use plugins or write custom code. Plugins like Restrict Content, Profile Builder, or [**Elementor Protected Content**](https://theplusaddons.com/elementor-widget/protected-content/) widget from The Plus Addons for Elementor offer a quick, no-code method. These tools let you limit access to posts, pages, or specific sections based on user roles or [login status](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/). If you're comfortable with code, you can manually add restriction logic inside your theme’s functions.php file or use conditional tags in your template files. However, this method can break your site if not done correctly. For most users, plugins are a safer and faster option to implement content restriction WordPress features. ### Using Plugins vs. Manual Code Here’s how content restriction plugins vs code compare: | **Features** | **Plugins** | **Manual Code** | | ------------ | ----------- | --------------- | | Ease of Use | Beginner-friendly, no coding required | Requires knowledge of PHP and WordPress functions | | Setup Time | Fast: install, configure, and use right away | Slower: involves editing core files manually | | Associated Risk | Low, tested plugins are safe to use | High, one wrong line can break your site | | Best Suited For | Non-tech users | Developers and advanced WordPress users | ## How to Restrict Content to Registered Users in WordPress [Step-by-Step] An easy way to create restricted settings on your WordPress site is using a free specialized plugin. Here we've used the Restrict Content plugin to demonstrate how this works. ### Step 1: Install and Activate the Restrict Content Plugin From your WordPress dashboard, go to **Plugins > Add New**. Search for “**Restrict Content**” and install the free plugin. Click Activate once installed. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Install-restrict-content.png) ### Step 2: Configure Basic Plugin Settings Go to **Restrict > Settings** from your admin panel. Under the General tab, assign the required pages like registration, account, billing update, and profile pages. ![](https://theplusaddons.com/wp-content/uploads/2025/05/General-tab.png) Next, open the Payments tab to select your currency and payment gateway like Stripe (if you plan to sell membership plans). ![](https://theplusaddons.com/wp-content/uploads/2025/05/Payments-tab.png) Switch to the Misc tab to set up login redirects, control form appearance, and enable reCAPTCHA for your registration forms. These settings define how your content restriction works and who can access your protected areas. ***Recommended Read:** *[*How to Add reCAPTCHA in Login Form Using Elementor [Step by Step]*](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/) Did you know you can add Google reCAPTCHA to various forms on your site? Here's how: https://youtu.be/hI-dbvVVu2w?si=3d4GP7r07N7ey9I2 ### Step 3: Set Up Membership Levels Head over to **Restrict > Membership Levels** and click “**Add New**”. Give your membership level a name like “Free Member” or “Premium User”. You can set pricing, duration, and assign a WordPress user role that will be applied on signup. This step lets you tailor WordPress user roles permissions and create tiered access to different content types. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Membership-levels.png) You can add multiple subscription levels depending on how you want to segment access. ### Step 4: Restrict Content to Registered Users Now go to any post or page you want to restrict. Scroll down to the **Restrict this content** section. From the dropdown under Member access options, choose “**Members of membership level(s)**”. Then select the appropriate level you created. You can also restrict content based on specific user roles using the same box. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Restrict-this-content.png) Click **Update** or **Publish** to apply your settings. Your content restriction WordPress setup is now live. Only registered users with the selected membership level will be able to view the protected content. *Want to create a custom login page for registered user? Here's *[***how to create a custom login page on WordPress**.*](https://theplusaddons.com/blog/how-to-create-a-custom-wordpress-login-page/) ## BONUS: How to Use Elementor for Content Restriction? If you're using Elementor, there's a faster, more flexible way to restrict content to registered users in WordPress, with The Plus Addons’ [**Protected Content**](https://theplusaddons.com/elementor-widget/protected-content/) widget. Unlike plugins that rely on back-end settings, this widget gives you full visual control from the Elementor editor itself. You can restrict premium content based on user roles or secure it with single or multiple passwords. This is a perfect fit if you want to protect custom post types, display private offers, or hide blocks of content from unauthorized users without writing a single line of code. ### Step 1: Activate the Protected Content Widget To get started, install and activate [The Plus Addons for Elementor](https://theplusaddons.com/). Once done, go to **The Plus Addons > Widgets**, search for **Protected Content**, and switch it on. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Activate-protected-content-widget-1.png) Open any page in Elementor, and search for the “**Protected Content**” widget. Drag and drop it into your layout. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Password-protected.png) ### Step 2: Choose What You Want to Protect Once the widget is in place, go to the Content Source dropdown and choose whether to: - Add content directly in the editor - Use an existing Elementor template In most cases, selecting Content is enough for basic content restriction WordPress needs. ### Step 3: Set Your Protection Type From the Protection Type dropdown, choose how you'd like to restrict access: - **User Role**: Allow only specific **user roles** to view the content - **Single Password**: Ask users to enter a password - **Multiple Passwords**: Create different passwords for different users or groups ![](https://theplusaddons.com/wp-content/uploads/2025/05/Protection-type-1.png) This gives you flexibility that traditional content restriction plugins don’t offer. ### Step 4: Customize Message, Form, and Error Display Use the **Message** section to add a note users will see before accessing the protected area. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Form-Text-settings.png) Edit the Form Text to change placeholder and button labels. You can also enter a custom error message for wrong passwords. *Want to create engaging protected pages? Here is *[***how to customize password protected pages on WordPress.***](https://theplusaddons.com/blog/how-to-customize-password-protected-page-in-wordpress/) ## Which Content Restriction Best Practices Should You Follow? To get the most out of content restriction WordPress features, here are a few best practices to follow: - **Restrict only when needed: **Avoid locking down your entire site. Reserve restrictions for exclusive content, downloads, or private resources. - **Use clear messages**: Let unauthorized users know why content is hidden and how they can gain access: through login or registration. - **Keep user roles organized**: Assign WordPress user roles permissions carefully. Each role should have access only to the content they need. - **Test access flows**: Before going live, test your content as a guest and as different user roles to check if your content access settings work properly. *Did you know you can protect your website content from copying, that too for Free? Here's how:* https://youtu.be/yRV0Guzo4oc?si=i-ywB6ceIe9-hq2P ## Wrapping Up Content restrictions help you control user access and keep unauthorized users out of sensitive or exclusive content. Its an easy may to manage user experience on your website if you want to protect premium resources or show content only to logged-in members. If you use Elementor, [The Plus Addons for Elementor](https://theplusaddons.com/) gives you more flexibility than traditional plugins. With the [**Protected Content widget**](https://theplusaddons.com/elementor-widget/protected-content/), you can restrict access to content based on passwords or custom user roles, no coding required. It's built directly into the Elementor content editor, so you have full control over how and where the content appears. Beyond content restriction, you also get more than 120 design and functionality widgets with The Plus Addons for Elementor. This lightweight plugin is built to work seamlessly with the latest versions of Elementor and WordPress, allowing you add functionality to your website without affecting performance. ## FAQs on Restricting Content to Registered Users in WordPress ### What types of content should be restricted to registered users? You can restrict blog posts, download links, custom post types, or any exclusive content meant for members only. This helps you control user access and keeps your content visible only to those who register, log in, or match a specific user role. ### Do I need a WordPress membership plugin to restrict content? No, you don’t always need a full membership plugin. Many content plugins and widgets let you restrict access using custom user roles or login status. Go for a full membership tool only if you need features like payments or subscription levels. ### Are there any legal implications of restricting content to registered users? Yes, especially when you collect data through a registration form or offer paid access. You must follow privacy laws and clearly explain how you’ll use email addresses or payment details. Add terms of use and privacy policies on relevant pages. ### How can I protect content without affecting SEO? You can keep content SEO-friendly by restricting only parts of a page. Show previews to everyone and lock the rest using widgets that manage access to content based on login. This way, search engines index your content, but users must log in. ### Can I restrict partial content on WordPress pages? Yes, you can easily restrict just a section of any page. Use a simple plugin or content widget to hide specific blocks from unauthorized users. This works well for teaser content or premium content that only shows after login or signup. ### Is it possible to restrict media files to registered users? Yes, but you’ll need a plugin that controls file-level access. WordPress doesn’t do this by default. Use tools that serve protected files only to users with specific custom user roles, preventing direct downloads or links by unregistered visitors. ### What are the potential drawbacks of restricting content to registered users? Restricting too much content can frustrate visitors, reduce traffic, and hurt SEO. It also adds complexity to managing user access, especially if you don’t have clear messages or login forms in place. Always test the flow from a user’s perspective. --- # How to Customize Password Protected Page in WordPress Source: https://theplusaddons.com/blog/how-to-customize-password-protected-page-in-wordpress/ Want to hide pages on your website from public view? Learn how to customize password protected pages in WordPress. You might want to protect exclusive content, keep certain pages visible only to select user roles, or hide sections that are still being built. WordPress does let you create a password protected page, but the default design looks plain and often breaks the flow of your site’s branding. A custom password protected page lets you match colors, fonts, and layout with the rest of your site. It improves the user experience and makes restricted content feel like a natural part of your design. In this article, you’ll learn how to make a page password protected in WordPress and edit it using code-free methods. ## Key Takeaways - Use Protected Content widget by The Plus Addons for Elementor to protect and style password pages in Elementor. - Set user roles, passwords, and custom messages. - Or use CSS Hero to style default forms visually. ## What is a Password Protected Page in WordPress? A password protected page WordPress feature lets you hide specific content from public access. Only visitors with the correct password can unlock the page and view its contents. Learning how to create password protected pages in WordPress helps you manage visibility without setting up full user accounts. You can create a password protected page using the default function on WordPress or with a specialized plugin. **You can use a password protected page in several situations:** - Share premium content with select users. - Limit access to draft pages or sections under construction. - Offer downloads or files to a specific user role. - Create private pages for clients or collaborators. - Restrict access to internal documentation or processes. *Want to customize every aspect of your website? Here are the *[***best white label plugins***](https://theplusaddons.com/blog/best-white-label-wordpress-plugins/)* to help you do so.* ## Why Customize Your Password Protected Page in WordPress? While WordPress offers a quick way to password protect page WordPress, the default layout isn’t ideal. It uses a simple, plain form with no branding or layout control. This breaks design consistency and creates a dull user experience. Customizing the page lets you design a more cohesive and engaging interface. **Here’s why it helps to customize password protected page WordPress:** - Add your logo, fonts, and brand colors for design consistency. - Create a custom message above or below the password form. - Improve the layout and spacing using Elementor or CSS tweaks. - Include additional elements like [custom icons](https://theplusaddons.com/blog/add-custom-icons-to-elementor/), social media buttons or a [dropdown menu](https://theplusaddons.com/blog/how-to-create-dropdown-menu-in-wordpress/). - Align the password-protected form design with the rest of your website. - Deliver a professional look to those accessing exclusive content. ### What are the Limitations of Default WordPress Password Protected Page? The default password protection feature in WordPress offers very limited design options. It adds a basic password field with a submit button, but you can't change the layout, font, or background color without code. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Default-password-protect-page.png) It also lacks support for styling the password-protected form page, adding branding elements, or editing the message shown above the password protect form. These limitations make your site look inconsistent and unprofessional. *Want a branded login page? Here's *[***how to create a custom WordPress login page**.*](https://theplusaddons.com/blog/how-to-create-a-custom-wordpress-login-page/) ## How to Customize Password Protected Page in WordPress [Step-by-Step] The simplest way to create a [**password protected page in WordPress**](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/) is through the built-in visibility option in the Edit Page screen. Inside the right-hand sidebar of your content editor, click on Status & visibility, select Password protected, and enter a password in the box provided. Only users with this password can view the page. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Set-as-password-protected.png) This default password protection feature is quick to use, but it limits design and branding. The form appears with a basic design, no styling, and clashes with the rest of your layout. If you're looking to match your custom password-protected page with your theme or add advanced features like user-based restrictions, you’ll need to go beyond the built-in tools. Here are two ways to fully customize password protected page WordPress setups and create a better user experience. ### Method 1: Customize Password Protected Page Using Elementor and The Plus Addons Protected Content Widget The easiest way to create a custom password-protected page is by using the [**Elementor Protected Content**](https://theplusaddons.com/elementor-widget/protected-content/) widget from The Plus Addons for Elementor. It’s the best method to use as it gives you full control over the design, access rules, and user experience, without having to write custom code. **This widget includes:** - Support for multiple passwords. - Pre-designed content sections and templates. - Controls for different user roles. - Restrict content by logged-in status. - Access based on viewership. Here’s what a password protected page created with The Plus Addons widget looks like: ![](https://theplusaddons.com/wp-content/uploads/2025/05/Password-protected-page-created-with-The-Plus-Addons.png) Here’s how to customize the page using this method: #### Step 1: Install and Activate First, install The Plus Addons for Elementor from your WordPress admin dashboard. Once installed, go to **The Plus Addons > Widgets** from the left sidebar. In the search bar, type “**Protected Content Widget**” and locate it. Toggle the switch next to it to activate the widget. This unlocks all customization features you’ll need to build a secure, styled password-protected form page using Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Activate-protected-content-widget.png) #### Step 2: Add Widget to a Page Open the page you want to protect, either a new page or an existing one, in the Elementor editor. In the left panel, search for “**Protected Content**.” You’ll see a widget with a lock icon labeled Protected Content, by The Plus Addons for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Add-protected-content-widget-to-Elementor-editor.png) Drag and drop this widget anywhere on the page. This lets you create a custom password-protected form page using Elementor’s layout system. You can restrict access to the entire page or just specific content sections using the widget. #### Step 3: Edit the Widget After adding the Protected Content widget, go to the left sidebar under the “**Content**” tab. This is where you’ll define what content to lock and how it should be accessed. Start by choosing the **Content Source**. You can type content directly by choosing Content. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Content-source.png) You can also load it from an existing Elementor template by choosing the Page Template option and then choosing the template you’d like to use. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Elementor-template-as-content-source.png) Next, scroll down to the **Protection Type** settings. You can choose a single password, set multiple passwords, or restrict content based on user role or [login status](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/). Enter your password and toggle cookie settings to control how long access remains unlocked. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Protection-type-1024x376.png) Customize the message that appears before login using the **Message** section. You can add a custom description above the password field, upload media, or use a saved template. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Message-section.png) Finally, scroll to **Form Text **and **Error Message **sections. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Form-text-and-Error-message.png) This is where you can edit the label on the submit button, the placeholder text for the password form, and what users see if they enter the wrong password. #### Step 4: Publish Once you're done editing the widget and setting up your password protection forms, it’s time to make the page live. Click the **Publish** button in the Elementor editor to save and activate your custom password-protected page. Visitors will now see your fully customized layout instead of the default password-protected page design. They’ll be prompted to enter a password using your styled password field and submit button. ### Method 2: Customize Default Password Protected Page Using CSS Hero Another way to go beyond the default option for password protected pages is using the [CSS Hero plugin](https://www.csshero.org/). To use this method, install and activate the CSS Hero plugin on your WordPress website. Next, visit your password protected page on the front end. In the admin bar, click the “CSS Hero” button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-with-CSS-Hero.png) You’ll enter a live editor where you can click on any part of the password-protected form, like the submit button, message text, or background. ![](https://theplusaddons.com/wp-content/uploads/2025/05/CSS-Hero-settings.png) ## Wrapping Up WordPress makes it easy to create a password protected page, but the default design feels plain and disconnected from your brand. A customized password-protected form can help you match your site’s design, improve the user experience, and control content visibility with more precision. The best way to create a customized layout is with the [**Protected Content widget**](https://theplusaddons.com/elementor-widget/protected-content/) from The Plus Addons for Elementor. It is an all-in-one solution for your WordPress website design needs. This lightweight, performance-optimized plugin gives you access to 120+ fully customizable Elementor widgets that enhance both aesthetics and functionality. With The Plus Addons, you get complete creative freedom to design your entire site without writing a single line of code! ## FAQs on Customizing Password Protected Pages in WordPress ### What is the difference between password protected and private pages in WordPress? A password protected page WordPress feature allows anyone with the password to view the content. In contrast, a private page is visible only to logged-in users with specific permissions like admins or editors. Passwords give more flexibility for public access control. ### Can I fully customize the WordPress password protected page design? Yes, you can customize password protected page WordPress layouts using Elementor and widgets like Protected Content by The Plus Addons for Elementor. These let you change the password form, fonts, colors, and layout to match your brand identity and site style. ### How do I add a password protected page using Elementor? You can use The Plus Addons for Elementor and its Protected Content widget. Drag the widget onto your page, set your password protection settings, and style the layout. This method replaces the default password form with a fully custom password-protected page design. ### Does The Plus Addons Protected Content widget require coding skills? No coding is needed. The Protected Content widget from The Plus Addons for Elementor uses a visual interface to set up password-protected form pages. You can customize everything from content sections to the submit button using the Elementor editor easily. ### Is it possible to password protect specific sections of a page in WordPress? Yes, the Elementor Protected Content widget allows you to password protect only certain parts of a page. You can lock individual content sections while keeping the rest public, making it ideal for displaying exclusive content to selected users. --- # 7 Best WordPress Live Chat Plugins Source: https://theplusaddons.com/blog/best-wordpress-live-chat-plugins/ Struggling to keep up with customer inquiries and provide instant support on your WordPress site?  Slow response times and disconnected communication can frustrate visitors, leading to lost sales and diminished trust.  But what if you could effortlessly engage your audience in real time without breaking the bank? In this blog, we’ll explore the best WordPress live chat plugins that help you deliver exceptional customer support, boost satisfaction, and drive business growth, all while keeping costs down. Let’s get started! ## What is a Live Chat Plugin in WordPress? A live chat plugin in WordPress is a tool that allows you to add a chat box or widget to your website, enabling real-time communication between you and your visitors.  Once installed, this feature typically appears as a small chat icon or box, often in the bottom corner of the screen, where users can click to start a conversation. ![](https://theplusaddons.com/wp-content/uploads/2025/05/What-is-live-chat-plugin-in-WordPress-1024x536.png) These plugins are designed to make customer support faster, easier, and more interactive.  Instead of filling out a [contact form](https://theplusaddons.com/blog/how-to-create-contact-form-in-elementor/) or waiting hours for an email reply, visitors can ask questions and get immediate answers.  This not only improves the overall user experience but also helps build trust and credibility with your audience. **Live chat plugins are especially useful for businesses, online stores, service providers, and bloggers who want to:** - Answer pre-sale questions quickly - Offer technical support or guidance - Engage users who seem hesitant to take action - Reduce cart abandonment on e-commerce sites - Create a more personalized and human-like experience Many live chat plugins for WordPress are beginner-friendly and don’t require any coding skills.  With just a few clicks, you can install a plugin, customize the chat widget, and start chatting with your website visitors instantly. Let’s check out the best live chat plugins for WordPress. ## Best Live Chat Plugins in WordPress Compared | **Sl. No.** | **Plugin Name** | **Pricing starts at** | | ----------- | --------------- | --------------------- | | 1 | Tidio Live Chat | Free + $24.17/month | | 2 | LiveChat | Free + $20/month per person | | 3 | Tawk.to | Free | | 4 | Zendesk Chat | Free + $19 per agent/month | | 5 | Crisp | Free + $45/month | | 6 | Pure Chat | Free + $39/month | | 7 | HubSpot Chat | Free | ### 1. Tidio Live Chat ![](https://theplusaddons.com/wp-content/uploads/2025/05/Tidio-1024x451.png) [Tidio Live Chat](https://wordpress.org/plugins/tidio-live-chat/) is a popular free plugin for WordPress. It helps you talk with visitors on your website in real-time.  You can answer questions, support customers, and even boost sales with it. The plugin is easy to install and set up. You don’t need advanced skills to start using its chat features. #### Key Features of Tidio Live Chat - **AI Chatbot Support** – Uses Lycro, a powerful AI chatbot, to understand customer queries and respond instantly, cutting response time and boosting satisfaction. - **Unified Chat Inbox** – Centralizes chats from live chat, email, Instagram, and Messenger for effortless, multi-channel communication. - **Lead Capture Automation** – Gathers contact details and triggers personalized messages to recover carts and convert visitors into customers. - **Visitor Behavior Tracking** – Monitors real-time user activity and allows you to reach out with timely, targeted messages. #### Pricing of Tidio Live Chat Tidio offers a free plan with basic features, and the paid plan starts at $24.17/month. ### 2. LiveChat ![](https://theplusaddons.com/wp-content/uploads/2025/05/LiveChat-1024x453.png) [LiveChat](https://wordpress.org/plugins/wp-live-chat-software-for-wordpress/) is a popular plugin that works well for online stores and service websites. It lets you chat with your visitors in real time, helping you solve their problems quickly. You can customize the chat widget to match your site’s look. It also offers tools to track customers and gather useful data to improve your support. The plugin integrates easily with many other tools, like email marketing and CRM platforms. This makes managing customer conversations more efficient. #### Key Features of LiveChat - **Smart Chat Widget** – Adds a chat widget to the bottom right of your site, allowing visitors to start a conversation or giving you the option to invite them to chat. - **Offline Message Handling** – Let's you collect customer messages even when you’re offline, acting as a contact form or for capturing leads and inquiries. - **Real-Time Support** – Enables quick, real-time communication with visitors, which boosts customer satisfaction and increases your chances of closing sales. - **Cross-Device Access** – It synchronizes easily with your LiveChat account, allowing you to manage chats across the web, desktop, and mobile apps from one convenient place. #### Pricing of LiveChat LiveChat offers a free trial, but its full features come with paid plans. Prices start at $20/mo per person, billed annually. ***Recommended Read:**** *[*5 Best Social Login Plugins for WordPress [Simplify Sign-in]*](https://theplusaddons.com/blog/best-social-login-plugins-for-wordpress/) ### 3. Tawk.to ![](https://theplusaddons.com/wp-content/uploads/2025/05/Tawk-To-1024x434.png) [Tawk.to](https://wordpress.org/plugins/tawkto-live-chat/) is a popular free live chat option for WordPress websites. You can use it to monitor visitors and chat with them in real time.  The tool is simple to set up and works on multiple sites, letting you stay connected wherever your audience is. Tawk.to also offers a customizable chat widget. You can change its appearance to match your site's design.  This helps keep your branding consistent when you communicate with visitors. #### Key Features of Tawk.to - **Instant Visitor Chat** – Instantly communicate with website visitors using the live chat widget, improving customer support and boosting engagement. - **Widget Customization Options** – Customizes the look and feel of the chat widget to match your website’s design, ensuring a seamless user experience. - **Offline Message Alerts** – Captures visitor messages when you're offline and notifies you when new messages are received, ensuring no lead is lost. - **Proactive Chat Triggers** – Monitors visitor behavior and lets you engage them at the right moment with proactive chat invitations based on their actions. #### Pricing of Tawk.to Tawk.To is completely free to use. There are no charges for its features or message limits. You can pay for optional add-ons, like hiring live agents, but the core software stays free. ### 4. Zendesk Chat ![](https://theplusaddons.com/wp-content/uploads/2025/05/Zendesk-1024x441.png) [Zendesk Chat](https://wordpress.org/plugins/widget-for-zendesk-chat-via-api/) is a free live chat plugin for WordPress that helps you communicate with your website visitors in real time.  It is designed to solve customer problems quickly and improve support efficiency. The plugin is easy to set up and works well on mobile devices. It also integrates smoothly with other Zendesk tools if you want to expand your customer support system. You can use Zendesk Chat to manage multiple chats at once. This can help you respond faster and keep customers engaged. #### Key Features of Zendesk Chat - **Live Chat Support** – Connects with visitors instantly through live chat, providing immediate support and enhancing customer satisfaction. - **Branding Flexibility** – Personalizes the appearance of the chat widget to align with your website’s branding, ensuring a seamless look and feel. - **Message Capture System** – Collects and stores messages from visitors even when you're offline, ensuring you never miss a lead or inquiry. - **Behavior-Based Triggers** – Tracks visitor activity on your website and allows you to initiate proactive chats based on their behavior and interests. #### Pricing of Zendesk Chat Zendesk Chat offers a free plan with basic features. Paid plans add more advanced options and start at US$ 19 per agent/month billed annually. ### 5. Crisp ![](https://theplusaddons.com/wp-content/uploads/2025/05/Crisp-1024x455.png) [Crisp](https://wordpress.org/plugins/crisp/) is a free live chat plugin that works well for WordPress sites. It helps you chat with visitors and offer customer support easily.  The plugin also supports chatbots, which can handle basic questions automatically. You can use Crisp to grow your email list by collecting visitor contacts. It also allows you to manage customer relationships through chat history and notifications.  The interface is simple, making it easy to use even if you are new to live chat tools. You get options to customize chat widgets to match your website’s look. Crisp supports team collaboration so multiple agents can respond to customers. #### Key Features of Crisp - **AI Chat Automation** – Comes with AI-powered chatbots that help automate responses to frequently asked questions or lead capture. - **Visitor Info Insights** – Let's you see key visitor details like name, email, location, profile picture, social media links, and pages visited, helping you offer personalized and informed support. - **Multi-Platform Access** – Available on mobile and desktop apps. - **Third-Party Integrations** – Integrates seamlessly with Slack, Messenger, Twitter, Telegram, WhatsApp, and SMS. #### Pricing of Crisp Crisp offers a free plan with essential features. Paid plans add more advanced tools and storage starting at $45 per month, per workspace. *Want to connect with your visitors instantly and boost engagement on your WordPress site?* [***Learn how to easily add a WhatsApp chat in Elementor***](https://theplusaddons.com/blog/how-to-add-whatsapp-chat-in-elementor/)* — no coding needed!* ### 6. Pure Chat ![](https://theplusaddons.com/wp-content/uploads/2025/05/Pure-Chat-1024x450.png) [Pure Chat](https://wordpress.org/plugins/pure-chat/) is a simple and modern live chat plugin for WordPress. It lets you easily add chat to your site without hassle. You can manage unlimited chats and respond to your visitors in real time. This plugin works well if you want a straightforward solution. It supports both desktop and mobile devices, so you can chat from anywhere. You don’t need technical skills to set it up. The interface is user-friendly, making it easy for you to start chatting quickly. It also offers visitor tracking, so you know who is on your site. #### Key Features of Pure Chat - **Chat History Access** – Gives access to complete chat histories and view visitor details like location and how they found your site, helping you follow up more effectively. - **Full Widget Customization** – Allows you to easily match the chat box with your website’s design using color, layout, and text customization options. - **Mobile Chat Support** – Let you respond to chats from anywhere using the Pure Chat mobile apps for iOS and Android, and stay connected even when you're not at your desk. - **Reliable Customer Support** – Provides good support. #### Pricing of Pure Chat Pure Chat offers a free plan with basic features, and the paid plan starts at $39/mo. *Along with a live chat feature, it is also recommended to have an FAQ section on your site that helps answer repeat queries of visitors. Here are the *[***6 Best FAQ Plugins for WordPress [Free Q&A Templates]***](https://theplusaddons.com/blog/best-faq-plugins-for-wordpress/)* you can consider.* ### 7. HubSpot Chat ![](https://theplusaddons.com/wp-content/uploads/2025/05/HubSpot-1024x454.png) [HubSpot Chat](https://wordpress.org/plugins/leadin/) is a free live chat plugin for WordPress that helps you talk with visitors on your website. It integrates well with the HubSpot CRM, letting you track all your customer interactions in one place. You can set up chatbots to answer common questions automatically. This saves you time and lets you focus on more complex issues.  The plugin is easy to install and does not require any coding skills. HubSpot Chat works well for businesses that want to combine live chat with marketing and sales tools. It also allows you to create contact forms and manage email follow-ups. #### Key Features of HubSpot Chat  - **Live Visitor Engagement** – Let's you chat with visitors instantly through a sleek chat widget, helping you answer questions and close more deals on the spot. - **Automated Lead Capture** – Allows you to set up a chatbot that handles common questions, qualifies leads, and books meetings even when you’re away. - **CRM Integration** – Automatically saves chat conversations and contact details into HubSpot’s free CRM, so you can manage leads and follow-ups without extra effort. - **Targeted Message Personalization** – Let you personalize the chat widget’s design and set targeted welcome messages based on specific pages or visitor behavior. #### Pricing of HubSpot Chat  HubSpot Chat has a free plan that includes basic chat and CRM features. Paid plans with more advanced marketing and sales tools are available, but not required to use the live chat plugin. ## Wrapping Up Adding a live chat plugin to your WordPress site is one of the most effective ways to improve customer service, build trust, and boost conversions, all without stretching your budget. Whether you're running a blog, an eCommerce store, or a service-based website, in this blog, we’ve discussed the best wordPress live chat plugins that can help you stay connected with your visitors when it matters most. While these plugins make it easy to get started with live chat, don’t forget that the overall design and user experience of your website also play a big role in how effectively you engage with your audience. If you’re using Elementor page builder, consider enhancing your site further with [**The Plus Addons for Elementor**](https://theplusaddons.com/).  It offers a powerful set of advanced widgets that perfectly complement your live chat setup like [Social Media Live Feed & Review widgets](https://theplusaddons.com/elementor-widget/social-feed/), [Social Icons](https://theplusaddons.com/elementor-widget/social-icons-for-elementor/), [Buttons](https://theplusaddons.com/elementor-widget/free-elementor-buttons/), and more. ## FAQs on Best WordPress Live Chat Plugins ### Are live chat plugins really free to use? Yes! Many live chat plugins like Tawk.To, Tidio, and HubSpot offer free plans with essential features. Some also have paid upgrades for advanced tools, but the core features are often free. ### Do I need coding skills to use a live chat plugin? Not at all. Most WordPress live chat plugins are beginner-friendly. You can install them with just a few clicks and follow simple steps to get started, no coding needed. ### Will a live chat plugin slow down my website? Lightweight and well-coded plugins typically have little impact on your site speed. Always choose trusted plugins with good reviews and keep them updated for the best performance. ### Can I use live chat on mobile, too? Yes! Most plugins offer mobile apps or mobile-friendly dashboards so you can reply to chats on the go, from your phone or tablet. ### What happens if I’m offline when someone tries to chat? Many plugins let visitors leave a message when you’re offline. You’ll get a notification or email so you can reply later and still capture the lead. ### Can I connect my chat with email or social media? Yes! Many live chat plugins support integrations with tools like Messenger, Instagram, WhatsApp, and email, so you can manage everything from one place. --- # April 2025 Monthly Updates: New Features Added: WPML Support, Interactive Animations, Wishlist Lazy Load & More Source: https://theplusaddons.com/blog/april-2025-monthly-updates/ April brought a fresh wave of enhancements to [The Plus Addons for Elementor](https://theplusaddons.com/)! From exciting new features to expanded design effects, we’ve focused on making your website-building process faster and more flexible. Take a look at what’s been added and improved to level up your Elementor experience: ### New Features Added [![](https://store.posimyth.com/wp-content/uploads/2025/05/new-in-the-plus-addons-for-elementor-1024x1024.png)](https://theplusaddons.com/) - **WPML Compatibility – String Translation XML:** Multilingual sites are now easier to manage with full WPML support, allowing seamless string translation and better localization. - **Interactive Animations Control:** You now have full control to enable/disable effects like **Continuous Animation**, **Magic Scroll**, **Tilt 3D Parallax**, **Mouse Move Parallax**, and **Overlay Special Effects** directly from the dashboard. - **Wishlist Lazy Load Support in Product Listing:** Improved user experience with faster loading of wishlist items without page refresh. - **[Tooltip Widget](https://theplusaddons.com/elementor-extras/global-tooltips/) & WooCommerce Enhancements:** Add tooltips easily and enjoy new controls in Woo Single Pricing, such as **swatch size customization** and **heading alignment** for better product presentation. - **Extension Management Made Easy:** Added a global switch to disable unused extensions, helping boost performance and streamline your workflow. ### UI & UX Improvements - **Advanced Shadow, Equal Height, Glass Morphism, and Section Scroll Animations: **We’ve cleaned up the UI for features like Advanced Shadow, Equal Height, Glass Morphism, and Section Scroll Animations so everything looks sharper and feels more seamless to use. - **Column Customizations:** Now it’s easier to tweak things like mouse cursors, media widths, and even column order and sizing, giving you more control over how your layouts behave and look. - **[Wrapper Link](https://theplusaddons.com/elementor-extras/wrapper-link/) & [Event Tracker](https://theplusaddons.com/elementor-extras/ga4-event-tracker/):** Wrapper Link and Event Tracker just got a visual upgrade, making it simpler to add interactions and track user actions with style. - **Display Conditions:** Fine-tuning when elements appear (or don’t) is now more intuitive, letting you build dynamic pages without hassle. *For all the changes,** *****[c](https://roadmap.theplusaddons.com/updates)***[**heck out the complete changelog here**](https://roadmap.theplusaddons.com/updates)**.*** *Also, exciting new features are on the way to help you build websites faster, smoother, and with even more creativity. **Stay tuned! **You won’t want to miss what’s coming next!* [![](https://store.posimyth.com/wp-content/uploads/2025/05/new-features-in-the-plus-addons-for-elementor-1-1024x1024.png)](https://theplusaddons.com/) ## 📖 — Latest Reads - [How to Fix Elementor ‘Invalid template type’ Error](https://theplusaddons.com/blog/how-to-fix-elementor-invalid-template-type-error/) - [How to Add Logo Slider in WordPress](https://theplusaddons.com/blog/how-to-add-logo-slider-in-wordpress/) - [10 Best Managed Hosting for WordPress](https://theplusaddons.com/blog/best-managed-hosting-for-wordpress/) - [5 Best WordPress Product Review Plugins](https://theplusaddons.com/blog/best-wordpress-product-review-plugins/) - [How to Design WooCommerce Empty Cart Page](https://theplusaddons.com/blog/how-to-design-woocommerce-empty-cart-page/) ## 📹— Video Tutorials [![](https://theplusaddons.com/wp-content/uploads/2025/05/CTA-background-video.jpg)](https://www.youtube.com/watch?v=4Rq1Rr0ouz4) [![](https://theplusaddons.com/wp-content/uploads/2025/05/rating-badge-video.jpg)](https://www.youtube.com/watch?v=8kAHaYceMSc) [![](https://theplusaddons.com/wp-content/uploads/2025/05/block-ip-address-video.jpg)](https://www.youtube.com/watch?v=w7yhRANUUvc) [![](https://theplusaddons.com/wp-content/uploads/2025/05/best-mega-menu-plugins.jpg)](https://www.youtube.com/watch?v=w7yhRANUUvc) [![](https://theplusaddons.com/wp-content/uploads/2025/05/wordpress-hosting-video-1-1.jpg)](https://youtu.be/Y_IdAXT4OKY?feature=shared) ## 🗞️ — WordPress & Tech Bytes - WordPress [**released version 6.8, “Cecil**](https://wordpress.org/news/2025/04/cecil/),” on April 15, 2025, honoring jazz pianist Cecil Taylor. This update brings notable improvements in performance, stronger password security, and a more streamlined, accessible editing experience. - WordPress.com launched a [**free AI-powered website builder**](https://wordpress.com/blog/2025/04/09/ai-website-builder/) that creates complete websites based on a simple text prompt. It generates layouts, images, and content instantly, helping users quickly build personal or business sites, though it's not yet suited for e-commerce or advanced features. - Elementor has introduced [**Editable Blocks and AI-Generated Logos**](https://elementor.com/blog/editable_blocks_ai_generated_logos/) to help users quickly build websites. These tools allow easy drag-and-drop customization and generate unique logos based on brand details, streamlining the design process. - Elementor updated its Hello Biz theme, [**introducing a new Contact Widget**](https://elementor.com/blog/hello-biz-theme-updates-contact-widget-visual-layout-selection-form-submissions/) with built-in map layouts, Visual Layout Presets for faster design, and integrated Form Submissions (via Elementor Pro) to streamline lead management. - WooCommerce [**released version 9.8.3**](https://developer.woocommerce.com/2025/04/30/woocommerce-9-8-3-dot-release/), addressing two key issues: it prevents duplicate scheduled actions for product transients and fixes a validation bug with hidden postcode fields in the Checkout block. - Google enhanced its AI Mode in Search by introducing [**image-based queries**](https://www.searchenginejournal.com/google-adds-image-search-to-ai-mode/543802/), allowing users to upload photos and ask questions about them. This multimodal feature combines Google Lens with Gemini AI and is now available to more users in the U.S. - Google's Danny Sullivan stated that [**adding new topics to a website**](https://www.searchenginejournal.com/google-says-what-happens-when-websites-add-new-topics/543428/) won't hurt rankings but may initially confuse its systems. Over time, Google will assess whether the new content aligns with the site's quality and focus. - Google's Danny Sullivan warned that [**mass content generation**](https://www.searchenginejournal.com/google-on-scaled-content-its-going-to-be-an-issue/543308/), whether through AI or automation, can lead to penalties for low-quality, spammy content. Google now focuses on demoting such content to maintain high-quality search results. - Google’s John Mueller explained that a minimal [l**anding page can rank for e-commerce **](https://www.searchenginejournal.com/google-answers-why-landing-page-ranks-for-an-e-commerce-query/545741/)queries if it inherits authority and backlinks from a previous domain, even after a redirect. ## 🔥 — Tool of the Month **[Icegram Express](https://wordpress.org/plugins/email-subscribers/)** is a powerful, all-in-one email marketing and newsletter plugin for WordPress. It’s designed to build and manage email lists, send engaging newsletters, and automate email campaigns, all without needing third-party email marketing services. This tool is perfect for bloggers, small business owners, and creators who want to grow and engage their audience with a self-hosted email solution, with no need for third-party platforms. ![](https://theplusaddons.com/wp-content/uploads/2025/05/icegram-express-1024x768.png) ## 🗣️— Word of the Month ### Great range of widgets and excellent support *We’ve been using The Plus and The Plus Pro for the past 4 years – we always manage to find a widget in their toolbox to meet our needs. We recently experienced an issue with WPML translations of The Plus widgets on our multilingual website. The support team were very open, responsive and dedicated to fixing the issues across all the widgets. Thanks to all involved!* #### [*~@flaxandstitch*](https://wordpress.org/support/topic/great-range-of-widgets-and-excellent-support/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # How to Setup Elementor Form Email Notification Source: https://theplusaddons.com/blog/how-to-setup-elementor-form-email-notification/ Not being able to setup Elementor form email notifications can be a major issue, especially if you rely on them for updates on sign-ups, inquiries, or feedback.  If your emails aren’t coming through, it could be due to misconfigured settings, server issues, or spam filters. This can lead to missed leads and hurt your business.  Many WordPress beginners can struggle with this despite setting up their forms correctly. In this blog, we will define Elementor form email notifications and walk you through the troubleshooting process.  We will conclude with a guide on setting up email delivery using the Form Builder widget from The Plus Addons for Elementor.  Let’s get started! ## Key Takeaways - Use Form Builder widget by The Plus Addons for Elementor. - Configure email settings like recipient, subject, and sender. - Test delivery and use SMTP to avoid spam issues. ## What is Elementor Form Email Notification? An Elementor form email notification is an automated email sent out to you, a website visitor, or both, after the visitor submits a response to an Elementor form.  They help you stay on top of new inquiries, registrations, or feedback. These notifications keep you and the visitor updated, so that everyone’s in the know. ## How Elementor Sends Email Notifications? Elementor uses the **wp_mail()** function to send out emails, which is built into WordPress by default. After receiving a form submission, this function sends the email notification using the hosting server’s mail-sending feature.  Although this is sufficient for basic functions, it lacks authentication, which can cause issues with the sent email actually being delivered. ## What are the Common Issues with Elementor Form Emails? If your Elementor email forms are not sending, there are usually a few common problems that are behind them: ### 1. Elementor Form Errors The first and most common cause of email delivery issues is an error in the Elementor form.  Make sure that all Field IDs are correct, that the email addresses have no typing errors, and that no required fields are left empty. ### 2. Spam Issues It is likely that emails sent end up in spam folders if they are sent through hosting providers without authentication.  An [SMTP plugin](https://wordpress.org/plugins/wp-mail-smtp/) is a quick and easy fix, as it allows you to send your email through a third-party delivery service.  *Getting spam form submissions? Here’s how to* [***stop Elementor form spam completely**.*](https://theplusaddons.com/blog/elementor-contact-form-spam/) ### 3. Plugin Conflicts Some plugins can interfere with how your form submissions function. Use compatible themes and plugins to avoid this.  If you suspect that plugin conflicts are interfering with your email notifications, try a plugin conflict test method.  Deactivate all non-essential plugins, perform an email delivery verification, and reactivate them one at a time to figure out the root of the plugin conflict. ### 4. Hosting Provider Restrictions  Another reason why your Elementor form is not sending emails could be that your hosting provider has a poor “email reputation” and is blocklisted.  Some hosts can also limit how many emails you can send out in the backend. Choose higher-quality hosting services, especially those optimised for WordPress, to circumvent these issues. Fixing these common problems can help you reliably receive form submissions by email, so you don’t miss out on the important stuff. ## How to Configure Elementor Form Email Notifications Step-by-Step The easiest way to set up Elementor form email notifications is to use the [**Form Builder**](https://theplusaddons.com/elementor-builder/form-builder/) widget from The Plus Addons for Elementor. ### Step 1: Add Form Builder Widget To Page #### a. Activate the Widget From your WordPress dashboard, navigate to the “The Plus Addons” screen. Search for the widget by entering “Form”. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Activate-form-widget-1024x374.png) Here, you will find the “Form” widget along with a toggle switch. Turn it on to activate the widget. #### b. Add Widget to Page Navigate to the “Pages” screen by selecting the option from the menu on the left. Here, select the page you want to edit, and click on “Edit with Elementor”. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Add-widget-to-page.png) Find the Search field in the menu on the left. Type in “Form” and press Enter. Select the “Form” option, which is the widget developed by The Plus Addons. It is highlighted in the image below.  Drag and drop it onto the screen. Voila! This will add the widget to your page. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Drag-n-Drop-form-widget.png) ***People Also Read:**** *[*How to Fix Elementor Contact Form Not Sending Emails*](https://theplusaddons.com/blog/fix-elementor-contact-form-not-sending-emails/). ### Step 2: Find The Email Settings Navigate to the “Content” tab and find the Email Settings options. Click it. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Find-email-settings.png) ### Step 3: Configure Email Settings Here, in the “To” section, you can configure email settings as you wish.  Enter the email address where you want to receive the notification, the subject line, the email heading, and even a message to personalize the content. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Configure-email-settings.png) You can add more email addresses in the “CC” and “BCC” sections. - CC can send email copies to multiple people - BCC can also send email copies to multiple people, while keeping recipients hidden from each other. *Need a quick way to add custom designs to your site? Learn* [***how to display Elementor templates using a shortcode***](https://theplusaddons.com/blog/display-elementor-templates-using-shortcode/)* here.* ### Step 4: Customize Further You can customize the email further by changing the designated sender email address, adding a name that shows as the sender, and a reply-to section specifying where email replies are to be redirected. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-further.png) ### Step 5: Verify Email Delivery Make sure everything is working smoothly and in sync by verifying email delivery through testing.  To verify that email notifications are working as expected, perform a test submission to check if you received the email as you personalized it.  Use real email addresses across different devices like phones and desktops. When you test email delivery, you might notice that the default email includes the text “Powered by: Elementor” at the end.  *If you prefer to remove this branding, refer to this guide on* [***how to remove “Powered by: Elementor”***](https://theplusaddons.com/blog/remove-powered-by-elementor-in-forms-email/)* in the form's email.* ## Wrapping Up Properly setting up your Elementor form email notification is a key step in receiving timely form submissions and relevant updates. Check the right email addresses and sender names, double-check spam folders, and choose to use an SMTP plugin. Finally, test your form thoroughly after setup.  And if you’re looking for a faster, simpler way of handling forms, use the [**Form builder by The Plus Addons for Elementor**](https://theplusaddons.com/elementor-builder/form-builder/).  Sending email confirmations with Elementor forms has never been easier! The Plus Addons for Elementor is the perfect plugin for your Elementor needs.  With a collection of 120+ Elementor widgets, including the Form Builder, Testimonial Grid, Progress Bar, Pricing List, and more, The Plus Addons allows full freedom when it comes to website design.  Now, take your Elementor experience to the next level. ## FAQs on Elementor Form Email Notifications ### Why is the Elementor form not sending email? If you are unable to send email confirmations with Elementor forms, the emails might be landing in the spam folder or getting rejected altogether. Another reason could be that your Elementor form might have configuration issues, like plugin conflicts or incorrect field IDs. ### How do I prevent Elementor form emails from going to spam? If Elementor form emails are directly going to the spam folder, it can be due to the default PHP mail function, which tends to be blocked by email providers. Setting up a plugin like Post SMTP routes emails through secure servers, ensuring correct email delivery. ### Can I customize the Email content sent by Elementor forms? Yes, you can change the content of emails sent by Elementor forms within The Plus Addons’ Form Widget. In the “Email Settings” tab, you can customize the subject, heading, and messages, set a reply-to address, and specify the recipients’ email addresses as you prefer. ### Do I need an SMTP plugin to send Elementor form emails reliably? While it is possible to send emails without an SMTP (Simple Mail Transfer Protocol) plugin, using it can greatly reduce the risk of spam issues. It will ensure you avoid the problem of the Elementor form not sending out emails correctly. ### Can I send multiple email notifications from a single Elementor form? Yes, you can send multiple email notifications using a single Elementor form. You can do this by adding multiple email addresses in the Elementor form Email Settings described above or using the CC and BCC options to add more recipients. --- # 5 Best Social Login Plugins for WordPress Source: https://theplusaddons.com/blog/best-social-login-plugins-for-wordpress/ Struggling with visitors abandoning your site because of long, complicated registration processes? Many websites face this challenge, especially when users are forced to create yet another username and password. The good news is, if you’re using WordPress, there’s an easy way to simplify sign-ins and keep your visitors engaged: social login plugins. By allowing users to log in quickly through their existing social media accounts, these plugins eliminate the hassle of remembering extra passwords and speed up access to your site.  This not only improves the user experience but also boosts the chances that visitors will stick around and interact more with your content.  In this blog, we’ll be sharing the best social login plugins for WordPress sites that will help you improve the user experience. Let’s get started! ## What is a Social Login Plugin for WordPress? A WordPress social login plugin allows users to register, sign in, or even comment on your website** **using their existing social media credentials, such as **Facebook, Google, Twitter, LinkedIn, Apple**, and more.  Instead of filling out lengthy registration forms or remembering yet another password, visitors can simply click a button and get instant access. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Login-form-demo-1024x491.png) *Image taken from the Demos of the *[*Login Form*](https://theplusaddons.com/elementor-widget/elementor-login-form/)* Widget by The Plus Addons for Elementor* ### Why Should You Use a Social Login Plugin? The social login plugins offer several key advantages: - **Streamlined User Experience**: Users can log in with just a click, removing friction during the sign-up process, especially useful for mobile users. - **Faster Onboarding**: Reduces the time it takes to register, leading to higher conversion rates and lower bounce rates on your login or sign-up pages. - **Reduced Password Fatigue**: Visitors don’t need to remember multiple usernames and passwords for different sites, which increases the likelihood they’ll return. - **Improved Trust and Credibility**: Recognizable login options like “Continue with Google” or “Sign in with Facebook” often feel more secure to users, boosting trust. - **Better User Data**: Many plugins let you retrieve verified user details, like names and profile pictures, which can help personalize the experience on your site. - **Seamless Integration**: Most plugins support integration with WordPress forms, comment sections, membership sites, and even WooCommerce checkouts. - **Multi-Platform Support**: Some tools allow logging in with not just social accounts but also services like GitHub, Microsoft, or even Discord—ideal for niche communities. Whether you run a blog, an eCommerce store, a membership site, or a community platform, a social login plugin helps eliminate sign-up barriers and encourages faster, more frequent interactions. ## Best WordPress Social Login Plugins Compared | **Sl. No.** | **Plugin Name** | **Pricing starts at** | | ----------- | --------------- | --------------------- | | 1 | Login Form Widget by The Plus Addons | Free + $39/yr for 1 site | | 2 | Nextend Social Login and Register | Free  + $49 (one-time payment) for 1 site | | 3 | miniOrange Social Login and Register | Free + $89 per instance | | 4 | Super Socializer | Free | | 5 | LoginPress | Free + $39/yr | ### 1. Login Form Widget by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2025/05/Login-Form-by-The-Plus-Addons-1024x556.png) The [Login Form widget by The Plus Addons](https://theplusaddons.com/elementor-widget/elementor-login-form/) is a useful tool if you want to add login and registration forms easily without needing to code.  You can customize the forms to fit the look of your website. This widget supports social login options, making it simpler for your users to sign in using platforms like Facebook or Google.  It also allows you to create pop-up login forms and user panels, improving user experience. You can manage the login buttons' text and design to match your site's style. This makes the widget flexible for various website themes. #### Key Features of The Plus Addons Login Form for Elementor - Supports social login from popular platforms - Customizable login and registration forms - Works smoothly with Elementor page builder - Allows building pop-up login forms for better user interaction - No coding needed to set up #### Pricing of The Plus Addons Login Form for Elementor The Plus Addons offers free and premium plans. The premium version includes full access to all widgets, templates, and advanced features. Pricing starts around $39 per year for a single site license. ### 2. Nextend Social Login and Register ![](https://theplusaddons.com/wp-content/uploads/2025/05/Nextend-1024x451.png) [Nextend Social Login and Register](https://wordpress.org/plugins/nextend-facebook-connect/) is a popular WordPress plugin that lets your visitors sign up or log in using their social media accounts.  This can make the registration process faster and easier for your users. It integrates well with most themes and works smoothly without requiring a complex setup. You can offer your users a seamless login experience, which can help increase user engagement on your site.  #### Key Features of Nextend Social Login and Register - Allows login and registration using Facebook, Google, and X accounts - Easy setup and user-friendly interface - Customizable login buttons to fit your site design - Translation-ready plugin - Free version available with essential features #### Pricing of Nextend Social Login and Register The paid plans of Nextend Social Login and Register start at $49 (one-time payment) for 1 site. ### 3. miniOrange Social Login and Register ![](https://theplusaddons.com/wp-content/uploads/2025/05/miniorange-1024x460.png) [miniOrange Social Login and Register](https://wordpress.org/plugins/miniorange-login-openid/) lets you add social login options to your WordPress website.  Users can sign in or register using popular platforms like Google, Facebook, Twitter, Apple, Discord, and LinkedIn. This makes the login process faster and easier for your visitors. The plugin also supports social sharing and commenting. This helps increase interaction on your site by allowing users to engage quickly without creating new accounts. You can customize the login buttons to match your site's design. It also includes security features to keep user data safe. #### Key Features of miniOrange Social Login and Register - Supports login and registration through multiple social media platforms such as Discord, Facebook, Google, LinkedIn, GitHub, and X - Provides social sharing icons and social commenting options - Customizable login button styles - Compatible with many WordPress themes and plugins - Includes security measures for user data ***Recommended Read:**** *[*How to create Elementor Login, Register & Forgot Password Form Page with Facebook & Google Logins*](https://theplusaddons.com/docs/create-elementor-login-register-forgot-password-form-page-facebook-google-logins/) #### Pricing of miniOrange Social Login and Register The paid plans of miniOrange Social Login start at $89 per instance. You can pick a plan based on your site’s needs. ### 4. Super Socializer ![](https://theplusaddons.com/wp-content/uploads/2025/05/Super-socializer-1024x423.png) [Super Socializer](https://wordpress.org/plugins/super-socializer/) is a WordPress plugin that combines social login, social sharing, and social comments in one tool. It allows your visitors to sign in using their social media accounts.  This can help you increase user engagement on your site. You can also add social sharing buttons so users can share your content easily. The plugin supports many social networks like Facebook, Google, Twitter, and LinkedIn. The setup is simple, making it accessible even if you are not very tech-savvy. It is lightweight and works well with most WordPress themes. #### Key Features of Super Socializer - Social login with multiple social media platforms - Social sharing buttons to increase content reach - Social comments to enable user interaction - Supports major social networks like Facebook, Google, and Twitter - Works well with other WordPress plugins and themes #### Pricing of Super Socializer Super Socializer is free to use. You can download it from the WordPress plugin directory without any cost. Additional features or support may require paid plans or addons. *Looking for the best tools to manage user sign-ups on WordPress? Check this out - *[***6 Best WordPress User Registration Plugins [Ranked]***](https://theplusaddons.com/blog/best-wordpress-user-registration-plugins/) ### 5. LoginPress ![](https://theplusaddons.com/wp-content/uploads/2025/05/Loginpress-1024x441.png) [LoginPress](https://wordpress.org/plugins/loginpress/) is a plugin that helps you customize your WordPress login page easily. You can change the look and feel to match your brand or website style. It also supports social login options, allowing users to sign in using their social media accounts. This makes logging in faster and more convenient for your visitors. You will find tools to improve the security of your login page, helping to protect your website from unauthorized access. #### Key Features of LoginPress - Customize login, admin, and register page layouts without coding - Add social login buttons for popular platforms - Enhance login page security with various options - User-friendly interface for easy design changes - Options to display custom messages and alerts ***Recommended Read: ***[*How to Add Facebook Login on WordPress [Step by Step Guide]*](https://theplusaddons.com/blog/how-to-add-facebook-login-on-wordpress/) #### Pricing of LoginPress LoginPress offers a free version with basic features. For more advanced tools and social login options, you can upgrade to the premium version starting at around $39 per year. ## What Features to Look For in a Social Login Plugin for WordPress? Here are some important features to look for while choosing a social login plugin for your WordPress site: - Supports major platforms like Facebook, Google, Twitter, LinkedIn, and Instagram for quick logins. - Compatible with your WordPress version, themes, and mobile-friendly. - Complies with data privacy laws like GDPR and CCPA. - Includes user consent options and data control features. - Secures login info with encryption (e.g., SSL). - Customizable login forms to match your site’s style. - Offers multilingual support with easy setup. ## Wrapping Up: Which Social Login Plugin Is Right for You? At the end of the day, adding a social login feature to your WordPress site isn’t just about convenience; it’s about creating a smoother, faster, and more enjoyable experience for your visitors.  Whether you're running a personal blog, an eCommerce store, or a full-blown online community, the right social login plugin for your WordPress can be a game-changer. We’d recommend using the [**Login Form widget by The Plus Addons**](https://theplusaddons.com/elementor-widget/elementor-login-form/) as it ticks all the boxes mentioned in the previous section. Test it out and watch your sign-ups and engagement climb. Not just that, the Login Form widget is just the beginning. This plugin gives you access to over **120 Elementor widgets** and **1,000+ stunning templates** to design every part of your website from headers and footers to dynamic blog layouts, sliders, popups, and so much more. So if you want to build smarter, faster, and better inside Elementor with pro-level design flexibility and zero coding, [**The Plus Addons for Elementor**](https://theplusaddons.com/)** **is worth a try. ## FAQs on Social Login Plugins for WordPress ### Why should I add social login to my WordPress site? Adding social login makes it faster and easier for users to register or log in, which improves user experience, boosts sign-ups, and increases user engagement on your website. ### Is social login safe for my WordPress site? Yes, when you use trusted social login plugins, they use secure OAuth authentication, which keeps user data protected. Always choose reputable plugins that prioritize security. ### Can I allow login from multiple social media platforms? Yes! Most social login plugins like the Login Form widget by The Plus Addons for Elementor let you enable login options from several platforms at once, like Facebook and Google. ### Do social login plugins work with membership or community sites? Absolutely. Social login plugins are a great fit for membership websites, BuddyPress communities, eCommerce stores (like WooCommerce), forums, and blogs where user interaction is important. ### Will using social login slow down my WordPress website? A good social login plugin is lightweight and optimized for speed. However, poorly coded plugins might add extra load time, so it’s important to pick a well-reviewed and updated plugin. ### Can I customize the look of social login buttons on my site? Yes, many plugins like the [Login Form](https://theplusaddons.com/elementor-widget/elementor-login-form/) widget by The Plus Addons for Elementor let you customize the appearance of social login buttons so they match your website’s design and branding. ### What happens if a user’s social media account gets deleted? If a user deletes their linked social media account, they may lose access through that method. Many plugins offer backup options, like linking an email address to the account, to prevent losing access. --- # How to Design WooCommerce Empty Cart Page Source: https://theplusaddons.com/blog/how-to-design-woocommerce-empty-cart-page/ Looking to design your WooCommerce empty cart page? This blog is for you. By default, WooCommerce’s empty cart page is bland and uninspiring. It is often the first thing new visitors see after clicking the cart icon, but it does little to re-engage shoppers or nudge them toward products they might love. But with a little thoughtful design that includes branding, helpful messaging, and maybe even product suggestions, you can turn this often-overlooked page into a powerful tool to convert website visitors. Fortunately, designing a WooCommerce empty cart page is pretty easy, especially with The Plus Addons with Elementor, which gives you greater control over the functionality and customization of the cart page. In this article, we’ll explore how you can edit and create a visually attractive WooCommerce empty cart page in Elementor without writing a single line of code. ## Key Takeaways - Make the empty cart page engaging to keep users shopping and maintain brand consistency. - Use The Plus Addons Woo Cart widget for easy no-code customization of content, style, and layout. - Add messages, icons, and call-to-actions to encourage visitors and improve user experience. ## Why Should You Design the Empty Cart Page in WooCommerce? It’s easy to ignore the empty cart page as it only shows up when someone clicks on the cart icon and hasn’t added anything to it yet or removed all the items. But it’s still a crucial customer touchpoint that can affect your customer’s journey to conversion. By default, the empty cart page on a WooCommerce shop simply states, ‘Your cart is currently empty’ and includes no design or visual elements to make it interactive. For your online store, this page means an excellent opportunity to encourage the website visitor to take a certain action or direct them to conversion. Not to mention, a plain and minimal empty cart page will not fit with your branding and site’s overall design, making the visitors question the store’s credibility. Here, **designing your WooCommerce empty cart page can help you**- - Keep users engaged when they hit a blank cart - Promote popular products or offer incentives to continue shopping - Maintain consistent branding throughout the buying journey - Improve overall user experience and reduce bounce rates A well-designed and optimized WooCommerce empty cart template allows you to offer a stronger, more seamless shopping experience that encourages users to act. *Build a highly engaging, smooth, and powerful online store in WooCommerce. Learn about the *[***7 Best WooCommerce Builders***](https://theplusaddons.com/blog/best-woocommerce-builders/)* and get started.* ## How To Design WooCommerce Empty Cart Page [Step-by-Step] If your WooCommerce cart page is empty, designing it is a simple and straightforward process without any coding. While WooCommerce offers built-in features to create a stunning cart on an empty page, it limits you to basic customizations for text or color. Instead, the [**Woo Cart**](https://theplusaddons.com/elementor-builder/woocommerce-builder/cart-page/) widget from WooCommerce Builder by The Plus Addons for Elementor offers you a simple, quick, and intuitive way to edit your empty cart page. The widget unlocks complete customization capabilities with pre-built layouts, interactive design elements, styling options, and more. Let’s dive into the step-by-step process to design a WooCommerce empty cart page using The Plus Addons for Elementor- ### Step 1: Install and activate The Plus Addons for Elementor To get started, go to ***Plugins > Add New Plugin*** and search for **The Plus Addons for Elementor**. Install and activate the plugin. ### Step 2: Activate the Woo Cart widget Back on your WordPress dashboard, go to ***The Plus Addons > Widgets*** and search for **Woo Cart**. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Activate-Woo-Cart-1024x407.png) Click on the toggle to activate the widget. ### Step 3: Create or Edit Your Cart Page in Elementor Go to ***Pages*** in your WordPress dashboard and find your WooCommerce cart page. Open it and click on ***Edit with Elementor***. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Drag-and-drop-woo-cart-widget-in-editor-1024x481.png) Now, add the Woo Cart widget by dragging and dropping it into the editor. **This is what it will look like-** ![](https://theplusaddons.com/wp-content/uploads/2025/04/Woo-cart-widget-1024x437.png) *Accidentally deleted your pages? Don't worry, here's *[***How to Regenerate Missing WooCommerce Pages***](https://theplusaddons.com/blog/regenerate-missing-woocommerce-pages/)*.* ### Step 4: Customize Empty Cart Content You can start by editing the content to design the empty cart page in [WooCommerce](https://www.frip.in/wordpress-woocommerce-plugins-and-extensions/). Under the ***Content**** *section, you will find the ***Layout*** tab that lets you select the layout for the cart page. In the ***Layout**** *tab, you have two options- - ***Default****,* which allows you to show all the sections of the cart page - ***Custom****, *which lets you customize the sections you want to show ![](https://theplusaddons.com/wp-content/uploads/2025/04/Layout-options-1024x427.png) When you choose the ***Default*** option, you will find the following list of sections for your cart page under the ***Cart with Items*** tab- - **Display cart:** You can choose to show or hide cart sections with items - **Display cross-sell:** This lets you display cross-sells to improve the chances of conversion. - **Hide coupon option:** Show or hide the coupon option. - **Display cart total:** With this, you can display or hide the cart total on the page. - **Full-width cart total:** This option allows you to make the cart total section full-width. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Default-layout-options-1024x464.png) Alternatively, when you select the ***Custom**** *option from the ***Layout**** *tab, you can choose which sections you want to show. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Custom-layout-options.png) Click on the first item, and from the Select dropdown, you will have to select the cart page sections you want to display. These include ***Cart Data*** to display the different cart items, ***Cart Total*** to display the total value of the cart, and ***Checkout Button*** to display the checkout button. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Cart-data-1.png) You can easily customize the section width to display on different devices to make your WooCommerce empty cart page more responsive. You can add more items to the cart page by clicking on ‘***+ Add Item****’ *and rearranging the sections based on the page design. Next, you can add a custom WooCommerce empty cart message under the ***Empty Cart**** *tab and choose a custom icon. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Empty-cart-tab.png) Finally, under the ***Extra Options*** tab, you can add custom icons to different sections of your cart page. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Extra-options.png) *Did you know sometimes your WooCommerce order emails are not sent to customers affecting their experience? Don't worry, here's **[How to Fix WooCommerce Not Sending Order Emails](https://theplusaddons.com/blog/fixing-woocommerce-not-sending-order-emails/)** step by step.* ### Step 5: Style the WooCommerce Empty Cart Page Woo Cart from The Plus Addons for Elementor gives you complete control over the style and customization of your WooCommerce cart page. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-empty-cart.png) Once you have added the content, simply go to the ***Style*** section on the left, where you can customize the typography, colors, borders, padding, button width, text color, and more for your empty cart, product list, apply coupon, update cart button, proceed to checkout button, and cart total sections. ![](https://theplusaddons.com/wp-content/uploads/2025/04/More-styling-options.png) You can also customize the ***message box**** on* the cart page and the content background. And done. You’ve now got a fully customized WooCommerce empty cart page without any coding. *Create and launch a beautiful WooCommerce store with responsive themes to grab visitor attention instantly. Check out the *[***Best WooCommerce Elementor Themes**.*](https://theplusaddons.com/blog/best-woocommerce-elementor-themes/) ## Wrapping Up Designing your WooCommerce empty cart page is an important aspect of ensuring an intuitive and visually engaging online store. While you can achieve this with WooCommerce’s built-in customizations, the Woo Cart widget with The Plus Addons for Elementor allows you to fully customize the empty cart page experience without writing a single line of code. From updating the messaging and CTA to styling the layout and content to match your brand, you can easily turn the boring cart-empty page into a stunning page that encourages your visitors to do more. The Plus Addons for Elementor offers a complete [**WooCommerce Builder**](https://theplusaddons.com/elementor-builder/woocommerce-builder/), so you can design product pages, shop layouts, carts, checkout, and more, all visually. Plus, with more than 120 powerful widgets, you can enhance every corner of your site, from advanced navigation and dynamic listings to beautiful forms and popups. ## FAQs on Designing WooCommerce Empty Cart Page ### Can I add custom text or images to the WooCommerce empty cart page? Using the Woo Cart widget from The Plus Addons for Elementor, you can easily add custom text, images, icons, or even animation to your empty cart page and make it more interactive. ### Is it possible to use Elementor to design the empty cart page in WooCommerce? Yes. With the help of The Plus Addons for Elementor, you can design the entire cart page, including the empty cart directly inside Elementor. The Woo Cart widget gives you full control over the content and style of the cart page layout. ### Can I add a call-to-action button on the WooCommerce empty cart page? The Woo Cart widget lets you add a customizable call-to-action (CTA) button, which you can link to your shop, product categories, or special offers. It’s a great way to guide users back into your shopping flow. ### What are the best practices for designing an engaging WooCommerce empty cart page? To design an engaging WooCommerce empty cart page, use friendly, custom messaging instead of the default text and add visuals like icons or illustrations to make the page feel more inviting. Plus, it is also important to keep the page layout clean, responsive, and consistent with your store’s style. ### Can I show a custom layout using a page builder for an empty WooCommerce cart? Yes, with The Plus Addons for Elementor’s WooCommerce Builder, you can create completely custom layouts for every WooCommerce page, including the empty cart. You can build the layout exactly how you want: add sections, columns, product grids, banners, and more using drag-and-drop tools. --- # How to Fix Elementor ‘Invalid template type’ Error Source: https://theplusaddons.com/blog/how-to-fix-elementor-invalid-template-type-error/ Want to avoid running into the Elementor invalid template type error while designing your website? Find out how! Templates are a huge time-saver. They help you launch pages faster without building everything from scratch. However, when there's a mismatch in the template type, or the file extension isn’t supported, especially during JSON template file imports, you’ll see the invalid template type error. It often shows up as an error message or popup that stops you from importing your layout and disrupts your entire design flow. ![](https://theplusaddons.com/wp-content/uploads/2025/04/an-error-message-or-popup.jpg) In this blog, you’ll learn what triggers this issue and how to fix it using 9 easy methods. ## What Causes the 'Invalid template type' Error in Elementor? You might run into the invalid template type error when importing [**Elementor templates**](https://theplusaddons.com/blog/how-to-use-elementor-templates/) into your site, especially if something doesn’t match in the backend. Here's what might be causing this issue: ### 1. Wrong File Type or Format This error often pops up when you import the wrong kind of file. Elementor expects a .json template file for individual templates. If you upload a .zip extension or try to load an entire template kit into a section meant for a single template, it won’t work. This mismatch leads to an error message that blocks the import. ### 2. Missing Widgets or Incompatible Extensions If the template you’re importing includes elements created using third-party extensions or custom widgets, and your site doesn’t have them installed, the layout won’t load correctly. This can trigger the invalid template type message or leave you with a broken design structure. ### 3. Version Incompatibility An outdated version of Elementor or Elementor Pro can cause issues with newer template files. Templates built with the latest features won’t load on older setups, especially if the file format relies on a stable version of the builder. Keeping your tools updated helps avoid this. ### 4. Theme or Post Type Conflicts Some ready-made templates are built for specific custom post types, layout structures or themes. For example, trying to import a single-page template where an archive template is expected can confuse Elementor and cause an internal error. ### 5. Server Limitations Sometimes the issue isn’t with the template file, it could be a server error. Low PHP memory limits or upload restrictions can interrupt the import process and lead to an error popup. Checking server configurations usually resolves this. ***Suggested Read:**** *[*How to Increase WordPress PHP Memory Limit [4 Easy Methods]*](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/) ## How to Fix Elementor 'Invalid template type' Error [Working Ways] Seeing the Elementor invalid template type error while importing a template? It usually happens when there's a mismatch between the file you're uploading and what Elementor expects. Here are 9 different ways to fix this error: ### 1. Make Sure to Import the Correct File Elementor only accepts specific formats during import. If you're uploading a .zip extension where a .json template file is expected, or vice versa, you’ll see an error popup. This typically happens when users try uploading Template Kits or pre-designed template kits without using the correct method. Always check the format and import it in the right section of the Elementor interface. For single templates like block templates or content block templates, use the ***Templates > Import Templates*** option. For full kits, follow the plugin's guided install flow. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Make-Sure-to-Import-the-Correct-File.png) ### 2. Check Elementor Pro Installation Templates built with **[Elementor Pro](https://go.posimyth.com/recommends/elementor/)** features, like headers, footers, or WooCommerce templates, require the Pro version to function. If Elementor Pro isn’t installed or the license isn’t connected, the import won’t work. Go to your ***WordPress dashboard > Plugins***. Make sure Elementor Pro is listed and the plugin is active. Then head to ***Elementor > License*** to confirm it’s connected. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Check-Elementor-Pro-Installation.png) ### 3. Check Addons Widgets Used and Compatibility Templates may include widgets from Elementor addons. If those widgets aren’t available on your site, Elementor may show invalid post type feedback or fail to render parts of the layout. Before importing, make sure the same addons are present and install them if they are not. Using fully compatible addons like [**The Plus Addons**](https://theplusaddons.com/) ensures support for a wide range of template kits and avoids plugin-related errors. ### 4. Update Elementor and Elementor Pro Outdated Elementor versions can’t always process newer templates, especially those created using recent features. This causes common errors like the invalid type issue. To update, go to ***Dashboard > Plugins*** and look for [**Elementor and Elementor Pro**](https://theplusaddons.com/blog/elementor-free-vs-pro/). Apply any pending plugin updates. Keeping both plugins on the latest version helps you avoid interface issues or import template capability failures. ### 5. Clear Cache Corrupt or outdated cache can block Elementor from recognizing new template files. Even if your import is correct, Elementor might still read older data. To [**clear your Elementor cache**](https://theplusaddons.com/blog/how-to-clear-elementor-cache/) go to Elementor > Tools > Regenerate CSS & Data. You should also clear any cache created by your caching plugin. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Clear-Cache.png) ### 6. Check Server Configuration Sometimes, the issue isn’t Elementor, it’s your server. Elementor needs the right environment to run smoothly. Missing libraries or low resource limits can cause timeout errors or cURL errors during template import. Make sure your hosting uses PHP 7.4 or higher, has the cURL library enabled, and supports large file uploads. You’ll also want to increase the PHP Memory Limit and Max Post Size in your php.ini or ask your host to help. *Dealing with server issues? Learn *[***how to fix the 500 Internal Server Error in WordPress****.*](https://theplusaddons.com/blog/fix-500-internal-server-error-in-wordpress/) ### 7. Check Theme Compatibility Templates may rely on specific custom post types, layout structures, or widget areas. If your theme doesn't support them, you might get the invalid template type error or a broken layout. Switch to a theme that’s lightweight and built for page builders. You can test imports using a blank theme like Hello Elementor to check whether the issue is theme-related. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Check-Theme-Compatibility.png) *Looking for Elementor themes for your WordPress website? Here are the *[***5 best Elementor Themes****!*](https://theplusaddons.com/blog/best-elementor-themes/) ### 8. Contact Your Host If none of the above steps work, reach out to your [**hosting provider**](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/). Sometimes, host-related issue, like upload limits, blocked file types, or disabled PHP functions, interfere with template imports. Explain the issue and ask your host to check the error logs or adjust server settings if needed. They can help identify if it’s a server block or a permission-related error. ### 9. Check for Plugin Conflicts Conflicting plugins can also stop templates from loading correctly. Disable all plugins except Elementor and Elementor Pro, then try importing the template. If the import works, reactivate your plugins one at a time to find the source of the conflict. This step helps isolate issues caused by plugin overload or incompatible extensions. Firewall plugins may sometimes cause other plugins, themes and templates issues. Check if the template error is an issue with firewall plugin by disabling it temporarily. *Want to protect your WordPress site from vulnerabilities? Here are *[***free tools to scan your site for vulnerabilities****.*](https://theplusaddons.com/blog/free-tools-to-scan-wordpress-for-vulnerabilities/) ## Wrapping Up The Elementor invalid template type error might seem frustrating, but it’s fixable. From checking file formats and plugin versions to clearing cache and adjusting server settings, you now have multiple ways to solve it. If you’re looking to upgrade your Elementor experience without worrying about compatibility errors, [**The Plus Addons for Elementor**](https://theplusaddons.com/) is the perfect choice. This performance-optimized plugin offers [**120+ widgets**](https://theplusaddons.com/elementor-widgets/) that help enhance your website with absolutely no coding needed. With The Plus Addons, you can design faster using the intuitive drag-and-drop features, improve your page aesthetics, and add advanced functionality easily. ## FAQs on Elementor Invalid Template Type Error ### Can custom post types trigger the "Invalid Template Type" error in Elementor? Yes, importing a template tied to custom post types can lead to the Elementor invalid template type error. This happens when the structure expected by the template, such as a single-page template or archive template, doesn’t exist on the site you're importing it into. ### Does Elementor Pro help prevent the "Invalid Template Type" issue? Elementor Pro helps by enabling advanced Elementor templates like headers, footers, and WooCommerce sections that basic Elementor doesn’t support. Without Pro, templates requiring these features may trigger permission issues, an error message or the page may fail to load completely. ### Can third-party plugins cause Elementor's "Invalid Template Type" error? Yes, ready-made third-party templates and plugins can cause issues if the original template includes widgets or features from addons not installed on your site. If the necessary plugin isn’t active or compatible, you may see an error message or broken layout during the import. ### What are the best practices to avoid template errors in Elementor? To avoid template errors, use the correct JSON template file for your import and keep Elementor and all related addons on a stable version. Clear cache regularly, check PHP memory limits, and verify that your theme and server setup meet Elementor’s requirements. --- # How to Create Portfolio Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-portfolio-website/ Want to showcase your work online but don’t know where to start? A portfolio website is essential, but coding one from scratch can be frustrating. The good news? You don’t have to! This guide walks you through how to create a portfolio website using Elementor in just 10 minutes. With stunning templates and a simple drag-and-drop editor, you can create a sleek, professional portfolio that highlights your skills and projects—without any technical struggles. ## Prerequisites for Creating Portfolio Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Portfolio Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Portfolio website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Portfolio Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Portfolio in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-portfolio-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Portfolio website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Portfolio website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Fitness Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-fitness-website/ Want to grow your fitness brand online but don’t know how to build a website? Coding is time-consuming, and hiring a developer is expensive. The good news? You don’t need either! This guide will show you how to create a fitness website using Elementor in just 10 minutes. With high-energy templates and an easy drag-and-drop editor, you can showcase your training programs, classes, and success stories effortlessly. ## Prerequisites for Creating Fitness Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Fitness Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Fitness website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Fitness Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Fitness in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-fitness-template.png) Scroll through the options, and click on the one that best suits your needs. *Confused which template to pick? Here are the **[Top 3 Elementor Fitness Templates](https://theplusaddons.com/blog/best-elementor-fitness-templates/)** you can consider.* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Fitness website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Fitness website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Yoga Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-yoga-website/ A yoga website should be calming and inviting, but creating one from scratch can feel stressful. Don’t worry—you don’t need to code or hire a developer! This guide walks you through how to create a yoga website using Elementor in just 10 minutes. With soothing, beautifully designed templates and a simple drag-and-drop builder, you can create a peaceful online space for your classes, schedule, and bookings—without any hassle. ## Prerequisites for Creating Yoga Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Yoga Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Yoga website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Yoga Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Yoga in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-yoga-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Yoga website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Yoga website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Sports Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-sports-website/ Need a website for your sports team, club, or event but don’t know where to start? Coding takes time, and hiring a web designer can be expensive. The good news? You can do it yourself—without coding! This guide will teach you how to create a sports website using Elementor in just 10 minutes. With dynamic templates and an easy drag-and-drop editor, you can build an action-packed site that showcases schedules, teams, and events effortlessly. ## Prerequisites for Creating Sports Website Before you get started, double-check that you’ve got everything set up: - A domain name and a solid hosting plan - WordPress up and running - The free version of Elementor installed - Elementor Pro (optional, but super handy for advanced design control) - The Plus Addons for Elementor plugin added to your site - WDesignKit plugin installed for easy access to ready-made templates Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Sports Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Sports website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Sports Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Sports in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-sports-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Sports website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Sports website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Spa Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-spa-website/ Your spa business needs a relaxing online presence, but designing a website from scratch can feel overwhelming. No need to code or hire a developer! This guide will show you how to create a spa website using Elementor in just 10 minutes. With elegant templates and an intuitive drag-and-drop builder, you can create a serene, professional site that showcases your treatments, pricing, and bookings effortlessly. ## Prerequisites for Creating Spa Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Spa Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Spa website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Spa Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Spa in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-spa-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Spa website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Spa website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Salon Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-salon-website/ A stylish salon deserves an equally stylish website, but building one from scratch can be challenging. The good news? You don’t need to code or hire an expensive developer! This guide walks you through *how to create a salon website using Elementor* in just 10 minutes. With trendy templates and an easy drag-and-drop editor, you can showcase your services, pricing, and appointment booking options effortlessly. ## Prerequisites for Creating Salon Website Before you get started, double-check that you’ve got everything set up: - A domain name and a solid hosting plan - WordPress up and running - The free version of Elementor installed - Elementor Pro (optional, but super handy for advanced design control) - The Plus Addons for Elementor plugin added to your site - WDesignKit plugin installed for easy access to ready-made templates Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Salon Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Salon website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Salon Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Salon in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-salon-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Salon website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Salon website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Gardening Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-gardening-website/ Want to showcase your gardening business or blog online but don’t know how to build a website? Coding is complex, and hiring a developer can be costly. But there’s a simple solution! This guide will show you how to create a gardening website using Elementor in just 10 minutes. With nature-inspired templates and an easy drag-and-drop builder, you can design a beautiful site to share tips, services, or portfolio work effortlessly. ## Prerequisites for Creating Gardening Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Gardening Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Gardening website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Gardening Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Gardening in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-gardening-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Gardening website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Gardening website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Cleaning Business Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-cleaning-business-website/ Struggling to get your cleaning business online? A website is essential, but the thought of coding or hiring a developer can be overwhelming. The good news? You don’t need either! In this guide, you’ll discover how to create a cleaning business website using Elementor in just 10 minutes. With easy-to-use templates and a simple drag-and-drop builder, you can build a sleek, professional site fast. Get more clients and grow your business with a stunning online presence. ## Prerequisites for Creating Cleaning Business Website Before diving in, make sure you have: With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Cleaning Business Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Cleaning Business website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Cleaning Business Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Cleaning Business in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-cleaning-business-template.png) Scroll through the options, and click on the one that best suits your needs. If you're aiming for a structured, service-focused layout, the [CleanGeniux template](https://wdesignkit.com/templates/page/service-listing-1--cleangeniux/14302) is a great starting point. It’s designed for businesses that want to clearly list services, just like how [this cleaning site](https://www.end-of-leasecleaningmelbourne.com.au/) presents its offerings. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Cleaning Business website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Cleaning Business website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Repair Service Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-repair-service-website/ Need a website for your repair service but don’t know how to build one? Hiring a developer is costly, and coding takes time. But there’s a faster way! This guide will show you *how to create a repair service website using Elementor* in just 10 minutes. With pre-built templates and an easy drag-and-drop editor, you can set up a professional website in no time. Focus on fixing things while Elementor takes care of your online presence! ## Prerequisites for Creating Repair Service Website Before you get started, double-check that you’ve got everything set up: - A domain name and a solid hosting plan - WordPress up and running - The free version of Elementor installed - Elementor Pro (optional, but super handy for advanced design control) - The Plus Addons for Elementor plugin added to your site - WDesignKit plugin installed for easy access to ready-made templates Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Repair Service Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Repair Service website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Repair Service Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Repair Service in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-repair-service-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Repair Service website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Repair Service website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Construction Company Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-construction-company-website/ Want a professional website for your construction business but don’t know how to code? Hiring a developer can be costly and time-consuming. But there’s a faster way! This guide will show you how to create a construction company website using Elementor in just 10 minutes. With pre-designed templates and a simple drag-and-drop builder, you can launch a stunning, functional site without any technical skills. Get online quickly and start attracting more clients today! ## Prerequisites for Creating Construction Company Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Construction Company Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Construction Company website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Construction Company Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Construction Company in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-construction-company-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Construction Company website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Construction Company website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Architecture Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-architecture-website/ An architecture website should showcase your creativity, but building one from scratch can feel overwhelming. Coding isn’t for everyone, and hiring a developer takes time. The good news? You don’t need either! In this guide, you’ll learn how to create an architecture website using Elementor in just 10 minutes. With beautifully designed templates and an intuitive drag-and-drop editor, you can build a site that reflects your work effortlessly. ## Prerequisites for Creating Architecture Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Architecture Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Architecture website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Architecture Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Architecture in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-architecture-template.png) Scroll through the options, and click on the one that best suits your needs. *Confused which template to pick? Here are the **[Top 3 Elementor Architecture Templates you can consider](https://theplusaddons.com/blog/best-elementor-architecture-templates/)**.* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Architecture website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Architecture website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Manufacturing Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-manufacturing-website/ Struggling to create an online presence for your manufacturing business? Traditional website development is expensive and time-consuming. But what if you could do it yourself—without coding? This guide will teach you how to create a manufacturing website using Elementor in just 10 minutes. With ready-to-use templates and an easy drag-and-drop builder, you can set up a professional site quickly. Showcase your products, attract clients, and grow your business hassle-free! ## Prerequisites for Creating Manufacturing Website Before diving in, make sure you have: With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Manufacturing Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Manufacturing website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Manufacturing Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Manufacturing in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-manufacturing-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. For industrial brands, showcasing how your [manufacturing software development services](https://www.avenga.com/manufacturing/) streamline operations or improve efficiency can add both credibility and appeal. ## Recommended Actions After Importing Your Website Now that your Manufacturing website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Manufacturing website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create SaaS Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-saas-website/ Launching a SaaS business but stuck on building a website? Coding a site from scratch is time-consuming, and hiring a developer can be expensive. The solution? Elementor! In this guide, you’ll learn how to create a SaaS website using Elementor in just 10 minutes—without any coding. With pre-designed templates and a user-friendly drag-and-drop builder, you can create a sleek, high-converting site in no time. Focus on growing your SaaS while Elementor takes care of your website. ## Prerequisites for Creating SaaS Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create SaaS Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our SaaS website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the SaaS Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type SaaS in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-saas-template.png) Scroll through the options, and click on the one that best suits your needs. *Confused which template to pick? Here are the **[Top 3 Elementor SaaS Templates](https://theplusaddons.com/blog/best-elementor-saas-templates/)** you can consider.* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your SaaS website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional SaaS website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Technology Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-technology-website/ Need a professional website for your tech business but don’t have coding skills? Building one from scratch can be challenging, but there’s an easier way. This guide will show you how to create a technology website using Elementor in just 10 minutes. With ready-made templates and an easy drag-and-drop editor, you can design a modern, high-performance website without touching a single line of code. Get online fast and establish your tech brand effortlessly! ## Prerequisites for Creating Technology Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Technology Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Technology website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Technology Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Technology in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-technology-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Technology website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Technology website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Education Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-education-website/ Want to launch an education website but don’t know where to start? Coding takes time, and hiring a developer can be costly. But here’s the good news—you don’t need either! This guide will show you how to create an education website using Elementor in just 10 minutes. With ready-made templates and a simple drag-and-drop builder, you can create a professional, engaging site for schools, tutors, or courses—without any technical hassle. Start teaching online today! ## Prerequisites for Creating Education Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Education Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Education website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Education Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Education in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-education-template.png) Scroll through the options, and click on the one that best suits your needs. *Confused which template to pick? Here are the **[Top 3 Elementor Education Templates](https://theplusaddons.com/blog/best-elementor-education-templates/)** you can consider.* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Education website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Education website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Kids Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-kids-website/ Building a fun and engaging website for kids shouldn’t be complicated. But if you’re not a developer, it can feel overwhelming. The good news? You can do it yourself—without coding! In this guide, you’ll learn how to create a kids website using Elementor in just 10 minutes. With colorful templates and an easy drag-and-drop editor, you can design a playful, kid-friendly site effortlessly. Whether it’s for education, entertainment, or events, your website will be live in no time! ## Prerequisites for Creating Kids Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Kids Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Kids website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Kids Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Kids in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-kids-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Kids website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Kids website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Agency Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-agency-website/ A great agency website helps you attract clients, but building one from scratch can be time-consuming. Hiring a developer? Expensive. Coding? Not necessary! This guide walks you through how to create an agency website using Elementor in just 10 minutes. With professional templates and an intuitive drag-and-drop builder, you’ll have a sleek, high-converting site ready in no time. Whether you run a marketing, design, or consulting agency, getting online has never been easier! ## Prerequisites for Creating Agency Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Agency Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Agency website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Agency Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Agency in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-agency-template.png) Scroll through the options, and click on the one that best suits your needs. *Confused which template to pick? Here are the **[Top 3 Elementor Agency Templates](https://theplusaddons.com/blog/best-elementor-agency-templates/)** you can consider.* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Agency website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Agency website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Photography Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-photography-website/ Want to showcase your photography online but don’t know how to build a website? Coding can be frustrating, and hiring a developer isn’t always an option. The solution? Elementor! This guide will show you how to create a photography website using Elementor in just 10 minutes. With stunning gallery templates and an easy drag-and-drop editor, you can create a portfolio that highlights your best work—without any coding. Start sharing your creativity with the world today! ## Prerequisites for Creating Photography Website Before diving in, make sure you have: With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Photography Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Photography website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Photography Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Photography in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-photography-template.png) Scroll through the options, and click on the one that best suits your needs. *Confused which template to pick? Here are the **[Top 3 Elementor Photography Templates](https://theplusaddons.com/blog/best-elementor-photography-templates/)** you can consider.* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Photography website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Photography website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Tattoo Artist Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-tattoo-artist-website/ A strong online presence helps tattoo artists attract more clients, but building a website can feel overwhelming. Coding? Not needed. Expensive developers? Forget it. In this guide, you’ll learn how to create a tattoo artist website using Elementor in just 10 minutes. With bold, artistic templates and a simple drag-and-drop editor, you can design a striking portfolio that showcases your work effortlessly. Get online fast and let your tattoos do the talking! ## Prerequisites for Creating Tattoo Artist Website Before you get started, double-check that you’ve got everything set up: - A domain name and a solid hosting plan - WordPress up and running - The free version of Elementor installed - Elementor Pro (optional, but super handy for advanced design control) - The Plus Addons for Elementor plugin added to your site - WDesignKit plugin installed for easy access to ready-made templates Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Tattoo Artist Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Tattoo Artist website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Tattoo Artist Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Tattoo Artist in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-tattoo-artist-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Tattoo Artist website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Tattoo Artist website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create NGO Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-ngo-website/ Struggling to build an NGO website but don’t know how to code? It can be frustrating to set up a site when you’re short on time and technical skills. The good news? You don’t need to hire a developer. In this guide, you’ll learn how to create an NGO website using Elementor in just 10 minutes—no coding required! With ready-to-use templates and a simple drag-and-drop editor, you can launch a professional, impactful site quickly and focus on what truly matters—your cause. ## Prerequisites for Creating NGO Website Before diving in, make sure you have: With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create NGO Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our NGO website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the NGO Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type NGO in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-ngo-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your NGO website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional NGO website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Barber Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-barber-website/ Want to showcase your barber services online but don’t know how to build a website? Hiring a developer is expensive, and coding takes time. The good news? You don’t need either! This guide will show you how to create a barber website using Elementor in just 10 minutes. With stylish templates and an easy drag-and-drop editor, you can design a sleek, modern site that highlights your skills, services, and bookings—without any hassle. Get online and attract more clients today! ## Prerequisites for Creating Barber Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Barber Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Barber website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Barber Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Barber in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-barber-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Barber website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Barber website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Finance Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-finance-website/ Building a finance website sounds complicated, right? Without coding skills, it can feel overwhelming. But here’s the good news—you don’t need any technical expertise! In this guide, you’ll learn how to create a finance website using Elementor in just 10 minutes. With ready-made templates and an easy drag-and-drop editor, you can launch a sleek, professional site hassle-free. Focus on growing your financial brand while Elementor handles the heavy lifting. ## Prerequisites for Creating Finance Website Before you get started, double-check that you’ve got everything set up: - A domain name and a solid hosting plan - WordPress up and running - The free version of Elementor installed - Elementor Pro (optional, but super handy for advanced design control) - The Plus Addons for Elementor plugin added to your site - WDesignKit plugin installed for easy access to ready-made templates Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Finance Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Finance website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Finance Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Finance in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-finance-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Finance website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Finance website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Food Truck Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-food-truck-website/ Running a food truck but struggling to build an online presence? A website helps customers find you, but coding one from scratch isn’t easy. The solution? Elementor! In this guide, you’ll learn *how to create a food truck website using Elementor* in just 10 minutes. With ready-to-use templates and a simple drag-and-drop editor, you can showcase your menu, location updates, and events effortlessly. Get your food truck online fast and start attracting more hungry customers! ## Prerequisites for Creating Food Truck Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Food Truck Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Food Truck website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Food Truck Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Food Truck in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-food-truck-template.png) Scroll through the options, and click on the one that best suits your needs. ***Recommended Read:** [Top 3 Elementor Restaurant Templates](https://theplusaddons.com/blog/best-elementor-restaurant-templates/)* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Food Truck website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Food Truck website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Accounting Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-accounting-website/ Want a professional accounting website but don’t know where to start? Setting one up can be tricky if you’re not a developer. But don’t worry—you don’t need to code a single line! This guide will show you how to create an accounting website using Elementor in just 10 minutes. With pre-designed templates and a simple drag-and-drop editor, you can build a polished website fast. Get online quickly and start showcasing your accounting expertise today! ## Prerequisites for Creating Accounting Website Before diving in, make sure you have: - A domain name and reliable hosting plan - WordPress installed and running - Elementor (free version) set up on your site - Elementor Pro (optional, but worth it for advanced features) - The Plus Addons for Elementor plugin installed - WDesignKit plugin for quick access to ready-made templates With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Accounting Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Accounting website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Accounting Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Accounting in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-accounting-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Accounting website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Accounting website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Coffee Shop Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-coffee-shop-website/ Your coffee shop deserves an inviting online presence, but website building can feel overwhelming if you’re not tech-savvy. No need to code or hire a developer! This guide will teach you how to create a coffee shop website using Elementor in just 10 minutes. With beautiful templates and an intuitive drag-and-drop editor, you can design a cozy, stylish site that showcases your menu, ambiance, and special offers. ## Prerequisites for Creating Coffee Shop Website Before diving in, make sure you have: With these pieces in place, you'll hit the ground running and avoid frustrating roadblocks mid-project. ## How to Create Coffee Shop Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Coffee Shop website. ### Step 1: Select Elementor Hosting for your WordPress Website Pick the right hosting and you'll save yourself countless headaches down the road. For websites built with Elementor, you've got three solid options: [Elementor Hosting](https://elementor.com/hosting/) is purpose-built for Elementor sites - no surprise there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) delivers blazing-fast speeds with top-notch security perfect for donation pages. On a tighter budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) packs impressive performance without breaking the bank. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Skip the design headaches by using WDesignKit - it's your secret weapon for building professional websites faster with sleek, ready-to-use Elementor templates that don't require any coding. Just install and activate this plugin, and you'll unlock hundreds of templates in seconds. No more starting from scratch! Need the full walkthrough? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for smoother onboarding. ### Step 3: Select the Coffee Shop Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Coffee Shop in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-coffee-shop-template.png) Scroll through the options, and click on the one that best suits your needs. ***Recommended Read:** [Top 3 Elementor Restaurant Templates](https://theplusaddons.com/blog/best-elementor-restaurant-templates/)* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now breathe life into your template with your unique story. Replace the default content with compelling headlines, engaging descriptions, and clear calls-to-action that move visitors. Swap stock photos for authentic images that reflect your brand personality. Nothing connects with visitors like visuals that genuinely represent what you do. Remember, consistency wins trust. Match colors to your branding and keep your tone consistent across all pages. ## Recommended Actions After Importing Your Website Now that your Coffee Shop website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Coffee Shop website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Law Firm Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-law-firm-website/ A strong online presence is essential for law firms, but building a website from scratch can feel daunting. Hiring a developer is expensive, and coding takes time. The solution? Use Elementor! This guide walks you through how to create a law firm website using Elementor in just 10 minutes. With ready-to-use templates and an intuitive drag-and-drop builder, you’ll have a professional site live in no time—so you can focus on winning cases, not figuring out web design. ## Prerequisites for Creating Law Firm Website Before you get started, double-check that you’ve got everything set up: - A domain name and a solid hosting plan - WordPress up and running - The free version of Elementor installed - Elementor Pro (optional, but super handy for advanced design control) - The Plus Addons for Elementor plugin added to your site - WDesignKit plugin installed for easy access to ready-made templates Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Law Firm Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Law Firm website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Law Firm Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Law Firm in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-law-firm-template.png) Scroll through the options, and click on the one that best suits your needs. ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Law Firm website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Law Firm website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # How to Create Brewery Website Using Elementor in 10 Minutes Source: https://theplusaddons.com/blog/how-to-create-brewery-website/ A brewery website should be as bold and inviting as your craft beers, but building one from scratch takes time. Coding? Not necessary. Expensive developers? Forget it. This guide will show you *how to create a brewery website using Elementor* in just 10 minutes. With pre-designed templates and a simple drag-and-drop builder, you can showcase your brews, events, and tasting menus effortlessly. ## Prerequisites for Creating Brewery Website Before you get started, double-check that you’ve got everything set up: Once all that’s in place, you’ll be ready to jump straight into building—no unexpected roadblocks slowing you down. ## How to Create Brewery Website Using Elementor (Step-by-Step) Now that we are all set. Let's jump into practical steps to create our Brewery website. ### Step 1: Select Elementor Hosting for your WordPress Website Choose the right hosting, and you'll avoid countless headaches later. If you're building with Elementor, here are three great options: [Elementor Hosting](https://elementor.com/hosting/) is designed specifically for Elementor sites—no surprises there. [Kinsta](https://go.posimyth.com/recommends/kinsta/) offers lightning-fast speeds and top-tier security, making it perfect for donation pages. On a budget? [Hostinger](https://go.posimyth.com/recommends/hostinger/) delivers impressive performance without draining your wallet. ### Step 2: Install & Set Up WDesignKit for Easy-to-Use Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2025/04/WDesignKit-Image.png) Avoid design headaches with WDesignKit; your secret weapon for building professional websites faster. With sleek, ready-to-use Elementor templates, you won’t need to touch a single line of code. Just install and activate the plugin to unlock hundreds of templates in seconds. No more starting from scratch! Need a step-by-step guide? Check out the [detailed installation and activation docs](https://learn.wdesignkit.com/help/installation-activation/) for a seamless setup. ### Step 3: Select the Brewery Template for Your Elementor Website Let's grab your perfect template in just a few clicks. Jump into your WordPress Dashboard > WDesignKit > Browse Templates section. Type Brewery in the search bar, then narrow things down by selecting Elementor from the page builder filter and Page Kits as your template type. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-brewery-template.png) Scroll through the options, and click on the one that best suits your needs. ***Recommended Read:** [Top 3 Elementor Restaurant Templates](https://theplusaddons.com/blog/best-elementor-restaurant-templates/)* ### Step 4: Import the Template into Your Elementor Site Now that you've found your perfect template, hit "Select All" to grab every page in the kit, then click "Download" to start the import process. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Select-all-and-download.png) A popup will ask about installing any missing plugins needed for your template. Click "Install All" and then "Next" to keep things moving. These plugins ensure all features work correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-missing-plugins.png) Next popup of Import Templates will prompt you to import the templates as Posts, Pages, or My Templates. For ease of use, keep the default option selected and click on "Import" and let WDesignKit work its magic. Within seconds, you'll see the "Successfully Imported" message.. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Importing-successful.png) Just like that, you've got a complete website framework ready for your content. ### Step 5: Customize Content & Upload Relevant Images Now, infuse your template with your unique story. Replace the default content with captivating headlines, compelling descriptions, and clear calls-to-action that inspire visitors to take action. Swap out stock photos for authentic images that showcase your brand’s personality. Genuine visuals create a stronger connection with your audience. Consistency builds trust. Align your colors with your branding and maintain a uniform tone across all pages. ## Recommended Actions After Importing Your Website Now that your Brewery website is imported. Here are the next steps you need to take care of. ### 1. SEO Plugins ### 2. Performance Plugins ### 3. Security Plugins ## Wrapping Up That's it! In just 10 minutes, you've transformed a blank canvas into a professional Brewery website without writing a single line of code. The magic combination of [WDesignKit templates](https://wdesignkit.com/) and [The Plus Addons widgets](https://theplusaddons.com/elementor-widgets/) lets you focus on your mission instead of wrestling with website technicalities. Remember, a great website evolves with your organization. Schedule monthly updates, refresh your content regularly, and keep an eye on your analytics to see what resonates with visitors. ## Frequently Asked Questions (FAQs) --- # Elementor Update Breaks Site: 7 Easy Fixes Source: https://theplusaddons.com/blog/how-to-fix-elementor-update-breaks-site-issue/ When an Elementor Update Breaks Site, it can easily send you into panic mode. While WordPress updates are critical for a smooth working website, the risk of your site crashing can cost you time, money, and website visitors. Now, this can happen due to various reasons, from conflicting themes and plugins to outdated PHP versions during the update, which can break your website. **The good news?** Most of these issues are common, predictable, and totally fixable. In this article, we'll explore why an Elementor update broke your site and 7 quick fixes you can apply right away. ## Key Takeaways - Elementor update issues often come from plugin/theme conflicts, custom code, or server limits. - Seven easy fixes: check system requirements, regenerate CSS, restore backup, roll back version, deactivate plugins, switch theme, increase PHP memory. - To avoid problems, always back up and test updates in a staging environment first. Let's get started! ## Why Does an Elementor Update Break Your Website? Elementor is one of the most powerful and widely used page builders for WordPress, but like any plugin, it's deeply connected to your theme, other plugins, and WordPress core. That means even a minor update can trigger unexpected conflicts or errors. So, if you're wondering "why Elementor broke my website?", here are some common reasons to understand- ![](https://theplusaddons.com/wp-content/uploads/2025/04/Why-Does-an-Elementor-Update-Break-Your-Website.png) - **Plugin or theme conflicts:** Elementor updates may not play well with outdated themes or incompatible third-party plugins. So, if a custom template, widgets, or CSS does not work with the new version of Elementor, it can break your website. - **Custom code issues:** If your site has custom CSS, JavaScript, or PHP tweaks, a new version of Elementor could override or clash with them. - **Server configuration limits:** Low PHP memory limits or outdated [PHP versions](https://theplusaddons.com/blog/update-php-in-wordpress/) can cause Elementor to crash or behave oddly.  - **Fatal Elementor errors:** If the error message mentions "Elementor" in it, it might indicate a problem with the plugin. This might be a bug in the plugin or issues with Elementor functionalities that can cause the site to crash. - **Inaccurate folder names:** If the folders are not accurately named or configured in the WordPress directory, Elementor might not be able to locate and execute the necessary files. Understanding these causes makes it easier to pinpoint the problem of why Elementor is not working after an update and apply the right fix. ## How to Fix Elementor Update Breaks Site Issue (7 Methods) If an Elementor update broke your website, don't panic. The fix is often simpler than it seems. Below are 7 easy methods you can try to resolve the issue. ### Method 1: Verify if Elementor's Requirements are Met Before anything else, make sure your hosting environment meets Elementor's minimum requirements. This means Elementor checks for factors like server compatibility and PHP versions to ensure that the plugin has the right sources to function. **So before updating Elementor, check for these system requirements you need to use Elementor -** - WordPress version 6.3 or greater - PHP version 7.4 or higher - MySQL version 5.6 or greater - WordPress memory limit of at least 256 MB - Latest browser versions ### Method 2: Regenerate CSS & Sync Library Sometimes, it's just a CSS glitch that leads to Elementor revisions not working. Elementor may not automatically regenerate CSS files after an update, which can lead to broken layouts or misaligned widgets. **To fix this, follow these steps-** - On your WordPress dashboard, go to ***Elementor > Tools*** - Click on ***Regenerate CSS and Data*** - Click on ***Sync Library**** *and click on ***Save Changes*** ![](https://theplusaddons.com/wp-content/uploads/2025/04/Sync.png) - Clear your browser and site cache, and check your website If the Elementor changes are not showing after an update, try out the next fixes. *Customize the appearance of your website to make it stand out for exceptional user experience. Understand *[***How to Add Custom CSS in Elementor for Free.***](https://theplusaddons.com/blog/add-custom-css-in-elementor/) ### Method 3: Restore a Backup If the damage is significant, like broken pages, missing content, or messed-up layout, quickly restoring your most recent backup is the safest route to fix the website. This is why it is always advised to create website backups regularly to ensure you can get back to your website in case anything goes wrong. To restore your website backup, simply go to your hosting panel or the [**backup plugin**](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) you use and select a backup from before the Elementor update. Restore the backup and test the website to see if it's working. ***Recommended Read:** Step by Step Guide on *[***How to Backup WordPress Website***](https://theplusaddons.com/blog/how-to-backup-wordpress-website/). ### Method 4: Roll Back to a Previous Version of Elementor If Elementor changes are not showing after the update and you don't have a recent website backup, you can also revert to the previous version of Elementor. Fortunately, Elementor allows you to do it directly from the WP dashboard. Simply follow these steps- - Go to your WordPress dashboard. - Navigate to ***Elementor > Tools**** *and find the ***Version Control**** *tab. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Tools.png) - Find the ***Rollback Version****.* - Click on the dropdown menu to select the version you want to revert to. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Version.png) - Click on the ***Reinstall**** *button to successfully revert back to the previous version. Save changes, and your website should go back to Elementor's older version. ### Method 5: Deactivate Conflicting Plugins and Reactivate One by One Plugin conflicts are one of the most common culprits when an Elementor update breaks your site. Often, functionalities of certain WordPress plugins can conflict with the theme or the Elementor plugin, leading to Elementor tabs not working after an update. So, deactivating these plugins can help isolate the one which is causing the problems. **Here's how to do it-** - On your WordPress dashboard, go to ***Plugins > All Plugins*** - Deactivate all the plugins except Elementor and Elementor Pro - Check if your website works - Now, reactivate all the plugins one by one, checking the site after each. Once you find the plugin causing issues, either disable it or contact the plugin developer for support. *Outdated WordPress plugins causing an issue with the website? Know *[***How to Update WordPress Plugins***](https://theplusaddons.com/blog/how-to-update-wordpress-plugins/)* for smooth performance.* ### Method 6: Switch to a Default WordPress Theme When troubleshooting issues with Elementor not working after the update, check if your theme is causing compatibility issues, which can happen if the theme is heavily customized or outdated. In this case, you can switch to a default WordPress theme, such as Elementor's Hello theme, to figure out if the theme was the problem. For this, go to your ***WordPress dashboard > Appearance > Themes*** and search for the theme. Click on ***Activate*** to switch to the default theme. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Switch-to-a-Default-WordPress-Theme.png) If the site works after this, you can make necessary changes to the theme's customizations to make it compatible or seek support from the theme's developers. However, if Elementor is still not working after the update, you can try other methods. ***Suggested Read:** *[*5 Best Elementor Themes [With Speed Test]*](https://theplusaddons.com/blog/best-elementor-themes/) ### Method 7: Increase PHP Memory & Execution Limits If your Elementor revisions are not working, the editor is getting stuck on the loading screen, or showing the "[**500 Internal Server Error**](https://theplusaddons.com/blog/fix-500-internal-server-error-in-wordpress/)" after an update, your site might be hitting the PHP memory or execution time limit. Elementor is a resource-intensive plugin, and larger or more complex pages need to use more server resources to function smoothly. The good thing is that you can quickly check the PHP memory limit from your WordPress admin dashboard and configure the wp-config.php file to increase it. **Here's how-** - Go to ***WordPress dashboard > Elementor > System Info*** - Scroll down to find your ***PHP memory limit*** - This limit should be at least **256MB** ![](https://theplusaddons.com/wp-content/uploads/2025/04/PHP.png) - If the PHP memory limit is lower, navigate to your wp-config.php file in the [root directory of your WordPress installation](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/). - Here, add the following line of code to the file `define( 'WP_MEMORY_LIMIT', '256M' ); define('WP_MAX_MEMORY_LIMIT', '256M');` ![](https://theplusaddons.com/wp-content/uploads/2025/04/wp-PHP.png) This code will set your WordPress PHP memory limit to 256 megabytes. You can also change the limit to higher, 512 megabytes, for instance, as needed. Once these changes are made, clear your cache, refresh your site, and try editing again in Elementor. If the Elementor update broke your website due to low server resources, this should help fix the issue. *Is a low PHP memory limit affecting your website performance? Learn *[***How to Increase WordPress PHP Memory Limit***](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/)* for your website.* ## Wrapping Up When an Elementor update breaks your site, it can feel like a disaster, but with the right steps, it's totally manageable. Elementor updates sometimes mess up your site functionality, layout and content or even lead to fatal errors. However, you can easily get your site back on track by following the methods mentioned in this article, from checking system requirements and regenerating CSS to rolling back versions and increasing PHP limits. Once you successfully fix your website, use [**The Plus Addons for Elementor**](https://theplusaddons.com/) to build a highly functional and stable WordPress website. With access to 120+ advanced widgets built for performance and design flexibility, it helps you build standout websites without compromising speed or security. ## FAQs on Elementor Update Breaking Sites ### What are the common issues caused by Elementor updates? Elementor updates can affect your website layout, lead to blank pages, broken widgets, editor loading problems, or even full site crashes, usually due to plugin/theme conflicts or server setting mismatches. ### How do I prevent Elementor updates from breaking my site? To prevent Elementor updates from breaking your site, always back up your site before updating, test updates in a staging environment, keep your plugins/themes up to date and make sure your hosting meets Elementor's requirements. ### Does clearing the cache help fix Elementor update issues? Yes, using caching plugins to clear all caches often resolves layout glitches or editor problems. ### How to safely update Elementor without causing website issues? When updating Elementor, you can first test the update on a staging site. Also, update all related plugins (like Elementor Pro or Addons), regenerate CSS, and check for compatibility issues before applying changes to your live site. ### Why is Elementor Pro crashing my WordPress site? Elementor Pro might be crashing your website due to an outdated version of WordPress, PHP limitations, a conflict with another plugin, or a corrupted update. Rolling back to a stable version, increasing the PHP limit, or disabling conflicting plugins can help fix the issues. ### Will updating WordPress affect my Elementor-built site? Yes, if Elementor or your theme isn't compatible with the latest WordPress version. Before updating WordPress, ensure your Elementor version and other plugins are fully compatible. ### Is there a way to test Elementor updates before applying them to my live site? Yes, you can set up a staging environment through your hosting provider or with a WordPress plugin to test updates safely without risking your live site. --- # March 2025 Monthly Updates: More Widget Presets Templates & Google Updates & More Source: https://theplusaddons.com/blog/march-2025-monthly-updates/ We've been working behind the scenes to bring you exciting updates in versions **6.2.3 to 6.2.7**, making [The Plus Addons for Elementor](https://theplusaddons.com/) even more powerful and user-friendly! We’ve added new features and improved compatibility to make your workflow smoother and your designs more flexible. Here’s what’s new: [![](https://store.posimyth.com/wp-content/uploads/2025/04/New-in-The-Plus-Addons-1024x1024.png)](https://theplusaddons.com/) ### More Design Customization Options - **Preset Designs for Widgets** – Quickly apply beautifully designed presets to widgets like **[Audio Player](https://theplusaddons.com/elementor-widget/elementor-audio-player/), [Breadcrumbs](https://theplusaddons.com/elementor-widget/elementor-breadcrumbs/), [Charts](https://theplusaddons.com/elementor-widget/elementor-advanced-charts/), [Countdown](https://theplusaddons.com/elementor-widget/elementor-countdown-timer/), [Pricing Tables](https://theplusaddons.com/elementor-widget/elementor-pricing-table/), [Social Icons](https://theplusaddons.com/elementor-widget/social-icons-for-elementor/), and more.** This saves you time while ensuring a polished look. - **New Styling for Product Listings** – Added **hover border radius** and **normal border color** for dot-style carousels, giving you more control over design aesthetics. - **[Team Member List](https://theplusaddons.com/elementor-listing//team-members/) Enhancements** – Added options for **border and hover border colors**, allowing for more refined styling. ### Better Compatibility & Performance - **Sticky Column & Custom CSS Compatibility** – Now, you'll get enhanced compatibility for containers, ensuring better layout stability. - **Cross-Domain Copy-Paste Optimization** – We've improved performance for smooth copying and pasting between websites. - **Elementor Compatibility Updates** – Removed deprecated classes to maintain a smooth editing experience. ### Improved Product Listings & Shopping Features - **Wishlist & AJAX Compatibility** – Now, [Product Listings](https://theplusaddons.com/elementor-listing//) work smoothly with Wishlist when using **Load More and AJAX Pagination**, making product browsing more dynamic. - **WooCommerce Compare Enhancements** – We’ve now added an option to **redirect users to the Single Product Page** from the Compare list. Also, now you can link product images directly in the Compare list for easier navigation. These updates will bring **better design flexibility, improved shopping features, and seamless compatibility**, helping you build a more dynamic website effortlessly. So, keep your plugin updated to enjoy all these new improvements! Also, we're already working on the next set of improvements and exciting features—stay tuned. *For all the changes,** *****[c](https://roadmap.theplusaddons.com/updates)***[**heck out the complete changelog here**](https://roadmap.theplusaddons.com/updates)**.*** ## 📖 — Latest Reads - [How to Create a Custom WordPress Login Page?](https://theplusaddons.com/blog/how-to-create-a-custom-wordpress-login-page/) - [How to Add Accordion in WordPress](https://theplusaddons.com/blog/how-to-add-accordion-in-wordpress/) - [How to Change Menu Color in WordPress](https://theplusaddons.com/blog/how-to-change-menu-color-in-wordpress/) - [How to Add Menu in WordPress?](https://theplusaddons.com/blog/how-to-add-menu-in-wordpress/) - [How to Add Related Products in WooCommerce](https://theplusaddons.com/blog/how-to-add-related-products-in-woocommerce/) - [How to Create Circle Menu in WordPress](https://theplusaddons.com/blog/how-to-create-circle-menu-in-wordpress/) - [8 Ways to Fix WordPress Images Not Displaying Issue](https://theplusaddons.com/blog/how-to-fix-wordpress-images-not-displaying/) - [How to Create Dropdown Menu in WordPress](https://theplusaddons.com/blog/how-to-create-dropdown-menu-in-wordpress/) ## 📹— Video Tutorials - [Elementor AI Site Planner - Smartest Way to Plan Websites](https://www.youtube.com/watch?v=_FVWNa5BpAc) - [How to Add Gradient Stroke Text in Elementor](https://www.youtube.com/watch?v=mvD3dyAoFPU) - [How to Add a Site Logo to the Website](https://www.youtube.com/watch?v=zvQTSZdxKwA) - [How to Add a Button in WordPress](https://www.youtube.com/watch?v=vr9cT9_9EYY) - [How to Add Google Maps in WordPress](https://www.youtube.com/watch?v=fF32l7xS0Es) - [Best Elementor Mega Menu Plugins](https://www.youtube.com/watch?v=UoXQG6DutWg&t=51s) ## 🗞️ — WordPress & Tech Bytes - **[Elementor introduced Ally](https://elementor.com/blog/introducing-web-accessibility/)**, a free accessibility widget with features like contrast adjustments and text resizing, reinforcing the importance of web accessibility as required by EU regulations and global standards. - Elementor is developing [**Editor V4 with a CSS-first approach**](https://elementor.com/blog/editor-v4-css-first/?cxd=1338_1630380&utm_source=elementor&utm_medium=affiliate&utm_campaign=1338&utm_content=cx&affid=1338) to improve design consistency and simplify styling. By using CSS principles like inheritance and hierarchy, it aims to make website customization more efficient and maintainable. - WordPress has released the first [**Release Candidate (RC1) for version 6.8**](https://wordpress.org/news/2025/03/wordpress-6-8-release-candidate-1/), now available for download and testing. Users are encouraged to test this version on staging environments to help identify any issues before the final release, scheduled for April 15, 2025. - ​WooCommerce has updated the [**release schedule for version 9.8**](https://developer.woocommerce.com/2025/03/24/updated-woocommerce-9-8-release-schedule/) to better align with WordPress 6.8's timeline. The Release Candidate is now set for April 1, 2025, with the final release planned for April 7, 2025. - ​Matt Mullenweg, co-founder of WordPress, is considering reducing the platform's release frequency to one [**major update per year through 2027**](https://www.searchenginejournal.com/mullenweg-considers-delaying-wordpress-releases-through-2027/541821/), citing decreased corporate contributions. - A recent study by Advanced Web Ranking reveals that Google's AI Overviews now appear in[ **42.5% of search results**](https://www.searchenginejournal.com/google-ctr-study-ai-overviews-rise-as-click-rates-decline/541465/), correlating with a notable decline in click-through rates for informational queries. - Google's Martin Splitt advises against [**redirecting all 404 error pages to the homepage**](https://www.searchenginejournal.com/googles-martin-splitt-warns-against-redirecting-404s-to-homepage/541549/), as it can confuse users and search engine crawlers. Instead, he recommends using proper redirects to relevant pages or maintaining the 404 status code when content is no longer available. - Google has released updated documentation on the [**robots.txt file**](https://www.searchenginejournal.com/google-publishes-new-robots-txt-explainer/541921/), offering guidance for SEOs and publishers on managing search engine crawler behavior. The new guide covers methods to block specific pages, restrict certain bots, and control crawling using straightforward rules. - Google's Martin Splitt explains that [**indexed pages may not appear in search results **](https://www.searchenginejournal.com/google-explains-why-indexed-pages-may-not-appear-in-search/542569/)if other pages are more relevant or engagement is low, stressing the need for high-quality content. - ​Google has completed the rollout of its [**March 2025 Core Update**](https://www.searchenginejournal.com/google-completes-march-2025-core-update-rollout/543063/), which began on March 13 and concluded on March 27, 2025. This update led to significant fluctuations in search rankings across various sectors during the two-week implementation period.​ ## 🔥 — Tool of the Month [**User Switching**](https://wordpress.org/plugins/user-switching/) plugin allows users to switch between user accounts in WordPress without entering passwords or logging out. It helps in improving workflow by saving time and ensuring smooth account management. This tool is perfect for site administrators, developers, and support teams who need to test user roles, troubleshoot issues, or manage multiple accounts efficiently. [![](https://store.posimyth.com/wp-content/uploads/2025/04/User-Swithing-plugin.png)](https://wordpress.org/plugins/user-switching/) ## 🗣️— Word of the Month ### Excellent Support and a Great Plugin! *I’ve been using The Plus Addons for Elementor while building my WooCommerce shop. Whenever I’ve run into issues, their support team has been extremely helpful — they respond quickly, give clear instructions, and actually solve the problems that come up for me. They’re even having their developers look into more complex things, which shows how dedicated they are.Overall, I’m really happy with both the plugin and the support team. Highly recommended!* [*~@officebiovitgroup*](https://wordpress.org/support/topic/excellent-support-and-a-great-plugin-5/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # 10 Best Managed Hosting for WordPress Source: https://theplusaddons.com/blog/best-managed-hosting-for-wordpress/ Struggling to keep your WordPress site fast, secure, and stress-free?  Managing performance, updates, backups, and security all on your own can quickly become overwhelming, especially if you're running a growing website, blog, or online store. Even a minor hosting issue can affect your site's speed or lead to downtime, impacting user experience and search rankings.  That’s where many WordPress site owners hit a wall, spending more time on technical maintenance than on content creation or business growth. **The solution? **Managed WordPress hosting. With the right provider, you get a hosting environment optimized specifically for WordPress, complete with automatic updates, enhanced security, expert support, and blazing-fast performance.  In this blog, we’ve rounded up the 10 best managed hosting for WordPress based websites trusted by professionals to keep their WordPress sites running like a dream. Let’s begin! ## Key Takeaways - **Managed hosting** handles speed, security, updates, and backups for WordPress sites. - **Top picks** include Cloudways, Kinsta, SiteGround, and Elementor Hosting. - **Best choice** depends on your site’s needs like performance, ease, or budget. ## What is Managed WordPress Hosting? Think of managed hosting as your website’s personal tech team. You're not just getting space on a server, you're getting a full-service solution where the hosting provider handles all the technical heavy lifting for you. From setting up the server and managing updates to ensuring top-notch security and keeping everything running smoothly, it’s all taken care of.  **That means you can skip the tech headaches and focus on what you love:** creating content, growing your brand, and connecting with your audience. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Managed-WordPress-Hosting.jpg) Managed WordPress hosting goes even further, offering a hosting environment tailored specifically for WordPress sites.  It includes automatic WordPress updates, daily backups, improved security, and performance enhancements, all optimized to keep your site fast, secure, and hassle-free.  It's perfect for anyone who wants a worry-free WordPress experience without dealing with the backend work. ## What are the Key Features of Managed WordPress Hosting? - **Server Management:** The hosting provider takes care of all server management tasks, including setup, configuration, and ongoing maintenance. This means you don’t have to worry about the technical details. - **Automatic Updates: **Managed hosting typically includes automatic updates for the operating system, software, and applications. This ensures that your server is always running the latest and most secure versions. - **Enhanced Security:** Managed hosting providers often implement robust security measures, including firewalls, malware scanning, and regular backups. They monitor for potential threats and vulnerabilities, providing you with peace of mind. - **Performance Optimization: **Many managed hosting solutions come with performance enhancements, such as caching solutions and content delivery networks (CDNs), which help improve website loading speeds and overall performance. - **24/7 Support: **Managed hosting usually includes round-the-clock technical support. This means you can get assistance whenever you need it, whether it’s a minor question or a major issue. - **User-friendly Control Panels:** Many managed hosting services provide intuitive control panels that make it easy to manage your website, databases, and other resources without needing extensive technical knowledge. These features make managed hosting a great choice for those who want to minimize the technical workload while enjoying a high level of support and performance for their websites. ### Who Should Use Managed Hosting for WordPress? Managed hosting is ideal for creatives, freelancers, agencies, and entrepreneurs who build with Elementor but don’t want to manage server-side tasks. If you're scaling a WooCommerce store or working with heavy animations and custom layouts, speed and stability become mission-critical, exactly where managed hosting shines. ## Best Managed Hosting for WordPress Compared | **Sl. No.** | **Hosting** | **Pricing Starts at** | | ----------- | ----------- | --------------------- | | 1 | Cloudways | $11/month | | 2 | SiteGround | $3.99/month | | 3 | Kinsta | $35/month | | 4 | Bluehost | $20/month | | 5 | A2 Hosting | $13.99/month | | 6 | Elementor Hosting | $2.99/month | | 7 | DreamHost | $16.95/month | | 8 | GreenGreeks | $69.95/month | | 9 | HostArmada | $2.49/month | | 10 | HostGator | $4.50/month | ### 1. Cloudways ![](https://theplusaddons.com/wp-content/uploads/2025/04/Cloudways.png) [**Cloudways**](https://go.posimyth.com/recommends/cloudways/) offers managed hosting tailored for WordPress users. It combines speed, security, and flexibility. This can make your website run smoothly and efficiently. You can choose from several cloud providers like DigitalOcean, AWS, and Google Cloud. This flexibility allows you to find a plan that fits your needs and budget. #### Pros of Cloudways - Flexible cloud provider options - Easy to use interface - 24/7 customer support - Automated backups included #### Cons of Cloudways - Some users report a learning curve - Higher costs for advanced features #### Pricing of Cloudways Pricing starts at around $11 per month. This gives you access to features like automated backups and 24/7 support. ### 2. SiteGround ![](https://theplusaddons.com/wp-content/uploads/2025/04/SiteGround.png) [**SiteGround**](https://world.siteground.com/wordpress-hosting.htm) is recognized as a strong choice for WordPress hosting. It combines solid performance with features that benefit users. You’ll find that SiteGround uses Google Cloud infrastructure, which improves speed and reliability. Its hosting service includes daily backups and strong security measures. #### Pros of SiteGround - Excellent customer support - Optimized for high performance - Automatic updates and daily backups are included. #### Cons of SiteGround - Pricing may be higher than that of some competitors. - Limited storage on lower-tier plans #### Pricing of SiteGround Pricing typically starts around $3.99 per month for the basic plan. This includes essential features tailored for Elementor users. Advanced plans may cost more, but they offer increased resources and additional features. ### 3. Kinsta ![](https://theplusaddons.com/wp-content/uploads/2025/04/Kinsta.png) [**Kinsta**](https://go.posimyth.com/recommends/kinsta/) offers managed WordPress hosting that is optimized for speed and security. Their service runs on Google Cloud's infrastructure, which improves performance and reliability. You benefit from features like automatic backups and easy site migrations. Kinsta also provides a user-friendly dashboard that helps you manage your websites easily. #### Pros of Kinsta - High speed and performance due to Google Cloud. - Supercharge your WordPress site with a high-performance CDN - Excellent customer support available 24/7 #### Cons of Kinsta - Higher pricing compared to some alternatives - Limited options for very small websites #### Pricing of Kinsta Kinsta's plans start at $35 per month for basic hosting. Prices increase with more traffic and additional features available. ***Recommended Read: ***[***Kinsta Review – Is it the Best WordPress Hosting?***](https://theplusaddons.com/blog/kinsta-review/) ### 4. Bluehost ![](https://theplusaddons.com/wp-content/uploads/2025/04/Bluehost.png) [**Bluehost**](https://www.bluehost.com/) is a popular choice for WordPress hosting. It works well with Elementor, which is a powerful page builder for WordPress. Many users find that the combination offers great performance and user experience. #### Pros of Bluehost - Fast response times, leading to quicker page loads - Excellent customer support available 24/7 - Easy installation of WordPress and Elementor - Offers automatic managed WordPress updates #### Cons of Bluehost - Some users report occasional downtime - Pricing can be higher for plans with more features #### Pricing of Bluehost The basic plan starts at around $20/month. ### 5. A2 Hosting ![](https://theplusaddons.com/wp-content/uploads/2025/04/A2-Hosting.png) [**A2 Hosting**](https://www.a2hosting.com/) offers Turbo Servers that promise fast performance for WordPress-based websites.  These servers can load pages up to 20 times faster than standard shared hosting. This speed can make a significant difference for your site's visitors. The Turbo Servers use LiteSpeed technology, which is designed for better performance and scalability. This can be beneficial if your site experiences high traffic or requires quick load times. With A2 Hosting, you have access to the TurboHub control panel. This tool helps you manage your WordPress site effectively by optimizing performance, updating plugins, and enhancing security. #### Pros of A2 Hosting - Very fast page load times - Supports high traffic with scalability - Easy management through TurboHub - Advanced security features #### Cons of A2 Hosting - Some users might find the control panel complex at first - Managed WordPress support isn't always deeply knowledgeable #### Pricing of A2 Hosting A2 Hosting's Turbo Plans start at around $13.99 per month. Prices can vary based on the specific plan and features you choose. ***Recommended Read:**** *[*How to Backup WordPress Website [Prevent Data Loss]*](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) ### 6. Elementor Hosting ![](https://theplusaddons.com/wp-content/uploads/2025/04/Elementor-Hosting.png) [**Elementor Hosting**](https://elementor.com/hosting/) offers a fully managed WordPress experience built specifically for Elementor users.  It combines powerful cloud hosting with the flexibility of the Elementor editor so you can design and launch websites without juggling multiple services. *Here’s a list of the top *[***WordPress Hosting for Elementor***](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/)*.* It offers a streamlined experience focused on performance and ease of use. #### Pros of Elementor Hosting - Seamless integration with Elementor, making setup easy - Fast performance due to optimized server configurations - Strong security features to protect your website - Expert WordPress support available #### Cons of Elementor Hosting - It may not be the cheapest option compared to other hosts - Limited flexibility if you want to switch builders in the future #### Pricing of Elementor Hosting Elementor Hosting pricing for 1 site starts at $2.99 per month. Prices can vary based on features and additional resources needed. ### 7. DreamHost ![](https://theplusaddons.com/wp-content/uploads/2025/04/DreamHost.png) [**DreamHost**](https://www.dreamhost.com/wordpress/managed-wp-hosting/) offers fully managed WordPress hosting that focuses on performance and security. Their service includes free WordPress migrations, which makes it easy to transfer your website.  You also get 24/7 support to help with any issues you may encounter. The Managed WordPress hosting plan is designed to simplify your website management. DreamHost handles all updates and optimizations for you.  This allows you to concentrate on creating content rather than dealing with technical tasks. #### Pros of DreamHost - Fast website performance - Easy management - 100% uptime with a reliable infrastructure. - 24/7 customer support #### Cons of DreamHost - Limited storage on some plans - Higher pricing compared to basic hosting options #### Pricing of DreamHost The starting price for DreamHost Managed WordPress hosting is around $16.95 per month. Pricing may vary based on selected features and billing cycles. ### 8. GreenGeeks ![](https://theplusaddons.com/wp-content/uploads/2025/04/GreenGeeks.png) [**GreenGeeks**](https://www.greengeeks.in/) offers managed hosting services that focus on sustainability. Their platform is designed to be eco-friendly, making it suitable for environmentally conscious users. You benefit from their commitment to renewable energy. GreenGeeks matches 300% of your energy use with renewable energy credits. They even support reforestation efforts, which adds to their green mission. The hosting service is user-friendly and supports WordPress. This makes it a great choice if you are using Elementor for your website. #### Pros of GreenGeeks - User-friendly interface - Supports free migration of cPanels - Provides good performance for WordPress sites #### Cons of GreenGeeks - Renewal prices may increase after the first term - Limited server locations compared to some competitors #### Pricing of GreenGeeks Basic shared hosting starts at $69.95 per month. Plans can increase upon renewal, but often provide good value with incentives like free domains. ### 9. HostArmada ![](https://theplusaddons.com/wp-content/uploads/2025/04/HostArmada.png) [**HostArmada**](https://hostarmada.com/) is a strong choice for managed WordPress hosting, especially for Elementor users. It offers various plans suitable for different needs, emphasizing speed and security.  HostArmada is a reliable managed WordPress hosting provider known for its speed, security, and user-friendly setup. Whether you're running a blog, business site, or online store, HostArmada gives you the stability and support to grow with ease. #### Pros of HostArmada - Fast loading times and high performance - Free website migration and daily backups - Built-in caching - User-friendly cPanel for managing your site #### Cons of HostArmada - The lower-tier plans have limited storage - Customer support may be slower during peak times #### Pricing of HostArmada The starting price is $2.49 per month, which is quite competitive. HostArmada provides a reliable option if you are looking to achieve solid performance with Elementor. ### 10. HostGator ![](https://theplusaddons.com/wp-content/uploads/2025/04/HostGator.png) [**HostGator**](https://www.hostgator.com/managed-wordpress-hosting) offers a WordPress hosting plan that is designed to make it easy for users to set up and manage their websites. This option is particularly useful for those using Elementor for page building. You can benefit from features like increased speed and security. HostGator provides free SSL certificates and easy site migrations. This makes it a solid choice for both beginners and experienced users. #### Pros of HostGator - Simple setup with one-click WordPress installs - Strong customer support available 24/7 - Enhanced security features included #### Cons of HostGator - Performance may not match premium hosts - Some users report limitations with lower-tier plans - WordPress-specific features may be less advanced compared to dedicated WordPress hosts #### Pricing of HostGator Affordable pricing starts at around $4.50 per month for the basic plan. ## Which Managed WordPress Hosting Should You Choose? **Kinsta** and **Elementor Hosting** are two of the best managed WordPress hosting service providers. - [**Kinsta**](https://go.posimyth.com/recommends/kinsta/) is built for speed, security, and scalability. It runs on Google Cloud’s premium tier, offers daily backups, a powerful dashboard, and top-notch support. It’s great for businesses that need reliable performance and expert help. - [**Elementor Hosting**](https://elementor.com/hosting/) combines the power of managed hosting with a seamless website-building experience. It’s perfect for creators who want everything—from design to hosting—under one roof, with automatic updates, built-in performance tools, and hassle-free setup. Both are excellent, depending on whether you want flexibility and power (Kinsta) or an all-in-one solution focused on design and simplicity (Elementor Hosting). ## Wrapping Up Choosing the right managed WordPress hosting isn’t just a checkbox, it’s a strategic decision that can shape your site’s performance, security, and scalability.  Whether you're a freelancer crafting client sites, an agency handling multiple projects, or an entrepreneur growing an eCommerce brand, managed hosting helps you stay focused on what matters—your business. In this blog, we have already covered the top-rated best hosting for WordPress websites, so you get peace of mind with automatic updates, daily backups, ironclad security, and round-the-clock expert support—so you can spend less time on server tasks and more time creating, scaling, and innovating. And if you're using **Elementor**, we’ve got something truly game-changing: [**The Plus Addons for Elementor**](https://theplusaddons.com/). With **120+ powerful widgets** and **1000+ ready-to-use templates**, this plugin supercharges your design toolkit, letting you build stunning, high-performance websites without hitting design or functionality roadblocks. Whether you're aiming for sleek portfolios, dynamic landing pages, or complex eCommerce layouts, this plugin has you covered. Explore all the widgets in The Plus Addons for Elementor now. ## FAQs on Managed Hosting for WordPress ### Why should I choose managed hosting for my WordPress site? Managed hosting provides numerous benefits, including improved site speed, better security, expert support, and hassle-free management. It’s ideal for beginners and those who want to ensure their site runs smoothly without getting into technical details. ### How much does managed WordPress hosting cost? The cost of managed WordPress hosting can vary widely depending on the provider and the features offered. Generally, prices range from $20 to $100+ per month. It’s important to choose a plan that fits your budget while meeting your website’s needs. ### Can I switch from shared hosting to managed WordPress hosting? Yes, you can easily switch from shared hosting to managed WordPress hosting. Most hosting providers offer migration services to help you transfer your website seamlessly. Just ensure that you back up your data before making the switch. ### Are there any downsides to managed WordPress hosting? While managed WordPress hosting offers many benefits, it can be more expensive than shared hosting. Additionally, some managed hosts may have restrictions on certain plugins or customizations. It’s essential to review the terms before signing up. ### How do I choose the best managed hosting provider for WordPress? To choose the best managed hosting provider, consider factors like uptime reliability, customer reviews, support options, pricing, and the specific features that meet your needs. Researching and comparing different providers can help you make an informed decision. ### Is technical knowledge required for managed WordPress hosting? No, technical knowledge is not required for managed WordPress hosting. These services are designed to handle the technical aspects of website management, making it suitable for beginners and those with limited technical skills. ### Can I host multiple WordPress sites on managed hosting? Many managed WordPress hosting providers allow you to host multiple WordPress sites on a single account, but this depends on the specific plan you choose. Be sure to check the provider’s policies regarding multiple installations. ### How can managed hosting improve my WordPress site’s performance? Managed hosting can improve your WordPress site’s performance through optimized server configurations, caching solutions, and content delivery networks (CDNs). These enhancements lead to faster loading times and an overall better user experience. --- # How to Add Logo Slider in WordPress Source: https://theplusaddons.com/blog/how-to-add-logo-slider-in-wordpress/ Want to showcase your credibility and build trust instantly? Learn how to add a logo slider in WordPress and make your site speak for itself. Adding logos of brands you’ve worked with can reinforce your reputation, especially when placed in a sleek slider that looks great on all devices. A logo slider in WordPress helps you display client logos in an eye-catching format. However, setting it up manually often brings compatibility issues, design limitations, or hours spent dealing with custom code. Plugins solve this. They save time, offer customizable options, and eliminate code entirely. In this article, we’ll walk through a simple way to add logo sliders using the Client Logos widget from The Plus Addons for Elementor. ## Key Takeaways - Add logo sliders easily in WordPress with The Plus Addons, no coding needed.[](https://theplusaddons.com/blog/how-to-add-logo-slider-in-wordpress/) - Multiple layout options: carousel, grid, masonry, and filter.[](https://theplusaddons.com/blog/how-to-add-logo-slider-in-wordpress/) - Free version allows unlimited, fast logo sliders. ## Why Should You Add Client Logos to Your WordPress Website? A client logo slider on your website tells visitors that your brand has been trusted by others. This adds credibility before you even say a word. You can display logos in sliders, grids, or carousels, based on your website’s layout and design. **Here’s why you should learn how to add client logo slider in WordPress:** ![](https://theplusaddons.com/wp-content/uploads/2025/04/client-logo.png) - **Builds instant credibility:** Potential customers are more likely to trust your services when they see logos of brands you’ve worked with. - **Creates a professional impression: **Featuring known client names, brands and their relevant external links shows that your business is established and experienced. - **Supports buyer decisions:** New leads often look for reassurance. Seeing familiar or respected logos helps them feel more confident about choosing you. - **Adds authenticity without testimonials: **Even without written reviews, logos act as silent endorsements from your clients. - **Strengthens your brand image:** It signals that your work meets a certain standard, backed by companies who’ve chosen to work with you. If you’re using Elementor, adding a logo carousel in WordPress can be done in just a few clicks using the right slider plugin with advanced features. Let’s get started with the step-by-step method to add a carousel slider for unlimited logos. *Showcase what your customers have to say about you with client reviews. Learn *[***how to add Google client reviews on your website***](https://theplusaddons.com/blog/embed-google-reviews-widget-on-website/)*.* ## How to Add Logo Slider in WordPress using Elementor [Step-by-Step] We’ll now go over how to add image slider in WordPress using the [**Client Logos widget from The Plus Addons for Elementor**](https://theplusaddons.com/elementor-listing//client-logos/). This widget makes it incredibly easy to create a clients logo gallery with zero coding effort. You can customize everything, from layout styles to transition effects, inside Elementor’s visual interface. **Here’s why designers love using this widget:** - You can display logos in multiple formats like carousel layout, grid, masonry, and filter. - It includes built-in controls to manage responsive sliders for different screen sizes. - You get full control over customizable layouts, styling, animations, and interactivity The widget supports both repeater fields and custom post types for flexibility - You can build a clean, professional slider in minutes. - It is built reliably so you can avoid security issues on your website. Below is an example of how the [**Client Logos Carousel Slider**](https://theplusaddons.com/elementor-listing/testimonials/carousel/) would look: Let’s go through the steps to create a sleek, fully responsive logo slider using this powerful widget. ### Step 1: Install and Activate the Plugin Head to your WordPress dashboard and navigate to the Plugins section. Click Add New, search for **The Plus Addons for Elementor**, and install it. Once done, activate the plugin. After activation, you'll notice a new tab in the sidebar named The Plus Addons. That’s where you’ll manage the carousel slider widget and all other widget options included with the plugin. ### Step 2: Activate the Clients Listing Widget To enable the widget that powers client logo sliders, go to **The Plus Addons > Widgets**. Use the search bar to type “**client**” and look for Clients Listing under the “**Listing**” category. Toggle the switch to activate it. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Activate-the-Clients-Listing-Widget.png) This widget is part of the freemium offering, so you won’t need the pro version to start using the basics. ### Step 3: Set Up the Client Post Type After enabling the widget, navigate to **The Plus Addons > Extra Options > Settings > Listing**. Under Client Post Type Settings, choose **ThePlus Post Type** from the dropdown and click **Save Settings**. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Set-Up-the-Client-Post-Type.png) This sets up a dedicated Custom Post Type in your dashboard, allowing you to manage each client’s logo, name, link, and category separately. ### Step 4: Insert the Clients Widget on a Page Open the page you want to edit using Elementor. Search for the **Clients** widget, then drag and drop it into your layout. This widget allows you to pull in client details using either a repeater or post type as the source. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Insert-the-Clients-Widget-on-a-Page.png) Go to the **Content Layout** panel. Choose your desired layout, select **Carousel** if you want a slider-style presentation. From the “**Select Source**” dropdown, choose **Repeater**. ![](https://theplusaddons.com/wp-content/uploads/2025/04/image-12.png) ### Step 5: Add Client Entries from the Dashboard Once the widget is added to your layout, it’s time to add your actual client data. Head to the **Manage Clients** section in Content Layout. Click on Add New, enter the Client Name, upload the company Logos, and add a company URL if you want the custom link somewhere. The plugin supports JPG and PNG image formats. You can also assign a **Category** here to enable filter-based layouts later. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Client-Entries-from-the-Dashboard.png) You can repeat this process to add as many logos as needed. The widget supports unlimited logos without affecting performance or causing security issues. ### Step 6: Fine-Tune Carousel Settings and Design Go back to your Elementor editor. Under the **Style** tab, you'll find Carousel settings. This is where you customize your logo slider's behavior and design. Set the number of visible logos per row for desktop, tablet, and mobile. You can also turn on navigation arrows, navigation buttons, dot indicators, autoplay, and loop features to improve the user experience. You can also choose color schemes, field selections and more. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Edit.png) Once everything looks good, hit the **Publish** button. Your client logo slider is now live and adds instant visual appeal and improves the user interface of your website. *Add a testimonial slider for even more credibility. Here are the *[***5 best testimonial slider plugins for WordPress**.*](https://theplusaddons.com/blog/best-testimonial-plugins-for-wordpress/) ## How to Add Client Logos in Grid, Masonry and Filtered Layouts Easily? If a carousel slider isn’t your preferred style, the Client Logos widget from The Plus Addons for Elementor comes with more than just a built-in carousel functionality. It also supports Grid, Masonry, and Filter layouts. You won’t need to follow a separate setup for these. Just pick your preferred layout type from the Content Layout panel in Elementor and the widget will adjust the design accordingly. **Here’s a quick overview of each layout and when it works best:** ### Grid Layout The **[Client Logos Grid layout](https://theplusaddons.com/elementor-listing//blog-post/grid/)** is perfect for a neat display of logos in equal-sized blocks. It offers a balanced look, especially when all your logos are of similar dimensions. Use this format when you want a clean, structured display without animations or movement. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Grid-Layout.png) ### Masonry Layout The [**Client Logos Masonry layout**](https://theplusaddons.com/elementor-listing//blog-post/masonry/) gives you a visually dynamic look. It automatically stacks logos based on height, creating a Pinterest-style design that works well when your logo images vary in size. It’s a great pick if you want to maintain visual variety with a wide range of logo styles while still keeping a compact layout. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Masonry-Layout.png) ### Filter Layout The [**Client Logos Filter layout**](https://theplusaddons.com/elementor-listing//woocommerce-product/filter/) lets users sort logos by category. You can assign categories to each client while adding them, and visitors can filter the logos using on-page controls. This layout is ideal if you serve multiple industries or want to improve user experience by helping users explore relevant logos faster. ## Wrapping Up The [**Client Logos widget from The Plus Addons for Elementor**](https://theplusaddons.com/elementor-listing//client-logos/) simplifies what usually takes hours into a task you can finish in minutes. With this plugin you can display logos of client easily and don’t need to write code or worry about compatibility. Just drag, drop, and customize directly in the Elementor editor, it’s fast, visual, and beginner-friendly. This widget is just one of over 120 tools available with The Plus Addons for Elementor. You’ll find everything from sliders and animated headlines to advanced form builders and interactive galleries. These widgets help you add more features to your site while keeping the design polished and professional. The Plus Addons for Elementor is a favorite among web designers for good reason. It’s incredibly easy to use, offers unlimited customizable features, and comes backed by proactive support. Every widget is built with performance and security in mind, so you get both flexibility and reliability. ## FAQs on Adding Logo Slider in WordPress ### What are the common issues when adding a logo slider in WordPress? Users often face layout shifting, compatibility issues, or missing logos due to incorrect image format. Sliders may not appear due to deactivated widgets or misconfigured settings. Using a reliable responsive plugin helps avoid broken layouts and improves display across all screen sizes. ### Does the logo sliders affect website performance? Yes, when not optimized, sliders can slow down page load times. Issues usually arise from heavy images, poor coding, or lack of lazy load support. A responsive slider plugin like The Plus Addons is built for speed and offers smooth transition effects and performance settings. ### Is it possible to add multiple logo sliders on a single page? Yes, you can add multiple sliders on one page using The Plus Addons. Each section can use a different layout with customizable options, categories, and navigation arrows. It’s designed to handle unlimited logos without creating layout conflicts or affecting your site’s performance. ### Is there a free way to add a logo slider in WordPress? Yes, many plugins offer a free version. The Plus Addons includes the Client Logos widget in its freemium plan. It lets you create basic client logo sliders with responsive design, animation effects and customizable features, no coding or paid subscription is needed to get started. ### Why is my slider not showing up in WordPress? Sliders often don’t appear due to missing content, disabled widgets, or shortcode errors. In other cases, custom CSS loading issues or conflicts with your theme might be the cause. Make sure your slider plugin is active, and all widget settings are configured correctly. --- # How to Pin Multiple Locations on Google Maps using Elementor? Source: https://theplusaddons.com/blog/how-to-pin-multiple-locations-on-google-maps/ Looking to pin multiple locations on Google Maps directly on your WordPress website? We’ve got you covered. Google Maps helps visitors quickly identify and navigate to your business locations, offices, or events. However, adding several pins manually can get complicated and frustrating, because default WordPress lacks built-in tools for placing multiple markers directly on Google Maps Luckily, plugins for the Elementor editor with specialized Google Map widgets simplify this process. You don’t have to struggle anymore to embed or update your maps. In this blog, you'll learn how to easily place multiple location pins using Elementor, step by step, without writing a single line of code. ## Key Takeaways - Use Google Map widget to add multiple pins. - Add each location with +ADD ITEM. - Adjust zoom to show all pins clearly. ## What are Location Pins in Google Maps? Location pins on Google Maps are visual markers indicating specific points on a map. When visitors click a pin, they see location details, including an address, directions, or additional context about that particular spot. Pins help users quickly find the exact places they're searching for. ![](https://theplusaddons.com/wp-content/uploads/2025/04/What-are-Location-Pins-in-Google-Maps.png) *Demo Image of Multiple Location Pins added using *[***The Plus Addons' Google Maps***](https://theplusaddons.com/elementor-widget/google-maps/)* widget* Pins typically appear as small, colored icons or markers that clearly pinpoint specific addresses or geographic coordinates. Businesses frequently use these markers to highlight store branches, event venues, or office locations directly on their websites. Location pins simplify navigation and enhance website usability by offering clear visual cues. ## Why Should You Add Multiple Location Pins on Google Maps? Adding multiple pins to your maps is beneficial if your business or website needs to display more than one location or event. **Here’s why placing multiple pins makes sense:** ![](https://theplusaddons.com/wp-content/uploads/2025/04/Why-Should-You-Add-Multiple-Location-Pins-on-Google-Maps.png) - **Easy Navigation for Visitors:** Visitors immediately see your business locations displayed visually. This clarity saves their time and effort when finding your nearest branch, office, or event venue. - **Highlight Multiple Service Areas**: Displaying multiple pins effectively showcases all areas your business covers. Visitors quickly understand your geographic reach. - **Efficient Route Planning:** If your customers often visit different locations, pins enable efficient multi-stop route planning. Customers can conveniently plan visits and optimize their travel between locations. - **Better Customer Experience: **Clearly marked multiple locations deliver an improved customer experience. Visitors appreciate the straightforward navigation which increases customer satisfaction and the engagement on your website. *Looking for easy ways to add maps to your website? Here are the *[***best WordPress Map Plugins****.*](https://theplusaddons.com/blog/wordpress-map-plugins/) ## How to Pin Multiple Locations on Google Maps [Step-by-Step] [**The Plus Addons for Elementor’s Google Maps widget**](https://theplusaddons.com/elementor-widget/google-maps/) offers many customization options and comprehensive features that helps you pinpoint locations to help your customers find your accurate location. In case you're a visual learner, here's a quick video tutorial for you: https://youtu.be/vKcE8D53sug?si=AO9teZuK4PlsZSR2 And if you're a textual learner, here's the step-by-step guide to adding and managing multiple pins using this widget. ### Step 1: Install and Activate The Plus Addons for Elementor To begin, install and activate The Plus Addons for Elementor plugin from your WordPress dashboard. Make sure both the base plugin and the Pro version are active. This widget is part of the Pro pack, so having the **[upgraded version](https://theplusaddons.com/pricing/)** is essential. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Install-and-Activate-The-Plus-Addons-for-Elementor.png) Once activated, head over to ***The Plus Addons > Widgets***. Use the search field to locate “**Google Map**” and toggle it on. Hit “**Save**” to apply your settings. This will enable the specialized widget inside the Elementor editor. ### Step 2: Generate and Add Your Google Maps API Key Before the map can load real-time location details, you’ll need to add a valid API key. Go to **The Plus Addons > Extra Options > Settings** and scroll to the “Google Maps API Key” section. Click the link provided to access the Google Cloud API console. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Generate-and-Add-Your-Google-Maps-API-Key.png) There, create a new project, complete the setup, and copy your API key. Back in WordPress, paste this key into the designated input field and save your changes. Without this key, the map won’t display any pin location on the frontend. *For Detailed steps, check *[***How to generate Elementor Google Maps Widget API Key?***](https://theplusaddons.com/docs/generate-elementor-google-maps-api-key/) ### Step 3: Drag and Drop the Google Map Widget Open the page where you want to display the map and click **Edit with Elementor**. In the Elementor panel, search for “**Google Map**.” You’ll see two options: select the one from The Plus Addons (TP written on top right of the box). ![](https://theplusaddons.com/wp-content/uploads/2025/04/Drag-and-Drop-the-Google-Map-Widget.png) Drag this widget into your layout. Once it loads, you’ll see settings like Map Type, Content, and Map Style. Under Map Type, select “**Google Map**” from the dropdown list. This will activate the familiar map interface your visitors expect to see. > ***Tip:** Position your Google Maps section where users naturally expect it, like just above the contact form or on a dedicated Find Us page. You can also place it after location-specific content or alongside your *[***Google reviews***](https://theplusaddons.com/blog/embed-google-reviews-widget-on-website/)* section to give users quick context and directions.* ### Step 4: Add Your First Location Pin Now go to the **Content** tab and look for the **Add Multiple Location Point** section. Click on the default item, and input the latitude, longitude, and address. If you don’t know the correct location coordinates, click the provided link to visit [latlong.net](https://www.latlong.net/). Use the search box to type your location name. Copy the coordinates shown and paste them into the respective fields in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Your-First-Location-Pin.png) You’ll see the map update with a new marker icon, confirming the first pin location is set correctly. ### Step 5: Add More Pins to Map Multiple Locations To plot another point, click **+Add Item**. A new set of fields will appear. **Follow the same process:** get the coordinates, paste them in, and give your current location a name. You can add numerous locations, depending on your needs. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-More-Pins-to-Map-Multiple-Locations.png) Each item gets its own pin, and all pins appear on the same custom map. You can update the text custom labels for each pin to match your business branches, event names, or office titles. Custom labels help users identify places easily on the map. ### Step 6 : Customize Pins, Map Style, and Zoom Level To improve the map’s appearance, head to the **Map Style** section. Adjust the map zoom level so all pins stay visible at once. If your pin locations are spread across cities, zooming out helps maintain visibility without losing clarity. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Customize-Pins-Map-Style-and-Zoom-Level.png) You can change the map type (roadmap, satellite, terrain, hybrid), pin colors, and apply different themes for a more branded look. You can also add custom map pins to display current locations, branches, fastest routes and more. ## Wrapping Up Displaying multiple location pins on Google Maps helps visitors view all your locations in one place. You can highlight stores, offices, or event spots, to improve navigation and build trust. With The Plus Addons for Elementor's Google Maps widget, you can place multiple pins, customize their appearance, and manage everything in the Elementor editor with no code required. This widget is just one of over [**120+ Elementor**](https://theplusaddons.com/elementor-widgets/) widgets included in The Plus Addons for Elementor. From advanced content elements to interactive design tools, each widget is built to add functionality, improve visual appeal, and speed up your design process. The Plus Addons for Elementor is intuitive to use, equipped with advanced features, and fully optimized for performance. It’s also compatible with the latest versions of Elementor and WordPress, making it a reliable addition to any website built with Elementor. ## FAQs on Pinning Multiple Locations on Google Maps ### Can I pin multiple places on Google Maps? Yes, Google Maps lets you pin multiple locations easily using tools like Google My Maps or map plugins. It helps display all relevant locations on a single map, making it easier for visitors to find addresses and navigate without switching between maps. ### What is the maximum number of pins you can drop on Google Maps? You can drop up to 2,000 pins per layer across 10 layers using Google My Maps. That means you can add hundreds of locations which is more than enough to map out business branches, service areas, or multiple events. ### Can I remove a Pinned location from Google Maps? Yes, just click the pin location you want to delete and select the remove option. If the map is embedded on your site, you’ll need to update the source map or use your WordPress plugin settings to remove the specific marker. ### Is it possible to pin a location on Google Maps using coordinates? Yes, you can add a Google Map pin in a simple step using latitude and longitude values. Just enter the coordinates into the search bar, and Google Maps will drop a pin at that exact location, even if you don’t have a specific address available. ### How do I integrate multiple Google Maps locations without coding in Elementor? Use The Plus Addons for Elementor’s Google Map widget to map multiple addresses visually. It’s a no-code solution that lets you drop, label, and customize multiple pins directly inside Elementor using a simple interface with flexible settings. ### Can I plot multiple addresses on Google Maps? Yes, Google Maps allows you to plot multiple addresses on a single map. This is especially useful for showing different business locations or regional offices in one place, helping users find the location nearest to them and navigate efficiently between each destination. ### Does Elementor have a built-in feature for multiple location markers on Google Maps? Elementor doesn’t support multiple location markers by default. To display multiple pins, you’ll need a plugin like The Plus Addons, which adds advanced mapping widgets that give you full control over your business pin placement and design inside your Elementor editor. ### Can I add custom icons to multiple pins on Google Maps using Elementor? Yes, you can set a [**custom map marker icon**](https://theplusaddons.com/docs/elementor-google-maps-custom-marker/) for each pin using Elementor-compatible plugins. You can also change the marker color to match your brand, helping users visually distinguish locations and improving the overall map navigation experience. --- # 5 Best WordPress Product Review Plugins Source: https://theplusaddons.com/blog/best-wordpress-product-review-plugins/ Are you having difficulty establishing credibility and attracting visitors to your WordPress site? Without compelling product reviews, your audience may be reluctant to trust your recommendations, resulting in lost sales and missed opportunities. Imagine the frustration of losing potential customers simply because your reviews lack engagement and authenticity. This is where the right wordpress product review plugin can make all the difference.  These tools not only improve your site’s credibility but also empower you to present engaging and trustworthy reviews that guide customers toward informed purchasing decisions. In this blog, we’ll explore the best WordPress product review plugins available, helping you choose the perfect tool to elevate your site and boost your business. Let’s begin! ## What is a WordPress Product Review Plugin? A product review plugin in WordPress is a specialized tool that allows website owners to add review and rating functionality to their sites, particularly for e-commerce and product-focused websites. These plugins enable users to share their opinions and experiences about products, which can help other potential customers make informed purchasing decisions. Product review plugins not only help you gather feedback but also improve your site’s overall effectiveness in converting visitors into customers. ## Best WordPress Product Review Plugins Compared | **Sl. No.** | **Plugin Name** | **Pricing** | | ----------- | --------------- | ----------- | | 1 | WP Customer Reviews | Free | | 2 | Customer Reviews for WooCommerce | Free  + $49/yr | | 3 | Site Reviews | Free  + $49/yr | | 4 | Photo Review WooCommerce | Free  + $32/yr | | 5 | Wiremo | Free trial  + $16.99/month | When choosing a product review plugin for your WordPress site, it’s important to consider features, ease of use, and compatibility.  Below are detailed comparisons of five popular options, focusing on what sets each apart.  ### 1. WP Customer Reviews ![](https://theplusaddons.com/wp-content/uploads/2025/04/WP-Customer-Reviews.png) [WP Customer Reviews](https://wordpress.org/plugins/wp-customer-reviews/) allows you to manage and display customer feedback easily. You can set up a custom review page, making it straightforward for users to submit their reviews. The plugin is simple to install and works with any WordPress theme. It focuses on user-generated content, which can enhance trust and credibility. #### Key Features of WP Customer Reviews - Fully customizable fields for feedback collection. - Supports shortcodes to display reviews wherever you want on your site. - It’s a fast and lightweight plugin. - Includes an external stylesheet, allowing you to modify reviews according to your site theme. #### Pricing of WP Customer Reviews It’s a free plugin available on the WordPress plugins repository. ### 2. Customer Reviews for WooCommerce ![](https://theplusaddons.com/wp-content/uploads/2025/04/Customer-Reviews-for-WooCommerce.png) The [Customer Reviews for WooCommerce](https://wordpress.org/plugins/customer-reviews-woocommerce/) plugin is designed specifically for WooCommerce users, making it perfect for eCommerce sites. It allows you to encourage customers to leave reviews after purchasing. #### Key Features of Customer Reviews for WooCommerce - Allow customers to submit reviews effortlessly through on-site forms or aggregated forms that collect feedback from multiple sources. - Sends review reminders automatically or manually via email or WhatsApp. The ‘Click to Chat’ feature makes it easy for customers to leave feedback instantly. - Includes star ratings and comments for better insight. - Let customers ask and answer product-related questions to improve engagement and decision-making. #### Pricing of Customer Reviews for WooCommerce The plugin has a free version, and the paid plan starts at $49 per year. ***Recommended Read:**** *[*How to Set Up Google Pay on WooCommerce*](https://theplusaddons.com/blog/how-to-set-up-google-pay-on-woocommerce/) ### 3. Site Reviews ![](https://theplusaddons.com/wp-content/uploads/2025/04/Site-Reviews.png) [Site Reviews](https://wordpress.org/plugins/site-reviews/) stands out for its flexibility and customizable options. You can create both public and private reviews, which is great for a variety of businesses. #### Key Features of Site Reviews - Choose how your reviews look with multiple layout options. - Users can vote on the helpfulness of reviews, increasing engagement. - Helps to easily place reviews in posts or pages using shortcodes. - Supports multiple languages. #### Pricing of Site Reviews It’s a freemium plugin, meaning it has a free plan, and the paid version starts at $49 per year. ### 4. Photo Reviews for WooCommerce ![](https://theplusaddons.com/wp-content/uploads/2025/04/Photo-Reviews-for-WooCommerce.png) [Photo Reviews for WooCommerce](https://wordpress.org/plugins/woo-photo-reviews/) is unique because it allows customers to submit reviews with images. Visual feedback can boost the credibility of your products. #### Key Features of Photo Review WooCommerce - Allows customers to attach images with their reviews, providing authentic visual feedback. - The plugin rewards photo reviews with a thank-you email and a discount coupon. - Has a clean layout that encourages submission. - The plugin helps ensure data protection compliance with consent messages and checkboxes for customer reviews. #### Pricing of Photo Review WooCommerce You can download the free version from the WordPress plugin repository. The paid version starts at $32 per year. *Struggling to find the perfect search solution for your WooCommerce store? Here’s a list of the *[***Best WooCommerce Search Plugins***](https://theplusaddons.com/blog/best-woocommerce-product-search-plugins/)***.*** ### 5. Wiremo ![](https://theplusaddons.com/wp-content/uploads/2025/04/Wiremo.png) [Wiremo](https://wordpress.org/plugins/wp-reviews-by-wiremo/) focuses on automating the review-gathering process through email and social media integrations. It’s a great choice if you want a hands-off approach. #### Key Features of Wiremo - Displays customer-uploaded images alongside reviews, providing social proof that influences purchase decisions. - Allows for sharing reviews easily across social platforms. - Showcase top reviews in a visually appealing format. - Improves online visibility by optimizing reviews for search engines. #### Pricing of Wiremo Wiremo provides a free trial of 14 days, and the paid version starts at $16.99/month. ## How to Choose the Right WordPress Product Review Plugin? Here are some key factors to consider when selecting the right review plugin for your WooCommerce store on WordPress: - **Ease of Use:** Look for a user-friendly interface with a simple setup, clear documentation, and straightforward review submission forms. - **Customization Options:** Choose a plugin with various templates, adjustable review criteria, and options to add media for enhanced user engagement. - **Seamless Integration:** Ensure the plugin integrates smoothly with WooCommerce for automated review collection and displays reviews on product pages. - **Moderation Tools:** Select a plugin with features for approving/rejecting reviews, flagging issues, and responding to customer feedback for quality control. *Want to protect your WooCommerce store? Learn here - *[***How to Protect WooCommerce Store from Fraud & Fake Orders***](https://theplusaddons.com/blog/protect-woocommerce-store-from-fraud-fake-orders/) ## Wrapping Up Choosing the right WordPress product review plugin is important for improving user experience.  Each of the plugins listed above in this blog has unique features and benefits. Assess what you need for your site, whether it's SEO benefits, ease of use, or advanced features. By using the right plugin, you can attract more users and build trust with your audience. For Elementor users, there’s one awesome plugin that you can use to improve the functionality of your WooCommerce store on WordPress - [**The Plus Addons for Elementor**](https://theplusaddons.com/). This plugin provides many widgets, such as  - [**WooCommerce Product Styles for Elementor**](https://theplusaddons.com/elementor-listing//woocommerce-product/) - [**WooCommerce Store Builder for Elementor**](https://theplusaddons.com/elementor-builder/woocommerce-builder/) - [**WooCommerce Product Grids for Elementor**](https://theplusaddons.com/elementor-listing//elementor-woocommerce-product/grid/)** ** - [**WooCommece Product Category Filters for Elementor**](https://theplusaddons.com/elementor-listing//elementor-woocommerce-product/filter/). Not just that, The Plus Addons have a wide variety of widgets to improve the functionality of your Elementor-built website. ## FAQs on WordPress Product Review Plugins ### Why do I need a product review plugin for my WordPress site? A product review plugin enhances your content by making reviews more engaging, structured, and SEO-friendly. It also helps improve user trust and increases affiliate marketing potential. ### Are WordPress review plugins free? Some product review plugins are free with basic features, while others offer premium versions with advanced functionalities like schema markup, comparison tables, and custom rating styles. ### Can I use a product review plugin for affiliate marketing? Yes! Many WordPress product review plugins allow you to add affiliate links, create comparison tables, and highlight key product features to boost conversions. ### Which features should I look for in a WordPress review plugin? Look for features like star ratings, schema markup (for SEO), user reviews, customizable templates, and affiliate integration. ### Will a review plugin slow down my website? Some plugins can impact website speed, so it’s important to choose a lightweight and well-optimized plugin. ### How does a product review plugin improve SEO? Many review plugins add schema markup, which helps search engines display rich snippets (like star ratings) in search results, improving click-through rates. ### Can users submit their own reviews with these plugins? Yes! Some product review plugins allow users to leave reviews, ratings, and comments, making your site more interactive. ### Do I need coding knowledge to use a review plugin? No, most WordPress product review plugins are beginner-friendly and offer a simple interface to add reviews without coding. --- # How to Create Dropdown Menu in WordPress Source: https://theplusaddons.com/blog/how-to-create-dropdown-menu-in-wordpress/ Users expect smooth website navigation, and failing to provide that can significantly impact their experience. A cluttered or confusing menu can leave your audience feeling frustrated and lost, leading to high bounce rates and missed opportunities. The good news is that you can easily upgrade your website's navigation by creating a dropdown menu in WordPress! A well-structured dropdown menu simplifies the user journey, allowing visitors to access your content effortlessly. In this blog post, we’ll guide you step-by-step on how to create dropdown menu in WordPress, ensuring your site is both visually appealing and user-friendly. Let’s get started! ## What are Dropdown Menus in WordPress? Dropdown menus are a useful feature for organizing your website's navigation. They allow you to display multiple options under a single menu item.  This helps visitors find what they need quickly. Here, you can build your main menu and add sub-items that will appear in a dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/03/What-are-Dropdown-Menus-in-WordPress.png) **Adding a dropdown menu provides many benefits as:** - **Organized Navigation:** It helps group similar items together for easier access. - **User-Friendly:** Helps visitors navigate without cluttering the main menu. - **Aesthetic Appeal:** Improves the look of your site by providing a clean layout. ## How to Create Dropdown Menu in WordPress [Easy Methods] There are several methods for creating a dropdown menu in WordPress. We’ll discuss the easiest three methods to help you create a smooth dropdown menu for your website. ### Method 1: Using WordPress Built-in Menu Option #### Step 1: Create a New Menu To create a new menu, start by going to your WordPress dashboard. Navigate to **Appearance** and then select** Menus**. ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXchwQ2ttrv8901yVZgmaE7-VzRHsLbp4-gFZCLRfPJwdrAdW9FjMF6ghQfwIIuptTxIwI702S55NietA1Iqux-FGwpWNdw3bLSIdXc6l8RA0Cb4K440-QE07tjqupflqMpDR0qDBQ?key=2mgAd3q9ZJFFCuaXhmuP5k62) Here, you can create a new menu by clicking on the “**create a new menu”** option. ![](https://theplusaddons.com/wp-content/uploads/2025/03/create-a-new-menu.png) Enter a name for your menu, such as "Main Navigation," and click **Create Menu**.  Once created, you can set this menu to the desired location by checking the box next to the theme location options provided. #### Step 2: Add Menu Items After creating your menu, you can add items to it. On the left side of the menu screen, you’ll see options like Pages, Posts, and Custom Links. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-Menu-Items-1.png) Check the boxes next to the items you want to add, then click **Add to Menu**. This action moves these items to the right side, where your menu structure displays.  You can also add categories or custom links by following similar steps. #### Step 3: Organize Menu Structure and Order Once you have added your menu items, you can easily change their order. Drag and drop the items to position them as you like. Now, move a sub-item slightly to the right under the main item. This action will nest items (sub-menu). ![](https://theplusaddons.com/wp-content/uploads/2025/03/Organize-Menu-Structure-and-Order.png) Make sure to save your changes by clicking the **Save Menu** button. A clear structure helps users find what they’re looking for quickly.  Keep the most important links at the top for better access. ***People Also Read: ***[*How to Add a Menu in WordPress?*](https://theplusaddons.com/blog/how-to-add-menu-in-wordpress/) ### Method 2: Using Plugins Using plugins can make it easier to create a dropdown menu in WordPress. With the right plugin, you can customize your menus without needing to code.  Here are the key steps to choose, install, and effectively set up a dropdown menu plugin. #### Step 1: Selecting the Right Plugin Start by choosing a suitable plugin for your needs. Some popular options include: - [Max Mega Menu:](https://wordpress.org/plugins/megamenu/) Great for creating complex dropdown menus with ease. - [WP Mega Menu](https://wordpress.org/plugins/quadmenu/): Easy to use and offers a lot of customization. - [Responsive Menu](https://wordpress.org/plugins/responsive-menu/): Perfect for creating mobile-friendly menus. Check user reviews and the number of active installations.  For your menu to function well, pick a plugin that’s regularly updated and supported.  Compatibility with your WordPress version is also essential to avoid issues. #### Step 2: Plugin Installation and Activation Once you have chosen a plugin, you need to install it. Go to your WordPress dashboard and click on '**Plugins**' > '**Add New Plugin**.' ![](https://theplusaddons.com/wp-content/uploads/2025/03/New-Plugin.png) Search for the plugin name. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Search-Plugins-1024x285.png) After your desired plugin appears, click '**Install Now**' and then '**Activate**' once it’s installed. After activation, you may see a new menu option added to your dashboard.  Follow the prompts to start creating and customizing your dropdown menus. Most plugins offer preview options, so you can see changes in real-time.  Don’t forget to save your settings after making adjustments. This will allow your dropdown menu to function properly on your site. ***Recommended Read:**** *[*How to Create Mega Menu in Elementor*](https://theplusaddons.com/blog/build-mega-menu-on-elementor/) ### Method 3: Using the Navigation Block To create a dropdown menu using the Navigation Block in WordPress, open the page or post where you want to add the dropdown menu. Click on the “**+**” icon to add a new block. This is usually found in the upper left corner of the editor. Search for **Navigation** in the block options and select it. This will create a new navigation menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Navigation.png) Click on “**Add Link**” to start adding more items to your menu. You can link to pages, posts, or custom URLs. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-Link-or-URL.png) To turn a menu item into a dropdown, select the navigation menu block and then select the menu item for which you want to add a dropdown, and add a submenu block.  ![](https://theplusaddons.com/wp-content/uploads/2025/03/Submenu.png) This will nest this menu item in a dropdown of the parent item. Then click on the** Add link** to add the link. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-link.png) You can customize your dropdown menu by clicking on any menu item to change its name or link. You can also rearrange items by clicking and dragging them. Once you are happy with your menu, click “Update” or “Publish” to save your changes. Your navigation menu should now contain a dropdown that visitors can use to navigate your site easily. ***Further Read:**** *[*How to Create a Circle Menu in WordPress*](https://theplusaddons.com/blog/how-to-create-circle-menu-in-wordpress/) ## Wrapping Up Creating a dropdown menu in WordPress is a simple yet powerful way to improve your site's navigation and user experience.  Whether you use the built-in WordPress Customizer, a plugin, or the Navigation Block, each method offers flexibility to organize your menu effortlessly. A well-structured menu not only helps visitors find what they need quickly but also enhances the overall look and functionality of your website.  By taking the time to set up a clear, user-friendly menu, you can keep visitors engaged and guide them toward important pages easily. If you’re an Elementor user, there are multiple widgets that The Plus Addons for Elementor plugin provides, such as  - [**Mega Menu for Elementor**](https://theplusaddons.com/elementor-builder/elementor-mega-menu/) - [**Mobile Menu for Elementor**](https://theplusaddons.com/elementor-widget/elementor-mobile-menu/) - [**Navigation Menu**](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) - [**Circle Menu Widget for Elementor**](https://theplusaddons.com/elementor-widget/elementor-circle-menu/) and many more. ## FAQs on How to Create Dropdown Menus in WordPress ### Do dropdown menus affect SEO? Yes, dropdown menus can impact SEO depending on how they are implemented. Search engines need to crawl and index the links within them properly. ### Are dropdown menus bad for page load speed? If the dropdown menu relies on heavy JavaScript or bloated code, it can slow down page loading, which indirectly affects SEO. ### How do I modify an existing dropdown menu in WordPress? To modify an existing dropdown menu, go to your WordPress dashboard. Click on "Appearance" and then "Menus." Select your menu, then drag and drop items to rearrange them. You can also add or remove items as needed and save the changes when finished. ### Can I create a dropdown menu in WordPress without linking to pages? Yes, you can create a dropdown menu without linking to pages. Simply create a custom link and enter “#” as the URL. This approach allows you to create dropdown items that do not lead anywhere while still providing an organized menu structure. ### What is the process for building a collapsible menu on a WordPress website? To build a collapsible menu, use a theme or plugin that supports this feature. Typically, it involves adding a “menu” widget to your site’s sidebar or header. In the settings, enable the collapsible option, allowing users to expand or hide menu items as needed. --- # 8 Ways to Fix WordPress Images Not Displaying Issue Source: https://theplusaddons.com/blog/how-to-fix-wordpress-images-not-displaying/ Have you ever encountered WordPress images not displaying after spending hours building your website? We have ways to solve this quickly!  There’s nothing that can disrupt your website’s impact faster than images failing to appear.  When visitors land on your site and see empty boxes instead of compelling visuals, they quickly lose interest.  Images bring life to your content and boost engagement, conversions, and your website’s overall appeal.  Facing image display issues can leave you with an incomplete website that quickly makes visitors feel negatively about your brand.  In this article, you'll learn why your WordPress images are not showing and how to quickly resolve this.  ## What Causes the WordPress Images Not Displaying Issue? When your WordPress images are not showing properly, it creates a gap in communication, affects branding, and disrupts your site’s visual flow.  Users expect a smooth experience, and missing images send the opposite message.  This issue can be caused by several factors working behind the scenes.  ![](https://theplusaddons.com/wp-content/uploads/2025/03/What-Causes-the-WordPress-Images-Not-Displaying-Issue.png) Below are some common reasons why your images are not displaying on WordPress websites, explained with context so you can easily identify what might be going wrong. **1. Incorrect File Permissions** WordPress stores media in specific folders. If those folders don’t have the right file permissions, the system can't access your image file.  This often results in WordPress uploaded images not displaying or showing as broken links. **2. Browser Cache** Your browser saves versions of your site to load it faster next time. However, when cached content is outdated, it prevents new image URLs from displaying.  Clearing the browser cache usually helps load updated images correctly. ***Related Read:**** *[*6 Best Caching Plugins for Improved Performance*](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/) **3. Plugin Conflicts** Plugins can sometimes clash with each other or with your theme.  These plugin conflicts can block WordPress images not displaying properly, especially if a plugin affects image optimization, security, or CDN delivery. **4. Theme Conflicts** Your current theme might be outdated or incompatible with WordPress’s latest updates.  This can lead to WordPress images not showing on live site, especially if your theme overrides media display functions or includes broken custom code. **5. Image Hotlinking** If your images are hosted elsewhere or if another site is using them, image hotlinking can break their delivery.  Some servers block hotlinked images, causing WordPress photos not displaying correctly on your pages. **6. Incorrect Image Paths or URLs** If your image URLs are broken or point to non-existent locations (often due to migration or directory changes), your images won’t load.  This can trigger WordPress uploaded images not showing in media library or across your posts. ## WordPress Images Not Displaying in Media Library When you upload images to WordPress, they’re stored in the /wp-content/uploads/ folder and organized by year and month. These files are then indexed in the Media Library, allowing you to reuse them anywhere on your site.  If that system breaks, your WordPress images not showing in the Media Library can slow down your workflow. This issue usually points to permission errors, corrupted files, or missing image previews. You might see blank boxes instead of thumbnails, even if the image is technically there.  In many cases, WordPress uploaded images not displaying happens because the file path or directory structure has changed. Another trigger could be a plugin or theme that modifies how the Media Library loads images. Some optimization or CDN plugins interfere with image previews. *Adding images in background can help you make your site more aesthetic. Here's*[* ****how you can add background images using Elementor***](https://theplusaddons.com/blog/how-to-add-background-image-in-elementor/)***.** * ## WordPress Images Not Displaying in Posts When you add an image to a post, WordPress generates an HTML reference using the image URL from the Media Library. It doesn’t embed the image directly, it just links to it.  If that URL is broken, your WordPress images not showing in posts becomes a real issue. Sometimes the image uploads fine but never loads in the post itself. This often happens when the file was deleted later or never fully uploaded.  Other times, WordPress uploaded images not displaying is caused by changes in theme structure or a plugin altering how media appears inside posts. Even small things like lazy loading or blocked hotlinking can cause trouble. A poorly configured caching plugin, incorrect file permissions, or custom code changes in the theme may interfere with how images render in posts.  These issues lead to WordPress images not showing on live site, even though they display correctly in the backend. ## How to Fix WordPress Images Not Displaying Issue [Proven Ways] **You’ve pinpointed the issue:** your WordPress images not displaying properly across posts, the Media Library, or your live site.  **Now comes the good part:** fixing it.  Most image display problems stem from small misconfigurations or overlooked settings. Here’s how to tackle the most common reasons behind images not showing on your WordPress site. ### 1. Clear Cache Your browser and caching tools often store older versions of your site. If you’ve updated images recently but still see broken links or missing visuals, browser cache might be the reason. Start by clearing your browser cache manually, this forces your browser to reload the page with fresh content.  If you're using a caching plugin like WP Super Cache or W3 Total Cache, clear the cache there as well. In most plugins, you’ll find a "Clear Cache" or "Purge All Caches" button in the top bar or under plugin settings in the dashboard. Once that’s done, refresh your site in an incognito window. If the images now appear, you’ve successfully fixed one of the most frequent causes of WordPress images not showing. ***Recommended Read:**** *[*How to Clear Elementor Cache [3-Step Beginners Guide]*](https://theplusaddons.com/blog/how-to-clear-elementor-cache/) ### 2. Resize and Rename the Image Large image files can trigger errors during upload or slow down the loading process, especially on shared hosting.  If your WordPress uploaded images are not displaying, it could be due to oversized images or filenames with special characters. Before uploading, resize your images to a manageable width (like 1200px or less) and keep file sizes under 500KB when possible. Then rename them using simple, hyphenated names like homepage-banner.jpg. Avoid spaces or symbols. Once resized and renamed, upload the new version using the Media Library or the post editor.  This small step often solves unexpected image-loading issues, especially when the original file failed to upload correctly. ### 3. Switch to a Default Theme Sometimes, your current theme might be interfering with how images load, especially featured images or post thumbnails.  If you’re seeing WordPress images not showing on a live site but everything looks fine in the backend, the theme could be the issue. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Switch-to-a-Default-Theme.png) To test this, go to ***Appearance > Themes*** and activate a default theme like ***Twenty Twenty-Four/Five***.  Once activated, reload your site. If the images now appear correctly, your previous theme had a conflict. You can then contact the theme developer for support or consider switching to a more compatible theme. This quick check helps confirm whether theme conflicts are behind your broken images. *Looking for themes without compatibility issues? Here are the*[* ****5 best Elementor themes****.*](https://theplusaddons.com/blog/best-elementor-themes/) ### 4. Modify File Permissions WordPress stores all uploads in the /wp-content/uploads/ folder. If this folder, or the images inside it, have incorrect permissions, your images won’t display properly, even if the files are present.  This is a major reason behind WordPress media library not displaying images. Using your control panel’s file manager or an FTP client like FileZilla, locate the uploads folder.  Right-click and set the permission for folders to 755 and files to 644. These are the standard settings WordPress needs to read and serve your images. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Modify-File-Permissions.gif) After adjusting, refresh your site and media library. In many cases, this fixes issues like blank thumbnails or WordPress uploaded images not showing in the media library. ### 5. Update Your PHP to Latest Version An outdated PHP version can cause unexpected bugs, including broken media functionality.  Some image-related features might rely on newer PHP versions, so running on PHP 5.6 or 7.0 could limit compatibility. Head to your hosting dashboard (or ask support) to check and [update your PHP](https://theplusaddons.com/blog/update-php-in-wordpress/) version to the latest stable release. This small backend upgrade not only helps fix WordPress images not displaying properly, but also improves your site’s speed and security. After updating, revisit your media library and check your posts. You might see broken image URLs working again without needing to re-upload the files. ### 6. Disable Hotlinking If you’ve enabled hotlink protection through your host or a security plugin, it might block images from appearing, even on your own site.  Hotlinking is designed to prevent others from embedding your images, but it can sometimes backfire. You can test this by disabling hotlink protection settings in your security plugin or cPanel. If you’re using a CDN like Cloudflare, look for hotlink protection in its dashboard and toggle it off temporarily. Once disabled, check your site again. If your WordPress images not showing an issue disappears, adjust your settings to allow internal domains while still blocking external ones. *Facing issues while embedding social posts on WordPress? Here's **[How to Fix Facebook and Instagram oEmbed Issue in WordPress](https://theplusaddons.com/blog/how-to-fix-facebook-and-instagram-oembed-issue-in-wordpress/)*** ### 7. Deactivate and Activate All Plugins Plugins can conflict with each other or with your theme, especially if one modifies how images load, compress, or cache.  If images not displaying on WordPress website started after installing or updating a plugin, this is your clue. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Deactivate-and-Activate-All-Plugins.png) Go to ***Plugins > Installed Plugins*** and deactivate all of them. Then check your site.  If the images return, you’ve confirmed it’s a plugin issue. Reactivate plugins one at a time, refreshing the site after each activation, to isolate the culprit. Once found, either replace the plugin or contact the developer. This method helps uncover hidden plugin conflicts that affect image visibility. ### 8. Increase the PHP Memory Limit WordPress needs a certain amount of server memory to handle operations. If it runs out, images might fail to load, especially when uploading several files at once.  This often leads to WordPress uploaded images not displaying, or files not appearing in the Media Library. [To increase memory](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/), access your wp-config.php file from the site’s root folder. Add this line just before the "That's all, stop editing!" comment: `define('WP_MEMORY_LIMIT', '256M');` Save the file and refresh your site. This change gives WordPress more breathing room to process larger image files or media-heavy content, preventing many image display issues. ## Wrapping Up Before jumping into any of these solutions, assess your experience level. If you're new to WordPress, start with simpler steps like clearing your browser cache or resizing images.  These options offer a quick fix without technical complexities. For advanced users, modifying file permissions, updating PHP versions, or increasing PHP memory provides more thorough solutions.  Always [back up your website](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) before trying advanced methods to prevent accidental data loss or further complications. To completely sidestep image issues and enhance your website's appeal, consider a comprehensive plugin like The Plus Addons for Elementor. This intuitive plugin offers [120+ Elementor widgets](https://theplusaddons.com/elementor-widgets/) to upgrade your website effortlessly.  With extensive customization and easy-to-use options, it boosts your Elementor editor's functionality in no time.  ## FAQs on Fixing WordPress Images Not Displaying Issues  ### Why do some images load while others don’t in WordPress? Some WordPress images not showing occur due to incorrect file permissions, corrupted image files, or faulty image URLs. Browser cache issues or plugin conflicts may also cause selective image loading. Verify these factors individually to identify and resolve your issue effectively. ### Why are my WordPress images not visible after uploading? When WordPress uploaded images are not displaying, common reasons involve incorrect upload paths, improper file permissions, or corrupted images. Confirm correct paths in your uploads folder, check for corrupted files, and adjust permissions (folders: 755, files: 644) to restore visibility. ### Do WordPress plugins cause images not to show up? Yes, plugins can definitely cause WordPress images not displaying properly. A faulty or outdated plugin might conflict with image rendering or interfere with your media files. Try deactivating plugins one by one to spot the issue, then update or replace the one causing trouble. ### Why are my images not loading in WordPress? WordPress images not showing could be due to broken image URLs, corrupted files, or outdated themes and plugins. In some cases, the browser cache or incorrect file permissions also blocks images from loading. Check each factor to restore proper image display on your site. ### Can a caching plugin cause WordPress images to not display? Yes, a caching plugin might cause WordPress images not showing on live site by serving old content. If images don’t update or appear broken, clear your cache or disable the plugin temporarily. This helps display the most recent image versions on your site. ### Why are my WordPress images not loading after migration? Post-migration, WordPress uploaded images not displaying is a common issue. It usually happens due to incorrect image URLs, broken paths, or changed file permissions. Review your database, correct file paths, and reset permissions to make sure all images load correctly again. ### Why are featured images not appearing on my WordPress posts? Featured images failing to appear generally relate to theme incompatibility, plugin conflicts, or incorrect file permissions. Confirm your active theme supports featured images, deactivate problematic plugins temporarily, and ensure correct permissions to smoothly restore featured image visibility on your WordPress posts. --- # How to Create Circle Menu in WordPress Source: https://theplusaddons.com/blog/how-to-create-circle-menu-in-wordpress/ Want to give a modern and captivating design to your website? How about creating a circle menu in WordPress? A circle menu is an eye-catching menu style to give your website a fresh look. Instead of listing the menu items horizontally or vertically, it arranges them in a circle to enhance the website's aesthetics and navigation. Thus offering your audience an interactive website experience. The best part? Building and designing a circular menu for your Elementor website is extremely easy with an intuitive plugin. In this blog, we'll walk you through the step-by-step process of how to create circle menu in WordPress so that you can create a visually appealing website. ## What is a WordPress Circle Menu? A WordPress circle menu is a stylish, interactive navigation element where menu items are arranged in a circular layout instead of a classic menu. It's a great way to make your website look modern and visually appealing while keeping navigation smooth and intuitive. ![](https://theplusaddons.com/wp-content/uploads/2025/03/What-is-a-WordPress-Circle-Menu.png) *Example of Circle Menu in WordPress using The Plus Addons for Elementor* It enhances user experience by offering an attractive, clean, and space-efficient way to access different website sections. Circular menus work especially well for portfolios, creative websites, and mobile-friendly designs. You can easily create one using a WordPress plugin, allowing you to customize its position, animation, and style to match your site's look. *A website menu is the best way to organize your website content and make navigation easy. *[***Learn How to Add Menu in WordPress**.*](https://theplusaddons.com/blog/how-to-add-menu-in-wordpress/) ## How to Create Circle Menu in WordPress [Step-by-Step] Clearly, a circular menu in WordPress is an easy way to elevate the design and aesthetic of your website. Even better, you can quickly create one for your website using a WordPress plugin. The Plus Addons for Elementor offers a [**Circle Menu widget**](https://theplusaddons.com/elementor-widget/elementor-circle-menu/) along with widgets for the mega menu, navigation menu, and more to create stunning CSS circular menus for your website. With the Circle Menu Widget for Elementor, you get exciting features to design a highly customized and responsive circular or bubble menu that captures visitor attention easily. Let's dive into the step-by-step process on how to create a circle menu in WordPress- ### Step 1: Activate Circle Menu Widget for Elementor To get started, you must have The Plus Addons for Elementor activated on your WordPress. Then, on your WordPress dashboard, navigate to ***The Plus Addons > Widgets*** and search for the ***Circle Menu*** widget. Click on the toggle to enable it. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Activate-Circle-Menu-Widget-for-Elementor.png) ### Step 2: Add the Circle Menu Widget Back on the dashboard, go to ***All Pages > Pages*** to add a new page or edit an existing page where you want to add the circular navigation menu. Click on "***Edit with Elementor***" to edit the page and drag and drop the widget from the left side menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Edit-with-Elementor.png) Once the menu is added to the page, you can view the settings to customize the content and design on the left. Under the ***Content*** tab, you can modify the following settings- - **Icon layout:** From the icon layout dropdown, you can select between a straight or circle menu for your website. Here, you can select Circle. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Icon-Menu.png) - **Menu direction:** From the dropdown, you can select the direction the menu will open when a user clicks on it. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Menu-Direction-1.png) - **Menu list:** From the menu list dropdown, you can add different items to your menu. When you add an item, you can customize its title, icon, icon font, background colors, border colors, text, and links to the circle menu items. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Menu-list.png) - **Toggle icon:** From the Toggle Icon section, you can add and customize an icon or image for the menu toggle button. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Toggle-icon.png) - **Icon position:** This section lets you select the menu position on the website. Here, you can choose ***Fixed*** to create a fixed position toggle menu or ***Absolute*** to keep the toggle menu in the container. You can adjust the menu position manually and even set custom positions for desktop, tablet, or mobile menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Icon-position.png) You can also adjust the menu open speed, menu between the gap, and icon transition animation under the ***Extra Options*** section to create a beautiful circle menu in WordPress. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Extra-options.png) ### Step 3: Customize the Circle Menu Once you've created the basic structure and design of the menu, go to the ***Style*** tab to customize the circle menu to match the appearance of your website. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Customize-the-Circle-Menu.png) Under this section, modify the icon size, width, border, and box shadow, toggle icon style, tooltip text, show menu scroll offset, overlay menu color, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Toggle-icon-style.png) Plus, if you want to further enhance website engagement for the user, you can also add On Scroll View Animation to display amazing scrolling animations when a user interacts with the menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Edit-circle-menu.png) *Want to modify the color of your WordPress Menu but unsure how to do it? Learn *[***How to Change Menu Color in WordPress**.*](https://theplusaddons.com/blog/how-to-change-menu-color-in-wordpress/) ## Examples of Top WordPress Circular Menus Not sure what a circular menu will look like for your website? Here are some examples of WordPress circle menus created using The Plus Addons of Elementor for your inspiration- ### 1. Circular Bubble Menu ![](https://theplusaddons.com/wp-content/uploads/2025/03/Circular-Bubble-Menu.gif) In this WordPress circular menu style, the icons will appear as bubbles in a circular format when a user clicks on the menu. ### 2. Top Half Circle Menu ![](https://theplusaddons.com/wp-content/uploads/2025/03/Top-Half-Circle-Menu.gif) The menu items will display in a half circle at the top when you click on the menu. ### 3. Circle Menu on Left Half ![](https://theplusaddons.com/wp-content/uploads/2025/03/Circle-Menu-on-Left-Half.gif) In this menu style, the menu items will appear on the left side of the menu icon in a circular format. ### 4. Four Icon Bottom Half Circle Menu ![](https://theplusaddons.com/wp-content/uploads/2025/03/Four-Icon-Bottom-Half-Circle-Menu.gif) With this circle menu style in WordPress, you can choose to display four menu items in a bottom half circle when a user clicks on the menu icon. ***People Also Read:** [How to Create Dropdown Menu in WordPress](https://theplusaddons.com/blog/how-to-create-dropdown-menu-in-wordpress/)* ### 5. Social Sharing Circle Menu ![](https://theplusaddons.com/wp-content/uploads/2025/03/Social-Sharing-Circle-Menu-1.gif) If your website has a social sharing feature to allow easy content sharing, you can use this menu style to display social sharing options in a circular format. But that's not it. You can [**access all the above demos**](https://theplusaddons.com/elementor-widget/elementor-circle-menu/) easily using the [**Live Domain Copy Paste feature**](https://theplusaddons.com/docs/cross-domain-copy-paste-for-free-in-elementor//) by The Plus Addons. ## Wrapping Up This wraps up our quick guide to creating a circle menu for your WordPress website. A circular menu is an interactive design element for your website that will elevate its appearance, interaction, and experience instantly. You can easily create one for your website using The Plus Addons for Elementor. This is a user-friendly, no-code option for beginners and experienced website owners alike. Simply activate the Circle Menu Widget in Elementor from The Plus Addons and design an eye-catching menu for the website. What's more, The Plus Addons for Elementor gives you access to 120+ unique Elementor widgets to help improve the features and functionality of your website in a few clicks – no code needed! ## FAQs on Creating a WordPress Circle Menu ### What are the benefits of using a circle menu in WordPress navigation? A circle menu makes navigation more engaging and visually appealing. It helps save space, improves mobile usability, and adds a modern touch to your site. Plus, with animations and customization options, it enhances user experience while keeping your design clean and interactive. ### Is it possible to add animations to a WordPress circular menu? Yes! With the Circle Menu Widget for Elementor, you can add on-scroll animations to the circle menu. You can also apply hover effects, smooth transition effects, and expanding animations to make the menu more interactive and engaging for users. ### What is the difference between a circular menu and a radial menu in WordPress? A circular menu arranges menu items in a full or partial circular shape, while a radial menu expands outward from a central button in a radial pattern. ### How do I add a floating circular menu in WordPress? You can add a floating circular menu using a plugin like Circle Menu Widget for Elementor by The Plus Addons. The plugin lets you customize placement, icons, and animations to create a smooth floating effect that stays accessible as users scroll. ### Can I create a circular menu in WordPress without a plugin? Yes, but it requires custom CSS and JavaScript. You'll need to manually code the menu structure, style it with CSS for the circular layout, and add JavaScript for interactions. This might break your site if done incorrectly, so using a plugin is a better option. --- # How to Add Related Products in WooCommerce Source: https://theplusaddons.com/blog/how-to-add-related-products-in-woocommerce/ Boosting your online store's sales and improving your customer’s shopping experience is easier than you might think by simply adding related products. Understanding how to add related products in WooCommerce can truly make a significant difference! By showcasing items that complement what customers are already viewing, you create an engaging shopping environment that encourages additional purchases, ultimately boosting your revenue. Many store owners overlook this opportunity simply because they’re unsure how to set it up. The great news is that it’s a simple process! In this blog, you'll discover step-by-step instructions for efficiently adding WooCommerce related products. By the end of this blog, you’ll be able to add related products easily, helping your store capture more attention and inspire shoppers to explore everything you have to offer.  So, let’s get started! ## What are Related Products in WooCommerce? Let’s first understand what WooCommerce related products are. In WooCommerce, related products are items that show up on a product page to help customers find other things they might want to buy.  Think of it like a helpful suggestion, when you look at one product, WooCommerce shows you similar products that other customers often buy together. For example, if you are looking at a shirt, related products might include t-shirts. ![](https://theplusaddons.com/wp-content/uploads/2025/03/What-are-Related-Products-in-WooCommerce.png) ## Why Add Related Products in WooCommerce? Adding related products can significantly improve your sales. When customers see items that complement or are similar to their interests, they are more likely to make additional purchases. - **Increased Visibility:** Your products gain more exposure. Customers may discover items they didn't know you offered. - **Higher Conversion Rates:** When shoppers see appealing alternatives, they might buy more. - **Enhanced User Experience:** Customers appreciate seeing products relevant to their browsing history, allowing for informed choices. These benefits can lead to better customer satisfaction and loyalty. ## How Related Products are Displayed in WooCommerce? In WooCommerce, you can display several types of related products to cater to different shopping behaviors and enhance the customer experience.  Here’s a closer look at each type: ![](https://theplusaddons.com/wp-content/uploads/2025/03/How-Related-Products-are-Displayed-in-WooCommerce.png) - **Upsells:**  Upsells are higher-end or upgraded versions of the product that a customer is considering.  When a customer is about to make a purchase, displaying an upsell encourages them to consider spending a little more for added value.  For example, if a customer is looking at a basic laptop, you might suggest a more powerful model with better specifications.  This not only increases the average order value but also helps customers see the benefits of investing in a higher-quality product. - **Cross-sells:**  Cross-sells are items that complement the main product and are typically shown on the cart page.  For instance, if a customer adds a camera to their cart, suggesting accessories like lenses, a tripod, or a camera bag can encourage them to make additional purchases.  Cross-selling is a great way to enhance the customer’s experience by providing them with everything they might need to fully enjoy their new product. - **Related Products:**  Related products are similar items that might interest the customer based on their current selection.  These products are displayed on the product page itself and help customers discover alternatives without having to navigate away. For example, if a customer is viewing a specific brand of running shoes, showing other styles or colors from the same brand can help them find exactly what they want.  This feature keeps customers engaged and increases the likelihood of additional purchases. Using a mix of these types of related products can create a more dynamic and personalized shopping experience for your customers. By strategically placing upsells, cross-sells, and related products throughout your store, you can guide customers toward making informed purchasing decisions while maximizing your store's sales potential.  ## How to Add Related Products in WooCommerce? You can add related products to your functional WooCommerce store in easy steps. ### Method 1: Selecting Products Manually To select related products manually, navigate to the WooCommerce product you wish to edit. In the product data section, find the "**Linked Products**" tab. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Selecting-Products-Manually.png) Here, you will see two fields: "**Upsells**" and "**Cross-sells**." ![](https://theplusaddons.com/wp-content/uploads/2025/03/Upsell.png) - Upsells show related products on the product page. - Cross-sells display at the cart stage. Simply type the name of the products you want to include in these fields and select them from the dropdown list.  This method gives you full control over which products appear together, allowing you to highlight specific items effectively. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Linked-products.png) ***Recommended Read:**** *[*Best WooCommerce Addons & Plugins for Elementor*](https://theplusaddons.com/blog/best-elementor-addons-for-woocommerce/)  ### Method 2: Displaying WooCommerce Related Products by Categories & Tags Another way to manage related products is by utilizing product tags and categories.  When you assign tags or categories to products, WooCommerce can automatically suggest related items based on these classifications. Go to** **"**Products**" in your WordPress dashboard and select the product you want to edit. Scroll to the “**Product Categories**”. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Products.png) For adding tags, scroll to the** Product tags** section. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Products-Tag.png) Add relevant categories or tags. If they already exist, simply select them; otherwise, create new ones that best describe the product. Next, update the product. WooCommerce will now use these classifications to display related products on the product page. By grouping products in this way, you make it easier for customers to discover items that fit their interests.  Instead of searching manually, they’ll see alternatives right on the page, helping them make a decision faster.  This strategy encourages upselling and can boost your sales without any extra effort. #### Bonus: Adjust Display Options To enhance the appearance of related products, you can adjust display options directly in WooCommerce settings.  Go to the WooCommerce Settings and select the "**Products**" tab. Here are some key options you may consider: - **Show related products on the product page:** Enable this feature to display related items right where buyers are making decisions. - **Limit the number of products displayed:** Reducing the number displayed can help customers digest their choices. - **Layout adjustments:** If your theme supports them, you can change how products are displayed—choose between grids or lists. By fine-tuning these display options, you create a more appealing and user-friendly shopping experience, encouraging customers to explore related items. ### Method 3: Displaying WooCommerce Related Plugins Using Plugins Using plugins can significantly improve how related products function in your WooCommerce store.  You can customize and enhance your store's user experience, making it easier for customers to find products they may want to buy together. Several plugins can help optimize the related product features. Some of the top choices include: - [**Related Products for WooCommerce**](https://wordpress.org/plugins/wt-woocommerce-related-products/)**:** This plugin allows you to customize related product recommendations easily. You can set preferences based on categories and tags. - [**YITH WooCommerce Frequently Bought Together**](https://wordpress.org/plugins/yith-woocommerce-frequently-bought-together/)**:** This plugin lets you create bundles, showing products customers often buy together. It's easy to set up and helps increase average order value. - [**WPC Custom Related Products for WooCommerce**](https://wordpress.org/plugins/wpc-custom-related-products/)**:** This tool gives you the flexibility to manually choose related products per item. It’s useful for tailored marketing strategies. Each of these plugins offers unique functionalities that enhance the shopping experience and can lead to increased sales. *Want to make payments on your WooCommerce store smoother? Here are the *[***5 Best WooCommerce Payment Gateways***](https://theplusaddons.com/blog/best-woocommerce-payment-gateways/). ## Best Practices While Adding WooCommerce Related Products When adding related products in WooCommerce, focus on relevance, clarity, and user experience.  Selecting the right products can enhance customer satisfaction and boost sales. Keep these best practices in mind. ### Maintaining Relevance and Quality Relevance is key when selecting related products. Choose items that complement or are commonly bought with the product the customer is viewing. For example, if a customer is looking at a camera, suggest lenses, tripods, or memory cards. Make sure the products are of high quality. This reflects well on your store and builds trust with customers. You want to offer products that are not only relevant but also desirable. To maintain relevance, regularly review and update your selections based on customer behavior and sales data.  Use tools or plugins that analyze purchasing trends to keep your recommendations fresh and aligned with customer interests. ### Avoiding Overcrowding Too many related products can overwhelm customers and confuse their decision-making. Aim for a balance between providing options and being concise. A good rule of thumb is to display 3 to 5 related products. Keep product images and descriptions concise. Clear titles and appealing visuals can help draw attention to the right products.  Avoid adding too much information into the display, which can make it hard to focus. *Did you know that WooCommerce sometimes fails to send order emails to customers, affecting their experience? Don't worry, here's **[How to Fix WooCommerce Not Sending Order Emails](https://theplusaddons.com/blog/fixing-woocommerce-not-sending-order-emails/)** step by step.* ### Encouraging Discovery and Exploration Related products can turn a casual visitor into a buyer. Encourage exploration by showcasing items that spark curiosity. Use smart linking to suggest products based on customer's browsing history or interests. **Leverage promotional content:** Inform customers of sales or new arrivals. Highlight these items among the related products to catch their interest. Use appeals such as “**Customers who bought this also purchased**” or “**You may also like**” to encourage browsing.  These prompts create a natural flow that encourages customers to explore more of your offerings, increasing the chance of additional purchases. Remember, creating a positive shopping experience is about guiding customers gently, not pushing them too hard. ***Suggested Read:**** *[*How to Add WooCommerce Product Wishlist in Elementor*](https://theplusaddons.com/docs/add-woocommerce-product-wishlist-in-elementor/) ## Wrapping Up Adding related products in WooCommerce isn’t just a smart move, it’s a game-changer for boosting sales and enhancing the customer experience. Whether you prefer manual selection, category-based recommendations, or plugins for extra customization, there’s a method that fits your needs.  The key is to keep your suggestions relevant, visually appealing, and easy to navigate. Now that you know how to add related products in WooCommerce step by step, it’s time to put these strategies into action. Also, for Elementor users, there’s one widget that can help them build a fully functional and customizable WooCommerce store easily - [WooBuilder](https://theplusaddons.com/elementor-builder/woocommerce-builder/) by **The Plus Addons for Elementor**. [![](https://theplusaddons.com/wp-content/uploads/2025/03/WooCommerce-store-builder.png)](https://theplusaddons.com/elementor-builder/woocommerce-builder/) It’s just one of the widgets provided by The Plus Addons for Elementor. The plugin provides 120+ widgets, including **WooProducts Product Style**,** WooProducts Metro**, **WooProducts - Grid**, and many more useful widgets. ## FAQs on Adding Related Products in WooCommerce ### What is an example of a related product? An example of a related product is a sofa and its complementary cushions. When customers are looking to purchase a sofa, they may also be interested in buying cushions to enhance comfort and aesthetics. ### How do I use hooks to display related products in WooCommerce? You can use WordPress hooks to customize where and how related products appear on your site. By adding code to your theme's functions.php file, you can modify the layout or position of related product listings based on your design needs. ### Where can I find a shortcode to show related products in my WooCommerce store? Shortcodes for showing related products can typically be found in WooCommerce documentation. You can use the [related_products] shortcode in your posts or pages to display related items. This is a straightforward way to add related products without altering your theme files. ### How can I show WooCommerce products related by category on a product page? To show products related by category, you can set up product categories when creating or editing products. Once categories are assigned, WooCommerce will automatically display related products from the same category on the product page. ### What methods are available to customize the query for related products in WooCommerce? You can customize the query for related products using filters in WooCommerce. By hooking into the woocommerce_related_products filter, you can change the default behavior, such as the number of products shown or the criteria used to select related items. This allows for a tailored shopping experience. --- # How to Add Menu in WordPress? Source: https://theplusaddons.com/blog/how-to-add-menu-in-wordpress/ Are you struggling to keep your website organized and user-friendly? Without a well-structured menu, visitors may find it challenging to navigate your site, leading to frustration and potentially lost traffic.  Imagine a potential customer landing on your page but leaving in seconds because they can't find what they're looking for. By adding a menu in WordPress, you can solve this problem and transform your website into a smooth navigation experience. Improving your site's navigation not only betters user experience but also encourages visitors to explore your content more fully, increasing engagement and retention. Whether you're building a new site or updating an existing one, learning how to add a menu in WordPress will help you make your website more functional and appealing to your audience. So, let’s get started! ## What are Menus in WordPress? In WordPress, menus are essential for navigation. They help users find important sections of your site quickly.  A menu typically appears at the top of your site and contains links to different pages. You can create multiple menus in WordPress. Each menu can have different links based on your site’s needs.  **For example, your main menu might have links to:** - Home - About - Services - Contact Menus can also have sub-items. Sub-items are links that appear under a main item. This organization can make it easier for visitors to find what they need. **For instance, your “Services” item could have links like:** - Web Design - SEO Services - Social Media Management You can easily drag and drop items to reorder them. This makes your menu flexible and tailored to your audience. It’s important to keep your menu simple. Too many links can overwhelm visitors. Aim for a clear and concise menu that guides users effectively. ## How to Add Menu in WordPress? Creating a new menu in WordPress is a straightforward process. You will name your menu, add items to it, and organize the structure to fit your site’s needs. ### Step 1: Name Your Menu To begin, navigate to your WordPress dashboard. Go to ***Appearance**** > ****Menus***. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Name-Your-Menu.png) You will see a** *****Menu Name*** field where you can enter a name for your menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Menu-Name.png) Choose a simple, descriptive name, like “Main Menu” or “Footer Menu.” This name helps you easily identify the menu later. After you have entered the name, look for a “***Create Menu***” button and click it. Your new menu is now created and ready to be customized. ### Step 2: Add Menu Items Next, you'll want to add items to your menu. In the menu editor, you will see a box on the left with various options, including Pages, Posts, or Custom Links. To add a page, check the box next to the page you want to include. After selecting your pages, click the “***Add to Menu***” button. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-Menu-Items.png) The selected items will now appear on the right side, which is your menu structure. You can repeat this process to add more items or links as needed. ### Step 3: Organize Menu Structure With your menu items in place, it’s time to organize them. Drag and drop the items on the right side to arrange them in the desired order. Don't forget to look for the “***Menu Settings***” section below the menu structure. You can choose where to display your menu, such as in the header or footer of your site. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Organize-Menu-Structure.png) After organizing, click the “***Save Menu***” button to keep your changes. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Save-Menu.png) ### Step 4: Assign a Menu to a Location Once you have your menu ready, find the ***Manage Locations*** tab next to the Edit Menus tab on the same page.  Click on it to view available menu locations provided by your theme. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Assign-a-Menu-to-a-Location.png) You will see a dropdown menu next to each location. Choose the menu you want to assign to that location. For example, if there’s a Primary Menu option, select the menu you created. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Manage-Location.png) Click ***Save Changes*** once you’re done. Some themes may support multiple menu locations, allowing you to create a more diverse navigation setup. *Want to learn how to add Mega Menu in Elementor? Check this blog to get the full tutorial on *[***How to Create Mega Menu in Elementor***](https://theplusaddons.com/blog/build-mega-menu-on-elementor/)*.* ## How to Create Dropdown Menus in WordPress? Dropdown menus allow you to nest items under a main menu.  To create one, go to your WordPress dashboard, click on** *****Appearance***, and then ***Menus***. Choose items from the left panel and click ***Add to Menu***. Drag menu items slightly to the right. This action makes them sub-items. Once done, click ***Save Menu***. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Save-Menu-1.png) Your dropdown is now ready. This structure improves navigation for complex sites by grouping related pages. ## How to Customize Menu Items? You can make your WordPress menu more functional and user-friendly by customizing menu items.  This involves removing unnecessary items, editing existing ones, and adding custom links for specific needs. ### Method 1: Removing Menu Items To remove a menu item, go to your WordPress dashboard. Next, navigate to ***Appearance*** and then ***Menus***. Find the menu you want to edit. Locate the item you wish to remove. Click on the down arrow next to the item name to expand its options. Select the “***Remove***” option. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Remove.png) This action will immediately delete the item from your menu. If you make a mistake, you can always undo this by adding the item back.  Remember to save the changes after editing your menu. ***Recommended Read:**** *[*How to Create a Side Menu in Elementor*](https://theplusaddons.com/docs/create-a-side-menu-in-elementor/) ### Method 2: Editing Menu Items If you want to change the name or order of menu items, you can easily do this from the same menu editing screen. Click on the down arrow next to the menu item. Enter a new name in the ***Navigation Label*** field. To change its position, click and drag the item up or down the list. You can also add a title attribute that describes the menu item further. This can help users understand what to expect when they click on it. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Navigation-Label.png) Don’t forget to save once you’ve made your edits. ## How to Add Custom Links to WordPress Menus? Custom links allow you to add external URLs to your menu. This is useful for linking to pages outside your site. In the Menus section, find the ***Custom Links*** area. Enter the URL you want to link to in the ***URL*** field. Provide a name for this link in the ***Link Text*** field. Click on the “***Add to Menu***” button. After you add the custom link, you can move it around just like other menu items. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-menu.png) This flexibility can enhance your site’s navigation by directing users to important resources or partner sites. *Own a restaurant? Here’s *[***How to Create Food Menu in Elementor***](https://theplusaddons.com/docs/create-a-food-menu-in-elementor/)*.* ## Wrapping Up Creating a menu in WordPress is easier than it seems, and once you’ve got it set up, your website will be much more user-friendly.  Whether you’re adding pages, organizing dropdowns, or customizing links, a well-structured menu helps visitors find what they need without the frustration of endless searching. Now that you know how to add menus in WordPress, go ahead and give your site the navigation it deserves. For Elementor users, there’s an awesome widget - [Navigation Menu Widget for Elementor](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) by The Plus Addons to easily create a highly functional navigation menu for websites. ![](https://theplusaddons.com/wp-content/uploads/2025/03/navigation-menu.png) This widget is just one of 120+ widgets provided by The Plus Addons for Elementor. The addon plugin provides many functional widgets like **Mega Menu Builder for Elementor, Mobile Menu for Elementor, Horizontal Mega Menu Widget, **and many more. ## FAQs on Adding Menu in WordPress ### How do I create a custom menu in WordPress? To create a custom menu, go to the Appearance menu in your WordPress dashboard. Click on Menus. From there, you can add pages, posts, categories, or custom links to your menu. After you select your items, save the menu. ### What steps are needed to edit an existing menu in WordPress? To edit an existing menu, navigate to Appearance and then Menus. Select the menu you want to edit from the dropdown. You can rearrange items, remove them, or add new ones from the left sidebar. Always remember to save your changes after editing. ### Can I have multiple menus on my WordPress site? Yes, you can create multiple menus in WordPress. You can assign different menus to various locations, such as the header, footer, or sidebar, depending on your theme's capabilities. ### Why is my menu not appearing in WordPress, and how can I fix it? If your menu is not appearing, first check if you have assigned it to a location under the Manage Locations tab in the Menus section. Ensure that you have selected the correct menu for the specific theme location. If it still doesn't show, check for theme settings that might affect menu visibility. ### What are the steps to add a menu to a WordPress theme using Elementor? To add a menu using Elementor, open the Elementor editor and add a new Nav Menu widget to your page. Choose your desired menu from the settings on the left panel. You can also customize the appearance and layout of the menu to fit your theme design within the Elementor options. --- # February 2025 Monthly Updates: New Exciting Features Added, WordPress & Google Updates & More Source: https://theplusaddons.com/blog/february-2025-monthly-updates/ The latest updates in **[The Plus Addons for Elementor](https://theplusaddons.com/) (Versions 6.2.2 & 6.2.1 – Free & Pro)** we’ve added more flexibility, better content organization, and a smoother user experience — so you can create stunning websites with more precision. Here’s what’s new: ### Blog Listing Enhancements (New Options Added to Smart Loop Builder) - **New Date Format Support:** More flexibility in displaying post dates to match your design needs. - **Box Hover Title Color Option:** Customize blog post hover effects with new colour options. - **Category Option:** Easily filter posts by category for better content organization. - **Tag Option:** Filter posts by tags for more precise content curation. - **Author Link Option:** Navigate smoothly to author archives with a dedicated link option. ### Enhancements in the Navigation Menu & Form Widget - **Submenu Width Option Added to Navigation Menu:** Get better control over dropdown menu styling for a polished navigation experience. - **Inline Button Option Added to Form Widget:** Align buttons easily within forms for a cleaner, more user-friendly layout. ### Plugin Management & Clean up **Option to Remove Plugin Database Values** added, enabling users to clean up plugin data from the backend via **The Plus Setting **> **Extras **> **Settings** for better database management. That’s not all! Next month, we're bringing **20+ widget presets** and the game-changing **Smart Loop Builder widgets**, designed to take your experience with **The Plus Addons for Elementor**, to the next level. So stay tuned to experience more power and creativity like never before! *For all the changes,***[c](https://roadmap.theplusaddons.com/updates)***[**heck out the complete changelog here**](https://roadmap.theplusaddons.com/updates)**.*** ## 📖 — Latest Reads - [6 Best WordPress User Registration Plugins [Ranked]](https://theplusaddons.com/blog/best-wordpress-user-registration-plugins/) - [How to Fix the WordPress Failed to Import Media Error](https://theplusaddons.com/blog/how-to-fix-wordpress-failed-to-import-media-error/) - [How to Add Categories and Subcategories in WordPress Easily](https://theplusaddons.com/blog/how-to-add-categories-and-subcategories-in-wordpress/) - [8 Best WordPress Tab Plugins [No Code Nested Tabs]](https://theplusaddons.com/blog/best-wordpress-tab-plugins/) - [How to Update WordPress Plugins [Step-by-Step]](https://theplusaddons.com/blog/how-to-update-wordpress-plugins/) - [How to Create Contact Form in Elementor for Free](https://theplusaddons.com/blog/how-to-create-contact-form-in-elementor/) - [How to Add Breadcrumbs in Elementor [Beginners Guide]](https://theplusaddons.com/blog/how-to-add-breadcrumbs-in-elementor/) - [How to Create WordPress Sitemap [Free Methods]](https://theplusaddons.com/blog/how-to-create-wordpress-sitemap/) ## 📹— Video Tutorials - [You Won't Believe How EASY WordPress Backup Automation Is](https://www.youtube.com/watch?v=1MDs7gy9vQY) - [How to add Smart Loop Builder in Elementor](https://www.youtube.com/watch?v=xCn3jQT3SlA) - [How to Add Bento Grids in Elementor!](https://www.youtube.com/watch?v=TUoHvExMHW0&t=21s) - [How to Add Multiple Location Pins in Google Maps with Elementor](https://www.youtube.com/watch?v=vKcE8D53sug&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=14&t=3s) - [How to Add Login Button on Elementor Menu](https://www.youtube.com/watch?v=C6XNXRaSo08&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=13) - [Best 6 Security Plugins for WordPress Sites](https://www.youtube.com/watch?v=slfZ0NwzWsg&t=19s) ## 🗞️ — WordPress & Tech Bytes - **[WDesignKit](https://wdesignkit.com/)** - Elementor Templates, Widgets & Cloud Storage has now surpassed **10,000 active installations!** - WordPress.com now offers a [**100-year domain plan**](https://wordpress.com/blog/2025/02/12/100-year-domains-plans/), including domain registration, secure hosting, automatic backups, and ongoing support. It's designed to keep domains active for a century. - WooCommerce has introduced a [**refreshed brand identity**](https://woocommerce.com/posts/introducing-the-new-woo-brand/) featuring a modernized logo, an updated color palette, and a refined design system. The rebrand aims to enhance clarity, consistency, and user experience across all platforms. - WordPress.org has [**released version 6.7.2**](https://wordpress.org/news/2025/02/wordpress-6-7-2-maintenance-release/), addressing several bug fixes and improvements to enhance stability and performance. Users are encouraged to update for a smoother and more secure experience. - WordPress has outlined its roadmap for [**version 6.8**](https://make.wordpress.org/core/2025/02/06/roadmap-to-6-8/), focusing on site editing enhancements, performance improvements, and accessibility updates. The release, planned for April 2025, will introduce refinements to block-based themes, new editing modes, and improved data views. - Google confirmed that [**adding audio versions of blog posts** ](https://www.searchenginejournal.com/google-answers-whether-audio-versions-of-blog-posts-help-seo/540166/)does not directly improve search rankings. However, it can enhance user experience and engagement. - Google has updated its ad system to [**reduce rankings for landing pages**](https://www.searchenginejournal.com/google-ads-update-misleading-landing-pages-now-demoted/539226/) that use deceptive tactics, such as unclear pricing, misleading claims, or failing to deliver on ad promises. This update aims to improve transparency and protect users from misleading content. - Data shows a [**decline in Google’s market share**](https://www.searchenginejournal.com/google-market-share-slips-ai-referrals-regional-search-engines-rise/539373/), with users exploring alternative platforms for more specialized or local search results. - Google has introduced [**VEO 2**](https://www.searchenginejournal.com/google-rolls-out-veo-2-video-generation-for-youtube-shorts/539793/), an advanced AI-powered video generation tool designed to create high-quality, short-form videos for YouTube Shorts. The update aims to improve video production efficiency and enhance creative possibilities for content creators. - Google has [**updated its product listings**](https://www.searchenginejournal.com/google-updates-product-markup-to-support-member-pricing-sales/539786/) to show special discounts for loyalty program members. This means stores can highlight exclusive member deals directly in search results, making it easier for shoppers to see savings. ## 🔥 — Tool of the Month **[All-in-One WP Migration](https://servmask.com/)** is a user-friendly WordPress plugin that simplifies website migration. It allows you to export your entire site, including files, database, themes, and plugins, in one click and import it easily to a new location. This tool is ideal for website owners, freelancers, agencies, and beginners who need a quick, hassle-free way to migrate or back up WordPress sites without technical expertise. ![](https://theplusaddons.com/wp-content/uploads/2025/03/All-in-one-wp-migration.png) ## 🗣️— Word of the Month #### Amazing Elementor Add-On Plugin! *We created several Elementor Template Kits with this plugin. It’s awesome! It accommodates several additional Elementor Features and Widgets without the Pro version! Some functions work well and can be implemented with the Elementor design we need. Keep up the great work!* [*~@altdesain1945*](https://wordpress.org/support/topic/amazing-elementor-add-on-plugin/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # How to Change Menu Color in WordPress Source: https://theplusaddons.com/blog/how-to-change-menu-color-in-wordpress/ Not sure How to Change Menu Color in WordPress? Your website menu is often the first point of interaction for the visitors to explore and access different areas of your website. It gives them an overview of what your website offers and allows them to navigate it seamlessly. As such, having an eye-catching menu is essential for a superior user experience. And one critical aspect of a stunning menu design is the color. Something as small as an inconsistent menu color can make your website look unprofessional. Luckily, for those wondering how to change the menu color in WordPress or Elementor, there are various easy ways to do so. In this blog post, we'll explore how to change color of menu in WordPress using WordPress customizer, plugins, and CSS. ## Why Should You Consider Changing Menu Color on Your WordPress Website? Your website menu is meant to offer more than just a seamless navigation experience; it is the core of your branding and user experience. If the menu color doesn't align with your website's overall design, it can negatively impact the user experience by making it difficult to read the content and even drive visitors away. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Changing-Menu-Color-on-Your-WordPress-Website.png) *Example of a menu created using *[***Navigation Menu Widget***](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/)* by The Plus Addons for Elementor* Here's why changing your menu color is worth considering: - **Improves readability and accessibility:** A menu that blends too much with the background or uses low-contrast colors can be hard to read, especially for users with visual impairments. Choosing the right colors ensures better visibility, making navigation effortless for all visitors. - **Establishes brand identity:** Your website's color scheme plays a huge role in branding. If your menu color clashes with your brand colors, it can make your site look inconsistent or unprofessional. A simple tweak can help reinforce your brand identity and create a cohesive look. - **Increases user experience:** Visitors should be able to find what they're looking for at a glance. A well-colored menu guides users smoothly through your site, reducing frustration and improving engagement. - **Enhances visual aesthetic:** If your website looks outdated, visitors might assume your business is too. A simple color update can enhance the overall appearance of your website, giving it a modern appeal without requiring a complete redesign. *Simplify your website experience with a professional-looking menu on your Elementor website. Learn *[***How to Create a Mega Menu in Elementor WordPress Site****.*](https://theplusaddons.com/blog/build-mega-menu-on-elementor/) ## How to Change Menu Color in WordPress [Easy Methods] Now that you know why changing your menu color matters, let's explore the different ways you can do that. ### 1. WordPress Customizer Method WordPress's built-in customizer feature is one of the easiest ways to modify your menu's color and other visual aspects of your website in real time. When wondering how to change the background color of menu in WordPress, follow these steps- #### Step 1: Access WordPress customizer Log in to your WordPress admin dashboard and navigate to ***Appearance > Customize*** on the left menu to open the Customizer interface. #### Step 2: Find the menu color options In the Customizer panel, click on ***Color*** options and look for ***Menu, Header Builder, *****or***** Navigation**** *option. (The exact option may vary depending on your theme). ![](https://theplusaddons.com/wp-content/uploads/2025/03/image-16.png) In this section, select the primary or secondary menu you want to customize. ![](https://theplusaddons.com/wp-content/uploads/2025/03/image-17.png) Click on the ***Design**** *section to find various customization options for menu background color, menu item color, hover color, menu style, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/03/image-19.png) #### Step 3: Choose and apply new colors Once you've located the menu options, you can use the color picker to choose the color of your website menu. Plus, depending on the theme, you may also have the option to use theme-specific colors. You can experiment with different colors and view the change live on the screen in real time. This gives you complete visibility into how different colors will look on your website, offering higher control over the visual aesthetic of the navigation menu. #### Step 4: Save and publish your changes Once you select the new menu color, click on the ***Save & Publish*** button. *Want to design a stunning one-page navigation website for your business? Know *[***How to Create a One Page Navigation Website in Elementor****.*](https://theplusaddons.com/blog/create-one-page-navigation-in-elementor/) ### 2. Plugin Method If you want more control over the colors and customization of your website menu, a WordPress Menu plugin is your best bet. For this purpose, the [Navigation Menu](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) Widget by The Plus Addons for Elementor is an excellent plugin for building and designing a highly interactive and professional website menu. From modifying the menu colors to menu layout and customizable elements, The Plus Addons gives you complete control of every design aspect. #### Step 1: Install and activate The Plus Addons for Elementor On your WordPress dashboard, go to ***Plugins > Add New*** and search for **The Plus Addons for Elementor**. Install and activate the plugin. #### Step 2: Enable the Navigation Menu widget Back on the admin dashboard, go to ***The Plus Addons > Widgets**** *and search for the **Navigation Menu** widget. Turn on the toggle to enable the widget. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Enable-the-Navigation-Menu-widget.png) #### Step 3: Add the navigation menu To use the Navigation Menu widget, add it to your header template in the Elementor editor so the menu is active for the entire website. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-the-navigation-menu.png) Now, go to the menu on the left and click on the ***Menu Type**** *dropdown to select from the ***Default**** *create a menu using the default WordPress menu) *or ****Repeater**** *(create a custom menu using a repeater) menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Menu-Type.png) Once you select the menu type, you can customize the following options- ·        **Menu Direction:** From the menu direction dropdown, you can choose from a horizontal menu, vertical, or a vertical side menu, depending on your website layout and design. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Menu-Direction.png) ·        **Select Menu:** From the Select Menu dropdown, choose the menu – primary or secondary that you want to design. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Select-the-menu.png) ·        **Menu Hover:** The Menu Hover dropdown lets you define the menu behavior. Click here to choose whether the menu will open on hover or click. If you're wondering how to change the menu hover color in WordPress, you can customize that, too. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Menu.png) ·        **Menu Effects:** You can also customize your website menu to add stunning effects to engage the visitors. ![](https://theplusaddons.com/wp-content/uploads/2025/03/navigation-bar.png) #### Step 4: Style the navigation menu Under the ***Style**** *tab on the left menu, you will find various options to customize the design and color of your website menu. Here, you can modify the menu background, typography, icon, color, icon size, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Style-the-navigation-menu.png) Plus, you can also customize these settings and set unique styles for different menus across your website, such as your sticky main menu, sub-menu, or mobile menu. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Style.png) ### 3. Custom CSS Method Another easy but a bit more technical answer to how to change dropdown menu color in WordPress is custom CSS. This method allows you the most control over the color and appearance of the website navigation menu, including the menu hover. #### Step 1: Open the customizer On your WordPress dashboard, go to ***Appearance > Customize (or Editor)**** *to open the theme editor. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Appearance.png) Next, go to ***Styles*** and click on the pencil icon to open the page on which you want to customize the menu color. #### Step 2: Write the custom CSS using CSS rules To apply the CSS code and customize your main menu color, you need to write a CSS rule that consists of a selector and a declaration block. The declaration block contains one or more property-value pairs that describe the style you want to apply. You need to identify the right CSS selector, which is used to target specific HTML elements that you want to style. For the website menu, you need a CSS selector that targets the menu specifically, which can be ·        *".main-menu" *to target the main menu container. ·        *".main-menu ul li a" *to target the links in the menu item. ·        *".main-menu li:hover" *to target a menu item as you hover over it. After determining the right CSS selector for your website menu, you can use the "color" or "background color" CSS property to add a new color to the menu. Here's an example- `css .menu-selector { color: #ffffff; /* Change to your desired color */ }` You can also find the CSS selector and ID by right clicking on your website menu and selecting ***Inspect****.* ![](https://theplusaddons.com/wp-content/uploads/2025/03/CSS.png) #### Step 3: Add the custom CSS Go to the ***Styles*** section on the right and find the ***Additional CSS*** option to add your custom code. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Additional-CSS-Style-option.png) Paste the CSS code in the ***Additional CSS*** section of the customer or your child theme's style.css file. Save the changes to apply the new color. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Additional-CSS.png) *Using custom CSS offers you more flexibility and control over the website design and visuals. Learn *[***How to Add Custom CSS in Elementor for Free***](https://theplusaddons.com/blog/add-custom-css-in-elementor/)*.* ## Wrapping Up If your website design has got you wondering how to change the menu background color in WordPress, you can follow any of the three easy methods mentioned in this blog. Customizing the website menu color is a simple yet impactful change to elevate the design and visual appeal of your website. Plus, using the [Navigation Menu](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) widget from The Plus Addons is super easy, and you have full control over the aesthetics of your navigation menu. But beyond the navigation menu, [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/) give you access to 120+ more unique widgets for Elementor to help enhance your website design and functionality instantly! ## FAQs on Changing WordPress Menu Color ### Can I change the WordPress menu color without coding? Yes, you can easily change the menu color without writing any code. You can do this using the WordPress Customizer or a feature-rich plugin like the Navigation Menu widget by The Plus Addons for Elementor. ### Is it possible to change the color of individual menu items? Yes, with the Navigation Menu widget from The Plus Addons for Elementor, you can change the color of different menus on your website. ### How do I change the color of the menu hover in WordPress? To change the color of the menu, hover in WordPress, go to ***Appearance > Customize > Additional CSS** *on your WordPress dashboard, and add custom CSS. ### Why is my WordPress menu color not changing after updating the CSS? If your menu color isn't updating after updating the CSS, a cached style or plugin/theme setting might conflict with the change. To fix this, clear your browser and WordPress cache, check for conflicting theme or plugin settings, and ensure CSS is applied to the right selector. --- # How to Add Accordion in WordPress Source: https://theplusaddons.com/blog/how-to-add-accordion-in-wordpress/ Are you trying to create a well-organized and structured website? Learn how to add accordion in WordPress and do just that! Accordions are an easy way to make your website look better-structured and more interactive. However, adding these elements manually requires complex coding using HTML, CSS and JavaScript. With specialized accordion widgets you can easily create accordions that are visually appealing, user-friendly, responsive and fully customizable, all without having to write any code. In this article, we explore how to add advanced accordions to your WordPress Elementor website. ## Key Takeaways - Use Advanced Accordion widget in Elementor. - Great for FAQs, features, and content toggles. - Includes animations, schema, and templates. ## What is an Accordion? An Accordion on a [Elementor](https://theplusaddons.com/blog/how-to-use-elementor-in-wordpress//) website is an interactive collapsible section that allows you to hide and reveal information on demand. This element expands sections when users click on them and can be collapsed again once the user has seen the content. This helps you organize and present your content in a compact and user-friendly manner. ## Why Should You Add Accordions to Your WordPress Website? An accordion is a popular way to structure the content on websites. Here's why it works: - **Better Content Organization: **Accordion items help break large blocks of text into manageable sections. Readers can find what they need without scrolling through unnecessary details. This improves readability and keeps the page looking clean. - **Faster Loading Times:** Accordions reduce the amount of visible content when a page loads. This means fewer elements display at once, allowing the page to load faster. A quicker site improves user experience and can boost search rankings. - **Interactive Elements:** Clickable sections in the accordion menu make a page more engaging. Instead of passively scrolling, visitors interact with content by expanding or collapsing sections. This keeps them involved and encourages them to stay longer. - **Encourage Users to Explore: **Hidden content in the accordion layout sparks curiosity and invites users to click. When visitors actively engage, they are more likely to explore additional sections. This can increase time on site and improve conversions. - **Make Your Website More Accessible: **Accordions help users navigate content without feeling overwhelmed. They improve accessibility for those using screen readers by structuring information in a clear hierarchy. A well-organized site benefits all visitors, especially those with disabilities. *Organize your website content with WordPress tabs. Here are *[***8 Best WordPress Tab Plugins to use**.*](https://theplusaddons.com/blog/best-wordpress-tab-plugins/) ## How to Add Accordion in WordPress using Elementor [Step-by-Step] The easiest way to create an accordion on your WordPress website is using accordion plugins. Here we'll use the specialized [Advanced Accordion widget](https://theplusaddons.com/elementor-widget/accordion/) from The Plus Addons for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/03/How-to-Add-Accordion-in-WordPress-using-Elementor.png) This widget offers unlimited accordions customization options and several features such as: - **Multiple Content Sources:** You can choose between Content (Free) and Page Template (Pro) as your content source. The Content option allows you to insert shortcodes, giving you flexibility in displaying dynamic content within the accordion. - **Customizable Icons and Headings:** You can add standard expand/collapse icons for all accordion items or assign unique icons to each item (Pro). Different HTML heading tags (H1, H2, etc.) are also available, improving SEO structure. - **Advanced Interaction Options:** The widget lets you set an active accordion by default, enable on-hover activation, or add an expand/collapse button to control all items at once. The scroll-to-top feature ensures the active accordion remains visible. - **Enhanced Functionality and SEO: **Features like autoplay, search functionality, and pagination improve user experience. The SEO Schema Markup (Pro) option helps search engines recognize your accordion content, boosting visibility in search results. Here are the simple steps to add an Accordion to your Elementor website. ### Step 1: Install and Activate The Plus Addons First, install The Plus Addons plugin. To do this navigate the **Plugins > Add New **and Install the plugin. Once the installation process is done activate the plugin. Now from the WordPress dashboard go to **The Plus Addons > Widgets.** Locate the Advanced Accordion widget. Enable the widget by toggling the switch to the "on" position. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Install-and-Activate-The-Plus-Addons-1.png) ### Step 2: Add Widget to a Page Open the Elementor page editor for the page where you want to add the accordion. Search for "**Accordion**" in the Elementor widget panel. Drag and drop the TP Accordion widget onto your desired location on the page. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Add-Widget-to-a-Page.png) ### Step 3: Add Accordion Dropdown Content You can now start editing your accordion block content the **Content tab.** You can expand each accordion item to add content to it. Start with the Accordion Heading. In the** Title field, **enter the heading for that specific accordion section. This is what users will click on to expand or collapse the content. **You have two options for content sources:** - **Content:** Enter text manually or use shortcodes to display dynamic content. Choose this option for simple text-based information or basic embeds. - **Page Template: **Select a pre-designed Elementor template from the dropdown. Use this for displaying structured content like galleries, WooCommerce products, or blog posts. You can also add icons for each accordion block item in this section. Turn the Show Icon toggle on and add a relevant icon from the icon library. Each accordion item has a **Unique ID **field. This allows you to create anchor links that directly open a specific accordion section. This is very useful for directing users to specific information within a long accordion. *Add Elementor templates easily. Here's how to display *[***Elementor templates using a shortcode**.*](https://theplusaddons.com/blog/display-elementor-templates-using-shortcode/) ### Step 4: Icon Options Now, navigate to the Icon Options within the widget settings. Ensure the Show Icon toggle is enabled. Here, you can select the "open" and "close" icons that will be displayed on the accordion button. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Icon-Options.png) The accordion button is the clickable heading that expands and collapses the accordion sections. Using relevant icons helps users understand that they can click the accordion heading to see more information. ### Step 5: Special Options The** Special Options** section provides advanced functionality for your accordion. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Special-Options.png) **1. Active Accordion:** Select which accordion section should be open by default when the page loads. **2. On-Hover Accordion:** Enable this to automatically open accordion sections when users hover over them. **3. Horizontal Accordion: **Enable this to display accordion sections horizontally instead of vertically. This can be useful for certain layout designs. **4. SEO Schema Markup:** Turning this on adds schema markup to your accordion, which can improve your website's SEO by helping search engines understand the content of your accordion sections. Other options such as Expand/Collapse Content Button, Scroll Top, Stagger Animation, Search, Slider/Pagination, Autoplay, and Carousel Connection ID are also available for more specialized needs. ### Step 6: Styling Options For further styling, editing alignment, spacing and color options, navigate to the Style settings within the widget settings. Here you can change the visual presentation of icons, titles, and content areas, adjusting typography, backgrounds, and borders to match your design. You can also refine hover effects, animations, and spacing, ensuring a cohesive and visually appealing accordion. ## Multiple Use Cases of the Advanced Accordion Widget by The Plus Addons ### 1. Product Features/Advantages Accordion menus help showcase product features without overwhelming visitors with too much text at once. Customers can click to expand details they care about, such as specifications, benefits, or comparisons. This makes the page more interactive while keeping it visually clean. ### 2. FAQ Section An accordion FAQ section organizes frequently asked questions in a structured format, allowing users to find answers quickly. Instead of scrolling through a long list, they can expand only the relevant [accordion FAQ](https://theplusaddons.com/blog/best-faq-plugins-for-wordpress/) questions. This improves user experience and reduces the need for customer support inquiries. ### 3. Step-by-Step Guide A step-by-step guide inside nested accordions present instructions in a digestible format. Users can open each step as they progress, keeping the page uncluttered. This is especially useful for tutorials, troubleshooting, or onboarding processes. ### 4. Terms and Conditions Section Legal information often feels overwhelming, but accordion forms can make it easier to scan. Users can expand only the sections they need, such as privacy policies, refund terms, or service agreements. This improves readability while keeping the page visually appealing. ### 5. Location Information Businesses with multiple locations can use nested accordions to display address details, contact information, and operating hours efficiently. Visitors can expand the section for their preferred location without seeing unnecessary details. This makes navigation smoother and easier. ## How does Advanced Accordion by The Plus Addons compare to the Accordion widget offered by Elementor? The Plus Addons Advanced Accordion significantly expands upon the capabilities of the standard Elementor Accordion widget. Here’s how the two widgets differ: | **Feature** | **Elementor Accordion** | **The Plus Addons Advanced Accordion** | | ----------- | ----------------------- | -------------------------------------- | | Customization Options | Basic styling: limited control over icons, titles, and content. | Extensive customization: granular control over every element in the accordion. | | Content Flexibility | Primarily text-based content within each accordion item. | Supports both text content and Elementor Page Templates, allowing for dynamic content | | Advanced Animation | Basic expand/collapse animation. | Offers advanced animation options, including on-hover effects, scroll animations, and staggered animations. | | Special Features | Limited to basic accordion functionality. | Includes advanced features like active accordion selection, horizontal accordion layout, SEO schema markup, and options for autoplay. | ## Wrapping Up The easiest method to add accordions to your Elementor website is using widgets that allow you to drag-and-drop accordion items onto your page. The [Advanced Accordion widget](https://theplusaddons.com/elementor-widget/accordion/) from The Plus Addons for Elementor allows you to customize every aspect of your accordion to create a visually appealing and dynamic element on your page. Beyond the powerful accordion widget, The Plus Addons for Elementor offers over 120 additional widgets, allowing you to further expand and enhance the functionality of your Elementor website. This light-weight performance optimized plugin unlocks unlimited creative possibilities without sacrificing site speed. ## FAQs on Adding Accordion in WordPress ### Do I Need Coding Skills to Add an Accordion? No, you don’t need coding skills to add an accordion in WordPress. Plugins like The Plus Addons for Elementor let you create and customize accordions easily. If you prefer a manual method, you can use HTML and CSS, but plugins are the easiest option for beginners. ### Can I add multiple accordions on the same page in WordPress? Yes, you can add multiple accordions to the same page. Most WordPress accordion plugins support this feature, allowing you to create separate sections. If you're using custom HTML and CSS, ensure each accordion has unique identifiers to prevent conflicts in functionality. ### Will using accordions affect SEO? Accordions won’t harm SEO if search engines can index the hidden content. Google reads collapsed sections as long as the content loads with the page. To avoid issues, use proper accordion titles and heading structures, relevant keywords, and plugins that are SEO schema compatible. ### Why is my WordPress accordion not working? Your accordion may not work due to plugin conflicts, JavaScript errors, or incorrect accordion shortcode placement. Try disabling other plugins to check for conflicts. If using custom code, ensure scripts are loaded properly. Also try clearing your cache or switching themes to resolve the accordion styles issue. ### Is it possible to add an accordion in WordPress without a plugin? Yes, you can add an accordion feature without a plugin by using HTML, CSS, and JavaScript. WordPress block editor also allows you to create simple accordions with the Details block. If you prefer a custom accordion, custom CSS offers flexibility but requires basic coding knowledge. ### What is the easiest way to add an accordion in WordPress? The easiest way is to use the Accordion widget from The Plus Addons for Elementor. This widget offers drag-and-drop functionality, multiple styling options, and seamless integration with Elementor. It simplifies the process, allowing you to create professional-looking accordion styles without coding. --- # How to Create a Custom WordPress Login Page? Source: https://theplusaddons.com/blog/how-to-create-a-custom-wordpress-login-page/ Want a login experience that's more than just a username and password? Learn how to create a custom WordPress login page. A default WordPress login page is functional, but it lacks personality and branding. For users logging into your website, this can be a rather lackluster experience. Customizing your WordPress login page offers an opportunity for branding and white-labeling, creating a more personalized user experience. This also allows you to add security features to help prevent unauthorized access. In this article, we explore how to create a custom login form in WordPress and customize it to your specific needs. ## What is a Custom WordPress Login Page? A custom WordPress login page is a modified version of the standard WordPress login screen. It allows you to move beyond the default, generic look and feel, giving you control over the design and functionality of this user interaction point. Instead of the default login page on WordPress branding and limited options, a custom login page reflects your own brand identity and can offer a more tailored experience for your users. By default, WordPress provides a basic login page with only a username and password field. **Customizing this page allows you to add a variety of elements, including:** - Your logo - Custom colors and fonts - Background images or videos - Social login buttons - Custom messages or instructions - Links to relevant resources - Two-factor authentication integration *Looking for inspiration to create custom login pages? Here are *[***8 login page examples for your website***](https://theplusaddons.com/blog/login-page-examples/)*!* ## How to Create a Custom WordPress Login Page [Step-by-Step] Using specialized Login form plugins allows you to create custom login registration forms without having to write extensive custom code. The Plus Addons for Elementor provides a user-friendly [Login Form widget](https://theplusaddons.com/elementor-widget/login-form/) specifically designed for creating custom login forms. ![](https://theplusaddons.com/wp-content/uploads/2025/03/WordPress-Login-Page.png) This feature packed widget offers: - **Diverse Form Layouts:** Choose from various layouts, including standard forms, hover forms, click-to-open forms, and popup forms, to integrate the login experience into your website's design. - **Social Login Integration:** Enable users to log in conveniently using their existing Facebook or Google accounts, to simplify the process and improve user experience. - **Customizable Branding**: Add your logo, adjust colors, and tailor the form's appearance to match your website's branding, creating a consistent and professional user experience. - **Enhanced Security: **Implement measures like Google reCAPTCHA fields to protect your website from bot submissions and spam registrations. - **User-Friendly Options:** Offer features like "Remember Me," password strength meters, and customizable error messages to improve the overall user experience. Here’s a step-by-step guide to help you get started: ### Step 1: Install and Activate Necessary Plugins Ensure you have Elementor Free and The Plus Addons for Elementor (Pro version) installed and activated on your WordPress website. Go to **The Plus Addons** > **Widgets** and activate the **WP Login & Register** widget. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Install-and-Activate-Necessary-Plugins.png) ### Step 2: Create a New Page Before you start building your custom login form, it's a good practice to create a dedicated page for it. This keeps your login functionality separate from other content on your site and allows for more focused design and customization. To create a new page go to your WordPress dashboard, navigate to **Pages > Add New**. With Elementor open, search for "WP Login & Register" in the widget panel and drag it onto your page. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Create-a-New-Page.png) ### Step 3: Build the Login Page Now to start actually building your login page, navigate to the Settings Menu> Forms Layout Tab. Begin by choosing the form type that you want to use on your page. There are 4 options to choose from: - **Login:** This is a classic login form for existing users - **Registration **: This is a sign up form for new users. - **Login & Register:** Versatile form that combines both login and registration with a simple switch. - **Forgot Password:** A form for those who've forgotten their passwords. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Build-the-Login-Page.png) Next, select the form layout. Here too you have 4 options: - **Standard Form: **Displays the form directly on the page. - **Button Hover:** The form appears when hovering over a button. - **Button Click: **The form appears when clicking a button. - **Button Popup:** The form opens in a popup window. In the next **Login Option Tab**, you can customize the labels and button on your login page. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Login-Option-Tab.png) Here are some settings you can tweak: - **Custom Labels and Placeholders**: Use this option to personalize the text and make it more relevant to your brand and audience. For example, you could change "Username" to "Email Address" or "Member ID." - **Remember Me Button:** Give your users the convenience of staying logged in. Enable this option and customize the button text to something more engaging, like "Keep Me Signed In" or "Stay Connected." - **Register Link**: If you're accepting new registrations, make it easy for users to find the signup form. Add a clear "Register" link to your login form and customize the redirect link to send them to a specific page after registration. ### Step 4: Customize Further We've now set up the basic structure of your login page. The next step is to add those personal touches that make it truly shine. Let's start with the **Form Heading Tab.** ![](https://theplusaddons.com/wp-content/uploads/2025/03/Customize-Further.png) A well-crafted heading can set the tone for your login experience. Use the Form Heading Tab to add a clear and concise heading that reflects your brand's personality. For example, you could use something like "Welcome Back!" or "Sign In to Your Account." Next, make it easy for your users to log in or register by enabling social login options. With just a few clicks, they can use their existing Facebook or Google accounts to access your site. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Facebook.png) To enable social login, simply toggle the Facebook and Google options in the Social Login and Register Option tab. You can also customize the redirect URL to send users to a specific page after they log in using their social accounts. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Social-Login-and-Register-Option-tab.png) To help users you’ve lost their passwords you can add a clear and easy-to-use "Lost Your Password?" option. Customize the labels, placeholders, and button text to match your brand's voice and tone. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Lost-Your-Password.png) Keep your users informed and engaged throughout the login process with custom notification messages. You can add personalized messages in the Notification Messages Tab for different scenarios, such as: - **Loading**: Let users know that the form is being processed. - **Success**: Display a congratulatory message upon successful login. - **Validation**: Provide clear error messages if there are any issues with the form submission. - **Error**: Display a general error message if something goes wrong. **Reset Password Option**: If you're using the "Forgot Password" form type, you can configure settings related to password resets in the Reset Password Option tab. For example, you can enforce strong passwords to enhance security. *Want to change your site password easily? Here's **[How to Reset WordPress Password (step-by-step)](https://theplusaddons.com/blog/how-to-reset-wordpress-password/)*** ### Step 5: Preview Changes and Publish Once you're happy with how your login page looks, preview your changes to make sure everything is in order, and then publish the page to make it live on your website. *Keep your website safe from spam. Learn *[***how to add reCAPTCHA***](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/)* in WordPress login pages.* Taking security even further, here's how you can easily add 2 Factor Authentication on your WordPress login page for Free: https://youtu.be/RmHZnpzjdmg?si=Zms71CI5RXFJXNVv ## Examples of Top Custom WordPress Login Pages Let's now take a look at some example of custom login page designs that you can get inspired by. ### 1. Login Form with Remember Me Checkbox ![](https://theplusaddons.com/wp-content/uploads/2025/03/Login-Form-with-Remember-Me-Checkbox.png) This customized login form improves the login process by using a friendly mascot, a prominent call-to-action button, and social login integration, creating a more engaging and user-friendly experience. [View the Live Demo](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/?_gl=1*11s2f82*_gcl_au*NzY1ODU0NTkwLjE3MzQ0Nzg2MTY.*_ga*MTExODY3NDczNy4xNzI2MTM5NDY4*_ga_WXCC3REEFQ*MTc0MDUzNTYyOC40OC4wLjE3NDA1MzU2MjguNjAuMC4w#Demo1) ### 2. AI Website Themed Login Switcher Form ![](https://theplusaddons.com/wp-content/uploads/2025/03/AI-Website-Themed-Login-Switcher-Form.png) This custom login form enhances user experience by using a visually appealing split layout with a captivating image, clear and concise input fields, a contrasting call-to-action button, social login integration, and a helpful "Watch Demo" button to guide new users. [View the Live Demo](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/?_gl=1*1qs0n2u*_gcl_au*NzY1ODU0NTkwLjE3MzQ0Nzg2MTY.*_ga*MTExODY3NDczNy4xNzI2MTM5NDY4*_ga_WXCC3REEFQ*MTc0MDUzNTYyOC40OC4wLjE3NDA1MzU2MjguNjAuMC4w#Demo2) ### 3. Elementor Login Form on Button Click ![](https://theplusaddons.com/wp-content/uploads/2025/03/Elementor-Login-Form-on-Button-Click.png) This customized login page replaces the default login screen with a branded design featuring the podcast logo, a brief description, and a prominent "Get Started" button, promoting the podcast and encouraging user engagement instead of a standard, impersonal login experience. [View the Live Demo](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/?_gl=1*5zd9ve*_gcl_au*NzY1ODU0NTkwLjE3MzQ0Nzg2MTY.*_ga*MTExODY3NDczNy4xNzI2MTM5NDY4*_ga_WXCC3REEFQ*MTc0MDUzNTYyOC40OC4wLjE3NDA1MzU2MjguNjAuMC4w#Demo3) ## Wrapping Up Your login page is one of the most important points of contact with your users. It's often the first impression they have of your site beyond the initial landing page, and it's where they directly interact with your website. Customizing this default login page gives you an opportunity to remind users of your brand, create a more welcoming experience, and even enhance security. The easiest way to customize your login page is to use the [Login Form Widget](https://theplusaddons.com/elementor-widget/login-form/) from The Plus Addons for Elementor plugin. Apart from this widget, the plugin also offers over [120 other Elementor widgets](https://theplusaddons.com/elementor-widget/) that help you enhance the functionality and aesthetic appeal of your website. The Plus Addons for Elementor is a performance-optimized, lightweight plugin that allows your website to perform at its best while giving you unlimited customization options. ## FAQs on Creating a Custom WordPress Login Page ### What are some common issues when customizing the login page? When customizing your WordPress login page, you might encounter issues like broken layouts due to theme or plugin conflicts. Incorrectly modifying code can lead to login errors or even lock you out of your site. Always [back up your website](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) before making changes. ### Is it safe to edit the functions.php file for login page customization? While you can edit the functions.php file to customize your login page, it requires caution. Errors in this file can cause your entire website to malfunction. If you choose this method, make sure you have a backup of the file and a good understanding of PHP. ### Can I change the default WordPress login URL? Yes, you can change the default WordPress login URL (wp-login.php) to enhance security and make it harder for attackers to find. This can be done using plugins like [Nexter Extension](https://wordpress.org/plugins/nexter-extension/). ### Is it possible to customize a WordPress login page without a plugin? Yes, you can customize the login page without a plugin by directly editing your theme's files or using custom code in your functions.php file. However, this method requires coding knowledge and can be more complex. Plugins offer a more user-friendly method. --- # 5 Best Testimonial Plugins for WordPress [Compared] Source: https://theplusaddons.com/blog/best-testimonial-plugins-for-wordpress/ In today’s time, first impressions of your product or business matter more than ever. That’s where testimonials come in, as they are a powerful tool for building trust and credibility.  They serve as a voice of reassurance, showcasing the positive experiences of satisfied customers and influencing potential buyers' decisions. However, simply gathering testimonials isn’t enough; you need the right WordPress testimonial plugin to effectively display this social proof and make a lasting impact on your audience. In this article, we’ll delve into the best testimonial plugins for WordPress available today that can elevate your website’s reputation and drive conversions. Let’s get started! ## What are WordPress Testimonial Plugins? WordPress testimonial plugins are tools that help you collect and display customer feedback on your website. They allow you to showcase positive reviews from your clients, which can build trust with potential customers. These plugins usually have features that make it easy for you to gather testimonials.  For example, you can collect feedback from comments or social media. Many plugins also let you customize how testimonials appear on your site. Using these plugins can enhance your website's credibility. When visitors see positive feedback from real customers, they are more likely to trust your business. Finding the right testimonial plugin can help you effectively manage customer feedback and improve conversions on your site. ## Benefits of WordPress Testimonial Plugins Using WordPress testimonial plugins offers several advantages for your website. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Benefits-of-WordPress-Testimonial-Plugins.png) **1. Build Trust** Testimonials show potential customers that others have had positive experiences. This can build trust and encourage new visitors to engage with your business. **2. Easy Collection** These plugins often allow you to collect testimonials from various sources, including social media. This makes it simple to gather feedback without much effort on your part. **3. Custom Display Options** You can showcase testimonials in different styles, like sliders or grids. This flexibility lets you choose a layout that fits your site’s design. **4. Improve SEO** Incorporating fresh content, such as reviews, can help with search engine ranking. Search engines tend to favor updated, relevant content. **5. Boost Conversions** Displaying testimonials prominently can lead to higher conversion rates. When visitors see real feedback, they may feel more confident making a purchase. **6. Mobile-Friendly** Most plugins are designed to be responsive. This means they will look good on both desktop and mobile devices. **7. Manage Feedback** You can easily manage and update testimonials over time. This ensures that only the most relevant and positive feedback is shown. These benefits help you enhance your site’s credibility and user experience while making it easier to manage testimonials effectively. ## Best Testimonials Plugins for WordPress Compared | **Sl. No.** | **Plugin** | **Cost** | | ----------- | ---------- | -------- | | 1 | Strong Testimonials | Free + $29/yr | | 2 | Real Testimonials | Free + $49/yr | | 3 | Super Testimonials | Free  + $29/yr | | 4 | Site reviews | Free  + €89 /yr | | 5 | WPForms | Free  + $49/yr                                  | ### 1. Strong Testimonials [Strong Testimonials ](https://wordpress.org/plugins/strong-testimonials/)allow for displaying testimonials easily on your website, helping you build the trust of visitors. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Strong-Testimonials.png) #### Key Features of Strong Testimonials - Allows multiple testimonial collection forms. - Supports custom fields to add more extra fields to submission forms. - Allows importing and displaying testimonials from Google, Facebook, Airbnb, and more. - Provides beautiful templates that will catch visitors’ attention. #### Pricing of Strong Testimonials Strong Testimonials is free to use, with optional paid features starting from $29. This makes it accessible for different budgets while offering extensive functionality. ### 2. Real Testimonials The Real[ Testimonials](https://wordpress.org/plugins/testimonial-free/) plugin is a robust option for businesses looking to enhance their credibility and engage visitors through authentic customer feedback. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Real-Testimonials.png) #### Key Features of Real Testimonials - Offers multiple layouts to display testimonials, including sliders, grids, and carousels. - Provides full flexibility to tailor the look and feel of the testimonials to align with your brand identity. - Designed with SEO in mind, helping to improve your site's visibility in search engine results while effectively showcasing customer reviews. - Allows to import and export testimonial views. #### Pricing of Real Testimonials It’s a freemium plugin means it provides a free version. The paid version starts from $49 per year. *Want to improve your website’s performance on search engines? Check the *[***5 Best Free SEO Plugins for WordPress***](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/) ### 3. Super Testimonials [Super Testimonials](https://wordpress.org/plugins/super-testimonial/) is a versatile choice for businesses looking to build trust through customer feedback.  The plugin is designed to be easy to use, allowing users to collect, manage, and display testimonials without technical expertise. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Super-Testimonials.png) #### Key Features of Super Testimonials - Allows to display testimonials using various layouts, including sliders and grids, that can be easily integrated into posts or pages through shortcodes or widgets. - Users can add ratings to testimonials, enhancing credibility and providing a quick visual reference for potential customers. - Enables categorizing testimonials for better organization and displays specific testimonials based on categories. - Ensures that testimonials look great on all devices, providing a seamless experience for users on mobile and desktop platforms. #### Pricing of Super Testimonials It has a free version, and the paid version starts at $29 per year for a single site. ***Recommended Read:**** *[*6 Best Social Proof Plugins for WordPress*](https://theplusaddons.com/blog/best-social-proof-plugins/) ### 4. Site Reviews [Site Reviews](https://wordpress.org/plugins/site-reviews/) is a comprehensive WordPress plugin designed to manage and display user reviews on your website, functioning similarly to platforms like Amazon, TripAdvisor, and Yelp. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Site-Reviews.png) #### Key Features of Site Reviews - Enables assigning reviews to categories, posts, pages, custom post types, and users, allowing for organized and relevant review displays. - Requires approval for new reviews before they are published, ensuring content quality and appropriateness. - Optionally requires visitors to log in before submitting a review, adding a layer of authenticity and accountability. - Sends custom notifications when reviews are submitted, keeping administrators informed of new user feedback. #### Pricing of Site Reviews Site Reviews has a free version. It provides add-ons bundled together with pricing starting at €89 per year for single site license. ### 5. WPForms [WPForms](https://wordpress.org/plugins/wpforms-lite/) is a great testimonial plugin for WordPress because it allows users to easily collect, manage, and display testimonials without needing complex coding or additional tools. ![](https://theplusaddons.com/wp-content/uploads/2025/02/WPForms.png) #### Key Features of WPForms - Provides a user-friendly drag-and-drop builder to create a testimonial form easily - Gives access to 2000+ customizable templates for various needs - Supports integration with email marketing services - Has Mobile responsive design #### Pricing of WPForms WPForms offers a free version with basic features. Their premium plans start at $49 per year. This allows you to access more advanced options and integrations. Looking for a smarter way to manage customer relationships? *Check out our list of the *[***Best CRM plugins for WordPress***](https://theplusaddons.com/blog/best-wordpress-crm-plugins//)*** ****to find the perfect fit for your needs.* ## What Key Features to Look for While Choosing a Testimonial Plugin? When choosing a testimonial plugin for your WordPress site, pay attention to customization options and responsive design.  These aspects can significantly affect how well testimonials fit your site's look and work across different devices. - **Customization Options:**  Customization is crucial for integrating testimonials smoothly into your website. Look for plugins that offer various layout choices, such as sliders, grids, or list formats.  This flexibility lets you select how testimonials appear, making them more appealing. Also, choose plugins that allow changes in font size, typography, and colors to match your brand. - **Responsive Design: ** More users are accessing websites on mobile devices. Therefore, responsive design in your testimonial plugin is essential.  It ensures that testimonials look good on all screen sizes. - **Compatibility with your Theme:**  Make sure the plugin you choose is compatible with the WordPress theme you’re using on your site. Investing in these key features will help your testimonials be effective and visually appealing across various platforms. ***Suggested Read:**** *[*5 Best WooCommerce Addons & Plugins for Elementor*](https://theplusaddons.com/blog/best-elementor-addons-for-woocommerce/) ## Wrapping Up Choosing the right WordPress testimonial plugin can make a significant difference in how your business builds trust and credibility.  With the right tool, you can collect, manage, and display customer feedback in a way that enhances your website’s appeal and encourages potential customers to take action. Whether you need a simple testimonial slider, advanced customization options, or integration with review platforms, this article covered the best testimonial plugins for WordPress.  By effectively using testimonials, you can showcase social proof and create a more engaging and trustworthy experience for your audience. Plus, if you’re an Elementor user, you can use an awesome widget - [Testimonials & Reviews for Elementor](https://theplusaddons.com/elementor-listing//testimonials/) by The Plus Addons. ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXf2_iI5pYvuckzaZObUkGCkbvpNBF0ASbkhbccnDvHnEImvRHkRcAQBr7iJocFrA9RR-HwJrhmzHdMD2AZxEuhIPm5GruXZSUoeZbWtCa-uAwwQ_mrg8tsWYsVFRtpQmPC9VozgLA?key=paOeTUBSc5GMFz4ovsrKM91J) With this widget, you can show customer feedback in a visually appealing and engaging way.  Whether you prefer a sleek grid, a dynamic masonry layout, or an interactive carousel slider, this widget offers multiple display options to fit your brand’s style.  Plus, with 10+ ready-to-use demos, customizable styles, and smart loading options like pagination and infinite scroll, you can create a seamless user experience without any hassle. Testimonials & Reviews for Elementor is just one of the widgets provided by The Plus Addons for Elementor.  This plugin provides more than 120 widgets and 1000+ templates to enhance your Elementor website functionality. ## FAQs on Testimonial Plugins for WordPress ### Why are testimonials important for my website? Testimonials provide social proof, which can significantly influence potential customers' buying decisions. They help establish credibility and trust, showcasing real experiences from satisfied clients, which can lead to increased conversions and customer loyalty. ### Are testimonial plugins compatible with all WordPress themes? Most testimonial plugins are designed to be compatible with a wide range of WordPress themes. However, it’s always a good idea to check the plugin’s documentation or support forums to ensure compatibility with your specific theme. ### Do I need coding skills to use a testimonial plugin? No, most WordPress testimonial plugins are designed to be user-friendly and do not require any coding skills. They typically come with easy-to-follow instructions, allowing even beginners to set them up and customize them without hassle. ### How can I collect testimonials from my customers? You can collect testimonials through various methods, such as sending follow-up emails after a purchase, using feedback forms on your website, or asking for reviews on social media. Many testimonial plugins also include features to help you gather and manage customer feedback efficiently. ### Can I display video testimonials using these plugins? Yes, many WordPress testimonial plugins allow you to display video testimonials in addition to text-based reviews. This feature can enhance the authenticity and engagement of your testimonials, making them even more impactful. --- # How to Create WordPress Sitemap [Free Methods] Source: https://theplusaddons.com/blog/how-to-create-wordpress-sitemap/ Is your WordPress website struggling to gain visibility in search results? With millions of pages competing for attention, your valuable content might be buried where no one can find it.  Even worse, search engines could be missing important pages on your site, severely limiting your organic traffic potential. **But there's a powerful solution:** a WordPress sitemap. This essential tool acts as a comprehensive roadmap for search engines, ensuring every important page on your site gets discovered and indexed.  The best part is that creating a sitemap in WordPress is simpler than you might expect, even if you're not tech-savvy. In this article, we'll walk you through the exact steps on how to create WordPress sitemap to help your content get the visibility it deserves. Let’s get started! ## What are Sitemaps in WordPress? Sitemaps are essential tools for helping search engines and users understand the structure of your website. They provide a clear list of URLs for indexing and improve navigation for visitors. **A sitemap serves several key purposes:** - It helps search engines like Google index your website more effectively. By listing all relevant URLs, sitemaps make it easier for bots to find and understand your content. - Sitemaps help users navigate your site. They provide a structured way to access different parts of your website. - For new visitors, having access to a sitemap can enhance their experience by guiding them to the right content quickly. **Below is an example of a site’s sitemap:** ![](https://theplusaddons.com/wp-content/uploads/2025/02/Sitemaps.png) ### XML vs HTML Sitemaps There are two main types of sitemaps: **XML **and **HTML**. XML sitemaps are primarily for search engines. They help these bots crawl and index your site, which can improve your search engine rankings.  These sitemaps list all important URLs and can include additional information like the last modified date and change frequency. HTML sitemaps are designed for users. They present a human-readable format that shows the structure of your site.  This allows visitors to easily find pages and understand the relationships between them. ![](https://theplusaddons.com/wp-content/uploads/2025/02/XML-vs-HTML-Sitemaps.png) Both types of sitemaps play important roles in website optimization. You'll want to ensure you use both to benefit your site’s visibility and usability. *Want to boost your WordPress site's SEO without spending a dime? Here are the *[***Best Free SEO Plugins for WordPress***](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/)*.* ## How to Create WordPress Sitemap [2 Methods] When planning to add a sitemap to your WordPress site, you have a couple of solid options.  You can either use the built-in feature of WordPress or take advantage of sitemap plugins. Both methods can effectively create a sitemap for your website. ### Method 1: Creating a Sitemap with WordPress Built-in Feature Creating a sitemap with WordPress is simple. Since version 5.5, WordPress automatically generates a basic XML sitemap for your site.  This means you do not need any extra plugins to have a fundamental sitemap. To find your sitemap, add /wp-sitemap.xml to the end of your site's URL. For example, if your site is example.com, your sitemap will be located at *example.com/wp-sitemap.xml*. The built-in sitemap includes all your posts, pages, and categories. This helps search engines easily find and index your content. #### Benefits of Using the Built-in Sitemap Feature - **No setup required:** It generates automatically. - **User-friendly:** Easy to access by simply typing the URL. - **SEO-friendly:** Helps search engines quickly index your content. Using the built-in feature is a great way to ensure your site's content is visible to search engines without any additional effort. ### Method 2: Creating a WordPress Sitemap Using Plugins While WordPress's built-in sitemap feature works for basic needs, plugins offer greater control over your SEO strategy.  With dedicated sitemap plugins, you can customize which pages to include, set content priorities, and manage advanced features that aren't available in the default solution.  If you need more flexibility in optimizing your site's visibility, the plugin method is your best choice. There are several sitemap plugins that provide additional features. Popular options include: - [Yoast SEO](https://wordpress.org/plugins/wordpress-seo/) - [Rank Math](https://wordpress.org/plugins/seo-by-rank-math/) - [All in One SEO](https://wordpress.org/plugins/all-in-one-seo-pack/) These plugins can create both XML and HTML sitemaps for your site. After installing a plugin, check the plugin settings to find your sitemap URL. Typically, it will also be accessible at /sitemap.xml.  To install a sitemap plugin, go to your WordPress dashboard. Click on ***Plugins**** >**** Add New*****.**  ![](https://theplusaddons.com/wp-content/uploads/2025/02/Plugins.png) In the search bar, type the name of your chosen plugin, such as "Yoast SEO" or "Rank Math." When it appears in the search results, click ***Install Now***. After installation, you need to click ***Activate***. This process connects the plugin to your site, allowing you to configure it effectively. Once activated, the plugin may guide you through the initial setup steps. Follow the prompts to complete the configuration and ensure the sitemap is created properly. For example, if you choose Rank Math to create a sitemap, then go to ***WordPress Dashboard > Rank Math SEO*** and enable the ***Sitemap*** module. ![](https://theplusaddons.com/wp-content/uploads/2025/02/WordPress-Dashboard-1.png) Further, to customize your sitemap, navigate to ***Rank Math SEO > Sitemap Settings***.  There, you can configure settings like whether images and features images should be included, what post types and taxonomies to include, etc. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Rank-Math-SEO.png) And finally, ***Save Changes***. *Did you know you can enhance your WordPress site with Google Search effortlessly? Learn *[***How to Add Google Search on WordPress Site***](https://theplusaddons.com/blog/add-google-search-on-wordpress/)*.* ## How to Submit WordPress Sitemap to Google & Other Search Engines? Submitting your sitemap helps search engines find and index your pages more quickly.  This process is important for improving your website's visibility and ranking. Below are the steps for submitting your sitemap to major search engines. ### Submitting to Google To submit your sitemap to Google, you need to use the Google Search Console.  First, log into your Google Search Console account. If you don’t have one, you will need to create it and verify your website ownership. Once you are in the dashboard, locate the **Sitemaps** option on the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Submitting-to-Google.png) Enter the URL of your sitemap in the field provided and click ‘**Submit**.’ ![](https://theplusaddons.com/wp-content/uploads/2025/02/Submitting.png) Google will check your sitemap for errors. You’ll receive notifications about the status and any issues that need fixing. Make sure your sitemap file is correctly structured. A well-formed sitemap can lead to faster indexing. *Did you know you can even hide certain pages of your website from Google? Here's **[How to Hide WordPress Pages from Google](https://theplusaddons.com/blog/how-to-hide-wordpress-pages-from-google/)**.* ### Submitting to Bing and Other Search Engines To submit your sitemap to Bing, follow a process similar to Google’s.  You will need a Bing Webmaster Tools account. After logging in, navigate to the "Sitemaps" section. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Submitting-to-Bing-and-Other-Search-Engines.png) Enter your sitemap URL in the designated field and click “**Submit**.”  Bing will also identify any issues that may arise. It’s beneficial to regularly check for errors to ensure your pages are being properly indexed. *For more in-depth instructions, you can watch this video - * https://www.youtube.com/watch?v=e-1KXQ4Jzsg Other search engines, like Yandex, have similar submission processes. Always make sure your sitemap is updated whenever you publish new content.  Regular submissions and checks help keep your site’s SEO strong. *Want to protect your WordPress site from mishaps? Learn *[***How to Backup WordPress Website***](https://theplusaddons.com/blog/how-to-backup-wordpress-website/)* to ensure its security in case of an incident.* ## How to Maintain WordPress Sitemap? To keep your WordPress sitemap effective, it’s essential to monitor its health and update it regularly.  This ensures that search engines can access the latest content on your site efficiently. ### Monitoring Sitemap Health You should regularly check the health of your sitemap and use Google Search Console to track issues related to it.  This tool will inform you if there are any errors, such as broken links or the exclusion of important pages. **After submitting your sitemap, review the crawl stats.** - Look for any pages that are not being indexed. - If you notice that certain pages are consistently ignored, consider adjusting their content or internal links. Keeping a close eye on how search engines interact with your sitemap helps you maintain its effectiveness. ### Updating Your Sitemap Regularly Regular updates to your sitemap are important for showcasing new content. If you add new posts or pages, ensure that your sitemap reflects these changes. Many plugins can automate this process, updating the sitemap whenever you publish new content. Make it a practice to manually check your sitemap every month. If you delete or change the structure of pages, update the sitemap immediately. ## Best Practices for Sitemap Optimization To optimize your WordPress sitemap, follow these essential tips: - **Avoid Duplicate URLs:** Ensure your sitemap does not include URLs with duplicate content. This practice helps to focus search engine efforts on unique pages. - **Limit File Size:** Your sitemap should be under 50MB and contain fewer than 50,000 URLs. This helps search engines process your sitemap efficiently. - **Use HTTPS:** Include only secure URLs in your sitemap. This assures search engines that your site is trustworthy. - **Include Images and Videos:** If your site features media, make sure to reference them in your sitemap. Use appropriate tags for better indexing. - **Organize by Priority:** Assign priority levels to URLs, helping search engines understand which pages are more important. Following these practices will help you enhance the visibility and crawlability of your website.  ***Recommended Read:**** *[*How to Change Page URL in WordPress [4 Easy Methods]*](https://theplusaddons.com/blog/how-to-change-page-url-in-wordpress/) ## Wrapping Up A well-structured sitemap is essential for improving your website’s visibility and ensuring search engines can efficiently index your content.  Whether you choose the built-in WordPress feature or a plugin, having a sitemap in place helps boost your SEO and improves user experience. To keep your sitemap effective, remember to monitor its health, update it regularly, and follow best practices for optimization.  A properly maintained sitemap ensures that your latest content gets discovered faster, giving your site a competitive edge. But a well-optimized website goes beyond just a sitemap. That’s where [**The Plus Addons for Elementor**](https://theplusaddons.com/) comes in. This plugin offers powerful design and performance-focused features that keep your visitors engaged. ## FAQs on Creating WordPress Sitemaps ### What should I include in my sitemap? Include important pages like blog posts, product pages, and category pages while excluding duplicate content, admin pages, or low-value pages that don’t need indexing. ### Can I have multiple sitemaps for my WordPress site? Yes! Large websites often use multiple sitemaps (e.g., separate ones for posts, pages, and images). Plugins like **Yoast SEO** and **Rank Math** automatically generate a sitemap index that organizes multiple sitemaps efficiently. ### Why is my sitemap not showing in Google Search Console? It could be due to indexing delays, errors in the sitemap file, or issues with your robots.txt file blocking search engines. Check Google Search Console’s Sitemap Report for errors. ### Does a sitemap guarantee better rankings? No, but it helps search engines discover and index your content faster, which is essential for SEO. A sitemap supports good rankings but doesn’t replace high-quality content and strong SEO practices. --- # How to Add Breadcrumbs in Elementor [Beginners Guide] Source: https://theplusaddons.com/blog/how-to-add-breadcrumbs-in-elementor/ Want to improve your website's navigation and SEO? Learning how to add breadcrumbs in Elementor can make a big difference. Breadcrumbs are a useful navigation element, showing users exactly where they are on your site while helping search engines understand your site structure. They typically appear as horizontal navigation trails that help users backtrack their steps. For any website with a large number of pages, it enhances its usability and functionality, leading to a stellar user experience. If you're wondering how to add breadcrumbs in WordPress Elementor, this guide will explore easy ways to do so without any coding. Let's get started! ## Key Takeaways - Add breadcrumbs in Elementor using The Plus Addons' Breadcrumbs Bar widget. - Improves SEO and user navigation with clear page hierarchy. - Fully customizable styles, icons, and visibility without any coding. ## What are Breadcrumbs? Breadcrumbs are a navigation tool on websites that shows users where they are within your site's hierarchy. It is usually located at the top of the page, consisting of a series of links to indicate the current location of the user. It's a simple yet highly effective feature, especially on websites with many pages or a complex structure.   ![](https://theplusaddons.com/wp-content/uploads/2025/02/Breadcrumbs.png) Think of it as a trail of breadcrumbs that leads visitors back to the homepage or previous sections without having to use the back button on their browser. ### What are the Different Types of Breadcrumbs? Breadcrumbs navigation can take different forms depending on the content and structure of your website. **Here are the main types:** - **Hierarchy-based breadcrumbs: **These breadcrumbs display the path from the homepage to the current page and represent the structure of your website. For instance, ***Home > Blog > How to Add Breadcrumbs in Elementor****.* - **Attribute-based breadcrumbs: **Common on e-commerce websites, these breadcrumbs reflect a user's filtering choices, like product categories, colors, sizes, or brands. For instance, ***Home > Woman's clothing > Dresses****.* - **History-based breadcrumbs: **These breadcrumbs show the other pages a user has visited on the site. For example, they could represent recent actions or searches on the site, giving users the ability to navigate back to previous pages they visited. *Simplify your website navigation with a customized header across the site. Learn *[***How to Use Elementor Header Template***](https://theplusaddons.com/blog/how-to-use-elementor-header-templates/)* to create a professional header.* ## Why Should You Consider Adding Breadcrumbs to Your Elementor Website? Adding breadcrumbs to your Elementor site can significantly improve both user engagement and your site's [SEO performance](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/). **Here's how:** - **Improved navigation:** Breadcrumbs help visitors easily backtrack and move between sections of your website, making it more user-friendly. - **SEO boost:** Search engines, like Google, value clear site structure. Breadcrumbs contribute to better indexing and can improve your rankings. - **Cleaner design:** Breadcrumbs are a small design element that can make a big difference. They take up minimal space but add clear value to your website layout, enhancing user experience and reducing bounce rate. *Present your website information in an organized and structured manner with interactive WordPress tabs. Check out the *[***Best WordPress Tab Plugins***](https://theplusaddons.com/blog/best-wordpress-tab-plugins/)* that require no coding skills to use.* ## What is the Elementor Breadcrumbs Widget? An Elementor breadcrumbs widget is a useful WordPress tool that allows you to add the breadcrumbs functionality to your website. [Breadcrumbs Bar Widget](https://theplusaddons.com/elementor-widget/breadcrumbs-bar/) is one such widget from The Plus Addons for Elementor to easily add a dynamic breadcrumb navigation bar to your site with zero coding required. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Add-Breadcrumbs-in-Elementor.png) It's a simple, ready-to-use solution that can be customized to suit your site's design. With this Elementor breadcrumbs plugin, you can add beautiful and professional Elementor page breadcrumbs to your blog post pages, custom post types, Elementor category page, WooCommerce product page, and more. **Here are the key features of the Breadcrumbs Bar Widget for Elementor-** - **Multiple styles:** Experiment with multiple breadcrumb style options that align with the design and aesthetic of your website. - **Customized icons:** Add customized icons and text to your home title. - **SEO optimized:** The widget lets you add SEO-optimized breadcrumb bars to boost visibility and traceability for search engines. - **Enable/Disable breadcrumbs:** You can easily choose to show or hide the home page, current page, or parent page from the breadcrumb trail. - **Flexible:** Add a customized Elementor post breadcrumb bar to any type of page or website, from blog pages to e-commerce product pages or custom post types single pages. ## How to Add Breadcrumbs in Elementor Site [Step-by-Step] Now let's get down to business and dive into the step-by-step process of adding breadcrumbs to your Elementor site using the Breadcrumbs Bar Widget by The Plus Addons- ### Step 1: Install The Plus Addons for Elementor Before we can start adding breadcrumbs to Elementor, you need to install The Plus Addons for Elementor plugin. This plugin offers the breadcrumbs widget along with [120+ other powerful widgets](https://theplusaddons.com/elementor-widgets/) to enhance your Elementor website. Go to your ***WordPress dashboard > Plugins > Add New****. *Search for **The Plus Addons for Elementor**, click ***Install Now****,* and then ***Activate***. ![](https://theplusaddons.com/wp-content/uploads/2025/02/WordPress-dashboard.png) ### Step 2: Add the Breadcrumbs Bar Widget for Elementor Once the plugin is activated, go to the WordPress dashboard and navigate to ***The Plus Addons > Widgets****.* Search for the widget name and turn on the toggle to enable the widget. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Bar-Widget-for-Elementor.png) After adding the breadcrumbs plugin in Elementor, it's time to edit the page where you want to add breadcrumbs. Go to ***Pages*** in your WordPress dashboard and open the page you wish to edit with Elementor. Click on ***Edit with Elementor****.* Next, drag and drop the breadcrumbs bar widget to the header template on the page to make it accessible on the website. ![](https://theplusaddons.com/wp-content/uploads/2025/02/accessible-on-the-website.png) ### Step 3: Customize Your Breadcrumbs You can now start customizing the Elementor breadcrumbs bar to suit your needs. The Plus Addons for Elementor gives you plenty of design flexibility, such as: - **Multiple styles:** In the ***Breadcrumb Style*** dropdown in the left bar, you can choose from two unique styles for your breadcrumbs bar for a professional-looking website. ![](https://theplusaddons.com/wp-content/uploads/2025/02/image-47.png) - **Breadcrumbs full width:** If you choose ***Style 1***, you can turn on the ***breadcrumbs full-width*** toggle to make a full-width breadcrumb bar in the header. ![](https://theplusaddons.com/wp-content/uploads/2025/02/breadcrumbs-full-width.png) - **Home icon:** From the ***Home Title/Icon**** *field, you can change the text for the home page and select a custom font. ![](https://theplusaddons.com/wp-content/uploads/2025/02/home-page.png) - **Separator icon:** Under the ***Separator icon**** *field, you can add a custom separator icon or image to appear in the breadcrumbs bar. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Separator-icon.png) - **Breadcrumbs on/off:** From the ***Breadcrumbs on/off*** field, you can choose to show or hide the current page, parent page, or the home page link from the breadcrumb. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Breadcrumbs-on-off.png) - **Style:** Under the ***Style**** *tab, you can adjust the text, typography, sizing, alignment, background colors, and more for your breadcrumbs text, home icon, content, separator, and so on. ![](https://theplusaddons.com/wp-content/uploads/2025/02/breadcrumbs-text-home-icon-content.png) - **On scroll view animation:** This is a global extension by The Plus Addons for Elementor, applicable to all the widgets, which lets you add fun scrolling animations to the widget. ### Step 4: Save and Preview After customizing your breadcrumbs widget, click ***Update*** to save the changes. You can preview your site to ensure that everything looks great and works as expected. *Give your website a unique identity with customized icons. Know *[***How to Add Custom Icons to Elementor***](https://theplusaddons.com/blog/add-custom-icons-to-elementor/)* for a professional website.* ## Wrapping Up A custom breadcrumb function is an impactful design addition to your website to enhance the user experience and SEO. By using a breadcrumb plugin for Elementor, you can quickly add a fully customized breadcrumb bar and display it anywhere on your website. Now that you know how to add breadcrumbs in WordPress, you're all set to create a more structured and navigable website. The Plus Addons for Elementor make it easy with its [Breadcrumbs Bar widget](https://theplusaddons.com/elementor-widget/breadcrumbs-bar/), giving you full control over styling, placement, and functionality. And that's not it. With over 120+ Elementor widgets, the plugin helps you enhance your website's design and functionality like a pro. Try it out and take your Elementor site to the next level! ## FAQs on Adding Breadcrumbs in Elementor ### Are Breadcrumbs Clickable? Yes! Breadcrumbs are clickable, allowing users to navigate back to previous pages or sections within your site. ### Can I create custom breadcrumbs in Elementor without plugins? Yes, but it can get technical and might break your site. So, it is best to create breadcrumbs in Elementor using a plugin like The Plus Addons that has a Breadcrumbs Bar Widget as it offers unmatched customization options and design possibilities. ### Is there a way to style breadcrumbs in Elementor? Yes, you can style breadcrumbs in Elementor using the Breadcrumbs widget from The Plus Addons, adjusting settings like typography, spacing, icons, background colors, and separators. ### How do I display breadcrumbs on specific pages in Elementor? You can control where breadcrumbs appear using the widget's visibility options, which allow you to show or hide them for the parent page, home page, and current page. ### How to remove breadcrumbs in WordPress Elementor? To remove breadcrumbs, simply delete the Breadcrumbs widget from the Elementor editor or disable the widget via the plugin settings. ### Why are my breadcrumbs not showing in WordPress? If your breadcrumbs aren't displaying, ensure that the Breadcrumbs widget is enabled and placed correctly. Additionally, check your theme's settings to make sure they don't conflict with the breadcrumbs feature. --- # January 2025 Monthly Updates: New Exciting Features Added, WordPress & Google Updates & More Source: https://theplusaddons.com/blog/january-2025-monthly-updates/ As promised last month, we have added more helpful updates to [**The Plus Addons for Elementor**](https://theplusaddons.com/) so that your experience with the plugin gets better and smoother. ### New Additions to Pro Features - **AJAX Filtering**: Now, the **Blog, Client, Dynamic, Product, and [Team Member Listings](https://theplusaddons.com/elementor-listing//team-members/)** support AJAX for category-wise filtering. - **Search Type for Filtering**: A new **search type option** has been added to category-wise filters across all listings, making it easier to find specific content. - **Taxonomy Filtering**: You can now filter by taxonomy (categories, tags, or custom taxonomies) in all listings. - **Load More + AJAX Filtering**: “Load More” now works seamlessly with AJAX-based category-wise filtering across all listings. - **Loading Options**: A loading effect has been added for **Load More & AJAX Filters**, giving users a better visual experience when content loads. And that’s not all, we are adding more features like **Pre-Designed Widgets Presets **that will help you unlock the full potential of The Plus Addons for Elementor and make your website-building experience even faster and easier. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Pre-Designed-Widgets-Presets.png) [](https://fibfbff.r.af.d.sendibt2.com/tr/cl/SkZADl4RpCe05jhi3rnAsZn1VvDdTlMl2s2j3oUo7VtiY94DKk_UY5jxbg1yYwyYJQvqj6YzlPI3OJ4Ze8kt9pxCDAV5rP7YMx4rCPeHOB-3Ynv7QhcuLYRjcC5WBOBqkFhWBsnR42z5xwyyGhVWIt5CjdP2isvAQrU7MFWiqFeo7vqKCd-mjk1YlTRDH4bgqzNsi9WeV-O4HpmBIC7OASYOd50vVbB8jGuMC0e4jyR2s1TvbaTocBjM4NfwCw-5JX3811qYsQtVp3wHYZiKFIYJgohGE-2-9jmT43iDgP12vXy0gbvav-gWaSatwtsQUHh499DFLaqtwdvnYJ526ddy_A)Projected Design for Widget Presets from Elementor Backend Editor *So*, s*tay tuned as we continue to deliver updates that make your Elementor experience even better!* For all the changes, [**Check out the complete changelog here.**](https://roadmap.theplusaddons.com/updates) ## 📖 — Latest Reads - [How to Add WhatsApp Chat in Elementor [FREE]](https://theplusaddons.com/blog/how-to-add-whatsapp-chat-in-elementor/) - [How to Hide Page Title in Elementor [4 Easy Methods]](https://theplusaddons.com/blog/how-to-hide-page-title-in-elementor/) - [How to Unpublish WordPress Site [Step-by-Step]](https://theplusaddons.com/blog/how-to-unpublish-wordpress-site/) - [How to Fix WordPress Theme File Editor Missing Issue](https://theplusaddons.com/blog/how-to-fix-wordpress-theme-file-editor-missing/) - [6 Best Social Proof Plugins for WordPress [Build Trust]](https://theplusaddons.com/blog/best-social-proof-plugins/) - [7 Best WordPress CRM Plugins [Top Picks]](https://theplusaddons.com/blog/best-wordpress-crm-plugins///) - [How to Backup WordPress Website [Prevent Data Loss]](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) - [How to Add Background Image in Elementor [Easy Steps]](https://theplusaddons.com/blog/how-to-add-background-image-in-elementor/) ## 📹— Video Tutorials - [How to resolve 404 Page not found Error on WordPress](https://www.youtube.com/watch?v=ROeYvobXgjM&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=1) - [How to Import Google Sheet Table in Elementor WordPress?](https://www.youtube.com/watch?v=MFSbCu8xZjo&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=3) - [Best Elementor Mega Menu Plugins](https://www.youtube.com/watch?v=UoXQG6DutWg&list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5&index=4) - [5 Elementor Template Resources That Will Change Your Website in 2025](https://www.youtube.com/watch?v=o5qwFarNGdo) - [How to Set Up Push Notifications on Your WordPress Site?](https://www.youtube.com/watch?v=nG5Y7okf7eQ) - [How to Add Blurred Text Reveal in Elementor For FREE](https://www.youtube.com/watch?v=43mmw3UX4DA) ## 🗞️ — WordPress & Tech Bytes - Elementor has introduced the [**AI Site Planner**](https://elementor.com/blog/ai-site-planner-faster-first-draft/), a tool designed to streamline website creation. It enables users to quickly create a website brief, sitemap, and content-rich wireframes tailored to their project's needs. - [**WooCommerce 9.6**](https://developer.woocommerce.com/2025/01/20/woocommerce-9-6-fresh-new-tools-and-modernizing-classics/#:~:text=WooCommerce%209.6%20has%20been%20released,View%20the%20full%20changelog.) has been released with key updates, including the full release of the 'Brands' feature, automatic measurement units based on store location, and improved text styling for the Product Summary block. - Elementor has [**introduced Hello Biz**](https://elementor.com/blog/introducing-hello-biz/), a free WordPress theme designed for small businesses and professionals, offering pre-designed templates, seamless integration with Elementor's drag-and-drop editor, and purpose-built widgets to simplify website creation. - WordPress.com [**introduces Studio Sync**](https://wordpress.com/blog/2025/01/06/studio-sync/), a new feature in its Studio app that lets developers seamlessly sync local, staging, and live sites. Available for Business and Commerce plan users, it also supports team collaboration. - [**Elementor 3.27 latest update**](https://elementor.com/blog/elementor-327-grid-layouts-local-google-fonts-ai-motion/) introduces advanced Grid Container controls for precise layouts, local Google Fonts hosting for better performance, and AI-powered motion effects for smoother animations. - [**Google now requires JavaScript**](https://www.searchenginejournal.com/confirmed-google-is-requiring-javascript-to-block-seo-tools/537705/) to access search results, limiting data scraping by SEO tools. The update aims to prevent abuse and maintain result integrity. - Google [**discontinued its Web Vitals Chrome extension**](https://www.searchenginejournal.com/google-retires-web-vitals-extension-moves-everything-to-devtools/537401/) in January 2025, moving all key functionalities into Chrome DevTools' Performance panel. Developers are encouraged to use DevTools to monitor Core Web Vitals. - Google will move all [**reCAPTCHA services to its Cloud Platform**](https://www.searchenginejournal.com/google-to-migrate-all-recaptcha-services-to-cloud-platform/538749/) by the end of 2025, requiring users to migrate their existing keys to Google Cloud projects, with up to 10,000 free assessments per month. - Google’s John Mueller confirmed that[ **alt text should prioritize accessibility over SEO**](https://www.searchenginejournal.com/google-confirms-alt-text-is-not-primarily-an-seo-decision/538412/). He emphasized that the primary goal is to serve users, not search engines. ## 🔥 — Tool of the Month [**Google Site Kit**](https://sitekit.withgoogle.com/) is an official WordPress plugin by Google that helps website owners easily access key insights from various Google tools—all in one place. This tool is ideal for bloggers, business owners, and developers who want an easy way to monitor and optimize their websites! ![](https://theplusaddons.com/wp-content/uploads/2025/02/Google-Site-Kit.png) ## 🗣️— Word of the Month #### Great plugin with great support! *I bought the TPA premium as I saw it was pretty feature packed and I heavily use Elementor for all my projects. Bear in mind, I am a regular premium plugin buyer so its not something new for me to get my hands on premium plugins. What is rare, is if I continue using a plugin for long term basis. TPA definitely made it to my list. I had a little glitch with the implementation of one of the widgets and the support helped me out patiently. Support replies pretty prompt too and it provides assurance that I’m in safe hands. This is very important especially since I handle some really large and critical WordPress websites. Highly recommend!* [*~@mmubashar*](https://wordpress.org/support/topic/great-plugin-with-great-support-359/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # How to Create Contact Form in Elementor for Free  Source: https://theplusaddons.com/blog/how-to-create-contact-form-in-elementor/ How to Create Contact Form in Elementor for Free without coding? A contact form is a must-have for any website. It’s how visitors reach out, ask questions, or even become potential customers. But since the free version of Elementor doesn’t come with a built-in form widget, you might wonder how to add a contact form in Elementor without coding or [**upgrading to Elementor Pro**](https://go.posimyth.com/recommends/elementor/). **The good news?** You can easily create a contact form in Elementor for free using a third-party form plugin. In this article, we’ll walk you through a step-by-step process to add a contact form to your WordPress site, customize it to match your brand, and ensure it functions seamlessly. ## Key Takeaways - Add contact forms in Elementor using The Plus Addons' Form Builder widget. - Includes email alerts, redirects, and spam protection. - Easily style layout, colors, typography, and publish. All within Elementor. ## Why Should You Add Contact Forms on Your Elementor WordPress Website? A contact form on your Elementor WordPress website is a crucial tool to communicate with your visitors, manage inquiries, and enhance the user experience on the website. ![](https://theplusaddons.com/wp-content/uploads/2025/02/WordPress-Website.png) **Here’s why adding one to your Elementor website is a smart move:** - **Professional:** A structured, well-designed Elementor free form looks more professional than listing an email address. - **Spam protection:** With built-in [**security features like reCAPTCHA**](https://theplusaddons.com/blog/how-to-add-recaptcha-to-elementor-form/), you can reduce spam entries and keep your inbox secure and organized. - **Improves user experience:** A well-placed contact form makes it quick and easy for visitors to reach out without leaving your website. - **Enables lead generation:** By integrating your free Elementor contact form with email marketing tools, you can build your mailing list and nurture leads over time. *Tired of handling spam entries and bot emails from your website contact form? Know *[***How to Stop Elementor Contact Form Spam Completely***](https://theplusaddons.com/blog/elementor-contact-form-spam/)* using 5 methods.* ## How to Create a Contact Form in Elementor for Free [Step-by-Step] If you'd like a visual tutorial, check this video out: https://youtu.be/7DVDIACjSSQ?si=IoBE7i1VU4q68w8l And for textual steps, read along.. Now, let’s see how to make a contact form in WordPress Elementor using the free [**Form Builder by The Plus Addons**](https://theplusaddons.com/elementor-builder/form-builder/) without coding. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Elementor-for-Free.png) ### Step 1: Install and Activate The Plus Addons for Elementor Since the free version doesn’t have a built-in Elementor form widget, you’ll need a user-friendly, third-party plugin like [**The Plus Addons for Elementor**](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/). To use an Elementor form plugin, go to ***Plugins > Add New*** on your WordPress dashboard and search for ***The Plus Addons for Elementor***. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Install-and-Activate-The-Plus-Addons-for-Elementor.png) Install and activate the plugin to get started. ### Step 2: Activate the Form Widget for Elementor On the WordPress dashboard, navigate to ***The Plus Addons > Widgets**** *and search for ***Form****.* Turn on the toggle to activate the Form Builder for Elementor widget from The Plus Addons for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Elementor-widget.png) ### Step 3: Add the Contact Form in Elementor Back on the dashboard, go to ***Pages > Add New***** *****Page*** to create a fresh website page or ***Pages > All Pages*** to open the page where you want to add the free Elementor contact form using Elementor Editor. To add an Elementor free contact form, go to the widget panel on the left, search ***Form****,* and drag and drop the contact form widget on the editor. ![](https://theplusaddons.com/wp-content/uploads/2025/02/image-31.png) Once you add the form, you can edit its fields and add personalized content from the various drop-downs under the *Content *section. - **General:** You can add a unique form name to keep track of multiple forms on your website, edit and add different fields, input types (text, email, number, etc.), field labels, and more based on your requirements. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Once-you-add-the-form.png) - **Button:** Under the button drop-down, you can edit and customize what your form submission button will say and look like. You can easily modify the icon, text, and button width. ![](https://theplusaddons.com/wp-content/uploads/2025/02/the-form.png) - **Submit action:** Here, you can select what will happen after the user submits the contact form. You can choose the ***Email*** option to send the form details to a specific email address or the ***Redirect*** option to redirect the user to a specific URL after submitting the form. ![](https://theplusaddons.com/wp-content/uploads/2025/02/specific-URL.png) - **Email settings:** If you select the ***Email**** *option as the submit action, this section lets you add the email address where the form details will be sent and the content of the email. This section also lets use shortcodes to personalize the email content sent to the users. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Email-setting-1.png) - **Redirect settings:** If you have selected the ***Redirect**** *option as the submit action, you can add the redirect URL under this section. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Redirect-settings-1.png) - **Message content:** Within this section, you can edit the feedback messages a user sees before or after they hit the submit button, such as success message, submission issue, form validation error, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Message-content-2.png) - **Extra options:** Edit the form ID as unique identifiers for multiple forms, customize the label visibility depending on your design, or control the visibility of the red asterisks that appear on the required fields. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Extra-option.png) ### Step 4: Customize the Contact Form Now that you’ve built the contact form, you can use the ***Style*** section on the right to customize the design and appearance of the Elementor free contact form. Here, you can customize the structure and spacing for form rows and columns, the label text, the form fields, the submit button, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Customize-the-Contact-Form.png) You can change the background colors, text colors, alignment, spacing, size, typography, and more for the different elements of the contact form. ![](https://theplusaddons.com/wp-content/uploads/2025/02/contact-form.png) Once you have edited and customized the contact form according to your website design, hit ***Publish*** to take the form live on your website. *Is your Elementor Contact Form not working properly? Learn *[***How to Fix Elementor Contact Form Not Sending Emails**.*](https://theplusaddons.com/blog/fix-elementor-contact-form-not-sending-emails/) ## Wrapping Up Creating a free contact form in Elementor is easier than you think! Follow the simple steps above to add a fully functional contact form without needing premium plugins or coding skills. [**Form Builder by The Plus Addons**](https://theplusaddons.com/elementor-builder/form-builder/) is a powerful tool that offers extensive features to create comprehensive contact forms. You can easily add multiple fields, customize the design, use various post-submission options, and much more to enhance the user experience. But that’s not all. If you want to take your Elementor website to the next level, [**The Plus Addons for Elementor**](https://theplusaddons.com/elementor-widgets/) also offers 120+ widgets, including advanced form features, to enhance your site’s functionality. ## FAQs on Creating Contact Form in Elementor ### Does Elementor have in-built contact form? No, the free version of Elementor doesn’t include a built-in contact form. You need to upgrade to the premium version of Elementor or use a free plugin like The Plus Addons for Elementor to create one. ### Why is my Elementor contact form not working? If your Elementor contact form is not working, it is possible that the emails from your site are being treated as spam. To fix this, check your email settings, SMTP configuration, and spam filters. ### How do I set up an Elementor contact form? To set up an Elementor contact form, you need a free form plugin for Elementor, such as The Plus Addons for Elementor. Simply install the plugin, drag the Form Builder widget into your website page, edit the fields, and customize the form according to your website. ### What is a Honeypot in Elementor form? Honeypot is a spam protection feature that adds an invisible field to trick bots into filling it, preventing automated spam submissions. ### Can I integrate a contact form in Elementor with email marketing tools? Yes, many form plugins, including The Plus Addons for Elementor, support integrations with email marketing tools. ### Is it possible to add reCAPTCHA to a contact form in Elementor? Yes, you can add Google reCAPTCHA v3 to your form for spam protection. You’ll need to enter your reCAPTCHA site key and secret key in the plugin settings. --- # How to Update WordPress Plugins [Step-by-Step] Source: https://theplusaddons.com/blog/how-to-update-wordpress-plugins/ Updating plugins in WordPress is essential for keeping your site secure and running smoothly.  To update plugins safely, you should always back up your site before making any changes. This simple step ensures that you can restore your website if anything goes wrong during the update process. In this blog, you will learn methods on how to update WordPress plugins, which can save you time and trouble in the future and keep your website in top condition. Let’s get started! ## Key Takeaways - Back up your WordPress site before updating any plugins.[](https://theplusaddons.com/blog/how-to-update-wordpress-plugins/) - Test updates in a staging environment to prevent live issues.[](https://theplusaddons.com/blog/how-to-update-wordpress-plugins/) - Monitor site functionality after updates and keep records updated. ## Why Should You Update WordPress Plugins? Keeping your plugins updated is a key part of WordPress maintenance. It helps you improve security, gain access to new features, and fix bugs. Each of these factors is vital for running a smooth and safe website.  **1. Security Enhancements ** Plugin developers release updates to patch vulnerabilities that could be exploited by hackers. When you neglect these updates, you leave your site open to attacks. Old plugins may contain weaknesses that hackers can use. Some updates include measures to block malicious code that could harm your site. **2. New Features and Improvements ** When you update plugins, you often gain access to new features. Developers frequently improve plugins based on user feedback and technological advancements. New features can add functionality that helps you better serve your audience. Keeping up with updates allows you to take advantage of these improvements and provide a better experience for your visitors. **3. Bug Fixes and Compatibility ** Plugins need to be compatible with the latest version of WordPress and other installed plugins. Updates typically come with bug fixes that resolve glitches in previous versions. Bugs can slow down your site or cause it to crash. Fixing these promptly enhances overall performance. As WordPress updates, older plugins may no longer work correctly. Updating ensures all components function well together. Regular updates help prevent issues that could disrupt your website's operations and user experience. ## How to Prepare for the Update Process? Before updating your plugins, it’s important to take the necessary steps to ensure a smooth and safe process.  This preparation reduces the chances of problems and protects your site from issues that may arise during the update.  **1. WordPress Backup ** One key step is to back up your WordPress site. This protects your data and content in case something goes wrong during the plugin update.  Use a reliable backup plugin like UpdraftPlus or BackupBuddy. Also, store your backup in multiple locations, such as cloud storage or an external hard drive. *Here are the *[***best WordPress backup plugins for your site***](https://theplusaddons.com/blog/best-wordpress-backup-plugins/)*.* Make sure to include both your database and files in the backup. After the backup, double-check that it's complete and accessible. If issues occur, you can easily restore your site to its previous state. *Also, you can check this tutorial guide on *[***how to backup your WordPress website***](https://theplusaddons.com/blog/how-to-backup-wordpress-website/)* easily.* **2. Plugin Assessment**** ** Before updating, assess the plugins you have installed. Check if the plugins you're updating are compatible with your current version of WordPress. To do so, go to the Plugin Updates page in your dashboard. Click "**View [version] details**" for each plugin to read the release notes. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Plugin-Assessment.png) Look for any known issues or changes that might affect your site. If a plugin hasn't been updated in a while or has many negative reviews, consider if it is worth keeping.  Keeping your plugins organized and updated helps maintain site security.  **3. Staging Environment Setup**** ** Setting up a staging environment is a smart way to test updates. A staging site is a clone of your live website, allowing you to make changes without affecting the live version. Many web hosts offer easy-to-use staging features. If your host doesn’t provide this, consider using a plugin that enables staging. Once you have a staging site ready, you can update your plugins there first. Test the functionality to ensure everything works well. This process allows you to catch any issues before going live, protecting your site's user experience and functionality. ## How to Update WordPress Plugins Safely? [3 Methods] Keeping your WordPress plugins updated is essential for security and performance. There are different methods for updating plugins, each with its own benefits.  Here’s how to perform safe updates. ### Method 1: Updating Plugins Via Plugins Page To manually update a plugin, go to your WordPress admin dashboard.  Navigate to ***Plugins > Installed Plugins*** page. Here, you will see a list of plugins that have updates available. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Updating-Plugins.png) Click on the plugin you want to update. First, deactivate it to avoid issues during the update. After deactivation, click on the ***Update Now*** option. Once the update completes, reactivate the plugin to check if it functions correctly. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Update-Now.png) This method gives you full control over the updates and minimizes any risk of conflicts. ### Method 2: Updating Plugins via Update Page WordPress automatically shows update notifications for the plugins that may require an update. To use this feature, hover on your WordPress admin sidebar and click on the ***Dashboard*** option. Then, from the dropdown menu, click on ***Updates***. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Dashboard.png) Here, you’ll see the list of all the plugins that require updating. You can select the plugins that you want to update by ticking the check box next to the Plugin name. And then click on the ***Update Plugins*** option. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Update-Plugins-option-1024x399.png) Regularly check your dashboard to monitor which plugins have been updated. This keeps you informed about changes. ### Method 3: Updating plugins via Bulk Update Approach If you have multiple plugins that need updates, the bulk update approach can be efficient.  From your WordPress dashboard, go to ***Plugins**** > ****Installed Plugins*** page and look for the update notifications. Select Plugins and check the box next to each plugin that requires updating. From the ***Bulk Actions*** drop-down menu, select ***Update*** and click ***Apply***. This updates all selected plugins at once. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Updating-plugins-via-Bulk-Update-Approach.png) After the updates, review plugin functionality and ensure everything works as expected.  This method saves time and simplifies the update process for users managing several plugins at once. *Did you know keeping WordPress plugins outdated for long may harm your site? Here's **[How to Force Check WordPress Plugin Updates](https://theplusaddons.com/blog/how-to-force-check-wordpress-plugin-updates/)** and automate this process.* ## How to Ensure Plugins are Updated Safely? After updating your WordPress plugins, it's important to take specific actions to ensure everything is functioning as expected.  Proper follow-up steps can help you catch any issues early and maintain your site's performance.  **1.** **Testing and Verification ** Once you update your plugins, verify that they’re working correctly. Start by checking the front end of your site. Look at key pages and functions to ensure they display as intended. You should also test functionality, especially for essential plugins like page builders or e-commerce tools. Make a checklist of features to verify.  If any issues arise, try deactivating the updated plugin and see if that resolves the problem. Additionally, check the plugin settings to ensure they remained unchanged after the update. If not, reconfigure them as necessary. **2. Monitoring for Issues ** After updates, keep an eye on your site for at least a few days. Check for performance changes or error messages. You can use monitoring tools or plugins designed to alert you about site issues. If you notice problems, you may need to investigate if they are linked to the updated plugins.  Consistent monitoring helps catch concerns before they affect your users. It's wise to collect feedback from users as well. They might notice issues you overlooked. Being attentive during this phase ensures a smooth user experience. **3. Update Documentation and Records ** Maintaining records of your updates is essential. Create a log detailing each plugin updated, along with the date and version number. This record assists in troubleshooting if issues arise later. You can use a spreadsheet or a notepad for this documentation. Include notes about any changes made during the update, such as settings alterations. Regular documentation provides insight into patterns, making it easier to track plugin performance over time. It’s a simple step that can save you considerable headaches in the future. *Recommended Read: *[***5 Free Tools To Scan WordPress For Vulnerabilities***](https://theplusaddons.com/blog/free-tools-to-scan-wordpress-for-vulnerabilities/)*.* ## How to Troubleshoot Common Update Issues? When updating plugins in WordPress, issues can arise that disrupt your site’s functionality. Knowing how to identify and fix these problems is important for maintaining a smooth experience. ### Identifying and Handling Update Conflicts Conflicts often occur when a plugin is incompatible with your version of WordPress or another plugin. To identify the source of the conflict, you should: - **Disable All Plugins**: Start by deactivating all plugins. This helps pinpoint if one of them is causing issues. - **Activate Plugins One by One**: Reactivate each plugin individually to see which one leads to a problem. **If you find the conflicting plugin, you may need to:** - Look for an update for that plugin. - Check its support forum for similar issues. - Consider using an alternative plugin if the problem persists. ### Resolving Plugin Errors Sometimes, plugin updates fail, leading to error messages. To troubleshoot, follow these steps: - **Check Your Internet Connection**: A weak connection can interrupt updates, leading to errors. - **Verify Server Status**: Ensure your web server is running optimally. Server issues can affect updates. If you still face errors after checking these factors, consider manually updating the plugin.  Download the plugin’s latest version from the developer’s website and upload it via the WordPress dashboard or FTP. ### Reverting to Previous Versions If a recent update causes significant issues, reverting to a previous version of the plugin can restore functionality. Here’s how: - **Backup Your Site**: Before making changes, ensure you have a backup of your site and database. - **Use a Plugin for Rollback**: Consider using a rollback plugin, like [WP Rollback](https://wordpress.org/plugins/wp-rollback/). This tool allows you to revert to older versions safely. - **Manual Reversion**: If you prefer manual methods, download the previous plugin version from the plugin repository. Then, uninstall the current version and upload the older one. Following these steps can help keep your WordPress site running smoothly during and after updates. ## Wrapping Up Backing up plugins can tighten your WordPress site’s security and prevent plugin issues from happening in the future. You can follow any of the above methods mentioned in this blog as all these methods are safe and secure, and help you update WordPress plugins easily. If you have an Elementor-based website, we recommend using [The Plus Addons for Elementor](https://theplusaddons.com/), as this plugin is a great addition to enhance both the security and functionality of your site.  With regular updates, it ensures it stays bug-free and secure, providing a seamless experience for your WordPress site. It offers a wide range of powerful widgets, making it easy to build a more dynamic and secure site. It also provides regular updates, keeping your site safe and protected ## FAQs on Updating WordPress Plugins ### What is the safest method to update a WordPress plugin manually? To update a plugin manually, first, back up your entire WordPress site. Then, go to the Plugins menu in your dashboard. Deactivate the plugin you want to update. Download the latest version of the plugin, then upload it through the “Add New” section. Finally, activate the plugin again. ### What are the best practices to update WordPress plugins without losing customizations? To keep your customizations safe, use a child theme or create custom functionality using a site-specific plugin. Always back up your site before an update. After updating, test the functionality to ensure your customizations still work with the new version of the plugin. ### Should I regularly update my WordPress plugins, and why is it important? Yes, you should regularly update your WordPress plugins. Updates fix bugs, improve security, and add new features. Regular updates help protect your site from vulnerabilities that could be exploited by hackers. ### How can I update a WordPress plugin using a ZIP file and ensure it's secure? To update a plugin using a ZIP file, first, download the latest version of the plugin from a trusted source. In your dashboard, go to ***Plugins > Add New***, then click “***Upload Plugin***.” Choose the ZIP file and click “***Install Now***.” After installation, activate the plugin and check for any issues. --- # 8 Best WordPress Tab Plugins Source: https://theplusaddons.com/blog/best-wordpress-tab-plugins/ Looking for ways to organize content on your website better? Using one of the best WordPress tab plugins might help you achieve just that. WordPress tabs are unique design elements that help you present information compactly and interactively. These are sections that users click on or scroll through to reveal different pieces of content. A thoughtfully created tab can keep your visitors from feeling overwhelmed with a wall of text and improve user experience. Creating WordPress tabs involves custom coding which can be quite complicated if you are a beginner. This is where WordPress tab plugins can help, they offer an easy way to add these design elements without writing a single line of code. So, let’s explore some of the best Elementor tab widget plugins. ## Key Takeaways - Advanced Tabs by The Plus Addons works great with Elementor. - Tabs Responsive offers drag-and-drop tab layouts. - Pick plugins that are responsive, lightweight, and customizable. ## What are WordPress Tab Plugins? WordPress tab plugins are tools that let you create and manage tabbed content on your website. They provide a user-friendly way to organize information, making it easier for your visitors to find what they need. Instead of a long, scrolling page, you can present content in compact, clickable sections. ![](https://theplusaddons.com/wp-content/uploads/2025/02/content-on-your-website.png) *Demo of *[***WordPress Tabs by The Plus Addons***](https://theplusaddons.com/elementor-widget/tabs/) These plugins simplify the process of creating and managing tabs within your WordPress site. They provide a user-friendly interface that allows you to easily create new tabs, add content to them, and customize their appearance. ### What Features Should You Look for in a WordPress Tab Plugin? Not all WordPress tab plugins are built the same, here are some factors to consider before committing to one: - **Responsiveness: **You want your tabs to look and function perfectly on all devices, from desktops to smartphones. A responsive plugin automatically adjusts the layout and appearance of the tabs based on the screen size, ensuring a consistent user experience regardless of how visitors access your site. This often means the tabs will collapse into an accordion view on mobile. - **Customization Options:** Look for a plugin that allows you to customize the look and feel of your tabs. You should be able to customize tab colors, fonts, borders, and other styling elements to match your website's design. Some plugins even offer pre-designed templates or the ability to add custom CSS for more advanced styling. - **Ease of Use: **A good tab plugin should be intuitive and easy to use, even if you're not a tech expert. You should be able to create, edit, and manage tabs without needing to write any code. - **Content Flexibility: **Consider the types of content you want to display in your tabs. Some tabbed navigation plugins might be limited to text and images, while others allow you to embed videos, forms, shortcodes, or even dynamic content from other sources. Choose a plugin that supports the content types you need. - **Performance:** A well-coded tab plugin should be lightweight and not slow down your website. Bloated plugins can negatively impact your site's loading speed, which can affect user experience and SEO. Look for plugins that are optimized for performance. ## Best WordPress Tab Plugins Compared | **Sl.No.** | **Plugin** | **Cost** | | ---------- | ---------- | -------- | | 1 | Advanced Tabs by The Plus Addons | Free + $39/year | | 2 | Tabs Responsive | Free + $9 for a single application license | | 3 | Tab Content for WordPress | Free | | 4 | Tabby Responsive Tabs | Free + $24/year | | 5 | WooCommerce Product Tabs | Free + $79 for a single site | | 6 | WP Tabs | Free+ $29/year for a single site | | 7 | Responsive Tabs | Free + $19/year for single site | | 8 | WP Responsive Tabs | Free +$15 for a single site | ### 1. Advanced Tabs by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2025/02/The-Plus-Addons.png) Advanced Tabs widget from The Plus Addons for Elementor plugin is a user-friendly tool to create the most stunning tabs for your WordPress site. This widget, part of the [120+ specialized widgets](https://theplusaddons.com/elementor-widgets/) offered by the plugin, streamlines your website design process. It comes with unlimited customization options, vertical and horizontal tab layouts, and a wealth of features to help you present your content beautifully and effectively. With Advanced Tabs, you can create everything from simple text tabs to complex layouts using Elementor templates. #### Key Features of Advanced Tabs by The Plus Addons - **Multiple Content Sources**: This plugin is not limited to just text. It allows you to pull content from various sources, including direct content input and even pre-designed Elementor page templates. This flexibility lets you create dynamic and engaging tab content. - **Extensive Styling Options:** You can control every aspect of your tabs' appearance. Customize colors, fonts, borders, icons (inner and outer), and more to perfectly match your website's design. You can even add descriptions and hints to your tab titles for added context. - **Versatile Layouts**: Choose from a variety of horizontal and vertical tab layouts to best suit your content and design preferences. You can also adjust the navigation position (top, bottom, left, right) to further refine the layout. - **Interactive Effects:** Enhance user engagement with interactive effects like autoplay, hover-to-open, and close-on-second-click functionality. For horizontal tabs, you can add swipe or slide effects for easy navigation. - **Dynamic Connections: **Connect your tabs to other Elementor elements, such as carousels, using unique IDs. This allows you to create synchronized interactions, where clicking a tab changes the carousel content. #### Pros - **Easy to Use: **The intuitive interface makes creating and managing tabs a breeze, even for beginners. - **Unlimited Customization: **Take complete control over the design and functionality of your tabs. - **Lightweight and Optimized:** The plugin is designed for performance, ensuring your website loads quickly. - **Feature-Rich:** Enjoy a wide array of features, from basic styling to advanced interactive effects. - **Access to 120+ Widgets:** Your purchase unlocks a whole suite of powerful Elementor widgets, providing incredible value. - **Excellent Support: **The Plus Addons team offers comprehensive documentation and support to help you get the most out of the plugin. #### Cons With a variety of options, first-time users might feel overwhelmed. The creators have solved this problem by providing [detailed documentation](https://theplusaddons.com/docs/) and efficient support team that solves users queries on time. #### Pricing of Advanced Tabs by The Plus Addons You can start using the basic features of the Advanced Tabs widget for free. For access to the full suite of features and the complete library of 120+ widgets, you can upgrade to the premium version of The Plus Addons for Elementor for just $39/year. This provides exceptional value, as you're not paying for a single widget, but rather a comprehensive bundle of design and functionality tools for Elementor. [Learn More](https://theplusaddons.com/elementor-widget/tabs/) *Why The Plus Addons? Learn how *[***The Plus Addons compares with Other Elementor Addons.***](https://theplusaddons.com/blog/the-plus-addons-vs-other-elementor-addons/) ### 2. Tabs Responsive ![](https://theplusaddons.com/wp-content/uploads/2025/02/Tabs-Responsive.png) Tabs Responsive is a WordPress plugin designed to help you create and manage tabs on your website. Built on the Bootstrap framework, it offers a responsive design that adapts to various screen sizes, ensuring your tabs look great on any device. This plugin allows you to display tabs both horizontally and vertically, giving you flexibility in how you present your content. #### Key Features of Tabs Responsive - **Design:** The plugin is built using the Bootstrap framework, ensuring your tabs adapt seamlessly to different screen sizes, from desktops to mobile devices. - **Drag and Drop Builder: **Easily create and arrange your tabs using a drag-and-drop interface, simplifying the process of adding, removing, and reordering tab items. - **Multiple Content Support:** Embed various content types within your tabs, including images, videos, music, or other shortcodes, giving you flexibility in what you display. - **Horizontal and Vertical Tabs:** Choose between horizontal and vertical tab orientations to best suit your content and design preferences. #### Pros - **Easy to Use: **The plugin offers a user-friendly interface, making it simple to create and manage tabs without requiring any coding knowledge. - **Wide Theme Compatibility: **Tabs Responsive is designed to work with a variety of WordPress themes. This minimizes the risk of conflicts with themes. - **Basic Functionality: **The free version provides a solid foundation for creating basic tabs, making it accessible to users with different budgets. #### Cons - **Limited Styling Options: **The free version has limited styling options, which might not be enough for users who need extensive customization. - **WYSIWYG Editor Issues: **The WYSIWYG editor is unstable and formatting can be lost or changed when switching between visual and text modes. - **Limited Advanced Features:** Features like more design templates, animations, and advanced customization are reserved for the pro version. #### Pricing of Tabs Responsive Tabs Responsive is available for free but with limited features. Advanced options are available in the pro version priced at $9 for a single site license. [Learn More](https://wordpress.org/plugins/tabs-responsive/) ### 3. Tab Content for WordPress ![](https://theplusaddons.com/wp-content/uploads/2025/02/Tab-Content-for-WordPress.png) Tab Content for WordPress from the Nexter Blocks plugin is one of the best tab-creating tools if you prefer using the Gutenberg editor. This block, part of the 90+ specialized blocks offered by the plugin, makes your website design process smooth and easy. It comes with multiple tab layouts (horizontal and vertical), customizable tab styles, and the ability to place virtually any type of content within your tabs. This block offers a seamless way to create organized and engaging content experiences directly within the WordPress editor. #### Key Features of Tab Content for WordPress - **Multiple Tab Layouts**: Choose between horizontal and vertical tab orientations to best suit your content and design. This flexibility allows you to create tabs that fit seamlessly into any page layout. - **Customizable Tab Styles: **Tailor the appearance of your tabs to match your website's branding. Control tab colors, fonts, borders, and other styling elements to create a consistent visual experience. - **Versatile Content Placement:** Place any type of content within your tabs, including text, images, videos, shortcodes, and even other Gutenberg blocks. This makes the possibilities for tab content virtually endless. - **Interactive Hover Effects: **Enhance user interaction by enabling tabs to switch on hover. This feature provides a dynamic and engaging way for visitors to explore your content. - **Carousel Connection:** Connect your tabs with the Carousel Anything block to create synchronized content experiences. Change a tab, and the carousel content changes with it, creating a seamless flow of information. #### Pros - **Gutenberg Integration:** Enjoy a native Gutenberg experience that makes tab creation and management intuitive and efficient. - **Mobile Responsive**: Your tabs will look great and function flawlessly on all devices, ensuring a consistent user experience across desktops, tablets, and smartphones. - **Access to 90+ Blocks:** You get access to a library of 90+ blocks, providing a comprehensive toolkit for building powerful and dynamic websites. - **Optimized for Performance:** The plugin is lightweight and optimized so that it won't slow down your website. This promises a fast and smooth experience for your visitors. - **No Coding Needed: **Creating and customizing tabs is easy with the intuitive plugin interface, no coding skills required. #### Cons Some advanced features are available in the premium version. However, upgrading gives you access to a library of over 90 other useful blocks within Nexter Blocks to help design your Gutenberg site. #### Pricing of Tab Content for WordPress The basic Tab Content for WordPress block is available for free. To use the advanced features and gain access to the complete collection of 90+ blocks, you can upgrade to the premium version of Nexter Blocks. This offers excellent value, as you're investing in a comprehensive set of tools rather than a single block. [Learn More](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/) *Wondering which editor to use? Read *[***Elementor vs Gutenberg — Which To Choose?***](https://theplusaddons.com/blog/elementor-vs-gutenberg/) ### 4. Tabby Responsive Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/02/Tabby-Responsive-Tabs.png) Tabby Responsive Tabs is a lightweight and user-friendly WordPress plugin that simplifies the process of adding responsive tabs to your website. It uses simple shortcodes to create horizontal tabs that automatically convert to an accordion view on smaller screens, making it ideal for mobile devices. The plugin prioritizes accessibility and uses ARIA attributes with keyboard navigation. While it's designed to be easy to use, it also offers developers the flexibility to customize the styling via CSS. #### Key Features of Tabby Responsive Tabs - **Responsive Design:** Tabs seamlessly transition to an accordion format on smaller screens, ensuring a consistent user experience across all devices. - **Shortcode Based:** Easily add tabs to any page or post using simple shortcodes, providing flexibility in content placement. - **Accessibility Focused:** Includes ARIA attributes and keyboard navigation support for improved accessibility for users with disabilities. - **Multiple Tab Sets:** Supports multiple sets of tabs on the same page, allowing for complex content organization. #### Pros - **Lightweight and Fast:** The plugin is designed to be lightweight, minimizing its impact on website loading times. - **Easy Implementation:** Adding tabs is a straightforward process, even for users with limited technical skills. - **SEO Friendly: **Allows the use of H1 and H2 tags within tabs, which can be beneficial for search engine optimization. #### Cons - **Limited Styling: **The free version offers very basic styling. Customization requires CSS knowledge or purchasing the customizer add-on. - **Shortcode Dependence:** While shortcodes offer flexibility, some users may find them less intuitive than a visual editor. #### Pricing of Tabby Responsive Tabs Tabby Responsive Tabs is free to use, but with limited features. Advanced customization options and additional features are available through paid add-ons. You can get the advanced customization option for $24/year. [Learn More](https://wordpress.org/plugins/tabby-responsive-tabs/) ### 5. WooCommerce Product Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/02/WooCommerce-Product-Tabs.png) WooCommerce Product Tabs is a WordPress plugin designed to enhance your product pages by allowing you to add custom tabs. It provides a way to present additional information to your customers in a clear and organized manner, preventing product pages from becoming cluttered. This plugin offers a user-friendly WYSIWYG editor for each tab, giving you the flexibility to add various content types, from simple text to embedded media. #### Key Features of WooCommerce Product Tabs - **Custom Tab Creation: **The plugin facilitates the addition of numerous custom tabs to product pages, allowing for in-depth product details. - **Diverse Content Embedding:** The integrated WYSIWYG editor supports a range of content, including text, HTML, shortcodes, images, videos, and audio, offering flexibility in presenting information. - **Content Assignment: **Tabs can be applied globally to all products or specifically assigned to product categories, allowing for targeted information display. - **Individual Product Customization:** Tabs can be added to individual products, providing granular control over the information shown on each product page. #### Pros - **WYSIWYG Editor for Content:** The plugin's use of a WYSIWYG editor within each tab simplifies content creation and management for non-technical users. - **Shortcode Support:** The ability to use shortcodes within tabs allows for the embedding of dynamic content from other plugins, expanding the possibilities for tab content. - **Category-Based Tab Assignment:** Assigning tabs to specific product categories offers a convenient way to display relevant information for groups of products. #### Cons - **Limited Reordering: **The free version restricts tab reordering, which can be inconvenient for managing tab display. - **Core Features Restricted:** Many useful features, such as drag-and-drop reordering, tab icons, and control over default tabs, are exclusive to the pro version. #### Pricing of WooCommerce Product Tabs WooCommerce Product Tabs is available for free, but its features are limited. The pro version, which offers more advanced capabilities, is a paid upgrade of $79 for a single site. [Learn More](https://wordpress.org/plugins/woocommerce-product-tabs/) Want to find the perfect theme for WooCommerce? Here are the [***6 best WooCommerce themes.***](https://theplusaddons.com/blog/best-woocommerce-elementor-themes/) ### 6. WP Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/02/WP-Tabs.png) WP Tabs is a WordPress plugin that simplifies the creation of tabs for your website content. It offers a way to present information in a clean, organized, and easily digestible format, improving the user experience. The plugin is user-friendly, providing an intuitive interface for building and customizing tabs without any coding knowledge. It also gives you a range of customizable features that help you match your tabs to other website elements. #### Key Features of WP Tabs - **Shortcode Generator: **Create and implement tabs using a convenient shortcode generator, streamlining the process of adding tabs to pages and posts. - **Customization Options: **Offers a variety of styling options, including control over colors, positions, hover effects, and more, allowing for design flexibility. - **Drag & Drop Sorting: **Arrange tab items easily using a drag-and-drop interface for quick and efficient organization. Content Flexibility: Supports various content types within tabs, such as HTML, images, and shortcodes, allowing for rich and dynamic tab content. #### Pros - **Ease of Use**: The plugin is designed to be user-friendly, making it simple to create and customize tabs even for non-technical users. - **Clean and Organized Navigation**: Provides a structured tabbed navigation, improving content organization and user experience. - **Versatile Content Support:** Allows for the inclusion of various content types within tabs, offering flexibility in how information is presented. - **Excellent Support:** The plugin's support team is responsive and helpful when you have questions or face issues. #### Cons - **Limited Free Version:** Many customization options and features are only available in the pro version, limiting the functionality of the free version. - **Limited Control: **The plugin lacks granular control over certain design elements, such as font sizes. #### Pricing of WP Tabs WP Tabs is free to use, but with limited features. Advanced options are available in the pro version for $29 for a single site. [Learn More](https://wordpress.org/plugins/wp-expand-tabs-free/) ### 7. Responsive Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/02/What-is-Responsive-Tabs.png) Responsive Tabs is a WordPress plugin that offers an easy way to organize your website content using tabs. It creates a dedicated section within the WordPress admin panel for creating and managing tabbed content. The plugin is designed to be intuitive and easy to use, allowing you to add content to different tabs, customize their appearance, and reorder them as needed. The Responsive Tabs plugin improves your website's navigation and user experience by presenting information in a clear and accessible manner. #### Key Features of Responsive Tabs - **Tabbed Content Creation: **Easily create tabbed content areas within your website's pages and posts. - **Content Ordering:** Reorder tabs effortlessly through a drag-and-drop interface to achieve your desired layout. - **Shortcode Implementation:** Display your tabbed content anywhere on your site using a simple shortcode. - **Customization:** Customize the breakpoint at which tabs collapse into an accordion view, ensuring optimal display on different devices. #### Pros - **User-Friendly Interface:** The plugin offers an intuitive interface for creating and managing tabs. - **Improved Site Navigation:** Tabbed content makes it easier for visitors to find the information they need. - **PHP 8 Compatibility:** Ensures smooth functionality with the latest PHP versions. #### Cons - **Limited Documentation:** The lack of detailed documentation makes it challenging to troubleshoot issues or explore advanced features. - **Restricted Features:** Many advanced styling options and features, such as icons, are only available in the paid version, limiting the flexibility of the free version. #### Pricing of Responsive Tabs Responsive Tabs is free to use, but with limited features. Advanced options are available in the pro version for $19 for a single site. [Learn More](https://wordpress.org/plugins/responsive-tabs/) ### 8. WP Responsive Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/02/image-19.png) WP Responsive Tabs is a WordPress plugin that allows you to create and manage different types of tabs on your website. It provides a user-friendly interface for building tabbed content, eliminating the need for coding knowledge. The plugin simplifies the process of organizing and displaying information in a visually appealing and accessible manner. #### Key Features of WP Responsive Tabs - **Multiple Tab Styles:** Create horizontal, vertical, and stunning accordion tabs to suit different content presentation needs. - **Unlimited Tab Sets:** Add as many tab sets as you require to organize your website content effectively. - **Tab Ordering:** Control the order of your tabs to ensure information is presented logically. - **Shortcode Usage:** Easily embed your tabs into pages, posts, or widget areas using shortcodes. #### Pros - **Ease of Use:** The plugin offers a simple interface for creating and managing tabs without requiring coding skills. - **Versatility: **Supports different tab styles, including horizontal, vertical, and accordion, for flexible content presentation. - **Preview Functionality:** Preview your tabs before publishing them to ensure they appear as intended. #### Cons - **Basic Features:** The free version offers only basic features and customization options. - **Limited Customization:** Advanced styling options and features like scrollable tabs and icons are limited to the pro version. #### Pricing of WP Responsive Tabs WP Responsive Tabs is free to use, but with limited features. Advanced options are available in the pro version for $15. [Learn More](https://wordpress.org/plugins/responsive-horizontal-vertical-and-accordion-tabs/) ## Inspiring WordPress Tab Examples Now, if you want to start making your website more engaging and user-friendly with WordPress tabs but don’t know where to start, don’t worry! We have you covered with some examples that you can draw inspiration from. ### Example 1: Connect Tabs with Carousel & AutoPlay with Color Change This example uses a carousel of images where the background color dynamically changes in sync with the image transitions. The autoplay feature makes the tab dynamic and creates a captivating visual experience. ### Example 2: Change Tabs with Hover Interaction In this example, we see tabs that seamlessly transition on hover. This is a great way to showcase products or different model variations, providing a smooth and engaging way for visitors to explore your offerings. ### Example 3: Pricing Food Menu with Tab Switcher This example uses tabs to create a user-friendly menu experience. Users can click on the tab titles to navigate between different menu categories, complete with subtle transition animations for a polished touch. **Want to recreate these stunning tab designs on your own website?** The Plus Addons for Elementor includes a Live Copy feature that allows you to copy and paste these demos directly into your Elementor editor. ***Read: ***[***How to Make Live Cross Domain Copy Paste for FREE in Elementor using The Plus Addons?***](https://theplusaddons.com/docs/cross-domain-copy-paste-for-free-in-elementor//) ## Which WordPress Tab Plugin Should You Use? With thousands of WordPress tab plugins available, it can be overwhelming to choose the right one for your needs. Ideally, you want a plugin that is easy to use, intuitive, compatible with your existing setup, performance-optimized, mobile-responsive, and offers extensive customization options. [**Advanced Tabs by The Plus Addons**](https://theplusaddons.com/elementor-widget/tabs/) checks all these boxes, making it a perfect solution for creating stunning and functional tabbed content on your WordPress site. What’s more is that this widget gives you access to [120+ other Elementor widgets](https://theplusaddons.com/elementor-widgets/) from The Plus Addons that improve the functionality and design of your website. This easy-to-use plugin allows you to create stunning sites, without having to write a single line of code. ## FAQs on WordPress Tab Plugins ### Are WordPress tab plugins mobile-friendly and responsive? Most modern WordPress tab plugins like the Advanced Tabs by The Plus Addons for Elementor are designed with responsiveness in mind. This means your tabs will automatically adjust to different screen sizes to look and function perfectly on desktops, laptops, tablets, and smartphones. ### Do WordPress tab plugins slow down my website? A well-coded tab plugin should have minimal impact on your website's performance. It's always a good idea to choose a plugin that is known for being lightweight. Avoid plugins that are bloated with unnecessary features or code, as they can slow down your site. ### Is it possible to add tabs inside Elementor or other page builders? Many WordPress tab plugins are specifically designed to work well with popular page builders like Elementor, Beaver Builder, and Divi. This allows you to easily create and customize tabs for your page designs for more flexibility and control over your content presentation. ### Can I use WordPress tab plugins to organize FAQs on my website? WordPress tab plugins can help organize your FAQs and make them more user-friendly. Instead of presenting a long, overwhelming list of questions and answers, you can create separate tabs for different categories of questions so users can easily find what they need. ### Are WordPress tab plugins compatible with WooCommerce for product tabs? Yes, they are. Many WordPress tab plugins are compatible with WooCommerce, allowing you to create custom tabs on your product pages. This helps provide additional product information, such as specifications, product models, ratings and reviews, or related products, without cluttering the main product description. ### What is the difference between tabs and accordions in WordPress? Tabs and accordions are both popular ways to organize content on your website. Tabs display content horizontally across the top of a section, while accordions use a vertical, collapsible format. Both present information in a compact and organized way for better navigation. --- # How to Add Categories and Subcategories in WordPress Easily Source: https://theplusaddons.com/blog/how-to-add-categories-and-subcategories-in-wordpress/ Organizing your content is key to running a successful WordPress site. You can add categories and subcategories to help your visitors find what they need more easily. This structure not only improves navigation but also betters the overall user experience. Creating categories allows you to group similar posts, making your blog more organized and accessible. You can even create subcategories for more specific topics. This way, your readers can easily locate related content without going through unrelated posts. In this blog, you will learn how to add categories and subcategories in WordPress. With just a few clicks, you can improve the navigation of your site and keep your content well-structured. Let’s get started! ## What are Categories in WordPress? Categories are a way to organize your content in WordPress. When you publish a blog post, you can assign it to one or more categories based on the topic it covers. This categorization helps users find relevant content without manually searching through all your posts. For example, a food blog might have categories like ***Recipes*, *Healthy Eating*, and *Kitchen Tips***, allowing readers to browse topics that interest them. Categories also improve site navigation by creating archive pages where visitors can see all posts under a specific category.  ### What are the benefits of using Categories? - **Improved SEO**: Well-structured categories can help your site rank better in search engines. As search engines find it easier to index your posts. - **User-Friendly**: Categories make your site easier to use. Visitors can find related content without navigating through all your posts. - **Navigation**: Using categories improves navigation. Visitors can quickly see what topics you cover, improving their experience on your site. ## How to Add Categories in WordPress? You can easily add categories from your WordPress dashboard itself. To do so, go to your WordPress admin area. Navigate to **Posts** and then click on **Categories**. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Categories.png) In the **Add New Category** section, you’ll see the following options: - **Name -** Enter the category name. - **Slug -** Fill in the slug, which is the part of the URL for this category. - **Description -** You can add a description of a category for better clarity on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Add-New-Category-section.png) Once you’ve filled in these fields, click on **Add New Category**. This newly created category will now appear in the list and is ready for use in your posts. ***Recommended Read:**** *[*Discover the best free SEO plugins for your WordPress website*](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/)*.* ## What are Subcategories in WordPress? In WordPress, subcategories are a way to organize and structure content within a category.  They allow you to create a hierarchy of categories, making it easier for users to navigate your site and find related content. Subcategories help you organize content more effectively in WordPress. They allow you to create a structured way to group your posts, making it easier for readers to find related content. ## How to Add Subcategories in WordPress? To add a subcategory, start by navigating to the Categories section in your WordPress dashboard. Click on **Add New Category**. Enter the name of your subcategory in the name field.  Below this, you will see an option for **Parent Category**. Select the category that you want this subcategory to belong to. This creates a hierarchy among your categories. Be specific and clear when naming subcategories. For example, if your main category is "Fruits," a good subcategory could be "Citrus" for posts about oranges and lemons.  This organization helps users locate specific topics quickly. Below is the screenshot of adding the ‘**Citrus**’ subcategory to the parent category - ‘**Fruits**.’ ![](https://theplusaddons.com/wp-content/uploads/2025/02/Citrus.png) *Want to protect your site data? Learn here *[***how to backup your WordPress website***](https://theplusaddons.com/blog/how-to-backup-wordpress-website/)* to keep all your content and posts safe.* ### How to add Subcategories to posts? Once you have created your subcategories, assigning posts to them is easy. While editing a post, look to the right side of the screen for the Categories panel. You will see the list of existing categories and subcategories you’ve created. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Subcategories.png) To add a subcategory to a post, check the box next to the desired subcategory. You can select multiple subcategories if needed. This allows for greater flexibility in organizing your content. After you save or update your post, it will appear under the selected subcategory. This makes it easier for your audience to find related articles. For websites with extensive content, manually organizing posts into categories and subcategories can be time-consuming. Tools like [WP Ultimate CSV Importer](https://www.smackcoders.com/wp-ultimate-csv-importer-pro.html) allow for bulk importing and assigning categories and subcategories, streamlining the process of organizing content and improving site navigation. *Want to secure your page? Learn here *[***How to Password Protect a Page in WordPress***](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/)***.*** ## Wrapping Up Adding categories in WordPress is straightforward and improves your site's organization and user experience. By effectively categorizing your posts, you make it easier for visitors to navigate your content and find topics of interest. Plus, if you have an Elementor-based website and want to display your categories beautifully, we have something for you - [**Dynamic Category Listing**](https://theplusaddons.com/elementor-listing//dynamic-category/) by The Plus Addons for Elementor. With this, you can display categories in grid or masonry listing options for any type of your custom posts. You can also check the demos available in the widget. Dynamic Category is just one of the 120+ widgets provided by [**The Plus Addons for Elementor**](https://theplusaddons.com/). The plugin provides more useful widgets like Listing with Ajax Search Bar & 15+ Filters, Testimonial Grid, Testimonial Carousel, and more that can help you display your posts in a more presentable way and make your website more functional. ## FAQs on Adding Categories and Subcategories in WordPress ### Is it possible to edit or delete categories in WordPress? Yes, you can edit or delete categories by going to the Categories section in your dashboard. Hover over the category you want to edit or delete, and you will see options to do so. ### How do categories affect SEO in WordPress? Properly using categories can improve your site's SEO by helping search engines understand the structure of your content and making it easier for users to navigate your site. ### How many categories should I create for my blog? There is no strict limit, but it’s recommended to keep your categories focused and relevant. Aim for a manageable number that covers your main topics without overwhelming your readers. ### Can I assign multiple categories to a single post? Yes, you can assign multiple categories to a single post. This allows you to categorize your content more precisely and helps readers find related posts more easily. ### How do I display categories on my WordPress site? You can display categories in various ways, such as using the Categories widget, adding a category menu to your navigation, or including category links in your posts. ### What is the difference between categories and tags in WordPress? Categories are meant for broad grouping of your posts, while tags are more specific and describe the details of your posts. Categories are hierarchical, allowing for subcategories, while tags are non-hierarchical. ### Can I change the name of a category after it has been created? Yes, you can change the name of a category. Go to the Categories section, find the category you want to edit, and click on the "Edit" link. You can then update the name and description. ### How do I delete a category in WordPress? To delete a category, navigate to the Categories section, hover over the category you wish to delete, and click the "Delete" link. Be cautious, as this action may remove all posts assigned to that category. ### Will deleting a category delete the posts assigned to it? No, deleting a category will not delete the posts assigned to it. The posts will remain on your site but will no longer be categorized under that specific category. --- # How to Fix the WordPress Failed to Import Media Error? Source: https://theplusaddons.com/blog/how-to-fix-wordpress-failed-to-import-media-error/ If you've encountered the WordPress failed to import media error while working on your website, you're not alone. This common issue can arise when importing demo content, migrating a site, or uploading media files, leaving you stuck and frustrated. There could be several reasons why WordPress is unable to upload media. It could be the XML file size, incorrect file permissions, or PHP memory limit. Whatever the reason is, it can disrupt your workflow, impact your website visuals, and affect the user experience. The good news is that this error is often easy to fix with a few simple adjustments. In this blog, we'll walk you through 9 practical solutions to resolve the "Failed to import media" error in WordPress, helping you get your site back on track quickly and efficiently. ## What is the Failed to Import Media Error in WordPress? The "Failed to import media" error in WordPress typically occurs when you import media files, such as images, videos, or audio into your site. It can pop up during a theme or plugin installation when migrating your site or while using WordPress's import/export tools. The issue usually prevents you from uploading media to your website, leaving you with missing media in your posts, pages, or library. It's one of those errors that's easy to ignore at first, but if not addressed, it can seriously hinder your website's functionality and appearance. ### Probable Reasons Why WordPress Failed to Import Media Before jumping into the solutions, it's important to understand what might be causing the error. Several factors can trigger the Failed to import media error: - **Server upload limits:** Your server might be restricting the file size for uploads, preventing larger media files from being imported successfully. - **Conflicting plugins: **Some plugins, particularly those that affect media handling or imports, can conflict with each other, causing the error to appear. - **PHP memory limit: **WordPress can run into trouble if the PHP memory limit is too low, especially when trying to import a large number of media files. - **File permissions: **Incorrect file permissions on your server can cause WordPress to be unable to upload media to your site. - **Site import:** WordPress importer might fail to import media to your website when you're importing content from another site or migrating your WordPress website to a new host. ## How to Fix the WordPress Failed to Import Media Error [Working Ways] Understanding the potential causes of the error is the first step in fixing it. Now, let's look at how you can resolve failed import media errors in WordPress. ### Method 1: Change Upload File Size Limit The media file you are uploading may exceed the maximum permissible file size limit within WordPress or the website server. To change the [upload file size limit](https://theplusaddons.com/blog/increase-the-maximum-file-upload-size-in-wordpress/), you need to edit the php.ini file, .htaccess file, and the wp-config.php file and add a few lines of code. Here's what you need to do- - **Edit the php.ini file and add the following code:** `upload_max_filesize = 64M post_max_size = 64M` - **Edit the .htaccess file to add the following code:** `php_value upload_max_filesize 64M php_value post_max_size 64M` - **Edit the wp-config.php file to add the following lines of code:** `@ini_set('upload_max_size,' '64M'); @ini_set('post_max_size,' '64M');` This will allow you to change the maximum file size limit for your website and fix the failed import media error in wordpress. ### Method 2: Disable Conflicting Plugins Sometimes, certain plugins or themes might interfere with the media upload process, leading to WordPress upload not working. To resolve this, go to your WordPress dashboard and navigate to ***Plugins > Installed Plugins****.* Deactivate all the plugins to see if the issue is resolved. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Installed-Plugins.png) If it is, reactivate the plugins one by one to see which one was causing the issue. However, if the issue is not resolved, something else might be causing it, and you can continue using the other methods. ### Method 3: Increase PHP Memory Limit The media file size you can upload on WordPress also depends on the PHP memory limit available on your website. If the WordPress importer fails to import media, check your PHP memory limit, as it might be too low to handle the media import process. In some cases, only the web host can increase the PHP memory limit, so you must contact your hosting provider. But before that, you can also try to increase the memory limit by editing the wp-config.php file. To do this, access your cPanel dashboard and go to ***File Manager****.* Go to ***public_html> your website> wp-config.php****.* Now open the wp-config.php file in the editor and add the following code: `define( 'WP_MEMORY_LIMIT,' '256M' );` ![](https://theplusaddons.com/wp-content/uploads/2025/02/PHP-memory-limit.png) Save the file. This will increase the PHP memory limit on your site. However, if you're unable to increase it, it could be possible that your hosting package does not offer that memory limit. In such a case, contact your hosting provider. *Increase the memory available for WordPress and do more with your website. Learn *[***How to Increase WordPress PHP Memory Limit****.*](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/) ### Method 4: Resize Into Smaller Files Large media files, particularly images and videos, can be too much for your server to handle during an import. Not just that, they also add to your website's loading time, affecting its performance and the user experience. So, reducing the size of your media files before importing them can often resolve the issue. You can either resize the images manually or use plugins like [TinyPNG](https://wordpress.org/plugins/tiny-compress-images/) to optimize the images before uploading. ### Method 5: Repeat XML File Download If you're importing media as part of a larger XML file (like when migrating a site or installing a theme demo), the website may fail to import media wordpress XML due to a corrupt or incomplete XML file. So, an easy way to fix this is to download the XML file again and repeat the import process. If the issue persists, consider using a different method. ### Method 6: Adjust File Permissions Incorrect file permissions in the web hosting can often prevent WordPress from accessing or using files, which can lead to wordpress failed import media error. So, you must adjust the file permissions to fix this issue. Use a cPanel File Manager or your FTP client to access your WordPress files. - Open the ***wp-content/uploads****.* - Now right-click on it to open ***File Permissions****.* ![](https://theplusaddons.com/wp-content/uploads/2025/02/Adjust-File-Permissions.png) - Here, set the numeric value to ***755***** **for all the files in the upload directory. ![](https://theplusaddons.com/wp-content/uploads/2025/02/numeric-value.png) - Next, edit the file permissions for all folders and sub-folders. Here, set the numeric value to ***644***. ![](https://theplusaddons.com/wp-content/uploads/2025/02/image-13-1024x512.png) *Not able to publish updates made to your website content? Know *[***How to Fix WordPress Update & Publish Failed Errors****.*](https://theplusaddons.com/blog/fix-wordpress-update-publish-failed-errors/) ### Method 7: Check Media Source Availability Another thing to check is the availability of the media source itself. If your media files are hosted externally or on a different server, they may not be accessible during the import process. The links might be broken, or the external hosting server may be down. So, ensure the source URLs are valid and reachable before importing the files into WordPress. **To check the availability**, try accessing the media URL directly in the browser. If it is not accessible, make sure the source URL is valid before running the WordPress importer again. ### Method 8: Enable Debugging Mode for WordPress Importer When WordPress fails to import media on your website, the importer displays this error message by default- "Failed to import media image-name." This does not let you debug the error and understand the issue behind it. However, you can enable the debugging mode to get a more detailed error message when the issue arises. To do this, open the FTP client and connect to your website or navigate to ***File Manager*** in ***cPanel****.* ![](https://theplusaddons.com/wp-content/uploads/2025/02/WordPress-Importer.png) Locate the ***wp-config.php*** file. ![](https://theplusaddons.com/wp-content/uploads/2025/02/Locate-the-wp-config.png) Add the following code to enable the debugging mode for your website `define( 'IMPORT_DEBUG', true );` ![](https://theplusaddons.com/wp-content/uploads/2025/02/debugging-mode.png) Save the file. Now, try to import the media to your website, and when the error message appears, you will get more information about the root cause of the problem. **Remember:** Once you have found the root cause and solved the problem, do not forget to remove this line of code. ### Method 9: Fix URL Path Issues Incorrect [URL paths](https://theplusaddons.com/blog/how-to-change-page-url-in-wordpress/) can also trigger this error, leading to failed media imports. To fix this, go to ***Settings > General*** on your WordPress dashboard. Check the WordPress URL and site and site address to ensure they are correct. You can download a WordPress plugin like [Better Search Replace](https://wordpress.org/plugins/better-search-replace/) to update any incorrect URLs in your WordPress database. *Want to create videos into image sequences to enhance visual engagement on your website? Explore *[***How to Convert Video to Image Sequence in JPG and PNG***](https://theplusaddons.com/blog/convert-video-to-image-sequence/)* formats.* ## Wrapping Up The "Failed to import media" error is a frustrating issue, but with these nine solutions, you'll be able to resolve it quickly and get back to building your WordPress site. If WordPress is unable to upload media, try adjusting the file permissions, repeating the XML file download, or checking the media source availability. You can also try resizing the media file, increasing the PHP memory limit, or changing the upload file size limit. All these methods are easy to follow and will help you fix the issue in no time. And to take your WordPress site to the next level, try [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/). With over 120 powerful widgets, you can easily enhance your site's design and functionality without needing to dive into complex code. ## FAQs on Fixing WordPress Failed to Import Media Error ### Is it possible to fix the "Failed to import Media" error by optimizing media files? Yes, resizing or compressing large media files can resolve import issues, especially if file size limits are causing the error. ### What are the common causes of the Failed to import Media error? Common causes of the failed to import media error include server upload limits, plugin conflicts, PHP memory issues, and incorrect file permissions. ### Why are my media files not uploading to WordPress? Your media files may not be uploading to WordPress due to file size limits, incorrect permissions, or conflicts with other plugins. You may need to check your server settings or troubleshoot plugins. ### Does the "Failed to Import Media" error affect the rest of the imported content in WordPress? No, the error typically affects only the media files, not the rest of the content. You can still import posts or pages without issues. ### Can server limitations cause media import errors in WordPress? Yes, server limitations like low memory, small upload file sizes, or restricted permissions can cause media import errors in WordPress. ### How do I manually import media files to WordPress if the importer fails? You can manually upload media through the WordPress Media Library by navigating to ***Media > Add New***, or you can upload them via FTP. --- # 6 Best WordPress User Registration Plugins [Ranked] Source: https://theplusaddons.com/blog/best-wordpress-user-registration-plugins/ Looking for the best WordPress user registration plugin? A great user registration process can make all the difference in how visitors interact with your website.  It’s not just about collecting information, it’s about creating a hassle-free experience that encourages engagement and builds trust. To make this possible, we’ve rounded up the best WordPress user registration plugins that combine ease of use with powerful features. Let’s get started! ## Best WordPress User Registration Plugins Compared | **Sl. No.** | **Plugin** | **Pricing** | | ----------- | ---------- | ----------- | | 1 | User Registration | Free + $79/year | | 2 | ProfilePress | $129/year | | 3 | Ultimate Member | Free  + $249/year | | 4 | RegistartionMagic | Free  + $89/year | | 5 | UsersWP | Free | | 6 | WP User Manager | $69/year | ### 1. User Registration & Membership [User Registration & Membership](https://wordpress.org/plugins/user-registration/) plugin is a drag-and-drop form tool for managing users on your WordPress site. It allows you to create custom registration forms that fit your needs. ![](https://theplusaddons.com/wp-content/uploads/2025/01/User-Registration-Membership.png) #### Key Features of User Registration & Membership - Create highly customizable forms that** **match your site’s style and branding by adding almost as many custom fields as you want. - Choose between auto-approval or manual approval methods after registration, with six different methods available.  - Create automated email notifications for successful registration, password resets, and more. - Assign different roles to users during registration. #### Pricing Of User Registration & Membership This plugin offers a free version with basic features. For advanced options, premium plans start at around $79 per year. ### 2. ProfilePress [ProfilePress](https://wordpress.org/plugins/wp-user-avatar/) allows you to create custom registration and login forms easily. ![](https://theplusaddons.com/wp-content/uploads/2025/01/ProfilePress.png) #### Key Features of ProfilePress - Let users register directly from your website’s front end, providing them with a smooth and intuitive experience - Create various forms, including registration, login, and password recovery. This versatility suits different user needs. - Enable users to log in and reset passwords from the front end of their site. - Automatically log in users after registration and redirect them after signing in. #### Pricing of ProfilePress ProfilePress is a premium plugin starting from $129 per year. ### 3. Ultimate Member [Ultimate Member](https://wordpress.org/plugins/ultimate-member/) is a powerful user profile and membership plugin for WordPress packed with rich features. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Ultimate-Member.png) #### Key Features of Ultimate Member - Allows users to be approved automatically, manually, or upon email activation. - Assign different user roles to registration forms so users get automatically assigned their roles. - Redirect users to their profiles or a custom URL after registration. - Create multiple registration forms to let users access registration forms based on their roles. #### Pricing of Ultimate Member Ultimate Member is free to use, but it offers premium extensions for added features. Prices vary based on the specific extension you choose, starting from $249/year. *If you want to make your registration form GDPR compliant, learn *[***How to make user registration form GDPR compliant in WordPress**.*](https://theplusaddons.com/docs/user-registration-gdpr-compliant-in-wordpress/) ### 4. RegistrationMagic [RegistrationMagic](https://wordpress.org/plugins/custom-registration-form-builder-with-submission-manager/) is one of the best plugins for WordPress user registration. It simplifies the process of creating and managing registration forms on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/01/RegistrationMagic.png) #### Key Features of RegistrationMagic - Create unique registration forms having a set of custom fields, content and configuration. - Gives full control of user registration forms. - Analyze submission data and track registration statistics to better understand your users. - Provides front end area for users to check their account information. #### Pricing of RegistrationMagic RegistrationMagic offers a free version with essential features. There are premium packages available if you need more advanced features starting at $89 for 1 year. ### 5. UsersWP [UsersWP](https://wordpress.org/plugins/userswp/) is one of the famous WordPress plugins designed for user registration and membership. ![](https://theplusaddons.com/wp-content/uploads/2025/01/UsersWP.png) #### Key Features of UsersWP - Allow users to create and edit their profiles from the front end. - Customize multiple registration forms to fit your site’s needs. - Easily display a directory of registered users to enhance community interaction. - Assign user roles to registration forms so that users automatically get assigned their roles upon registration. #### Pricing of UsersWP UsersWP is free to use. ***Recommended Read:**** Learn *[*How to add reCAPTCHA in login form using Elementor*](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/)*.* ### 6. WP User Manager [WP User Manager](https://wordpress.org/plugins/wp-user-manager/) plugin is a highly customizable membership plugin for WordPress that allows you to create and manage user profiles, registrations, and logins effectively.  It's particularly useful for building online communities and enhancing user engagement on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WP-User-Manager.png) #### Key Features of WP User Manager - Design custom registration forms for new users. - Allow users to log in from the front end of your site, improving user experience. - Enable users to edit their profiles easily from the front end. - Choose to display registration forms on pages using the block editor, widget, or shortcode #### Pricing of WP User Manager WP User Manager provides the registration form feature as an addon starting at $69 per year. ## What Features Should Be Considered When Choosing the Best User Registration Form Plugin? When choosing a user registration form plugin for your WordPress site, look for key features that can improve functionality and user experience. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Choosing-the-Best-User-Registration-Form-Plugin.png) - **Customizable Forms**: Look for plugins that allow you to create forms tailored to your needs. You should be able to add or remove fields easily. - **User Management Tools**: Good plugins offer tools to help you manage users effectively. This includes options to edit profiles, track registrations, and delete accounts. - **Email Notifications**: Ensure the plugin can send automatic email notifications to users upon registration. This helps keep users informed. - **Social Media Integration**: Plugins that allow users to register using their social media accounts offer convenience and can increase sign-ups. - **Payment Gateway Compatibility**: If you plan to sell products or services, choose a plugin that supports popular payment gateways like PayPal or Stripe. - **Pricing:** Most user registration plugins come in various pricing tiers. Free versions typically offer basic features, while premium plans may include advanced options. Take a look at what each plugin offers and compare prices to find the best fit for your site and budget. ***Further Read:**** Looking for ways to design login forms for your WordPress site? Check out the *[***top login form examples and how to create them in Elementor***](https://theplusaddons.com/blog/login-page-examples/)*.* ## Wrapping Up The plugins we’ve covered in this blog offer various features, from advanced customization options to seamless integrations with payment gateways and email marketing tools. Take the time to evaluate your specific needs and pick the plugin that aligns best with your goals. If you have an Elementor-based website, we have a powerful widget for you - [**User registration & Signup Form for Elementor**](https://theplusaddons.com/elementor-widget/registration-form/) by The Plus Addons for Elementor. This widget has tons of useful features, plus multiple live demos. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Elementor-based-website.png) User Registration & Signup Form for Elementor is just one of the widgets out of 120+ widgets provided by [The Plus Addons for Elementor](https://theplusaddons.com/). ## FAQs on Best WordPress User Registration Plugins  ### What is a user registration plugin for WordPress? A user registration plugin allows website owners to create custom registration forms for users, enabling them to sign up for accounts on the site. This can include features like email verification, user role assignment, and profile management.  ### Do user registration form plugins support email verification? Many user registration plugins support email verification to ensure that users provide valid email addresses during registration. This helps reduce spam and fake registrations  ### Are there any free user registration plugins available? Yes, several user registration plugins offer free versions, for example, UsersWP and User Registration. ### How do I integrate a user registration plugin with my existing website? Most user registration plugins come with easy-to-follow installation guides. Typically, you would install the plugin through the WordPress dashboard, configure the settings, and then use shortcodes or blocks to add the registration form to your desired pages. ### Can I manage user roles and permissions with these plugins? Yes, many user registration plugins allow you to assign different roles and permissions to users upon registration, enabling you to control what different users can access on your website. --- # How to Add Background Image in Elementor [Easy Steps] Source: https://theplusaddons.com/blog/how-to-add-background-image-in-elementor/ Want to make your website more visually appealing and engaging? Learn How to Add Background Image in Elementor. Background images are a great way to enhance your website's aesthetic appeal, create a more immersive experience for your visitors, and reinforce your brand identity. They can set the tone for your WordPress site, guide the user's eye, and even improve readability. However, adding background images traditionally involves playing around with CSS code and media queries. This can be frustrating if you aren't an expert coder. The Elementor editor simplifies this process and offers a user-friendly way to add background images to your WordPress website. Let's explore easy methods for adding images to your site's background using the Elementor editor and specialized image widgets from The Plus Addons for Elementor. ## Why Should You Add a Background Image in Elementor? Background images can improve your website's design and user experience. Here's why you should consider adding them: ![](https://theplusaddons.com/wp-content/uploads/2025/01/Background-Image.png) - **Visual Appeal: **A well-chosen image can instantly capture attention and create a positive first impression. It sets the visual tone and atmosphere of your website. - **Branding:** Use background images to reinforce your brand identity. Select images that reflect your brand colors, style, and values. - **Improved Readability:** A subtle image in the background can provide visual contrast, making text content easier to read and digest. ## Adding a Background Image in Elementor [Multiple Scenarios] [Elementor](https://go.posimyth.com/recommends/elementor/) offers incredible flexibility when it comes to adding images to the background. You can apply them to your entire website, a specific page, or even individual sections and columns. You can also add dynamic effects like hover transitions, scrolling effects, and parallax backgrounds to create a more interactive and engaging experience. Let's see how you can achieve these design effects. ### How to Add Background Image in Elementor for the Whole Website? Go to your WordPress dashboard, and navigate to ***Pages > All Pages***. Select any page and click ***Edit with Elementor***. Once the Elementor editor loads, click the three horizontal lines icons in the top left corner to open the ***Site Settings*** panel. In the site settings panel, select ***Site Settings > Background***. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Settings-Background.png) Choose the ***Classic*** background type. Click the ***Upload Image*** button to select the image you want to use for your website's background. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Upload-Image.png) Now you can adjust your background settings with the following configurations: - **Attachment**: This controls how the background image behaves when you scroll. ***Scroll*** means the image moves with the page content, while ***Fixed*** keeps it in a stationary position. - **Repeat: **This dictates how the image tiles across the screen. Options include repeating horizontally (Repeat-X), vertically (Repeat-Y), in both directions (Repeat), or not at all (No-Repeat). - **Display Size: **This determines how the image is scaled. The cover ensures the image covers the entire background, potentially cropping some parts. Contain fits the whole image within the background, potentially leaving empty space. Auto displays the image at its original size. Once you're happy with your settings, click the ***Save Changes*** button. *Are your images showing up blurry? Learn *[***how to fix blurry images in Elementor**.*](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/) ### How to Add Background Image in Elementor for an Individual Page? Next, let's find out how to set background image in Elementor on an individual page. Open the page you want to edit with Elementor. In the Elementor editor, click the gear icon (Settings) at the top center to open the ***Page Settings***. In the Page Settings panel, go to ***Style > Background Type* **and select ***Classic***. Click the "**+**" button to upload the image you want to use as your page background. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Individual-Page.png) Adjust the background settings (Attachment, Repeat, Size, Overscroll Behavior) as needed. These settings work the same way as for the site settings. ### How to Add Background Image in an Elementor Section or Column? In the Elementor editor, hover over the section or column you want to modify and click the handle to open the Section Settings. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Section-or-Column.png) In the Section Settings, go to the ***Style*** tab. You'll see two options under ***Background***: Normal and Hover. - **Normal: **This sets a stationary background image for the section/column. - **Hover:** This allows you to set a different background image that appears when a user hovers their mouse over the section/column. Select either Normal or Hover, then choose ***Classic*** as the ***Background Type***. Click the "**+**" button to upload your desired background image. ![](https://theplusaddons.com/wp-content/uploads/2025/01/upload-your-desired-background-image.png) **To configure the background:** If you select ***Normal***, you can configure the ***Scrolling Effect*.** This creates a parallax effect where the background image moves at a different speed than the content when scrolling. You can also add a ***Mouse Effect*** which creates subtle movement in the background image as the user moves their mouse over the section. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Mouse-Effect.png) If you select ***Hover***, you can also set the ***Transition Duration***. This determines how long it takes for the hover background image to transition in and out when the user hovers their mouse over the section. Elementor's default settings automatically cover the entire content section with the image. However, you can adjust this using the size settings. *Want to improve user experience on your website? Learn *[***how to add a parallax effect in Elementor***](https://theplusaddons.com/blog/add-parallax-effect-in-elementor/)*.* ## How to Change a Background Image on Scroll in Elementor? Elementor provides a solid foundation for website design, but sometimes you need extra features to achieve a specific look. If you want to change your background image as the user scrolls, you can use the [**Horizontal Scroll**](https://theplusaddons.com/elementor-widget/horizontal-scroll/) widget from The Plus Addons for Elementor to achieve this design feature. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Background-Image-on-Scroll-in-Elementor.png) First, ensure you have The Plus Addons for Elementor plugin installed and activated on your WordPress website. Edit the page where you want the scrolling effect with Elementor. Search for the ***Horizontal Scroll*** widget in the Elementor panel and drag it onto your page. The Plus Addons offers pre-designed templates to get you started quickly. In the widget settings, go to ***Content > Select Template*** and choose a template that suits your design. To activate the background image change effect, go to ***Scrolling Options*** and turn on the Background Transition toggle. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Scrolling-Options.png) You'll see a list of items. Each item represents a section within your horizontal scroll, and you can set a different background image for each. Click on an item to edit its settings, and upload your desired background image. To create more sections with different background images, click the ***+ Add Item* **button. You can add as many items as you need to create your desired scrolling effect. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Add-Item-button.png) Control the smoothness of the background transitions by adjusting the Background Transition Duration value. This determines how long it takes for one background image to fade into the next. Once you're satisfied with your setup, click the ***Apply*** button at the top of the content tab to save your changes. Now, when visitors scroll through the Horizontal Scroll section on your page, the background image will dynamically change. ***Detailed step-by-step guide here:** *[*How to Change the Background Image on Scroll in Elementor Horizontal Page Scroll?*](https://theplusaddons.com/docs/change-background-image-on-horizontal-page-scroll-in-elementor/) ## How to Change Background Image on Hover in Elementor? If you want to add a touch of interactivity and visual flair to your website, changing background images on hover can create a dynamic and engaging user experience. With the [**Animated Service Boxes**](https://theplusaddons.com/elementor-widget/animated-service-boxes/) widget from The Plus Addons for Elementor, achieving this effect is a breeze. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Background-Image-on-Hover-in-Elementor-1024x480.png) Begin by installing and activating The Plus Addons for Elementor plugin on your WordPress site. Edit the page where you want the hover effect and add the "***Animated Service Boxes***" widget from the Elementor panel. In the widget settings, navigate to ***Content > Main Style > Hover Style*.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/Hover-Style-1024x474.png) Under ***Animated Service Boxes***, you'll see a list of items. Each item represents a service box. Click on an item to edit its settings, and under you can upload a different image for the Hover. This image will appear when a user hovers their mouse over the service box. Customize each service box with its own unique hover background image. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Animated-Service-Boxes.png) With simple steps, you can create an interactive and visually appealing experience for your website visitors. As they hover over each service box, the background image will change to create a dynamic effect. ***Detailed step-by-step guide here:** *[***How to Change Background Image on Hover in Elementor?***](https://theplusaddons.com/docs/change-background-image-on-hover-in-elementor/) ## Wrapping Up Background images are a powerful way to improve your website's visual appeal and create a more engaging user experience. They can set the tone of your site, reinforce your brand identity, and even improve readability. As we've explored, Elementor provides a user-friendly way to add background images to your entire website, individual pages, and even specific sections or columns. To take your background images to the next level, you can leverage the [**Horizontal Scroll**](https://theplusaddons.com/elementor-widget/horizontal-scroll/) and [**Animated Service Boxes**](https://theplusaddons.com/elementor-widget/animated-service-boxes/) Elementor widgets from The Plus Addons for Elementor. These can help you create dynamic and interactive background effects, such as changing images on scroll or hover. However, The Plus Addons for Elementor doesn't stop at just two widgets. This all-in-one plugin offers a vast library of over [**120+ Elementor widgets**](https://theplusaddons.com/elementor-widgets/), helping you to improve every aspect of your website's design and functionality. Explore The Plus Addons for Elementor and learn more about the endless possibilities for creating a truly unique and captivating online presence. ## FAQs on Adding Background Images in Elementor ### What are the best dimensions for a background image in Elementor? For optimal display, use high-quality images at least 1920px wide. Adjust size settings in Elementor to balance quality and loading speed. ### What is the difference between background and background overlay? In Elementor, a background is the base image, while an overlay is an additional layer enhancing readability or effects. Overlays can be solid colors, gradients, or patterns. ### How do I remove the background image in Elementor? To remove a background image in Elementor, go to the section, column, or page settings, locate the background option, and click the bin icon to delete it, or replace it. Save changes. ### How to make a background image responsive in Elementor? Elementor automatically makes background images responsive, scaling them for different screens. Use responsive layout controls for further adjustments. ### Is it possible to add multiple background images in Elementor? While adding multiple background images to an entire website isn't a built-in feature in Elementor, you can achieve this effect within specific sections. For a more dynamic effect, you can use the Horizontal Scroll widget from The Plus Addons for Elementor to create background image scrolls in sections. ### How do I apply a parallax effect to a background image in Elementor? Applying a parallax effect to your background images can add depth and visual interest to your website. To easily achieve this, use the [**Parallax Scrolling Background**](https://theplusaddons.com/elementor-widget/section-background/parallax-scrolling-background/) widget from The Plus Addons for Elementor. This widget allows you to create stunning attractive elements with parallax effects and various customization options. ### What image formats are supported for backgrounds in Elementor? Elementor is versatile in handling various image formats for your website's backgrounds. You can use common formats like JPG, PNG, and GIF for standard images for sections. For more complex images requiring vector graphics or transparency, SVG is also supported to provide flexibility and visual quality in your designs. ### Can I use a video as a background instead of an image in Elementor? Yes. While Elementor doesn't natively support video backgrounds, you can easily add them using the dedicated [**Video Background widget**](https://theplusaddons.com/elementor-widget/elementor-video-background/) from The Plus Addons for Elementor. This widget allows you to integrate background video into your website's design. It offers various customization options that allow you to match the background to your website’s aesthetic. ### Why is my Elementor background image not showing? If your Elementor background image isn’t showing, ensure it’s uploaded correctly, check section settings, clear your cache, and inspect for code conflicts. --- # How to Backup WordPress Website [Prevent Data Loss] Source: https://theplusaddons.com/blog/how-to-backup-wordpress-website/ Backing up your WordPress website becomes important to safeguard your valuable content.  Doing regular backups helps protect against data loss due to crashes, hacks, or accidental deletions. Knowing how to effectively backup your WordPress site ensures that you can restore it quickly if something goes wrong. There are several methods to backup your WordPress site, whether you prefer using a plugin, your web hosting service, or manual techniques like FTP. Each approach has its own benefits, making it easier to choose a method that fits your needs and comfort level. This article will take you through the methods to securely back up your WordPress website and will also provide tips for maintaining backup health. Let’s dive in! ## Why Should You Backup Your WordPress Website? Backing up your WordPress website helps maintain its security and functionality. Here are some reasons to consider for why you should backup your site: ![](https://theplusaddons.com/wp-content/uploads/2025/01/WordPress.png) - **Data Loss Prevention**: Websites can crash or face technical issues. A backup allows you to restore your site to a functional state quickly. - **Protection from Hacks**: Cyberattacks can compromise website data. If your site is hacked, you can restore it using a backup. - **Accidental Changes**: Mistakes happen. You might delete important files or change settings that affect the site. A backup helps you revert to a previous version. - **Updates Gone Wrong**: When you update plugins or themes, things may break. Having a backup lets you undo these updates if necessary. Creating a backup routine will save time and stress, keeping your WordPress site secure. ## How Can You Prepare for a Successful Backup? Before you start backing up your WordPress website, make sure you're ready.  Here are some key preparations: - **Choose a Backup Method: ** Decide if you want to use a plugin or do it manually. For manual methods, you can use FTP or your hosting control panel. - **Check Hosting Options:** Review your [web hosting platform](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/). Many provide built-in backup options. This can save you time and effort. - **Gather Your Files:** Make sure you know where your important files are. This includes your WordPress files, themes, and plugins. - **Backup Your Database:** Always back up your database. This contains all your posts, comments, and settings. You can use tools like phpMyAdmin for this. - **Create a Schedule: **Decide how often you will back up your site. Frequent updates may require daily backups, while less frequent changes could be weekly. - **Verify Backup Storage: **Choose a safe storage location. You can use cloud storage, external drives, or your hosting service. Ensure the storage option is reliable. - **Testing Your Backup Plan: **After setting everything up, run a test backup. Confirm that you can restore from your backup if needed. This ensures your plan works when necessary. ## How to Backup WordPress Website (Working Methods) There are several effective methods to do this, each with its own advantages. Here are three key methods you can use to back up your site. ### Method 1: Manual Backups via FTP To manually backup your WordPress site, you can use FTP (File Transfer Protocol).  FTP is a standard method used to transfer files between your computer and a server over the internet. It’s commonly used to manage website files stored on a hosting server.  Using an FTP client like FileZilla, you can access, download, upload, and modify files on your website without needing to log in to your hosting control panel. This makes it a handy tool for tasks like backups, troubleshooting, or updating your site files.  First, download an FTP client like [FileZilla](https://filezilla-project.org/). Then, connect to your server using the FTP credentials. Once connected, navigate to the **root directory** of your WordPress site. Here, you’ll see core and configuration files like wp-admin, wp-content, .htaccess, and wp-config.php. Select the files and folders and then click on the **Download** option. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Backup-WordPress.png) You can save the files in a local folder on your computer. FTP only backs up the **files** of your WordPress site. To create a full backup, you must also back up the **database**, which stores your content (posts, pages, and settings). To do so, log in to your hosting control panel, find **phpMyAdmin**, and select your WordPress database. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WordPress-database.png) Next, click on “**Export**” to download a copy. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Export.png) The export format is usually SQL. Make sure it's selected, then click "Go." ![](https://theplusaddons.com/wp-content/uploads/2025/01/usually-SQL.png) Your database file will download to your computer, ensuring your posts, comments, and settings are saved securely. This combination of files and database represents your complete site backup. *Struggling with the database connection issue? Here’s *[***how to fix error establishing database connection***](https://theplusaddons.com/blog/how-to-fix-error-establishing-a-database-connection/)* issues on your site.* ### Method 2: Using Hosting Panel Backup Features Most hosting providers offer built-in backup features. Sign into your hosting control panel, often called cPanel or a custom dashboard. Look for the backup option, which may be labeled “Backup” or “Backup Wizard.” You can usually choose to create a full backup or back up specific components, like files or the database. Follow the prompts to download the backup file to your computer. Check with your host about the frequency of automatic backups. Some hosts might provide daily backups, but others may focus on weekly options. Knowing this can help you understand your site’s data resilience. ### Method 3: Using Backup Plugins Using a [backup plugin](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) is one of the easiest ways to manage backups. Several plugins are available, such as  - [UpdraftPlus](https://wordpress.org/plugins/updraftplus/) - [Duplicator](https://wordpress.org/plugins/duplicator/) - [Jetpack VaultPress Backup](https://wordpress.org/plugins/jetpack/) ![](https://theplusaddons.com/wp-content/uploads/2025/01/Using-Backup-Plugins.png) Once you decide on the backup plugin, you then need to install and activate the plugin. To do so, go to your WordPress dashboard and click on **Plugins **>** Add New Plugin**. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Add-New-Plugin.png) Then, search for the chosen plugin, install it, and finally activate it. After activating the plugin, configure your backup settings. You can choose automatic scheduling, file locations, and what to back up: your files, database, or both. Most plugins also allow you to send backups directly to cloud storage services like Google Drive or Dropbox. Plugins simplify backing up your site regularly without manual intervention.  Make sure to test your backups periodically to ensure they work when needed. **Here's a detailed video on how you can automate WordPress backups using a plugin:** https://youtu.be/1MDs7gy9vQY?si=wuXURXtqpNUkoJtE ## Verifying Your Website After Restoration Once the restoration is complete, check your site for errors. - **Clear Your Cache**: Use your [caching plugin](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/) to clear any cached data to ensure you see the latest changes. - **Test Your Pages**: Navigate through your website and check key pages to confirm they load correctly. Pay special attention to images and links. - **Check for Plugins and Themes**: Ensure that all your plugins and themes are functioning as expected. Update or reactivate any that might have been disabled during the restore process. - **Monitor for Issues**: Keep an eye on your site for any unexpected behavior. Address any errors that might appear promptly to avoid bigger issues. *Must-read guide on *[***how to remove malware from your WordPress site***](https://theplusaddons.com/blog/remove-malware-from-wordpress-site/)* to protect your site from malware attacks in the future.* ## Tips for Maintaining Backup Health To keep your WordPress backups effective, you need to regularly test them and update your backup strategy. You should restore backups to a test environment to verify they work.  This ensures that your files and database are intact and that no issues arise during the restoration process. - **Choose a Test Environment**: Use a staging site or local server to run your tests. - **Restore Process**: Follow your regular backup restoration process. This can include importing your database and uploading files. - **Verify Functionality**: Check that your site runs smoothly after the restore. Look for missing content or broken links. By consistently testing your backups, you can confidently rely on their effectiveness when needed. Regular updates to your backup strategy will help maintain your site's integrity and security over time. ***Recommended Read:**** Check the complete *[***checklist of WordPress website maintenance***](https://theplusaddons.com/blog/wordpress-website-maintenance-checklist/#17-Run-a-Thorough-Content-and-SEO-Audit)* for the additional security of your website.* ## Wrapping Up Backing up your WordPress website is essential for maintaining its security, functionality, and long-term success. However, a backup is only effective if it's easily accessible and fully functional when you need it. To ensure this, test your backups regularly, store them in multiple secure locations, and automate the process whenever possible to save time and minimize errors. With the different methods on how to backup your WordPress website and best practices shared in this blog, you can have peace of mind knowing your hard work is always protected. We have something for Elementor users who want to make their website stand out while adding a unique touch -  [The Plus Addons for Elementor](https://theplusaddons.com/).  With powerful widgets, it improves both the design and functionality of your site, while also helping protect your content through widgets like [Elementor Protected Content](https://theplusaddons.com/elementor-widget/elementor-protected-content/). And that is just one of the **120+ widgets and 1000+ templates** available in The Plus Addons for Elementor. ## FAQs on How to Backup WordPress Website ### Can I Backup My Website Without a Plugin? Yes, you can manually back up your site using an FTP client and phpMyAdmin. This method requires more effort but gives you full control over the process. ### How Often Should I Back Up My Site? The frequency depends on your site’s activity level. For dynamic sites with frequent updates, daily backups are recommended. For less active sites, weekly or monthly backups may be enough. ### Where Should I Store My Backups? Store backups in secure locations like cloud storage (Google Drive, Dropbox), external drives, or your hosting account. Using multiple storage options increases reliability. --- # 9 Best WordPress CRM Plugins [Top Picks] Source: https://theplusaddons.com/blog/best-wordpress-crm-plugins/ Choosing the right CRM plugin for your WordPress site can greatly improve your business's efficiency and customer management. With many options available, you can find plugins tailored to your specific needs. The best WordPress CRM plugins will help you organize leads, track customer interactions, and improve your marketing efforts. These plugins streamline your business workflows, allowing you to focus more on growth. In this blog, we’ll discuss the best WordPress CRM plugins you can rely on and use to build stronger relationships with your customers and drive your business forward. Let’s get started! ## Best WordPress CRM Plugins Compared | **Sl No** | **CRM Plugins** | **Pricing** | | --------- | --------------- | ----------- | | 1 | HubSpot WordPress  | Free +$15/month | | 2 | Jetpack CRM | Free  +$11/month | | 3 | FuseWP | Free +$99/Year | | 4 | FunnelKit Automations | Free + $99.50/year | | 5 | WP-CRM System | Free | | 6 | Fluent CRM | Free+ $103/year | | 7 | Groundhogg | Free + $20/month | | 8 | WP ERP CRM | Free  | | 9 | WP Fusion | Free + $297/year | Below are some widely famous and reliable WordPress plugins that you can use for your site or business: ### 1. HubSpot [HubSpot WordPress plugin](https://wordpress.org/plugins/leadin/) helps you manage customer relationships directly from your WordPress site. With this plugin, you can collect and store customer information easily. It also offers tools for email marketing, live chat, and analytics. ![](https://theplusaddons.com/wp-content/uploads/2025/01/HubSpot.png) #### Pros of HubSpot: - The HubSpot WordPress CRM is free to use. - It comes with a range of features for lead tracking and management. - You can integrate it with various marketing tools for better outreach. #### Cons of HubSpot: - Some advanced features may require paid upgrades. - New users might find the setup process a bit complex. - It can be overwhelming due to the number of features. #### Pricing of HubSpot WordPress The HubSpot WordPress plugin itself is free. You can access basic CRM features without any charges. For more advanced tools, such as email automation and reporting, you may need to consider upgrading to HubSpot's paid plans, which vary in price based on the features you choose. The starter plan starts at $15 per month. ### 2. Jetpack CRM [Jetpack CRM](https://wordpress.org/plugins/zero-bs-crm/) is a popular choice for WordPress users who want a simple and effective customer relationship management system.  It is designed to help you manage clients, leads, invoices, and more with ease. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Jetpack-CRM.png) #### Pros of Jetpack CRM: - Free to install and use with basic features. - Integrates well with other Jetpack services. - Offers a client portal for easy client access to quotes and invoices. #### Cons of Jetpack CRM: - Some advanced features require paid plans. - This plugin may be limited for larger businesses with complex needs. #### Pricing of Jetpack CRM Jetpack CRM offers a free version that includes essential functions. For more features, you can choose paid plans starting at $11 per month, billed yearly. These plans provide additional tools to upgrade your CRM experience and support your business growth. ### 3. FuseWP [FuseWP](https://fusewp.com/) is a WordPress marketing automation plugin that automatically syncs your website's users, customers, leads, and members with various CRM and email marketing platforms. It supports seamless integration with popular services like Mailchimp, ActiveCampaign, and Constant Contact, ensuring your contact lists are always up to date. ![](https://theplusaddons.com/wp-content/uploads/2025/01/FuseWP-1024x332.png) FuseWP also offers compatibility with e-commerce platforms, forms, learning management systems (LMS), and membership plugins, making it a versatile solution for managing user data across different WordPress setups. With FuseWP, you can automatically add and update users in your email lists based on their roles, membership status, or purchases, ensuring accurate segmentation for marketing campaigns. #### Pros of FuseWP: - Seamless integration with email marketing services like Mailchimp, Zoho, Klaviyo, Keap, and Campaign Monitor. - Automatically syncs new and existing WordPress users to your CRM or email lists. - Supports WooCommerce, forms, LMS, and membership plugins for better user segmentation. - Saves time by eliminating the need for manual exports and imports. #### Cons of FuseWP: - Some advanced features require the premium version. - The free version has limited functionality compared to the paid plans. - May require initial setup to configure integrations properly. #### Pricing of FuseWP FuseWP [offers a free version](https://fusewp.com/lite/) with basic features. [Premium plans](https://fusewp.com/pricing/) start at $99 per year for advanced automation and integrations. ### 4. FunnelKit Automations [FunnelKit Automations](https://funnelkit.com/wordpress-marketing-automation-autonami/) is a comprehensive CRM and marketing automation solution built natively for WordPress and WooCommerce. It is designed to help you build email lists, run campaigns, and automate revenue-generating workflows without leaving your dashboard. It stands out for its visual automation builder, which allows you to create complex customer journeys with a simple drag-and-drop interface. It is particularly powerful for WooCommerce stores, offering deep data syncing and pre-built recipes to recover abandoned carts and nurture leads. ![](https://theplusaddons.com/wp-content/uploads/2025/01/FunnelKit.png) #### Pros of FunnelKit Automations: - Built-in drag-and-drop visual builder to design beautiful transactional and marketing emails - Deep integration with WooCommerce for detailed customer profiles, order and engagement insights - No limit on the number of contacts, avoiding the high costs of SaaS CRMs. - Detailed analytics to track open rates, clicks, orders, conversions, and revenue. - Connect with WordPress plugins and third-party apps for effective process management. #### Cons of FunnelKit Automations: - Some advanced automation features are available only in the premium version. - It is focused heavily on marketing automation rather than manual sales pipeline entry. #### Pricing of FunnelKit Automations FunnelKit Automations offers a [free version](https://wordpress.org/plugins/wp-marketing-automations/) that covers basic CRM and email needs. For advanced automation features, webhooks, and premium integrations, you will need the paid plans. The pricing will cost $99.50 per year. ### 5. WP-CRM System [WP-CRM System](https://www.wp-crm.com/) is a customer relationship management plugin designed for WordPress users.  It is ideal for freelancers and small businesses looking for a straightforward solution to manage customer relationships. The plugin allows you to customize contact profiles and manage essential data easily. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WP-CRM-System.png) #### Pros of WP-CRM System: - User-friendly interface for easy navigation. - Customizable fields to suit your needs. - A free version is available, making it accessible to small businesses. - Essential project management features included. #### Cons of WP-CRM System: - May lack advanced features compared to premium options. - Customization options can be limited without extensions. #### Pricing of WP-CRM System The basic WP-CRM System plugin is free to use. If you need more advanced features, you can purchase premium extensions. Prices for these extensions range from $29 per year to $99 per year, depending on the features you choose. This helps you expand functionality as your business grows. ### 6. FluentCRM [FluentCRM](https://wordpress.org/plugins/fluent-crm/) is a self-hosted CRM plugin designed for WordPress. It focuses on email marketing and customer relationship management.  You can manage your contacts, create email campaigns, and track customer interactions all within your WordPress dashboard.  This makes it a convenient choice for businesses looking to streamline their processes. ![](https://theplusaddons.com/wp-content/uploads/2025/01/FluentCRM.png) #### Pros of FluentCRM: - User-friendly interface that is easy to navigate. - Powerful email marketing automation features. - Integrates well with popular eCommerce and membership plugins. - You can manage everything directly from your WordPress site without additional services. #### Cons of FluentCRM: - Some advanced features require paid add-ons. - Initial setup can take some time for new users. - Limited support for third-party integrations compared to other CRM plugins. #### Pricing of FluentCRM FluentCRM offers a free version with essential features. For more advanced options, you can choose from several pricing plans starting at around $103 per year for a single-site license. You can also purchase add-ons to customize the CRM further based on your needs. For a detailed tutorial on how Fluent CRM works, you can watch a video here - https://www.youtube.com/watch?v=eN5UfpZ5mbA&t=16s *A great CRM isn't complete without a powerful email marketing tool. Check out the *[***Best newsletter plugins***](https://theplusaddons.com/blog/best-wordpress-newsletter-plugins/)* that can help you craft engaging email campaigns.* ### 7. Groundhogg [Groundhogg](https://wordpress.org/plugins/groundhogg/) is a WordPress CRM and marketing automation plugin designed to help you manage customer relationships and marketing campaigns directly from your website. It offers tools for creating sales funnels, email campaigns, and customer tracking. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Groundhogg.png) #### Pros of Groundhogg: - Groundhogg integrates well with popular WordPress plugins, making it easy to sync data from your site. - The interface is user-friendly, so you can set up campaigns without much technical knowledge. - It's a self-hosted solution, giving you greater control over your data. #### Cons of Groundhogg: - Some users may find the features limited compared to more established SaaS CRM solutions. - It might require an initial learning curve to understand all its functionalities fully. #### Pricing of Groundhogg Groundhogg offers a free version with basic features, which is great for small businesses or those just starting. For advanced features, you can choose from different paid plans. These plans vary based on the number of sites and feature access, allowing you to select the one that fits your needs best. The basic plan starts at $20 per month for a single site. *Want to discover the best form builder plugins for your site? Learn here - *[***Best Elementor Form Builder Plugins***](https://theplusaddons.com/blog/best-elementor-form-builder-plugins/)*.* ### 8. WP ERP CRM [WP ERP](https://wordpress.org/plugins/erp/) is a powerful plugin that combines customer relationship management with features for human resources and accounting. It is designed for small to medium-sized businesses. You can manage customer relationships, employee details, and financial information all within WordPress. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WP-ERP-CRM.png) #### Pros of WP ERP CRM: - It provides a complete business management solution in one plugin. - The user interface is similar to WordPress, making it easy to navigate. - Supports syncing WooCommerce orders and customer data to track sales, customer activities, and more! - There are features for CRM, HR, and accounting in one place. #### Cons of WP ERP CRM: - Some advanced features are only available in the premium version. - You may need extensions for certain functionalities, which can add to costs. - It might have a learning curve for new users. #### Pricing of WP ERP CRM WP ERP offers a free version that includes basic features. For more advanced features, you can purchase premium plans. Prices for these plans vary based on the features you choose. ***Recommended Read:**** *[***Best email Plugins for WordPress***](https://theplusaddons.com/blog/best-wordpress-email-plugins/)*.* ### 9. WP Fusion [WP Fusion](https://wordpress.org/plugins/wp-fusion-lite/) is a versatile CRM plugin for WordPress. It connects your site to over 100 external CRM and marketing platforms.  This integration allows you to manage customer data and automate workflows directly within your WordPress environment. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WP-Fusion.png) #### Pros of WP Fusion: - Easy integration with various CRMs like FluentCRM and MailerLite. - Offers extensive documentation and customer support. - Supports automation for lead management and email campaigns. #### Cons of WP Fusion: - Some features may require additional setup, which could be complex for beginners. - The full capabilities rely on third-party services, which might involve extra costs. #### Pricing of WP Fusion WP Fusion offers a free version - WP Fusion Lite. The paid plan starts at $297. ## What Features to Look for While Choosing a WordPress CRM Plugin? When selecting a WordPress CRM plugin, it’s important to focus on: - **Integration Capabilities -**** **You should look for a CRM that easily integrates with other tools you use. This includes email marketing services, eCommerce platforms, and social media channels. - **Customization Options**** - **Customization features are essential to tailor the CRM to your specific business needs. Look for plugins that allow you to modify fields, create custom reports, and set up workflows that fit your operational style. - **Scalability and Flexibility -** Your CRM should be able to grow with your business. As you add more customers or features, you need a system that can handle increased data without sacrificing performance. This flexibility is important for any business aiming for growth while maintaining efficient customer relationship management. ## Wrapping Up CRM plugins play a pivotal role in driving your business's success, helping you streamline processes and improve customer relationships. In this blog we have discussed the best WordPress CRM plugins that you can choose depending on your needs. Selecting the right plugin can help you unlock new growth opportunities and take your business to greater heights. Also, if you’re an Elementor user, we have we’ve got something special for you - [The Plus Addons for Elementor](https://theplusaddons.com/). This plugin can upgrade the functionality and design of your website and make your site stand out from the rest. ## FAQs On Best WordPress CRM Plugins ### What are the top-rated CRM plugins for WordPress? Some of the top-rated CRM plugins for WordPress include HubSpot, Jetpack CRM, WP-CRM System, FluentCRM, and Groundhogg. Each of these plugins offers unique features tailored to different business needs. ### Which free CRM plugins for WordPress are most recommended by users? WP-CRM System is considered one of the best free CRM plugins for small businesses. Jetpack CRM also offers a free version that's well regarded. Both plugins have features that cater to businesses without the need for extensive budgets. ### How does Fluent CRM compare to other CRM plugins for WordPress? Fluent CRM stands out due to its self-hosted nature, allowing better control over your data. It focuses on email marketing automation and offers features that can rival established services like Mailchimp and ActiveCampaign. ### Can I integrate Jetpack CRM with other WordPress features effectively? Yes, Jetpack CRM integrates well with various WordPress features. It connects easily with other Jetpack tools and can work alongside popular plugins to enhance your site’s functionality. ### How can I set up a CRM system within WordPress? To set up a CRM system in WordPress, first, choose a CRM plugin that meets your needs. Then, install and activate the plugin, configure your settings, and start adding your contacts and data. Many plugins offer step-by-step guides to help you through the process. --- # 7 Best Social Proof Plugins for WordPress [Build Trust] Source: https://theplusaddons.com/blog/best-social-proof-plugins/ Gaining trust from visitors is essential for running a successful WordPress website.  Social proof plugins help you display real-time activity, such as purchases and reviews, which can build credibility and encourage more interactions. Using these tools can significantly boost your conversion rates by making visitors feel more confident about their decisions. This article explores the best social proof plugins for WordPress. These plugins improve user experience and engagement by providing valuable information about user activity on your site.  With the right social proof plugin, you can create a dynamic and trustworthy environment that keeps your visitors informed and engaged. So, let’s get started! ## Key Takeaways - TrustPulse and WPfomify boost conversions with real-time alerts. - The Plus Addons for Elementor shows unlimited Google and Facebook reviews easily. ## Best Social Proof Plugins for WordPress Compared | **Sl.No.** | **Plugin** | **Cost** | | ---------- | ---------- | -------- | | 1 | TrustPulse | $5/month (billed annually) | | 2 | Thrive Ovation | $49/year | | 3 | WP Social Ninja | $44/year | | 4 | NotificationX | Free+$37/year | | 5 | WPfomify | $99/year | | 6 | FOMO | $25/month | | 7 | Smash Balloons | $49/year | ### 1. TrustPulse [TrustPulse](https://wordpress.org/plugins/trustpulse-api/) is a powerful social proof plugin designed for WordPress. It helps you display recent customer activities on your website, which can build trust and boost conversions. ![](https://theplusaddons.com/wp-content/uploads/2025/01/TrustPulse.png) #### Key Features of TrustPulse - Show real-time activities like sales or signups. - Shows social proof notifications to the right audience using advanced targeting rules. - Simple setup process that even beginners can follow. - Works with platforms like Squarespace, Shopify, and BigCommerce. - Connects with Zapier for expanded functionality. - Allows you to tailor notifications to match your website's look. #### Pricing of TrustPulse TrustPulse basic plan starts at $5 per month billed annually and goes up to $39 per month billed annually. ### 2. Thrive Ovation [Thrive Ovation](https://thrivethemes.com/ovation/) is a popular WordPress plugin designed to help you manage and display testimonials.  This tool is especially useful for businesses that want to showcase customer feedback as social proof. It allows you to collect, organize, and present reviews in an appealing way. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Thrive-Ovation.png) #### Key Features of Thrive Ovation - Easily gather testimonials from customers. - Display testimonials with customizable designs. - Dynamically update reviews to keep content fresh. - Use shortcodes to show testimonials anywhere on your site. - Integrate seamlessly with other Thrive Themes products. #### Pricing of Thrive Ovation Thrive Ovation pricing starts at $49 per year. The complete Thrive Suite pricing starts at $149 quarterly. You can also choose a payment option of $299 per year. ### 3. WP Social Ninja Building a strong online presence is essential for any business, and WP Social Ninja makes it effortless. This [all-in-one social media plugin](https://wpsocialninja.com/5-best-social-media-plugin/) helps you bring social media content and customer reviews directly to your WordPress website, without any coding knowledge. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WP-Social-Ninja-1-1-1024x467.png) With an easy setup and full customization options, you can showcase real-time social feeds, customer feedback, and connect with customers, which builds credibility and trust. Whether you want to display user-generated content, integrate chat widgets, or boost conversions with Notification Popups, [WP Social Ninja](https://wpsocialninja.com/) simplifies it all. #### Key Features of WP Social Ninja - Display social feeds from Facebook, Instagram, TikTok, and YouTube - Showcase social reviews from 10+ platforms like Google Business Profile, Yelp, and Amazon - Boost credibility with features like Notification Popups, Chat Widgets, and Custom Reviews - Fully customizable, mobile-friendly, GDPR-compliant, and packed with advanced styling options - Smart email reporting for error handling and 24/7 customer support #### Pricing of WP Social Ninja This social media plugin comes with both free and premium versions. The premium version starts at $44 (after a discount). ### 4. NotificationX [NotificationX](https://wordpress.org/plugins/notificationx/) is a popular WordPress plugin designed to enhance social proof on your website.  It helps you display real-time notifications about sales, comments, and other activities. This can create urgency and trust among your visitors, leading to higher conversion rates. ![](https://theplusaddons.com/wp-content/uploads/2025/01/NotificationX.png) #### Key Features of NotificationX - Supports multiple notification types, including sales alerts and user comments. - Integrates seamlessly with popular page builders like Elementor. - Offers customization options for notification appearance. - A free version is available to help you get started with essential features. - Connects seamlessly with Zapier and Google Analytics. #### Pricing of NotificationX NotificationX is a freemium plugin, and the paid plan starts at $37 per year for an individual package. It has more other paid plans. ***Recommended Read: ***[***6 Best Instagram Feed Plugins for Elementor***](https://theplusaddons.com/blog/best-instagram-feed-plugins-for-elementor/)*.* ### 5. WPfomify [WPfomify](https://wpfomify.com/) is a social proof plugin designed to improve your WordPress website.  It allows you to display real-time notifications of sales and signups. This can help increase trust among potential customers. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WPfomify.png) #### Key Features of WPfomify - Integrates with popular WordPress plugins and email marketing tools. - Displays recent activity notifications to show what customers are doing. - Visitor Count notifications let users see how many others are browsing your page. - Supports display of conversion data from various sources, including WooCommerce and Easy Digital Downloads. #### Pricing of WPfomify WPfomify pricing ranges from $99 to $399 per year. *Want to learn how to add social media reviews to your website, watch this step-by-step tutorial: * https://youtu.be/9HiV2h_z_oM?si=qKzLVv4gHO8qxxtv ### 6. FOMO FOMO stands for "Fear of Missing Out." It is a powerful marketing tool used to create urgency and encourage action.  [FOMO](https://fomo.com/) plugin for WordPress helps you display real-time notifications that can boost sales and engagement on your site. ![](https://theplusaddons.com/wp-content/uploads/2025/01/FOMO.png) #### Key Features of FOMO - Real-time notifications about visitor activity - Customizable message appearances and timing - Integrates with various e-commerce platforms - Can show recent purchases, signups, and page views - Mobile-friendly designs to reach all users #### Pricing of FOMO It offers a free trial and the paid pricing starts at $25 per month for 8000 notifications for a month. ***Suggested Read:** [5 Best WordPress Countdown Timer Plugins [Use FOMO]](https://theplusaddons.com/blog/best-wordpress-countdown-timer-plugins/)* ### 7. Smash Balloon [Smash Balloon](https://wordpress.org/plugins/instagram-feed/) is a popular social proof plugin for WordPress. It helps you display social media feeds and reviews on your website. With this plugin, you can show content from platforms like Instagram, Facebook, and Twitter. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Smash-Balloon.png) #### Key Features of Smash Balloon - Easy setup and customization options. - Pulls content from multiple social media platforms. - Responsive design works well on all devices. - High ratings and positive customer feedback. - Great customer support and documentation. #### Pricing of Smash Balloon Smash Balloon offers several pricing plans ranging from $49 to $299 per year. You can choose a plan based on your needs and the number of websites you manage. The pricing reflects the value and features provided by the plugin. ***Bonus:**** If you’re an Elementor user and want to easily show reviews from multiple social media platforms. You can learn here **‘***[***How to create a multi-social media wall review in Elementor***](https://theplusaddons.com/docs/create-a-multi-social-media-wall-review-in-elementor/)***.’*** ## Wrapping Up Social proof plugins can really help you boost sales and conversions on your WordPress website, as visitors trust you and your products when they can see any sort of proof. Plus, if you’re an Elementor user and want to easily show Google reviews on your site then we have got an amazing plugin for you - [**Google Review widget by The Plus Addons for Elementor**](https://theplusaddons.com/elementor-widget/google-reviews/).  This widget provides you multiple layouts and text display options and you can show almost unlimited Google reviews. You can learn here [**how to add Google Reviews in Elementor**](https://theplusaddons.com/docs/add-google-reviews-in-elementor/).  The Plus Addons for Elementor provides around 120+ widgets and 1000+ templates that can further enhance the functionality and user experience of your Elementor site. ## FAQs on Best Social Proof Plugins ### Which social proof plugins for WordPress are recommended for increased engagement? Consider using **TrustPulse** and **WPfomify** to boost engagement. TrustPulse showcases real-time activity notifications that create urgency. WPfomify displays recent sales and signups to encourage visitor action. ### Can you suggest social media plugins that integrate well with WordPress sites? [**The Plus Addons for Elementor**](https://theplusaddons.com/) provide useful widgets that can help you add social sharing buttons on your site, display live social media feeds, and add reviews to your site. Plus, the plugin is speed-optimized. ### How can I add a social media feed to my WordPress site? You can use the [**Multi Social feed widget by The Plus Addons for Elementor**](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/). This plugin helps you display your multiple social feeds into one feed. Your visitors can stay up-date with social media posts from your website. ### Are there any WordPress plugins that allow the creation of a social network on a website? Yes, **BuddyPress** is a popular choice for building a social network. It allows users to create profiles and groups and engage in discussions. This can transform your site into a community hub. --- # How to Fix WordPress Theme File Editor Missing Issue? Source: https://theplusaddons.com/blog/how-to-fix-wordpress-theme-file-editor-missing/ Unable to find the WordPress Theme Editor? Here’s how you can fix the WordPress theme file editor missing error. The WordPress Theme File Editor is a handy tool that allows you to directly edit your theme's code files from within your WordPress dashboard. It is useful when you need to make quick changes to your theme's appearance or functionality, like customizing CSS styles or tweaking template files. If your WordPress Theme File Editor is missing, it means you can't access these files and make those edits. This can be frustrating, especially when you need to make urgent changes to your website. In this article, we'll explore why the Theme File Editor may have disappeared and provide you with easy ways to troubleshoot and resolve the Theme File Editor not showing in WordPress issue. ## What is the Role of Theme File Editor in WordPress? The WordPress Theme File Editor is a built-in feature that functions like a simple code editor within your WordPress dashboard. You can find it by navigating to ***Appearance > Theme File Editor*** in your WordPress admin menu. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Click-on-theme-file-editor.png) The WordPress Theme File Editor allows you to: - **Edit your theme's core files: **This includes essential files like style.css for styling your website and functions.php for adding custom functions. - **Create new template files:** You can add custom page templates to control the layout and design of specific pages on your website. - **Troubleshoot theme issues:** By examining the code, you can identify and fix errors or conflicts that might be causing problems with your theme's display or features. ### What Causes the Theme File Editor to Disappear from the WordPress Admin Dashboard? The Theme File Editor is a powerful tool. However, sometimes it can mysteriously vanish from your WordPress dashboard. This can happen for a variety of reasons, often related to conflicts or security measures. If you [**can’t edit your WordPress theme**](https://theplusaddons.com/blog/cant-edit-theme-in-wordpress/), here are the most common culprits that may be causing the issue: - **Faulty Plugins:** A plugin you've recently installed or updated might be interfering with the WordPress core functionality, causing the Theme File Editor to disappear. This can happen if the plugin has coding errors or conflicts with your theme. - **Inactive Theme:** If your currently active theme is not properly installed or has become corrupted, it can lead to unexpected issues, including the missing Theme File Editor. - **Error in the wp-config.php File:** The wp-config.php file contains crucial WordPress configuration settings. If there's an error in this file, it can disrupt various functionalities, including access to the Theme File Editor. - **Security Plugin Interference: **Some security plugins, in an attempt to protect your website, might disable the Theme File Editor. This is because direct file editing can potentially be exploited by malicious actors. - **Corrupted Theme Files: **If the files of your active theme have become corrupted due to a failed update, server error, or malware, it can cause the Theme File Editor to malfunction or disappear. - **User Roles and Permissions:** WordPress has a user permissions system that controls access to different features. If your user account doesn't have the necessary permissions (like the "edit_themes" capability), the Theme File Editor will be hidden. This is common for users with roles like "Author" or "Contributor." *Looking for a theme that is compatible with the Elementor editor? Here are the *[***Best Elementor themes***](https://theplusaddons.com/blog/best-elementor-themes/)* to choose from.* ## How to Fix WordPress Theme File Editor Missing Issue [Working Methods] Now that you understand the potential causes behind the missing Theme File Editor in WordPress, let's explore the solutions. There are several ways to tackle this issue, and the right fix will depend on the root cause. You might need to try a few different methods before you find the one that works for you. ***Important****: Before you start making any changes, back up your website. This way, you can easily restore your site to its previous state if something goes wrong. You can use a *[***reliable WordPress backup plugin***](https://theplusaddons.com/blog/best-wordpress-backup-plugins/)* for this purpose.* Now let's explore some effective methods to bring back that Theme File Editor: ### Method 1: Deactivate and Reactivate Plugins Since faulty plugin files can often interfere with the Theme File Editor, let's start by checking your plugins. Go to ***Plugins > Installed Plugins*** in your WordPress dashboard. Deactivate all your plugins one by one. After you disable plugins, check if the Theme File Editor reappears under Appearance. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Deactivate-and-Reactivate-Plugins-1.png) If the editor reappears after deactivating a specific plugin, that plugin is likely the culprit. You can try updating the plugin to its latest version or finding an alternative plugin that serves the same purpose. ### Method 2: Check if the Theme is Activated Sometimes, the issue might be with your theme itself. An inactive theme would result in the Theme Editor disappearing. Go to ***Appearance >Themes***. Make sure your current theme is properly activated. If it appears inactive or broken, try switching to a default theme (like Twenty Twenty-Five) and then switching back to your original theme. This can sometimes resolve minor glitches. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Check-if-the-Theme-is-Activated.png) You can also check for any available theme updates and update the theme to ensure it functions correctly. ### Method 3: Update the wp-config.php File (Not Recommended for Beginners) This method involves editing your wp-config.php file, which contains critical WordPress settings. Proceed with caution if you're not comfortable with code editing. Access your website's files using an FTP client or your hosting provider's file manager. Locate the wp-config.php file in your website's [root directory](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/). Download a copy of the file to your computer as a backup. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Update-the-wp-config-File.webp) Open the wp-config.php file in a text editor and search for the line define('DISALLOW_FILE_EDIT', true);. If this line exists, comment it out by adding two forward slashes (//) at the beginning of the line: `// define('DISALLOW_FILE_EDIT', true);` Save the changes and upload the modified wp-config.php file back to your server. ### Method 4: Use FTP If you're comfortable using an FTP client, you can directly edit the wp-config.php file to restore the Theme File Editor. Connect to your website using an FTP client (like FileZilla). Navigate to your website's root directory. Locate the wp-config.php file. Right-click on the file and choose "View/Edit." This will open the file in your default text editor. Search for the line define('DISALLOW_FILE_EDIT', true);. If you find it, change true to false: define('DISALLOW_FILE_EDIT', false); Save the changes. Your FTP client will automatically upload the modified file to your server. ### Method 5: Check Security Plugin Settings Some security plugins might disable file editing by default. Go through the settings of any security plugins you have installed. Look for options related to file editing or theme/plugin editor access. If you find any settings that disable file editing, adjust them to allow access. *Looking for a security plugin to keep your website safe? Here are the *[***Best WordPress Security Plugins****.*](https://theplusaddons.com/blog/best-wordpress-security-plugins/) ### Method 6: Use a File Manager Plugin If you prefer not to use FTP, you can use a file manager plugin to edit your wp-config.php file. Install and activate a [file manager plugin](https://wordpress.org/plugins/wp-file-manager/). Open the file manager plugin in your WordPress dashboard. Navigate to your website's root directory and locate the wp-config.php file. Use the plugin's code editor to open the file. Search for define('DISALLOW_FILE_EDIT', true); and change true to false. Save the changes. ## Wrapping Up When trying to resolve the Theme Editor not showing in WordPress issue, remember that it might take some trial and error, so don't get discouraged if the first method you try doesn't work. To avoid future issues with the Theme File Editor ensure you use WordPress tools that enhance your website design without compromising security or stability. And if you’re looking for a comprehensive plugin that is lightweight and does not interfere with any core WordPress features, [The Plus Addons for Elementor](https://theplusaddons.com/) is the perfect choice. This WordPress plugin comes with over 120 diverse and specialized widgets to enhance the look and functionality of your website. The Plus Addons for Elementor is intuitive to use, optimized for high performance, and operates seamlessly with the latest versions of WordPress. ## FAQs on Fixing WordPress Theme File Editor Missing Issue ### How do I safely enable the WordPress theme editor without breaking my site? To safely enable the WordPress theme editor, first, ensure you have a backup of your website. Then, access your wp-config.php file via FTP or a file manager plugin. Look for the line define('DISALLOW_FILE_EDIT', true); comment it out by adding // or changing true to false. Save the file. ### Can I prevent unauthorized access to the Theme Editor? Yes, WordPress user roles and permissions control access to the Theme Editor. By default, only users with administrator privileges can access it. You can further restrict access by using security plugins or adding code snippets to your functions.php file for more granular control over user capabilities. ### Is it safe to edit theme files directly from the Theme File Editor? While convenient, editing theme files directly from the Theme File Editor comes with risks. Any errors in your code can break your website's functionality or appearance. Any direct edits to your theme files will be overwritten when you update the theme. For safer customization, consider using a child theme. ### What alternative methods are there for editing WordPress theme files? Besides the Theme File Editor, you can edit theme files using an FTP client (like FileZilla) or your hosting provider's file manager. These methods allow you to download the files to your computer, edit them locally with a code editor, and then upload them back to your server. ### Can a plugin cause the WordPress theme editor to disappear? Some plugins, especially security or performance optimization plugins, might disable the Theme File Editor as a security measure or to prevent accidental code changes. If you suspect a plugin is the cause of the issue, try deactivating your plugins one by one to identify the one causing the conflict. --- # How to Unpublish WordPress Site [Step-by-Step] Source: https://theplusaddons.com/blog/how-to-unpublish-wordpress-site/ As a WordPress website owner, you might have come across a situation that got you wondering- How to unpublish WordPress site or page? Perhaps you have published something on your WordPress site only to realize it's not ready for the world? Or maybe you're planning a major site overhaul or performance update and want to keep the website hidden until it's complete. Unpublishing your WordPress site allows you to manage your online presence and make changes to your site without permanently deleting your work. For WordPress users, understanding how to unpublish a WordPress page can prevent accidental visibility of work-in-progress content, safeguard sensitive information, or even improve your SEO ranking by temporarily removing underperforming pages. In this guide, we'll explore how to take down a WordPress site, page, or post using four different methods. ## What is WordPress Unpublishing? Unpublishing in WordPress refers to hiding content from public view; whether it's a single post, a page, or an entire website. Unlike deleting, unpublishing preserves the content in your dashboard, allowing you to make changes or republish it later. Authorized WordPress users on your website can still access and edit the private content. However, it won't be visible to the audience, making it easy for you to modify or update the website or ensure [**timely maintenance**](https://theplusaddons.com/blog/wordpress-website-maintenance-checklist/) without losing your work. ### When Should You Unpublish WordPress Websites? Here are the different scenarios where you may want to unpublish your WordPress website- - **Revamping or Rebranding: **If you're updating your site's design or structure, it's better to unpublish until everything is ready. This avoids confusing your visitors with unfinished work and offers a seamless user experience. - **SEO Optimization: **When pages or posts are underperforming, you can unpublish them temporarily while reworking your SEO strategy. - **Protecting Sensitive Content: **For sites handling confidential information, unpublishing helps secure data that shouldn't be public. - **Content updates:** Over time, your website content may get outdated or irrelevant, in which cases, it is a good idea to unpublish the page or post while you update the content. *Protect your WordPress page from unauthorized user access with a password. Learn *[***How to Password Protect a Page in WordPress***](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/)***.*** ## How to Unpublish WordPress Site [Working Methods] Let's look at four easy methods to turn off a WordPress site from the audience. ### Method 1 - Unpublish a Single WordPress Page/Post So you published a piece of content long ago, and now it's outdated. Instead of deleting a page or post, unpublish it from your WordPress backend. To do this, go to ***Pages/Posts***** *****> All Pages/All Posts**** *from your WordPress dashboard and click ***Edit*** on a published page or post you want to unpublish. ![](https://theplusaddons.com/wp-content/uploads/2025/01/click-Edit-on-a-published-page.png) This will bring you to your page editor screen. Here, click on the ***Status*** in the right section and select ***Draft*** from the menu. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Draft-from-the-menu.png) Click on ***Save*** to unpublish the WordPress page from the live website. ### Method 2 - Unpublish Multiple WordPress Pages/Posts Now, if you're planning to revamp/rebrand your website or shift to a new domain, you might need to edit and update a lot of pages or posts at the same time. Instead of manually unpublishing each page/post, you can use the Bulk actions menu in WordPress admin to disable multiple pages simultaneously. Simply go to ***Pages > All Pages*** and tick the box next to all the pages you want to unpublish. Click on the ***Bulk actions*** drop-down menu and select ***Edit***. Then, click on ***Apply****.* ![](https://theplusaddons.com/wp-content/uploads/2025/01/image-12-1024x431.png) Navigate to the ***Status*** dropdown and select ***Draft*** to turn all the selected pages into draft and unpublish them. ![](https://theplusaddons.com/wp-content/uploads/2025/01/image-14-1024x420.png) Click on ***Update*** to save the changes. *Looking to delete your outdated or underperforming website? Learn *[***How to Delete a WordPress Site Completely.***](https://theplusaddons.com/blog/delete-a-wordpress-site/) ### Method 3 - Use Private Mode To deactivate a WordPress site, page, or post for your visitors, you can also use the Private Mode feature. With this feature, only authorized WordPress users with specific user roles can view and edit pages and posts on the website. Here's how to unpublish a WordPress page or post by using the private mode- - From your WordPress dashboard, open the page or post you want to unpublish. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Use-Private-Mode-1.png) - On the block editor screen, navigate to the right-hand menu and click on ***Status***. - Select ***Private****.* ![](https://theplusaddons.com/wp-content/uploads/2025/01/click-on-Status.png) - Click on ***Save****.* This will make your page or post private, allowing you to edit it while keeping it off the website. ### Method 4 - Temporarily Unpublishing a WordPress Site You can also temporarily unpublish your entire WordPress website. There are two ways to do so. 1. You can take down your website from public access using WordPress settings. 2. Or you can use a WordPress plugin to set up maintenance mode. For the first method, go to ***Settings**** *on your WordPress dashboard and navigate to the ***Reading**** *section. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Temporarily-Unpublishing.png) Tick the checkbox in the ***Search Engine Visibility*** option. This will disable your WordPress site temporarily from visitors. ![](https://theplusaddons.com/wp-content/uploads/2025/01/site-temporarily-from-visitors.png) Alternatively, you can use maintenance mode plugins such as [**Website Builder by SeedProd**](https://wordpress.org/plugins/coming-soon/) to put up a Maintenance Mode page for the audience while you work on the website. *Looking to hide certain pages instead of unpublishing? Here's **[How to Hide WordPress Pages from Google](https://theplusaddons.com/blog/how-to-hide-wordpress-pages-from-google/)**.* ## How to Republish Your Website Easily? Republishing your WordPress website, pages, or posts is a lot simpler and easier. Here's what you need to do based on the method you've used- - **Publish the page/post:** Switch the status of your page or post from ***Draft*** to ***Published****.* Once you're done making changes to an unpublished page, click on ***Publish**** *to make it live.** ** - **Make it public:** Change the visibility of your unpublished pages or posts from ***Private**** *to ***Public****.*** ** - **Disable maintenance mode: **Turn off maintenance mode via the plugin settings to restore your site. *Allow only authorized users to access and edit your WordPress website. Limit access and know *[***How to Secure WordPress Login Page using 11 Proven Ways****.*](https://theplusaddons.com/blog/how-to-secure-wordpress-login-page/) ## Wrapping Up Unpublishing your WordPress site isn't complicated. Whether you're working on a single post or need to hide your entire site temporarily, you can follow any of the easy methods mentioned in this guide. From using built-in WordPress settings to change the page visibility to using plugins to put up maintenance mode, you now have everything you need to manage your content effectively. And speaking of plugins, [**The Plus Addons for Elementor**](https://theplusaddons.com/elementor-widgets/) is a must-have for every WordPress website. With over 120 unique widgets, it allows you to create, manage, and customize a professional-looking WordPress site with ease. Give your site the functionality boost it deserves! ## FAQs on Unpublishing a WordPress Site ### Can I unpublish a site after publishing it? Yes, WordPress allows you to unpublish content at any time. Simply follow the steps to change visibility settings or switch your content to Draft, as mentioned in the guide. ### What happens to my content if I unpublish my WordPress site? Your content remains saved in the dashboard and is accessible to authorized WordPress users. It's not visible to the public, but you can edit or republish it at any time. ### Is there a way to unpublish a WordPress site without affecting SEO? Yes, you can switch your page or blog post to private mode or use the maintenance mode to ensure that search engines don't penalize your content while it's unpublished. ### Is it possible to temporarily hide my WordPress site from the public? Yes, enabling maintenance mode via WordPress plugins or changing the Search Engine Visibility in WordPress settings is an effective way to hide your site temporarily. ### Do I need to use plugins to manage the visibility of my WordPress site? No, WordPress has built-in features to hide your pages, posts, or entire website. However, plugins offer more flexibility and advanced options for site management. --- # How to Hide Page Title in Elementor [4 Easy Methods] Source: https://theplusaddons.com/blog/how-to-hide-page-title-in-elementor/ Not sure how to hide page title in Elementor? We've got you covered. When designing a website with Elementor, you want everything to look perfect. From your layout to the fonts, content, and the flow of the content. But sometimes, the default page titles don't quite fit your vision. Perhaps it is interfering with the aesthetic of your website or looks out of place on a landing page. Customizing the page title is not simple either since the design depends on your theme. Whatever the reason, you must know how to hide the page title in WordPress. In this guide, we'll walk you through four simple methods for hiding page titles in Elementor and giving your website a clean, cohesive look. One advanced approach is to use [custom JavaScript in Elementor](https://theplusaddons.com/blog/add-custom-javascript-in-elementor/) for conditional title hiding. ## Key Takeaways - Use the built-in "Hide Title" toggle in Elementor to quickly hide the page title (no coding needed). - Alternatively, set the page layout to "Elementor Full Width" to remove the page title from the display. - Don’t delete the title; hiding keeps SEO and navigation intact. ## What is a Page Title? A page title is a text that appears at the top of a webpage by default, reflecting the title you set when creating the page. It is also often used within the URL of the particular page and displayed in the browser tab when a visitor accesses it. As a result, the page title is [useful for SEO](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/) and navigation. So, if your first instinct is to delete the title from the page, think again because it affects how search engines rank your page and how users interact with it. But at the same time, it might not always align with your design goals. That's where hiding it is a better idea. ### Why and When Should You Hide Page Title in Elementor? Here are a few scenarios where hiding a page title makes sense: - **Custom designs:** When you're using [Elementor](https://go.posimyth.com/recommends/elementor/) to design a custom layout, the default title might clash with your design.  - **Landing pages:** Titles are often unnecessary on landing pages, where the focus is on a single action or message. - **The overall look of the webpage:** Sometimes, removing the title creates a cleaner, more professional look. - **Mismatch in title and URL: **WordPress uses the set page title in the URL by default. If you want to have different names in the page title and the URL, it is best to hide the title. *Is the WordPress Admin Bar getting in the way of your design workflows? Simplify your WordPress editor by learning *[***How to Hide WordPress Admin Bar**.*](https://theplusaddons.com/blog/hide-wordpress-admin-bar/) ## How to Hide Page Title in Elementor [Working Methods] Now, let's dive into the different ways to hide page titles in Elementor for your website. ### Method 1: Using Hide Title Option in Elementor Editor The Elementor editor features built-in settings to hide the page title on your website. To do this, go to ***All Pages**** *and open a page where you want to hide the title. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Using-Hide-Title-Option-in-Elementor-Editor.png) On the page, click on ***Edit with Elementor*** and click on the ***Settings*** icon at the top of the page. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Edit-with-Elementor.png) Here, you will see an option to ***Hide Title***. Turn on the toggle to enable it and save the changes. *Do you want to declutter space on your website and improve visitor engagement? Check this guide on **[How to Show and Hide Text in WordPress](https://theplusaddons.com/blog/how-to-show-and-hide-text-in-wordpress/)**.* ### Method 2: Changing the Page Layout in Elementor Editor In Elementor, hide the page title by changing the page layout of your website page. To do this, navigate to ***All Pages*** on your WordPress dashboard and open the page you want to edit. After clicking on ***Edit with Elementor****,* click on the ***Settings*** icon at the top of the page. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Page-Layout-in-Elementor-Editor.png) You will see the options for ***Page Layout***. Change it to ***Elementor Full Width***, and the page title will be hidden in the layout. *Customize your page layout and display content on your website using the show more option. Know *[***How to Show or Hide Elementor Sections on Click**.*](https://theplusaddons.com/blog/show-hide-elementor-section/) ### Method 3: Using the WordPress Default Editor If you're creating your website using the default WordPress editor, you can hide the page title from the Gutenberg editor. To do this, open the page you want to edit from your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2025/01/the-WordPress-Default-Editor.png) Simply delete the page title and click on the ***Publish*** button. ![](https://theplusaddons.com/wp-content/uploads/2025/01/the-page-title.png) However, using this method will completely remove the page title from your website, which can affect your website's SEO and permalinks. ***Recommended Read:** The default WordPress editor (Gutenberg) or Elementor builder, which one should you use for building your site? Here's a *[***detailed comparison of Gutenberg vs Elementor***](https://theplusaddons.com/blog/elementor-vs-gutenberg/)*.* ### Method 4: Using Class From Your Theme to Hide The Title The appearance and design of your page title are dependent on the theme you're using. Now, the default class for most themes is- *

Title

.* But sometimes, the theme might be using a different class for the title, which might interfere with your page design. So, you can manually set the class for your theme to hide the page title. **Follow the steps below to do this-** - Open the page for which you want to hide the page title and click on ***Edit with Elementor****.* ![](https://theplusaddons.com/wp-content/uploads/2025/01/Edit-Elementor-page.png) - Click on ***Site Settings*** on the Elementor Widget panel at the top left corner of the screen. ![](https://theplusaddons.com/wp-content/uploads/2025/01/site-setting.png) - Select ***Layout****.* - Here, go to the ***Page Title Selector*** and add your theme's specific selector for the title. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Page-Title-Selector.png) This will hide the page title for your web page. ***People Also Read:** Protect your page from unauthorized access to ensure the security of your website. Know *[***How to Password Protect a Page in WordPress**.*](https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/) ## Wrapping Up Hiding a page title in Elementor is simple and effective for enhancing your website's design if the title interferes with it in any way. At the same time, it is important to ensure that you only hide the page title and not delete it, as the latter can affect your website's SEO and experience. In Gutenberg or Elementor, remove the page title using any of the four easy methods mentioned above and customize the website to fit your vision. For even more advanced customizations and features for your Elementor website, consider [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/). With over 120 widgets, it's the perfect tool to take your Elementor experience to the next level. Whether you want to design a professional and minimal landing page, add social sharing buttons to your site, or enhance the user experience with various functional elements, this plugin has you covered. ## FAQs on Hiding Page Title in Elementor ### Will hiding the page title affect SEO? While hiding the page title won't affect your SEO, deleting it completely will. Search engines rely on metadata for indexing, so deleting the page title can impact rankings. ### Is it possible to hide a page in Elementor without deleting it? Yes, you can hide a page without deleting it by saving it as a draft, setting its visibility to private, or using plugins to restrict access. These options ensure the page stays intact and can be accessed or republished later if needed. ### Will hiding the page title affect breadcrumbs or navigation? In most cases, breadcrumbs pull information from your site's metadata, not the title visible on the page. Hiding the title shouldn't disrupt breadcrumbs or navigation. However, double-check your theme settings, as some themes link breadcrumbs directly to the visible title. ### Can I hide the page title in Elementor without using custom CSS? You can use Elementor's Hide Title option or change the page layout to hide the title without touching CSS. These methods are beginner-friendly and require no technical knowledge. ### How to hide the page title on specific pages in Elementor? You can hide titles on specific pages by using Elementor's settings or custom CSS targeting only those pages. Or you can manually use the Hide Title option for each page to hide specific pages. --- # How to Add WhatsApp Chat in Elementor [FREE] Source: https://theplusaddons.com/blog/how-to-add-whatsapp-chat-in-elementor/ Are you looking for a way to make it easier for your website visitors to connect with you instantly? Then, adding a WhatsApp chat button or feature to your site is a smart move. With over [2.9 billion users](https://analyzify.com/statsup/whatsapp#:~:text=WhatsApp%20Statistics%202024:-,Global%20User%20Base,17) worldwide, WhatsApp is one of the most popular messaging platforms, making it a familiar and trusted choice for users. Adding WhatsApp chat in WordPress allows your site visitors to contact you or your team effortlessly, ensuring faster, more personalized, and more secure interactions. In this blog, we’ll walk you through the steps on how to add WhatsApp chat in Elementor for free! So, let’s get started! ## What is WhatsApp Chat integration in Elementor, and why is it useful? If you’re using the Elementor page builder on your WordPress website, you can easily add WhatsApp chat with third-party plugins. Elementor WhatsApp chat feature can benefit your site in several ways. **Here are some reasons why adding a WhatsApp chat can be useful:** ![](https://theplusaddons.com/wp-content/uploads/2025/01/Benefits-of-Integrating-whatsapp-chat-on-Website.png) - **Quick Support:** Real-time chats enable you to resolve queries or technical issues promptly, enhancing customer satisfaction. - **Order Inquiries:** The Elementor WhatsApp button feature is quite useful for eCommerce websites, as customers can ask questions about products, delivery, or returns directly. - **Lead Generation:** Engage instantly with your potential clients, thus maximizing the chances of converting visitors into customers. - **Feedback Collection:** Allow users to submit feedback or reviews through personal chats. - **Build Trust:** Direct communication builds credibility, showing that your business is accessible and approachable. - **Event Registration or Queries:** Help users with event signups or answer questions about the event details. - **Post-Purchase Assistance:** Offer after-sales services like installation help, troubleshooting, or product guidance through WhatsApp. - **Localized Communication:** Communicate in a preferred language or time zone to cater to specific audience needs. WhatsApp is a familiar tool, so users are more likely to engage with you without hesitation. With WhatsApp Chat integration, your website becomes a powerful hub for communication, offering users the ease of contacting you while you benefit from better engagement and stronger customer relationships. ## How to Add WhatsApp Chat in Elementor [Step-by-Step] You can easily add a WhatsApp chat button to your Elementor site for free through the [**WDesignKit plugin**](https://wordpress.org/plugins/wdesignkit/). Its [**WhatsApp Chat widget**](https://wdesignkit.com/widgets/whatsapp-chat/11182) is simple to set up and is lightweight. You can customize it fully using Elementor or tweak it with code if needed. It supports cross-browser compatibility, loads quickly, and is SEO-friendly. The widget also supports multiple agents, so your team can handle chats easily. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Integrate-WhatsApp-Chat.png) Before we learn how to add WhatsApp chat to your site, the first thing to ensure is you have ***installed*** and ***activated*** the WDesignKit plugin on your WordPress website. Rest, you can continue reading... Now, let's proceed with instructions to add the WhatsApp chat widget by WDesignKit. Alternatively, if you want to watch a video for instructions, you can watch the video here: https://youtu.be/jKomtSX2XaI?si=QQm5pfrmkN74EcWY And in case, you want textual steps, read along.. ### Step 1: Log in to your WDesignKit account The first step is to log in to your WDesignKit account. If you don’t have an account on WDesignKit, you can sign up to create a new account. Alternatively, you can also sign up with your Google or Facebook account. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WDesignKit-account-1.png) Once done, Log in to your account by entering the email and password. ### Step 2: Activate the WhatsApp Widget After you log in, you’ll see this interface. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Activate-the-WhatsApp-Widget.png) Then click on ***Widgets*** in the header section of the interface. Next, select the*** Browse Widgets*** option. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Browse-Widgets.png) In the search bar, type **WhatsApp**, and then click on the **download** icon to download the WhatsApp Chat widget for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2025/01/click-on-the-download.png) To ensure your widget is downloaded, you can check it in ***My Widgets***. ![](https://theplusaddons.com/wp-content/uploads/2025/01/My-Widgets.png) ### Step 3: Add the WhatsApp Widget to the Elementor page Open the page where you want to add WhatsApp chat widget. Then choose ***Edit with Elementor*** option. In the Elementor Editor, drag and drop the widget or simply choose the WhatsApp option in the Navigator. ![](https://theplusaddons.com/wp-content/uploads/2025/01/WhatsApp-option-in-the-Navigator-1.png) ### Step 4: Edit the Whatsapp Chat In the left sidebar of the Elementor Editor, you’ll get 3 tabs - Content, Style, and Advanced. In the Content tab, you’ll get the 2 options - ***Toggle Button and Content.*** Opening the ***Toggle Button*** option, you’ll get the following sub-options: ![](https://theplusaddons.com/wp-content/uploads/2025/01/default-WhatsApp-messages-font-and-color-1.png) - **Text -** This option lets you add a text of your choice to the toggle button. - **Icon Type - **Here, you can choose to add an icon in the toggle button or leave it as it is. If you choose an icon, then an upload option will open where you can add an icon. - **Show Dot -** It lets you show or hide the red notification dot over the toggle button. - **Default Enable - **This option lets you keep the chat window open by default whenever users enter the webpage. Next, opening the*** Content Tab***, you’ll get the following sub-options: - **Avatar Image - **Here, you can set your WhatsApp profile pic. It would be better if you use a professional photo. ***Recommended Read:**** *[*How to Fix Blurry Images in Elementor*](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/) - **Title - **You can set a title in the WhatsApp chat, such as your company’s name or your name. - **Verified Icon -** You can add a verified icon to make your WhatsApp chat more professional and trusted. To do so, you’ll need to add a custom icon. *You can refer to this complete tutorial on *[***how to add a custom icon to your Elementor site***](https://theplusaddons.com/blog/add-custom-icons-to-elementor/)* to add the Verified icon.* - **Subtitle -** Here, you can add more details like designation or text like ‘replies within a day or anything you want to add. - **Subtitle Prefix Icon - **You can add an icon in the prefix of the subtitle. ![](https://theplusaddons.com/wp-content/uploads/2025/01/add-an-icon.png) - **Text - **This option allows you to edit the message that will be displayed in the Chat. - **Button -** You can edit text displayed on the button, such as by customizing the text to Let’s Chat or something that matches your brand. - **WhatsApp Number -** Here, you can add your WhatsApp number to ensure that whenever users click on the chat button, they are redirected to WhatsApp. ![](https://theplusaddons.com/wp-content/uploads/2025/01/edit-text-displayed-on-the-button.png) ### Step 5: Style the WhatsApp Chat Widget In the Style tab, you’ll find the following sub-options: - **Content Header -** Here, you can style your WhatsApp header section, such as changing the color of the dot on the profile pic, the dimensions of the WhatsApp profile image/pic, the background color, the subtitle’s font and color, or adding an image to the background. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Style-the-WhatsApp-Chat-Widget.png) - **Content Body - **This option lets you change the default WhatsApp message’s font and color, time shown in the default message, loader’s color, and background type. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Content-Body.png) - **Content Button -** Using this option, you can customize the chat’s button color, icon size, border type, background type, and padding. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Content-Button.png) - **Popup Background - **Here, you can set a custom color, gradient, or even an image as the popup background as per your website's branding. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Popup-Background.webp) - **Toggle Button -** In this option, you change the toggle button’s text color, icon size, SVG size, border type, and more. *Also, you can refer to this blog to learn how to *[***change custom SVG icons' color in Elementor****.*](https://theplusaddons.com/blog/how-to-color-custom-svg-icons-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2025/01/Toggle-Button.png) - **Extra Option -** Using this option, you can set the width and alignment of the Whatsapp chat. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Extra-Option.png) ### Step 6: Make Advanced Customizations In the Advanced tab, you can customize the layout, and border type, add motion effects, mask, or even your custom CSS code and a lot more. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Make-Advanced-Customizations.png) This way, you can easily add WhatsApp chat and customize the WhatsApp chat widget to align with your website’s branding. Once done with all the changes, hit the ***Update (or Publish)*** button present at the bottom of the Elementor Editor’s sidebar. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Click-on-Update.png) Now, you’re all set. ## Wrapping Up Adding a WhatsApp chat widget can make your website more interactive and user-friendly, giving you an edge over competitors. [**WDesignKit**](https://wdesignkit.com/widgets/whatsapp-chat/11182) makes it easy to add a WhatsApp Chat widget in Elementor for free, with options to customize it to suit your needs. Whether you’re a beginner or prefer adding custom code, this widget by WDesignKit is designed for all types of users. That's not all, WDesignKit also offers over 150+ widgets and 1000+ templates to help you create world-class websites easily. The Plus Addons seamlessly integrates with all WDesignKit widgets. To further enhance your website's functionality and interactivity, explore The Plus Addons' widgets like Event Tracker, Testimonial Carousel, Progress Bar, Pricing Table, and more. With over [**120 Elementor widgets**](https://theplusaddons.com/elementor-widgets/), The Plus Addons provides useful tools to elevate your site’s design and features. You can check out the complete list here. ## FAQs on Adding WhatsApp Chat in Elementor ###  How to integrate WhatsApp in a website? You can integrate WhatsApp by adding a widget with third-party plugins like the WDesignKit and customize it fully. Alternatively, you can add a chat button using Elementor and embed a direct WhatsApp link with a custom message, but this method offers limited customization. ### Can I add a WhatsApp Chat button without using any plugins? Yes, you can create a WhatsApp Chat button manually by adding a custom HTML widget in Elementor and linking it to your WhatsApp number using a URL format like https://wa.me/. ### How do I link my WhatsApp number to the chat button in Elementor? You can easily link your WhatsApp number to the chat button in Elementor third-party plugins like WDesignKit. The plugin redirects your users to your WhatsApp number whenever they click on the chat widget. ### Will adding WhatsApp Chat affect the performance of my Elementor website? If implemented correctly, it has minimal impact. However, excessive use of external plugins or scripts can slightly affect page load time. Lightweight plugins are recommended for optimal performance. ### Is it possible to display the WhatsApp Chat button only on specific pages in Elementor? Yes, you can control visibility by using Elementor’s display conditions or plugins that allow page-specific settings for widgets. --- # How to Change WordPress Featured Image Size Source: https://theplusaddons.com/blog/wordpress-featured-image-size/ The right WordPress featured image size makes up the visual front door to your website content. It sets the tone for your posts and pages, grabbing the attention of visitors and providing context before they even start reading. Yet, you might often struggle with ensuring these images display correctly or suit their website's layout. Since it's the first thing that will grab a visitor's attention when they land on your website, it is one of the most important visual elements.  A featured image of poor quality or incorrect sizing will affect website engagement and make it look unprofessional. So, if you're frustrated with images that appear stretched, pixelated, or cut off, this guide is for you. In this guide, we'll take you through various methods to change the WordPress featured image size for your website. ## Key Takeaways - Best size: 1200×628 px. - Resize using media editor, code, or plugin. - Optimize for speed and responsiveness. ## What is a Featured Image in WordPress? A featured image, or a post thumbnail, is a representative image for a specific post, page, or custom post type in WordPress. These images appear on your website, social media shares, and even search engine previews, acting as visual hooks to engage your audience. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Featured-Image.png) The featured image is a key element for drawing user attention, hinting at what your post or page is all about. ### Why are Featured Images Important? Featured images are essential for your website for several reasons- - **Visual appeal:** They instantly capture attention and enhance the overall look of your website while giving the users an idea of what your post is about. - **High engagement:** No one likes big blocks of text on a website. Images are a great way to enhance the visual appeal of text-heavy websites and increase engagement with a 'show and tell' approach. - **Boosts SEO:** Properly optimized featured images with alt texts can boost your website's visibility and search engine rankings. - **Brand building:** They help establish a cohesive aesthetic with consistent style, color, or typography, reflecting your brand identity. *Struggling with your featured image not being visible on the website? Learn* [***How to Fix WordPress Featured Image Not Showing Issues****.*](https://theplusaddons.com/blog/wordpress-featured-image-not-showing/) ## How to Set a Featured Image in WordPress? Setting a featured image in WordPress is super easy. All you need to do is follow these simple steps- ### Step 1: Open a post or a page Log in to your WordPress admin dashboard and open the page or post for which you want to set the featured image.  ### Step 2: Featured image section In the page editor, navigate to the settings icon in the top right corner to open the settings panel. Under the ***Post*** tab, select ***Featured Image > Set featured image****.* ![](https://theplusaddons.com/wp-content/uploads/2024/12/Set-featured-image.png) ### Step 3: Set the featured image Select an image from your media library. You will see various options for configuring the image. ![](https://theplusaddons.com/wp-content/uploads/2024/12/options-for-configuring-the-image.png) Here, you can add the image Title, Caption, Alt text, and Description. Click on ***Set featured image*** to display the featured image. ![](https://theplusaddons.com/wp-content/uploads/2024/12/display-the-featured-image.png) ## Is There an Ideal WordPress Featured Image Size? The ideal size for a featured image in WordPress is 1200 pixels by 628 pixels, as this size is compatible with most WordPress themes. Need to convert between units? Use our free [px to cm converter](https://theplusaddons.com/blog/px-to-cm-converter/) for quick calculations. However, WordPress's featured image size ratio can depend on the theme you choose, the website layout, or your personal performance.  For instance, you may want to pick a different WordPress featured image dimension that looks good on social media. **Here are various image sizes in pixels in WordPress-** | **Thumbnail size in WordPress** | 150 x 150 pixels | | ------------------------------- | ---------------- | | **Medium image size in WordPress** | 300 x 300 pixels | | **Large image size in WordPress** | 1024 x 1024 pixels | | **Full image size in WordPress** | Original size of the image | Depending on the image resolution, theme, or layout of the website, you can resize the image for WordPress. *Want to set custom image thumbnail size in WordPress for Free? Here's how to do it:* https://youtu.be/ugJk17GmKdg?si=Cz0DriRXGIzYG54I ## How to Change the Featured Image Size in WordPress? There are various simple and easy ways to change the featured image size in WordPress. Let's explore five different methods to do so. ### Method 1: Resize the Image in WordPress If you want to resize featured images for your website posts and pages, you can quickly do so from WordPress' built-in settings. To resize manually, select the image in your media library and click on ***Edit Image*** at the bottom of the page. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Edit-Image.png) Navigate to ***Scale*** and set your desired dimensions. Click on ***Scale****,* and WordPress will resize the image and save it. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Click-on-Scale.png) *Want to upload custom media to WordPress but restricted due to large file size? Here’s*[* ****How to Increase the Maximum File Upload Size in WordPress****.*](https://theplusaddons.com/blog/increase-the-maximum-file-upload-size-in-wordpress/) ### Method 2: Size the Image Correctly Before Uploading The featured image on your website will be set to the size of the original image. So, the best way to change the image size for the WordPress featured image is to resize it before uploading.  For this, you can use software like Photoshop and manually adjust it. With the right tool, you can change the size, borders, or other elements of the image based on ideal WordPress sizing and place an optimized image on your website. ### Method 3: Use Code PHP (Not recommended for beginners) The next method involves adding some code to your theme's PHP file to change the size of the featured image. Since it is a more technical method, it is ideal for advanced users who have experience with coding. While adding the code to your theme's functions.php file is not too complicated, even a single typing error or any other mistake can damage your website. So, it is always a good idea to [**backup your site**](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) before editing its core files. Once you've made a backup of the site, go to ***Appearance > Editor*** on your WordPress dashboard, and you will see a list of all your theme files on the right side of the screen. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Appearance-Editor.png) Locate your theme's functions.php file, open it in the editor, and add the following line of code- `` Here, add your desired image dimensions for "width" and "height." Also, if you want to crop an image to the specified height and width, add "$crop" to the code; otherwise, leave this space blank. Once you save the changes, you will have your featured image resized to the specified dimensions. *Looking to resize your featured image but cannot find the Appearance Menu? Learn*[* ****How to Fix Missing Appearance Menu in WordPress Admin Quickly.***](https://theplusaddons.com/blog/how-to-fix-missing-appearance-menu-in-wordpress-admin/) ### Method 4: Use Media Settings to Change Image Dimensions Another quick and easy way to change featured image dimensions for your website is to use the media settings and customize the default size. To do this, go to ***Settings > Media***. Navigate to ***Image Sizes****,* and next to the ***Thumbnail size****,* enter the desired image size for your website featured image. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Thumbnail-size.png) Click on ***Save Changes***. ### Method 5: Resize Your Old Featured Images When you make changes to the default WordPress featured image size using any of the above methods, it will only apply these dimensions to the new image you upload. **Then, what about the existing featured images on your site?** You can either resize and reupload them manually, which can be time-consuming. Or use the [Nexter Extension](https://wordpress.org/plugins/nexter-extension/) plugin to resize the image. *Here's a quick video tutorial on how to use it:* https://youtu.be/GjTzzSr2jjA?si=5FHYaQK3zn54cVms ## Additional Tips for Optimizing WordPress Featured Image Size To ensure your featured images look their best and enhance your website's overall appeal, here are some tips to optimize the images- - **Use high-quality images: **Always use high-resolution images to avoid pixelation, especially when resizing. You can also explore platforms like **[Wall Pics](https://www.wallpics.com/)** for visually appealing and high-quality images. Low-quality images can harm the professional look of your site. - **Compress images for faster loading: **Optimize your images using third-party plugins before uploading them to WordPress. This reduces file size without sacrificing quality, improving page loading speed and overall site performance. - **Stick to consistent dimensions:** Maintain uniform dimensions for all featured images to ensure a consistent design across your website. This is especially important for blogs and grid-style layouts. - **Test responsiveness:** Once you add a featured image, preview your website on different devices to check how it appears. A responsive theme should automatically adjust the image size, but verifying this ensures a seamless user experience. ## Wrapping Up For a WordPress website, having a high-quality, optimized, responsive featured image is a must-have. It will make your website look professional and visually attractive while boosting your SEO ranking and engaging the audience. Plus, you can easily add a featured image in WordPress and resize it manually using a reliable plugin to ensure the image is optimized for the web. To take your WordPress experience to the next level, install [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/). With more than 120 Elementor widgets, you have access to a range of feature-rich tools to enhance the functionality of your Elementor editor, making it easier than ever to create stunning, feature-rich websites. ## FAQs on WordPress Featured Image Size ### Are featured images automatically device-responsive? Yes, WordPress ensures that featured images are responsive. However, using optimized images and testing on different devices is important to ensure a consistent user experience. ### What size should a WordPress featured image be? The recommended size depends on your theme, but 1200 x 628 pixels is the ideal size for most layouts and themes. ### Why is my featured image cut off in WordPress? This often happens due to incorrect dimensions or image crop settings in your theme. You need to resize the image or adjust settings to fix this issue. ### What is the difference between an image and a featured image in WordPress? An image can appear anywhere in your content, while a featured image specifically represents the post or page. ### Why is my WordPress featured image not showing on Facebook? If WordPress's featured image is not showing on Facebook, it could be a caching issue. You can resolve this by clearing the page cache in WordPress using a [caching plugin](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/) and then resetting the Facebook cache using their debug tool. --- # November 2024 Monthly Updates: New Dashboard, WordPress 6.7, Google Updates & More Source: https://theplusaddons.com/blog/november-2024-monthly-updates/ This month, we've made several improvements to improve your experience and make your website-building journey smoother and more efficient. #### Here’s a quick look at what we’ve rolled out recently: - **Complete New Dashboard Look**: A fresh new UI/UX design for smoother navigation and plugin management. - **Plugin Rollback Option: **Need to revert to a previous version? It’s now just a click away. - **White-Label Improvements** (Pro 6.0.2 & Free 6.0.3): More control and flexibility for white-label users. - **Language Compatibility for Dashboard: **Now accessible to a wider audience with enhanced language support. - **[New Options in Smart Loop Builder ](https://youtu.be/xCn3jQT3SlA)& [Form Widget for Elementor](https://theplusaddons.com/elementor-builder/form-builder/): **More customization for better control and design. [![](https://theplusaddons.com/wp-content/uploads/2024/12/Form-Widget.png)](https://theplusaddons.com/elementor-builder/form-builder/) [![](https://theplusaddons.com/wp-content/uploads/2024/12/Smart-Loop-Builder-1.png)](https://youtu.be/xCn3jQT3SlA) #### What’s Coming Next? - **Optimized Plugin Size: **We’re reducing the Pro plugin size by **1.3 MB** for faster performance. - **ACF Query Improvements: **Better search functionality with improved query handling in the Search Filter widget. **Our Winter 2024 Sale is Live — [Get Deal Price](https://theplusaddons.com/pricing//)** *Stay connected for more exciting updates and enhancements!* For all the changes,[**Check out the complete changelog here.**](https://roadmap.theplusaddons.com/updates) ## 📖 — Latest Reads  - [How to Create WordPress Before After Slider [Easy Guide]](https://theplusaddons.com/blog/wordpress-before-after-slider/) - [How to Create Content Timeline in Elementor [Step-by-Step]](https://theplusaddons.com/blog/timeline-in-elementor/) - [How to Get YouTube API Key [Step-by-Step Guide]](https://theplusaddons.com/blog/how-to-get-youtube-api-key/) - [How to Create Comparison Table in WordPress [Step-by-Step]](https://theplusaddons.com/blog/how-to-create-comparison-table-in-wordpress/) - [AVIF vs WebP: Which One Helps in Improving Site Performance?](https://theplusaddons.com/blog/avif-vs-webp/) - [8 Best WordPress Sidebar Plugins [Easy to Use]](https://theplusaddons.com/blog/best-wordpress-sidebar-plugins/) - [How to Unblock Websites [9 Working Methods]](https://theplusaddons.com/blog/how-to-unblock-websites/) ## 📹— Video Tutorials  - [Scroll to Top in Elementor Made EASY!](https://www.youtube.com/watch?v=esWQZ3Gn3yM) - [Is Adding Scroll Portfolio in Elementor REALLY This Easy?](https://www.youtube.com/watch?v=3INy2lIBQjg) - [How to Add FORM in Elementor for FREE!](https://www.youtube.com/watch?v=7DVDIACjSSQ) - [Best WordPress Black Friday & Cyber Monday Deals in 2024 - Don’t Miss Out!](https://www.youtube.com/watch?v=CPHK9iD_qCA) - [How to add Smart Loop Builder in Elementor](https://www.youtube.com/watch?v=xCn3jQT3SlA) - [How to Add Typographic CTA in Elementor](https://www.youtube.com/watch?v=fQOpt9Qa5Kw) - [How to Add Bento Grids in Elementor!](https://www.youtube.com/watch?v=TUoHvExMHW0) - [How to Add Horizontal Level in Elementor for FREE](https://www.youtube.com/watch?v=Ph08dCyOJ7M) - [How to Add Vertical Level in Elementor for FREE](https://www.youtube.com/watch?v=LT5f7F6GxKw) - [Convert Figma AI to Elementor via UiChemy](https://www.youtube.com/watch?v=BXs1KBJHY2s) - [How to Add Scroll Accordion in Elementor for FREE](https://www.youtube.com/watch?v=IMCTPa8pVgs) - [How to Add Team Member Section in Elementor for FREE](https://www.youtube.com/watch?v=I_DbUId3n9U) - [5 Best WooCommerce Payment Gateways](https://www.youtube.com/watch?v=8swzFYlEiTE) ## 🗞️ — WordPress & Tech Bytes - [**Our YouTube Channel**](https://www.youtube.com/@posimyth?sub_confirmation=1) surpasses 9000 Subscribers and many more to come yet! Thanks for your continuous support. - **[Elementor 3.25](https://elementor.com/blog/elementor-325-css-loading-anchor-offset-search-pagination/)** introduces exciting updates, including enhanced CSS Optimization for faster site performance, a New Anchor Offset Control for smooth scrolling, and Pagination Options for Live Results in the Search widget, improving functionality and user experience. - WooCommerce has announced key dates for its [**9.5 version updates**](https://x.com/DevelopWoo/status/1863641530260459652). WooCommerce 9.5 Beta is now available for testing, with the Release Candidate 1 (RC1) set to launch on December 4, and the final release scheduled for December 16, 2024. - A study by Columbia University’s Tow Center for Digital Journalism revealed that [**OpenAI’s ChatGPT Search is failing**](https://www.searchenginejournal.com/chatgpt-search-shows-76-5-error-rate-in-attribution-study/533978/) to accurately attribute content to news publishers. The report highlighted frequent misquotes and incorrect attributions, raising concerns about brand visibility and publishers' control over their content. - Google has fully rolled out [**Search Console recommendations**](https://searchengineland.com/google-search-console-recommendations-now-fully-live-448631) to all profiles, following its initial launch as an experimental feature in August. This feature aims to provide users with actionable insights to optimize their website performance. - [**Google is facing a £7 billion **](https://searchengineland.com/google-uk-class-action-search-monopoly-448610)($8.8 billion) class action lawsuit in the UK, alleging that the company has abused its search dominance to harm consumers and suppress competition. This legal challenge could significantly impact the tech giant's operations in the region. - Matt Watson from Human Made has [**provided further details**](https://humanmade.com/wordpress-for-enterprise/asset-manager-framework-for-wordpress-media-management/) about their open-source [**Asset Manager Framework**](https://github.com/humanmade/amf-wordpress) for WordPress. This tool serves as a bridge between WordPress and a content delivery network (CDN), enabling users to offload assets to a CDN while maintaining management within the WordPress backend. Notably, even NASA's website utilizes this framework. - The [**WordPress 6.7.1 Maintenance Release**](https://wordpress.org/news/2024/11/wordpress-6-7-1-maintenance-release/) is now available as of November 21, 2024. This minor update addresses 16 bug fixes across the Core and Block Editor. - Gravatar has made it easier to integrate its avatar and profile management features into mobile applications. The native integrations for the [**Gravatar Mobile SDK**](https://blog.gravatar.com/2024/10/30/introducing-native-integrations-for-gravatar-mobile-sdk/) are now available for both iOS and Android. - [**WordPress 6.7**](https://make.wordpress.org/core/2024/10/14/updates-to-script-modules-in-6-7/) introduces updates to script modules, including a new @wordpress/a11y script module and a new API that allows passing script module data from the server to the client. - [**Google Ads has announced**](https://searchengineland.com/google-ads-11-year-data-retention-policy-447465) an 11-year data retention policy, effective November 13. This new policy could affect long-term trend analysis and ad reporting by limiting access to historical data over an extended period. ## 🔥 — Tool of the Month [**Progress Planner**](https://progressplanner.com/) helps you stay on top of your tasks, overcome procrastination, and eliminate distractions, making it easier to stay on track and reach your goals.  This tool streamlines task management, from maintaining website health to publishing posts and updating content. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Progress-Planner-1-1024x768.png) ## 🗣️— Word of the Month #### 100 Stars for Their Amazing Bundle! *I wish I could give 100 stars for The Plus Addons! The free inclusion of Nexter Theme and nexter Extension has made my Elementor boilerplate so minimal and blazing fast—I can’t imagine using anything else now. Their WDesignKit looks super promising too. All their products are top-notch, and their support team is truly unmatched. Highly recommend everything they offer!* [*~ @lucasweber1989*](https://wordpress.org/support/topic/100-stars-for-their-amazing-bundle/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # How to Hide WordPress Admin Bar Source: https://theplusaddons.com/blog/hide-wordpress-admin-bar/ Want to have more granular control over user access and permissions on your WordPress site? A great starting point is learning how to hide the WordPress Admin Bar. The WordPress admin bar toolbar provides convenient access to key administrative functions and content creation tools. However, it can sometimes get in the way of your design workflow by hiding elements of your website during the editing process.  More importantly, it can become a security vulnerability if unauthorized users gain access to functionalities they shouldn't. Fortunately, WordPress offers the flexibility to address this. You can choose to hide the admin bar entirely or selectively based on user roles.  This article outlines proven methods to disable the WordPress admin bar to improve your editing experience and website security. ## Key Takeaways - Add PHP code to hide the admin bar site-wide. - Disable it per user in profile settings. - Use a plugin to hide it by user role. ## What is the WordPress Admin Bar?  The WordPress Admin Bar is a floating toolbar that appears at the top of your website. It is essentially a shortcut menu for managing your site.  It provides quick and easy access to frequently used tools and features and allows you to perform tasks without navigating to the full dashboard. With the Admin Bar, you can add new posts or pages, moderate comments, access your site's settings menu, and much more, all from the front end of your website.  It gives you direct access to elements such as your dashboard, media library, plugins, themes, user profiles, and other quick links. The Admin Bar is customizable. You can add or remove elements to suit your editing style.  Some WordPress plugins also extend their functionality by adding their own elements to the bar.  ### Why Hide the Admin Bar?  Here are some reasons to hide your WordPress admin bar and improve overall website functionality. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Admin-Bar-2.png) - **Cleaner Design Preview:** The Admin Bar can overlap design elements on your website. This can make it difficult to accurately preview the page. Hiding the admin bar provides a clear and unobstructed view of your site's design. - **Enhanced Security:**  For users with limited permissions (like subscribers), the Admin Bar exposes functionalities they shouldn't access. Hiding it reduces potential security risks and prevents accidental changes to your website. - **Improve Functionality:**  The persistent bar at the top can sometimes obstruct key website elements for logged-in users. It might cover up your navigation menu, search bar, or other interactive features. Hiding it creates a more focused experience. - **Control User Access:** Hiding the Admin Bar can be a strategic way to manage user roles and permissions. By restricting access to certain functionalities, you maintain better control over who can make changes to your website. *Want to enhance website security? Here are the*[* ****6 best security plugins for WordPress****.*](https://theplusaddons.com/blog/best-wordpress-security-plugins/) ## How to Hide WordPress Admin Bar [Working Methods] Let's now look at easy methods to Hide the WP admin bar.  Before trying any of these methods, backup your website to keep your content and customizations safe. You can use a [WordPress Backup Plugin](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) to do this quickly.  ### Method 1 - Using PHP Code The first way you can remove the WordPress admin bar is by adding a PHP code to your WordPress Theme File. The Theme File is a document containing the PHP code that controls various aspects of your theme's behavior.  Now, from your WordPress admin dashboard, navigate to ***Appearance > Theme File Editor***. From the Theme Files menu on the right, select the functions.php file. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Theme-File-Editor-2.png) There are two ways you can go about it:  - **To hide the admin bar for all users ** You can hide the admin toolbar for all users by adding the following PHP code snippet at the bottom of the file before the ?> closing tag in the code editor screen. `add_filter('show_admin_bar', '__return_false');` ![](https://theplusaddons.com/wp-content/uploads/2024/12/hide-the-admin-bar.png) Once done, click Update File.  - **To hide the admin bar for specific roles ** You can disable it for specific user roles to gain more control over who has access to the admin bar. To do this, add the snippet below:  `if (current_user_can(‘enter role here’)) { add_filter('show_admin_bar', '__return_false'); } You can also disable the admin bar for all non-admin users except specific admin users. For this, enter the code snippet below:  add_action('after_setup_theme', 'remove_admin_bar'); function remove_admin_bar() { if (!current_user_can('enter role here') && !is_admin()) { show_admin_bar(false); } }` > **Note:** If you have a custom code PHP for your theme, before proceeding with this method create a child theme to keep the custom PHP intact even after the update.  *Want to create a child theme on WordPress? Here are different* [***ways to create a WordPress Child Theme****.*](https://theplusaddons.com/blog/how-to-create-wordpress-child-theme/) ### Method 2 - Through User Permissions in WordPress Dashboard  You can control who has quick access to the admin toolbar through the dashboard.  Navigate to your WordPress dashboard and then to ***Users > All Users***.  Then, click Edit under the user whose permissions you want to alter. Scroll down to find the Toolbar checkbox and uncheck it to hide it from non-admin users.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/WordPress-Dashboard.png) This method requires individual changes to each user's permission. It is great if you have only a handful of users. However, it might be tedious to edit user permissions individually for larger website management teams.  *Facing access issues on your website? Learn *[***how to fix the ‘Sorry you are not allowed to access this page’ WordPress Error***](https://theplusaddons.com/blog/how-to-fix-sorry-you-are-not-allowed-to-access-this-page/)*.* ### Method 3 - Using a Free Plugin  Using a plugin such as [Hide Admin Bar Based on User Roles plugin](https://wordpress.org/plugins/hide-admin-bar-based-on-user-roles/) is a good solution if method 1 and method 2 do not work for you.  Method 1 is a code-based solution whereas method 2 can be time consuming if you have a large theme. The plugin options give you a perfect in between by allowing you to change permissions in bulk without having to code.  From your WordPress dashboard, navigate to ***Plugins > Add New*** Plugin. In the search bar, look up “Hide Admin Bar Based on User Roles.” Once you find the plugin, Install and Activate it.   ![](https://theplusaddons.com/wp-content/uploads/2024/12/Free-Plugin.png) When the plugin is up and running, head to ***Settings > Hide Admin Bar Settings***.  Now, you can edit permissions by checking the appropriate checkboxes. You can hide the admin bar for all users or specifically for different user roles. You can also hide it for guest users and blacklist certain user capabilities.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/Hide-Admin-Bar-Settings.png) *Did you know, you can disable those distracting Admin Notices on your WordPress dashboard? Here's how:* https://youtu.be/ijAOHvtcL58?si=PmmAiYHeSY9afAyE ## Wrapping Up  You can use the methods outlined in this article to hide your WordPress admin toolbar to control access, enhance your website's appearance, and improve user experience.  However, before implementing these methods, make sure you have a backup of your website and understand the implications for different user roles.  To supercharge your website with advanced functionalities and attractive visual elements, consider [The Plus Addons for Elementor](https://theplusaddons.com/). This plugin offers a vast library of more than [120 widgets and extensions](https://theplusaddons.com/elementor-widgets/), allowing you to create dynamic and engaging website designs with ease.  Whether it's to build advanced carousels, eye-catching animations, or custom forms, The Plus Addons for Elementor has got you covered! ## FAQs on Hiding WordPress Admin Bar ### Does hiding the admin bar affect website performance? Hiding the admin bar does not impact website performance. The resources used to load the admin bar are relatively small. Hiding it might lead to a tiny improvement in page load speed, but it's unlikely to be noticeable.  ### Is it safe to hide the admin bar? Yes, hiding the admin bar is safe. Hiding it doesn't disable core WordPress functions or make your site vulnerable. However, back up your website beforehand, and consider the impact on different user roles. For example, editors might need access to the admin toolbar to easily edit your website's look and functionality.  ### How do I hide the admin bar on the front end of my WordPress site? You can hide the admin bar from the front end by hiding it from all user roles by adding code to your theme's functions.php file. You can use a dedicated plugin designed for this purpose. You can also use user profiles through the Dashboard and uncheck the "Show Toolbar when viewing site" option.  ### Can I disable the WordPress admin bar for specific roles? Yes, you can disable the admin bar for specific user roles. This can be achieved by modifying the code in your theme's functions.php file to target specific roles. You can use a plugin to hide the toolbar with a role-based visibility settings menu.  ### Why is my WordPress toolbar not showing? If your WordPress toolbar isn't showing, it might be due to hidden toolbar settings in your profile, a theme or plugin conflict, or caching issues displaying an outdated site version. Try checking your profile settings and user permissions, deactivating plugins, or clearing your browser cache to resolve the issue. ### What are the benefits of hiding the WordPress admin bar? Hiding the WordPress admin bar provides a cleaner preview of your website's design and frees it from distractions. It enhances security by restricting access to sensitive functions for non-admin users. It also improves the user experience by removing visual clutter and allows for a more efficient and professional website design experience. ### How do I re-enable the WordPress admin bar after hiding it? To re-enable the admin bar, remove the code you added to your theme's functions.php file, deactivate the admin bar hiding plugin, or re-check the "Show Toolbar when viewing site" option in your user profile settings through your WordPress dashboard, depending on the method you used to hide it. --- # 4 Best WordPress Before After Slider Plugins Source: https://theplusaddons.com/blog/wordpress-before-after-slider-plugins/ Showing the transformations you’ve achieved for your clients whether in design, SEO, or other projects is one of the best ways to highlight your expertise. Without the right tools, it can be hard to effectively present these before-and-after results. Static images or plain descriptions might not grab attention or convey the full story, leaving your hard work unnoticed. That’s where WordPress before after slider plugins became the savior. These plugins make it easy to showcase transformations with interactive sliders. In this article, we’ll take a look at some of the best before after slider plugins for WordPress that you can consider. Let’s get started. ## Key Takeaways - Before After Image Comparison Slider by The Plus Addons is a top before-after slider plugin for WordPress. - Offers responsive design, labels, and layout options. - Best for Elementor users; easy and customizable. ## What is WordPress Before After Slider Plugins? A WordPress Before After Slider plugin is a handy tool that allows you to showcase two versions of an image in a visually interactive way. It’s particularly useful for photographers, designers, or anyone who wants to highlight transformations such as photo editing, restoration, or a makeover. You can easily integrate this slider into your WordPress site. It helps visitors visually compare the "before" and "after" states of an image with the help of a draggable handle or slider placed in between. Some plugins provide various slider formats and customization options. You can adjust the size, and style, and even add animations to your images. ### Characteristics of Before and After Image Sliders - **A Slider Handle**: This is the part visitors can drag to compare the "before" and "after" images. It should be easy to use and move smoothly so anyone can see the difference without any trouble. - **Labels for Clarity**: It’s important to have labels like "Before" and "After" on the slider. This helps people quickly understand what they’re looking at. Plus, having the option to customize these labels is a bonus! - **Good Image Quality**: The images in the slider need to be clear and sharp. After all, the whole point is to show the transformation, so the pictures should look their best without slowing down the site. ## Best WordPress Before After Slider Plugins Compared | Sl.No. | WordPress Before and After Slider Plugins | Price (Starting From) | | ------ | ----------------------------------------- | --------------------- | | 1. | [Before After Image Comparison Slider by The Plus Addons](https://theplusaddons.com/elementor-widget/before-after-slider/) | Free + $39/yr | | 2. | [BEAF](https://wordpress.org/plugins/beaf-before-and-after-gallery/) | Free + $99/yr | | 3. | [Twenty20](https://wordpress.org/plugins/twenty20/) | Free (Basic Functionalities) | | 4. | [Before After Slider for Elementor](https://wordpress.org/plugins/before-after-image-comparison-slider-for-elementor/) | Free + $15/yr | ### 1. Before After Image Comparison Slider by The Plus Addons This is the best before after image slider WordPress plugin to consider for adding an interactive and creative image comparison slider to your WordPress site. There are 25+ animation effects available, also there are various layout options such as horizontal, vertical, and opacity mode. Also, there are multiple styling options for the slider such as the user can slide the bar based on mouse hover, on-mouse click, etc. You can also customize the separator color and width, you can add your desired icons on the separator too.  Along with that, you can give a particular position to the separator where you want to show it when the page loads. If you want to use the same image comparison slider all over your site and don’t want to design it again and again then with the help of a shortcode where you have to design it once and you can use it wherever you want on your site. Moreover, if you are someone who does not have good taste in design no need to worry there are also ready-made templates available on the demo page.  So with the help of its cross-domain copy-paste feature, you can simply copy the template from the demo page and paste it into your Elementor editor. #### Key Features of Before After Image Comparison Slider - **Easy to use: **You don’t have to be a techie to use this widget. Just drag and drop the widget in the editor, design it, and publish. - **Slider Editing: **There are various styling options for editing your slider such as you can customize the color and width, and you can even add your company’s logo on your slider. - **Versatile Orientation options**: There are three different layout options to show your sliders in that are horizontal, vertical, and Opacity mode. - **25+ Animation effects**: There are 25+ interactive animation effects available to choose from which helps you to showcase your comparison slider in the best possible way. - **Multiple interaction options**: Users can interact with the before-after slider on hover and on-click options. #### Pricing of Before After Image Comparison Slider Before After Image Comparison Slider is one of the 120+ widgets offered by The Plus Addons for Elementor. The free version can be downloaded from the WordPress repository. and pro plans start from $39/year. [Learn More](https://theplusaddons.com/elementor-widget/before-after-slider/) ### 2. BEAF ![](https://theplusaddons.com/wp-content/uploads/2024/12/BEAF.png) Second on our list is the Ultimate Before After Image Slider & Gallery. It is also a great WordPress before and after plugin to consider. With the help of this plugin, you can create 2-column, 3-column, and 4-column before after galleries. There are also various sliding options such as Auto slide and on-scroll slider. Not only 1 or 2 before after image but you can showcase before after image comparison of 3 images at a time. Moreover, if you go with a pro version, you will get 10 Horizontal and vertical slider styles to choose from. #### Key Features of BEAF - **Unlimited Sliders: **You can create as many before-after sliders as you need. Whether it’s for different pages or multiple comparisons on the same page. - **Multiple Layouts: **Choose between horizontal or vertical sliders based on what works best for your images. - **Easy Shortcode Integration: **With BEAF, you just copy and paste a shortcode to add your slider anywhere on your site. - **Responsive Design: **The sliders look great on all devices—be it a desktop, tablet, or smartphone. No need to worry about visitors having a bad experience. #### Pricing of BEAF The pricing plan of this plugin starts from $99 and goes up to $499. These are lifetime licenses where you have to pay once. Also, there is a free plan with basic functionality. [Learn More](https://wordpress.org/plugins/beaf-before-and-after-gallery/) *Want to learn how to create a before-after slider easily? Then check out this full step-by-step guide on* [***How to create a WordPress Before After Slider.***](https://theplusaddons.com/blog/wordpress-before-after-slider/) ### 3. Twenty20 ![](https://theplusaddons.com/wp-content/uploads/2024/12/Twenty20.png) This is a simple wordpress before-after-slider plugin that allows users to swipe between two images without any coding skills. This plugin is highly responsive and customizable means that a comparison slider will look good on all devices and you can design it however you want that matches your brand style. It is also compatible with almost all popular page builders like Elementor, Gutenberg, etc.  #### Key Features of Twenty20 - **Easy to Use: **You don’t need to be techy to use this plugin. It’s super user-friendly just add images, configure a few settings, and you’re good to go. - **Highly Responsive: **Your sliders will look great on any device, whether it’s a desktop, tablet, or phone. - **Shortcode Support: **With shortcodes, you can place your slider anywhere posts, pages, or even widgets. - **Customizable Slider**: This plugin allows you to edit event the slider so that it can match your brand. #### Pricing of Twenty20 This is a free before-after slider plugin that is available on the WordPress repository. [Learn More](https://wordpress.org/plugins/twenty20/) ### 4. Before After Slider for Elementor ![](https://theplusaddons.com/wp-content/uploads/2024/12/Before-After-Slider-for-Elementor.png) This before-after-image slider wordpress plugin is mainly created for Elementor. There are two orientations by which you can create your image comparison slider: horizontal and vertical. You can customize the comparison slider however you want that match your brand’s identity. You can add as many as before after the slider on your page with different image sizes. This plugin is compatible with all modern browsers and devices. Also, the before-after slider that you will make will be highly responsive and touch-friendly. #### Key Features of Before After Image Slider - **Multiple Slider Support**: Add as many sliders as you want on a single page or across different pages. Each slider can have its unique settings and style. - **Drag-and-Drop Simplicity**: Since it’s built for Elementor, you can easily add the slider to your pages by dragging and dropping the widget no coding is needed. - **Dynamic Content Integration**: You can use dynamic tags to pull images or labels directly from your database, making it perfect for showcasing real-time updates or personalized content. - **Adjustable Handle Style**: You can change the slider handle’s appearance to match your website’s branding change colors, size, or even the style of the draggable bar. #### Pricing of Before After Image Slider This is an open-source plugin that you can download for free from the WordPress repository. Also, the paid plans start from $15/yr for 1 site and goes up to $40/yr for unlimited sites. [Learn More](https://wordpress.org/plugins/before-after-image-comparison-slider-for-elementor/) ***Suggested Reading***: [*Best 8 Elementor Carousel Slider Widgets You Should Try*](https://theplusaddons.com/blog/best-elementor-carousel-slider-widgets/) ## Wrapping Up Using a WordPress before and after slider plugin can greatly improve your website's visual appeal. These sliders allow you to effectively showcase transformations, making them popular for various uses like beauty, home renovations, fitness, etc. Don’t forget to test the slider's settings. Adjust the speed of the transition and modify the appearance to match your website’s style. Also, Due to plenty of options available, it might be confusing to choose the best Before-after slider plugin for your site. But it depends on your preferences and requirements. Make sure the plugin you choose is **easy to use**, has **versatile layout options**, and has numerous **animation options**, also it should have a **slider editing option** so that you can match it with your brand identity. So if you are considering the same features for your before after slider plugin, then we highly recommend you choose the*** ***[***Before After Image Comparison Slider***](https://theplusaddons.com/elementor-widget/before-after-slider/) by The Plus Addons for Elementor. Moreover, the before after Image comparison slider is just one key widget by [The Plus Addons for Elementor](https://theplusaddons.com/). There are 120+ Widgets and Extensions that will help you create your dream Elementor site. Not only that, there are also 1000+ Elementor Templates available to choose from, no matter what business you are in there is a dedicated template for your particular business. ## FAQs on WordPress Before After Slider Plugins ### Can I add animations or effects to the slider? Yes, many before-after slider plugins allow animations or effects. For example, The Plus Addons for Elementor offers 25 stunning animation effects to make your slider more engaging. ### Do the before after slider plugins work on mobile devices? Yes, most before-after slider plugins work well on mobile devices. They’re built to adjust automatically to different screen sizes. Just make sure to check the plugin’s details or try a demo to see how it looks and feels on your phone or tablet. ### Can I add a comparison for more than two images? Some plugins allow comparisons for more than two images using advanced features like multi-layer sliders or tabs. ### Will the before after slider images slow down my website? A before-after slider plugin shouldn’t slow down your website if it’s well-optimized. However, using large images or multiple sliders on one page might affect performance. To avoid this, compress your images and choose a lightweight plugin. ### How to fix alignment or responsiveness issues with the slider? If the slider isn’t aligning or responding well, check your theme’s CSS or conflicting plugins. Ensure the slider settings are set to "responsive" and adjust margins or padding. Test it on different devices, and if issues persist, consult the plugin’s documentation or reach out to their support team --- # How to Add Custom Icons to Elementor? Source: https://theplusaddons.com/blog/add-custom-icons-to-elementor/ Want to give your website’s icons a unique touch that perfectly reflects your brand’s identity and colors? Now no more settling for limited icon choices or struggling with issues like the [Elementor icon library not loading](https://theplusaddons.com/docs/fix-elementor-icons-not-loading/). In this article, we’ll walk you through simple and easy-to-follow steps to add custom icons to Elementor website. We’ll also share a reliable and speed-optimized plugin that will help you add animations to SVG icons without any coding. So, let’s get started! ## What are Custom Icons in WordPress? Custom icons in WordPress are personalized graphical symbols that are designed to meet the specific needs of a website. These icons are helpful over pre-designed icons because they help strengthen your website's branding by aligning icons with your brand’s unique identity. They can be designed to fit the look and feel of your site, helping visitors easily understand ideas and navigate content. For example, a cafe website might use a coffee cup icon for navigation, while a healthcare site could use a stethoscope icon to highlight its services. Custom icons can also make your social media links, buttons, and calls to action more attractive. They add both functionality and style to your website. ## What are the Different Types of Custom Icons Available? There are primarily three types of icons commonly used for websites: 1. **Icon Fonts** Icon fonts use symbols or icons instead of letters. They’re widely used in WordPress themes and page builders like Elementor. For example, in Elementor’s widget panel, the default icons belong to Font Awesome. With Elementor, you get access to a library of over 1,500 free Font Awesome 5 icons. These icons are scalable, and lightweight, making them popular for web design. **2. ****SVG (Scalable Vector Graphics)** SVG icons are images made from code (XML) that can scale without losing quality. They are ideal for animations and optimized for faster website performance. Since SVGs are text-based, search engines like Google can easily read them, improving your website's SEO. SVGs are also Web Accessibility Initiative (WAI)-friendly, making them accessible for screen readers and enhancing usability for all users. 3. **PNG (Portable Network Graphics)** PNG icons are pixel-based images that work well for detailed graphics. However, they are not scalable like SVGs. PNG files are typically larger, which can impact your website’s loading speed. While PNGs are suitable for complex visuals, SVGs are often a better choice for icons due to their scalability and speed optimization. Regarding SEO, speed, and accessibility, SVG icons are the best choice for adding custom icons in Elementor. ***Recommended Read:** *[*JPG Vs PNG: Which Format Improves Site Speed?*](https://theplusaddons.com/blog/jpg-vs-png/) ## How to Add Custom Icons to Elementor [Step-by-Step] To add custom icons to your site using Elementor, you need to use its [pro version](https://go.posimyth.com/recommends/elementor/). Below, we’ll discuss the two methods for adding custom SVG icons to your website. The first method is adding custom icons using Elementor Pro, and the second method is adding custom icons using a free third-party plugin. ### Method 1: Add Custom Icons using Elementor Pro Now, let’s look at the steps to upload custom icons to your website. **Step 1: Download Your Custom Icons Zip File** If you want to upload your custom icon fonts, then first you need to make sure you have downloaded your custom icon font zip file. You can create and download custom icon font files using websites like ***Fontello****,**** Icomoon****, *or ***Fontastic***. If you are moving designs from Figma, check out our [Figma to WordPress guide](https://theplusaddons.com/blog/convert-figma-to-wordpress/) for exporting assets. Here, we'll use Fontello as an example. [Visit t](https://fontello.com/)[h](https://fontello.com/)[e website](https://fontello.com/) and click on the icons of your choice. ![](https://theplusaddons.com/wp-content/uploads/2024/12/icons-of-your-choice.png) As you’ll click on the icons they will be added to your folder. Once done, click the ***‘Download webfont***’ button at the top right-hand corner. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Download-webfont.png) This will download a zip file containing your icons. ***Recommended Read:** *[*How to Add Custom Fonts to Elementor [Easy Guide]*](https://theplusaddons.com/blog/add-custom-fonts-to-elementor/) **Step 2: Add Custom Icon to Elementor** Now, on your WordPress dashboard, go to* ****Elementor > Custom Icons***. Click on ***Add New Icon Set**** *and give your icon set a name. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Add-New-Icon-Set.png) If you're creating a unique Elementor custom icons library, you’ll download the custom icon font zip file in the upload section. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Elementor-custom-icons-library.png) **Step 3: Upload Custom Fonts/SVG** Then, open the page where you want to add an icon and click on ***Edit with Elementor***.  Drag and drop the icon widget into your desired section or column. Next, click on the*** Icon Library***. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Upload-Custom-Fonts-SVG.png) Alternatively, you can also click on*** ***the ***Upload SVG*** option to upload your custom SVG icon. In case you selected the Icon Library option, then you need to select the folder you named in 'Enter Icon Set Name.'  Doing so, your custom icons folder will open. Select your icon, and finally, hit the** *****Insert*** button. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Insert-button.png) If you select the Upload SVG option, then an upload section will appear where you can add your custom SVG icon. Now, you can style your icon using the ***Style*** tab in the icon widget. ### Method 2: Add Custom Icons using a Free Plugin You can also add custom icons to your website using a free plugin - [Custom Icon for Elementor](https://wordpress.org/plugins/custom-icons-for-elementor/). It’s a third-party plugin, and you need to check its compatibility with your website. The process will vary slightly, but it also works the same way as lets you upload your generated custom icon files to your website. ## BONUS: How to Add & Animate SVG Icons in Elementor? If you want to add and animate SVG icons in Elementor to give your website a unique look, you can use the **[Animated SVG Draw for Elementor](https://theplusaddons.com/elementor-widget/draw-animated-svg-icon/) **from The Plus Addons for Elementor.  With this widget, you can easily animate custom or pre-built SVG icons, giving your site a dynamic and interactive feel. The widget offers customization options like hover effects, looped animations, and control over drawing speed, allowing you to perfectly align the animations with your website's design. **However**, by default, WordPress doesn't allow SVG file uploads due to potential security risks. To use your SVG file with the Draw SVG widget, you can check its compatibility with [Vivus Instant](https://maxwellito.github.io/vivus-instant/). Simply drag and drop your SVG file into Vivus Instant. If it animates, it means it’s ready to use with the Draw SVG widget. If it doesn’t animate, you’ll need to modify the SVG file and test it again. Here's a quick video tutorial for you: https://youtu.be/mUSu64Y0YoI For written instructions, continue reading.. To use the* **Draw SVG widget***, ensure you have [***The Plus Addons for Elementor***](https://theplusaddons.com/)*** ***free and pro version. Make sure the widget is activated. **Now you might ask how to do so.** Go to your WordPress dashboard, click on ***The Plus Addons***, and select the ***Widgets*** option from the left sidebar. Then, type ‘Draw SVG’ in the search bar and toggle it on. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Draw-SVG.png) Next, open the page where you want to add the SVG icon. Now, drag and drop the ***Draw SVG widget*** into the desired section. You’ll find 3 tabs - ***Content***, ***Style***, and ***Advanced***. You’ll find the following options in the Content tab: ![](https://theplusaddons.com/wp-content/uploads/2024/12/Draw-SVG-widget.png) - **Select SVG** – Choose from pre-built SVGs or upload your custom SVG file. - **Alignment** – Set the alignment of the SVG icon. - **On Hover Draw Toggle** – Play the animation on mouse hover. - **Loop Draw Toggle** – Play the animation in a loop. ### How to Style Custom SVG Icons? In the* ****Style*** tab, you can apply styling to your custom icon. Here are the options you’ll find: ![](https://theplusaddons.com/wp-content/uploads/2024/12/Style-tab.png) - **Select Style Image** – Choose the SVG drawing style. - **Duration** – Manage the drawing speed. - **Max Width Style** – Set the maximum width of the SVG. - **Min Width SVG** – Set a minimum width for your SVG (when activated, max width will be hidden). - **Border/Stroke Color** – Change the border color of the SVG. - **Fill Color** – Fill color in the SVG icon. - **On Scroll View Animation** – Add scrolling animations to your SVG icon. *Want to change the color of your SVG icons? Here's a step-by-step guide on *[***How to Change Custom SVG Icons Color in Elementor***](https://theplusaddons.com/blog/how-to-color-custom-svg-icons-in-elementor/)*.* From the* ****Advanced*** tab, you can apply further customizations, such as adding parallax effects, overlay special effects, and setting continuous animations. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Advanced-tab.png) Once done with all the customizations, hit the ***Publish*** button on the Elementor editor sidebar. ***Bonus Read:** *[*How to Add Parallax Effect in Elementor [Beginners Guide]*](https://theplusaddons.com/blog/add-parallax-effect-in-elementor/) ## Wrapping Up Adding custom icons to your Elementor site doesn’t have to be a challenge. With this article, you’ve got a step-by-step approach to make your website’s icons truly represent your brand identity. Along with icons, pairing the right [programming fonts](https://theplusaddons.com/blog/best-programming-fonts/) can further elevate your design. We also explored the [**Animated SVG Draw widget for Elementor**](https://theplusaddons.com/elementor-widget/draw-animated-svg-icon/)** **by The Plus Addons, a tool to help you smoothly add and animate custom SVG icons. This widget not only gives your website a unique touch but also elevates the user experience. **Looking to take things further?** The Plus Addons for Elementor offers an impressive suite of widgets, including Animated Service Boxes, Carousels, and Advanced Buttons. These widgets can further add functionality, style, and interactivity to your site, transforming it into a powerhouse of design and performance. ## FAQs on Adding Custom Icons to Elementor ### Does Elementor support third-party icon libraries? Yes, Elementor supports third-party icon libraries. You can integrate libraries like Font Awesome or use custom icons by uploading SVG or icon font files. ### How to get free custom icons for WordPress? You can find free custom icons on websites like Font Awesome, Flaticon, or Iconfinder. Download the icons in a compatible format, such as SVG, and upload them to your WordPress site. ### How do I add custom icons to Elementor free? In Elementor Free, you can use custom icons by uploading SVG files to your WordPress media library and inserting them into your design using the **Image** widget. ### Does Elementor have icons? Yes, Elementor has a built-in icon library, including Font Awesome and other icon sets, which you can use directly in widgets like **Buttons**, **Menus**, and **Icon Boxes**. ### Why are my Elementor custom icons not working? Custom icons may not work due to missing font files, incorrect file paths, or conflicts with other plugins. Ensure your icon library is properly integrated, and check your browser console for errors. Also, verify your SVG upload settings are enabled under Elementor settings. ### Can I use SVG icons in Elementor, and how do I upload them? Yes, Elementor supports SVG icons. To easily upload them, you can use the Draw SVG widget by The Plus Addons for Elementor. --- # How to Password Protect a Page in WordPress [Easy Steps] Source: https://theplusaddons.com/blog/how-to-password-protect-a-page-in-wordpress/ If you have a WordPress website or page that you don't want visitors to access yet, a question that often arises is how to password-protect a page in WordPress. Password protection for a particular WordPress page is a good idea if you want to control who sees specific content, reduce security issues, or gate-published pages while you're editing them. WordPress password protection can help protect any sensitive information from unauthorized users in the backend or publish exclusive, protected content. So, how do you password-protect a WordPress page? Thankfully, password-protecting your WordPress page or post is easy with built-in settings and third-party plugins in WordPress. Let's dive into the step-by-step process on how to password protect a page in WordPress using editor settings and plugins. ## Why Should You Password Protect a Page in WordPress? When you protect a page on your WordPress using a password, it is not visible publicly to your website visitors. Here are various reasons why you might want to protect your website page with a password- ![](https://theplusaddons.com/wp-content/uploads/2024/12/Password-Protect-a-Page.png) - **To limit content visibility:** You can restrict public access to certain pages of your website, such as under-construction pages, drafts, or unedited work. Visitors won't be able to see the password-protected content, but you can still collaborate easily with your team members. - **To ensure privacy:** If a WordPress page contains sensitive information such as client details or financial documents, you can use the password protection feature to hide it from unauthorized content access. - **To share exclusive content:** Password-protecting your WordPress page is an excellent way to share premium content for your members-only website. You can easily manage members and ensure that only paying members get access to exclusive content. - **To prevent search engine indexing:** Password-protected pages are not indexed by the search engine, so they don't show up on the search engine. ## How to Password Protect a Page in WordPress [Step-by-Step Methods] Password-protecting your entire WordPress site content is easy with these two simple methods. Let's explore them one by one. ### Method 1: Using The WordPress Editor WordPress has a built-in feature to let you password-protect content. Here's how you can go about it- **1. Create a new page or edit an existing one** From your WordPress admin dashboard, go to ***Pages/Posts*** to create new content or open existing pages or posts that you want to password-protect.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/Create-a-new-page.png) **2. Set password-protected visibility** Once you're done editing the page, go to the ***Page/Post*** tab on the right and click on the ***Draft*** link next to ***Status****.* ![](https://theplusaddons.com/wp-content/uploads/2024/12/Set-password-protected-visibility.png) This will open the status and visibility dialogue box. Here, check the *"****Password Protected****"* box and create a strong password in the box below. ![](https://theplusaddons.com/wp-content/uploads/2024/12/create-a-strong-password.png) **3. Publish the protected WordPress page** Publish the page or post and visit your website to check if it works. *Restrict unauthorized access to your WordPress backend and protect your login. Learn *[***How to Secure WordPress Login Page in 11 Ways**.*](https://theplusaddons.com/blog/how-to-secure-wordpress-login-page/) ### Method 2: Using a Plugin A password-protect WordPress plugin is another great way to protect your WordPress site. You can use a lightweight widget, like [Elementor Protected Content](https://theplusaddons.com/elementor-widget/protected-content/) from The Plus Addons for Elementor, to restrict sensitive content on your site in multiple ways. Here's how you can use this plugin- **1. Install and activate The Plus Addons for Elementor** On your WordPress dashboard, go to ***Plugins > Add New*** and search for **The Plus Addons for Elementor**. Install and activate the plugin. **2. Enable protected content widget** Once you've activated the plugin, go to ***ThePlus Addons*** on the admin dashboard and navigate to ***Widgets****.* Search for the ***Protected Content*** widget and turn on the toggle. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Enable-protected-content-widget.png) With this widget enabled you can easily add a single password and multiple passwords to protect your content, restrict content based on different user roles, and add protected content with an Elementor template. **3. Password protect WordPress page** Open the page where you want password protection using the plugin. Start by saving the entire WordPress page as an Elementor template. Next, remove all the content from the page, update, and reload the page. Drag and drop the Protect Content widget to the page. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Password-protect-WordPress-page.png) Navigate to the ***Edit Protected Content*** on the left and select ***Page Template**** *from the ***Content Source*** tab. Select the template you've saved from the ***Elementor Templates*** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Navigate-to-the-Edit-Protected-Content.png) From the ***Protection Type**** *dropdown, you can select if you want to put in single or multiple passwords or restrict access based on user role. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Protection-Type-1.png) Then, you can set a secure password, and your page will be restricted from unauthorized access. ![](https://theplusaddons.com/wp-content/uploads/2024/12/set-a-secure-password.png) You can also customize the message you want to display on the protected page and stylize the password page easily. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Edit-the-content-protected.png) ***Further Read:** Compete Guide on *[*How To Create Elementor Password Protected Page*](https://theplusaddons.com/blog/elementor-password-protected-page/) ## Wrapping Up WordPress password-protected page will help you restrict access to certain WordPress pages or posts that you don't want to show your visitors. It not only enhances your website privacy and limits content visibility but is also a good way to share premium content with visitors if you have a members-only website page. Plus, password-protecting your page is easy with WordPress plugins like The Plus Addons for Elementor. Its [Protected Content](https://theplusaddons.com/elementor-widget/protected-content/) widget is a simple tool that makes it easy to add a password to your website content. It further lets you choose from protection type, add a custom message on the protected content, and even customize the said content easily. But that's not it. [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/) is a complete WordPress plugin featuring 120+ unique widgets to elevate the features and functionality of your site. Install the plugin to explore all the amazing features it has to offer. ## FAQs on Password Protecting a Page in WordPress ### How secure is WordPress password protection? WordPress password protection only offers a basic level of security by restricting access to specific pages or posts. However, it doesn't encrypt the content. For sensitive information, you can also consider security measures like two-factor authentication. ### What is the difference between private and password-protected WordPress? Private pages are only accessible to logged-in users with appropriate permissions, such as administrators or editors. Password-protected pages, on the other hand, allow anyone with a password to view the content. ### Will password-protecting a page affect SEO? Password-protected pages are not indexed by search engines by default, which prevents them from appearing in search results. If SEO visibility is important, you can avoid password protection. Instead, you can use other methods like user roles to control access. ### Is it possible to use multiple passwords to protect a page or post? The built-in WordPress feature doesn't support multiple passwords for a single page or post. However, plugins like Elementor Protected Content from The Plus Addons for Elementor enable advanced features, such as the ability to put in multiple passwords. ### How to make my WordPress site private? To make your site private, you can enable privacy settings under "Reading Settings" in the WordPress dashboard. This restricts access to authorized users only. ### Is my site secure if I password-protect it? Password protection adds a layer of security, but it isn't foolproof. Content will still be accessible in the site's source code or database. For maximum protection, you can combine password protection with HTTPS, secure hosting, and plugins offering features like encryption. ### How to remove a password from a page? To remove a password, edit the page or post in WordPress, navigate to the "***Visibility***" settings under the Post tab, and select "***Public***" instead of "***Password Protected***". Save your changes, and the content will no longer require a password to access. ### What to do if I forget the password I set for a page? If you forget the password, edit the page or post in WordPress. Under the "***Visibility***" settings, reset the password to a new one. ### Can I restrict access to a WordPress page based on user roles instead of passwords? Yes, WordPress allows access control based on user roles. Elementor Protected Content widget lets you restrict certain WordPress content based on specific user roles. --- # 6 Best WordPress Pricing Table Plugins Source: https://theplusaddons.com/blog/best-wordpress-pricing-table-plugins/ Failing to showcase your pricing options clearly on your WordPress site? Confusing layouts and lack of flexibility can turn potential customers away. Imagine losing sales simply because visitors couldn’t find the right plan or compare options easily. A messy pricing table can make your business appear unprofessional and untrustworthy. This is where the WordPress pricing table plugin takes the spot, it helps you to add a pricing table to your site without any kind of technical knowledge. In this article, we’ll take a look at the top six WordPress pricing table plugins that you can consider, There are also best practices that can help you create the perfect pricing table. ## What are WordPress Pricing Table Plugins? WordPress pricing table plugins are tools that help you display pricing plans or packages on your website in a clean and organized way.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/WordPress-Pricing-Table-Plugins.png) *Demo image of pricing table created using [**Pricing Table widget by The Plus Addons for Elementor**](https://theplusaddons.com/elementor-widget/elementor-pricing-table/)* They’re perfect for showcasing different options, like services or product tiers, so visitors can easily compare features and prices. These plugins are super handy because they let you customize the look, add features like monthly/yearly toggles, and ensure the tables look great on any device.  If you’re running an agency or selling digital products, a pricing table plugin makes your pricing clear, user-friendly, and professional. ## Why You Should Use Pricing Tables in Your WordPress Site Pricing tables are important because they make it easy for visitors to understand and compare your services or products at a glance. Instead of confusing them with text, a pricing table neatly organizes your pricing, features, and options in one place. They also help highlight the value of your offerings, making it easier for users to decide which plan or product works best for them. Moreover, a well-designed pricing table adds a professional touch to your site and improves user experience. As you know why it is important to add a pricing table to your site let’s have a look at some points that you have to consider while creating a pricing table for your site.  ### 6 Best Practices to Create a Perfect Pricing Table ![](https://theplusaddons.com/wp-content/uploads/2024/12/Best-Practices-for-creting-a-pricing-table.png) 1.** Make It Easy to Read**: Keep the design clean and simple so visitors can quickly understand your plans and pricing without confusion. 2. **Highlight the Best Option**: Show your most popular or recommended plan clearly with a different color or label, so people know where to focus. 3. **Focus on What Matters**: List only the most important features that your users care about, not every little detail. 4. **Use Clear Buttons**: Add clear and noticeable buttons like "Buy Now" or "Start Free Trial" to guide users to take the next step. 5. **Give Flexible Pricing Options**: Include options like monthly or yearly pricing toggles so users can pick what suits their budget. 6. **Make It Mobile-Friendly**: Check that the pricing table works well on phones and tablets since many people browse on the go ## Best WordPress Pricing Table Plugins | Sl. No. | WordPress Pricing Table Plugins | Price (Starting From) | | ------- | ------------------------------- | --------------------- | | 1. | Pricing Table by The Plus Addons for Elementor | Free + $39/yr *(Access to 120+ Widgets & Extensions)* | | 2. | Easy Pricing Table | Free + $49/yr | | 3. | Responsive Pricing Table | Free + $19/yr | | 4. | Pricing Table by PickPlugins | Free + $9/yr | | 5. | wpDataTables | Free + 3,317 | | 6. | Tableberg | Free + $49/yr | ### 1. Pricing Table by The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2024/12/Pricing-Table-by-The-Plus-Addons-for-Elementor.gif) Pricing Table by The Plus Addons for Elementor is considered the best WordPress pricing table widget that allows you to create a dynamic pricing table for your WordPress site without writing a single line of code. There are multiple layouts available to choose from and this pricing table widget is very responsive and looks good on all sorts of devices.  In the pricing table, you can show as many as features you want in a clean and easy-to-navigate layout, also you can add the year/monthly toggle button so that users can choose what pricing package suits them best. This pricing table widget allows you to customize different parts of the pricing table separately including the Title Section, pricing section, and content description they have their own styling options. To make your pricing table more content rich there are built-in SVG and icons option that helps your table look more attractive and interactive. You can also customize the background color, button color, and every other thing that makes your pricing table look according to your wants that match with your brand color. Also, there is no need to add or create a pricing table from scratch, with the help of the [**Cross Domain Copy-Paste**](https://theplusaddons.com/elementor-extras/cross-domain-copy-paste-content/) feature, you can simply copy the desired ready-made template from the demo page and paste it on your page editor. If you want to know more about this pricing table widget check out this detailed video. https://youtu.be/9V0E9mFmaro?si=N-oUeBqtBajxGbc- #### Key Features of Pricing Table by The Plus Addons for Elementor When selecting a WordPress pricing table plugin, consider the following key features that enhance your website's functionality and appeal: - **Responsive Design**: The pricing table that you will make will look good on all devices such as Mobiles, tablets, monitors, etc. - **Customization Options**: you can customize the look and feel of your pricing table however you want that matches with your brand color. - **Ready-Made Templates**: There are plenty of ready-made templates available to use, just copy it from the live site and paste it into your editor. - **Shortcode Availability**: No need to create the same design again and again, you can use the same design everywhere using a shortcode. - **Add Monthly/Yearly Toggles**: Let visitors switch between monthly and yearly pricing to find an option that works best for them. - **Tooltips**: Add small tooltips to give more details about specific features without cluttering the design. #### Pricing of Pricing Table by The Plus Addons for Elementor This is a freemium pricing table widget and comes with the package of The Plus Addons for Elementor. The paid plans start at $39/yr for 1 site and goes up to $169/yr for unlimited sites. After buying the pro version, you can access all the premium features of this widget. Along with that, you will get access to all 120+ widgets, extensions, and 1000+ Elementor Templates. [Learn More](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) ### 2. Easy Pricing Table ![](https://theplusaddons.com/wp-content/uploads/2024/12/Easy-Pricing-Table.png) As the name suggests Easy pricing table, this pricing table WordPress plugin helps you to create an interactive pricing table easily without writing any single line of code.  This pricing table plugin is highly customizable and responsive means you can modify the table however you want that match your brand identity and also look good on all devices. If you don’t want to create a pricing table from scratch then there are 9 pre-designed templates available just modify them and you are good to go. You can also make your pricing table content rich by adding tooltips, images, icons, etc that help to attract visitors and eventually increase sales. #### Key Features of Easy Pricing Table - **User-Friendly Interface**: You can create and customize pricing tables directly from the post editor without any coding knowledge. - **Customizable Designs**: Choose from multiple beautiful designs and fully customize elements such as colors and fonts. - **Inline Images**: You can add images directly within your pricing tables for better visual appeal. - **WooCommerce Integration**: The plugin provides one-click integration with WooCommerce, facilitating e-commerce functionalities. #### Pricing of Easy Pricing Table Easy Pricing Table is an open-source software that you can download from the WordPress repository. Also, there are paid plans starting from $49/year for 1 site and goes up to $129/year for unlimited sites. [Learn More](https://wordpress.org/plugins/easy-pricing-tables/) ***Suggested Reading***: [*5 Best Elementor Form Builder Plugins*](https://theplusaddons.com/blog/best-elementor-form-builder-plugins/) ### 3. Responsive Pricing Table ![](https://theplusaddons.com/wp-content/uploads/2024/12/Responsive-Pricing-Table.png) Third on the list is the Responsive pricing table. This pricing table plugin allows you to create a responsive pricing table that looks good on all sorts of devices such as tablets, mobile, etc.  You can showcase as many pricing tables as you like and wherever you want with the help of a simple shortcode.  Also, you can add custom payment buttons such as Stripe, Paypal, etc on your pricing table.  If you go with the premium plan then you can also add feature tooltips when users hover over or click on an icon next to a feature, a tooltip appears, displaying concise information. #### Key Features of Responsive Pricing Table - **Easy to use**: The responsive table plugin is very easy to use, you don’t need to be a tech geek to use this plugin. - **Highlight Plans**: You can highlight any pricing plan or package from the group of 3 which is considered a good marketing strategy. - **Price Toggle Button**: This feature allows your users to toggle between the month and year to see the price difference so that they can compare the billing cycle. - **Hover Effects**: These animations improve user interaction, making tables visually attractive and engaging. #### Pricing of Responsive Pricing Table This is a freemium WordPress Pricing table. The free plan comes with basic functionality. The price of the paid plan starts from $19/year for 1 site. [Learn More](https://wordpress.org/plugins/dk-pricr-responsive-pricing-table/) ***Read More***: [*6 Best Elementor Search Filters Plugins for Everything*](https://theplusaddons.com/blog/best-elementor-search-filters/) ### 4. Pricing Table by Pick Plugins ![](https://theplusaddons.com/wp-content/uploads/2024/12/Pricing-Table-by-Pick-Plugins-1.png) Pricing Table by PickPlugins generates a pricing table by purely using the HTML and CSS3 grid to avoid any kind of slow-loading designs and also it is a very lightweight pricing plugin due to the absence of javascript. There are various styles in which you can create a pricing table such as a hosting-style grid or a flat grid.  Also, you can customize the blank field by hiding it or simply put a cross to showcase the unavailable feature for a simpler and cleaner look. #### Key Features of Pricing Table by PickPlugins - **Unlimited Pricing Tables: **Create as many pricing tables as you need without limitations, perfect for businesses with multiple plans or products. - **Customizable Design: **There are a lot of different colors, fonts, and layouts to match your brand, ensuring a professional look. - **Responsive and Mobile-Friendly:** The pricing table is very responsive and looks great on all devices. - **Blank Field Display Options: **Choose to hide blank fields or display them with a cross icon, improving clarity for users. #### Pricing of Pricing Table by Pick Plugins This pricing table WordPress plugin has free as well as paid versions. The price of the paid plan starts from $9/year and goes up to $109/yr. There are also lifetime plans where you have to pay once. [Learn More](https://wordpress.org/plugins/pricingtable/) ***Further Read***: [*4 Best Elementor Translation Plugins for Multilingual Websites*](https://theplusaddons.com/blog/best-elementor-translation-plugins/) ### 5. wpDataTables ![](https://theplusaddons.com/wp-content/uploads/2024/12/wpDataTables.png) WpDataTables is a powerful WordPress plugin designed for creating responsive tables and charts. It supports various data types and can be easily integrated with other WordPress features. The pricing table is a broader part of wpDataTables that allows you to create dynamic pricing tables for your business site. You can even customize your pricing table however you want using CSS that matches your brand color. Also, there is a sorting and filtering options by which user can easily check whether their desired feature is available or not. #### Key Features of WpDataTables - **Interactive and Customizable Tables: **Create pricing tables that are fully interactive, customizable, and visually attractive, with options to adjust colors, fonts, and layouts. - **Responsive Design: **Ensure your pricing tables look great on all devices such as desktops, mobiles tablets, etc. - **Calculations**: Add calculations directly to your pricing tables to show totals, averages, or other key metrics. - **Custom CSS Support: **Personalize your tables further by adding custom CSS for unique branding and design needs. #### Pricing of WpDataTables This WordPress Pricing table plugin has a free plan with basic functionality. Also, there are paid plans whose prices start from 3,317/yr for 1 site and goes up to 10,262/yr for unlimited sites. There are also lifetime plans where you have to pay only once. [Learn More](https://wordpress.org/plugins/wpdatatables/) ***Read More***: [*5 Best FAQ Plugins for WordPress [Free Q&A Templates]*](https://theplusaddons.com/blog/best-faq-plugins-for-wordpress/) ### 6. Tableberg ![](https://theplusaddons.com/wp-content/uploads/2024/12/Tableberg.png) Tableberg is a Gutenberg-only table plugin that allows you to create responsive tables within minutes. It is perfect for making any table, including pricing tables. With its 7+ sub-blocks, anyone can easily create pricing tables without coding.  You can create your pricing table from scratch or select one from the table template library. Numerous tables have been designed to help you get started quickly. If you choose the table templates, you must edit the data to make it suitable for your website.  Again, you can add Table Toggles, which allow you to create subscription-based or toggle-based pricing tables for different subscription scenarios. Furthermore, the tables are responsive and highly customizable.  #### Key Features of Tableberg - **7+ Sub-blocks: **Sub-blocks consist of images, Buttons, star ratings, icons, etc. for creating tables.  - **Table Toggles: **Table Toggle options are included to create pricing tables with toggles. You can create unlimited table toggles and assign tables to them.  - **Table Template Library: **It has numerous pre-built tables, allowing you to create different types of tables in minutes.  -  **Responsive Tables: **All of the tables are responsive by nature. Therefore, they will fit according to the device’s screen ratio.   #### Pricing of Tableberg Try Tableberg for free. The pro version costs $49 yearly for a single website. [Learn More](https://tableberg.com/) ## Which WordPress Pricing Table Plugin You Should Choose? Choosing the perfect WordPress pricing table for your site is a little a daunting task with so many options available. But you can easily filter out the perfect plugin according to your business type, requirements, and preferences. Here are some of the points you can consider while choosing the best WordPress pricing table plugin for your site. Firstly, choose the pricing table plugin that is **easy to use**, which means that while creating a pricing table you don't need to write any complex code. Second, when choosing the plugin make sure it has **multiple customization options** so that you can edit it the way you want. Third, there should be a **shortcode integration**, so that you don’t have to create the same design again and again. With the pricing table, you be able to add as many features as you want without cluttering the table and also you can add the monthly/yearly toggle button for the user's convenience. So if you are considering the same factors, then we highly recommend you use the Pricing Table Widget by The Plus Addons for Elementor. It has all the features mentioned above and many more amazing features that will help you create a perfect pricing table for your WordPress site. Moreover, if you are an Elementor user and constantly looking for ways to improve your site’s design then [**The Plus Addons for Elementor**](https://theplusaddons.com/) is the only plugin you need.  With its 120+ Widgets and Extensions, you can create and design a site that you have never imagined. Not only this there is access to 1000+ ready-made Elementor templates for every business. ## FAQs on Best WordPress Pricing Table Plugins ### Do I need coding knowledge to use WordPress pricing table plugins? No, you don’t need coding knowledge to use WordPress pricing table plugins. Most plugins are beginner-friendly and come with drag-and-drop builders or simple customization options within the WordPress editor. ### Can I use a pricing table for showcasing product comparisons? Yes, you can use a pricing table to showcase product comparisons effectively. The pricing table plugin allows you to list features side by side, highlight differences, and include icons or tooltips for clarity. ### Is it possible to integrate pricing tables with payment gateways or checkout pages? Yes, you can integrate pricing tables with payment gateways or checkout pages. Many WordPress pricing table plugins let you add call-to-action buttons that link directly to payment platforms like PayPal, Stripe, or WooCommerce. ### Do pricing tables help with SEO? Yes, pricing tables can help with SEO by enhancing user experience and keeping visitors engaged on your site longer. Clear and well-structured tables improve readability, which search engines value the most. --- # How to Fix Missing Appearance Menu in WordPress Admin? Source: https://theplusaddons.com/blog/how-to-fix-missing-appearance-menu-in-wordpress-admin/ Want to edit the look of your website but can't find the appearance menu? Learn how to fix the missing appearance menu in WordPress admin and start editing your website again.  If you want to edit your website's theme, change colors, customize the layout, or adjust the website, you'll likely start by heading to the Appearance menu in your WordPress dashboard. **But what happens when it vanishes?**  Several WordPress errors can cause the Appearance menu to disappear, limiting your ability to manage themes, customize your design, create navigation menus, or add widgets. This can be incredibly frustrating as now you're stuck with a website that you can't visually modify.  In this article, we explore different working methods that you can try to bring the appearance menu back so that you can continue working on your website.  ## What is the Role of Appearance Menu in WordPress?  The Appearance menu is your control panel for everything related to the visual design, layout, and overall look and feel of your WordPress website. **So, where is Appearance in WordPress?** You'll find the Appearance menu on the left side of your WordPress dashboard, which is usually one of the main menu items you can access after logging in.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/Role-of-Appearance-Menu-in-WordPress.png) The menu usually allows you to navigate to submenus like:  - **Themes: **Manage and switch between different themes to change your site's overall design. - **Customize:** Use the WordPress Customizer for real-time previews of changes like colors, fonts, and layouts. - **Widgets:** Add, remove, or configure widgets in your site's sidebars, footers, or other widget-ready areas. - **Menus:** Create and organize your site's navigation menus for a better user experience. - **Theme File Editor:** Edit your theme's code directly. The Appearance menu is where you would go if you want to edit the overall appearance of your website, choose a theme that matches your brand, tweak colors and fonts, create user-friendly navigation menus, and add functionality with widgets.  ### What Causes the Appearance menu to disappear from the WordPress Admin Dashboard?  Before we discuss methods to bring your WordPress Appearance menu back, let's explore why it may have disappeared in the first place. Some common reasons for the WordPress Appearance editor missing may be: ![](https://theplusaddons.com/wp-content/uploads/2024/12/common-reasons-why-the-WordPress-Appearance-editor-is-missing-may-be.png) #### 1. User Role Restrictions WordPress assigns specific capabilities to different user roles such as Administrator, Editor, Author, Contributor, and Subscriber. If you're logged in as a user with limited permissions (like an Editor or Author), you may not see the Appearance menu. This is because only users with administrator roles have access to certain customization features to prevent unauthorized changes to the site's design.  #### 2. Theme Compatibility Issues Some themes, especially outdated versions or poorly coded ones, may not support standard WordPress features like the Appearance. If your theme does not support navigation menus or widgets, the corresponding options in the Appearance menu might disappear. This issue usually occurs with custom or niche themes that override default WordPress settings.  #### 3. Plugin Conflicts Plugins extend the functionality of your WordPress site, but they can sometimes interfere with each other or with core features. A plugin that modifies dashboard settings, user roles, or capabilities can hide the Appearance menu. #### 4. Custom Code in functions.php The functions.php file in your theme is used to add custom PHP code to enhance or modify your site's functionality. However, a small error in this file, such as a missing semicolon or incorrect function, can break your admin dashboard. If the code explicitly does not support features like menus or widgets, it can cause the Appearance menu to disappear entirely. #### 5. Corrupted WordPress Core Files An incomplete or failed WordPress update can lead to corrupted core files. If essential files are missing or damaged, certain features in your admin dashboard, including the Appearance menu, may not function correctly or may disappear. *Facing speed issues with your WordPress dashboard? Here's *[***how to fix a slow WordPress Admin Dashboard**.*](https://theplusaddons.com/blog/slow-wordpress-admin/)* * ## How to Fix Missing Appearance Menu in WordPress Admin [Working Methods]  Now explore different methods you can try to fix the WordPress appearance menu not showing up on your dashboard. Since the root cause of the missing Appearance menu might not be immediately clear, you may need to try several of these solutions to resolve the issue.  > ***Note: **Before proceeding with the following methods, back up your WordPress site. You can use one of the top *[***WordPress backup plugins***](https://theplusaddons.com/blog/best-wordpress-backup-plugins/)*. Some of the solutions involve editing core files or deactivating plugins, which can affect your site's functionality. Having a backup ensures you can restore it to its original state.* ### 1. Check User Roles and Permissions WordPress has a built-in user role management system that defines what a user can and cannot do. If you're not logged in as an Administrator, you might not have access to certain menus, including the Appearance menu. Login to your WordPress Admin Dashboard and then navigate to ***Users > All Users***. Here, you'll find a list of usernames that have access to the website. Find your username in the list. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Find-your-username-in-the-list.png) Check the Role column next to your username. It should say, Administrator. If your role is not administrator, you'll need someone with Administrator access to give you the administrator role. An existing Administrator can click Edit under your username and select Administrator in the Role dropdown.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/Administrator-in-the-Role-dropdown.-1-1.png) Once you log back in, the Appearance menu will appear.  ### 2. Use a Default WordPress Theme Sometimes, custom or outdated themes can cause conflicts that result in the Appearance menu disappearing. Switching to a default WordPress theme like [Twenty Twenty-Five](https://wordpress.org/themes/twentytwentyfive/) can help determine if the issue is theme-related. Usually, you would access Themes through your Appearance menu. If the Appearance menu is entirely missing, you can switch themes using your FTP client or your hosting provider's File Manager. Navigate to wp-content/themes/. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Navigate-to-wp-content-themes.png) Rename your current theme folder by right-clicking it. For example, Theme to Theme_old. This forces WordPress to a default theme.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/Rename-your-current-theme-folder.png) Now, log back into your WordPress dashboard to see if the Appearance menu has reappeared.  *Do not prefer the default themes? Here are the *[***Best WordPress Themes***](https://theplusaddons.com/blog/best-wordpress-themes/)* you can consider.* ### 3. Update Your Current Theme An outdated theme may not be compatible with the latest version of WordPress, causing functionality issues like the missing Appearance admin menu. Before updating your current theme, back up your theme files in case you need to revert. Now, go to the ***Dashboard > Updates*** and look for available updates under the Themes section. Select your theme and click the Update button. ![](https://theplusaddons.com/wp-content/uploads/2024/12/image-2.png) You can also update your theme manually. To do this, download the latest version of your theme and visit the theme developer's website. Then, use FTP or File Manager to upload the new theme files to wp-content/themes/, replacing the old ones. If an outdated theme was the issue, you'll see that the WordPress menu not showing issue has been resolved when you log back in.  ***Note:**** If you have customized your theme, consider using child themes to preserve these changes before editing themes.* *Looking for compatible, performance-optimized themes? Here are the *[***5 best Elementor themes with speed tests***](https://theplusaddons.com/blog/best-elementor-themes/)*. * ### 4. Deactivate All Plugins (Then Reactivate Individually) Deactivating plugins can identify if a plugin is causing the conflict. Reactivating them one by one helps pinpoint the problematic plugins. To deactivate plugins, navigate to ***Plugins > Installed Plugins*****.**  Check the box next to Plugin to select all plugins and in the Bulk Actions dropdown, select ***Deactivate*****.** Click ***Apply***. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Deactivate-All-Plugins.png) Refresh the dashboard and see if the Appearance menu is now visible.  Now, go back to ***Plugins > Installed Plugins***. Activate one plugin at a time. After activating each plugin, check the menu under Appearance. If the Appearance menu option disappears again after activating a plugin, that plugin is causing the issue. *Did you know, you can disable those distracting Admin Notices on your WordPress dashboard? Here's how:* https://youtu.be/ijAOHvtcL58?si=PmmAiYHeSY9afAyE ### 5. Use Full Site Editor to Customize Your Navigation Menu With the introduction of Full Site Editing (FSE) in WordPress 5.9, block themes may not use the traditional Appearance menu. Instead, they use the Full Site Editor for customization. The FSE allows you to edit all parts of your website using blocks, including headers, footers, templates, and menus, without depending on the Appearance menu.  If your theme supports FSE, you'll usually find ***Editor*** under Appearance in the left-hand menu. Click on it. This will open the Site Editor interface. ![](https://theplusaddons.com/wp-content/uploads/2024/12/This-will-open-the-Site-Editor-interface.png) Most themes have a Navigation block already in place. Head to the navigation section as shown: ![](https://theplusaddons.com/wp-content/uploads/2024/12/Head-to-the-navigation-section-1.png) Now you can click on the three dots next to each item to edit. ![](https://theplusaddons.com/wp-content/uploads/2024/12/the-three-dots-next-to-each-item-to-edit.png) You can also use the FSE block editor to update your navigation menu. Click the + sign at the top of your header menu to add or remove items from your navigation menu option. ### 6. Reinstall WordPress Core Files Corrupted or missing WordPress core files can cause various issues, including missing dashboard default Appearance menu options. Reinstalling WordPress core files replaces any corrupted files without affecting your site's content. If you need a clean environment for testing, check our guide on [WordPress localhost setup](https://theplusaddons.com/blog/install-wordpress-on-localhost/). Use a WordPress backup plugin to backup all your files and your database. Now, go to ***Dashboard > Updates***. Click ***Re-install*** under the WordPress version section. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Re-install-under-the-WordPress-version-section.png) ### 7. Look for any Custom Code in functions.php Errors in the functions.php file can break your site or hide dashboard menus. Fixing or removing wrong code in functions.php can restore your dashboard's normal functionality.  Use your FTP or File Manager to navigate to **wp-content/themes/your-theme/**. Download **functions.php** to your computer.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/File-Manager-to-navigate.png) Before editing, make a copy of functions.php as a backup. Open functions.php in a text editor like Notepad++ or VSCode. Look for any custom code you've recently added. Common issues include missing semicolons, incorrect syntax, or improperly closed functions. To comment out code, add // before the line or wrap it in /* */. ### 8. Use the Tools Menu to Use the Theme File Editor If the Appearance menu is missing, you might still be able to access the Theme File Editor through the Tools menu to fix issues. It gives you an alternative way to edit theme files and correct errors that might be causing the problem. In the dashboard, go to ***Tools > Theme File Editor***. ![](https://theplusaddons.com/wp-content/uploads/2024/12/correct-errors-that-might-be-causing-the-problem.png) If this option is not available, you can access your FTP or Hosting File Manager. Navigate to **wp-content/themes/your-theme/** and open and edit files like **functions.php** or **header.php**. Look for syntax errors or incorrect code and correct any issues you find.  ***Note:**** Theme editing can be risky if you are not familiar with coding and may cause you to lose all your website's functionalities if not done right.* ***Recommended Read:** *[*5 Best WordPress Menu Plugins*](https://theplusaddons.com/blog/wordpress-menu-plugins/) ## Wrapping Up  You can now use the methods discussed above to solve the WordPress appearance menu missing issue. Remember that some fixes, like checking user roles and switching to a default theme are quick and easily manageable. However, proceed with caution when it comes to solutions like editing your theme's functions.php file or using the Theme File Editor. These methods require a deeper understanding of code and could affect your website if not handled correctly. One way to minimize the risk of encountering this issue is by choosing plugins that are well-maintained and compatible with the latest WordPress version.  For instance, if you're looking to enhance your website's visual appeal and functionality, consider a plugin like The Plus Addons for Elementor. It offers you a library of [120+ Elementor widgets](https://theplusaddons.com/elementor-widgets/) that enhance the functionality and aesthetics of your site. The plugin is lightweight, optimized for performance, and incredibly easy to use.  ## FAQs on Fixing Missing Appearance Menu in WordPress Admin  ### Why is the appearance tab not showing in WordPress?  The Appearance tab may not show due to user permissions, especially if you're logged in with a role other than Administrator. It can also disappear because of theme compatibility issues or conflicts with plugins that alter dashboard settings. A wrong line of code in functions.php may also cause this issue. ### Do WordPress core updates affect the Appearance menu?  Yes, incomplete or corrupted WordPress core updates can affect dashboard elements, including the Appearance menu. A failed update may result in missing files or functionalities. Reinstalling the WordPress core files often resolves this issue by replacing any missing or corrupted files and restoring the Appearance menu to your WordPress dashboard.   ### What to do if the custom code in functions.php is causing the issue?  If custom code in functions.php is causing problems, access the file via FTP or your hosting control panel. Remove or comment out the problematic code snippet, save the file, and refresh your dashboard. This should restore normal functionality, including the Appearance menu if the issue was caused by code errors. ### Why are my appearance menus still missing even after using a default theme?  If the Appearance menu is still missing after switching to a default theme, the issue might be due to plugin conflicts or user role restrictions. Try deactivating all plugins to identify any conflicts. Also, ensure you're logged in as an Administrator since other roles may lack access to the Appearance menu. ### Can a plugin cause the Appearance menu to disappear in WordPress? Yes, plugins can conflict with WordPress core functionalities and cause the Appearance menu to disappear from your dashboard by altering settings or permissions. In this situation, you can try deactivating all plugins and reactivating them one by one to identify the plugin causing the issue and resolve the problem.  --- # How to Create WordPress Before After Slider [Easy Guide] Source: https://theplusaddons.com/blog/wordpress-before-after-slider/ Want your website visitors to instantly see the amazing results you deliver? A WordPress before-after slider is the perfect way to do just that! Displaying your work prominently on your website allows customers to see the value of your services. Whether you are a makeup artist, a home renovation expert, a landscaper, a fitness coach, or even a web designer, a before-and-after slider lets your clients instantly grasp the impact of your services or products. A before and after image comparison slider improves user experience by giving users an interactive and engaging way to visualize transformations – unlike static images and carousels. The good news is that adding this dynamic element to your website can be incredibly easy without the need to code! In this article, we'll explore some stunning examples of before and after image sliders and walk you through the simple steps to add one to your own website. ## What is a WordPress Before After Slider? A WordPress before and after slider is a tool that allows users to compare two images interactively by sliding over them. It enables a before and after comparison of images, showcasing transformations, improvements, or changes in a dynamic way. Using a before and after slider is great for your website because it enhances user engagement and provides a clear visual representation of your work. It's much more engaging than static images and can highlight the effectiveness of your services or products, making it easier for potential clients to see the value you offer. Plus, with various slider styles, you can customize the slider to match your site's aesthetic. * * ## Examples of Best WordPress Before After Sliders Looking for inspiration to create beautiful image comparison sliders? Here are some examples of how you can use the before-after slider WordPress widget from The Plus Addons for Elementor to add stunning image comparison elements to your website.  ### 1. Dental Website Horizontal Before and After Comparison This demo uses a horizontal slider to showcase the dramatic results of a teeth whitening procedure. [View Live Demo](https://etemplates.wdesignkit.com/theplusaddons/before-after-image-slider/?_gl=1*1r766lm*_gcl_au*MTU5NTUzNjY4NS4xNzI2MTM5NDY4*_ga*MTExODY3NDczNy4xNzI2MTM5NDY4*_ga_WXCC3REEFQ*MTczMjkzMzEzMS4yNC4wLjE3MzI5MzMxMzEuNjAuMC4w#Demo1) ### 2. Vertical Elementor Before and After Slider This example uses a vertical slider to capture transformative skin improvements achieved through dermatological treatments.  [View Live Demo](https://etemplates.wdesignkit.com/theplusaddons/before-after-image-slider/?_gl=1*1r766lm*_gcl_au*MTU5NTUzNjY4NS4xNzI2MTM5NDY4*_ga*MTExODY3NDczNy4xNzI2MTM5NDY4*_ga_WXCC3REEFQ*MTczMjkzMzEzMS4yNC4wLjE3MzI5MzMxMzEuNjAuMC4w#Demo2) ### 3. Car Wash Service Before After Image This demo uses an opacity slider to illustrate the dramatic difference a professional car wash can make.  [View Live Demo](https://etemplates.wdesignkit.com/theplusaddons/before-after-image-slider/?_gl=1*5ix3mo*_gcl_au*MTU1NjAwMjc5OC4xNzI4MjgxNTE0*_ga*MjA3MTQ3MjUwMS4xNjgxMTA2NTc4*_ga_WXCC3REEFQ*MTczMzExNTk1NS40NS4wLjE3MzMxMTU5NjQuNTEuMC4w#Demo3) *Want to add a carousel to your website? Here are*[* ****8 Best Carousel Slider Widgets***](https://theplusaddons.com/blog/best-elementor-carousel-slider-widgets/)* to choose from. * ## How to Create WordPress Before After Slider [Step-by-Step]  The easiest way to create stunning sliders like the ones showcased in the above demos is by using The Plus Addons for Elementor plugin. It offers a dedicated [Elementor Before After Image Comparison slider widget](https://theplusaddons.com/elementor-widget/elementor-before-after-slider/) that provides you with three unique slider formats to choose from horizontal slider, vertical slider, and opacity slider.  It comes with several customization options to ensure your sliders perfectly match your brand identity.  **Here's how to get started:** ### Step 1: Install and Activate the Plugin  First, you need to install and activate The Plus Addons for Elementor plugin. Navigate to your WordPress dashboard and go to ***Plugins > Add New***. In the search bar, type "The Plus Addons for Elementor" and press Enter. Locate the plugin from the search results and click ***Install Now***.  Once installed, click ***Activate*** to enable the plugin on your website. ### Step 2: Activate the Widget After activating the plugin, you need to enable the Before After Slider widget. Go to ***The Plus Addons*** Settings in your WordPress dashboard.  Click on ***Widgets***. Scroll through the widget list or use the search bar to find the Before After widget. Toggle the switch to activate the widget.  Click Save to apply the changes. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Activate-Before-After-Widget.png) ### Step 3: Drag and Drop the Before After Widget  Now, it's time to add the Before After Slider to your page. Create a new page or open an existing one where you want to add the slider. Click on Edit with Elementor to open the [Elementor editor](https://theplusaddons.com/blog/how-to-use-elementor-in-wordpress//). In the Elementor sidebar, search for "Before After". Drag and drop the Before After widget into your desired section on the page. ![](https://theplusaddons.com/wp-content/uploads/2024/12/add-the-Before-After-Slider-to-your-page.png) ### Step 4: Customize the Content  Once you've added the widget to your page, you have to add and customize the content. Here you can add the slider photos, slider titles, and other content elements.  In the widget settings, navigate to the ***Content*** tab. First, select your preferred slider format from the available options: horizontal, vertical, or opacity sliders.  ![](https://theplusaddons.com/wp-content/uploads/2024/12/Add-and-customize-the-content.png) Under the ***Image for Before*** option, click ***Choose Image*** to upload or select your first slider photo representing the "before" state. Similarly, under the ***Image for After*** option, upload or select the second slider photo showcasing the "after" state.  Ensure that both images are of high quality and are consistent in dimensions for the best visual comparison and to avoid compatibility issues.  Now, to provide context, enter a slider title in the designated ***Label for Before*** and ***Label for After*** fields.  *Confused about which image formats to use for your slider images? Here's a comparison between the popular*[* ****JPG vs AVIF image formats***](https://theplusaddons.com/blog/jpg-vs-avif//)*.* ### Step 5: Customize Styling Options  To make your before and after image slider truly stand out and align with your website's design, you can experiment with various styling options offered by the widget.  From the ***Style*** tab, adjust the Alignment to position your slider within its container. You can align it to the left, center, or right based on your design preference.  You can also use the Full Width toggle to make the slider span the entire width of its parent container. This is perfect for creating immersive, edge-to-edge comparisons. Toggle the Mouse Hover option to allow the auto slider's separator line to move with the mouse cursor.  When enabled, users can see the transition dynamically as they hover over the slider. If disabled, users will need to click on different parts of the image to move the separator line. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Customize-the-style.png) You can also customize the separator line. Enable the Separator Line toggle to style the line that divides the before and after images.  Customize its color, thickness, and style to match your website's aesthetics. For the Opacity slider, you will not be able to use this option.  For a more dynamic effect, navigate to the On Scroll View Animation section to enable and customize the animation effect. This can include fade-ins, slide-ins, or other dynamic animations that make your slider more engaging as users scroll through your page. ![](https://theplusaddons.com/wp-content/uploads/2024/12/enable-and-customize-the-animation-effect.png) If you want to make any global customizations, across all your widgets you can do this from the ***Advanced*** tab.  ### Step 6: Preview and Publish  Once you are happy with your WordPress before and after slider, Click the Preview Changes button in Elementor to see how your slider looks and behaves on the live site. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Preview-1024x395.png) Make any changes if necessary and then Publish it to go live.  *Are the images on your website blurry? Here's a step-by-step guide on *[***how to fix blurry images in Elementor****.*](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/)* * ## Wrapping Up   A well-designed and responsive slider can elevate your website's user experience and give you an engaging way to communicate the value of your services or products.  Adding this powerful functionality to your WordPress website doesn't require any coding expertise or complicated setup. With plugins like The Plus Addons for Elementor, you can easily integrate beautiful and functional before-after sliders with just a few clicks.  The Plus Addons for Elementor is a lightweight Elementor addon that ensures your website remains fast and efficient while providing a wide range of customization options to match your brand aesthetic.  Beyond the before-after slider, [The Plus Addons for Elementor](https://theplusaddons.com/) offer a vast library of over 120 widgets to improve your Elementor editing experience.  From dynamic content displays and interactive elements to advanced galleries and WooCommerce integrations, you'll find everything you need to create a visually appealing and highly functional website.  With its user-friendly interface, design flexibility, advanced features, and performance optimization, The Plus Addons empowers you to build a truly engaging online presence. ## FAQs on WordPress Before After Slider ### What are the benefits of using a Before After Slider in WordPress? Using a slider plugin improves the user experience on your website by creating interactive sliders & gallery comparisons. Visitors can easily view transformations, which increases engagement and trust. A before-after slider is a great way to showcase your work, making it easier for potential clients to understand the value you provide. ### Is Carousel and Slider the same? No, a carousel and a slider are not the same. While both display images, a responsive slider focuses on smooth transitions between images, allowing users to control the flow. Whereas a carousel typically shows multiple images in a continuous loop, relying more on user scrolling to navigate through the content sequentially. ### How to add an image slider in WordPress without a plugin? Using an image slider plugin is the easiest way to add a before and after slider. However, you can also add it manually. This would require you to completely code it using HTML, CSS, and JavaScript. You can create a slider by writing a CSS code for styling and JavaScript for functionality. ### Are Before After Sliders mobile-friendly in WordPress? Yes, Before After Sliders are mobile-friendly. You can easily adjust image sizes to ensure they display correctly on all devices. Additionally, widgets from The Plus Addons for Elementor are designed for mobile optimization, ensuring that your before and after sliders look great and function smoothly on all devices and across screen sizes. --- # How to Create Content Timeline in Elementor [Step-by-Step] Source: https://theplusaddons.com/blog/timeline-in-elementor/ Wondering how to present your data in a visually appealing, chronological order without writing a single line of code? Then, this blog is for you. A timeline in Elementor is an effective way to present information in a structured, sequential format. It helps you show milestones, products, and journeys in a well-organized hierarchy.  The best part is that you can easily add a timeline to your website with the help of Elementor Timeline Widgets offered by third-party plugins. However, you should not randomly install any plugins, as they may slow down your website or create compatibility issues. In this article, we’ll show you a step-by-step process for creating a content timeline for your website using a reliable and speed-optimized plugin. This plugin will allow you to customize your timeline fully without any coding. So, let’s get started! ## What is a Content Timeline? A content timeline is a visual representation method that allows you to show data in sequence. Unlike large blocks of text, timelines break down complex information into digestible content, making it easier for readers to grasp the information. ![](https://theplusaddons.com/wp-content/uploads/2024/11/What-is-Content-Timeline.png) *The above Elementor timeline is created using the *[***Timeline widget by The Plus Addons for Elementor***](https://theplusaddons.com/elementor-widget/elementor-timeline/)*.* Whether you’re sharing past achievements or outlining future plans, creating a content timeline improves clarity and keeps your audience engaged.  Companies use timelines for various purposes, such as showcasing a company’s history, project milestones, and product launch phases. Also, you can customize content timelines with interactive designs and styles, transforming them from mere presentation tools into powerful elements of your storytelling strategy.  These features not only enhance visual appeal but also engage your audience more dynamically and memorably. ### Where Can You Use a Content Timeline?  Content timelines are used across various industries and purposes. Here are some common use cases where you can use content timeline: ![](https://theplusaddons.com/wp-content/uploads/2024/11/Use-cases-of-content-timeline.png) **1. Showcase Company Growth** Businesses often use timelines to highlight their growth journey, key milestones, and achievements.  This helps build credibility and offers an engaging way to share the company’s story with clients, investors, or potential employees. **2. Event Schedules** Timelines are perfect for organizing events, such as conferences, webinars, or product launches.  They provide attendees with a detailed overview of the event flow, ensuring better participation and preparation. **3. Product Announcement** For tech companies or startups, timelines can show the evolution of their product from initial concept to final launch.  This adds transparency and builds excitement among users. **4. Product Display** Content timelines can be effectively used in e-commerce websites to showcase products in a visually appealing, chronological way. **5. Product Comparison** You can also use timelines to show upgrades in a product series to inform users about advancements and new features. **6. Step-by-step Tutorials** E-learning or educational websites can use timelines to simplify complex topics, breaking them into chronological steps.  This approach enhances understanding and retention in learning modules. **7. Promotional Campaigns** Companies can display products as part of a timeline in promotional campaigns, tying them to events like Black Friday, New Year offers, or themed sales. ## What is the Elementor Timeline Widget by The Plus Addons? [Elementor Timeline](https://theplusaddons.com/elementor-widget/elementor-timeline/) by The Plus Addons is a vertical timeline widget that allows you to easily design stunning, interactive timelines on your website without any coding. The plugin provides complete customization options, helping you easily change the design, layout, and content to suit your needs. Whether you’re a designer, marketer, or business owner, this widget gives you the flexibility to create timelines that align with your brand identity. This widget isn’t just a timeline builder; in fact, it’s a tool for transforming static content into dynamic stories that engage your audience. **Notable Features:** - **Multiple Layout Styles**: Choose a layout that suits your brand’s style. - **Rich Media Integration**: Add images, iframe videos, or buttons to each timeline pin to integrate storytelling into your timeline. - **Full Customization**: Personalize every element to reflect your brand’s aesthetics, ensuring your timeline feels like a natural part of your website. - **Optimized for Performance**: Built with efficiency in mind, this widget ensures fast loading times, providing a speed-optimized experience for your visitors. Not just that, the** Cross-Domain Copy-Paste** feature allows you to import demos to your website, eliminating the need to start from scratch and saving you time.  This beginner-friendly method makes it so simple for you to create a timeline as all you need to do is copy the demo you like from [The Plus Addons website](https://theplusaddons.com/elementor-widget/elementor-timeline/#livedemos) and then click the **Plus Paste** option in your desired section in Elementor editor.  Here’s how to do it: After that, you can edit the demo and customize the timeline content fully according to your brand. *The Plus Addons for Elementor offers over 120 widgets but what if you just want to use only the timeline widget and disable other widgets so that your site performance isn’t affected? Here’s *[***How To Disable & Hide Unused Elementor Widgets***](https://theplusaddons.com/blog/hide-disable-elementor-widgets/elementor-widgets/)*.* ## How to Create Content Timeline in Elementor WordPress Website [Easy Steps] While the copy-paste feature might seem tempting, however, many users would want to use their creativity to build timelines from scratch.  Let’s look at a step-by-step procedure to create a timeline for your website using The Plus Addons for Elementor. ### Step 1: Install and Activate The Plus Addons for Elementor To create a timeline easily, Go to ***Plugins**** > ****Add New***, and install The Plus Addons for Elementor plugin. Don’t forget to activate the plugin. Next, on your WordPress dashboard, click*** The Plus Addons***, and then on the plugin’s left sidebar, click on ***Widgets***. Now, in the search bar, type ***‘Timeline’*** to start using the widget. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Install-and-activate-The-Plus-Addons-for-Elementor.png) Make sure the widget’s toggle is on. ### Step 2: Add the Timeline Widget to your Page Now, on your WordPress dashboard, create a new page or open the existing page where you want to add a timeline. Once done, click on the ***Edit with Elementor*** option. Now add a new section, and on the Elementor left panel, type the ***Timeline*** in the search bar under Elements.  Next, drag and drop the widget into the desired section. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-the-Timeline-Widget-to-your-Page.png) In the style dropdown, you’ll see 2 style present options, choose the one that suits you. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Timeline-Style-Options.png) To enable ***Masonry Layout***, toggle on it. This layout arranges content in a visually appealing and space-efficient manner. Below it, in the content alignment option, you can select left, middle, or right alignment for the timeline. ### Step 3: Add the Timeline Content Next, you’ll find the repeater section to add timeline content. By default, two items are provided. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-Timeline-Content.png) Open the first item to expand the following options: ![](https://theplusaddons.com/wp-content/uploads/2024/11/Select-Icon.png) - **Select Icon**: Choose an icon or image to display on the timeline pin. - **Icon Font**: Pick an icon font from the dropdown. - **Icon Library**: Download and select icons from a vast library. - **Pin Title and Position**: Customize the pin title and select its position from the dropdown. Within the item editor, you’ll notice two tabs: ***Content**** *and ***Advanced***. The Content tab is selected by default and offers these options: - **Title**: Set the title for the timeline item. - **Description**: Add a description for the item. - **Content-Type**: Choose from the following: ![](https://theplusaddons.com/wp-content/uploads/2024/11/Choose-Content-Type.png) - **Image**: Add an image below the title. - **Iframe/HTML**: Embed iFrame or HTML content below the title. - **Template**: Include an Elementor template. [***Check the best Elementor templates here***](https://theplusaddons.com/blog/best-elementor-templates-resources/). - **Link**: Add a hyperlink to the timeline item. - **Display Button**: Enable this option to add a button and customize its text. In the **Advanced** tab, you can: - Adjust the alignment of the content. - Change the item's position to the left or right in the timeline. - Apply animation effects to the timeline item, like entrance animation. - Customize the spacing above the timeline item for responsive devices using the ***Top Offset Space**** *option. Similarly, repeat the steps for the second item and add more timeline items by clicking on the* ****+ Add Item ***button. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-More-Timelines.png) Step 4: Edit Start/End Pin You can select the pin center style from the predefined style dropdown options. You’ll see 2 tabs below the Pin Center Style - Start Pin and End Pin. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Edit-Start-and-End-Pin.png) In the **Start Pin** tab, you can use the **Select Icon** dropdown to customize the starting pin for your timeline. You have four options to choose from: - **None**: Skip adding a starting pin if it’s not required. - **Icon**: Use an icon as a starting pin. - **Image**: Add an image as the starting pin. You can upload your custom image for the starting pin. - **Text**: Display text as the starting pin to convey a specific label or detail. Depending on the option you select under the Select Icon dropdown, additional sub-options will appear accordingly. Similarly, repeat the steps for the End Pin after selecting the End Pin tab. ### Step 5: Style your Timeline You can style a timeline in Elementor by navigating to the Style tab. You’ll find the following options under the tab: ![](https://theplusaddons.com/wp-content/uploads/2024/11/Style-Your-Timeline.png) - **Loop Pin Style:** Here, you can style your pin title by choosing its typography, color, pin radius, and more. Moreover, select the pin icon size, background-size, color, border, and radius. - **Title Style:** You can customize the typography, color, and border for the timeline title, with settings for both normal and hover states. - **Description/Content Style:** Modify the typography and color of the content within the timeline. - **Button Options:** Here, you can change the button’s text, color, border, padding, border color, and more. - **Pin Start/End Style:** Customize the size and color of the start and end pin icons, as well as the color of the timeline divider. - **Extra Options:** Adjust the spacing between timeline items and refine the divider’s layout. In the Advanced tab, you can adjust the layout’s margin, padding, and width, apply motion effects, and a lot more. ### Step 6: Customize the Timeline The Elementor Widget by The Plus Addons for Elementor allows you to customize every aspect of your timeline from its content to starting/ending pin and more advanced options.  You can easily make changes and ensure the timeline matches your branding. Once done with all the customizations, hit the **Publish** button located in the bottom right corner of the Elementor editor sidebar.  ![](https://theplusaddons.com/wp-content/uploads/2024/11/Customize-the-timeline.png) And that’s it, you’re all done. *Elementor addons can help you create a professional website without any coding. Here are the *[***best Elementor addons***](https://theplusaddons.com/blog/best-elementor-addons/)* you can consider.* ## Wrapping Up This guide shows you a step-by-step process to create a timeline in Elementor with ease. With a timeline, you can show your products, story, and whatever information you want in a visually chronological format. This way of sharing information with your users can enhance their user experience and help them better understand and retain the information. You can easily create a content timeline for your Elementor website and customize it fully as per your needs with the help of the [Elementor Timeline Widget](https://theplusaddons.com/elementor-widget/elementor-timeline/) by The Plus Addons for Elementor. The Timeline widget is just one of the many powerful tools offered by The Plus Addons for Elementor. You can further elevate your website’s functionality and design with its other widgets like Advanced Button, Advanced Typography, Animated Service Boxes, and more, all crafted to help you create a truly dynamic and engaging website that your audience will love. ## FAQs on Timeline in Elementor ### Is it possible to add images to the Elementor timeline? Yes, with the help of the Elementor Timeline Widget by The Plus Addons for Elementor, you can easily add images to your timeline. ### What are the best practices for designing a timeline in Elementor? For designing a timeline in Elementor, keep it simple and clean, use consistent icons or images, and ensure it’s responsive. Limit the number of events, add dates for clarity, and use color and contrast wisely. Include subtle animations, make navigation easy, and test for usability on all devices. ### How do I make a vertical timeline in Elementor? Elementor Timeline widget by The Plus Addons for Elementor allows you to create a vertical timeline and customize it fully according to your requirements. You can also copy the live demos of the vertical timelines available in the widget and paste them to your site for easy editing. ### Is it possible to create a timeline without any plugins? Yes, you can create a timeline without a plugin by using HTML and CSS or designing it in tools like Canva or Figma. However, coding requires technical skills and time, while design tools offer limited customizations. ### What are the parts of a timeline? The timeline consists of 3 essential parts: Start and End Pin of a timeline Dates of events in a series Content or description of events that goes in the timeline --- # How to Get YouTube API Key [Step-by-Step] Source: https://theplusaddons.com/blog/how-to-get-youtube-api-key/ Want to know how to get the YouTube API key? This blog is for you. For websites looking to enhance their user engagement, videos work amazingly well – and YouTube is the best way to share and consume videos. Plus, the YouTube API program is a powerful tool for developers to interact with YouTube's database. With it, developers can offer seamless access to YouTube's videos, channels, and playlists with a single API key instead of having to write code every time a user needs to access data. Instead, programmers can use predefined functions and protocols to curate YouTube videos on a website. Fortunately, you can generate a free YouTube API key and use it to integrate your YouTube channel on your website easily. Similarly, you can [get an Instagram access token](https://theplusaddons.com/blog/get-instagram-access-token/) to display your Instagram feed on your site. How? Let's dive in. ## Key Takeaways - Create a free YouTube API key via Google Console. - Use it to display YouTube feeds in Elementor. - Free up to 10,000 units per day. ## What is a YouTube API Key? A YouTube API key is a unique identifier that allows developers and website owners to access and integrate various YouTube features on their websites. Using this key, you can embed videos, curate playlists, and even retrieve analytics data seamlessly. It serves as a bridge between your website and YouTube's vast data library, enabling a customized and interactive video experience for website visitors. The YouTube API offers a wide range of features and functionalities to make it a valuable tool for your website. It allows you to retrieve large volumes of data simultaneously without the need to access individual videos or channels. ### Why Should You Use the YouTube API? If video content is a key part of your marketing strategy, integrating your website with your YouTube channel using [YouTube plugins](https://theplusaddons.com/blog/best-youtube-plugins-for-wordpress/) will help you boost your content instantly. **Here are some of the benefits of getting YouTube API key -** ![](https://theplusaddons.com/wp-content/uploads/2024/11/benefits-of-getting-YouTube-API-key.png) - **Re-Use Existing Content:** By integrating your YouTube channel into the website, you can easily use your existing, published content to drive engagement. You don't need to spend time creating fresh content. - **Effortless Integration: **With the YouTube API key, you can seamlessly embed videos, playlists, and channels without manual updates or coding. - **Improved User Experience:** When you add YouTube videos to your website, it will give your users another reason to stay on your website and engage with it. It not only increases your dwell time but offers a great website experience with smooth video integration. - **Customization:** You can customize your YouTube feed to match your website's branding and layout. *Looking to display YouTube Shorts on your website? Learn *[***How to Embed YouTube Shorts on WordPress***](https://theplusaddons.com/blog/embed-youtube-shorts-in-wordpress/)* to offer an engaging user experience.* ## How to Get YouTube API key [Step-by-Step] Let's understand the step-by-step process to get the API key for YouTube- **1. Log in to Google Developers Console** Go to [Google Developers Console](https://console.cloud.google.com/) and log in using your Google account. If you don't have one, create a new account to log in. **2. Create a New Project** Once you log in, you'll be directed to the dashboard. Here, go to the upper right-hand corner and click on *Create Project.* ![](https://theplusaddons.com/wp-content/uploads/2024/11/Create-new-project.png) On the page that opens, add a new project name, select your organization, and select a location. You can also create a project without an organization. The API key you generate in the next steps will apply to this specific project. If you are working on multiple projects simultaneously, make sure to select the right project before proceeding. **3. Explore APIs** After creating the project, you will be redirected to a new dashboard with different cards- Project Info, Resources, YouTube API Documentation, and so on. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Select-source.png) Here, navigate to the library from the left panel. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Navigate-to-library.png) **4. Enable APIs** In the library, you will see the page divided into various sections for different social media platforms. Here, select the YouTube Data API v3 under the YouTube APIs section. ![](https://theplusaddons.com/wp-content/uploads/2024/11/select-the-YouTube-Data-API-v3.png) This will take you to the YouTube API page, where you need to click *Enable.* **5. Create a Credential** Once the API is enabled, you'll be directed to the overview page. On the top right corner, click on *Create Credentials.* ![](https://theplusaddons.com/wp-content/uploads/2024/11/Create-credentials.png) In the window that appears, select YouTube Data API v3 in the first blank space and check the Public data box. ![](https://theplusaddons.com/wp-content/uploads/2024/11/image-8.png) **6. Get the API Key** Once you click on *Next, *your API key will automatically load and will be saved in your credentials for easy access. ## How to Use the YouTube API on Your Website? Once you get the YouTube API key, you can embed your YouTube feed on the website using the Social Feed Widget by The Plus Addons for Elementor. The [Social Feed Widget](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/) lets you integrate your live YouTube feed on the website, customize styles, and create an interactive experience for the users. Here's how you use the Social Feed Widget to embed YouTube feed on your website- 1. Install and Activate The Plus Addons for Elementor on WordPress. 2. Enable the Social Feed Widget from ![](https://theplusaddons.com/wp-content/uploads/2024/11/Enable-Social-Feed.png) 3. Go to your WordPress dashboard and open the page or post you want to edit. 4. Go to the Elementor editor and add the Social Feed Widget from the widget library to a new section. 5. Select the layout and style for your feed. 6. Navigate to the *Social Feed* section on the left and select YouTube as the *Source *from the dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Select-the-source.png) 7. Next, add the API key in the *Access Token* field. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-the-API-key-in-the-Access-Token-field.png) 8. From the *YouTube Type* dropdown, select from where you want to show the video: **User Feed, Handle, Channel, Search, and Playlist.** This will add the video feed from the selected source on your website. After embedding your [YouTube feed](https://theplusaddons.com/blog/youtube-feed-wordpress-elementor/), you can customize the thumbnail size, categorize your videos, and set the maximum number of videos to be displayed on the feed. *Play videos directly on your website for an uninterrupted user experience. Check out the *[***5 Best Video Player Plugins***](https://theplusaddons.com/blog/best-wordpress-video-player-plugins/)* for your website.* ## Wrapping Up YouTube videos can help you reach a wider audience and keep them engaged on your website. If you have a YouTube channel, embedding it on your site using the YouTube API key will allow you to increase website dwell time and improve conversions. Further, using the [Social Feed Widget](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/) from The Plus Addons for Elementor will make it easy to add YouTube feeds to your site without the need for coding. Plus, the lightweight plugin also offers 120+ Elementor widgets to supercharge your editor's functionality. Take your website to the next level with features that make designing and managing content a breeze! ## FAQs on Getting YouTube API Key ### What can I do with YouTube API? With the YouTube API, you can embed videos, create playlists, fetch video details, display channel information, manage comments, and access analytics data to enhance your website's video integration and user experience. ### Is YouTube API free? Yes, the YouTube API is free to use up to a certain quota limit, up to 10,000 units per day. ### What is the limit of YouTube data API? The YouTube Data API offers a free quota of 10,000 units per day. Different operations, such as video uploads or fetching analytics, consume varying units from this quota. ### How much does the YouTube API key cost? Getting a YouTube API key itself is free. However, usage costs may be incurred if you exceed the free quota provided by Google Cloud's pricing policy. ### Do I need a Google Cloud account to get a YouTube API key? Yes, you need a Google Cloud account to generate a YouTube API key. This requires setting up a project in the Google Cloud Console and enabling the YouTube Data API. ### Can I get a YouTube API key without a credit card? Yes, you can get a YouTube API key without a credit card if you stay within the free quota. However, Google may require billing information if you enable services that have potential charges. --- # How to Create Comparison Table in WordPress [Step-by-Step] Source: https://theplusaddons.com/blog/how-to-create-comparison-table-in-wordpress/ Learning how to create comparison table in WordPress is a good way to make your website more user-friendly. Whether you have an e-commerce website or a business website where you want to compare different products, a comparison table makes it easy for users to consume extensive product information. The good thing is, if you have an Elementor website, you can quickly create a comparison table using any third-party plugin like The Plus Addons for Elementor. Since Elementor doesn’t offer built-in functionality to create comparison tables and the default tables in WordPress have limited flexibility for design, using a comparison table plugin is the easiest option. With the right tools, you can create an organized, highly customizable, interactive product comparison table for your website visitors. Let’s understand how. ## Key Takeaways - Create tables with The Plus Addons for Elementor's Data Table widget. - Import from CSV, Sheets, or add manually. - Fully customizable and mobile-friendly. ## What is a Comparison Table? A comparison table is a tool that summarizes and highlights the detailed comparison of various products and their features. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Comaprison-Table-Example.png) *Image of Comparison Table created using the [**Data Table widget by The Plus Addons**](https://theplusaddons.com/elementor-widget/data-tables/)* It offers extensive product information in a concise and organized manner, allowing users to view the products at a glance and make informed purchase decisions. ### What are the Benefits of Using Comparison Tables on your Website? If you have an e-commerce website in WordPress, a comparison table is a must-have element. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Benefits-of-using-Comparison-Table.png) Here’s why- - **Display organized content:** With a comparison table, you can compare different products and highlight how they stack up based on various criteria like features, benefits, prices, and more in an organized manner. - **Enhance user interaction:** When you make it easy for your users to digest detailed information, it allows them to interact with your website better. This can result in higher engagement and conversions on your [Elementor website](https://theplusaddons.com/blog/elementor-review/). - **Ensure quick purchase decisions:** Customers can view key product information at a glance so they can evaluate their options and quickly make a purchase decision. - **Highlight product/service plans:** If you sell a specialized product or service, you can also use comparison tables to compare different pricing plans to let users evaluate the plans and choose one that best meets their needs. *Want to add a detailed pricing table to your business website? Check out the [**5 Best Elementor Pricing Table Plugins**](https://theplusaddons.com/blog/best-elementor-pricing-table-plugins/) for WordPress.* ## How to Create Comparison Table in WordPress [Step-by-Step] Clearly, having an Elementor comparison table for your website can improve your website’s user-friendliness and enhance interaction. Let’s see how you can make a comparison table for your website using the [Elementor Data Widget](https://theplusaddons.com/elementor-widget/data-tables/) by The Plus Addons for Elementor to reap these benefits. Before we jump to the textual steps, if you're a visual learner, here's a detailed video: https://youtu.be/QnrcqZ2vhWA?si=rd3wvyXlEw-yDc3A Now let's understand the process through steps. ### Step 1: Install and Activate The Plus Addons for Elementor WordPress plugins like The Plus Addons for Elementor offer an easy way to create customizable product comparison tables for your website. To start, go to your ***WordPress dashboard > Plugins > Add New*** and install The Plus Addons for Elementor. Once you activate the plugin, go to ***The Plus Addons > Plus Widgets*** and enable the ***Table*** widget for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Enable-Table-widget-1024x351.png) ### Step 2: Add the Comparison Table Now, on the WordPress dashboard, add a new page or edit your existing Elementor page where you want to add a comparison table design. Click on ***Edit with Elementor**.* Add a new section to the page and drag and drop the Elementor Data Table widget in the editor. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-a-Comparison-Table.png) Here, you’ll have three options to create a comparison table – upload a CSV file with data, upload a Google Sheet, or create a custom one. In the ***Table*** tab on the left, choose ***Custom*** as the content source from the ***Content Table*** dropdown. This will allow you to design a customized table based on your website. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Choose-Custom-content-source.png) ### Step 3: Add the Table Header and Rows Next, go to the ***Table Header ***tab to add the header for your table. Once you open the tab, you’ll see different elements for the table. To add a row, click on it and select ***Start New Row*** from the ***Action*** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-the-Table-Header-and-Rows.png) ### Step 4: Add Header Cell Content Next, edit the header cell content by clicking on **‘*cell:ID.’*** ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-Header-Cell-Content.png) In the ***Content*** tab, you can add the relevant content to the tab. You can also add a tooltip to the content by enabling the tooltip toggle. Next, from the ***Icon/Image*** tab, you can add a custom image or icon to the cell. ![](https://theplusaddons.com/wp-content/uploads/2024/11/add-a-custom-image-or-icon.png) Lastly, the ***Advanced*** tab allows you to customize the table design and size, including the Column Span, Row Span, Column width, individual cell color, and background color. ![](https://theplusaddons.com/wp-content/uploads/2024/11/customize-the-table-design-and-size.png) You can click ‘+ Add Item’ to add more cells to the table header and follow the same process to edit the other header cells. *Looking to use custom fonts for your product comparison table? Learn [**How to Add Custom Fonts in Elementor**.](https://theplusaddons.com/blog/add-custom-fonts-to-elementor/)* ### Step 5: Edit the Table Body Content Once you’ve edited the header, go to the ***Table Body ***tab to add or edit the table content. Similar to the ***Table Header*** section, add a row and set the ***Action*** dropdown to ***Start a New Row****.* ![](https://theplusaddons.com/wp-content/uploads/2024/11/Start-a-new-row.png) Now you can add Row content and, similar to the header cells, edit the cells for each table row to add content. You can also add custom buttons with a link to make the table more interactive. ![](https://theplusaddons.com/wp-content/uploads/2024/11/add-custom-buttons-with-a-link.png) You can add a custom image or icon to the main table from the ***Icon/Image*** tab and customize the size of the rows and cells from the ***Advanced*** tab. Next, under the ***Extra Settings***, you can also make your table searchable with the search feature, which allows users to sort the contents of the table based on specific criteria. You can further customize the search bar feature, icons, images, and more for your table. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Add-Search-bar.png) ### Step 6: Customize the Comparison Table Once your table content is added, you can style and customize the entire table to match your website aesthetics. You can customize every element of the table header and body, from text alignment, typography, background colors, border width and color, and so on. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Customize-the-Comparison-Table.png) Once the table is ready, click ***Update ***to publish the table on your website. ***People Also Read:** [5 Best Elementor Comparison Table Plugins](https://theplusaddons.com/blog/best-elementor-comparison-table-plugins/)* ## Wrapping Up This step-by-step guide will help you create a fully customizable product features comparison table for your website. A product comparison table will allow your website visitors to evaluate the various products on your website and make better purchase decisions. And not just that. Creating a comparison table for your website enhances engagement and gives your users more reasons to interact with the site. With the right tools, like the [Elementor Data Table](https://theplusaddons.com/elementor-widget/data-tables/) widget from [The Plus Addons for Elementor](https://theplusaddons.com/), you can quickly design a professional product comparison table. The widget gives you full control over the content and style of the table with its unique features. What’s more, The Plus Addons for Elementor plugin offers you access to more than 120 other unique widgets for your Elementor website so that you can create a stunning, highly functional website. You can add image galleries, create pricing tables, add different design elements, use social sharing features, and do more with dedicated widgets for different functionalities. ## FAQs on Creating Comparison Tables in WordPress ### Is it possible to create a comparison table without a plugin? Yes, the default WordPress block editor comes with a Table block that you can use to create comparison tables. However, it can be limited in design and functionality, so using a third-party plugin like The Plus Addons for Elementor is a good idea. ### What elements should we display on product comparison tables? You can display the different products, their features, their pros and cons, and pricing on the comparison tables to give your audience detailed product information. You can also support this information with custom images to make the table visually attractive. ### Is it possible to add images or videos to a comparison table? Yes, with the Elementor Data Table widget from The Plus Addons from Elementor, you can easily add a custom icon or image to add a visual element to the table. ### Will a comparison table affect website loading speed? A well-designed and optimized table would not affect your website loading speed. ### What is the best way to make a responsive comparison table in WordPress? The best way to create a responsive comparison table in WordPress is by using a plugin like The Plus Addons for Elementor. The plugin allows customization, makes tables mobile-friendly, and supports adding images, buttons, and links easily. --- # AVIF vs WebP: Which Image Format Helps in Improving Site Performance? Source: https://theplusaddons.com/blog/avif-vs-webp/ With so many image formats available, it’s always a challenge to decide which one to choose. Are they reliable? Do they actually improve website performance? And plenty of other concerns. When it comes to modern image formats, AVIF and WebP often lead the conversation.  AVIF offers exceptional image compression and quality, making it ideal for high-resolution visuals. On the flip side, WebP is more widely supported by browsers and provides a good balance between file size and quality. In this image format war, we’ll compare AVIF vs WebP and also understand the difference in detail. Along with that, we’ll help you to choose the perfect image format for your website type. Let’s get started! ## Key Takeaways - WebP is fast, efficient, and widely supported. - AVIF offers better compression but has limited support. - Use AVIF with WebP fallback for best results. ## What is AVIF Image Format? ![](https://theplusaddons.com/wp-content/uploads/2024/11/AVIF-Image-Format.png) AVIF full form is AV1 Image File Format. It’s a new type of image file that’s becoming popular because it keeps high-quality images while making the file size much smaller.  It is built on the AV1 video codec, which means it can achieve better compression than older formats.  This results in smaller file sizes without a noticeable loss in image quality. This means your website can load faster without sacrificing image quality.  AVIF is gaining popularity as more web browsers begin to support it. Its efficient compression and high-quality output make it suitable for various applications, from web design to digital photography. ## How does AVIF Image Format Work? AVIF works by using a special type of video compression technology called AV1 codec. Normally, this codec is used to shrink videos without making them look blurry.  It takes that same powerful compression and applies it to single images instead of full videos.  Because of its advanced encoding method, it’s like having a smart filter that decides what parts of the image need the most detail, and what can be simplified without anyone noticing. ### Pros and Cons of Using AVIF Images | **Pros of AVIF** | **Cons of AVIF** | | ---------------- | ---------------- | | Saves space and loads faster | Not all browsers fully support AVIF yet | | Maintains great detail and colors | Takes longer to encode and decode | | It supports various features like transparency, animation, HDR, and 10-bit and 12-bit colors. | Some tools and programs might not support AVIF, which can create challenges in editing and sharing your images. | | More efficient than JPEG and WebP | Might need fallback formats for older devices | ## What is WebP Image Format? ![](https://theplusaddons.com/wp-content/uploads/2024/11/WebP-Image-Format.png) WebP is a modern image format developed by Google in 2010 that is designed to make your website faster. It compresses your images to smaller file sizes without losing much quality.  This means your images look great, but they load faster, making your site quicker and more user-friendly. This format supports both lossy and lossless compression.  - **Lossy Compression**: This reduces file size by removing some image data. The result is a smaller file with some quality loss, often suitable for web use. - **Lossless Compression**: This maintains the original image quality. It compresses the file without losing any pixel data. WebP images are about 25-35% smaller than JPEG and PNG images. So, they use less storage space and load faster on your site. Even though the file size is smaller, the image quality is still very good. You won’t notice much difference compared to [JPEG or PNG.](https://theplusaddons.com/blog/jpg-vs-png/) It’s ideal for websites where performance matters, such as blogs, online stores, and portfolios.  The best thing is now WordPress the 5.8 version of WordPress also started supporting WebP image file format without needing any extra plugins. ## How WebP Image Format Work? WebP works by shrinking down your image file size while keeping the important parts clear and sharp. It cuts out extra information you can’t see in your image, like tiny details or repetitive patterns. This helps make the file smaller without changing how the image looks to your eyes. For photos (like JPEG images), WebP uses a method that focuses on removing small details that won’t be noticed much and for images with transparency (like PNG images), WebP finds a way to keep the see-through parts while still reducing the file size. ### Pros and Cons of Using WebP | Pros of WebP | Cons of WebP | | ----------------- | ------------ | | WebP images are smaller, making your website load faster. | Not all browsers support WebP, so you might need fallback options. | | It supports lossy and lossless compression. This means you can choose between smaller sizes and better quality. | You may need to convert your images to WebP format before using them. | | Just like PNG, WebP can have transparent areas. | Editing WebP images can be slower compared to other formats like JPEG or PNG. | | You can create animated images similar to GIFs, providing more dynamic content options. | Some older image software might not support WebP. | ## AVIF vs WebP: Technical Comparison ### 1. File Size and Compression Whenever there is a case of image format comparison it is always important to consider the compression techniques and file size because it is where it makes the most difference. AVIF provides even better compression, often resulting in 50% smaller files compared to JPEG and around 20-30% smaller than WebP. ![](https://theplusaddons.com/wp-content/uploads/2024/11/AVIF-Image.avif) ***AVIF Image Size: 26 KB*** ![](https://theplusaddons.com/wp-content/uploads/2024/11/WebP-Image.webp) ***WebP Image Size: 17 KB*** ### 2. Image Quality Another aspect of technical comparison is image quality.  AVIF uses a more advanced compression technique (based on the AV1 video codec), which retains more details even at very small file sizes. It Supports a wider range of colors and HDR (High Dynamic Range), making it better for photos with vibrant colors or high contrast. Whereas, if you heavily compress a WebP image, you may start to notice a loss in details, especially in complex textures. ***Recommended Reading****: *[*How to Fix Blurry Images in Elementor [SOLVED]*](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/) ### 3. Browser Support Both AVIF and WebP are designed to help websites load faster, but they have different levels of browser support. Always consider the image format that is supported by most of the web browsers. So if we talk about the AVIF image format then it has less browser support than WebP but nowadays it growing so fast that almost [94.49%](https://caniuse.com/?search=avif) of browsers support the .avif image file format. ![](https://theplusaddons.com/wp-content/uploads/2024/11/AVIF-Image-Format-Browser-Support.png) WebP is a well-known image that has been on the internet for a long time so now almost [97.21%](https://caniuse.com/?search=webp) of browsers support it. ![](https://theplusaddons.com/wp-content/uploads/2024/11/WebP-Image-Format-Browser-Support.png) ### 4. Use Cases #### Use cases for WebP - **Blogs and Content Websites**: WebP is ideal for blogs and content-heavy sites because it compresses images well without sacrificing quality. - **Online Stores (eCommerce)**: It works well for product images, as it balances quality and file size. This helps reduce loading time, leading to a better shopping experience and possibly higher sales. - **Websites with Transparent Images**: If your site uses logos, icons, or images with transparent backgrounds, WebP supports transparency like PNG but with a smaller file size. #### Use cases for AVIF - **Photography Websites and Portfolios**: It is perfect for high-quality photos with a lot of detail because it offers better compression than WebP while preserving image quality. - **Streaming Services and Video Thumbnails**: AVIF is based on the AV1 video codec, making it an excellent choice for video platforms that need small, high-quality thumbnails. - **Web Applications with Heavy Image Use**: For web apps that display a lot of images (e.g., social media platforms or online photo editors), AVIF can reduce file sizes significantly, saving bandwidth and storage space. ## AVIF vs WebP: Key Differences Here is the difference table of Avif format vs WebP which you can consider. | Parameters | **AVIF** | **WebP** | | ---------- | -------- | -------- | | 1. Efficiency | Offers better compression, with smaller file sizes for high-quality images. | Good compression, but files may be larger compared to AVIF for the same quality. | | 2. Quality | Superior quality, especially for complex images and gradients. | Good quality but may show artifacts in complex visuals. | | 3. Browser Support | Limited but growing support (Chrome, Firefox). Not fully supported in all browsers yet. | Widely supported across major browsers like Chrome, Firefox, Edge, and Safari. | | 4. Transparency | Supports transparency with high-quality results. | Supports transparency, but quality can be lower than AVIF. | | 5. Animation Support | Limited animation support, less efficient for animated images. | Supports animation well, making it suitable for GIF replacements. | ***People Also Read***: [*JPG Vs WebP: Should You Use WebP over JPG?*](https://theplusaddons.com/blog/jpg-vs-webp/) ## How to Convert Image from AVIF to WebP Here is the easy way by which you can convert your AVIF images into WebP easily. ### Use an Online Image Converter You can convert your AVIF image into WebP by using an online image converter like [Convertio](https://convertio.co/). This online image converter tool is very easy also, you don’t have to sign in to perform conversion. Steps to convert AVIF file to WebP: **Step. 1 **First, choose the AVIF file that you want to convert. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Convertio.png) **Step. 2 **Then choose the file type to which you want to convert your AVIF file, here we’ll choose WebP. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Select-WebP-1024x397.png) **Step. 3** After choosing the file click on **Convert** and wait for a while until the conversion is complete, once the conversion is over you can also download the converted image for free. You can follow the same process to convert WebP images to AVIF. Just upload a WebP image and select the AVIF format from the available options. ***Suggested Reading***: [*JPG vs AVIF: Traditional Vs Modern Image Format*](https://theplusaddons.com/blog/jpg-vs-avif//) ## Which Image File Format You Should Choose for Your Website? Choosing the image format is based on your personal preference and your website type.  If speed is your top priority meaning you want images to load quickly and not slow down your website then go with WebP image file format. Because, it offers a great balance of compression and quality, making it ideal for reducing file sizes while maintaining acceptable image quality. On the other side, If the image quality is your main concern, especially for high-resolution photos or detailed images then you should opt for the AVIF image file format. Because, AVIF is the most efficient when it comes to compressing high-quality images without losing detail, making it perfect for photos and images with fine details. Images are just one piece of the puzzle. There are many other aspects to focus on, especially if you're using Elementor and want to improve your site performance in every aspect then we highly recommend you to use [The Plus Addons for Elementor](https://theplusaddons.com/). This is an all-in-one plugin with over 120 widgets and extensions that can replace multiple plugins that help you to create a highly attractive website that your visitors and users love to spend time on. Being all in one plugin you don’t have to look out for different plugins for your different needs you will get everything in one place. Sounds unreal right? ## FAQs on AVIF vs WebP ### Is AVIF better than WebP? Yes, AVIF is generally better than PNG in most cases. It offers much smaller file sizes with similar or better image quality, making it ideal for web use. Additionally, AVIF supports transparency (like PNG) but with better compression, which helps improve website speed and reduces loading times. ### Which image format is best for a website? The best image format for a website depends on your needs. WebP is ideal for speed, offering good quality with smaller file sizes. If you prioritize top-notch image quality, especially for photos, use AVIF. For compatibility, use JPEG or PNG as fallback options. ### Can you open AVIF in Photoshop? Yes, you can open AVIF files in Photoshop, but it requires a plugin. Photoshop doesn’t support AVIF by default. You can use the AVIF format plugin by Fnord to add this capability. Once installed, you’ll be able to open, edit, and save AVIF images in Photoshop easily. ### Should developers adopt AVIF images over other formats? Yes, developers should consider adopting AVIF if they prioritize image quality and smaller file sizes. However, they must also account for browser compatibility. In many cases, using AVIF in conjunction with other formats may offer the best user experience. ### Is WebP truly lossless? WebP can be both lossless and lossy, depending on how it's used. In lossless mode, WebP preserves all image details without any data loss, similar to PNG. However, most websites use the lossy version for smaller file sizes. It’s a balance between quality and compression based on your needs. --- # 8 Best WordPress Sidebar Plugins Compared Source: https://theplusaddons.com/blog/best-wordpress-sidebar-plugins/ Want your website to be more engaging? Use these best WordPress sidebar plugins to improve functionality and captivate your audience! A WordPress sidebar is an area on your website that displays supplementary content and widgets alongside your main content. It's a valuable space to enhance the user experience by providing additional information, navigation options, or interactive elements. Creating a WordPress sidebar can be challenging as you need coding and a deep understanding of WordPress theme structure. Also, themes have limited sidebar customization options, requiring you to manually edit code to achieve your desired layout and functionality. However, WordPress sidebar plugins make it easy to create custom sidebars that match your website's aesthetic. In this article, we will check 8 easy-to-use WordPress Sidebar Plugins you can consider. Let's get started! ## What are WordPress Sidebar Plugins? WordPress sidebar plugins are tools that let you customize the sidebars on your website. Sidebars are those areas on the sides of your website where you can put extra things like a list of recent popular posts, a built-in search function, contextual-related posts, event calendars, or social media buttons. These plugins give you more control over what appears in your sidebars and how they look. You can use them to add functionality to your website, generate leads, make it more engaging, offer additional information, lead visitors toward specific actions, and more. ## Best WordPress Sidebar Plugins Compared | **Sl. No.** | **Plugin** | **Best For** | **Cost** | | ----------- | ---------- | ------------ | -------- | | 1 | Advertisement Banner Widget | Displaying ads & promotions | Free + $39/year | | 2 | Social Sharing Widget | Encouraging social media sharing | Free + $39/year | | 3 | Navigation Menu | Creating custom navigation menus | Free + $39/year | | 4 | Elementor Popup Builder | Building engaging popups | Free + $39/year | | 5 | Sticky Column Widget | Keeping content fixed while scrolling | Free + $39/year | | 6 | Mailchimp Subscription Widget | Growing your email list | Free + $39/year | | 7 | Fuse Social Floating Sidebar | Adding floating social media icons | Free + $29/year | | 8 | Content Aware Sidebars | Displaying different sidebars based on content | Free + $49/year | ### 1. Advertisement Banner Widget ![](https://theplusaddons.com/wp-content/uploads/2024/11/Advertisement-Baner-1024x381.png) The Advertisement Banner widget from The Plus Addons for Elementor provides an easy way to integrate promotional content into your website. With this versatile tool, you can craft visually engaging banners that highlight key offers, showcase products, or generate advertising revenue. With this widget, you can monetize your website through ad revenue, promote specific products or services, or highlight special offers. The Advertisement Banner Widget allows you to customize your banners extensively with images, text, buttons, and captivating hover effects. The widget offers a user-friendly interface and a range of pre-designed templates and buttons, making it easy to create banners that align with your brand's aesthetic. #### Key features of the Advertisement Banner Widget - **Versatile Design Options:** Customize every aspect of your banners, including images, text, buttons, colors, and fonts. - **Interactive Hover Effects:** Engage visitors with captivating hover effects like blur, parallax, and vertical animations. - **Ready-to-Use Templates:** Jumpstart your banner creation with 17+ pre-designed templates and customize them to your liking. > **Ideal for: **The advertisement banner widget works best if you want to monetize your website traffic or feature promotional content prominently. Consider placing this widget above the fold for immediate visibility or interspersed with content widgets to break up text-heavy areas. You can also place it strategically below the navigation menu to catch visitor's eyes after they have explored the menu. #### Pricing of Advertisement Banner Widget The Advertisement Banner Widget is a part of The Plus Addons for Elementor plugin. You can download the plugin for free from the WordPress repository. It also has pro plans starting from $39/year. The Plus Addons plugin gives you access to 120+ Elementor widgets to improve the look and feel of your site. [Learn More](https://theplusaddons.com/elementor-widget/banner-widget/) ### 2. Social Sharing Widget ![](https://theplusaddons.com/wp-content/uploads/2024/11/Social-sharing-buttons-1024x450.png) The Social Sharing widget from The Plus Addons for Elementor empowers you to effortlessly integrate social media sharing functionality into your WordPress website. You can boost your content's visibility and encourage audience engagement by providing visitors with a convenient way to share your articles, pages, or products across their favorite social media platforms. With this widget, you can add eye-catching social sharing buttons to your website's design to enhance its functionality and promote organic reach. The Social Sharing widget allows you to fully customize the appearance and behavior of your social sharing buttons with a wide range of options. You can choose from a variety of button designs to match your website's aesthetic, display share counts to showcase the popularity of your content, and add follower counts to highlight your social media presence. #### Key Features of Social Sharing Widget - **Flexible Layouts: **Choose from horizontal, vertical, or toggle layouts to seamlessly integrate social sharing buttons into your design. - **Diverse Styling Options:** Customize button styles, colors, and sizes to match your website's branding. - **Extensive Platform Support:**The widget supports over 20 popular platforms, including Facebook, Twitter (X), Instagram, Pinterest, LinkedIn, and more, ensuring comprehensive coverage for your audience. > **Ideal for:** This widget is great for blogs, news websites, online stores, and any website that wants to encourage social sharing through the sidebar. You can place it above the fold to maximize visibility or position it prominently after the post title so that users share your posts immediately after the title catches their attention. #### Pricing of Social Sharing Widget The Social Sharing Widget is a premium widget part of The Plus Addons for Elementor, available for $39 per year. This grants you access to a comprehensive suite of 120+ widgets and tools to enhance your website's functionality and design. [Learn More](https://theplusaddons.com/elementor-widget/social-sharing-buttons/) ### 3. Navigation Menu ![](https://theplusaddons.com/wp-content/uploads/2024/11/Navigation-Menu-1024x465.png) The Navigation Menu widget from The Plus Addons for Elementor provides a powerful and flexible way to improve your website's navigation. You can go beyond the standard WordPress menu options and create visually appealing, dynamic menus that improve user experience and encourage exploration of your site. This widget empowers you to craft unique menu styles, incorporate interactive elements, and customize the navigation experience to align perfectly with your website's design and functionality. With a user-friendly interface and extensive customization options, the Navigation Menu widget allows you to tailor every aspect of your menus. Choose from various layouts, including vertical, horizontal, and expanded accordion styles, and add icons, images, and custom colors to create visually engaging menus that capture attention and implement smooth animations and hover effects to add a touch of interactivity and enhance user engagement. #### Key Features of Navigation Menu - **Theme Compatibility: **Works seamlessly with any WordPress theme, providing flexibility and integration. - **Mobile Optimization:** Includes a dedicated mobile menu for a responsive and user-friendly experience on all devices. - **Cross-Browser Support:** Ensures consistent functionality and appearance across all major web browsers. > **Ideal For:** It's perfect for websites that require advanced navigation customization. The widget is typically placed at the top of the sidebar and serves as the primary navigation for visitors. It can also be used to create secondary menus or sub-navigation within the sidebar. #### Pricing of Navigation Menu The Navigation Menu widget is a part of The Plus Addons for Elementor plugin. You can download the plugin for free from the WordPress repository. It also has pro plans starting from $39/year. The Plus Addons plugin gives you access to 120+ Elementor widgets to improve the look and feel of your site. [Learn More](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) *Want to create stunning menus for your website? Here are the [**5 best WordPress menu plugins**](https://theplusaddons.com/blog/wordpress-menu-plugins/)**.*** ### 4. Elementor Popup Builder ![](https://theplusaddons.com/wp-content/uploads/2024/11/Elementor-Popup-Builder.png) The Elementor Popup Builder from The Plus Addons provides comprehensive tools for creating and customizing dynamic popups on your WordPress website. You can now get rid of static displays and craft interactive popups with diverse layouts, eye-catching animations, and customizable triggers. Popups help you capture leads, promote offers, or deliver important information. The Elementor Popup Builder gives you the flexibility to design popups that match your website's design and enhance the user experience. With an intuitive interface and a wealth of customization options, the widget allows you to tailor every aspect of your popups. Choose from various layouts, including modal, slide-in, and corner box styles, to achieve the desired visual impact. #### Key Features of Elementor Popup Builder - **Multiple Popup Layouts:** Choose from various layouts, including modal, slide-in, corner box, and off-canvas styles. - **Entrance Animation & Triggers:** Control how your popups appear with 7 entrance animations and trigger them based on user interactions or page events. - **Popup Display Controls:** Fine-tune the display of your popups with options to control width, height, overlay, and closing settings. > **Ideal For:** Popups are ideal for capturing leads, offering discounts and promotions, and delivering targeted messages. They are typically overlaid on the entire screen. However, within the sidebar, you can trigger smaller popups with additional information, a contact form, or a special offer. #### Pricing of Elementor Popup Builder The Elementor Popup Builder is a part of The Plus Addons for the Elementor plugin. You can download the plugin for free from the WordPress repository. It also has pro plans starting from $39/year. This subscription also gives you access to 120+ other widgets. [Learn More](https://theplusaddons.com/elementor-builder/popup-builder/) ### 5. Sticky Column Widget ![](https://theplusaddons.com/wp-content/uploads/2024/11/Sticky-Column-Widget.png) The Sticky Column widget from The Plus Addons for Elementor enhances website layouts and user experience by enabling specific columns to "stick" as visitors scroll. This ensures content, like calls to action, navigation menus, or key information, remains consistently visible, even on lengthy pages. This adds an interactive and modern design element while improving user engagement by continually prompting users to take certain actions and keeping useful elements readily accessible. This widget offers customization options to fine-tune the sticky behavior. You can control the points where the sticky effect starts and ends and manage the sticky column to control how it overlaps with other page elements. This level of control ensures perfect integration with your website's design without overwhelming your users. #### Key Features of Sticky Column Widget - **Customizable Top and Bottom Spacing**: Define the exact points on your page where the sticky effect begins and ends. - **Adjustable Padding:** Control the spacing around the sticky column to fine-tune its appearance. - **Responsive Settings: **Enable or disable the sticky effect for different devices (desktop, tablet, mobile) to optimize the experience across various screen sizes. > **Ideal For: **These are great for highlighting important information, improving navigation accessibility, and creating dynamic layouts on your website. You can use this widget to keep your navigation options, social media buttons, contact forms or call-to-action buttons in view. #### Pricing of Sticky Column Widget The Sticky Column Widget from The Plus Addons for Elementor is part of the Pro version, priced at $39/year. At this price, you also get access to 120+ unique widgets that help enhance your website's design. [Learn More](https://theplusaddons.com/elementor-extras/sticky-column/) ### 6. Mailchimp Subscription Widget ![](https://theplusaddons.com/wp-content/uploads/2024/11/Mailchimp-Subscription-Widget.png) The Mailchimp Subscription widget from The Plus Addons for Elementor simplifies integrating Mailchimp with your WordPress website. Effortlessly create attractive subscription forms that capture leads and grow your email list. This widget provides a user-friendly interface and extensive customization options, allowing you to design forms that align with your website's aesthetic and branding. With this widget, you can easily configure your Mailchimp API key and list ID, ensuring a smooth connection between your website and your email marketing platform. Customize form fields, add GDPR compliance checkboxes, and personalize the subscribe button to match your preferences. The widget also offers advanced features like custom response messages, double opt-in configuration, and redirect options, providing complete control over the subscription process. #### Key Features of Mailchimp Subscription Widget - **Ready-to-Use Templates:** Choose from a variety of pre-designed form templates to quickly create visually appealing subscription forms. - **GDPR Compliance:**Ensure data privacy with built-in GDPR compliance features, including consent checkboxes and customizable privacy policies. - **Custom Response Messages:**Personalize the user experience with tailored response messages upon successful subscription or form submission. > **Ideal ****For: **The Mailchimp Subscription Widget is ideal if you're looking to grow your email lists, capture leads, and nurture existing customer relationships. You can place it in your sidebar, or above the fold to maximize visibility, below a blog post to encourage engaged readers to stay connected, or complement your call to action with an opportunity to subscribe for updates or exclusive offers. #### Pricing of Mailchimp Subscription Widget Mailchimp Subscription Widget is a part of The Plus Addons for Elementor plugin. You can download the plugin for free from the WordPress repository. It also has pro plans starting from $39/year. The Plus Addons plugin gives you access to 120+ Elementor widgets to improve the look and feel of your site. [Learn More](https://theplusaddons.com/elementor-widget/mailchimp-form/) ***Recommended Read:** [7 Best MailChimp Plugins for WordPress [Grow Subscribers]](https://theplusaddons.com/blog/best-mailchimp-plugins-for-wordpress/)* ### 7. Fuse Social Floating Sidebar ![](https://theplusaddons.com/wp-content/uploads/2024/11/Fuse-Social-Floating-Sidebar.png) Fuse Social Floating Sidebar offers floating social media icons that you can add to your WordPress website. This plugin provides a visually engaging method for displaying social links, encouraging visitors to connect with you on various platforms. The floating icons remain visible as users scroll, ensuring consistent access to your social media profiles. The plugin also allows for basic customization, enabling you to adjust icon shapes, sizes, and colors to match your website's aesthetic. The Fuse Social Floating Sidebar allows you to control the visibility of the icons as users scroll, ensuring they don't obstruct crucial content on the initial page load. While it offers these functionalities, the free version has a limited selection of platforms and lacks advanced features like analytics and conditional display settings. #### Key Features of Fuse Social Floating Sidebar - **Animated Rotation Effect:**Add a dynamic touch to your social icons with an animated rotation effect. - **Control Visibility on Scroll: **Choose to reveal social icons only when users scroll down the page, preventing them from obstructing the main content. - **Action Button Feature:** Display social icons under an action button, requiring users to click to reveal them. > **Ideal For:** This widget helps you add visually engaging social media links. It can be placed anywhere on your website and typically appears as an overlay on the side of the screen. #### Pricing of Fuse Social Floating Sidebar Fuse Social Floating Sidebar pricing starts from $29 per year. It offers advanced functionality like custom icons, conditional settings, and analytics. [Learn More](https://wordpress.org/plugins/fuse-social-floating-sidebar/) *Want to opt out of using WordPress sidebars? Here's [**how to remove the WordPress Sidebar**](https://theplusaddons.com/blog/remove-wordpress-sidebar/).* ### 8. Content Aware Sidebars ![](https://theplusaddons.com/wp-content/uploads/2024/11/Content-Aware-sidebars.png) Content Aware Sidebars is a management plugin that allows you to create and manage multiple sidebars on your WordPress website, tailoring their display based on various conditions. This plugin offers granular control over widget visibility, so you can show or hide specific widgets on different pages, posts, categories, or even based on user roles. While this sidebar plugin for WordPress excels in conditional sidebar management, its design customization options are not as extensive as those offered by some other sidebar plugins. With Content Aware Sidebars, you can create unique sidebar experiences for different sections of your website for optimal content delivery and user engagement. This plugin provides a user-friendly interface for managing your sidebars and defining display conditions. #### Key Features of Content Aware Sidebars - **Extensive Display Conditions: **Target specific content with a wide range of display conditions, including post types, categories, authors, taxonomies, and more. - **Schedule and Disable Sidebars:** Control the visibility of your sidebars with scheduling options and one-click activation/deactivation. - **Enhanced Widget Manager: **Enjoy a user-friendly widget management experience with live search and a split-screen interface. > **Ideal For:** It is perfect for creating dynamic sidebars to tailor content delivery. The plugin helps you manage and fully control where your sidebars appear, which means you can place them based on your specific requirements. #### Pricing of Content Aware Sidebars The pro plans of Content Aware Sidebars start from $49 per year. [Learn More](https://wordpress.org/plugins/content-aware-sidebars/) *Want to make your website more navigable? Choose from these *[***7 best WordPress search plugins.***](https://theplusaddons.com/blog/best-wordpress-search-plugins/) ## Wrapping Up That sums up our guide on the best WordPress sidebar plugins. With the right WordPress sidebar widget, you can improve the user experience on your website by providing relevant information and simplifying navigation to guide visitors seamlessly through your site and keep them engaged. Instead of installing multiple plugins that might slow down your website, install a comprehensive plugin like [**The Plus Addons for Elementor**](https://theplusaddons.com/) that bundles several sidebar widgets you may need into a single package. With The Plus Addons for Elementor, you get access to over 120+ Elementor widgets including the first six sidebar widgets mentioned on this list. The Plus Addons give you immense design freedom. Customize your sidebar's appearance with various options to match your brand identity and create a visually appealing experience. Enjoy a lightweight, performance-focused plugin that enhances both the functionality and aesthetics of your website. ## FAQs on Best WordPress Sidebar Plugins ### Do WordPress sidebar plugins impact website performance? Yes, sidebar plugins for WordPress can impact your website's performance, especially if you use plugins that are poorly optimized, as they can make your website's code bulky. To ensure minimal performance impact, use lightweight plugins like The Plus Addons for Elementor, which are optimized for speed and performance. ### Are sidebar plugins compatible with page builders like Elementor and Gutenberg? Yes, more WP sidebar widgets and plugins are compatible with major page builders like Elementor and Gutenberg. Check the plugin's documentation or support forum for compatibility information.  ### Is it ok to use multiple WordPress sidebar plugins simultaneously? It's technically possible, but it's generally not recommended. Multiple sidebar plugins can lead to conflicts, performance issues, and unexpected behavior. If you need multiple functionalities, try finding a single plugin like The Plus Addons for Elementor that offers a comprehensive solution for your WordPress sidebar needs with several custom widgets. ### Are WordPress sidebar plugins compatible with all WordPress themes? Most reputed WordPress sidebar plugins are designed to work with a wide range of WordPress themes. However, some themes might have unique sidebar configurations or styling that could cause compatibility issues. Use sidebar plugins that are frequently updated and offer easily accessible customer support to avoid running into compatibility issues. ### Is it possible to generate leads through website sidebar? Yes, you can strategically place opt-in forms, calls to action, or contact forms within your sidebar to generate leads. Sidecars can help you place forms to generate leads without disrupting the main content on your page. Offer valuable incentives like free ebooks, exclusive content, or discounts to encourage lead generation. ### Which WordPress sidebar widgets are highly recommended? Some highly recommended WordPress sidebar widgets are those that allow you to create eye-catching advertisement banners to generate revenue, social sharing buttons for increased visibility, user-friendly navigation menus for easy exploration, relevant pop-ups for ongoing promotions, and sticky columns to keep key content in view as visitors scroll. ### What features should I look for in a sidebar plugin? A good sidebar plugin should be user-friendly and offer extensive customization options. Look for features like creating multiple sidebars, display-specific sidebars based on content, and widget control. Apart from this, look for a comprehensive plugin like The Plus Addons for Elementor, which gives you a variety of widgets. ### Can I add social media icons to my WordPress sidebar? Yes, you can add social media icons to your WordPress sidebar by using widgets such as the Social Sharing widget from The Plus Addons for Elementor. Social media icons in your sidebar allow you to boost brand visibility, drive traffic to your social media pages, and build community by connecting with your audience. --- # How to Unblock Websites [9 Working Methods] Source: https://theplusaddons.com/blog/how-to-unblock-websites/ Not sure how to unblock websites on your network? This blog is for you! When you are on a particular network, such as a school or workplace, encountering a blocked website is all too common. There could be various reasons for such entities to block websites like security concerns, inappropriate content, or simply to ensure productivity in a certain setting. Other times, you might encounter a blocked website because of the site's own policies. Whatever the reason, running into a blocked website can be frustrating, leading to a poor browsing experience on the internet. Thankfully, there are several practical ways to bypass this censorship and unblock websites. In this article, we'll dive into 9 working methods on how to get around blocked websites. ## Key Takeaways - Use a VPN to bypass most website blocks. - Try proxies, Tor, or change DNS settings. - Use Google Cache, Wayback Machine, or site’s IP. ## Why Websites Get Blocked? Website blocking typically happens when someone is trying to prevent access to certain websites. It can affect your browsing experience and stop you from using the internet for work, research, or entertainment. **Most websites can get blocked in these three ways-** - Blocked by the network you're using, such as the Wi-Fi at an institution or workplace - Blocked by the website - Blocked by the internet service provider or even the government Websites are usually blocked for various reasons, including security issues, restricted content, or for enforcing regulations on certain content. However, based on the type of block and the websites you're trying to access, there's usually a workaround for accessing blocked websites. *Worried that your Elementor website is vulnerable to security attacks? Check out the **[6 Best Security Plugins](https://theplusaddons.com/blog/best-wordpress-security-plugins/)** for your site to keep it safe.* ### Is It Legal to Unblock Websites? It depends on the type of website you want to access and the country you are in whether it is legal to unblock a website. For instance, if the government of your country has blocked a certain website, it can be illegal to unblock it. Further, unblocking websites that are blocked because of their own policies or those that contain censored information can be illegal. On the other hand, using a VPN is legal in most countries except a few, so using it to unblock website browser is completely legal. ## How to Unblock Websites [Working Methods] Let's explore different solutions you can try when you're not sure how to access a blocked website- ### 1. Using Virtual Private Network (VPN) The most common answer to your question "how to bypass internet blocks" is a VPN. A VPN (Virtual Private Network) encrypts and reroutes your internet traffic and extends your private network onto a virtual public network. In simpler words, instead of visiting the website directly, you are doing so via VPN, which acts as a middleman. This means that with a VPN, both your IP address and traffic are hidden and secure from the website you are visiting. They make your online activity anonymous, preventing your internet service provider from tracking you when you visit a blocked website. **Here's how you can set up a VPN:** - Sign up for a VPN client on your desktop or browser - Install the app and log in - Connect to a server - Turn on your connection, and you'll be able to access blocked websites ### 2. Using Proxy Servers Like a VPN, a proxy server also acts as an intermediary, reroutes traffic through its own server, and hides your IP address from the website. You simply request access to a website through the proxy server, and it fetches and displays the content to you. When you use a proxy server to access a blocked website, the access request appears to be coming from the server, which allows you to bypass any restrictions imposed by the network or ISP. The best part is that proxy servers are free and require no installation, making them an excellent tool for accessing blocked websites. However, a key difference is that proxy servers do not encrypt data like VPNs do. As a result, your traffic is visible to third parties and can make you vulnerable to security threats. ### 3. Using the Tor Network Tor network, short for "The Onion Router", is a free, open-source network that allows you to access the internet anonymously. It routes your data through a network of volunteer servers to hide your IP from the website, protect your privacy, and even bypass restricted websites. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Using-TOR-Browser.png) While VPNs and proxies rely on dedicated servers, the Tor network uses a large network of volunteer servers. Using it is easy and completely free: you only need to [download the Tor browser](https://www.torproject.org/download/), select a connection, and you're good to go. ### 4. Changing DNS Servers IP addresses are generated from domain names using DNS servers. Oftentimes, websites might be blocked by manipulating the DNS or [banning your IP address](https://theplusaddons.com/blog/how-to-block-ip-address-in-wordpress/). If that's the case, switching to a different DNS server can help you unblock websites. You can do this by entering the IP address of the alternate DNS in your system's network settings, such as the Google Public DNS (8.8.8.8, 8.8.4.4) or Cloudflare (1.1.1.1). Or, go to ***Chrome settings > Privacy and Security > Advanced***. Click on ***Use Secure DNS*** and change your DNS provider from the dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Change-your-DNS-server-from-the-dropdown.png) *Is your WordPress website down and affecting the user experience? Learn about the [**8 Things to Check and Know How to Fix them**.](https://theplusaddons.com/blog/wordpress-website-is-down/)* ### 5. Using Smart DNS When you want to access a website that has implemented geo-blocking, Smart DNS reroutes your internet traffic via a proxy to allow access to the content. Plus, this website unblocker method does not encrypt the traffic like a VPN, so your internet traffic is faster. This also makes it ideal for accessing various bandwidth-intensive activities. To use Smart DNS to unblock restricted websites, you need to subscribe to a Smart DNS service, configure your device's DNS settings, and you'll be able to access blocked websites. ### 6. Using Chrome Extensions Several Chrome extensions allow you to access blocked websites the same way a VPN does. These extensions also work by rerouting your internet traffic through their servers and hiding your IP address from the website you're on. Simply install the browser extension such as [Hola](https://chromewebstore.google.com/detail/hola-vpn-your-website-unb/gkojfkhlekighikafcpjkiklfbnlmeio?hl=en) or [ProxMate](https://proxmate-for-chrome.en.lo4d.com/windows) in your Chrome, activate it, and access the blocked website. ***Did you know** you can even block IP addresses easily on WordPress? Here's how:* https://youtu.be/w7yhRANUUvc?si=JW7eoPY3HO0Z_06o ### 7. Switching between HTTP and HTTPS If you're wondering how to get past blocked websites, one of the simplest ways is to switch to its HTTPS version. So, try switching the URL to https to access a blocked site. Since HTTPS is the standard for most websites to ensure security, usually HTTP versions get blocked and you might be able to access the https version. However, for the same reason that HTTPS is now a standard, the solution might not work for all websites. ### 8. Using Google Cache Google Cache typically saves copies of every website they crawl, which means you might still be able to access a website's content even if the site is blocked. Since you don't need a website URL to access a cached website through Google's cached version, you can view blocked sites, albeit older versions. **To view a cached website through Google, follow these steps-** - Open your web browser and search for the website that you want to access on Google search. - In the search results, click on the three dots next to the website - In the pop-up page, you'll see "cached" if the cached version of the site is available - Click on it to access the version Alternatively, you can also type "cached:" before the website URL in the search bar to view the unblocked websites. ***Suggested Read: **[6 Best Cache Plugins to Pass Web Vitals Test](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/)* ### 9. Using Web Archive Another easy method to access blocked websites is to use web archive services such as Wayback Machine. Much like cache, these services maintain copies of web pages from various times. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Use-Wayback-machine.png) So, you'll be able to access older, archived versions of websites even if they are blocked due to restrictions and downtime. **Here's how you can use web archive services-** - Go to any web archive service website, such as archive.org for [Wayback Machine](https://web.archive.org/). - Enter the URL of the blocked website in the search bar - The service will display a calendar highlighting the dates for which the archive versions are available. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Enter-the-URL-of-blocked-site.png) - Click on a specific date to view the archived website version from that date. - The archived version of the site will be displayed, even if the original site is blocked. ![](https://theplusaddons.com/wp-content/uploads/2024/11/archived-version-of-the-site.png) *Unable to access your website due to a server error? Know [**How to Fix 500 Internal Server Error in WordPress.**](https://theplusaddons.com/blog/fix-500-internal-server-error-in-wordpress/)* ## Wrapping Up Encountering blocked websites can be extremely frustrating, but through a few simple methods, you can access restricted content easily. This is possible through the use of VPNs, and proxy servers, changing DNS servers and Smart DNS, using Chrome extensions, and much more. VPNs and proxy servers can be excellent free and widely used methods, making it easy to access blocked content. However, if you're looking for simpler ways, you can use Google cache, chrome extensions, or web archive to access websites. And if you have a WordPress website, improve your audience's web experience and user engagement with reliable plugins like [The Plus Addons for Elementor](https://theplusaddons.com/). It offers you access to 120+ unique widgets to enhance your website's design, functionality, and performance. ## FAQs on How to Unblock Websites ### What are the risks of unblocking websites? Unblocking a website using methods such as proxy servers makes your site vulnerable to security risks as it does not encrypt the website traffic, making it visible to third parties. ### Why is Chrome blocking websites? Chrome blocks websites to protect users from harmful or suspicious content, including malware, phishing attempts, or sites with poor SSL configurations. However, these blocks can also result from DNS issues, connectivity issues, or browser extensions or settings interfering with the website. ### How do I unblock websites on my smartphone? You can unblock sites on your smartphone by changing DNS settings, using a proxy server, or installing a VPN app. Ensure your internet connection is stable for these solutions to work. ### How can I unblock a website without a VPN? To unblock a website without a VPN, try using a proxy server, Tor browser, or adjusting your DNS settings. These alternatives provide access to blocked websites by bypassing regional or network restrictions. ### What is the best way to unblock a website? The best methods include using a VPN or proxy server or changing DNS settings. VPNs are generally the most secure and versatile option for accessing blocked websites safely. ### Is there a free VPN? Yes, there are various free VPNs available, but they often have limitations on speed, data, and server locations. ### Which browser is best for blocked sites? The Tor browser is the most effective for accessing blocked sites, thanks to its focus on maintaining user privacy. Alternatively, Opera has a built-in VPN for simple access. --- # How to Remove Unused JavaScript in WordPress [8 Easy Ways] Source: https://theplusaddons.com/blog/how-to-remove-unused-javascript-in-wordpress/ Struggling with a slow WordPress site and wondering how to remove unused JavaScript? This article is for you. Every millisecond counts when it comes to web performance. When a visitor lands on your site, they expect it to load instantly. If it doesn't, they may leave before you've even had a chance to engage them. And if you've been battling with longer load times and poor site performance, unused JavaScript could be one of the reasons behind it. Over time, as you install plugins, add new features, and customize your website, unused JavaScript files can accumulate, adding unnecessary weight to your site and slowing it down. Beyond user experience, search engines like Google use page speed as a ranking factor, meaning slow sites can also take a hit in search results. As a result, removing unused JavaScript becomes essential for keeping your site fast and competitive. In this article, we'll explore 8 simple ways to remove unused JavaScript from your WordPress website for faster and smoother performance. ## What Does Unused JavaScript Mean? Unused JavaScript refers to the files that are loaded on your website but are not used to deliver any functionality. That is, to load and display the content of your website. When you load a website, the browser needs to analyze and render only the essential resources to ensure faster loading. But it often also loads script files or parts of script files that are not necessary for the current page, slowing down your website. When you have multiple JavaScript files running in the background, even if they're not needed, it contributes to longer page load times, affecting both user experience and SEO. That is why it becomes important to identify and remove these unused scripts to improve your site's speed and overall performance. *Looking to add specific functionality to your Elementor website with custom JavaScript? Here's a step-by-step guide on [**How to Add Custom JavaScript in Elementor.**](https://theplusaddons.com/blog/add-custom-javascript-in-elementor/)* ### Why Should You Remove Unused JavaScript From Your WordPress Website? Removing unused JavaScript in WordPress comes with multiple benefits. ![](https://theplusaddons.com/wp-content/uploads/2024/10/how-to-remove-unused-javascript-1024x673.png) **Now let's understand each of them:** - **Faster Loading Times:** The less code your website needs to load, the quicker it will be. Faster websites lead to better user engagement and higher retention rates. - **Improved SEO:** Google pushes websites that perform well in their search rankings, and page speed is a crucial factor. By reducing unused JavaScript, you can enhance your website core and achieve [better SEO ranking](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/) on Google. - **Better User Experience:** Visitors expect a seamless experience, and delays in load times can frustrate users. Removing unused JavaScript improves responsiveness, keeping your visitors engaged and more likely to convert. - **Reduced Server Load:** Removing unused JS from WordPress also means fewer requests are sent to the server, which can reduce strain on your hosting resources, making your website more efficient and scalable. ## How to Identify Largest JavaScript Files on Your Website? Before you can remove unused JavaScript, you need to identify the large JavaScript files slowing down your site. Here are a few ways to detect those bloated scripts: **1. Google Chrome's DevTools** Chrome DevTools are one of the easiest ways to detect unused CSS and JavaScript. To do this, open DevTools by right-clicking on your site and selecting ***Inspect**.* ![](https://theplusaddons.com/wp-content/uploads/2024/10/Google-Chromes-DevTools.png) In the DevTools panel, click on the 3 dots in the top right corner, go to ***More Tools**,* and select ***Coverage**. * Reload the site, and DevTools will display the list of JavaScript along with the percentage byte size of unused code. You can identify unnecessary files and remove them. ![](https://theplusaddons.com/wp-content/uploads/2024/10/list-of-JavaScript-along-with-the-percentage-byte-size-of-unused-code.png) **2. Google PageSpeed Insights** PageSpeed Insights is an excellent tool that gives you a performance score and points out which JavaScript files contribute to slower load times. Go to PageSpeed Insights, enter your website URL, and click on ***Analyze**.* The website will show your performance scores and other Core Web Vital Metrics. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Google-PageSpeed-Insights.png) Here, scroll down to find *"**Reduce Unused JavaScript**"* to review the code files and remove unnecessary JavaScript files from your website. ![](https://theplusaddons.com/wp-content/uploads/2024/10/reduce-Unused-Javascript.png) **3. GTmetrix** GTmetrix is another website tool that offers you a comprehensive breakdown of your site's performance, including specific JavaScript files that are causing delays. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Test-Your-Website-speed-with-GTmetrix.png) Here, you need to visit GTmetrix, enter your website URL, and click on "***Test Your Site**."* Under the ***Waterfall*** tab*, *click on ***JS*** to load the order of resources and figure out if any of the JavaScript files could be unnecessary and affect your website. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Waterfall-report-in-GTMetrix-1024x524.png) Once you've pinpointed the largest JavaScript files, you can start working on removing or optimizing them. *Running an Elementor website but worried about potential security issues? Understand **[how safe Elementor is and explore detailed vulnerability reports](https://theplusaddons.com/blog/is-elementor-safe/)**.* ## How to Remove Unused JavaScript in WordPress [Working Methods] Now that you know why unused JavaScript should be removed and how to find it, let's dive into 8 simple methods you can use to remove them from your site. > ***Note:** Before proceeding to use any of the methods below, backup your website using a [**WordPress backup plugin**](https://theplusaddons.com/blog/best-wordpress-backup-plugins/). So in case, your site breaks, you can restore the backup.* ### 1. Delay JavaScript Delaying JavaScript files means loading them after the rest of the page content has already been rendered, only once the user interacts with the website, such as scrolling. If no user interaction happens, JS won't be loaded at all. With this method, the essential parts of your site load quickly, while non-critical scripts can load later. While this doesn't remove JavaScript, blocking JS files that are above the fold will ensure that large JavaScript files don't block the main content from loading. ### 2. Replace Bloated Plugins The most common reason behind excessive JavaScript files on your website could be bloated plugins. If you have multiple plugins installed on WordPress that are not in use, it is better to disable and delete them to free up space. Also, consider replacing any large plugins with lightweight alternatives. For example, instead of using multiple heavy plugins for different design and layout functionalities for your website, opt for a lightweight plugin like [The Plus Addons for Elementor](https://theplusaddons.com/) that offers a range of features but with fewer resources. ### 3. Install an Optimization Plugin Optimization or caching plugins are a simple and effective way to minify, combine, and remove unused JavaScript files automatically. These [Caching plugins](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/) can scan your website and help delay or clean up your JavaScript, improving page speed without requiring manual code intervention. ### 4. Minify JavaScript Minifying JavaScript involves compressing the code by removing unnecessary characters like spaces, comments, and line breaks that aren't needed for the code to execute. This is an easy way to reduce the file size, helping your site load faster. You can use tools like [Google Closure Compiler](https://developers.google.com/closure/compiler) to minify JavaScript on your WordPress site with just a few clicks. ### 5. Use Lighter Plugins As discussed in a previous point, another solution for how to remove unused JavaScript is using lightweight plugins that don't overload your site with excessive JavaScript. Lightweight plugins use minimal resources and clean code to offer you an extensive range of functionality like other plugins. For instance, The Plus Addons for Elementor offers over 120+ Elementor widgets, and it's designed to be lightweight and efficient, offering you a range of functionalities to improve the performance and design of your website. ![](https://theplusaddons.com/wp-content/uploads/2024/02/The-Plus-Addons-for-Elementor-1.png) However, now you might say 120+ widgets might increase the load on your website. That's where their *[Disable Unused Widgets](https://theplusaddons.com/blog/hide-disable-elementor-widgets/elementor-widgets/)* feature comes in handy. With this feature, you can scan for unused widgets and turn them off. This reduces the JavaScript load on your site, helping keep your WordPress site fast and optimized while still giving you advanced functionality. **Here's how to do it:** https://youtu.be/J9XMUP4ok-Y?si=zIAroKum6VS6IkwH ### 6. Defer Scripts or Load Them Asynchronously Another solution on how to reduce unused JavaScript in WordPress is by deferring JavaScript or loading it asynchronously. This allows the browser to continue loading the rest of the website without waiting for the JavaScript to finish. This basically prevents the scripts from blocking HTML from rendering so the browser can parse HTML easily. You can achieve this through optimization plugins or by adding custom code to your functions.php file. Deferring or loading scripts asynchronously reduces render blocking and improves page load speed on your website. ### 7. Remove Unused Plugins Have too many plugins on your WordPress? Unused plugins not only clutter your WordPress dashboard but often leave behind unnecessary JavaScript files that slow down your site. Go to ***Plugins > All Plugins ***on your dashboard to review your list of installed plugins and deactivate and delete those that are no longer in use. Fewer plugins mean less JavaScript to load, leading to a faster and more efficient site. ### 8. Optimize Third-Party Scripts Sometimes, certain third-party scripts, such as those from Google Analytics, social media widgets, or ad networks, cannot be delayed and can significantly slow down your site. If you have to use third-party scripts, avoid loading them above the fold and limit where they are used. Also, consider loading third-party scripts asynchronously or deferring them to ensure that they don't block the main content from loading. *Struggling with a slow and sluggish Elementor dashboard and website? Check out **[25+ Ways to Speed Up Elementor Website](https://theplusaddons.com/blog/speedup-elementor-website-performance/)** and get guaranteed results.* ## Wrapping Up Improving your website's performance by removing unused JavaScript is important for maintaining a fast, user-friendly site. Depending on your website and content needs, you can consider delaying JavaScript, replacing bloated plugins, removing unused plugins, or optimizing third-party scripts to remove JavaScript from the website and give your visitors a smoother browsing experience. And while you're removing bloated website plugins, consider replacing them with [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/). The plugin offers a lightweight, performance-focused tool with over 120 widgets that don't weigh down your site. With plenty of features for design, customization, and website performance, you can ensure that your site remains fast and efficient, even as you add advanced functionality. ## FAQs on Removing Unused JavaScript from WordPress ### Is it okay to delete JavaScript files? It's important to be cautious when deleting JavaScript files. Deleting files that are in use can break functionality on your site. It's best to disable or optimize JavaScript rather than deleting it unless you are certain that a file isn't necessary. ### How to detect unused JavaScript? You can detect unused JavaScript using tools like Google Chrome's DevTools, Google PageSpeed Insights, or GTmetrix. These tools analyze your site and identify which JavaScript files are not contributing to page functionality and are slowing down the site. ### How to reduce unused JavaScript on Elementor? To reduce unused JavaScript on Elementor, you can defer the JavaScript, minify JavaScript files, or use lightweight plugins like The Plus Addons for Elementor to ensure that only the necessary scripts load, improving your site's performance. ### Is it safe to remove JavaScript from WordPress themes and plugins? It's safe to remove unused JavaScript, but only if you're sure that it won't impact your site's functionality. Always test your site after removing or deferring JavaScript to ensure nothing breaks. ### What are the best practices to avoid unused JS? To avoid unused JS on your website, you can use lightweight plugins, defer and delay non-essential scripts, minify JavaScript, and regularly audit your site for unnecessary code that can be removed. ### How do I manually remove unused JavaScript in WordPress? You can manually remove unused JavaScript by editing your theme's functions.php file or disable scripts in WordPress that aren't needed using optimization plugins. However, remember to always back up your site before making manual changes. ### What should I do if removing unused JavaScript breaks my WordPress site? If removing unused JavaScript causes issues, you should restore your site from a backup. Always test changes on a staging site first and use optimization plugins to avoid manual errors. --- # 5 Best WordPress Menu Plugins Source: https://theplusaddons.com/blog/wordpress-menu-plugins/ Being a WordPress developer, we all know that the default WordPress menu is pretty basic and, let’s be honest, a little boring.  It doesn't offer much in terms of flexibility, leaving you stuck with limited features. That's where WordPress menu plugins come in.  They solve this problem by letting you create visually stunning, highly functional menus that are customizable and easy to navigate.  So in this article, we’ll take a look at some of the best menu plugins for WordPress, and also at the end, there are some effective tips that you can apply while creating a menu for your site. Let’s get started! ## What is the Need for WordPress Menu Plugins? You may have a question that WordPress already provides a default menu, so why would you need a menu plugin for WordPress? Right? Yes, your question has a point but the answer is simple while the default menu is basic and functional, it doesn’t offer much flexibility or customization.  WordPress menu plugins let you go beyond the default options and allow you to create custom WordPress menus that are more user-friendly, interactive, and visually appealing. Menu plugins are essential for improving website navigation. They help you create more engaging and user-friendly menus.  Some plugins offer features like mega menus, which display many links in a structured form. This is useful for sites with lots of content. It helps you categorize and present information without cluttering the page.  Now you know why WordPress menu plugins are important so let’s have a look at some of the best menu plugins available in the market. ## Best WordPress Menu Plugins [Compared] | S.No | WordPress Menu Plugins | Price (Starting From) | | ---- | ---------------------- | --------------------- | | 1 | [Mega Menu by The Plus Addons for Elementor](https://theplusaddons.com/elementor-builder/elementor-mega-menu/) | Free + $39/year  | | 2 | [WP Mobile Menu](https://wordpress.org/plugins/mobile-menu/) | Free + $77.88/year | | 3 | [QuadMenu](https://wordpress.org/plugins/quadmenu/) | Free + 49/year  | | 4 | [Sticky Menu](https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/) | $49/year | | 5 | [Max Mega Menu](https://wordpress.org/plugins/megamenu/) | Free + $29/year | Let’s see each in detail. ### 1. Mega Menu By The Plus Addons for Elementor [Mega Menu Builder by The Plus Addons for Elementor](https://theplusaddons.com/elementor-builder/elementor-mega-menu/) is a super versatile plugin that helps you design and customize any type of mega menu.  With three layout options horizontal, vertical, and vertical toggle it works perfectly on touchscreens too.  You can customize everything without needing coding skills, You can customize the width of your mega menu however you like, whether it’s full-width, container, or a custom size to fit your design.  Moreover, The menus built with this plugin are fully responsive, so they’ll look great on any screen.  You will also get features like menu highlights and navigation icons, making it easy to create a smooth and functional menu for your site. Also, if you want to add other Elementor widgets to your menu, it's super easy to do.  You also get great features like indicators to highlight important menu items and navigation icons to enhance the look and functionality of your menu. Also, the best part is if you don’t want to create a mega menu from scratch then with the help of its [***cross-domain copy-paste***](https://theplusaddons.com/elementor-extras/cross-domain-copy-paste-content/) feature you can copy the mega menu template from the demo page and simply paste it on your Elementor Editor. #### Key Features of Mega Menu - **Horizontal Mega Menu**: This lets you display your menu in a neat horizontal format. You can add multiple columns, choose different types of content, and adjust the menu size to your liking. - **Vertical Mega Menu**: Ideal for e-commerce sites, this vertical layout organizes your products effectively. You can even use ready-made templates from The Plus Addons. - **Vertical Toggle Mega Menu**: Perfect for small spaces, this menu only appears when clicked, keeping things clean and uncluttered. - **Responsive Design & Custom Widths**: All menus are fully responsive and customizable, letting you set container or full width, or enter custom dimensions. - **Beginner-Friendly, No Coding**: No coding is needed! Easily insert beautifully designed menus with one click, even if you’re new to WordPress. - **Create Submenus**: You can organize your e-commerce products under different categories by adding submenus with ease. - **Highlight Important Menus**: Use built-in indicators to draw attention to key menu items. #### Pricing of Mega Menu This is a premium widget that comes with the paid plan of The Plus Addons for Elementor which starts from $39/yr for 1 website and goes up to $118/yr for unlimited sites, also it offers lifetime plans which start from $134/yr for 1 site where you have to pay only once. The Plus Addons also have a free plan which can be downloaded from the WordPress repository. [Learn More](https://theplusaddons.com/elementor-builder/elementor-mega-menu/) ### 2. WP Mobile Menu ![](https://theplusaddons.com/wp-content/uploads/2024/10/WP-Mobile-Menu.png) Nowadays, we all know how it is important to optimize WordPress sites for mobile. So if you are struggling to do so then this WP Mobile Menu plugin is for you. If you are running an online store of any kind then this WordPress mobile menu plugin helps you to give your website a look and feel of an app. Also, you can disable/enable the menu for specific pages, and posts. The menus are highly customizable means you can set the look and feel of the menu however you want that goes with your brand colors. The great thing is there are integrations of Google fonts, FontAwesome, WooCommerce, etc. To create a menu for your website you don’t need to be a coder. However, some users have reported that the site is not working properly with Polylang for multilingual functionality. #### Key Features of WP Mobile Menu - **Easy Setup**: The plugin requires no coding skills, allowing you to set up and customize your menu effortlessly. - **Device Compatibility**: WP Mobile Menu ensures compatibility across smartphones, tablets, and desktops, offering a user-friendly experience for all visitors. - **Work with any theme:** No matter what theme you are using this plugin is compatible with every theme. - **No Coding Required**: If you don’t know how to code that’s okay you don’t have to write even a single line of code to create a responsive menu for your site. #### Pricing of WP Mobile Menu This is a freemium menu plugin. It has a free version with basic functionality. The paid plan starts from $6.49/m and goes up to 29.99/m. Lifetime plans are also available where you have to pay only once. [Learn More](https://wordpress.org/plugins/mobile-menu/) ### 3. WordPress Mega Menu - QuadMenu ![](https://theplusaddons.com/wp-content/uploads/2024/10/QuadMenu.png) QuadMenu is a powerful mega menu plugin for WordPress for creating visually striking menus. With this, you can easily convert your existing menus into mega menus, tabs menus, or carousel menus. This plugin helps you to create a highly responsive and customizable mega menu for your WordPress site. There are multiple layouts to choose from such as vertical, sidebar, off-canvas, and collapsible. Moreover, while the Pro version offers advanced features, some users have expressed disappointment with the support, finding it often unhelpful. #### Key Features of QuadMenu - **Customizable Design**: QuadMenu offers customization options, letting you adjust colors and layouts. You can see changes in real-time, making it easy to refine the look without confusion. - **Mobile-First Concept**: This menu plugin helps you create a highly responsive menu for all types of screens with a great touch interface. - **Horizontal and Vertical Mega Menu**: QuadMenu allows you to create horizontal and vertical mega menus. - **WooCommerce Integrations**: You can create an attractive mega menu by adding products and categories directly to your WordPress menu. #### Pricing of QuadMenu QuadMenu is a freemium WordPress menu plugin. The paid plans start from $49/yr for 1 site and goes up to $149/yr for unlimited sites. [Learn More](https://wordpress.org/plugins/quadmenu/) ***Do you know? *** *Adding a search bar to your WordPress menu makes it super easy for users to find what they’re looking for quickly, improving navigation and overall experience check out some of the *[***best search bar plugins***](https://theplusaddons.com/blog/best-wordpress-search-plugins/)* to make it even better.* ### 4. Sticky Menu ![](https://theplusaddons.com/wp-content/uploads/2024/10/Sticky-Menu.png) Next in our list of best WordPress menu plugins is Sticky Menu. This is a great plugin to consider if you want to create a sticky menu for your Elementor site. You don’t have to write a single line of code to create a menu, you can control everything directly from your WordPress dashboard just create the menu header however you want and save it. This plugin is also highly compatible with all the themes and page builders you are using. Also, not only a navigation bar but you can also create a sticky header to showcase upcoming deals on your site. #### Key Features of Sticky Menu - **Easy to use**: You don’t have to be a tech geek to use this plugin simply modify the header however you want from the WordPress dashboard and you are good to go. - **Highly Compatible:** This plugin works with all the themes, page builders, and plugins, so no need to worry about theme or plugin conflicts. - **Make any element sticky**: No just menu or header, you can make any website element sticky. - **Pro support**: They provide great support. #### Pricing of Sticky Menu The pricing plan starts from $49/yr for 1 site and goes up to $199/yr for 100 site licenses. This plugin also comes with a free plan with basic functionalities. [Learn More](https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/) ### 5. Max Mega Menu ![](https://theplusaddons.com/wp-content/uploads/2024/10/Max-mega-menu-1024x437.png) Max Mega Menu is a handy plugin that lets you improve your WordPress site's navigation.  It gives you control over your menus, allowing you to make them responsive and easy to use.  The drag-and-drop builder makes creating custom layouts simple, letting you add widgets and menu items in a grid format.  You can even create tabbed mega menus with icons and descriptions. The plugin is lightweight, with minimal CSS and JavaScript, ensuring faster load times and better performance for your website. #### Key Features of Max Mega Menu - **Enhanced Mobile Navigation**: Perfect for mobile users, Max Mega Menu makes your menu responsive and touch-friendly, ensuring smooth navigation on any device. - **Organize Complex Menus**: If your site has many categories, the drag-and-drop builder lets you easily create structured, grid-style menus, improving user access to important content. - **Optimized Performance**: The plugin uses less than 2KB of JavaScript (when gzipped), ensuring fast loading times. - **Global Settings**: You can manage settings globally across your website or individually for each menu, offering flexibility in how your menus function. #### Pricing of Max Mega Menu The pricing plan of the Max Mega Menu starts from $29/yr for 1 site and goes up to $99/yr for 99 sites. [Learn More](https://wordpress.org/plugins/megamenu/) ***Learn More***: *[8 Best Mega Menu Examples + Learn How to Create Them](https://theplusaddons.com/blog/best-mega-menu-examples/)* ## Tips for Creating Effective WordPress Menu Here are some of the most effective and actionable tips for creating a WordPress menu. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Tips-for-Creating-Effective-WordPress-Menu.png) - **Keep It Simple and Clear: **Don’t confuse visitors with too many menu items. Stick to the essentials, like Home, About, Services, and Contact. A clear, concise menu helps users navigate your site more easily. - **Use Descriptive Labels: **Avoid vague labels like "Stuff" or "More." Instead, use clear, descriptive words like "Blog," "Portfolio," or "Pricing" so visitors know exactly where each link will take them. - **Leverage Mega Menus for Larger Sites: **If your site has a lot of categories or subpages, consider using a **mega menu** plugin. It allows you to organize content more effectively and reduces the number of clicks needed to access deeper pages. - **Make It Mobile-Friendly: **Always test your menu on mobile devices. Use a responsive menu plugin or ensure your theme’s menu collapses into a "hamburger" icon on smaller screens for easy navigation on phones and tablets. - **Highlight Important Links: **For pages like “Sign Up” or “Shop Now,” consider using a call-to-action button in the menu. It draws attention to important actions you want visitors to take without disrupting the flow of navigation. ## Which WordPress Menu Plugin Should You Choose? Hope this article helped you to know about the WordPress menu plugins and why you need them. But having these many options you may confused about which menu plugin should you choose. See, each plugin offers different features from one another, so the choice depends on your website needs and personal preferences. Still, while choosing the menu plugin you should consider some factors to narrow down your menu plugin list. You should choose a plugin that is **easy to use** means there should not be a requirement to write any code. You should be able to create **multiple types of menus** such as **vertical**, **horizontal**, and toggle menus. The main thing it should be** Highly responsive** for all devices and should have **customizable widths** so that your website have a great user experience. Lastly, it should be **pocket-friendly, **so if your requirements align with these factors then we highly recommend you use none other than the Mega Menu by [The Plus Addons for Elementor](https://theplusaddons.com/). It has all the factors and many other options to create highly attractive mega menus. Moreover, the mega menu is just one part of the plugin. There are other 120+ Widgets and Extensions that you can choose from to customize your boring Elementor website into something that your user loves. ## FAQs on WordPress Menu Plugins ### How to make the WordPress menu responsive? To make a WordPress menu responsive, use a theme or plugin that supports responsive design. Ensure the menu automatically adapts to different screen sizes, such as collapsing into a hamburger menu on mobile. Also, you can adjust menu settings within your theme or use CSS media queries to enhance responsiveness manually. ### How to make a full-width menu in WordPress? To create a full-width menu in WordPress, go to your theme’s customization options under Appearance > Customize. Navigate to Menus and ensure your menu is assigned to the primary location. Then, in Layout or Header Settings, adjust the width to "full-width." Some themes may also allow this under Theme Options. ### How can one create a custom menu plugin in WordPress? Creating a custom menu plugin involves using WordPress coding standards, including PHP and CSS. Coding skills are required to define menu items, styles, and conditions. You might want to start by using WordPress Developer resources or even hiring a WordPress expert for more complex tasks. ### What options exist for adding mega menus to a WordPress site? Mega menus can enhance user experience by organizing content. Plugins like "Mega Menu by The Plus Addons" and "Max Mega Menu" offer robust solutions for adding such menus. These plugins allow you to create complex layouts with images, columns, and widgets, which can further enrich your website's navigation. --- # 7 Best WordPress Search Plugins [with Filter Options] Source: https://theplusaddons.com/blog/best-wordpress-search-plugins/ Are you looking for the best WordPress search plugins? When visitors get on your website looking for a specific solution, blog post, or content, having a responsive website search feature is extremely important. It is a key aspect of enhancing user experience and website functionality as users can quickly find the information they need, leading to higher user satisfaction. However, if you've worked with WordPress for a while now, you probably know how restrictive the built-in search feature can be in terms of functionality. Thankfully, WordPress search plugins solve this issue for you. There are a range of highly responsive plugins available that will help you enhance your website's search function with a custom look and quick search abilities. Let's explore the 7 best WordPress search plugins that will take your website's UX to the next level. ## What are WordPress Search Plugins? WordPress search plugins are tools that let you add search functionality to help users find content on the website quickly. WP search plugins improve the way users interact with the website. While WordPress' built-in search function can be slow and inconvenient for users, search plugins fill in the gap with various unique features. With a high-quality plugin, you can make the search function more accurate, allow search options by categories or tags, customize the look and aesthetic of the search bar and results, and so much more. ### What Features Should You Look for in a WordPress Search Plugin? A poor quality search experience can push users off your site, affect the traffic, and hurt website engagement. So, what you need is a good WordPress search bar plugin by considering the following must-have features- - **Result accuracy** For starters, the search plugin you choose must offer accurate results. There might be times when users search for content outside of the content the default WordPress search indexes. They may not get the desired results and leave your website. So, it is important that your search plugin for WordPress can index as much of the content on your website as possible to deliver accurate results. Further, it should be configurable to offer only the relevant results. - **Speed** Speed can make or break your website. If your search function doesn't deliver accurate results within seconds, you will lose visitors. The plugin you choose should be able to index the website content and deliver results quickly for a seamless experience. - **Filter and sort** Another handy feature to have in a WordPress advanced search plugin is the option to filter and sort the search results. If you have a product website, this is a must-have feature to help users find the product they want in less time. - **Customizable design** Since consistency in design is important for an attractive website, a WordPress plugin for search should be able to give you control over the design of the search bar and the result page. This could include a custom color palette, highlighting certain results, live search results with the use of AJAX, and so on. ## Best WordPress Search Plugins Compared | **S. No.** | **Plugin** | **Best for** | **Cost** | | ---------- | ---------- | ------------ | -------- | | 1. | Advanced WP Ajax Search Bar | Generating custom search filters for relevant search results | Free + $39/year | | 2. | ElasticPress | Large websites with a significant amount of information | Free + starting at $79/year | | 3. | SearchWP | Small to medium websites for accurate search results | Free + starting at $199/year | | 4. | Ivory Search | Creating custom search forms | Free + starting at $19.99/year | | 5. | Relevanssi | Large websites | Free + starting at $131/year | | 6. | Search Exclude | Excluding certain content types from search results | Free | | 7. | Advanced Woo Search | WooCommerce websites that want live search results | Free + starting at $69 | Here are the 7 best search plugins for WordPress for you to try out. ### 1. Advanced WP Ajax Search Bar ![](https://theplusaddons.com/wp-content/uploads/2024/10/Advanced-WP-Ajax-Search-Bar.png) First on our list is the Advanced WP Ajax Search Bar by The Plus Addons for Elementor. A premium widget powered by Ajax, the tool allows you to add and elevate the search functionality on your website quickly without needing to code. It is a simple and convenient tool with which you can introduce custom search features for your different website pages. The widget allows you to search for content by different parameters such as post type, categories, tags, custom post type, and more. Plus, the widget is highly intuitive and customizable, offering a seamless search experience to users and visually attractive search options. #### Key Features of Advanced WP Ajax Search Bar - **Customizable Design:** The widget gives you full control over the style of the search bar and the search results. Customize every aspect, from the style of label fields, search fields, result heading, dropdown, error option text, and more. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Ajax-Search-Disable-and-Suggestion-Search.png) - **WooCommerce Integration:** It offers seamless WooCommerce integration to help you add a responsive search bar to your e-commerce website. - **Ajax Search:** With the Advanced WP Ajax Search Bar widget, you can add Ajax search feature to make search more convenient for the users. They can view live search results, filter their search based on various parameters, and get quick results. - **Custom search: **You can allow your website visitors to search for specific content based on post type, post/ product category, post tag, custom taxonomy, and more. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Custom-Search.png) - **Keyword Suggestion:** The tool also lets you add custom keyword suggestions to your search bar. **Pros** - Highly responsive plugin for all devices - Ability to filter and customize the search results - WordPress Ajax search - Multiple filter types for WooCommerce **Cons** - It’s tough to point out flaws when we’ve worked hard on a great plugin. That said, we might have added a lot of features that take some time to learn since The Plus Addons includes over **[120 Elementor widgets](https://theplusaddons.com/elementor-widgets/)** including the Advanced WP Ajax Search Bar widget! #### Pricing for Advanced WP Ajax Search Bar The Advanced WP Ajax Search Bar widget is a part of The Plus Addons for Elementor plugin, along with 120+ unique widgets. The free version offers a wide range of features, and the pro version is available starting at $39/year. [Learn More](https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/) ### 2. ElasticPress ![](https://theplusaddons.com/wp-content/uploads/2024/10/ElasticPress.png) ElasticPress is a hosted WordPress search built on ElasticSearch, which means it runs on the cloud. This allows the plugin to deliver lightning-fast search results. Further, the plugin is super easy to integrate on any website and is compatible with a lot of popular hosting providers. A standout feature of ElasticPress is its ability to index and search content that the default WordPress plugin typically ignores, such as tags, documents, custom fields, PDFs, metadata, and more. #### Key Features of ElasticPress - **Ajax search:** The plugin has built-in Ajax search feature to allow users get accurate search results as they type the query. - **Filter options:** Users get the ability to filter search results to quickly find out what they're looking for. - **Autosuggest:** The plugin also offers an autosuggest feature with which users can get content suggestions when typing in the search query. - **Customizable search:** You can customize the top search terms to display your top-performing content or most popular WooCommerce products to the website visitors. **Pros** - Ability to deliver quick results - Displays related posts and documents in the search results. - Detailed analytics on search queries and user behavior. - WooCommerce integration **Cons** - Since it is a hosted service, it can be costlier than other plugins. - Some users report bugs after installing. #### Pricing for ElasticPress The plugin offers premium features in three plans- Essential at $79/month, Extended at $299/month, and Enterprise at $699/month. [Learn More](https://wordpress.org/plugins/elasticpress/) *Want to improve website accessibility with Google search on WordPress? Learn [**How to Add Google Search on WordPress Site** **Easily**](https://theplusaddons.com/blog/add-google-search-on-wordpress/)* ### 3. Search WP ![](https://theplusaddons.com/wp-content/uploads/2024/10/Search-Wp.png) Next is Search WP, a WordPress site search plugin packed with a range of premium features to improve your website's search experience. The plugin is popular among website owners and developers for its speed, accuracy, and user-friendliness. The plugin offers unmatched searching capabilities, indexing content otherwise ignored by the default WordPress search. It will fully index your blog posts, categories, product listings, custom metadata, shortcodes, and even comments to deliver relevant results to the user. #### Key Features of Search WP - **Custom Search Algorithm:** With Search WP, you can create a custom search algorithm to assign weights (importance) to different attributes and offer relevant search results to the users. - **WooCommerce Integration:** The plugin offers convenient WooCommerce integration to let you add the search function to your e-commerce website. - **Advanced search suggestions:** The plugin comes with keyword stemming and advanced search suggestion capabilities. So even when a user types in the search box the wrong spelling or keyword, partial matches will be generated to help get accurate results. - **Theme Integration:** You don't have to worry about the design of your search feature as it seamlessly integrates with your existing theme. **Pros** - Accurate search results - Ajax search features - Autocomplete suggestions - Hands-on customer support **Cons** - Expensive Pro version #### Pricing for Search WP Search WP plugin is available in three pricing plans- Standard at $199/year, Pro at $399/year, and Agency at $699/year. [Learn More](https://wordpress.org/plugins/searchwp-live-ajax-search/) ### 4. Ivory Search ![](https://theplusaddons.com/wp-content/uploads/2024/10/Ivory-Search.png) If you're comfortable working with a bit more technical plugin, Ivory Search is a handy WordPress search plugin. It lets you create and configure multiple search forms and add them to your website using shortcodes. This means you can create individual search forms for different pages on your website – your blog, product page, or services page – and customize each aspect of these forms to align with your website design. It also works seamlessly with WooCommerce using shortcodes. #### Key Features of Ivory Search - **Customizable:** The plugin allows you to customize the search forms completely. You can change the visual appearance, add content filters, customize which content you want to index, and more. - **Multilingual Support:** It offers support for multilingual site searches. - **Search Analytics:** You can get a detailed overview of user behavior, popular terms, search traffic, and more with search analytics. - **Unlimited Search Forms:** The plugins have no limit on the number of search forms you can add to your website. **Pros** - Seamless WooCommerce integration - Complete control over search results - Ability to display the search feature anywhere on the website - Exclude specific content from search results **Cons** - Some users have reported poor customer service - Limited features in the free version #### Pricing for Ivory Search Ivory Search is a great WP search plugin that offers premium features at $19.99/year for the Pro plan and $49.99/year for the Pro Plus plan. [Learn More](https://wordpress.org/plugins/add-search-to-menu/) ### 5. Relevanssi ![](https://theplusaddons.com/wp-content/uploads/2024/10/Relevanssi.png) Relevanssi is another popular plugin that adds search functionality to WordPress. The plugin replaces the default WordPress search feature with its impressive system. The tool is extremely easy to use and integrate into your website. It lets you integrate custom search capabilities and filters for various file types, including PDF files. The tool can also search using shortcodes, custom fields, categories, WooCommerce products, and more. However, one major drawback is its large size and memory usage in the database, making it unsuitable for smaller websites. #### Key Features of Relevanssi - **Search by Type:** Users can search for content based on various content types such as posts, PDFs, categories, and so on. - **Partial Search Suggestions:** The plugin features an advanced algorithm to find and sort results based on the keywords entered by the user. It will display the closest matching results by relevance, making it easier for users to find the content they need. - **Search Analytics:** The tool offers you access to useful search analytics, including recent and most popular queries. **Pros** - Search blog post tags, comments, and categories. - Useful search analytics - Ability to offer relevant results for partial match of words **Cons** - Compatibility issues with some page builder plugins - Uses large database memory #### Pricing for Relevanssi The premium version of Relevanssi is available in two plans for unlimited websites. An annual plan at $131/year and a Permanent plan at a one-time payment of $456. [Learn More](https://wordpress.org/plugins/relevanssi/) *Integrate search functionality on your WooCommerce website for easier navigation. Check out the **[7 Best WooCommerce Product Search Plugins](https://theplusaddons.com/blog/best-woocommerce-product-search-plugins/)** for your website.* ### 6. Search Exclude ![](https://theplusaddons.com/wp-content/uploads/2024/10/Search-Exclude.png) Search Exclude is a powerful, unique plugin for your WordPress search feature when you don't want to show all of your content in search results. The plugin lets you exclude certain content types, such as pages, posts, or WooCommerce products, from appearing in the search results on the website. For instance, if you are running an e-commerce store and want to exclude pages like the Thank You page, Check out page, and so on from indexing for search, you can do so with this plugin. What makes it even better is that it is easy to use. You simply need to check a box in the settings to exclude a particular page or post from search results. #### Key Features of Search Exclude - **Easy to use:** The plugin is easy to use and gets started by excluding search content, making it perfect for beginners. - **Bulk Edit Feature:** It also offers a bulk edit feature when you want to hide a lot of posts, pages, and other content from the search results. - **Advanced Excluding Features:** With this plugin, you can also exclude content based on author, keywords, or date range. **Pros** - The plugin doesn't affect SEO - Simple plugin - WooCommerce integration **Cons** - The plugin simply excludes content from search results. You might need to use another plugin to add basic search functionality. #### Pricing for Search Exclude The plugin is free to use. [Learn More](https://wordpress.org/plugins/search-exclude/) ### 7. Advanced Woo Search ![](https://theplusaddons.com/wp-content/uploads/2024/10/Advanced-Woo-Search.png) Advanced Woo Search is a free WordPress plugin that allows you to add a search function in WordPress. The plugin is perfect for your WooCommerce website, quickly indexing product titles, categories, descriptions, tags, IDs, and SKUs to help visitors find relevant products. It offers simple toggle settings to include and exclude different sources in the search results. Plus, the plugin also relies on the Ajax search feature to display relevant results as the user is typing. #### Key Features of Advanced Woo Search - **Custom Search Results:** The plugin gives custom search options to find relevant results from various categories, products, tags, and so on. - **Ajax Search:** It implements Ajax search to automatically display live search results along with the product image and price information. - **Integration with Existing Theme:** The plugin seamlessly integrates the design with your existing theme style and layout, resulting in a visually attractive website. **Pros** - Easy-to-navigate settings - Google analytics support - Ability to customize the search result page **Cons** - The free plan lacks advanced features like custom taxonomies. #### Pricing for Advanced Woo Search Enjoy the premium features of Advanced Woo Search with three plans- Personal at $69, Freelance at $119, and Agency at $129. [Learn More](https://wordpress.org/plugins/advanced-woo-search/) *Enhance your website search functionality with advanced search filters. Explore the [**6 Best Elementor Search Filter Plugins for Everything**](https://theplusaddons.com/blog/best-elementor-search-filters/).* ## Which WordPress Search Plugin Should You Use? This wraps up our list of the best plugins for the WordPress search feature. When you want to enhance user interaction and experience on your website, integrating a seamless search option is an excellent choice. For this, the right plugin with advanced search capabilities, Ajax search features, customizable search options, and filter functionality can help you improve your basic search function instantly. [Advanced WP Ajax Search Bar](https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/) is a quality widget by The Plus Addons for Elementor that lets you include a search feature to your site with a customizable design, several filter options, Ajax search, and more. But that's not all. Check out The Plus Addons for Elementor, featuring more than 120 unique widgets to enhance the functionality and performance of your website. The plugin is lightweight, easy to use, and highly responsive, making it perfect for your WordPress website. ## FAQs on WordPress Search Plugins ### Is the default WordPress search good enough for my website? No, the default WordPress search might lack advanced features like the ability to index site-wide content or customization capabilities, making it limited for your website. ### Do WordPress search plugins impact website performance? A lightweight, well-coded WordPress search plugin will not affect your website performance. They are designed to seamlessly integrate with your website and offer a smooth search experience to the user. ### How do I do an advanced search in WordPress? You can add advanced search features such as live search and custom filtering options in WordPress using plugins like Advanced WP Ajax Search Bar by The Plus Addons for Elementor. ### Can WordPress search plugins help with SEO? WordPress search plugins can help with SEO by improving user experience and site navigation. They can help users find relevant content quickly, reduce bounce rates, and improve indexing by search engines. ### What's the difference between basic and advanced WordPress search plugins? While basic search plugins are limited to finding website content, advanced WordPress search plugins can offer better filtering options, live search capabilities with Ajax search, customization options, and so on. --- # Is Elementor Safe to Use? [Latest Vulnerability] Source: https://theplusaddons.com/blog/is-elementor-safe/ Elementor, one of the most popular page builders, probably caught your eye for its flexibility and ease of use. But with that popularity comes a common concern: **Is Elementor safe to use?** When you want to build a website to grow your business, the last thing you want is for it to be vulnerable to attacks or security breaches. Security vulnerabilities are a valid concern for anyone managing a website, especially when plugin flaws can lead to hacking attempts, data breaches, or downtime. So, how vulnerable is Elementor? Let's explore how safe is Elementor with detailed vulnerability reports for your WordPress site. ## What is Elementor? Elementor is a drag-and-drop page builder for WordPress that allows you to create custom website layouts without needing coding skills. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Page-Builder.png) Since its release, it has become a go-to tool for millions of website owners, designers, and developers, offering a wide range of pre-designed templates, widgets, and style options. Elementor makes it easy to design professional-looking pages, and its visual interface gives you a real-time view of how your design is shaping up. One of the reasons behind Elementor's popularity is its ease of use—you can easily build stunning websites even if you're not a technical expert. The Elementor ecosystem also allows you to use a [wide variety of third-party extensions and plugins](https://theplusaddons.com/blog/best-free-elementor-addons/) to enhance its capabilities, from additional design elements to complex functionalities. *Are you just getting started with Elementor? Learn more about Elementor with a detailed review: **[Is It the Best WordPress Page Builder?](https://theplusaddons.com/blog/elementor-review/)*** ## Is Elementor Safe to Use? It's perfectly natural to have concerns about the security of any WordPress plugin, especially one as widely used as Elementor. Plugins are often the target of hackers because they can serve as entry points to your website. Sure, WordPress and Elementor vulnerabilities are common, but that doesn't mean Elementor is not an excellent tool to enhance the functionality and capabilities of your website. *Here are [**5 Free Tools To Scan WordPress For Vulnerabilities**](https://theplusaddons.com/blog/free-tools-to-scan-wordpress-for-vulnerabilities/)* The true measure of safety isn't in whether vulnerabilities exist—it's in how quickly they are identified and patched- - **Dedicated Security Team:** [Elementor](https://go.posimyth.com/recommends/elementor/) has a dedicated security team that takes these issues seriously. They continuously monitor the plugin for potential Elementor security issues, introduce regular updates to fix Elementor plugin vulnerabilities, and collaborate with external experts to find and fix security flaws before they can be exploited. - **Elementor Safe Mode:** Elementor [safe mode](https://elementor.com/help/what-is-safe-mode/) is an excellent feature that helps you identify any issues with your themes and plugins if Elementor is not working. WordPress themes and plugins can be a common source of security issues for Elementor. The Elementor's safe mode isolates WordPress and Elementor from the themes and plugins that may be causing issues on Elementor. It lets you verify if the problems persist after deactivating themes and plugins and identify the exact issues. - **Bug Bounty Program:** Elementor has a WordPress-focused bug bounty program, [Patchstack](https://patchstack.com/database/vdp/elementor/), which welcomes ethical disclosure and reporting of any vulnerabilities to improve the system's security. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Bug-Bounty-Program.png) Elementor takes the security of its plugins and tools very seriously, ensuring a great experience while building a website using the plugin. Here's how you can identify Elementor WordPress plugin vulnerabilities to ensure a safe ecosystem for your website- ### 1. Check for Security Updates It is a good practice to keep checking for updates for your Elementor and other plugins and install them immediately. Developers frequently release new versions of Elementor, including bug fixes, security patches, and various essential features, to ensure you get the most out of your work with Elementor. ***Related Read:** [6 Best WordPress Security Plugins [Both FREE & PRO]](https://theplusaddons.com/blog/best-wordpress-security-plugins/)* ### 2. Rely on Official Resources Elementor's official website, blog, or social media has to be your go-to source for the latest information on the plugin. The team at Elementor proactively addresses security and posts updates related to any discovered vulnerabilities and their resolutions. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Community.png) The Elementor community is also a reliable source for getting up-to-date information on WordPress Elementor exploitation or security issues and finding their quick resolutions. You must rely on these official resources regularly to stay ahead of potential security threats. ### 3. Know About the Common Vulnerabilities To ensure no security issues can exploit Elementor Pro, it is important to educate yourself on the common vulnerabilities to which the plugin is exposed. For instance, Elementor recently fixed a serious RCE (Remote Code Execution) vulnerability (CVE-2023-48777), which could give full control to the hacker over Elementor. Staying abreast of such exposures and Elementor security issues is the best way to ensure safe website building. *Protect your Elementor Forms from bots and spam entries. Learn [**How to Add a reCAPTCHA Login Form Using Elementor.**](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/)* ### 4. Keep Track of the Changelog for Any Security Issues Regularly track the [Elementor Changelog](https://elementor.com/pro/changelog/) within WordPress for security updates. The changelog details the changes and fixes made in every new version, allowing you to know which potential or existing vulnerabilities were resolved. ### 5. Follow Good Security Practices Following security practices will allow you to keep the Elementor plugin and your WordPress website safe from potential attacks. These practices include updating the plugins regularly, installing [security plugins](https://theplusaddons.com/blog/best-wordpress-security-plugins/), updating your passwords frequently, and ensuring limited access to your website. While many WordPress plugins face similar issues, what sets Elementor apart is the speed and effectiveness of their responses. The team's dedication to securing the plugin gives you peace of mind that your website is in good hands. ## Elementor Latest Vulnerability Reports ## Should You Use Elementor in 2025? Despite occasional vulnerabilities, [Elementor](https://go.posimyth.com/recommends/elementor/) remains one of the best page builders for WordPress in 2025. It provides unmatched flexibility, ease of use, and a wide array of design options that make website building accessible to everyone. Whether a small business owner or a web design professional, Elementor offers the tools you need to build stunning, high-converting websites. But there's more to Elementor than just its core features. If you want to enhance your website-building experience further, you must try [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/). This powerful plugin adds 120+ unique widgets to your Elementor editor, giving you even more creative control and functionality. ## FAQs on Whether Elementor is Safe to Use ### Is the free version of Elementor as safe as the pro version? Yes, Elementor's free version is as safe as the pro version, as the team constantly tracks vulnerabilities and rolls out updates to create a secure ecosystem for your website. ### Does Elementor have any known vulnerabilities? Elementor recently resolved a serious RCE vulnerability that allowed hackers to upload malicious code to the website and gain complete control over it. Several XSS (Stored Cross-Site Scripting) vulnerabilities have also been reported, allowing hackers to inject malicious scripts into your website and affect the website experience. ### What are the potential security risks of using Elementor? Like any other software or plugin, Elementor can be vulnerable to malicious attacks, hacking attempts, and data breaches, which can expose your website to serious security issues. ### Can Elementor slow down my WordPress website? Elementor is a clean-coded, high-performing page builder plugin updated regularly with advanced features to ensure it doesn't slow down your website. That said, factors like using outdated plugins or themes or too many plugins might slow down your site. ### How do I avoid spam in Elementor form? To avoid spam in Elementor forms, use honeypot protection by adding a hidden field, include a simple math question for users, implement Google reCAPTCHA for verification, and install an anti-spam WordPress plugin for extra protection. Here's how to [apply these methods step-by-step.](https://theplusaddons.com/blog/elementor-contact-form-spam//) ### How often does Elementor release security updates? Elementor's developer team frequently releases security updates, which include security patches, bug fixes, and new feature updates to enhance your experience using the plugin. ### Are Elementor addons and third-party extensions safe to use? Yes, Elementor addons and third-party extensions are typically safe to use. However, it is always a good idea to install addons and plugins from trusted sources and update them regularly to avoid security issues. ### What measures can I take to ensure my Elementor-built site remains secure? You can take security measures such as updating WordPress, Elementor, and other third-party plugins regularly. Further, install plugins from trusted sources, use WordPress security plugins, and update your passwords regularly to keep the website data safe. --- # 9 Best WordPress Newsletter Plugins Source: https://theplusaddons.com/blog/best-wordpress-newsletter-plugins/ Looking for tools to upgrade your email marketing game? We’ve rounded up the best WordPress newsletter plugins to help you engage your audience effectively. Newsletters are a great way to keep your website visitors engaged and connected to your brand. Without an email newsletter, you miss valuable engagement opportunities. However, creating and managing email marketing campaigns can be difficult. You have to build email lists, design newsletters, send them out, and track performance. The good news is that there is a solution to your email marketing troubles. WordPress newsletter plugins help you create, distribute, track, and manage your email newsletter without leaving your WordPress dashboard. They help you nurture relationships with your audience and drive traffic to your website. Today we'll compare the 9 best WordPress Newsletter Plugins you can consider! ## Key Takeaways - Top WordPress newsletter plugins include Mailchimp, MailPoet, and FluentCRM. - Key features to look out for are drag-and-drop builders, automation, and WooCommerce integration. - Many offer free plans for beginners and small lists. ## What are WordPress Newsletter Plugins? A WordPress newsletter plugin is a tool that integrates email marketing capabilities directly into your WordPress website. These plugins allow you to collect email addresses, manage subscriber lists, design newsletters, and send email campaigns, all through your WordPress dashboard. Newsletter subscription WordPress plugins help you connect with your website's visitors and increase brand awareness and engagement. ### What Features Should You Look for in a WordPress Newsletter Plugin? When looking for a WordPress email subscription plugin, you would want to consider these 4 factors to inform your choice. **1. Ease of Use** You'll want a plugin that is easy to set up and navigate. Look out for an interface that is intuitive without complex configurations. This can save you time and frustration when creating email campaigns. **2. Customization** Email newsletters must reflect your brand and your unique voice. To do this, you must select a WordPress newsletter plugin that gives you advanced customization options. It should allow you to tailor layouts, color schemes, fonts, and images. A custom newsletter will help you create emails that resonate with your audience. **3. Features and Integrations** Look for a feature-rich plugin to run highly effective email campaigns. Automation tools like scheduled sending or drip campaigns can drive engagement. Analytics features are also important and allow you to measure the performance of your campaigns. Also, check if the plugin integrates with other marketing platforms and tools. **4. Performance** Choose a plugin that's optimized for speed so it doesn't slow down your site. A slow or bulky plugin can affect your website loading times and result in an unpleasant user experience. Similarly, choose a plugin that can handle your subscriber list size without glitches to ensure high email deliverability. ## Best WordPress Newsletter Plugins Compared | **S.No.** | **Plugin** | **Best For** | **Cost** | | --------- | ---------- | ------------ | -------- | | 1 | MailPoet | WooCommerce integrations for E-commerce brands | Free + $11/month | | 2 | Brevo | Small businesses that need advanced automation | Free + $25/month | | 3 | FuseWP | streamlines customer relationship management by automatically syncing key data, including WordPress users | $99/Year | | 4 | MailOptin | Helps you grow and engage your email list through lead generation and automated email marketing. | $99/Year | | 5 | MC4WP: Mailchimp for WordPress | Deep integration with Mailchimp's comprehensive email tools | Free + $99/year for single site | | 6 | Groundhogg | Segmentation and targeted marketing | Free + $20/month | | 7 | HubSpot | Enterprise requirements with an all-in-one marketing and CRM features | Free + $15/month | | 8 | Newsletter | Quick newsletter creation with a drag-and-drop interface | Free + $79/month for 3 sites | | 9 | Sender | High deliverability rates | Free + $15.83/month | https://youtu.be/a32Lmzd3aNY?si=5e3El7lK_jvwLauL ### 1. MailPoet ![](https://theplusaddons.com/wp-content/uploads/2024/10/MailPoet.png) MailPoet is a powerful yet easy-to-use newsletter plugin that lets you send visually appealing newsletter from your WordPress dashboard. Over 700,000 websites use MailPoet for their newsletter and email marketing campaigns. It is GDPR compliant and gives you several tools for subscriber management. With MailPoet, you can effortlessly segment your audience using multi-condition segmentation, integrate seamlessly with Google Analytics to track your performance, and access detailed engagement statistics to understand your audience better. Plus, automated email options allow you to nurture your subscribers using specific and effective marketing efforts. #### Key Features of MailPoet - **Built-in Email Editor: **Intuitive drag-and-drop editor to quickly design professional-looking newsletters. - **Automated Email Campaigns:** Set up automated welcome emails, post notifications, or special offers to keep your audience engaged without manual effort. - **WooCommerce Integration:** Easily send personalized emails based on your customer's purchase behavior, such as abandoned cart reminders or product recommendations. #### Pricing of MailPoet MailPoet has a free version that allows you to send 1500 emails a month. For a higher email limit, you can upgrade to the Basic plan for $11/month or to the Pro plan for $13/month. [Learn More](https://wordpress.org/plugins/mailpoet/) ### 2. Brevo ![](https://theplusaddons.com/wp-content/uploads/2024/10/Brevo.png) Brevo, formerly known as Sendinblue, is an all-in-one marketing platform that offers advanced email marketing capabilities, automation and SMS marketing. It is perfect for small businesses as it offers a good range of features without the hefty price tag. Its clean user interface and the fast drag-and-drop email editor allow you to create stunning emails using pre-designed templates. Brevo’s intuitive layout ensures a smooth experience every time. With Brevo, you can easily build and manage your subscriber list using the built-in forms builder. The pre-built automation and the flexibility to create your own custom workflows allow you to fully personalize your emails based on various attributes to connect with your subscribers and engage with them more efficiently. #### Key Features of Brevo - **Drag-and-Drop Email Editor: **Design professional emails easily with a user-friendly editor, even if you're not tech-savvy. - **Transactional Emails: **Send order confirmations, password resets, and other transactional emails reliably. - **Real-Time Reporting:** Monitor the performance of your campaigns with real-time analytics and adjust your strategy accordingly. #### Pricing of Brevo Plugin Brevo has a free version with a limit of 300 emails/day. For a higher limit you can upgrade to the Business plan priced at $25/month. [Learn More](https://wordpress.org/plugins/mailin/) *Want to improve engagement with email marketing? Here are the [**Best WordPress Email Plugins.**](https://theplusaddons.com/blog/best-wordpress-email-plugins/)* ### 3. FuseWP Marketing Automation Plugin ![](https://theplusaddons.com/wp-content/uploads/2024/10/MSMpdeu-Imgur.png) [FuseWP](https://fusewp.com/) is a powerful WordPress plugin that connects your website to your CRM and email marketing platforms. It streamlines customer relationship management by automatically syncing key data, including WordPress users, customers, and members, with your chosen CRM. Additionally, effective marketing automation can complement your [WordPress SEO](https://crawlwp.com/) efforts, enhancing your overall website performance. FuseWP supports many popular platforms, such as Constant Contact, Mailchimp, ActiveCampaign, AWeber, Keap, Campaign Monitor, Brevo, Zoho, HubSpot, etc, ensuring compatibility with your existing marketing stack. FuseWP also integrates with ecommerce, forms, and [WordPress membership plugins](https://profilepress.com/), including WooCommerce, MemberPress, Gravity Forms, WPForms, Paid Memberships Pro, ProfilePress, LearnDash, ACF, etc. #### Key Features of FuseWP CRM - **Effortless Integration:** Seamlessly connect WordPress with your CRM and email marketing platforms. - **Automated Data Sync:** Automatically sync WordPress users, form submissions, customers, and members with your CRM. - **Broad Compatibility:** Supports various popular CRM and email marketing platforms. - **Ecommerce Integration:** Integrate with various ecommerce plugins to capture customer data. - **Improved Workflow: **Automate data transfer, reducing manual entry and ensuring data accuracy. #### Pricing of FuseWP CRM The pricing plan of FuseWP starts from $99/yr for 1 site and goes up to $399/yr for unlimited sites. [Learn More](https://fusewp.com/) ### 4. MailOptin ![](https://theplusaddons.com/wp-content/uploads/2024/10/mailoptin-featured-1024x598.jpeg) [MailOptin](https://mailoptin.io/) is a WordPress plugin that helps you grow and engage your email list through lead generation and automated email marketing. It improves audience building by enabling you to create optin forms and send automated emails, such as newsletters and [post notifications](https://mailoptin.io/email-automation/), from within your WordPress dashboard. MailOptin supports a wide range of popular email marketing platforms and CRMs, including Mailchimp, AWeber, ActiveCampaign, Constant Contact, Campaign Monitor, Brevo (formerly Sendinblue), ConvertKit, Zoho Campaigns, and more, ensuring seamless compatibility with your marketing tools. MailOptin also integrates with essential WordPress plugins and tools such as WooCommerce, MemberPress, WPForms, Gravity Forms, LearnDash, Paid Memberships Pro, and others—making it ideal for blogs, eCommerce stores, membership sites, and online courses. **Key Features of MailOptin** - **Lead Generation Forms**: Create popups, slide-ins, notification bars, and embedded forms to grow your email list. - **Email Automation**: Automatically send email campaigns, newsletters, and post notifications to leads and subscribers in your email marketing and CRM software - **Seamless Integrations**: Connect with major email marketing services and CRMs for effortless communication. - **Plugin Compatibility**: Works with top WordPress plugins for eCommerce, forms, and memberships. - **Built-in Analytics**: Measure and optimize opt-in performance and email campaign effectiveness. **Pricing of MailOptin** The standard plan starts at $99/year for one site and goes up to $499/year for the Agency plan, which covers unlimited sites. A one-time lifetime plan is also available. [Learn More](https://wordpress.org/plugins/mailoptin/) ### 5. MC4WP: Mailchimp for WordPress ![](https://theplusaddons.com/wp-content/uploads/2024/10/MC4WP.png) MC4WP is the official Mailchimp plugin for WordPress, allowing you to use the familiar features of the Mailchimp platform from your WordPress dashboard. With over 100 pre-designed templates and numerous customization options, you can create professional and responsive email campaigns that match your brand’s look and feel. If you run an e-commerce store, the seamless WooCommerce integration helps you target your audience more effectively. You can display your sign-up forms with MC4WP anywhere on your website, whether it’s in posts, pages, or widget areas, making it simpler to grow your subscriber list. While the complex form editing might require a bit of a learning curve, the plugin offers helpful free plans to get you started. MC4WP also provides detailed reports that allow you to analyze and visualize your marketing campaign performance. #### Key Features of MC4WP - **Customizable Sign-Up Forms:** Easily create and embed sign-up forms anywhere on your site to grow your subscriber list. - **Mailchimp Integration:** Sync your WordPress site with your Mailchimp account for smooth data flow and campaign management. - **Form Integrations:** Integrate with popular form plugins like Contact Form 7, Gravity Forms, and Ninja Forms to capture leads. #### Pricing of MC4WP Mailchimp for WordPress offers a feature-rich free version. For more advanced functionalities you can get a premium license starting at $99/year for one site. [Learn More](https://wordpress.org/plugins/mailchimp-for-wp/) #### Want to Boost Your MailChimp Experience? Use The Plus Addons for Elementor To enhance your email marketing even further with Mailchimp, you need attractive subscription forms. You can create custom subscription forms for Mailchimp with The Plus Addons for Elementor's [**MailChimp Subscription widget**](https://theplusaddons.com/elementor-widget/mailchimp-form/). This widget offers over 20+ fully customizable layout designs that you can set up using the Mailchimp API key and List ID configuration. To start using the Mailchimp Subscription widget, install and activate The Plus Addons for Elementor, and navigate to **The Plus Settings > Plus Widgets**. Scroll down to find the **MailChimp** widget and activate it using the toggle and **Save Changes**. ![](https://theplusaddons.com/wp-content/uploads/2024/10/The-Plus-Widgets.png) Now in your Elementor editor, search for the Mailchimp widget in the Elements menu and add it to the desired location on the page. Use the side menu to configure and customize it. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Mailchimp-widget-in-the-Elements-menu.png) ***Recommended Read:** [7 Best MailChimp Plugins for WordPress to Grow Subscribers](https://theplusaddons.com/blog/best-mailchimp-plugins-for-wordpress/)* ### 6. Groundhogg ![](https://theplusaddons.com/wp-content/uploads/2024/10/Groundhogg.png) Groundhogg is a highly-advanced newsletter plugin on WordPress that combines CRM, email marketing and automation capabilities. It offers integration through webhooks and the Rest API. The tool is scalable and grows with your organization. While Groundhogg is feature-rich, it may have a steeper learning curve compared to other tools on this list. The comprehensive tools for organizing contacts make contact management simpler. With Groundhogg, you gain valuable insights into the performance of your marketing campaigns through detailed analysis and reporting. The plugin allows you to segment your contacts based on various criteria for better targeting. Groundhogg also features an intuitive funnel builder to design and deploy marketing funnels so that you can create specific customer journeys that drive engagement and conversions. #### Key Features of Groundhogg - **All-in-One CRM and Marketing Automation:** Manage contacts, email marketing, and automation funnels directly from WordPress. - **Visual Funnel Builder: **Design automation funnels with an easy-to-use drag-and-drop interface. - **Email and SMS Marketing: **Send personalized emails and SMS messages to your contacts based on their interactions. #### Pricing of Groundhogg Groundhogg offers a free version with minimal features. The Basic plan with essential features is priced at $20/month. For more functions and features you can get the Plus plan at $40/month or the Pro plan at $50/month. [Learn More](https://wordpress.org/plugins/groundhogg/) *Your Newsletter sign-up forms are bound to be attacked by spammers online. Here's a [**quick guide on How to Stop Elementor Contact Form Spam Completely**](https://theplusaddons.com/blog/elementor-contact-form-spam//)*. ### 7. HubSpot ![](https://theplusaddons.com/wp-content/uploads/2024/10/Hubspot.png) HubSpot is a well-known all-in-one marketing platform preferred by many organizations for its comprehensive suite of tools. HubSpot's WordPress plugin integrates CRM, email marketing, live chat, and analytics into your site, providing everything you need under one roof. HubSpot is perfect for enterprise-level requirements and scales with your business to support marketing needs as you grow. You don’t need any coding knowledge to use HubSpot, thanks to its user-friendly interface. HubSpot also offers resources like the HubSpot Academy to help you improve your marketing efforts. However, tech support isn’t available on the free plan, which might be a limitation for some users. #### Key Features of HubSpot - **Built-In CRM: **Manage your contacts, leads, and customer interactions directly from your WordPress dashboard. - **Marketing Automation: **Automate your email campaigns based on user behavior and lifecycle stages. - **Analytics Dashboard**: Gather insights about your email campaign performance through HubSpot's interactive dashboards. - **Advanced Integration:** Connect with over 300 tools and services, including social media, CRM, and e-commerce platforms. #### Pricing of HubSpot Plugin HubSpot offers a free plan with several essential CRM and marketing features. For advanced functionalities you can get the Marketing Hub Starter plan at $15/month/seat if you are an individual or small business and the Marketing Hub Professional plan at $800/month for 3 seats if you are a larger organization. [Learn More](https://wordpress.org/plugins/leadin/) ### 8. Newsletter ![](https://theplusaddons.com/wp-content/uploads/2024/10/Newsletter.png) The Newsletter plugin is a user-friendly tool designed for bloggers and publishers who want to send newsletters without worrying about subscriber limits or additional costs. It offers an easy setup and a drag-and-drop email builder, making it simple to start your email marketing campaigns. Newsletter is perfect if you have bulk email marketing requirements. With the Newsletter plugin, you can track your newsletter performance by monitoring open and click rates. This helps you understand what resonates with your audience. It includes built-in email signup forms with a double opt-in option to ensure you’re building a quality subscriber list. The plugin is compatible with most SMTP plugins and offers segmentation features to target your audience effectively. #### Key Features of Newsletter - **Unlimited Subscribers and Emails: **Grow your email list without any restrictions or extra fees. - **Drag-and-Drop Email Composer:** Create engaging newsletters quickly with an intuitive email builder. - **Advanced Targeting: **Segment your audience based on preferences, activity, or custom fields. #### Pricing of Newsletter The Newsletter plugin has a Basic free version with limited functionalities. For more features, you can get the Blogger plan at $79/month for 3 sites. [Learn More](https://wordpress.org/plugins/newsletter/) *If you're using Elementor forms on your website, you might have seen the default email footer that says "**Powered by: Elementor**." Here's [**how to remove it and make your emails look more professional**](https://theplusaddons.com/blog/remove-powered-by-elementor-in-forms-email/).* ### 9. Sender ![](https://theplusaddons.com/wp-content/uploads/2024/10/Sender.png) Sender is an email and SMS marketing plugin known for its high delivery rates and advanced newsletter design features. It is Ideal for e-commerce sites and small businesses and offers a versatile set of functionalities to help you manage your email marketing and plan your campaigns. It also offers free access to stock images to help you design visually appealing newsletters. Using Sender, you can create engaging popups and forms to grow your subscriber list. The mobile-responsive templates ensure your emails look great on any device. Although Sender excels in many areas, it lacks advanced automation features, which might be a consideration for businesses seeking sophisticated automation workflows. #### Key Features of Sender Plugin - **High Deliverability Rates:** Optimized to ensure your emails avoid spam folders and reach the inbox. - **Advanced Email Editor:** Create stunning emails with a drag-and-drop editor and access to a library of templates. - **E-commerce Features:** Automate emails like abandoned cart reminders and product recommendations to boost sales. #### Pricing of Sender Plugin The Sender plugin has a free version that supports up to 2500 subscribers. If you have a high subscriber count you can get the Standard plan for $15.83/month or the Professional plan for $29.17/month. [Learn More](https://wordpress.org/plugins/sender-net-automated-emails/) ## Wrapping Up Installing a WordPress newsletter plugin supports your email marketing strategy. Instead of manually handling emails or relying on external platforms that don't integrate well with your site, these plugins allow you to create, run, and manage email campaigns from your WordPress dashboard. Features like automation, analytics, and customization that these plugins offer, allow you to tailor your newsletter to match your brand and your audience's needs. While email newsletter plugins for WordPress integrate email marketing features with your website, to add more functionality without compromising looks, design, and performance, you need an all-in-one plugin like [**The Plus Addons for Elementor**.](https://theplusaddons.com/) It adds over 120 amazing widgets to your Elementor editor, taking your website's functionality to the next level. This plugin is optimized to keep your site running smoothly without performance issues. It is also incredibly easy to use. So, you don't have to be a programmer to create a visually appealing website. ## FAQs on Newsletter WordPress Plugins ### Does WordPress have in built newsletter option? No, WordPress does not offer a built-in newsletter option. However, you can add this functionality with a WordPress email list plugin. These plugins integrate with your WordPress dashboard and allow you to create and send email newsletters directly from your site without using external email marketing platforms. ### Is it safe to use a WordPress newsletter plugin? Yes, using a reputable WordPress newsletter plugin is safe. Make sure to choose plugins that are well-reviewed and regularly updated to minimize security risks. Keep your WordPress and plugin versions up to date to ensure a more secure experience. Many newsletter plugins offer spam protection to protect you and your subscribers. ### Why is my WordPress newsletter not sending? If your newsletter isn't sending, it could be due to server limitations, incorrect email settings, or conflicts with other plugins. Some hosting providers restrict the number of emails you can send to prevent spam. In this situation, you can check your plugin's documentation for troubleshooting steps or contact their support for assistance. ### What are the benefits of using a WordPress newsletter plugin? Using a newsletter plugin within WordPress brings website management and email marketing onto one platform. You can easily manage subscribers, design emails that match your site's theme, and analyze engagement without switching platforms. This integration saves time and helps maintain brand consistency across your website and email communications. ### Are there any free WordPress newsletter plugins? Yes, several newsletter plugins like MailPoet, Newsletter, and Mailchimp for WordPress offer free versions. These free versions often include basic features like subscriber management and email design templates. They're great for getting started, and you can usually upgrade to a premium version later if you need more advanced functionalities. ### How do I create a paid newsletter in WordPress? To set up a paid newsletter, you'll need a combination of membership or subscription plugins and a newsletter plugin. Start by using a plugin like MemberPress or Paid Memberships Pro to handle payments and restrict content access. Then, use your newsletter plugin to send exclusive content to your paying subscribers. --- # September 2024 Monthly Updates: WordPress 6.7 Beta 1, New Features in The Plus Addons for Elementor, Google News & More Source: https://theplusaddons.com/blog/september-2024-monthly-updates/ This month, We’ve got some new features in The Plus Addons for Elementor Pro that you won’t want to miss!  In version 5.6.6, we’ve introduced a **Hover style option for **[**Woo Single Product**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/5UuMBV3IFn8l607x8G8FlRUbJcOFDSvLKEMUojmLJwYwzDqDgEJTeeZLMvn9-obtUUOyd3Ado2NkUVO9yTbV4E-WW6nkkIumY0XwOhJotuianDzcGoWF4pluQatiZd5G8temU7IWS7BHI_xStGLhafraUKG3MO8l9OnqnVtQxua8Be5GB9Jj8MvJbdzN6pU3fnovMkLBy3oQoa0G87-98TDDqGbIBGPsGLW3Vw2f18-2HJU1qw-LvYOOwG7BdCEmHJ2tVonaQlXciJSd4_1vO34Y1j-c_Gx43ThN72yOrZEVaGyFnAfMHtnXjDksrwKNf-utmF7ba69Piof1k_0Epgm3vw)** Image**, giving you more creative control to make your products stand out with just a simple hover. In version 5.6.4, you can now add titles to pins and repeaters with the [**Hotspot** **widget**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/-6pDylBSH5sQCg36YkA3sZnCF53XW1msCLYSoA_qxqWdFJcxIzIw9BPRFvITuV3brnF5rTEZJj8Hr6OpBPm8PukX1Gn1jk-xI-xwhAEwookJEMW3nZFbl7fDCaystc_n0DyAdqvxlrpNu1NvhhGRvXaMsNrp5DsxVM-aVES5kcj1BEJ3v7MzSsAK5Gg1tc-7WsvbjWeD_NZXTyHV8rJvns_git3O9z3xaRji37vmPsYfhS4abpzzosXVneNA0vOhWBcrp4LZMiGp95f6bdDGhGU5PiwdRmSHVF2pkftbnbtl4DVJSLBcMD2JFy92gBX20Ryu3OhW4HYEmHhBa-ST9b5_h78), making your designs more interactive and informative.  As always, we're committed to refining our widget options for better controls and performance, ensuring you have the tools you need to create stunning websites effortlessly.  *Stay connected for more exciting updates, as we're about to** rework the whole dashboard of The Plus Addons for Elementor soon!*** The New Dashboard will be : - Faster - Easy to Navigate - Better Controls & Options & Much more... For all the changes,[**check out the complete changelog here.**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/NXLtm5dLRIVtWATy3JX1ytutwFA6Nhmky6E3zSJhrVGTCsG65kIzinMtnyrmBMx8tbyBeCYWHiHSMxnqIijxfyhZIocMKs19xzy8Q1Ue0pshcghO0HLsTpCN7I1r-_R2rFb2XdVdCam8e2P2dcBjFJ1JIl7ftUIRvU2HTdysAr98VK0eDU30Dzo1EMwjsHxYq_9IWMIAgE6Kag99Vwt-IrwniLjIxfzs8WgjKSLN44FSE1FoVziRrddxDLsV-RjVTThH6QwO6-3U_5m0hGuSkgkNqGshduj-uBBM1gteLkK-VtiEMTGfIQrNg1xPpPjKnaohCg99Ldaghbh85ZR6JroHhw) ## 📖 — Latest Reads  - [How to Duplicate a Page in Elementor [Beginners Guide]](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/oGkPaVTcgXu7_G6IRPyv267H2tQFuwFXvr-qJCS2rbKkw4tz7qPeNptK6xAbEqdEDYyFLfbk6kCJ9piY_8o-PpfZOzxW24qvVy6qZl0liyJzAccGnzeumJ_fwRoszaW21veDw1PexsNNQ_ugkCJkKDEP1yYMGu2c7ApDc7h09GVctAHKQ3hvbHyRLtoxDXjwIaOJxSZfaTW_p3Z6gTISg79QTsU7wisZQHy6BkPR05byLKzYuNH6A-2MJjErIN3XyPdmFarSn1yQnf3YWFfC1tYLgqYixZ_JVI_46KLhL8f0hAPjOMTIKRbkU-amwuVVIWSmdrtfZnEsOIYDWcxYoog7Djs) - [How to Convert Video to Image Sequence [JPG & PNG]](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/BaS27OoIjcgHDTN8fPcC1LDn3oQS0WaELoUH-n9kOE3UxhgJtzfvRAvfedEYYvAaj48UUonEOrHmNZkaqSwKiSYfcbN6-T_JOO7HI_kGhCjc4-zEUSdYVjLGRcH6BoRvbVH0YkVRUFBXeZbUZznGm1yL7KFY4m-Z3JOajM1syxUE0mPvRG9Y6gN5mo7gnc5BIxn06y4iHhLq-4BGl6mHT71KoFV6JB5IJIkLCFqjpbl3WnP1A6Tj6dmpm3PoqS0CJki04X8RYRf8FUY6YSekdLJnz0lkQLuZJ1J6JPYfED-6pkJP1l-8Why8evF6uROimCmuQBJQTXFc2vLm4JprmDzKh0A) - [How to Add Two Factor Authentication for WordPress [Easily]](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/mMFWOxWogxSL36f-Jw_1yEv1Huja3bSLHn0ulSmMjO2yJCDrbrtl8RF0eTFGp5Y4Ue40EktzQe-lVdZ49DVKhKeBsl9L8IMwnFd7K0E2HHzooFFG_xFxzSUIv9P2TK2xaTiYy1gw41F9d6Hk8bErHRo246RjEtUV4lOq81PlVQz-3TbG2HtTdlXWhhd8UzD7qJJnGmxTVBq4_3ODtK-hub7uwsj9RQnXx_b9nOfoPx5cYUadtLCwvPRwmMwRszmxalaPNKVbTUZFhWlrRicWY5MDmOgMIhZyyNlK0nXBz_k6E0tsoyRJRa3sV20nNAnhS0URYbU-8Zj0q2B7vWPMO-tpzZ8) - [How to Delete a WordPress Site Completely [Step-by-Step]](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/STgl3NHNbJ_Ju_SSPd0kXyYYL62HCqxmef-_BvAq8ePMacM5P0u5CQpKFdKmsu6Ri2vwVMraukavAYunWpoDWqewIsOKKQsORQ1ky9MidcCIE4U3di5b91DcBL_huYTa0CTwqNLIXZprrZbaAb40WHtjGNX8_bsnnN5AVkI_Yy7UDXuJBlMOLVFCpbZlQVQdRG6JrhirArKSnHpiYvFh2ciR8a022nFvW25Mt3bEl30nxSfcQaQotra3_5GLoWeR8lwGIPTfYobKy1TRTpX8Oe4iYZA_Kk6Y9YeRvXyOqzXPiDf0tHtXUJqRsyxDr7U11xTqJUngZ3vELnfLQ4NiGCHEA7k) - [Latest Web Crawlers List: Top 10 Common Bots & Spiders](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/I4F7ELALRDs7ofSyJX0cUU9WbzHMUempyUVz_aKFQbpG4ZrD3xIVtBtas4RlARI1sWfKEB3mgthQTdHpHMvQk4KiOeEt4miBELBHsBKyGmbzb8Fy0cP6tGFHhH8xLC9JOZo4BsfMnjeL84A2zB4hj4za9yHR_3MT4kw3y5mdUcz8kbatp0NnlQiE_9LhO007IbwJJM1rPhfbaki7k0OR0KN3eMTyESHdcARRXqtIAvY30BrLEEdmtF7H1BZhCQhbK41XCK6ke4xMn3QkhsBxG4jWvj3Cuw22z1XF_WCF35dGmf_kA27hIUfh-eiT7h4g3IwPOWh4gdm8x58M1LabudsGsDc) - [How to Fix WordPress Featured Image Not Showing Issue](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/81xO9aCgY_IHEwsqcjEEbB7UshhmbU_CriISXgY7YLaws9ps4uzoPfWgwp5gDvHxfU9-oqCnME2LE37bNn3APft1TKIlxMUOZFMZMaNC7Q2HVt6t7g0uzyfKHyKG4nNN-jrz_2pi2oJoHATsSZDeGST9Z_o27V065P521BG5fREKxI2qz922c3IJx9TW9mXZBRsZvNb0Y_lbULJ_pscY7mOpDnf5WTk0OvYFecos-tN6ZK3VXb33D7GZ2UofDZfBhoCCfx7lJdwjfuuCmukkIav85lEWRwf5vfAz7KqASteYFM9VgIVDzVaZIp5K4b6ew_o9Qu4ttfySnHiiPsJ_A2bFRl4) ## 📹— Video Tutorials  - [6 Best Elementor Calendar Plugins](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/zQJWEaQsYFVtUY2L8SIs2NcYWSoGoS_7C__YWQ0GAszFYmYBgJdKNCEzmA1p3wWw8v_I-YOLjIrw_aoucEKO43jMOoy8yZ972V3mcqjohtDCeXmNQicIAAayRE3xyJPa1sDOFmSnVOJwTotpm7guduauKyM93RG2AUuesqhji9JVlOnN0uGOgqIZzPTts2_lwNyR1dQ7FMkH_oWP-os6mNlS3BjdmF2Hklc-kVvdnYgvllAmArUp6N2uJ6iu2fo6_lGDVJqloZBWWfeJWBR5FZ323Iue3vM6Fn0sO2eahKZHs0cc2mlx3kQOoQv2v2C7KwuFzmF8726p7dXP5Z999lcv4QE) - [How to Add Swap Logo Grid in Elementor For FREE](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/L2Lbg4xsbrMZ_RrltejK44ARfDW7kxSINzyIqSHz4TxPnEgTbvEOQ3jMYmw2nRI-1ei8DkxA1g3deL3oIEaNyIJm0X8BtVHsjiLQzj72rHCrtu2gWV-ajsZjYCJYh4q33h4Yf36NEdZWG4sNjfr78zHn0CY90HQSgwDYZJlxkgcxa7U3EuwmggnucceUGhESkzuueZasPEOqabvIrXFcCgroe3663zpkJ_WbhgnwU8Ly-7EAqKFsCRtBudWJ5fj4hc35OAcfOGNcodiJtLpif9qIEjGFZ4PA87MQo4YN0nfAh1cdiH049sMn8xW6LZu3qlUyTm0rZ71gwmExRvVyyx0Brc0) - [How to Add Magnetic Button in Elementor For FREE](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/a9Ig1UPbDWu3wP39N4kcK3Jjy-Cw10NZrcLAfbuEDSoP5WZxCYAjgUFctf04z3cCedAhaN3ipXpBlA9wHvNIow5oNz-Ur30MyYIOGTk529hhYD8fETTxvuSY5XQp1DdpuT-JLACmhA8AubgeXrz4ZDxy3sgGagiizvomI1Q09fVRZVx9hJ1FKR8ZB-bbzJFmyeIx1BQpqkJK9Znplquog4xHBW2qWt3zx_F2iTkPPp8nnYxoBXPsVDkFR5YBNxPSnnywMeDoWnR_Z0f9lDEGdxQZa0MbFd636h8eV23NKx2uWUrM_cfkNk6OjYbVQ1B8uUPzHN5auXOBMfbPY6su8ktEjLs) - [How to Add Toggle Menu in Elementor For FREE](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/fetHcIntbyyt1a_h6qzqIw7VZ8rVLV5gxn9wt1Dq0kz6ueRzjpEus4z9GMHFQ8cglAMuryemlX51AzlYR9o4WHVRrR_KrvZuQs-GpH97D-xXaQb9_j0O7GTB293QEuTWwCUccPtoyQQ9KznRuemeuFqW052e5cNch5Gx6ligeTS342CRvUyda-DH8cpVC6QxnIZfx0zcYauDl70OfAZ3tky8-6vgwR_6uUSf5PHDx2Y1PS1rUCDnuEw_53HfsJQgpXPuFgNeE48yBn9eG86ZVdiA8pd6pRGf0tdhegoDDr1NQilupTzFkD3OPoj0QMAz2LJYMdM1cWRxlx0ps1Ppohiamuc) - [How to Add Sliders in Elementor For FREE](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/shndBdpmz3JlodJ71fP-iXWsotJmPKcNgPKFbNr5c3qesBvVfbF-wMoJCFktuZruHqTgh77HSce3t8OqVFISiRyFakCrmwmKp70YoKJ7LizY-3tanbDo8dHPZmudB74Y_ZuuhCVa60aOuk0RaDQtnRc3RCLx6-9e0z09tFr-HuXC1iGkufeJU_fC80rGrZxt0EX6-fAfPhh2H7BjWhr6VOERMuETQAo_mpRND33f5V36PL_070gMbHWXZEt4jBW_UxdZ3ZdX4Iwf4CdP0I72Mwue7vpCRdOoL8LJtbwHu_HFvXgYmmT1Mv0DWfMDq4x8lZMwHvqghaJRceO9DoVDEwXFAvs) - [Best 5 WordPress Email Plugins](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/Cj7m7mw0-fNaVNmu4BGIwxN8ygcdxED1DKbyom4raQAk2FqYo4UYbN3DZuoCC8SBSkEDtcMAO7I0nCpk6QLsT_yXssazb9U8wG3EJs9D6ILQJ6FSFJVSdr8Hsmq7RIbas_lHmvcSFAvlOU6BCqQ9mZOs3hX3HRktQDQM316c10x1m1slXkFFGWYKj3sSqdr-7DX2lmCLiWtMjNAQIuX6-NXmscbJu8sSLKyJy3WJEoEnPnQ8x_xhQXfPegCeYWhMK0bX4V1xM_wZRbr-iVDgQX-oJecUgiooOPVO4zuMzsC_pur-PKJbsLALmcotJ-SxlyyK7Agk1KM_MYwcL97_B2RPxes) - [Convert Figma to WordPress in Minutes for FREE!](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/zEUQzLG5-s_qWfDgvihZC9sn845VsGWByVyBVtZGSECg57REFgwkgirJ3J2ZmU3k2WtREABRrjpvEpo-lInzziMn3pJ3IjK561b0n-OzyAzAYkxWOQGjwx5foFHyZ4W6I34cK2WcjwMXskTwxIEvtRmpBhQ3lYgEBy8QnOfTguRVSgmVZTT51hIXJQLNSv1chemw__93vDczpFnhC9nctTiUklfhXGKdgWaKi6frc66SUltvwdgtB8vN4qq35qP3g-MJ3SDYTllGAfgPhwf8IZmDo3lgwg_g9OwlA4rkhAYtHF5meIalN8y-yQFx21DquIGodQAogI-9OU7gC37tZHaDT5Q) - [How to Add Coming Soon & Maintenance Mode Page in Elementor (FREE Templates)](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/qgOtR-BkcO3qyr4eXC-qQU54B9nEUpC4zwtE-3hpbnQbhfHFXNVyHx4rQqGHrEnwft828UG1Z5aZPMXlv3vPh3SeW5SSIcfHk2FDBH4F0qARHO2_-CZKOmGWoMftIJOUkwuqTXZBz82GfCW__4qVePwo8cohpiH5rYz2BBwqjv6GDN8-ZdbREWj5vBxx_8Og1SylXaMXKtcqw8LLMVjeWgZj9Vs4GlXhz3rQ5IXNWFpxgnYerAxgbiS5YqO2sM70x_7xBo5fKl6JoVdFl7xKK3BVJb_ePQNwjB4oGh1f3ayZccgG0V289G3SaYP-Mzm3ljB2KliXwIPjNd141-yzRiEySEo) - [Best FREE Alternative of Linktree for WordPress](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/MP95v4RZp-wi8yNVKOUkGRYKIi_ubSbiYT3lOVabHxTjV1NsUgDmy5AO_Al4Wtw9vPKyb6b5hoPItTb_2TBKR1mlEAStq6jh72gd-uFLd7UOD2zqpGYcdJ9ZYWYu0p1O6d0hkdD_tYs7JtLoXb6b5HMB4wdkScpm_B_XTJS_29nEZYyYGRWYeBFrFcWOCsmSlJfTtcl9gqUSXISSc-BTd3613ytMF3qJBGSCfsnhkSOdazrDLmSukHKsO7MVFYAWtEthcM0z_ydQ0n_UHU8scOemTF9cARlThMrk-coivcFZJLCSx02d1FjKAmRDIO8LPp_Su64rTABObRAb0qjDxv7XmyQ) - [How to Add Scroll Banner in Elementor for FREE](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/pTO23aiIh20hR1z8O3nLA9Au6fXDuvasT7YxnEkVX7kVgW8_fKLCPDLXUz3x2t1WG8QMec7aZk3IOPiEVRsWjOoohPaA-ZXpBwKhTyAJzu_lWfMBpUtBJn6wEIzX35_7tsTXZQEs5nLUEsWr-q86Aszwlbxb2tgDHs_lBtz1AFJjTj8f6S8k9dR29GE-AILyemve2LwRtSpOyXSXscVVd-sWWh9AeV3K_sFfiQ-qwWE8_xU7M0WTjPBIfDf5fazV2S5ub7Igr69Hp8ezhy0Jyl-aY14LJX8t2FrfbfDW5SVMCY9JSyR-XYSMLETvvEOVR0cB4HE28Pb1MGEElY1-hqOe0Bg) ## 🗞️ — WordPress & Tech Bytes - Elementor [**3.24 introduces**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/BiOBRBifUDiy_lM5o9SxrnWtqhDCFW8dBh2YjjZshBzZbQbITCfxqrhv1UC7MQ1I2ImS0uFocdzitSPOPC66XRrID19Jbn1IMoAolTqpOwawDTaCgAviazv7ea_PoLF3D4rnip0b7qet9Mc9J9u5yxXzxYhrsI8Cmav024PgfIqvScKUgiJ-s_JzhO1xwW2R4BfGg193CFFvMn0HnnlxsIbC8igaSKs2SOIK_FeXLWxXCMp4Mk0sT1STniFAM0sM80JjBUgJK-nESt_mmPY_NRzqfM9O-hM2aB-GKVc0MH1oa9VrI4Zq1WN0qrSIv67MAZIhDIq-yDfaqPhnyT9ojhcw6jA) exciting new features, including Floating Bars and Variable Fonts to elevate website design. The update also improves performance with enhanced CSS loading and additional features to optimize user experience. - Elementor [**introduces Site Mailer**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/5kDIvz9HTBgx1d__gmW2fnMb2Vf-RDcBTCHvqit8avJNXSZclrcdh1jpEom7z338qK2r6IY50xe9X8CFOCx8gTGWAoHKkiDI3i7gkdEzzC0nKXCcTh6sam3f1WUggOdAH8EvFwEjk7PUV3SRenUWzSR2Fh8SYLkfdLZojeLuvdgUaR9ZMRiugvLyiD2aNLTUKqNsyHgRf6c9xJlNKql1-Z69j23A8_xA_3MpVvDdXr8x6Kky1BUjazYNi-kgF8IKofdiDStf0iXNXX5ZDYWJEmVe4gNgp73weiGAumcYRmPuTVNJaVKgWEpKOYLIZ6b3hEz8YCfuEm_mFLbYk__uhRe-Q48), a new feature aimed at improving WordPress email deliverability.  - [**Google Analytics 4 has introduced benchmarking data**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/MIQVzEqQh8M8qmqyDCZYlU8lfrkx_2WhktULnTo4Ac91glKZmKv07_6m--cV70PGC4m7bld7wMOnz_oZUXfhKSVZC-hHOduXeUQX1CQfOUNQXdbiFjC2GCQSRvtUc9KPIwgcJxeuMXmr5qW-Bjd4yil6hjPAU5f38AKk1mBFygfERpZFZQI3a9FNls73_HOnPC9WAyH9WhjMx1s1YmPk_YVN4atGzrbH8Rv5C99QJxw4sr0gltbkVHN_XNoNW5h_lGyVGa68Ge3pSqDtcT0SDgDiy-deN8-A1Pshkjoe19295W-_sPsQ98GYYEYDjseSIlhENdoZJ3OpSsTSGw3E8Tio4RI), offering advertisers valuable context to understand their performance in relation to their peers. This new feature is designed to aid in informing strategic decisions and goal-setting. - **[WP Engine has been banned again](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/5iT00PTMoTuKqyRsIPnLHUH1KT1NtU5ix78waTkdXdF_WL0azqoIGrfOf2kxVGUVFxjEy0xO3Fket6wKQGN3wL0psCYeshAZIRfcUlblq-K-LoB3lIayz1Gr3ll_tnBkXhgALrocje8potjpdKD1SxTmJvk81QxarZnDoamMk4QKJ0R2hmi0FOZ36Ca0Y3UCgPMf3wXG2pLGNymK1BudeB1kRB_37r_4y-AWheO_av6xXbUcep0xUtIWi5rizdE77C2aqWXSgPHs1DH9Lfhn2qu3XY_YnXYxFXh1L0aYwlXT9h4r694ggip87KEs-tUJNhVtANmdZ5zd3o9U9k3ZFqHQykg)** from WordPress.org, prompting the company to announce on X that “thousands of WordPress community members have once again been blocked from accessing WordPress.org.” - [**WooCommerce 9.3 is set to include a remote error**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/zuXMwQfTIiMbGsLeaPqGzi9yjFH6InZAUkpGlUdx7Vlm8HJwJ23eZrFTDWrrqukTRPcqEnNcoW-2nkC2xaO92qcYfTcoucqQyAuUk_QrUIc_0glQUi1L7h21uUhkVNIc39ZfKbu_nKnrSg2MUi7dD7PUPI7Ui-lx-VuDx7w9s_ibUCkkXNLsQwTkbtJv6zafYGUDdP2XqRQlk84wKUl8laj9xTv7-A0sBUuKm_pL81KM2bgoeNfr693JXUM5-bcddvmrjHpIbPV6y5KBgEgBgyaBdmP10g_b-UGlGIIT8GZgD8jENeHoxxURObSyuh9mWTpB1XMml2bYu__k7bFU21bq9FY) logging system, enhanced wp-admin stability, optimizations for the coming soon mode, and additional features. The pre-release updates indicate that WooCommerce 9.3 is scheduled for release on September 10, 2024. - Researchers warn [**Google users of a surge in "malvertising"**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/Uc1YqTiNfktpeXJCV-8S7bkO120D-3y4Xx3NEwmAtxyT4NLKCK6xdisqLq6RZ2E6IvQB3wb4bDoPZU_irkEwa5V0kTNdpqGskrIuOBPZhJmYHp4Ie2xXhx0PigaCy4FxOUhyVykXlQ0ZhHTTrI6zZXtjdz-aIf4ZUg-Li7Pk76QGJQwYY9-FCxuwa6BMmOLPNqDnS7GBr5N6qJtkvrYqWmnopLq2qsX1U7NFsiOzbI9NbSLGqtWjzd0yY5vClep1dSRJDQH8OnSb7EYXRO7qSorRRJLEntVSHYIfUbn-oJMGvVDi0E1Jr3NYOFNJ3pN-eeiwTpkpHzfZeOCkrn9SDI3qOIw) campaigns, where search results are being exploited to spread malware and phishing scams. - Google Ads will begin phasing out [**enhanced CPC for Search and Display Ads**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/Xt1gPvCEQfEUCxF2OaXeX2OLlsiurp3q1iK_VLZfRC2oAzefxTyDLHJ8k3Mnn2WsGdcYwaa1zz8YZmncGw4it_V3ygtIzIvOIN1nKoGYWbLNw8qk5ESsdWYId5qMp12Qt93D4ygAHosdUsXli-hHVwXUbX-zdIebVbHP7RD0C8MskP1yGu8KOXwZ1sLZc6myXbNnX5zXhO1Q_0huG6JAo2B_pKQb742MS8IUv10IIJr9kqxkCBefGyCtnyq5sRfX-nl31f5TT3HCu6UwI08Oj_eCtqT1kUaFbE5t6mvdnfBpb4IavTcH_s90s78vhUn7XVSmQIiIeUfY1EwX0H5sdyQgBeo) starting in October, aiming to transition all campaigns to manual CPC by March 2025. - The Elementor Floating Bars 3.24 update has introduced [**floating bars**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/4u5sNwkC-zG11lZcWC4jwdwMOcAde1WbNdUqpQi76ke5g83CAccVFIXXSTkG6QqRGBcINhiEbNsMJc7dZAD2jLMv-BLKxCqBzLrivfSCl_JJOpfezD8zL1vBKCldXYqF7rt8uqgrHpacZe2Rt-NJ98j7cWnmm9-n84g6WUZQZH5LNdhorpVaadshL6VbvKuBcLC0s4B9jYjGURmMLYOh2hEbhYnZdxsHjbV9UtxpvjhPsb_E25cwioJ-swww3m1F7oCcqGELJDZrR339z3zcmUv80SY9IKnxgovUucqx9-_59PYLVGF4V2o32fm6oilq6h7y0r-WWyWIV-lfOvu8T68ox4g) within the Elementor builder. This update includes over 30 pre-designed templates and three types of floating bars: Call To Action (CTA) Bar, Ticker Bar, and Coupon Bar. - [**WordPress 6.7 Beta 1**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/AWNMLCZHoLSU4m5jePb9va84a3m76xdYe1RW2YgH8FmPEurv6trB64W7gRp5Qj4vPkS6hNv9qFz28MPe8F8RwwqFtgjZvd6qBIv0r1XH-6HbbyDLZKB7ftGwzUVx9T9a8YX06OvXlvWXMJooqcbSWuHB-g4SNPpCc9GV3jxZlWI8xk3UkdnqqcuKlMR219tyIu950O3jzNrmVVccCl8N71g8mVFQTW52U6LgjdnQo6HPhmRZofRu0er2zVdvSgobUaaZ6D5LtjFVjoyGMFERoxbkHioaPMjM06ybRq-N5J_1U6uEJUO8LZ7e3fgP_MAW05smQhe_gAa-Wi9UmQTwe1IYgyo) has been released and is now available for download and testing. This version introduces the new Twenty Twenty-Five theme, various media improvements, enhanced data views, and more. - [**Google has updated its spam policies document**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/dEd9-fOVH-KNadGLPedBVwLuKDIA31HM8UVL8BMXFNSfde7WeE8T2CF9rRTcYgNeohbxv3QBVRu0GIMMi6wyiCXJrpebgmeunUgWs0BjwTsZYe2KEIF3pEVM9llsxoDvhD1D_S3x977oGXtk6AKWF309-af3nswYRUhtQUfegzuU81dQ0btPPW5eCAgJWTiiy-14pZELAS2LcXEuuqLBjKuy9nJftyI2U37hi0HsXNdcOianCN4AiqAIZBv3d8tRQqeBwMeBLfSV-dz_-aiUKY1jZ5xGygH0IvyXL_naFKzBIsGj6Xc7LaF99lsWagGAccqkLN24EbQWh_c2nFM9pK5F-M0), providing more details on site reputation abuse and expanding various areas of its search [**spam policies and guidelines**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/VHQodRhS2A2yh-JxUbz22nXcpY6g3Qc-FX8dtUe6J-kJ_x7kepIK0TswBoymPNL-ohUgz8TX5kUNreZAHvGhCfKXCOQVGz3HrH5SQyJplRcsZQ5Aiqd9Q93B0w__fSLp-Qvf7M0mIev9BXNLMoe8aMCFlAIiLGJaWzCGUuHHkgdRRcZQK3OQ6pHNqS-AeGc2portpfGal72JnlNodj3P8TXwtPt3b07UwehcEfJN_LcVk3ajaPXZK8wII3akMGgCYPYF0UmNJJJ4tOeED0HZdwwHpKW3bM29Ew22OYwn9dwtKw-qgDY_4OOz8anTwlg7ZRRo-wtDfwpoMtK26434BXjqsiw). This update is part of a routine refresh of their documentation. ## 🔥 — Tool of the Month This month, the tool of the month is [**WP Remote**](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/gcYnzGTlc4x_AdncB07y13HShX7WQZFuTBgiZhBfx5nS7-BxvE_DytSTu8eMBRs-Qvg5S2a5vPx-KW80RWbbRNKCbSxmb1HTHPnUV4pShD1cfVQv8s00u1JbuvvO5K8tgIY74qpMtWlY4CsP5ftgx1CNRzww4tTXmm_bQGoU3FCf5gpuM_-B3twKqFFDKKCKCuKMB9n2c08Gy0ICkyitkeQNLKCiPmjehTgUA14_5ivtB5JgChQdi1UqnAqwbl8WeOHHG4jyH_gzBNXx0LqOyWaCvvdATdqmcSfB_cHbo3TYepJDLG2j4LQtPtGzCR7-my2KD_W40slW1cJsVqgz2bTXe88), manage multiple WordPress websites from a single dashboard with ease. Get one-click updates, robust security, and fast, reliable backups with WP Remote. ![](https://theplusaddons.com/wp-content/uploads/2024/10/WPRemote-1024x768.jpg) ## 🗣️— Word of the Month #### I must say, It’s Top Elementor Addons *We have explored this for our Envato Themes and Elementor template kits. We have seen it’s power and it’s free version is just next level to powerup elementor page builder. We are planning to use it multiple ways and kudos to team for making such addons for elementor.* [*~ @avinashpatel3*](https://fibfbff.r.bh.d.sendibt3.com/tr/cl/pa3V6I6DReW99kymWQnTmYw_fVj1Gp5zcqPSqrtOTkHpENy87_SZDqTaepRzV9d-g5u54G7srCk7AhZIN7q41iJCKy1D3vDSs0W0kULqNhYEVO0DF0QTOVeyYnzQDzgeyVJPDxMHnJV8trhZJWpSWkJoDscyKe5qyDDtCY7yqxDBraqoxwJvQvclKjf97YDSZmmGp8SV3bPx6D8365C8Snq2WCU8MYqK95m4nHJZ-VO9C7eue55BrnqTPptmVZ6i2eh3kSk9S4wZNTBL7f9kS9RNk7ok9kFNdOGfSWOWqL3XNxCD-3fcFE3Y-jgbZp_wihmfSliMHrLiUnZ4HvbU5XEMFNc) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # How to Duplicate a Page in Elementor? Source: https://theplusaddons.com/blog/how-to-duplicate-a-page-in-elementor/ Want to build your website without having to create every page from scratch? Learn how to duplicate a page in Elementor. A website that is consistent in its design helps with branding efforts and gives visitors a better experience. However, building a professional and visually appealing website can be a challenge, especially if you are new to the Elementor editor and its features. Creating a new page from scratch is time-consuming and needs a lot of effort as you have to manually create and add layouts and design. This is where duplicating existing pages can help by simplifying the website-building process and saving you time. In this article, we explore two easy methods that you can use on Elementor to duplicate pages. ## Why You May Need to Duplicate a Page in WordPress Elementor? Duplicating a page in Elementor allows you to reuse elements and reduces the time you spend working on designing each page. Here are some reasons why you would want to duplicate a page in WordPress Elementor: **1. Simplify the Design Process** Duplicating a page allows you to reuse existing layouts and structures. Instead of starting from scratch each time you create a new page, you can duplicate a well-designed page and customize it to fit the purpose of the new page. This helps you save the time and effort required to maintain a similar design across your website. If you have a base template to use, you can give more attention to refining the content and fine-tuning the details. This way, you can create multiple pages and grow your website quickly and efficiently. **2. Improve Consistency Across Pages** Maintaining consistency across all the pages of your website ensures that it looks professional and trustworthy. Duplicating pages ensures that each new page follows the same design rules, layout structures, and styling elements as your existing content. This way, you can create a better user experience, and visitors can navigate your site without stumbling upon mismatched designs. Duplication also helps you make sure that each page functions the same as features like navigation menus, call-to-action buttons, and interactive elements behave uniformly. This improves the usability of your site and minimizes confusion. [*Custom WordPress development services*](https://www.mavlers.com/wordpress-development-services/) amplifies this advantage by allowing each page to be both distinct and aligned with your brand’s core functionality, ensuring a refined, professional experience that’s as engaging as it is consistent. **3. A/B Testing** A/B testing is done to optimize your website's performance by comparing different versions of a page to find which one gives you better results. By duplicating a page, you can set up these tests effortlessly, as it allows you to create variations of a page without altering the original. You may want to test different headlines, images, or call-to-action buttons to see which combination drives more conversions or engagement. You can do this by creating duplicate pages. **4. To Create a Backup** Creating backups of your pages is a fundamental aspect of website management, as it protects your content against accidental deletions, design errors, or unforeseen technical issues. Duplication can be an immediate backup solution, especially if you want to restore a previous version of the page if something goes wrong while editing it. **5. For Multilingual Content** You may want to cater to a global audience through your website. Creating a [multilingual website](https://theplusaddons.com/blog/best-elementor-translation-plugins/) can expand your reach and increase engagement. Duplicating pages is an easy way to create versions of the same page in multiple languages. You duplicate and translate the content of a page to ensure that versions in each language maintain the same design and structure. **6. For SEO** Duplicating pages can support your SEO efforts by allowing you to experiment with different keyword strategies, meta descriptions, and content structures without affecting the original page's performance. You can create duplicates of a high-performing page and optimize it with suitable keywords to capture more search traffic. Duplicating can also help with creating content clusters and improving internal linking structures, which are beneficial for search engine ranking. Multiple optimized pages targeting related keywords can improve your chances of ranking for a broader range of search queries. *Want to use pages from one website in another one? Here's [**how to copy Elementor Pages from one website to another for free**](https://theplusaddons.com/blog/copy-elementor-pages-from-one-site-to-another/).* ## How to Duplicate a Page in Elementor? [Working Methods] Duplicating a page in Elementor can help you in many ways. It allows you to maintain consistency, save time on building pages, and ensure a professional look across the entire website. There are primarily two methods you can use to duplicate page in Elementor: ### 1. Using the Elementor Save As Template Option The first method to duplicate an Elementor page uses the “Save as Template” feature in the Elementor editor. You can use this method if you want to reuse a particular layout or design across multiple pages without rebuilding it from scratch. To use this method, log in to your WordPress admin panel to access your dashboard. Now, navigate to **Pages** and select the page you wish to duplicate. Click the **Edit with Elementor **button to launch the Elementor editor for the page. In the Elementor Editor, navigate to the **Publish **button on the bottom left corner. You will see an arrow next to the Publish button, click on it to reveal a menu. Select **Save as Template.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Using-the-Elementor-Save-As-Template-Option-1024x540.png) In the popup, name the template and **save it. **The template will be stored in your Elementor template library. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Save-Your-Page-to-Library.png) To use this template on a new page, return to your WordPress Dashboard and navigate to **Pages > Add New**. This will create a new page. Click on **Edit with Elementor** to open the new page with the editor. In the Elementor editor, click on the folder icon located in the middle of the page canvas to open the Elementor library. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Template.png) Navigate to the **My Templates** tab and, find the template you saved earlier, and click **Insert**. Elementor will then load the entire layout and design of the original page into your new page. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Elementor-My-Template-1024x555.png) Once the template is loaded, you can customize the content of the page to match your needs, modify sections, or add widgets using Elementor’s drag-and-drop interface. After customizing the new page, click **Publish** to save your changes. While the Elementor Save as Template method is useful to quickly create duplicates and customize them, dynamic fields and custom widgets may also always be fully replicated when saving a page as a template, and you may have to add them manually later. *Want to use Elementor templates to their full potential? Here's a step-by-step guide on [**How to use Elementor Templates**.](https://theplusaddons.com/blog/how-to-use-elementor-templates/)* ### 2. Copy All Content and Paste Method The next method in our guide on how to duplicate Elementor page is the Copy All Content and Paste Method. It allows you to copy all content from one page and paste them in a new page. To use this method, log in to your WordPress admin panel and access your dashboard. Then, from **Pages > All Pages, **select the page you want to copy and click **Edit**. Then select the **Edit with Elementor **option. In the Elementor editor, scroll down to the bottom of the page until you see the **Drag widget here **box. Right-click on this box. From the drop-down menu, select Copy All Content. This copies all the sections, columns, content, and widgets on the page to your clipboard. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Copy-All-Content.png) Now, return to the WordPress dashboard and select **Pages > New Page** to create a new page where you’ll paste the duplicate content. Click the **Edit with Elementor** button to open the new page in the Elementor editor. Right-click on the **Drag widget here **box and select **Paste** from the menu. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Click-on-Paste.png) Elementor will automatically load all the content onto the new page. Once the content is added, you can make the necessary changes and customizations to fit the purpose of your new page. Click the **Publish** button when you are happy with the changes. *Did you know you can easily duplicate pages, posts and CPTs in WordPress for FREE, here's how:* https://youtu.be/bzQSeMkuLXU?si=p7BV12W0jlMrUuQB ## BONUS: Using the Cross Domain Copy Paste Feature by The Plus Addons for Elementor The Cross Domain Copy Paste feature by The Plus Addons for Elementor allows to transfer content from one domain to another. You can use this feature to copy content from one of your websites to another or to copy design elements and widgets from The Plus Addons website to yours. To use this function, make sure you have The Plus Addons installed and activated on both of your WordPress websites. Navigate to** The Plus Settings > Plus Widgets** and scroll all the way down to **Plus Extras**. Look for the **Cross Down Copy Paste** option and use the toggle to activate it. Now, navigate to **The Plus Settings > Performance** and clear all caches. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-Cross-Domain-Copy-paste.png) ### 1. Internal Cross Browser Copy Paste To copy content from the backend of one of your websites to another, navigate to **Pages > All Pages** and open the page with the Elementor editor. In the Elementor editor, right-click over the section you want to copy and select **Plus Copy** from the drop-down menu. This will copy the content to your clipboard. To paste this content, navigate to your new website, and from the dashboard, head to **Pages >  Add New. **Open the new page with the Elementor editor. Create a new section, right-click on the page, and click **Plus Paste **as shown below. ### 2. Cross Domain Copy Paste You can also copy and paste content from The Plus Addons website to your websites Elementor editor to easily set up the content section. This means you do not have to add widgets and elements manually and configure them from scratch. Simply copy and paste a widget that looks good and customize it to match your website design. Start by visiting the page on The Plus Addons website with the design elements you wish to copy. Hover near the element to find the **Copy **button on the side. Click on it to copy the elements to your clipboard. Now navigate to the Elementor editor for the page you are designing. Create a section. Then right-click and select **Plus Paste** as shown below. For this feature to work, the widget you are pasting must be activated in **The Plus Settings**. ***Want more information on how to use this feature? Here is a step-by-step video:*** https://youtu.be/UpWmrhouvmc?si=-jQ878W2Ici4hX11 ## Wrapping Up Duplicating a page can help improve your design process by enabling quicker creation and publishing of new pages on your website while maintaining consistency. If you have a layout or design that you plan to use on multiple pages, you can use the Elementor Save As Template to create a template once. You can then insert this template in all the new pages. The copy all content and paste method works better for one-off duplication and helps you quickly transfer content between pages. If you want to copy content from one of your websites to another one, you can use the Cross Domain Copy Paste Feature by The Plus Addons for Elementor. This allows you to transfer sections between two websites. You can also copy design elements from The Plus Addons website with the Live Copy feature for free. Apart from the Cross Domain Copy Paste feature, [The Plus Addons for Elementor](https://theplusaddons.com/) improve the functionality of the Elementor editor with over 120+ widgets and numerous features. This easy-to-use plugin gives you all the tools you need to create highly interactive and visually appealing websites. ## FAQs on Duplicating a Page in Elementor ### Is duplicating a page better than copying and pasting? Duplicating a page is more efficient than manually copying and pasting content if you want to create multiple duplicate pages with the same copied template. Copying and pasting can work well for one-off duplications, especially in instances where the original content is static and in small sections. ### Is it possible to duplicate a page in Elementor without a plugin? Yes, you can duplicate a page in Elementor without using an additional plugin by using Elementor's built-in Save as Template or the Copy All Content and Paste methods. These native features allow you to replicate pages or specific sections effectively without the need for third-party tools. ### Do I need to install Elementor and The Plus Addons on the new website to use the cross-domain feature? Yes, you need to install Elementor and The Plus Addons plugin to use the cross-domain feature. You also need to activate the cross-domain copy feature on both websites. To do this, navigate to **Plus Settings > Plus Widgets**, search for "cross domain copy paste" and click on the toggle to activate this functionality. ### Can I copy an entire page, including the header and footer? Yes, you can copy an entire page including the header and footer in Elementor. Use Elementor's Theme Builder to save the header and footer as separate temples. When duplicating a page, you can insert these saved header and footer templates to ensure a consistent look and functionality across all pages. ### How do I bulk duplicate pages in WordPress? You can bulk duplicate pages in WordPress using plugins like Duplicate Post or Yoast Duplicate Post. After installing and activating the plugin, go to **Pages > All Pages**, select the pages you want to duplicate, choose Clone or Duplicate from the Bulk Actions dropdown, and click Apply to create duplicates of all the pages. ### What is the difference between duplicate and clone? Duplication typically refers to creating a copy of individual content items within a WordPress site. This can be duplicating a page or a post to create a similar or slightly modified version. Cloning is creating an exact replica of an entire site including all its files and databases. --- # How to Convert Video to Image Sequence [JPG & PNG] Source: https://theplusaddons.com/blog/convert-video-to-image-sequence/ An image sequence is a series of still images with numbered filenames that come together to create video clips. **Interesting right?** But what if you have a video instead of still images and want to convert it into an image sequence? That's what we'll be covering today. Converting a video to an image sequence can be incredibly useful for a variety of projects. It allows you to capture individual frames from a video, create timelapse videos, or enhance your website with interactive visual elements such as image scroll sequence animations. In this article, we explore the various tools you can use to easily convert videos to image sequences and how to use those images to create an image scroll sequence for your WordPress website. Let's begin! ## Why Should You Convert Video to Image Sequence? An image sequence is a series of still images taken from a video. Each frame from the video is turned into an individual image, which can be saved in formats like JPG or PNG. This method is useful for capturing specific moments and details that might be missed in regular video playback. **Here are a few reasons why converting a video to an image sequence is useful:** - **Capture high-quality still images:** Grab sharp, detailed images from video footage to use in marketing materials, social media, or graphic design projects. - **To create a time-lapse video:** Select key frames from a longer video, compressing time and creating a visually engaging, sped-up sequence. - **Create an image scroll sequence animation**: This is the most impactful use case, especially for web design. Image scroll animations allow users to scroll through a series of images that follow the natural flow of the page. As users scroll, each image in the sequence appears to create a smooth and interactive visual experience. This technique can turn passive scrolling into an engaging activity that improves storytelling on your website. ## How to Convert Video to Image Sequence (Working Methods) There are several ways you can convert a video to an image sequence, including online tools or specialized software. Let's explore some reliable methods for converting your video into a series of images. ### Method 1: Using Online Converter Tool One of the easiest ways to turn a video into an image sequence is by using an online converter tool. Tools such as [onlineconvertor.com](https://www.onlineconverter.com/video-to-jpg) allow you to upload your video, convert it, and download the image files in just a few steps. **Here is how it works:** First, select the video you want to convert by clicking on the "***Choose File***" button. This will allow you to choose a video file from your device. After selecting your file, click the "***Convert***" button. The tool will begin uploading your video and processing the conversion. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Video-to-Jpg-Online-Converter-845x1024.png) Once the upload and conversion process is complete, you'll be redirected to a page where you can download your converted image files. You'll get the option to download the output files in JPG or PNG format, depending on your preference. ***Note:** The maximum file size for this online converter tool is 200MB. So make sure your video stays within that size range to use this tool*. *Videos can also be a great addition to your website. Here are the* [***5 Best WordPress Video Player Plugins.***](https://theplusaddons.com/blog/best-wordpress-video-player-plugins/) ### Method 2: Using the Aspose App If you're looking for more control over the conversion process, the Aspose app is a great option. **Here's how you can use the Aspose app to convert a video to an image sequence:** Start by visiting the [Aspose app's video-to-image converter page](https://products.aspose.app/video/video-to-image). Once you're there, look for the section where you can upload your video file. You can either drag and drop your video format file or manually upload it by clicking the "***Upload your file***" button. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Aspose-Free-Online-Video-File-to-Image-Converter.png) Next, you'll need to define the time range for the conversion. Enter the start and end time for your video. This video to image converter also lets you control the frame rate, which determines how many images are extracted per second of video. From the "***Save as***" dropdown menu, choose the format for your images, either JPG or PNG. Once you've set everything up, click the "***Convert***" button. After the conversion is complete, a "***Download Now***" button will appear. Click on it to download a zip file containing all the images. Extract the zip file to access your image sequence. *Wondering which format to choose for your images? Here is a detailed **[comparison of JPG vs. PNG.](https://theplusaddons.com/blog/jpg-vs-png/)*** ### Method 3: Using Premiere Pro or After Effects You can also use software such as Adobe Premiere Pro or After Effects to convert video to PNG sequence. To convert video to a sequence of images on Premiere Pro, start by creating a new project. Now, navigate to ***File > Import*** and then select the source video file you want to convert. Drag the video file into the timeline and make any edits that you need to make. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Convert-Video-file-to-Image-using-Premiere-Pro-or-After-Effects.png) Once you are happy with the final video, click ***Export > Media***. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Export.png) In the pop-up, select PNG in the Format column and PNG Sequence in the preset column. Select the output folder and click Export to convert the video to image files. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Select-PNG-format.png) ***Note:** Adobe Premiere Pro and After Effects allow you to choose between frame sizes, select image dimensions and edit frame by frame. While this method gives you maximum control over your video to image conversion process and gives you high-quality PNG images, you would have to purchase the Premiere Pro or After Effects software to use it.* ### Method 4: Using the ezgif Tool Ezgif is another online conversion tool that allows you to convert a video to frames of images. Visit [ezgif.com ](https://ezgif.com/video-to-jpg)and click "***Choose File***" to select the file you wish to convert into an image sequence. Ensure the file size is less than 200 MB. Uploading might take a while. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Ezgif-Video-to-Jpg-Converter.png) Once your file has been uploaded, you can manually select a start and end time, the images frame rate, and the size. Click "***Convert to JPG!"  ***to start the conversion process. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Select-Start-time-and-end-time.png) After the conversion process is complete, you will be able to download the results to your computer. ## BONUS: How to Convert Images to Optimized WebP? If you plan to use your image files on your website you may want to convert them into the WebP format. WebP is a modern image format that is smaller in size than traditional JPG and PNG format and does not compromise on image quality. ***Suggested Read:** [JPG Vs WebP: Should You Use WebP over JPG?](https://theplusaddons.com/blog/jpg-vs-webp/)* This is especially useful if you are planning to create a scroll sequence on your website as WebP images can give faster loading times owing to their compact nature. To convert your JPG and PNG images into the WebP format, you can use online tools such as[ anywebp.com](http://anywebp.com/convert-to-webp). Visit the website and drag and drop your images. ![](https://theplusaddons.com/wp-content/uploads/2024/09/ANYWEBP.png) You can choose to resize your images or keep them the same size. Finally, click "***Convert***" and then download the converted images. *Noticing blurry images on your website? Here is*[*** how to fix blurry images in Elementor***](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/)***.*** ## What Next? Use These Images to Create Image Scroll Sequence Animation Now that you know how to convert video to image sequences, you can use the image frames to create a beautiful image scroll sequence animation for your WordPress website. An image scroll sequence makes your website more welcoming and engaging to visitors. The best way to create an image scroll sequence animation is to use the [**Image Scroll Sequence Widget**](https://theplusaddons.com/elementor-widget/image-scroll-sequence/) from The Plus Addons for Elementor. With this widget, you can create aesthetic image sequences without having to write a single line of code. To begin, install and activate The Plus Addons for the Elementor Plugin. Navigate to ***ThePlus Settings > Plus Widgets ***from your WordPress dashboard. Find the Scroll Sequence widget, turn on the toggle, and save your settings. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Image-Scroll-Sequence-Widget-by-The-Plus-Addons.png) This widget allows you to add image scroll sequences to various locations such as in a default container or sequence, within the body and within an inner column. In your Elementor editor, create a container and add the Scroll sequence widget there. - In the side panel, navigate to ***Scroll Sequence > Apply to***. Here select if you want your scroll sequence to appear in the Default Container, Body, or Inner Column. - Then select the upload type. You can upload from your WordPress gallery or an external URL. - Lastly, add your images by clicking the + icon. The widget supports JPG, PNG, and WebP formats. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Scroll-Sequence-settings.png) - For more customization, navigate to ***Extra Options > Preload Image***. Select what % of images you want to preload on your website. - These images will load first when someone accesses your website, and the rest of the images will load subsequently. - You can also add text over your images using the Sticky Sections option. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Select-what-of-images-you-want-to-preload-on-your-website.png) ***Recommended Read:** Here's a** **[**detailed resource to help you use the Image Scroll Sequence Widget**](https://theplusaddons.com/docs/scroll-sequence-elementor-widget-settings-overview/) efficiently.* ## Wrapping Up You can convert video to image sequences for free in just a few minutes using various online converter tools and software solutions. These image sequences allow you to capture moments from video without losing quality. You can also optimize your image sequence by converting it into the lighter, more modern WebP format. Once you've mastered how to convert videos to image sequence, you can use them to create exceptionally engaging image scroll sequence animations for your website using the [**Image Scroll Sequence Widget**](https://theplusaddons.com/elementor-widget/image-scroll-sequence/) by The Plus Addons for Elementor, a WordPress plugin offering more than 120 Elementor widgets to help enhance the visual appeal and functionality of your website. These widgets are easy to use and allow you to create beautiful and functional websites without complex coding or compromising speed and security. ## FAQs on Converting Video to Image Sequence ### How to convert MP4 to JPG sequence? To convert an MP4 to a JPG sequence, you can use either online tools or software applications. Start by uploading the MP4 video to a converter tool, select JPG as the output format, and choose the frame rate. Once you've chosen your preferred setting, begin the conversion process. Download the converted files. ### Can an MP4 file be converted to a JPEG? Yes, an MP4 file can be converted to a JPEG, but not directly. You'll need to extract individual frames from the video. Tools like onlineconverter.com or ezgif can help you with this. You can upload your MP4 to the tool, select your output format and framerate, and convert the video to individual JPEG files. ### Can a video be converted to PNG? Yes, you can convert a video to a PNG image sequence. Upload your video file to a conversion tool or software like Premiere Pro, specify PNG as the output format, and set your desired frame rate. Run the conversion process and download your images as individual PNG files. ### Will using an image scroll sequence animation on my website affect loading speed? An image scroll sequence animation can slow down your website if the images are not optimized for size. To prevent this, you use the optimized WebP format. Widgets like Image Scroll Sequence from The Plus Addons for Elementor are designed to be lightweight and come with features like Preload that help maintain your website's loading speed. --- # How to Add Two Factor Authentication for WordPress Source: https://theplusaddons.com/blog/two-factor-authentication-for-wordpress/ If you have a WordPress website, two-factor authentication for WordPress is essential to ensure the security of your website. When setting up your website, you are required to set login details with a username and password to facilitate authorized access to the site only. However, it might not be enough to prevent hackers or malicious bots from accessing the website. If unauthorized users gain access to your website, it may affect your data, performance, and customer experience. As a result, two-factor authentication for WordPress is a useful feature that offers an additional layer of security against bots or hackers. In this article, we'll explore how you can add WordPress 2-factor authentication for your website. https://youtu.be/RmHZnpzjdmg?si=Zms71CI5RXFJXNVv ## Key Takeaways - Two-factor authentication improves WordPress login security. - Set up easily using the Nexter Extension and Google Authenticator. - Includes backup codes and multiple 2FA method options. ## What does Two Factor Authentication for WordPress mean? Two-factor authentication for WordPress involves 2-step authentication to log in to WordPress. With this setting enabled, you will need to enter both your WordPress login password and a secondary code to log in to your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Two-Factor-Authentication-for-WordPress-1024x536.png) The second verification step requires users to enter a code sent via text, email, app, links, or QR code. This adds an extra layer of security to your WordPress login, as hackers won't have access to this external verification channel. ## What is an Authenticator App? An authenticator app is a smartphone application that generates a one-time password whenever you log in to a third-party app or website like WordPress. An authenticator app like Google Authenticator or Authy is an easy and convenient way to add WordPress 2FA to your website. Simply put, your website server and the app use a secret key to encrypt information and create a temporary code that you can use to add another layer of security. So, even if a hacker can know your WP username and password, they won't be able to log in to the website unless they have the time-restrained security code generated by the authenticator app. *Secure your WordPress website against hacking attempts with a protected login page. Learn **[How to Secure WordPress Login Page with 11 Proven Ways.](https://theplusaddons.com/blog/how-to-secure-wordpress-login-page/)*** ## How to Add Two-Factor Authentication for WordPress [Step-by-step] Adding WordPress two-step authentication for your website is a straightforward process. For this guide, we'll use the [Nexter extension plugin](https://wordpress.org/plugins/nexter-extension/) to set up WordPress multi-factor authentication and the WordPress Google authenticator app as our default 2-factor authentication. Let's dive into the step-by-step process to enable WordPress 2FA for your website. ### Step 1: Install Google Authenticator App Visit your mobile device's Google Play app store to install the [Google Authenticator app](https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=en&gl=US&pli=1). If you're an Apple user, get the [app from here](https://apps.apple.com/us/app/google-authenticator/id388497605). ![](https://theplusaddons.com/wp-content/uploads/2024/09/Install-Google-Authenticator-App.png) ### Step 2: Set Up Two-Factor Authentication with Nexter Extension Plugin To enable two-factor authentication, you'll need the [Nexter Extension plugin](https://wordpress.org/plugins/nexter-extension/). Once installed and activated, go to **Nexter Extension > Security** from your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Navigate-to-Nexter-Extension-Security-features-1024x335.png) Find **2-factor Authentication** and enable the toggle to use it**.** ### Step 3: Set Up Two-Factor Authentication Login Next, click the Gear icon to open the **Two Factor Authentication Login **popup. Here, you can select the User Roles for which you want to enable WordPress two-step authentication. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Setup-2FA.png) You can also add a custom email subject and message. Once done, click **Save.** ### Step 4: Enable 2 Factor Authentication for Specific Users On your WordPress dashboard, go to **Users > All Users** and edit the user based on the roles you selected in the previous step. ![](https://theplusaddons.com/wp-content/uploads/2024/09/edit-the-user-based-on-the-roles.png) Scroll down to **Two-Factor Options**. Here, you will find three authentication options- ![](https://theplusaddons.com/wp-content/uploads/2024/09/Two-Factor-Options.png) - **Email:** When enabled, you'll receive an email with the verification code. - **Authenticator App:** If you choose this method, you'll need to connect your website with an authenticator app like Google Authenticator and generate verification codes. - **Recovery Codes:** In this method, you can generate recovery codes beforehand and use them. You can easily use all the methods together and choose one as a default whenever you log in to your WordPress website. ### Step 5: Use the Authenticator App Method To use the Authenticator App method, enable it or set it as default. In this step, you'll be prompted to scan the QR code or enter the code manually. To do this, open the Google Authenticator app and click the **'+' icon **at the bottom. Click on "Scan a QR code" and point your camera to the QR code available under the authenticator app option (as shown in the previous step). ![](https://theplusaddons.com/wp-content/uploads/2024/09/Setup-Google-Authenticator-app.png) Alternatively, enter the authentication code from the app to the **Authentication Code **field and click **Submit.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enter-the-authentication-code-from-the-app.png) Next, click on **Update Profile** to save the changes. ### Step 6: Test the Log in Using Authenticator App Once set up, try the two-factor authentication for WordPress set up. Log out of the WordPress dashboard and log in again using your username and password. The login page will prompt you to enter the authentication code generator using your linked Google Authenticator app. Moreover, with Nexter Extension's two-factor authentication plugin, you can enable all three authentication methods together. If you're using multiple methods, you get the option to switch between verification methods. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Test-the-Log-in-Using-Authenticator-App.png) *Protect your website against unauthorized access and malicious attacks. Check out the [**6 Best WordPress Security Plugins**](https://theplusaddons.com/blog/best-wordpress-security-plugins/) for your WordPress website.* Want additional tips on how to secure your WordPress website? Check this quick tutorial: https://youtu.be/7qm8Fda5O7Q?si=6L-hi7dVflFX3-xs ## Wrapping Up The two-factor authentication for WordPress is a critical security feature that will help you prevent unauthorized access to the WordPress website. When enabled, you can add an extra layer of security and ensure hackers or unauthorized users cannot access or affect your WordPress website. Using the Nexter Extension plugin, you can quickly enable two-factor authentication and enhance website security. The set-up is easy, as you only need to install the plugin and Google Authenticator app. Once you've ensured WordPress security with the two-factor authentication setting, install [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/) to enhance the performance and functionality of your website. The plugin gives you access to unique widgets to help you create a feature-rich website – from design and website layout to WooCommerce, social media, post styling, and more. ## FAQs on WordPress Two Factor Authentication ### What are the security risks associated with 2FA? While two-factor authentication offers added protection for your WordPress website, it might still be vulnerable to phishing attacks which attempt to intercept a user's messages or emails to get access to one-time passwords and other information. Backup codes can also make your site vulnerable if not stored properly. ### Can I log in with 2FA if I don't have access to my phone? If you're using authenticator apps like Google Authenticator and do not have access to your phone, you cannot log in with 2FA. You might have to opt for alternate methods like email or recovery codes. ### Can I use multiple 2FA methods simultaneously? Yes, you can. With Nexter Extension Plugin, you can use multiple 2FA methods simultaneously. This gives you added security and the flexibility to switch between different methods. ### What do I do if I lose my two-factor authentication device or backup codes? You must set up a backup method for use when you lose your two-factor authentication device. When that happens, you can request the verification code to be sent via SMS to your registered mobile number when setting up the backup method. ### Do I need coding skills to add two-factor authentication on WordPress? With two-factor WordPress plugins like Nexter Extension plugin, you don't need coding skills to add two-factor authentication for your website. Simply activate the plugin with an Authenticator app and follow the process mentioned in this article. ### What is the 2FA status in WordPress? 2FA status in WordPress is a security process that requires users to provide two different authentication options to verify themselves and log in to their account. ### How to set up Google Authenticator for WordPress? To set up Google Authenticator for WordPress, install the app on your smartphone. Click on the '+' icon and select **Scan a QR Code** to scan the code on your computer. You can also add an authentication code manually to link Google Authenticator to your WordPress site. --- # How to Delete a WordPress Site Completely [Step-by-Step] Source: https://theplusaddons.com/blog/delete-a-wordpress-site/ Being a webmaster managing a WordPress site can be daunting, especially when it no longer serves its purpose, whether it's outdated or underperforming. Because of all these problems you might think that deleting a WordPress site is only the better option. No matter you're running a self-hosted WordPress installation or using WordPress.com, the process requires careful consideration and specific steps to ensure a complete removal. In this guide, we’ll walk you through the simple yet best way to delete a WordPress site completely, also the best part is that you don’t need to be a tech geek just follow the steps and you are good to go. ### Key Takeaways - Always create a backup before deleting your WordPress site. - Remove all files, databases, and associated services for complete deletion. - Consider alternatives like archiving or temporarily disabling your site. ## What is the Need for Deleting a WordPress Site? There are several reasons you might consider deleting a WordPress site. One common scenario is when you're no longer using the website and want to free up valuable hosting resources. This can help reduce unnecessary costs and simplify your digital footprint. Another reason to delete a WordPress site is when you're rebranding or restructuring your online presence.  Sometimes, security concerns might prompt you to delete your site. If your website has been compromised or you suspect it contains malware, removing it can prevent further damage and protect your reputation. Below are the steps that you should consider if you want to permanently remove your website from the search engine. ## How to Completely Delete a WordPress Site [Step-by-Step] Deleting a WordPress site permanently requires careful consideration and following specific steps. Here’s an outline of what needs to be done: - Backup Your WordPress Site - Delete Your Site Files - Delete WordPress Database - Delete Domain and Terminate Hosting - Delete Site Content From Search Engine - Remove Site from Web Archive Let’s cover each point in detail below. ### 1. Backup Your WordPress Site Files and Database No matter how much you are clear with your decision to delete a WordPress site but still backing up your site data is important.  You want to delete it now but what if you change your mind after 3 or 6 months? So this precautionary step ensures you have a copy of your content and data should you need it in the future. To backup your WordPress site, you'll need to save two main components: - **Files:** These include your themes, plugins, uploads, and other site assets. - **Database:** This contains your posts, pages, comments, and settings. When creating your backup, ensure you export it to a secure location. Download the files to your local computer or save them to a cloud storage service. You can back up your WordPress site by using backup plugins or if you're technically sound then you can do it manually too. Let’s take a look at both methods in detail - **Method 1: Backup your site using Backup plugins** There are many [WordPress Backup Plugins](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) available that you can use to do this task. Generally, backup plugins provide a convenient way to safeguard your site data without getting your hands dirty. These tools automate the process, making it easier for you to create regular backups without manual intervention. Remember to back up both your WordPress files and database. This ensures you have a complete copy of your site, including content, themes, plugins, and settings. Most backup plugins allow you to store backups on your server, but it's recommended to use remote storage options like Google Drive, Dropbox, or Amazon S3 for added security. - **Method 2: Backup your site manually using cPanel** cPanel is like a control panel for managing your website. It provides a straightforward way to manually back up your WordPress site.  **Step 1.** Log into your site’s hosting and open the cPanel dashboard, click on the **File Manager** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Click-on-File-Manager.png) **Step 2.** In the **File Manager**, Look for the public_html file and open that file. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Select-public_html-file.png) **Step 3.** After opening you will see all your website files, so what you have to do is click on **Select All **then right-click and click on **Compress**. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Select-all-and-compress-1024x547.png) **Step 4.** After clicking on compress a dialogue box will appear, in that click on **zip archive** and click on **compress files**. ![](https://theplusaddons.com/wp-content/uploads/2024/09/click-on-zip-archive.png) Now you will see a zip file is created you can rename it and also you can download it and store it securely on your computer. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Store-your-zip-file-on-your-computer.png) ### 2. Delete Your Site Files After successfully backing up your WordPress site files, it is time to delete your WordPress site. As we discussed earlier two major components of your WordPress site are files and Database.  So now let’s start with deleting files first.  Here again, we’ll be using the cPanel which you can access by logging into your site’s hosting **Step 1.** In the cPanel dashboard click on the **File Manager.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Delete-Your-Site-Files.png) **Step 2. **In the File Manager look for the Public_html file and in that file, you will see all your website files, simply click on **Select All** and **Delete.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/click-on-Select-All-and-Delete.png) Now your WordPress website files are deleted. ### 3. Delete WordPress Database Deleting the database is also an important step along with deleting the website files because it stores sensitive data such as your posts, pages, user info, and settings. So let’s delete the website database using cPanel. **Step 1.** In the cPanel dashboard, click on the **phpMyAdmin** link. This will automatically log you into the phpmyadmin panel, where your database is stored. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Delete-WordPress-Database.png) **Step 2.** You’ll see the entire database for your website. To delete it, click on **Structure**, then check the **Check All** box. After that, open the drop-down menu and select Drop. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Drop-Database-1024x523.png) ### 4. Delete Domain and Terminate Hosting After successfully deleting the WordPress files and database, you need to delete the domain. By deleting the domain your website will completely go offline and you will have no more online presence. You can delete the domain using cPanel itself. **Step 1.** Again as always navigate in the cPanel by logging in to your site’s hosting and this time the **Domains** section, Click on **Domains.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Delete-Domain-and-Terminate-Hosting.png) **Step 2.** In the **Domains** section, you'll see a list of all your domains. Find your domain name and click the **Manage** button next to it. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Click-on-Manage.png) **Step 3.** In the manage section, you will see a **Remove Domain **button simply click on that and your domain will be deleted. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Click-on-Remove-Domain.png) Hold on a second if you search your domain name on Google, it might still show up. That’s not what you want, right? Don’t worry, though. It’s normal for Google to display pages that were previously indexed. It just takes some time for the bots to crawl your site again and realize the pages are no longer available. To speed up this process follow the below step to remove your content from the search engine. ### 5. Delete site content from search engine As discussed earlier search engines may continue to display your web pages in search results. To fully remove your site from the internet, you need to address this issue. - **Method 1: Remove URLs using Google Search Console (Temporarily)** To Remove URLs from search engines you need to have access to the Google Search Console and your site should be added to it **Step 1.** Navigate to the Google Search Console.  **Step 2.** In the Google search console dashboard, you will see the different tools on the left-hand side from there click on **Removals**. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Remove-URLs-using-Google-Search-Console.png) **Step 3.** In the Removals, Click on the **New Request** button and a Dialogue box will appear. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Temporary-Removals.png) **Step 4.** In that dialogue box, Type in the URL that you want to remove from the search engine. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Type-in-the-URL-that-you-want-to-remove.png) After adding the URL click on Next, and it will remove your URL from Google including all the cached versions, and current snippets temporarily (Six Months). - **Method 2: Prevent search engines to index your site** The easiest way to remove your content from search engines is to ask search engines to index your site. To do this follow the below steps: **Step 1.** Navigate to your WordPress Dashboard, Click on **Setting > Reading.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Prevent-search-engines-to-index-your-site.png) **Step 2. ** Under the Reading, you will find the **Search Engine Visibility** option check the box that says *discourage search engines from indexing this site. * Make sure that the check box is checked so that the search engine can’t index your site and show it in the search. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Discourage-Search-engines-from-indexing-sites.png) ### 6. Delete the Site From Web Archives You are almost there for deleting your WordPress site. [Web archives](https://web.archive.org/) like the Wayback Machine store snapshots of websites over time and store them. So enter your website URL in the way back machine search box, if your website is listed on the search then you'll see a calendar view of archived versions. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Remove-your-site-from-internet-archieve.png) To remove your website from the archived page, [contact them via email](https://archive.org/about/contact.php) and request them to remove your website from the archive. Congratulations! Now your website is nowhere. *Looking to hide certain pages instead of completely deleting the site? Here's **[How to Hide WordPress Pages from Google](https://theplusaddons.com/blog/how-to-hide-wordpress-pages-from-google/)**.* ## Bonus: How to Delete a WordPress.com Site? Delete a website in WordPress.com is easier as there is no need to cPanel or FTP just a few clicks and your website will be deleted. To delete your WordPress.com site permanently, follow these steps: **Step 1.** Log in to your WordPress.com account and access your site's dashboard. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Log-in-to-your-WordPress.com-account.png) **Step 2.** Navigate to **Settings > General**. In General settings scroll to the bottom and click on “Delete your site permanently”.  ![](https://theplusaddons.com/wp-content/uploads/2024/09/click-on-Delete-your-site-permanently.png) **Step 3. **You'll be prompted to enter your site's URL to confirm the deletion. And also you will be asked to create a backup of content. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Delete-site.png) > ***Note***: *Once you have deleted your WordPress.com site there is no way to get it back and also you will lose your free WordPress.com domain so consider buying it before deleting.* ***People also read***: *[WordPress.com vs WordPress.org](https://theplusaddons.com/blog/wordpress-com-vs-wordpress-org/)* ## Wrapping Up You did it! Now your WordPress site is nowhere on the internet. The decision to delete a WordPress site should be very clear and concise as once it is done it is almost irreversible. But still, if you change your mind in the future then you can get it back. Make sure to back up your site before you delete it, and think about other options like archiving or temporarily disabling it. Now that you know the process, you’re all set to make a smooth exit. But, if you are an Elementor user and deciding to give a fresh start and look to your website after deleting your old one then you should definitely consider using [The Plus Addons for Elementor](https://theplusaddons.com/). With its 120+ widgets and extensions, you don’t need any other plugins for your various website designing needs you will get everything in one place, sounds exciting right? ## FAQs on Deleting a WordPress Site ### How to permanently delete website data? To permanently delete website data, log into your hosting account or control panel, locate your website files, and delete them. Make sure to also remove the database associated with the site. Clear any backups or caches stored on your server for full removal. ### How to delete an entire page in WordPress? To delete an entire page in WordPress, go to your dashboard, click "Pages," find the page you want to delete, hover over it, and select "Trash." The page will move to the trash, and you can permanently delete it from there if needed. ### How does one remove a website from search engine listings, such as Google? To remove your website from search engine listings, first remove all content from your site or take it offline. Use Google Search Console to request removal of outdated content. Submit a sitemap with URLs you want removed. For complete delisting, add a robots.txt file to block crawlers and use the URL removal tool in the Search Console. ### Is it possible to temporarily disable a WordPress site and how is this accomplished? Yes, you can temporarily disable a WordPress site. One method is to create a maintenance mode page. Use a plugin or add code to your functions.php file to display a "Site Under Maintenance" message. Alternatively, you can password-protect your WordPress directory through your hosting control panel. --- # August 2024 Monthly Updates: FREE 1000+ Elementor Templates & SproutUI Figma Kit & More Source: https://theplusaddons.com/blog/august-2024-monthly-updates/ The latest version of The Plus Addons for Elementor is here, and it comes with something special—WDesignKit! With just a quick update, you'll unlock a whole new world of[**1000+ Ready-Made templates, Page kits, and Sections **](https://wdesignkit.com/widgets?builder=1)directly from your WordPress dashboard. And all the **PRO users of The Plus Addons for Elementor get all these 1000+ Elementor Templates **made with The Plus Addons for Elementor Widgets at no additional cost. ![](https://theplusaddons.com/wp-content/uploads/2024/09/WdesignKit-1000-Elementor-Templates.jpg) Imagine building a website faster than ever before. Just import, edit your content, and boom—your site is ready to go! **To Import these Elementor Templates** - Update to the Latest Version of The Plus Addons for Elementor **v5.6.6** - Click on **WDesignKit Logo in Elementor Editor** - Enable Templates & Import Templates you want to Import Stay tuned for more exciting updates and improvements! For all the changes,[**check out the complete changelog here.**](https://roadmap.theplusaddons.com/updates) ## 📖 — Latest Reads  - [6 Best Twitter Plugins for WordPress [Compared]](https://theplusaddons.com/blog/best-twitter-plugins-for-wordpress/) - [How to Fix 500 Internal Server Error in WordPress [9 Easy Ways]](https://theplusaddons.com/blog/fix-500-internal-server-error-in-wordpress/) - [6 Best WordPress Instagram Plugins [No Coding Required]](https://theplusaddons.com/blog/best-wordpress-instagram-plugins/) - [CAPTCHA vs reCAPTCHA Compared [8 Key Differences]](https://theplusaddons.com/blog/captcha-vs-recaptcha/) - [7 Best Facebook Plugins for WordPress [Live Feed, Reviews, & More](https://theplusaddons.com/blog/best-facebook-plugins-for-wordpress/) - [How to Increase the Maximum File Upload Size in WordPress [5 Ways]](https://theplusaddons.com/blog/increase-the-maximum-file-upload-size-in-wordpress/) ## 📹— Video Tutorials  - [Best 6 Security Plugins for WordPress Sites](https://www.youtube.com/watch?v=slfZ0NwzWsg) - [How to Create Horizontal Page Scroll in Elementor](https://www.youtube.com/watch?v=DncqlF2O4aM) - [How to Pop Images on Click in Elementor For FREE](https://www.youtube.com/watch?v=3XZCDmyp8qc) - [Best 5 WordPress Map Plugins for Elementor](https://www.youtube.com/watch?v=kWq7Wn738LQ) - [Best 6 Cache Plugins for WordPress Sites](https://www.youtube.com/watch?v=5U38oGxenvg) - [How to Add Background Smoking Cursor Effect in Elementor](https://www.youtube.com/watch?v=49m9_PRBb-0) - [How to Add Inline AJAX Search Bar in Elementor](https://www.youtube.com/watch?v=9qEueDuMyNE) - [How to Add Blurred Text Reveal in Elementor For FREE](https://www.youtube.com/watch?v=43mmw3UX4DA) - [6 Best Elementor Calendar Plugins](https://www.youtube.com/watch?v=P_9hxxc9zVs) ## 🗞️ — WordPress & Tech Bytes - [**Our YouTube Channel**](https://www.youtube.com/@posimyth?sub_confirmation=1) surpasses 2M Views and many more to come yet! Thanks for your continuous support. - Elementor has introduced [**Platinum Support**](https://elementor.com/blog/introducing-platinum-support/), a premium service offering dedicated website support. This new feature provides rapid responses via WhatsApp, live chat, and more, catering to users needing prompt assistance. - Elementor showcases how its AI features can simplify the web design process. Check out their latest blog post and video highlighting these exciting AI updates [**here**](https://elemn.to/ai-featured-images). - [**OpenAI has launched SearchGPT**](https://www.searchenginejournal.com/openai-launches-searchgpt-ai-powered-search-prototype/523041/), an AI-powered search prototype, marking its entry into the competitive search market and potentially challenging established players. - [**Reddit has restricted access**](https://www.searchenginejournal.com/reddit-limits-search-engine-access-google-remains-exception/523131/) to recent content for major search engines, with the exception of Google. This decision has sparked discussions about data access and AI training practices. - [**WordPress 6.6.1**](https://wordpress.org/news/2024/07/wordpress-6-6-1-maintenance-release/) has been released, featuring seven bug fixes in the core and nine fixes for the Block editor. The update also addresses a CSS issue that caused links to be underlined by default. - [**Google may shift to automatic language detection**](https://www.searchenginejournal.com/google-introduces-new-ai-tools-for-performance-max-campaigns/523370/), potentially reducing reliance on manual hreflang annotations for multilingual websites. This change hints at a more streamlined approach for managing content in multiple languages. - Google has introduced [**new AI tools for Performance Max campaigns**](https://www.searchenginejournal.com/google-introduces-new-ai-tools-for-performance-max-campaigns/523370/), aiming to enhance reporting, creative capabilities, and brand safety measures for advertisers across various campaign types. - [**Google has expanded**](https://www.searchenginejournal.com/google-expands-about-this-image-to-more-platforms/523485/) its "About This Image" feature to more platforms, improving deepfake detection to help combat misinformation in search results. - Gravatar has introduced several new features, enhancing user profiles with more visual elements. The latest update includes the addition of thumbnails to make [**links more visual**](https://blog.gravatar.com/2024/07/31/better-links-simple-messaging-developer-tools-and-more/) and a simple contact form on user profiles to facilitate easier communication. - [**OpenAI has abandoned**](https://www.searchenginejournal.com/openai-scraps-chatgpt-watermarking-plans/523780/) its plans to implement watermarking for ChatGPT due to user resistance and technical challenges. The company is now exploring alternative methods for addressing these issues. - [**Google Declared a Monopoly: Industry Reactions and Implications**](https://searchengineland.com/google-declared-a-monopoly-industry-reactions-and-implications-445014)Digital marketers have expressed concerns about the long-term implications and potential market disruptions following Google's declaration as a monopoly. Challenges remain in determining meaningful penalties for the company. - [**Google Found in Violation of Antitrust Law, Judge Rules**](https://www.searchenginejournal.com/google-found-in-violation-of-antitrust-law-judge-rules/523766/)A federal judge has ruled that Google violated antitrust law in the search market, citing monopolistic practices such as paid default agreements. - [**WordPress 6.6.2, a maintenance release**](https://make.wordpress.org/core/2024/08/19/wordpress-6-6-2/), is scheduled for September 10, 2024. The Release Candidate (RC) is expected to be available on September 4. - [**Google Search has expanded AI **](https://www.searchenginejournal.com/google-search-expands-ai-overviews-globally/524536/)overviews to six countries, introduced a save function, and simplified language. The update also includes testing in-text links for web content. - Google has rolled out the [**August 2024 Core update**](https://www.searchenginejournal.com/google-rolls-out-august-2024-core-update/524529/), which aims to promote high-quality content and reduce the visibility of low-value, SEO-focused material in search results. - Google planned to add a "[**Deep Research**](https://www.searchenginejournal.com/googles-gemini-to-gain-deep-research-feature/524339/)" feature to Gemini, designed to compile and synthesize information from multiple sources. - WordPress Playground introduced [**offline mode support**](https://make.wordpress.org/playground/2024/08/05/offline-mode-and-pwa-support/), allowing it to be used without internet access. It can now also be installed as a Progressive Web App (PWA). - [**WooCommerce 9.2.2 was released**](https://developer.woocommerce.com/2024/08/22/woocommerce-9-2-2-dot-release/), reversing changes that had caused unexpected conflicts with the WooCommerce iOS app and third-party plugins. ## 🔥 — Tool of the Month This month, tool of the month is [**SproutUI**](https://sproutui.com/) with FREE 1300+ Figma UI Kits & Components. This treasure trove of resources is designed to advance your Figma design projects. ![](https://theplusaddons.com/wp-content/uploads/2024/09/SproutUI.png) ## 🗣️— Word of the Month #### Very happy with the plugin + fast and great support! *This plugin had features the normal Elementor Pro doesn’t offer (like a read more or a scrollbar on long testimonials). Needed some help and the support responds very quick and really helps you to fix the issue you are facing. I also love that you still have to option to buy a lifetime version of the plugin. With all the subscriptions for everything going on, this was refreshing for me. So definitely recommend!* [*~ @shanicetan92*](https://wordpress.org/support/topic/very-happy-with-the-plugin-fast-and-great-support/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # Web Crawlers List: 10 Most Popular Bots & Spiders Source: https://theplusaddons.com/blog/web-crawlers-list/ Do you struggle to identify which bots and spiders are crawling your website? This lack of clarity can hinder your ability to manage web traffic and optimize content effectively. Web crawlers go around the internet, find and remember all the information they come across. This helps search engines like Google and Bing to show you the most relevant results when you search for something. In this article, we will check out the top 10 common bots and spiders that are actively crawling the web.  You will discover the key features and functions of each web crawler, gaining valuable insights into how these bots and spiders impact online content. Let’s get started! ## What are Web Crawlers? Web crawlers, also known as bots or spiders, are automated programs that systematically browse the internet to discover and index web pages.  They play a crucial role in search engine operations, as they gather information from websites to create searchable indexes.  ![](https://theplusaddons.com/wp-content/uploads/2024/09/What-are-Web-Crawlers.png) Following links from one page to another helps these crawlers gather data and provide it to search engines, enabling users to find relevant content.  ### How Does a Web Crawler Work? A web crawler begins by starting at a seed, or a list of known URLs, and then systematically reviews and categorizes web pages.  It discovers URLs, follows internal links, and collects content from websites.  As it navigates through the web, the crawler indexes the gathered information and sends it to the database, enabling search engines to provide accurate and relevant results to users.  This process allows you to understand how web crawlers systematically gather and organize data, ultimately influencing the search results that users encounter. ## Top Web Crawlers List  Here is the top 10 crawler list. ### 1. Googlebot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Googlebot.png) Googlebot is the powerhouse behind the world's most popular search engine.  As you navigate the web, this tireless crawler is constantly at work, discovering new pages and updating existing ones to ensure your search results are always accurate and relevant. **When you're managing your website, keep these key features of Googlebot in mind:** - **Continuous Scanning:** Googlebot visits your site every few seconds unless you've set restrictions in your robots.txt file. - **Webmaster Tools:** Use Google Search Console to gain insights into how Googlebot navigates your site and improve your search visibility. - **Google Cache:** Access older versions of your website through this centralized database where Googlebot stores scanned pages. - **Efficient Crawling:** Googlebot uses multi-threading and focused crawlers to gather information quickly and effectively. - **Specialized Bots:** Google deploys various bots for specific purposes, including Googlebot Image, News, Video, and others like AdsBot and Feedfetcher. - **Monitoring Tools:** Leverage server logs, Search Console data, sitemaps, and web analytics to track crawl frequency, indexing status, and identify potential issues. Understanding these features can help you optimize your site for better visibility and performance in Google's search results. ***Suggested Read:**** *[*How to Easily Add Google Search on WordPress Site*](https://theplusaddons.com/blog/add-google-search-on-wordpress/) ### 2. Bing Bot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Bing-Bot.png) BingBot is Microsoft's powerful web crawler for the Bing search engine. Since 2010, this efficient bot has been discovering new web pages and updating existing ones, much like its Google counterpart.  **As you manage your website, keep these key BingBot features in mind:** - **Global Impact:** You'll find BingBot ranking as the second most active web crawler worldwide, just behind Googlebot. - **Webmaster Control:** Take advantage of Bing Webmaster Tool to manage how your website appears in search results. - **Daily Discoveries:** BingBot uncovers a staggering 70 billion new URLs every day, crawling each one to determine its value for users like you. - **Smart Evaluation:** During crawling, BingBot assesses your URL structure, length, complexity, and inbound link quality to predict content value. - **Bot Authentication:** Protect your site from malicious imposters by using Bing's bot verification tool to confirm genuine BingBot visits. ### 3. Yandex Bot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Yandex-Bot.png) Yandex Bot is an efficient and fast web crawler powering Yandex, Eastern Europe's popular search engine.  **Here's what you need to know about Yandex Bot's key features:** - **Cyrillic Content Priority:** Yandex Bot excels at recognizing and prioritizing Cyrillic script content, giving regional language material the attention it deserves. - **Enhanced Visibility Tools:** Boost your Yandex presence by adding a "Yandex.Metrica" tag to your pages, using Yandex Webmaster tools for reindexing, or leveraging the IndexNow protocol to highlight your new, updated, or removed pages. - **Bot Authentication:** Protect your site by verifying genuine Yandex Bots. Check if the robot's hostname ends with yandex.ru, yandex.net, or yandex.com to confirm its authenticity. - **Specialized Crawlers:** Yandex deploys targeted bots for different content types. You'll encounter YandexBot/3.0 for general web pages, YandexImages for visuals, YandexVideo for video content, and YandexDirect for optimizing online ads. ### 4. Duckduck Bot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Duckduck-Bot.png) DuckDuckBot is a privacy-focused web crawler. As you browse the internet, this bot diligently discovers new web pages and updates existing ones, all while prioritizing your privacy. **Here's what you need to know about DuckDuckBot's key features:** - **Visit Verification:** Use the DuckDuckBot API to check if this bot has visited your website, giving you insight into its crawling patterns. - **Comprehensive IP Database:** Access one of the largest publicly available collections of DuckDuckBot IP addresses through the API, helping you understand its reach. - **Fraud Detection:** DuckDuckBot continuously updates its API database with new IP addresses and user agents, empowering you to identify and block fake bots masquerading as DuckDuckBot. - **Respectful Crawling:** You'll appreciate that DuckDuckBot adheres to WWW: RobotRules and uses a variety of IP addresses, ensuring reliable and considerate crawling of your site. *Privacy and security go hand in hand, did you know you can secure your website easily? Here are the *[***6 Best WordPress Security Plugins***](https://theplusaddons.com/blog/best-wordpress-security-plugins/)* you can consider.* ### 5. Slurp Bot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Slurp-Bot-1024x474.png) Slurpbot is the diligent web crawler powering Yahoo Search. As you browse the web, Slurp strategically follows links to uncover fresh content, continuously refining and expanding Yahoo's search results to enhance your online experience. **Here's what you need to know about Slurp's key features:** - **Yahoo Platform Integration:** Slurp gathers content from partner websites to populate platforms you use, like Yahoo News, Finance, and Sports, keeping you informed across various topics. - **Personalized Content Delivery:** By verifying information from multiple sources, Slurp ensures you receive the most accurate and personalized content on Yahoo platforms. - **Smart Link Following:** Slurp focuses on HREF attribute links, ignoring SRC attributes. This means you can control which content Slurp indexes by using the appropriate link types. - **Search Index Creation:** As you link to other pages on your website, you're helping Slurp discover and index new content, contributing to Yahoo's comprehensive search index. By understanding Slurp's behavior, you can optimize your website for better visibility on Yahoo Search and its associated platforms. ### 6. Baidu Spider ![](https://theplusaddons.com/wp-content/uploads/2024/09/Baidu-Spider-1024x538.png) The Baidu Spider is the powerful web crawler behind China's most popular search engine.  As you expand your online presence in the Chinese market, this bot efficiently discovers new web pages, with a special focus on Chinese language content. **Here's what you need to know about Baidu Spider's key features:** - **Automatic Updates:** Baidu Spider continually scans your site for fresh content. If you notice performance issues, you can easily adjust the crawling rate through your Baidu Webmaster Tools account. - **Crawl Management:** Take control of how Baidu Spider interacts with your site using Baidu Webmaster Tools (Baidu Ziyuan). This platform allows you to analyze crawling issues and view the HTML content that Baidu has indexed. - **Activity Monitoring:** Spot Baidu Spider's presence on your site by looking for user agents like "baiduspider," "baiduspider-image," or "baiduspider-video" in your logs. - **Market Significance:** Remember, Baidu dominates 80% of mainland China's search market. By optimizing for Baidu Spider, you're tapping into a vast audience of Chinese internet users. ### 7. Facebook External Hit ![](https://theplusaddons.com/wp-content/uploads/2024/09/Facebook-External-Hit.png) Facebook External Hit is an intelligent web crawler that enhances your Facebook sharing experience. As you and others share links on the platform, this bot springs into action, gathering crucial information about the shared websites.  By swiftly analyzing new web pages and updating existing data, Facebook External Hit ensures that your shared content is presented most engagingly and accurately as possible, ultimately improving your and other users' experience on Facebook. **Here's what you need to know about Facebook External Hit's key features:** - **Content Analysis:** When you share a link, Facebook External Hit immediately analyzes the HTML of your website or app, ensuring accurate representation on the platform. - **Rich Link Previews:** This bot fetches details like webpage titles and embedded video tags, allowing you to showcase your content more effectively when sharing links. - **Advertising Enhancement:** Facebook External Hit works alongside Facebook to boost advertising performance, helping you reach your target audience more efficiently. - **Time-Sensitive Crawling:** Be aware that if the crawl process isn't completed quickly, your custom snippet may not display. Optimize your site's load time to ensure the best possible preview of your shared content. ***Recommended Read:**** *[*7 Best Facebook Plugins for WordPress [Live Feed, Reviews, & More]*](https://theplusaddons.com/blog/best-facebook-plugins-for-wordpress/) ### 8. Apple Bot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Apple-Bot.png) Apple's web crawler has been diligently working since 2015. As you navigate the Apple ecosystem, this bot plays a crucial role in enhancing your experience across Apple's suite of products and services, from Siri to Spotlight and beyond. **Here are some key features of Applebot:** - **Siri and Spotlight Integration:** When you use Siri or Spotlight Suggestions, you're benefiting from Applebot's indexing prowess. - **Smart Search Indexing:** Applebot considers factors like user engagement, content relevance, external link quality, and your location to deliver the most appropriate search results. - **Advanced Rendering:** Unlike some older crawlers, Applebot can process JavaScript and CSS, ensuring it sees your web pages just as you do. - **Googlebot Compatibility:** If you've already optimized for Googlebot, you're in luck. Applebot can understand and follow Googlebot instructions when specific Applebot directives aren't available. Understanding these features can help you optimize your website for better visibility within Apple's ecosystem, ensuring your content is easily discoverable through Siri, Spotlight, and other Apple services.  When you cater to Applebot, you're enhancing your reach to millions of Apple users worldwide. ### 9. Swift Bot ![](https://theplusaddons.com/wp-content/uploads/2024/09/Swift-Bot-1024x508.png) Next up in our list of crawlers is Swift Bot. It is the agile web crawler powering the Swift search engine. This efficient bot enhances your search experience by constantly updating its index, making it a popular choice for several smaller search engines. **Here's what sets Swift Bot apart:** - **Customized Indexing:** With Swiftype, you can easily catalog and index all pages of your website, especially beneficial if you manage a large site. - **Targeted Crawling:** Unlike most web crawlers, Swift Bot only crawls websites upon your specific request, giving you full control over what content gets indexed. - **User-Friendly Setup:** You'll find Swift Bot's indexing process straightforward and less technically demanding than using the Swiftype API, allowing you to set up site searches quickly and easily. - **Google-Like Efficiency:** Swift Bot collects and indexes data from your website similarly to Google, ensuring comprehensive coverage of your content. By focusing on these features, you can optimize your website's searchability and provide a more tailored search experience for your users.  With Swift Bot, you're in control of what gets crawled and indexed, allowing for a more customized approach to site search. ### 10. SEMrushBot ![](https://theplusaddons.com/wp-content/uploads/2024/09/SEMrushBot-1024x683.png) In the list of web crawlers, SEMrushBot is the final one here, used by none other than SEMrush, a popular SEO tool. It crawls the web to gather information about websites and their content, which is used to provide insights and recommendations to SEMrush users. **Here are some key Features of SEMRush Bot:** - **Multi-Purpose Data Collection:** Leverage Semrushbot's insights for backlink research, on-page SEO audits, keyword research, link building, brand monitoring, and content creation. - **Backlink Analysis:** Evaluate your website's backlink profile quality and quantity, identifying opportunities to boost your online presence and attract more traffic. - **Organic Traffic Insights:** Uncover the keywords driving visitors to your site, allowing you to optimize content and climb search engine rankings. - **Competitive Edge:** Analyze your competitors' data to develop strategies that will help you outrank them in search results. - **Goal-Oriented Optimization:** Harness Semrushbot's collected data to enhance your SEO efforts and achieve your digital marketing objectives. ***Recommended Read:**** *[*5 Best Free SEO Plugins for WordPress*](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/) ## How to Protect Your Site From Malicious Web Crawlers? To protect your site from malicious web crawlers, here are a few handy techniques: **1. Optimize Robots.txt** The Robots.txt file allows you to specify which parts of your site crawlers can access. Use it to block suspicious user agents and restrict access to sensitive areas of your website. **2. Strengthen Authentication** Employ strong authentication measures. Implement CAPTCHA systems and login requirements to prevent unauthorized bots from accessing protected content. ***Related Read:**** *[*CAPTCHA vs reCAPTCHA Compared [8 Key Differences]*](https://theplusaddons.com/blog/captcha-vs-recaptcha/) **3. Monitor Traffic** Monitor your site's traffic regularly. Use analytics tools to identify unusual crawling patterns or spikes in bot activity.  If you spot suspicious behavior, investigate and take action promptly. **4. Deploy Web Application Firewall** Consider using a web application firewall (WAF). This tool can help you filter out malicious traffic and protect against common attack vectors. **5. Keep Software Updated** Regularly update your content management system (CMS) and plugins. Outdated software can be vulnerable to exploitation by malicious crawlers. **6. Implement Rate Limiting** Rate limiting on your server will prevents bots from overwhelming your site with requests, ensuring legitimate users can access your content. **7. Set Honeypot Traps** Use honeypot traps to catch bad bots. Create hidden links that only a bot would follow, then block any visitors to these fake pages. Implementing these strategies will significantly enhance your site's security against malicious web crawlers while still allowing beneficial bots to index your content. ## Wrapping Up As we've covered the top 10 web crawlers, you've gained valuable insights into how these digital explorers shape the internet landscape.  From industry giants like Googlebot and Bing Bot to specialized crawlers like Baidu Spider and SEMrushBot, each plays a crucial role in indexing and organizing the vast expanse of online content. While these bots are essential for discoverability, it's equally important to protect your site from malicious crawlers through the methods mentioned above. Lastly, if you’re an Elementor user, we would recommend you use The Plus Addons; this all-in-one plugin offers more than 120 Elementor widgets that will help enhance the functionality of your Elementor editor. ## FAQs on Web Crawlers List ### Are web crawlers and spiders the same? Yes, web crawlers and spiders are the same. These terms are used interchangeably to describe automated programs that systematically browse the internet to index web pages for search engines. ### What is the main purpose of a web crawler? The main purpose of a web crawler is to discover and index web pages for search engines. They follow links, gather content, and create a searchable database of web pages to provide relevant results for user queries. ### How to ensure that the crawler crawls all the pages of my website? To ensure complete crawling: - Create a sitemap and submit it to search engines - Use internal linking effectively - Ensure your robots.txt file doesn't block important pages - Keep your site structure simple and logical ### How can you identify if a user on your site is a web crawler? Check the user agent string in your server logs or analytics tools. Legitimate crawlers typically identify themselves (e.g., "Googlebot"). You can also verify IP addresses against known crawler IP ranges. ### How to check if a website is crawling or not? Use tools like Google Search Console or Bing Webmaster Tools to check the crawl status. You can also analyze server logs for crawler activity or use third-party SEO tools to monitor crawl frequency. ### Which web crawlers are widely used today? Widely used web crawlers include Googlebot, Bingbot, Yandexbot, Baidu Spider, DuckDuckBot, and AppleBot. Specialized crawlers like Ahrefs and SEMrush bots are also common for SEO purposes. ### How do I stop a web crawler? To stop a web crawler: - Use robots.txt to disallow specific bots or pages - Implement noindex meta tags on pages you don't want indexed - Use server-side blocking for persistent unwanted crawlers - Employ CAPTCHAs for sensitive areas ### What's the difference between a web crawler and a search engine bot? There's no significant difference. A search engine bot is a type of web crawler specifically used by search engines to index web content. All search engine bots are web crawlers, but not all web crawlers are used by search engines. --- # How to Fix WordPress Featured Image Not Showing Issue Source: https://theplusaddons.com/blog/wordpress-featured-image-not-showing/ Is the WordPress featured image not showing on your website? The featured image appears at the top of your page or post, representing the contents of the page/post. Having a featured image on your website is a great idea for several reasons. For starters, it gives your website visitors a sneak peek into your page or post. Further, the style of the featured image can often set the tone for your blog post. It also improves your website's visual element, which is necessary for great user experience and can also help boost your SEO efforts. In such a case, if the featured image is not showing in WordPress, it can impact your website engagement and interaction. In this article, we'll walk you through various simple ways to fix featured images that are not showing issues on your WordPress website. ## Key Takeaways - Compress large images and increase PHP memory if needed. - Check theme support, disable lazy loading and conflicting plugins. - Enable featured image option and use correct image size. ## What is the WordPress Featured Image Not Showing Issue? The featured image not showing in WordPress simply means that image is not visible on your website, and the issue can occur for various reasons. ![](https://theplusaddons.com/wp-content/uploads/2024/09/WordPress-Featured-Image-Not-Showing-Issue.png) Featured images appear at the top of a website page or as a blog post header, where the aim is to attract user attention and engagement with the content. Almost all WordPress themes allow you to display featured images in different website areas, such as the sidebar. However, if an active theme doesn't support the featured image function or there's a conflict, the featured image might not show. There's also the possibility that the featured image function is turned off in your WordPress settings. It's also common that the featured image might display perfectly on your website, but there's trouble loading when the post is shared on social media. ## How to Fix WordPress Featured Image Not Showing: 8 Working Ways Here are 8 simple ways to fix WordPress images not showing on your website: ### 1. Fixing HTTP Error While Uploading a Featured Image If you're encountering an HTTP error when uploading the image, it could be due to two reasons. The image file size might be too large, or you might have exceeded the PHP memory limit, which prevents you from uploading large images on the website. To fix this issue, you need to reduce the size of the featured image or increase the PHP memory limit in WordPress. **Solution 1.1. Decrease image file size** If the image file size is causing the HTTP error, you can try switching the image format to JPEG or WebP, which have smaller file sizes. Next, you can use an image compression tool such as [TinyPNG](https://tinypng.com/) to compress the image file size. You simply need to upload the image to the tool and download the compressed file to upload it as the featured image. **Solution 1.2. Increase PHP memory limit** Consider increasing the PHP memory limit if the featured image already has a small file size. This requires you to modify the *wp-config.php* file or *.htaccess* file via FTP client or file manager. - In your FTP client's cPanel, go to the file manager and look for the *wp-config.php* file in the root directory. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Increase-PHP-memory-limit.png) - Search for this text string- *define('WP_MEMORY_LIMIT', '32M');* and modify the value according to your website needs, such as: `*define('WP_MEMORY_LIMIT', '256M');*` - If you cannot find the text string, add the following code snippet yourself- `*define('WP_MEMORY_LIMIT', '32M');.*` - Alternatively, locate the *.htaccess* file and add the following code snippet at the bottom- `*php_value memory_limit 256M.*` *Working with a low PHP memory limit and unable to upload your featured image? Learn [**How to Increase WordPress PHP Memory Limit in 4 Easy Ways**.](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/)* ### 2. Fixing Themes or Plugins While most themes are compatible with featured images and automatically display them on the website, some require you to check the setup manually. You'll need to check your theme's settings or contact the theme's support for further assistance. If your theme's settings have the featured image function enabled, an outdated plugin is a common cause of this issue. Plugins with access permission to your media library can also result in WordPress pictures not showing. First, update all the plugins to ensure an outdated plugin is not the reason. If the issue persists, deactivate all the plugins and reactivate them individually. As you do it, check if the featured image is showing after each reactivation. This will help you identify the broken plugin that's causing the issue. You can also go to **Tools > Site Health** on your WordPress dashboard, which will give recommendations on improving your website performance and functionality. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Recommended-improvements.png) *If unused plugins and widgets are affecting your website performance and functionality, manage it by learning [**How to Disable & Hide Unused Elementor widgets.**](https://theplusaddons.com/blog/hide-disable-elementor-widgets/elementor-widgets/)* ### 3. Disable Lazy Loading Lazy loading is an interactive WordPress feature that loads the contents of the page only when a visitor reaches that section. It is a helpful feature that helps the website page load faster, improve performance, and ensure a seamless mobile experience. However, lazy loading plugins can see featured images as any other image. So, it might cause issues with loading the featured image in WordPress or block it completely from appearing on the site. You can fix this by turning off the lazy load feature on your website. Check whether your WordPress plugins have this additional feature and turn it off. Clear the cache and see if this resolves the issue. Alternatively, some plugins allow you to exclude certain images from lazy loading. If possible, turn off lazy loading for the first image on your page/post to still use this function without affecting the featured image. ### 4. Configure WordPress Dashboard Screen Options Certain WordPress dashboard settings can prevent WordPress featured images from not showing in your blog posts, pages, or the WordPress editor. To fix this, open the page or post where you want to add a featured image, click on the three dots at the top right section, and select **Preferences** under **General Settings**. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Configure-WordPress-Dashboard-Screen-Options.png) Enable the Featured Image option to enable it and show a featured image column in your settings. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-the-Featured-Image-option.png) Now you can see the featured image tab on the right, where you can choose an image from the media library to set as the featured image. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Set-Featured-Image.png) However, if the Featured Image option is not visible in the **Screen Options** section on the dashboard, your theme may not support this functionality, and you will need to contact the theme's developer. ### 5. Change User Role Permissions Specific WordPress user access roles can restrict you from adding or editing a featured image on WordPress. If you don't have the user access role to upload the featured image, you will need to ensure the accurate user roles are set. Here's how to do it- - Go to **Users > Users Role Editor** on your WordPress dashboard. - Go to **Select Role** and choose the role you want to modify from the dropdown menu. - For instance, change the user role to **Author.** ![](https://theplusaddons.com/wp-content/uploads/2024/09/Change-User-Role-Permission.png) - Click **Update User.** This will give you access to the media library, and you can now add a featured image to your WordPress pages and posts. *Struggling with the no access error to your WordPress dashboard? Check out [**4 Working Ways to Fix ‘Sorry you are not allowed access to this page’ WordPress Error.**](https://theplusaddons.com/blog/how-to-fix-sorry-you-are-not-allowed-to-access-this-page/)* ### 6. Add Custom Code to Fix Featured Image Issues If you're encountering issues with the featured image on WordPress, adding a custom code can fix many issues, including the WordPress image not showing. Perhaps your blog post thumbnail isn't clickable because the theme doesn't support this functionality. Or you may want to display the featured image alongside the lists of posts in the admin area. You can do all of this by adding a custom code using a plugin like Nexter Extension. Simply install and activate the plugin and go to **Nexter Extension > Code Snippets** on your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Open-code-snippets-from-Nexter-Extension.png) Add a New Snippet by clicking on “**Create New”**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Create-new-snippet.png) You can add the following code manually- `add_filter( 'manage_posts_columns', function ( $columns ) { // You can change this to any other position by changing 'title' to the name of the column you want to put it after. $move_after = 'title'; $move_after_key = array_search( $move_after, array_keys( $columns ), true ); $first_columns = array_slice( $columns, 0, $move_after_key + 1 ); $last_columns = array_slice( $columns, $move_after_key + 1 ); return array_merge( $first_columns, array( 'featured_image' => __( 'Featured Image' ), ), $last_columns ); } ); add_action( 'manage_posts_custom_column', function ( $column ) { if ( 'featured_image' === $column ) { the_post_thumbnail( array( 300, 80 ) ); } } );` Toggle **Activate** and **Create**. Go to **Posts > All Posts, **and you will see the featured image thumbnail in a separate column in the posts list. ### 7. Fixing Featured Image Not Showing on a Blog Post Gallery Page Having a featured image in your blog posts is the best way to attract user attention and improve the visual appeal of your website. But what if the featured image is not showing on the WordPress blog page? To display the featured image as a thumbnail for the blog posts, here's what you need to do- - Go to **All Pages** on your WordPress dashboard and edit the homepage or other page where you want to add the featured image. - Click on the '+' icon and add the **Latest Posts.** This will add a section listing your recent posts on the homepage. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Fixing-Featured-Image-Not-Showing-on-a-Blog-Post-Gallery-Page.png) - Click on the block to open the settings and enable the **Display Featured Image** - This will show your featured images in the blog post gallery. - You can also adjust other featured image settings, such as alignment and size, to fit the image as per your website. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-Display-Featured-Image.png) ### 8. Fixing WordPress Featured Image Not Showing Up in the Right Size Sometimes, if the issue with the featured image not showing in WordPress is fixed, you might encounter another issue where the image is not the correct size. The ideal size for a WordPress featured image is 1200 x 628 pixels. While WordPress has built-in settings to change the image sizing to thumbnail, medium, and large size, these dimensions don't always work for featured images. So, you'll need to edit the default image size manually. Go to **Settings > Media **from the WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2024/09/edit-the-default-image-size-manually.png) Under image sizes, enter the new default sizes for the **Thumbnail size** and click on **Save Changes.** This will change the default thumbnail size for featured images so that they appear accurately on your website. *Cannot upload a particular image file size to your WordPress site? Know [**How to Increase the Maximum File Upload Size in WordPress.**](https://theplusaddons.com/blog/increase-the-maximum-file-upload-size-in-wordpress/)* ## Wrapping Up Featured images are a visually critical element of your website that can improve user experience, boost website engagement, and help optimize your site for search engines. But if the featured image is not showing due to WordPress settings or plugin and theme conflicts, you can follow any methods mentioned in this article to fix it. It will allow you to display featured images on WordPress pages and posts easily. Once you've fixed this issue, elevate your WordPress page and posts with [The Plus Addons for Elementor](https://theplusaddons.com/). With this wide range of Elementor widgets, this plugin lets you easily enhance the design, customizations, and functionality of your WordPress website. ## FAQs on Fixing the WordPress Featured Image Not Showing Issue ### What is the best size for a featured image in WordPress? The best size for a featured image in WordPress is 1200 x 628 pixels. ### What is the difference between an image and a featured image in WordPress? Cover images are used in the post or page content, typically as a cover image for a new section. A featured image is displayed at the top of the content or in the sidebar, representing the WordPress page or post. ### Why are featured images not showing up on specific pages or posts? If featured images are not showing up on specific pages or posts, it might be because of a compatibility issue with a plugin or theme, an HTTP error due to a low PHP memory limit, or the lazy loading functionality. Further, the featured image functionality might be disabled or not supported by your theme. ### How to set a featured image in WordPress? Edit the page or post where you want to add a featured image. In the settings sidebar on the right, click **Set featured image** and upload the image from the media library. You can also customize the size and alignment settings for the image. ### Why is the featured image option not showing in WordPress? If the featured image option is not showing in WordPress, the function might be turned off in your WordPress settings. To fix this, click **Screen options** on your dashboard and enable the Set featured image option. --- # 6 Best Twitter Plugins for WordPress Compared Source: https://theplusaddons.com/blog/best-twitter-plugins-for-wordpress/ Your search for the best Twitter plugins for WordPress ends here! With an active user base of over [500 million](https://backlinko.com/twitter-users#twitter-statistics) a month, Twitter, known as X now, offers a goldmine of opportunities to connect with your audience. Even better, embedding your Twitter page or adding social sharing icons to your website can be a game changer to boost audience engagement. However, it won't be possible without the right Twitter plugin for WordPress. A feature-rich Twitter wp plugin will let you display your Twitter feed and take your Twitter and website interactions to a higher level. From exploring your feed to reacting to or retweeting your tweets, website visitors can do it all. In this article, we'll explore the 6 best Twitter WordPress plugins that you must check out for your website. ## What are WordPress Twitter Plugins? WordPress Twitter Plugins are tools that let you connect your Twitter account with your WordPress website seamlessly. These plugins allow you to integrate various Twitter features and functionalities directly into WordPress. With these plugins, you can display your latest Twitter feed, encourage reactions and retweets from website visitors, and engage with the users. Besides, these plugins feature extensive customizations to help you modify the look and feel of the Twitter feed on the site. ![](https://theplusaddons.com/wp-content/uploads/2024/08/What-is-WordPress-Twitter-plugins.png) *Example of a Twitter feed displayed using the Twitter Embed widget by The Plus Addons* ### What Features Should You Look For in a WordPress Twitter Plugin? Twitter is one of the most popular social media platforms and a great way for businesses to boost their online presence and reach new audiences. With a reliable WordPress Twitter plugin, you can add social proof to your website by displaying the Twitter feed. This will not only help boost your Twitter followers through the website but also allow you to increase website traffic by sharing new blog posts and content on Twitter. As a result, you should look for the following features when choosing a good WordPress plugin for Twitter- - **Ease of Use:** A user-friendly plugin will make it easy to embed your Twitter feed, experiment with different features, and customize the feed to match the website design. - **Social Sharing Buttons:** Look for a Twitter WordPress plugin that offers features such as social sharing buttons to allow visitors to engage with your tweets and retweet them directly on their profiles. - **Twitter Timeline: **The plugin should allow you to display your Twitter timeline with the latest tweets on your website and update it automatically. - **Responsive:** The plugin you choose should be highly flexible to display the widgets wherever you want and responsive to adapt the content for various devices and screen sizes. ## Best Twitter Plugins for WordPress Compared | **S. No.** | **Plugin** | **Best for** | **Cost** | | ---------- | ---------- | ------------ | -------- | | 1. | [Twitter (X) Feed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/social-feed/twitter-feed/) | Embedding live Twitter feed in customizable layouts | Free + $39/year | | 2. | [Twitter (X) Embed by The Plus Addons for Elementor](https://theplusaddons.com/elementor-widget/social-embed/twitter-embed/) | Displaying multiple social media feeds on the website | Free + $39/year | | 3. | [Uncanny Automator](https://wordpress.org/plugins/shared-counts/) | Easily automate your posts on Twitter | $149/yr | | 4. | [Revive Social](https://wordpress.org/plugins/tweet-old-post/) | Scheduling website posts on social media | Free + Starting at $116.82/year | | 5. | [Better Click to Tweet](https://wordpress.org/plugins/better-click-to-tweet/) | Encouraging retweets from visitors with a 'Click to Share' button | Free + Starting at $71 for one site | | 6. | [Simple Social Icons](https://wordpress.org/plugins/simple-social-icons/) | Embedding social media icons on the website | Free | ### 1. Twitter (X) Feed by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Twitter-X-Feed-by-The-Plus-Addons.png) The first plugin on our list is the Twitter Feed by The Plus Addons for Elementor. This widget is a part of an all-in-one plugin offering 120+ Elementor widgets. Twitter Feed is a lightweight and user-friendly widget that lets you fetch your Twitter feed and display it directly on your website. All you need is access to the Auth keys, and you can show your updated Twitter feed in real-time to boost visitor interaction. This might sound technical, but it's not, here's a video on how to get the keys step-by-step: https://youtu.be/oiGi2NaEj7o?t=489 What's more, with limitless customization options and layouts, you can personalize the feed and enhance the visual quotient of your website. #### Key Features of Twitter (X) Feed by The Plus Addons - **Easy Set Up:** The widget is easy to use and set up – all you need to do is enable the widget and drag and drop it into the Elementor editor. Fill up the Twitter Auth Keys and other settings, and you're good to go. - **Flexible:** With this widget, you can display as many Twitter posts as you want in a customized order. It allows you to modify the post order, manage what part you want to display, how you want to display it, and much more. - **Pre-Built Layouts:** Get access to various attractive pre-built layouts for your Twitter feed to start displaying your posts. - **Endless Customizations:** The widget offers you unlimited customization options to modify every aspect of the Twitter feed, from layout and colors to background, buttons, scrolling animations, and more. - **Automatic Updates:** You don't need to worry about manually updating your Twitter feed. The widget connects with Twitter for real-time updates and displays the most recent content at all times. - **Responsive Design:** Twitter Feed has tons of design options to create a highly responsive feed design that easily adapts to different devices and screen sizes. #### Pricing of Twitter (X) Feed by The Plus Addons Twitter (X) Feed is a feature-rich widget, which is a part of The Plus Addons for Elementor, along with 120+ other widgets. You can access the plugin for free or get the premium version starting at $39/year. You can also choose the lifetime plan if you wish to pay only once. [Learn More](https://theplusaddons.com/elementor-widget/social-feed/twitter-feed/) ### 2. Twitter (X) Embed by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Twitter-X-Embed-by-The-Plus-Addons.png) Next is another feature-rich widget by The Plus Addons for Elementor. Twitter (X) Embed is a part of the Social Embed widget and offers a simple solution to embed your Twitter posts on your website. Twitter (X) Embed within the Social Embed widget by The Plus Addons for Elementor allows you to integrate your Twitter feed or single posts directly into the website without any authentication or coding. Apart from Twitter, you can use the Social Embed widget to embed other social media platforms, such as Facebook and Instagram, without the need to write any code. #### Key Features of Twitter (X) Embed by The Plus Addons - **Embed Multiple Social Media Feeds:** With the Social Embed widget, you can embed and display multiple feeds from various social media platforms, all in one place. - **Customize Styling:** The widget gives you full control over the design and aesthetic of the Twitter feed. You can customize the layouts, background colors, fonts, and much more to match your website. - **Stream Live Videos:** Get live in front of your website audience directly from your social media. Simply copy the streaming video ID from your platform and show it on your website seamlessly. - **No Authentication Needed:** One of the best features of the Twitter Embed widget is its ability to display your Twitter feed without authentication. You can embed your Twitter posts without connecting the account, which makes the widget quick and easy to use. - **Flexible Embedding Options:** You can also embed various Twitter functionalities like reply, likes, retweet, and save options to boost audience interaction on the website. - **SEO-Friendly:** By embedding your Twitter feed on your website, you can easily boost its engagement and, ultimately, SEO rankings on the search engine. - **Mobile Responsive:** The widget ensures that your Twitter feed looks great and functions seamlessly on any device or screen size. Here's a video tutorial on how to use this widget: https://youtu.be/MbopAQ85pdg?t=695 #### Pricing of Twitter (X) Embed by The Plus Addons The Twitter (X) Embed is a part of The Plus Addons for Elementor plugin with 120+ other Elementor widgets. You can use the plugin for free and access additional features with the premium version starting at $39/year. [Learn More](https://theplusaddons.com/elementor-widget/social-embed/twitter-embed/) ### 3. Uncanny Automator ![](https://theplusaddons.com/wp-content/uploads/2024/08/chrome_03XKx1Leuv.png) The Uncanny Automator provides the easiest way to put your WordPress site on automation. With the help of its x/Twitter integration, you can easily automate your posts and announcements on your X accounts including images and links without hassle. In free version you will get 250 credits for posting on social and if you go with the premium version you post unlimited posts. #### Key Features of Uncanny Automator - **Easy to Use**: You don't need to be a tech geek to use this plugin. - **No Third-party Integration**: For using this Twitter integration you don't need any third-party software or transaction fees are required. - **Automation**: You don't have to manually post the newly launched article, post, etc. it will automatically do it for you. - **Delay and scheduled automation**: You can even schedule your post based on time, day, date, etc. You can also delay it for a certain period after the trigger event. #### Pricing of Uncanny Automator The pricing plan of Uncanny Automator starts at $149/yr for a single site and goes up to $399/yr for 50 sites. [Learn More](https://wordpress.org/plugins/uncanny-automator/) *Looking to add your Twitter Feed to your WordPress website to encourage visitor interaction? Learn [**How to Add a Twitter Feed to Elementor WordPress Site.**](https://theplusaddons.com/blog/wordpress-elementor-twitter-feed/)* ### 4. Revive Social ![](https://theplusaddons.com/wp-content/uploads/2024/08/Revive-Social.png) Revive Social is a scheduling plugin for WordPress that lets you publish old and new website content on social media based on a preset schedule. This plugin makes it easy to stay active on Twitter without manually scheduling the posts. Once activated, the plugin will automatically share your old website blog posts to your Twitter based on set criteria. Also, you don't have to wait for your posts to be published on your Twitter, as soon as you hit the publish button post will published on Twitter instantly. And you can schedule the recurring posts too at your preferred time, and day. #### Key Features of Revive Social - **Customize Twitter Posts:** With the plugin, you can quickly customize what goes out in each tweet, such as customized hashtags based on the post category. - **Set Posting Criteria:** You can set up clear scheduling criteria such as adding a date range, excluding certain tags or categories from publishing on Twitter or pausing Twitter scheduling. - **WooCommerce Features:** Apart from scheduling website blog posts on Twitter, you can also schedule posts, pages, products, or images from your WooCommerce store. - **Unique Functionalities:** Revive Socials also features the ability to use multiple Twitter accounts, set custom posting schedules, add conversion tracking URLs, and more. #### Pricing of Revive Socials The premium version of Revive Socials is available in 3 plans- Starter at $116.82/year, Business at $234.82/year, and Marketer at $470.82/year. [Learn More](https://wordpress.org/plugins/tweet-old-post/) ***Suggested Read:** [How To Add Instagram Feed To Elementor WordPress Site](https://theplusaddons.com/blog/wordpress-elementor-instagram-feed/)* ### 5. Better Click to Tweet ![](https://theplusaddons.com/wp-content/uploads/2024/08/Better-Click-to-Tweet.png) Another unique WordPress plugin for Twitter is the Better Click to Tweet plugin, which allows you to add 'Click to Tweet' buttons on your website posts. It lets you highlight specific content from your blog posts, such as a quote or a statistic, and the visitors can simply click on the button to tweet that highlighted portion. However, while the plugin offers a user-friendly way to make your content shareable, it does not offer any styling options in the free version. #### Key Features of Better Click to Tweet - **Use Shortcodes:** You can add a 'Click to Tweet' button anywhere on your website using shortcodes. This makes it easy for your website visitors to share specific content, such as reviews or testimonials, from your website to their social media. - **Add Customizations:** With the premium version of the plugin, you can customize the appearance of the tweet boxes, including the colors, text, fonts, and more, to match the website design. - **Include Twitter Attributions:** Add Twitter attributions like usernames and hashtags directly within the shortcode to allow users to mention the author or use certain hashtags while sharing your content. - **Seamless Integration:** The plugin integrates effortlessly with various WordPress page builders, including the Gutenberg editor. #### Pricing of Better Click to Tweet You can access all the Better to Click addons with the pro bundle at $71 for one site, $272 for 5 sites, and $699 sites for 10 sites. [Learn More](https://wordpress.org/plugins/better-click-to-tweet/) *Along with Twitter, Instagram is also one of the most used social media platforms. And integrating it on your website can help attract and retain more visitors. Here's a list of the **[best WordPress Instagram plugins](https://theplusaddons.com/blog/best-wordpress-instagram-plugins/)** you should consider.* ### 6. Simple Social Icons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Simple-Social-Icons.png) If you're looking for a tool to add Twitter or other social media icons to your website, Simple Social Icons is the plugin for you. The plugin lets you add social media icons to a sidebar widget. The plugin is easy to set up and allows your website visitors to easily find your social media and follow your business on different platforms. However, many users claimed the plugin did not work post updates, lack of support, and more, which might turn potential users away. #### Key Features of Simple Social Icons - **Flexible Use of Shortcodes:** You can easily add social icons to the sidebar. But if you don't want to, you can also use shortcodes to add the icons to pages or posts. - **Configure Icon Settings:** Configure social icon settings to open the profile in a new tab when a user clicks on it. - **Customize the Icons:** The plugins offer tons of customizations to modify the button colors, alignment, and fonts or add floating icons or email-sharing features. - **Display Share Counts:** The plugin can also display share counts against the social media icons. #### Pricing for Simple Social Icons Simple Social Icons is a free plugin for your WordPress website. [Learn More](https://wordpress.org/plugins/simple-social-icons/) ## Wrapping Up This wraps up our list of the 6 Best Twitter Plugins for WordPress. Whether you want to embed your Twitter feed in real-time, add social sharing buttons, or make it easy for your audience to find you on socials with icons, there's a feature-rich plugin for everything. That said, you don't need to install multiple twitter tools for WordPress to get various functionalities. All you need is The Plus Addons for Elementor. With this plugin, you can use the [Twitter Feed](https://theplusaddons.com/elementor-widget/social-feed/twitter-feed/) and [Twitter Embed](https://theplusaddons.com/elementor-widget/social-embed/twitter-embed/) widgets to add your Twitter feed to the website, update it in real-time, allow social sharing, and let your website visitors find your social media with ease. With a lightweight design and tons of customization features, The Plus Addons for Elementor offers access to a world of functionalities to improve your website traffic and boost engagement on your social media. ## FAQs for Twitter Plugins for WordPress ### Do I need any coding knowledge to use Twitter plugins? No, you don't need any coding knowledge to use Twitter plugins for your website, as all the plugins are easy to set up and use. You can simply install the plugin and drag and drop it in the Elementor editor to get started. ### Will WordPress Twitter plugins slow down my website? Using a poorly-coded plugin or too many plugins can slow down the site. However, a good quality Twitter plugin like Twitter Embed by The Plus Addons for Elementor will not slow down your website as it features clean code and frequent updates. The plugin is designed to offer speed and performance for your website. ### How frequently do Twitter feed plugins update the tweets displayed on my WordPress site? Twitter feed plugins like Twitter Feed by The Plus Addons for Elementor provide you options to update your feed hourly, regularly, weekly, etc ensuring that the website displays the most recent posts to visitors. ### How can Twitter plugins benefit my website? With Twitter plugins, you can display your Twitter feed or add social sharing icons, which allows you to encourage visitor interaction on your website, boost the time spent on the site, and create an engaging experience with a visually interactive feed. ### How to embed Twitter on a website? You can use a high-quality plugin like Twitter Embed or Twitter Feed by The Plus Addons for Elementor to embed your Twitter account on your website without any hassle. ### How do I automatically post to Twitter from WordPress? If you want to automatically schedule posts to Twitter from your WordPress website, you can use a plugin like Revive Social that can schedule website posts to Twitter easily. --- # How to Easily Fix 500 Internal Server Error in WordPress Source: https://theplusaddons.com/blog/fix-500-internal-server-error-in-wordpress/ Need to quickly fix the 500 Internal Server Error in WordPress? Read on to learn how! Dealing with a 500 Internal Server Error in WordPress can be frustrating as it often means you are locked out of your site's front and back ends. The error restricts your ability to make changes and update your website, potentially slowing traffic and driving away visitors. The error message is non-specific with a 500 Internal Server Error and doesn't tell you what's wrong. Without knowing a root cause it can be difficult to fix the issue and get your site back up and running. In this article, we explore 9 working methods you need to try if your server responded with a 500 code error. ## Key Takeaways - Common causes: `.htaccess`, plugins, themes, or low PHP memory. - Fix by regenerating `.htaccess`, increasing memory, disabling plugins. - Re-upload core files or contact hosting if needed. ## What is the 500 Internal Server Error? The 500 Internal Server Error is a general error message that indicates something has gone wrong on the server, but the server is unable to specify the exact issue. This error typically occurs when the server encounters an unexpected condition that prevents it from fulfilling a request. ![](https://theplusaddons.com/wp-content/uploads/2024/08/500-Internal-Server-Error-in-WordPress.png) It is a server-side error, meaning the problem lies with the website's server, not the user's browser or internet connection. Since the server does not specify the exact issue, you may need to troubleshoot to find the root cause of the issue. When a 500 internal server error occurs, you may lose access to your WordPress dashboard. To regain access, you would need to resolve the issue using your FTP or your hosting control panel. ### What Causes the 500 Internal Server Error in WordPress? The 500 internal server error WordPress can be triggered by several problems. Understanding the root cause can help you find a solution that works. Some of the most frequent causes include: **1. Corrupted .htaccess File: **The .htaccess file is critical for your WordPress site's operation. If it becomes corrupted, perhaps due to a recent change or update, it can lead to a 500 error. This file controls many aspects of your site, and even a tiny mistake can cause problems. **2. PHP Memory Limit Exhaustion: **WordPress relies on PHP memory to run themes, plugins, and other processes. If your site exceeds the allocated PHP memory, it can trigger a 500 error. This often happens if your site has heavy plugins, large media files, or complex themes that demand more resources than your server can provide. **3. Incompatible Plugins or Themes:** Not all plugins and themes play nicely with each other or with the latest WordPress updates. If you recently installed or updated a plugin or theme and then encountered the 500 error, there's a good chance that conflict is the cause. **4. File Permission Issues:** WordPress files and folders need to have the correct permissions to function properly. Incorrect permissions can prevent the server from accessing these files, leading to a 500 error. This often happens if file permissions are changed inadvertently during an update or file transfer. **5. Server Overload or Issues:** Sometimes, the error might not be on your end at all. Your hosting provider could be experiencing server overload, temporary downtime, or maintenance issues. *Struggling with the 400 Bad Request Error? Here is [**how to fix the 400 Bad Request Error in Elementor.**](https://theplusaddons.com/blog/fix-400-bad-request-error-in-elementor/)* ## How to Fix the 500 Internal Server Error in WordPress [Working Methods] There are several ways you can fix WordPress 500 errors, depending on what caused the issue. Before trying any of these methods, remember to [back up your WordPress website](https://theplusaddons.com/blog/how-to-backup-wordpress-website/). The easiest way to do this is by using a [***WordPress website backup plugin***](https://theplusaddons.com/blog/best-wordpress-backup-plugins/). You may also use your FTP and phpMyAdmin panels to perform a WordPress website backup. ### 1. Refresh Your Page Let’s start with the simplest solution first. In some cases, the 500 internal server errors may be due to a temporary server glitch, an overload, or a browser loading issue. Refreshing the page can often quickly clear the problem, and you can go back to working on your website. Incomplete server requests may also cause the 500 error. In this case, refreshing the page can trigger a new, successful request and help resolve the error. ### 2. Clear WordPress and Browser Cache Cache related issues may also cause the 500 code error. Clearing your WordPress and your Browser Cache helps clear the cached outdated content and fix the issue. Caching WordPress speeds up your site by storing static versions of your pages, but sometimes this stored data can become outdated or corrupted, leading to internal issues. To clear your WordPress cache, navigate to the settings of your **[*WordPress Cache Plugin*](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/)**. Next, look for options like “Empty All Caches”, “Delete Cache”, or “Clear Cache”. This will help you clear all your page, database, and object caches. To clear your browser cache, visit your browser settings. In Chrome, you can clear your cache by navigating to the **Menu (three vertical dots in the top-right corner) > Delete Browsing Data.** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Delete-browsing-Data.png) In the pop-up window, check the box next to **Cached images and files. **Click** Delete Data** to clear the cache. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Cached-Images-and-Files.png) Refresh your page and try accessing your WordPress websites. If the issue persists, try the other methods below. ### 3. Checking if the .htaccess File has been Corrupted The .htaccess file is a powerful configuration file used by WordPress to handle things like permalinks. However, if this file becomes corrupted, it can cause a 500 Internal Server Error. Fortunately, checking and regenerating the .htaccess file may help you resolve the error. To regenerate the .htaccess file, go to your WordPress dashboard and navigate to **Settings > Permalinks**. Without making any changes, click Save Changes. This action will regenerate a fresh.htaccess file for your site. Now refresh your website to check if the issue is resolved. ![](https://theplusaddons.com/wp-content/uploads/2024/08/regenerate-.htaccess-file.png) If regenerating does not solve the issue, or you are locked out of your dashboard, you will need to manually access and edit your .htaccess file. Here's how: **Step 1: **Use an FTP client or FileZilla to access your site's root directory. This is the main folder where you'll find subfolders like wp-content, wp-admin, and wp-includes. Here, look for the .htaccess file. ***Recommended Read:** [How to Find Root Directory of WordPress Website](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/)* **Step 2:** To see if the **.htaccess file** is the problem, rename it to something like .htaccess_old. This will temporarily disable the file. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Rename-.htaccess-file.png) **Step 3: **Next, create a new .htaccess file in the same root directory. Right-click within the directory and select the option to **create a new file**. Name this file .htaccess and confirm the creation. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Create-new-.htaccess-file.png) **Step 4: **The newly created .htaccess file will be empty. You need to add the default WordPress rewrite rules to it. Right-click on the file, choose the **View/Edit** option and open it in a text editor like Notepad or TextEdit. Copy and paste the following code into the file: ![](https://theplusaddons.com/wp-content/uploads/2024/08/add-the-default-WordPress-rewrite-rules-in-new-.htaccess-file-1024x536.png) Refresh your website to see if the corrupt .htaccess file was the issue and if the error has been resolved. ### 4. Check File Permissions Incorrect file permissions can cause the 500 Internal Server Error in WordPress. Each file and folder on your site has a set of permissions that determine who can read, write, or execute it. If these permissions are incorrectly configured, your server might block access, resulting in an error. **Step 1:** Just like with the .htaccess file, you'll need to access your site's files using an FTP client or File Manager. **Step 2: **To check or change permissions, right-click on a file or folder in your FTP client, select File Permissions, and then enter the correct permission number. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Check-File-Permissions.jpg) - **Folders: **They should have their permissions set to 755. - **Files: **They should have their permissions set to 644. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Change-File-attributes.png) **Step 3: **After adjusting the permissions, reload your site. If incorrect permissions were the issue, your site should load without the error. ### 5. Increase the PHP Memory Limit WordPress and its plugins often require significant PHP memory to run. If your site exceeds its allocated PHP memory limit, it can trigger a 500 Internal Server Error. Increasing the PHP memory limit can often resolve this issue. **Step 1:** Access your site's root directory via FTP or File Manager and locate the wp-config.php file. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Increase-the-PHP-Memory-Limit.png) **Step 2:** Add the following line of code above the line that says */That's all, stop editing! Happy blogging. */**: **define('WP_MEMORY_LIMIT', '256M');** This line increases your PHP memory limit to 256MB, which should be sufficient for most WordPress sites. **Step 3:** Save the changes and reload your site. Your site should now function correctly if the error was due to a memory limit issue. *Want to learn more about increasing your PHP memory limit? Here are ***[*4 easy methods to increase WordPress PHP memory*](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/)*****[.](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/)*** ### 6. Switch to a Default WordPress Theme Sometimes, a custom theme might conflict with WordPress, especially after updates. If you recently installed or updated your theme, it could cause 500 Internal Server Error. Switching to a default WordPress theme can help determine if your theme is the issue. If you can access your WordPress dashboard, navigate to **Appearance > Theme. **Click **Add New **to install a default theme like Twenty Twenty-Four and **Activate** it. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Switch-to-a-Default-WordPress-Theme.png) If you cannot access your dashboard, follow the steps below. **Step 1:** Access Your Site via FTP or File Manager Navigate to the wp-content/themes directory. Here, you will find a folder named "Themes'. **Step 2:** Before making any changes, it's a good idea to back up your current themes. Right-click on the themes folder and download it to your computer. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Backup-your-current-theme.png) **Step 3:** Once you've backed up the themes folder on your website, delete it and create a new, empty folder in the same location. **Step 4:** Visit the official WordPress themes directory and download a default theme like Twenty Twenty-Three or Twenty Twenty-Five to your computer. The theme will download as a zip file. Unzip the file on your computer to extract the theme folder. ![](https://theplusaddons.com/wp-content/uploads/2024/08/download-a-default-theme.png) **Step 5:** Return to your FTP client and upload the extracted theme folder into your server's new, empty **themes** folder. Once the upload is complete, WordPress will automatically activate this default theme. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Upload-new-theme-in-servers-empty-theme-folder.png) Lastly, visit your website to see if the 500 Internal Server Error is resolved. *Looking for WordPress themes that won't cause issues? Here are the [**20 Best WordPress Themes.**](https://theplusaddons.com/blog/best-wordpress-themes/)* ### 7. Deactivate All Plugins and Activate One by One Plugins can also cause conflicts that result in a 500 Internal Server Error. Deactivating all your plugins and then reactivating them one by one can help identify the culprit. **Step 1:** Go to the wp-content directory and locate the plugins folder. **Step 2: **Rename the entire **plugins** folder to something like **plugins_deactivated**. This will deactivate all plugins on your site. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Deactivate-All-Plugins-and-Activate-One-by-One.png) **Step 3:**Reload your site. If the site loads correctly, one of your plugins was causing the error. **Step 4: **Rename the **plugins_deactivated **folder back to **plugins**. Then, reactivate each plugin individually from your WordPress dashboard, refreshing your site after each activation. This process will help you identify the plugin causing the issue. ### 8. Re-Uploading Core Files WordPress core files are the essential files that make your WordPress site function. These include files that handle the site's backend, manage themes and plugins, and control the overall structure of your site. If any of these core files become corrupted, it can cause issues like the 500 Internal Server Error. Re-uploading these files can help restore your site to normal operation. **Step 1: **Start by downloading the latest version of WordPress from the official WordPress website. This ensures you have a clean and up-to-date set of core files. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Reupload-the-core-files.png) **Step 2:** Once downloaded, unzip the WordPress package on your computer. This will extract all the necessary WordPress files into a new folder. **Step 3: **Use an FTP client to connect to your website. Navigate to your site's root directory, where you'll see folders like wp-admin, wp-includes, and wp-content. **Step 4:** From the freshly downloaded WordPress files, upload the wp-admin and wp-includes folders to your site's root directory. ![](https://theplusaddons.com/wp-content/uploads/2024/08/upload-the-wp-admin-and-wp-includes-folders-to-your-sites-root-directory.png) When prompted, choose to overwrite the existing files. This step replaces any corrupted core files with fresh ones. ![](https://theplusaddons.com/wp-content/uploads/2024/08/overwrite-the-existing-files.png) Make sure not to upload the wp-content folder, as this contains your themes, plugins, and uploads. Overwriting this folder could result in the loss of your custom data. After the upload is complete, refresh your website to check if the 500 Internal Server Error is resolved. If the issue was caused by corrupted core files, your site should now load correctly. ### 9. Contact Your Hosting Provider If you've tried all the above-mentioned methods and nothing seems to be working, contacting your hosting provider is a good choice. Your [WordPress hosting provider](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/) will be able to check your server logs, pinpoint the root cause of the issue, and help you resolve the server status 500 error. ## Wrapping Up There are several solutions available to fix the 500 Internal Server Error in WordPress. Remember that it may take more than one method to resolve the issue and restore your website's functionality. Since the cause of a 500 code error may not always be clear, start from the simplest methods like refreshing your page and work your way up to re-uploading core files. That being said, if you're looking to enhance your WordPress site without worrying about causing errors, consider using [The Plus Addons for Elementor](https://theplusaddons.com/). This lightweight plugin offers over 120 Elementor widgets, allowing you to build stunning, feature-rich pages effortlessly. It's fully compatible with the latest WordPress versions and is carefully optimized to ensure it won't trigger a 500 Internal Server Error. ## FAQs on Fixing 500 Internal Server Error in WordPress ### What is the root cause of 500 internal server errors? The 500 internal server error indicates something went wrong on the server. It usually results from misconfigurations, server overload, or faulty scripts. It occurs when the server can't fulfill a request due to a server-side issue. Common causes include corrupted .htaccess files, PHP memory limit exhaustion, or incompatible plugins/themes. ### Can a 500 internal server error be fixed? Yes, you can fix a 500 internal server error by identifying and resolving server-side issues. Start by refreshing the page, checking the .htaccess file, increasing PHP memory limits, deactivating plugins, or reverting to a default theme. If these steps fail, consult your hosting provider for server-specific issues or further assistance. ### Why am I getting an error 500? You're getting a 500 error because the server encountered an unexpected issue, preventing it from fulfilling the request. Common reasons include PHP memory limits, corrupted .htaccess files, or conflicts with themes/plugins. It may also be a simple browser issue or an overload. You may need to troubleshoot to find the root cause. ### Can a faulty theme cause a 500 internal server error? Yes, a faulty theme can cause a 500 server error. If the theme contains incompatible code, outdated functions, or conflicts with recent WordPress updates, it can disrupt server operations. Switching to a default theme or renaming the theme folder via FTP to identify if the theme is causing the problem. ### How do I troubleshoot a 500 error in WordPress without dashboard access? To troubleshoot a 500 error without dashboard access, connect via FTP to your website. Rename the .htaccess file to disable it temporarily. Then, deactivate plugins by renaming the plugins folder, and switch to a default theme by renaming the active theme folder. Each step helps isolate and identify the root cause of the error. ### Can a security plugin cause a 500 internal server error? Yes, a security plugin can cause a 500 internal server error, especially if it conflicts with other plugins or server settings. Some security plugins enforce strict rules that might disrupt server operations. Deactivating the plugin via FTP can help determine if it's responsible for the error, allowing you to restore access. --- # 6 Best WordPress Instagram Plugins [No Coding Required] Source: https://theplusaddons.com/blog/best-wordpress-instagram-plugins/ Looking for the best WordPress Instagram Plugins that you can use without coding? Read on to find out! Adding your Instagram content to your WordPress website is an easy way to keep the content on your website fresh and exciting, and showcase what your brand is all about: your personality, products, and community. Integrating Instagram with WordPress can be challenging as it often involves complex coding or relying on third-party platforms that may have limitations. However, with the right Instagram WordPress plugins you can overcome these challenges. In this article, we explore the 6 best WordPress Instagram Plugins to help you create the most stunning social media feed displays. ## Key Takeaways - **The Plus Addons**: Best for Elementor. Instagram embeds and feeds with full design control. - **Smash Balloon**: Powerful but less Elementor-friendly. - **Spotlight**: Simple and clean, but limited customization. ## What are WordPress Instagram Plugins? WordPress Instagram plugins are tools that allow you to integrate your Instagram content into your WordPress website. With these plugins, you can display your Instagram feed, showcase posts, stories, and reels, and even allow users to interact with your content directly on your site. ![](https://theplusaddons.com/wp-content/uploads/2024/08/best-wordpress-instagram-plugins.png) *Demo of Instagram Feed added using The Plus Addons* These offer various customization options and allow you to create a more engaging experience for your website visitors without writing a single line of code. ### Why Should You Use an Instagram Plugin for Your WordPress Website? Using an Instagram plugin on your WordPress website offers several benefits: - **Engagement: **Displaying your Instagram feed directly on your site encourages visitors to interact with your social media content by creating real-time photo galleries. - **Visual Content:** Instagram is all about visuals. By embedding your feed, you can share your latest photos and videos to the website's appeal and keep it fresh. - **Social Proof: **Featuring real-time Instagram content builds trust with visitors. Seeing active and engaging social media activity can reinforce your brand’s credibility. - **Save Time:** Instagram plugins automate the process of updating your feed on your website. You don’t need to manually upload new images or posts. - **Improve Website Design:** Many plugins offer customizable layout options and design features, allowing you to integrate your Instagram feed into your website’s overall aesthetic. ## Best WordPress Instagram Plugins Compared | **S.No** | **Plugin** | **Cost** | | -------- | ---------- | -------- | | 1 | Instagram Feed by The Plus Addons | Free +$39/year | | 2 | Instagram Embed by The Plus Addons | Free +$39/year | | 3 | 10WebSocial | Free +$25 for 6 months for a single site | | 4 | Simple Photo Feed | Free + $8/m | | 5 | Spotlight Social Feeds | Free + $59/year | | 6 | Feed Them Social | Free + $50 for a single site | Let’s look at the best WordPress Instagram plugins in detail: ### 1. Instagram Feed by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2025/09/tpae-Instagram-Feed-widget.png) The Instagram Feed widget is part of the Social Feed Widget from The Plus Addons for Elementor. This widget allows you to fetch your Instagram feed and display it easily on your WordPress widget. The Instagram Feed widget is feature-packed and gives you unlimited options to tweak and adjust it to match your website's aesthetics and design. While this widget supports various social media platforms such as Instagram, Facebook, YouTube, and more, let’s focus on the WordPress Instagram feed features it offers. #### Key Features of Instagram Feed by The Plus Addons - **Integrate Personal and Business Accounts: **You can seamlessly connect both personal and business Instagram accounts. This feature lets you showcase your Instagram presence directly on your WordPress site and keep your visitors engaged. - **Add Multiple Account Feed to a Website: **If you handle multiple Instagram accounts, this widget simplifies your work. You can display feeds from different accounts on the same website, providing a comprehensive view of your Instagram activity. This is particularly useful for businesses with multiple brands or personal projects. - **Highly Customizable: **The widget offers a wide range of customization options. You can adjust the layout options, colors, fonts, and more to align the feed with your website’s aesthetics. - **Display Various Content Types:** Whether you want to show posts, hashtags, or mentions, this widget has you covered. You can choose to highlight specific content that resonates with your audience and improves user engagement. - **Create Category Filters: **With category filters, you can organize and display your Instagram content more effectively. Display only what you wish to show on your website to curate carefully crafted browsing experiences. - **Responsive Design:** The widget is fully responsive, ensuring that your Instagram feed looks great on any device and screen size. Whether your visitors are using mobile devices, tablets, or desktops, your WordPress IG feed display will adjust accordingly. - **Multiple Feed Styles: **You can choose from a variety of feed styles to match your website’s look and feel. To set up the Instagram Feed widget from Plus Addons, navigate to your Elementor editor and select the **Social Feed **widget from the Elements menu. Now, select ‘**Instagram**’ as the source. You can also choose if you want to import your feed from a personal or business account. Then, enter your access token and click Add Item to complete the Instagram WordPress plugin integration. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Instagram-Access-Token.png) #### Pricing of Instagram Feed by The Plus Addons This widget is included in The Plus Addons for Elementor, offering a massive collection of 120+ widgets. The free version is packed with features and you can get the premium version starting at $39/year. [Learn More](https://theplusaddons.com/elementor-widget/instagram-feed/) ### 2. Instagram Embed by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Instagram-Embed.png) As part of the Social Embed widget, Instagram Embed by The Plus Addons for Elementor is one of the best Instagram widgets for WordPress. This feature-packed widget allows you to embed Instagram posts and other content directly into your WordPress website without any additional authentication or coding. Apart from Instagram, the Social Embed widget allows you to integrate multiple social media platforms without having to write any code. #### Key Features of Instagram Embed by The Plus Addons - **Embed All Social Media Feeds: **This widget doesn’t just stop at Instagram. You can embed feeds from multiple social media platforms like Facebook, Twitter, and more, all in one place. - **Display Multiple Content Types:** Whether it’s posts or reels, this widget lets you display various types of Instagram content. You can choose the content that best fits your website’s purpose and is most relevant to your audience. - **Customizable Styling Options: **You have full control over how your embedded content looks. The widget offers a range of styling options, so you can tweak background colors, fonts, and layouts to match your site’s design. - **No Authentication Needed:** One of the standout features is that you don’t need to go through the hassle of authentication. You can embed Instagram posts directly without logging in or connecting your account. This makes the process quick, easy, and secure. - **Mobile Friendly Feed Display: **The widget ensures that your embedded Instagram content looks great on any device. Whether your visitors are browsing on a smartphone, tablet, or desktop, the feed will adjust for an optimal viewing experience. To use the Instagram Embed widget, in the Elementor editor drag and drop the **Social Embed** widget at the desired location on your webpage. Now, select the content type you wish to add and enter your Instagram ID. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Select-the-content-type.png) #### Pricing of Instagram Embed by The Plus Addons Part of The Plus Addons for Elementor, this widget belongs to a comprehensive collection of 120+ designed carefully to enhance your site’s design. The Plus Addons for Elementor are free to use, with premium and additional features starting from $39 annually. [Learn More](https://theplusaddons.com/elementor-widget/instagram-embed/) ### 3. 10WebSocial ![](https://theplusaddons.com/wp-content/uploads/2024/08/10WebSocial.png) 10WebSocial’s Instagram Feed Plugin for WordPress allows you to integrate your Instagram content into your website. You can showcase posts, reels, and stories on your website. The social photo feed plugin supports you with multiple layouts and customizable display options to improve the user experience on your website. The social feed you will create will be highly responsive and will look good on every device. If you do not want to design a feed from scratch then there are plenty of customizable themes available. However, one major drawback of this plugin is that it hasn't been tested with the latest 3 major releases of WordPress, which might cause compatibility issues and affect your site performance. #### Key Features of 10WebSocial Plugin - **Content Display: **Easily display your Instagram posts, reels, and stories directly on your WordPress site and keep your audience engaged. - **Customizable Prebuilt Themes:** The social photo feed plugin offers a variety of prebuilt themes that you can customize to suit your website’s style. You can adjust background colors, fonts, and layouts to make sure your Instagram feed blends seamlessly with the rest of your site. - **Mixed Feeds:** This feature lets you combine different types of Instagram content into one unified display. You can mix posts, reels, and stories in a single feed from various accounts. #### Pricing of 10WebSocial Plugin The 10WebSocial Plugin premium version is priced at $25 for 6 months for the basic option that supports 1 site. [Learn More](https://wordpress.org/plugins/wd-instagram-feed/) ***Suggested Read:** [How to add an Instagram Feed using Elementor [Step-by-step Guide]](https://theplusaddons.com/blog/wordpress-elementor-instagram-feed/)* ### 4. Simple Photo Feed ![](https://theplusaddons.com/wp-content/uploads/2024/08/Simple-Photo-Feed.png) The Simple Photo Feed plugin gives you a no-frills setup that allows you to quickly integrate your Instagram feed without complex configurations or coding. You can even customize the appearance of a feed like the number of photos, columns, image size, etc.. Also, it has a built-in shortcode option to easily customize your IG feed. It supports personal and business accounts, enabling you to showcase your latest Instagram posts with minimal effort. #### Key Features of Simple Photo Feed Plugin - **Highly Customizable:** The Simple Photo Feed plugin allows you to tailor the appearance of your Instagram feed to match your website’s style. You can adjust the number of photos displayed, modify the layout, and choose how your feed integrates with the rest of your content. - **Inbuilt Shortcode Option: **With the inbuilt shortcode option, embedding your Instagram feed is as simple as copying and pasting a shortcode into your desired post, page, or widget. - **Direct Embed Feature:** The Direct Embed feature simplifies the process of adding your Instagram feed to your site. You can embed your feed directly without needing any third-party services or complex setups. #### Pricing of Simple Photo Feed Plugin This is a freemium plugin. The pricing plan starts from the $8/m and goes up to $20.80/m. The plans are billed annually. [Learn More](https://wordpress.org/plugins/simple-photo-feed/) *If adding an Instagram feed is your primary goal, Here are the **[Best Instagram feed plugins.](https://theplusaddons.com/blog/best-instagram-feed-plugins-for-elementor/)**[](https://theplusaddons.com/blog/best-instagram-feed-plugins-for-elementor/)* ### 5. Spotlight Social Feeds ![](https://theplusaddons.com/wp-content/uploads/2024/08/Spotlight-Social-Feeds.png) The spotlight social feeds plugin offers a modern and sleek way to display your Instagram feed on your website. This plugin allows you to share your Instagram feed without having to enter your login information or any authentication steps. One great feature of this plugin is the caption and hashtag filtering. It allows you to display posts that match specific captions or hashtags. This means you can easily control which content appears on your website by filtering posts based on words or tags. Spotlight offers a range of customizable feed designs that are fully responsive and the plugin comes with various advanced features. #### Key Features of Spotlight Social Feeds Plugin - **Easy Set Up: **The Spotlight Social Feeds plugin simplifies the process of integrating your Instagram feed into your website. You don’t need to log in or authenticate - **Responsive Feed Designs:** The plugin offers responsive feed designs that adapt to any device. This gives you a unified aesthetic across devices. - **Popup Lightbox: **With the Popup Lightbox feature, visitors can click on any Instagram post in your feed to view it in a larger, more detailed format without leaving your website. #### Pricing of Spotlight Social Feeds Spotlight Social Feeds plugin offers plans starting at $59/yr for 1 site and going up to $697 for unlimited sites where you have to pay once. [Learn More](https://wordpress.org/plugins/spotlight-social-photo-feeds/) ### 6. Feed Them Social ![](https://theplusaddons.com/wp-content/uploads/2024/08/Feed-Them-Social.png) The Feed Them Social **WordPress Instagram plugin **is a versatile tool that allows you to integrate your Instagram feeds into your website. With this plugin, you can showcase your Instagram posts in a variety of customizable layouts, ensuring that your feed matches your site’s design. You can add CTAs to your feed like follow buttons, buy now buttons, etc. Also, there's an option to put a load more posts option on your feed so there are no post limits you can showcase as many posts as you want. #### Key Features of Feed Them Social Plugin - **Responsive Design:** The Feed Them Social plugin ensures that your Instagram feed looks great on any device, whether it’s a smartphone, tablet, or desktop. - **Display Content:** You have the flexibility to display your Instagram feed wherever it fits best on your site—whether that's on specific posts, pages, or in the sidebar. This versatility allows you to strategically place your social media content on your site. - **Add Share Buttons: **The plugin includes the option to add share buttons directly to your Instagram feed display on your WordPress website. This feature makes it easy for visitors to share your content across their social media networks. #### Pricing of Feed Them Social Plugin This plugin is priced starting at $50 for a single site. [Learn More](https://wordpress.org/plugins/feed-them-social/) *To add Instagram content to your website, you will require an access token. Here's a [**complete guide on How to Get Instagram Access Token**](https://theplusaddons.com/blog/get-instagram-access-token/).* ## Wrapping Up Embedding your Instagram feed on your WordPress site adds to the visual appeal of your website and allows you to easily keep your website content relevant and fresh. [The Plus Addons for Elementor](https://theplusaddons.com/) offers exceptional Social Feed and Social Embed widgets that let you easily fetch and display your Instagram content on your website. It handles various account and content types, allowing you to select exactly what you wish to showcase on your site. The plug is compatible with all social media accounts and comes with a user-friendly interface. With the Plus Addons for Elementor, you also get access to more than 120 Elementor widgets that add to the visual appeal and design of your website, creating an engaging browsing experience for your visitors. ## FAQs on Instagram Plugins for WordPress ### Which is the best WordPress Instagram plugin? Instagram Feed by The Plus Addons for Elementor is one of the best Instagram plugins for WordPress. It offers a range of customization options, supports multiple account types, and integrates seamlessly with Elementor. It’s a user-friendly plugin that makes it easy to display your Instagram feed on your site. ### What features do Instagram plugins typically offer? Instagram plugins typically offer features like customizability that allow you to match your feed’s design and background color with your site. They may also offer responsive design to ensure it looks great on any device and automated updates, so your website stays current with the most relevant content without manual intervention. ### How do I add an Instagram feed to WordPress? You can easily add an Instagram feed to your WordPress site by using a plugin. Simply install a plugin like The Plus Addons for Elementor, with its Instagram Feed widget you connect your account, customize the settings, and your feed will be displayed on your website. ### Will using a WordPress Instagram plugin slow down my website? Whether a plugin slows down your site depends on its optimization. Some plugins can be heavy, but others, like The Plus Addons for Elementor, are lightweight and optimized for the latest WordPress version, ensuring minimal impact on your website's performance. ### How do I display Instagram posts on my WordPress site? To display Instagram posts on your WordPress site, use a WordPress Instagram feed plugin. Install the plugin, connect it to your Instagram account, and configure your feed settings. The plugin will then import and display your Instagram posts directly on your website. Customize display options to match your website’s design. --- # CAPTCHA vs reCAPTCHA Compared [8 Key Differences] Source: https://theplusaddons.com/blog/captcha-vs-recaptcha/ Whether you're a website owner or administrator, protecting your site from automated bots is important. These bots can spam forms, flood your site with fake traffic, and even attempt to steal sensitive information.  This is where CAPTCHA and reCAPTCHA come into play.  CAPTCHA challenges users to complete tasks like typing distorted text, to prove they are human and not a bot. On the other hand, reCAPTCHA is an advanced version of CAPTCHA that uses modern techniques such as image-based challenges to detect bots with less user effort and improves both security and user experience.  In this article, we'll learn in detail about CAPTCHA Vs reCAPTCHA, helping you decide which option is best for you. Moreover, we'll also provide a simple guide on how to easily add reCAPTCHA to your WordPress site. ## Key Takeaways - CAPTCHA uses basic puzzles; easier to bypass. - reCAPTCHA offers better security and user experience. - reCAPTCHA is free, modern, and more reliable. ## What is CAPTCHA? CAPTCHA stands for "Completely Automated Public Turing Test to Tell Computers and Humans Apart." It's a tool used on websites to make sure that the person accessing the site is actually a human and not a computer program or bot. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Captcha-Example.png) When you encounter a CAPTCHA, you're typically asked to complete a task that is easy for humans but difficult for computers such as distorted text. The primary purpose of CAPTCHA is to protect websites from spam, automated account creation, and other malicious bot activities.  CAPTCHAs are widely used across the internet, appearing on forms, login pages, and comment sections. It adds an extra layer of security by preventing bots from harming your site. ### Limitations of Traditional CAPTCHAs As technology advances, bots are getting better at solving traditional CAPTCHAs. Sophisticated bots can now use machine learning to recognize and solve distorted text, making traditional CAPTCHAs less effective. According to [aggregate customer data](https://datadome.co/bot-management-protection/50-passed-recaptchas-completed-by-bots/), 50% of passed reCAPTCHAs are actually completed by bots. This indicates that traditional CAPTCHAs are far from foolproof against advanced automated systems. It also can be hard to read and understand. Sometimes, the distorted letters and numbers are so difficult to decipher that even humans struggle with them. This can frustrate users and may lead them to abandon the site. Traditional CAPTCHAs are often not accessible to people with disabilities. For example, visually impaired users might find it impossible to read distorted text. ## What is reCAPTCHA? reCAPTCHA is an advanced anti-bot security service created by Google. It enhances the original CAPTCHA concept to offer better protection against automated attacks and spam.  ![](https://theplusaddons.com/wp-content/uploads/2024/08/reCAPTCHA-example.png) Unlike traditional CAPTCHAs, reCAPTCHA uses sophisticated methods to distinguish between human users and bots, providing greater accuracy and a smoother user experience. reCAPTCHA was developed by researchers at Carnegie Mellon University and later it was acquired by Google. By implementing reCAPTCHA on your website, you can effectively block automated software and protect against spam and abuse. The service is free to use and widely adopted across the internet. ReCAPTCHA's adaptive approach allows it to maintain tighter security while minimizing disruptions to legitimate users' browsing experiences. ### Types of reCAPTCHA There are mainly 4 versions of reCAPTCHA to choose from.  - **reCAPTCHA v1: **Google introduced reCAPTCHA V1 as an evolution of traditional CAPTCHA systems. This version presented users with two distorted words to decipher and type correctly. Since reCAPTCHA v1 faced criticism for its accessibility issues, Google discontinued this version of reCAPTCHA in March 2018. - **reCAPTCHA v2**: Users need to click a checkbox or solve an image-based challenge to prove they are human. - **reCAPTCHA v2 Invisible**: Users don't see the CAPTCHA challenge unless their behavior seems suspicious; it remains hidden until verification is needed. - **reCAPTCHA v3**: This operates silently in the background, analyzing user behavior and generating a score ranging from 0.0 to 1.0  A higher score indicates a more likely human user, while a lower score suggests potential bot activity. ***Suggested Reading***: [*How to Stop Elementor Contact Form Spam Completely (5 Methods)*](https://theplusaddons.com/blog/elementor-contact-form-spam/) ## CAPTCHA vs reCAPTCHA: 8 Key Differences **Here is the detailed difference table between CAPTCHA and reCAPTCHA:** | **Features** | **CAPTCHA** | **reCAPTCHA** | | ------------ | ----------- | ------------- | | Purpose | Prevent automated bot submissions | Enhance security against bots with improved accuracy | | User Interaction | Text entry, image selection, or solving puzzles | Checkbox, image selection, background analysis, or invisible verification | | Complexity  | Generally simpler, but can be difficult for users to identify distorted text | More advanced with better differentiation between humans and bots | | Accessibility | Often not user-friendly for people with disabilities | Improved accessibility features, such as an audio challenge | | Security | Basic level of security, easier for bots to bypass | Higher level of security with advanced algorithms and continuous updates | | Effectiveness | Less effective against sophisticated bots | Highly effective against a wide range of automated attacks | | Maintenance | Requires updates to stay effective | Continuously updated and maintained by Google | | Cost | Often free, but varies by provider | Free for most uses, with enterprise options available | ## CAPTCHA vs reCAPTCHA: Which is Better? As we know CAPTCHA and reCAPTCHA serve the purpose of security, but still some factors distinguish them. CAPTCHAs can stop basic bots, but they are less effective against advanced attacks. They can frustrate users with hard-to-read text or complex puzzles, wasting time and harming the user experience.  Traditional CAPTCHAs are very easy to implement and they often require regular updates to remain effective against evolving threats and this can be a burden for website owners. Also, they don't offer much information about user interactions or the threats being blocked. On the other hand, reCAPTCHA is developed by Google itself and offers a higher level of security. It uses advanced risk analysis algorithms and machine learning to differentiate between humans and bots.  reCAPTCHA aims to minimize user inconvenience. It provides easier audio challenges and uses techniques that make it more user-friendly for individuals with disabilities.  This focus on accessibility ensures that a wider range of users can interact with your site without barriers. reCAPTCHA is straightforward to implement via Google’s API.  Google continuously updates and maintains reCAPTCHA, ensuring it remains effective against new types of attacks. In short, reCAPTCHA is a better choice today. It offers stronger security, a smoother user experience, better accessibility, easier setup, and useful insights. *Did you know you can stop bots from spamming Login forms on your website as well? Here's a *[***step by step guide on How to Add reCAPTCHA in Login Form***](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/)*.* ### How to add reCAPTCHA to a WordPress Website? Adding reCAPTCHA to the WordPress website is very important as you know that WordPress fuels about [43%](https://www.wpzoom.com/blog/wordpress-statistics/) of websites on the internet.  Being the most popular CMS it is the first and common target for hackers and automated bots. So adding an extra layer of protection is compulsory and you can do it easily by adding reCAPTCHA to your website. **Here are the easy steps to add reCAPTCHA to your website:** **Step. 1 ** Navigate to the Google reCAPTCHA website and click on the **v3 Admin Console.**** ** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Google-reCAPTCHA.png) **Step. 2 **In the v3 Admin Console Click on the “**+**” icon to create a reCAPTCHA for your site  ![](https://theplusaddons.com/wp-content/uploads/2024/08/Google-reCAPTCHA-Admin-Console-1.png) **Step. 3 ** Then add your label name in the label field (keep the same as your domain name to avoid confusion), choose reCAPTCHA type enter your domain name in the domain name field, and Click **Submit.** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Google-reCAPTCHA.png) **Step. 4** Then on the next page you will get the **Site Key** and **Secret Key**. Simply copy those keys and keep them in a safe place. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Site-Key-and-Secret-Key.png) **Step. 6** Now navigate to your WordPress dashboard and install and activate the [Nexter Extension](https://wordpress.org/plugins/nexter-extension/) plugin. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Nexter-Extension-Plugins.png) **Step. 7** After installing the Nexter Extension plugin navigate to **Appearance > Nexter Settings > Extra Options **and enable the Google reCAPTCHA option. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Enable-Google-reCAPTCHA-1024x354.png) **Step. 8 **Once you enable the Google reCAPTCHA it will show a **Gear icon (⚙️) **Click on that. It will show a Google reCAPTCHA popup where you will find different options. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Google-reCAPTCHA-settings.png) Here you can select the **reCAPTCHA version**, Add the **Site Key** and **Secret Key** that you have copied earlier, also you can choose where to **Enable reCAPTCHA** on your website. By following these simple steps you can easily add reCAPTCHA to your WordPress site. ***Further Read:**** *[*How to Add reCAPTCHA to Elementor Form [Quick Guide]*](https://theplusaddons.com/blog/how-to-add-recaptcha-to-elementor-form/) Did you know you can also add Google reCAPTCHA to various other forms on your site? Here's how: https://youtu.be/hI-dbvVVu2w?si=3d4GP7r07N7ey9I2 ## Wrapping Up That’s all in this CAPTCHA comparison post. Hope you got in-depth knowledge about CAPTCHA Vs reCAPTCHA.  Moreover, If you are an Elementor user and wondering how you can make your simple Elementor website more attractive and engaging then we highly recommend you to use none other than [The Plus Addons for Elementor](https://theplusaddons.com/).  This is an all-in-one plugin with over 120 highly customizable widgets and Extensions. After installing this plugin you don’t need any extra plugins for your different needs (**eventually, increases the site speed**) you will get everything in one place. ## FAQs on CAPTCHA vs reCAPTCHA ### CAPTCHA is the same as Google reCAPTCHA? No, CAPTCHA and reCAPTCHA are not the same. CAPTCHA requires users to solve challenges like typing distorted text to prove they are human, while Google reCAPTCHA uses more advanced methods like image recognition to differentiate humans from bots with less user effort. ### Is reCAPTCHA owned by Google? Yes, reCAPTCHA is owned by Google. Google acquired reCAPTCHA in 2009 and has since developed it further to provide advanced bot detection and security features for websites, enhancing user experience while protecting against spam and abuse. ### Is reCAPTCHA free? Yes, reCAPTCHA is free to use. Google provides reCAPTCHA as a free service to help protect your website from spam and abuse by automated bots. There are different versions available, each designed to balance security and user experience. ### What is the difference between reCAPTCHA v2 vs v3? reCAPTCHA v2 requires user interaction, such as clicking a checkbox or solving a puzzle, to prove they are human. reCAPTCHA v3, on the other hand, works silently in the background, analyzing user behavior to assign a score that indicates the likelihood of the user being a human or a bot. --- # 8 Best Facebook Plugins for WordPress [Live Feed, Reviews, & More] Source: https://theplusaddons.com/blog/best-facebook-plugins-for-wordpress/ Curious about the best Facebook plugins for WordPress to display live feeds, reviews, share counts and more? Read on to find out! Facebook, with over [3 billion active users](https://blog.hootsuite.com/facebook-statistics/), is a social media powerhouse. Combine that with WordPress's dominance as the world's leading content management system (powering [over 40%](https://www.wpzoom.com/blog/wordpress-statistics/) of all websites), and you have an unbeatable duo for boosting your online presence. Integrating these two platforms seamlessly can be a game-changer, offering powerful tools to drive engagement and build rock-solid social proof. However, without the right Facebook plugins for WordPress, this integration can be challenging. You might encounter issues synchronizing data, keeping up with updates, or ensuring your features work smoothly across both platforms. In this article, we'll explore the best WordPress plugins for Facebook and their features, so that you can effortlessly showcase your social proof and build trust and credibility with your audience. ## What are Facebook Plugins for WordPress? Facebook plugins for WordPress are software extensions that simplify the process of connecting Facebook with WordPress. These plugins allow you to integrate Facebook features and functionality directly into your Wordpress site. With the best Facebook plugins for WordPress, you can share your Facebook feed on your website, engage with your audience, encourage visitors to interact with your content, and showcase your active social media presence. ### Why Should You Use a Facebook Plugin for your WordPress Website? A WP Facebook plugin helps you connect your Facebook page to your website seamlessly. Without these plugins, you would have to manually embed code snippets, work with API intricacies, and constantly update your website to match Facebook updates. This could be a time-consuming and error-prone process. There are many Facebook plugins for WordPress, each comes with different functions and handles the technical heavy lifting behind the integration. This means you can focus on the creative side of engaging with your audience. Here’s what Facebook plugins can do for your WordPress website: - **Display Facebook Feeds: **Showcase your latest [Facebook feed](https://theplusaddons.com/blog/add-elementor-facebook-feed/) posts, photos, and videos directly on your website to keep your content fresh and engaging. - **Social Sharing Buttons:** Make it a breeze for visitors to share your content on their Facebook timelines. This would help you expand your reach and drive traffic. - **Facebook Comments: **Enable lively discussions on your website by allowing users to comment using their Facebook accounts. - **Like Boxes/Page Widgets: **Promote your Facebook page right on your website and encourage visitors to like and follow you for more updates. - **Facebook Login: **Streamline the user registration process by letting visitors log in using their Facebook credentials. - **Event Integration:** Display your Facebook events on your website, making it easy for visitors to discover and attend them. ## Best WordPress Facebook Plugins Compared | **S.no** | **Plugin** | **Cost** | | -------- | ---------- | -------- | | 1 | [Facebook Feed](https://theplusaddons.com/elementor-widget/social-feed/facebook-feed/) | Free + $39/yr | | 2 | [Facebook Reviews](https://theplusaddons.com/elementor-widget/social-reviews/facebook-reviews/) | Free + $39/yr | | 3 | [Facebook Embed](https://theplusaddons.com/elementor-widget/social-embed/facebook-embed/) | Free + $39/yr | | 4 | [Nextend](https://wordpress.org/plugins/nextend-facebook-connect/) | Free + $50 for single site | | 5 | [Product Feed plugin](https://www.webtoffee.com/product/woocommerce-product-feed/) | $89/yr for single site | | 6 | [Widget for Social Page Feeds](https://wordpress.org/plugins/facebook-pagelike-widget/) | Free | | 7 | [Cresta Social Share Counter](https://wordpress.org/plugins/cresta-social-share-counter/) | Free + $10.99 for single site | | 8 | [Fancy Comments WordPress](https://wordpress.org/plugins/fancy-facebook-comments/) | Free + $11.99 for single site | ### 1. Facebook Feed by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Facebook-Social-Feed-1024x481.png) The Facebook Feed widget by The Plus Addons is part of a comprehensive plugin offering over 120 widgets. This lightweight and user-friendly tool enables you to effortlessly display Facebook feeds on your WordPress site. It is compatible with all [Elementor themes](https://theplusaddons.com/blog/best-elementor-themes/) and allows for Integrating your social media feed into your website enhances engagement and keeps visitors informed with the latest updates. #### Key Features of Facebook Feed by The Plus Addons - **Automatic Updates**: Connects to Facebook’s API for real-time updates, ensuring your feed always displays the most recent content. Avoid manually syncing your Facebook page and website every time there is new content you would like to share. - **Customizable Display:** Adjust the appearance of your Facebook feed to match your site's design. You can change colors, fonts, and layouts, ensuring a cohesive and attractive presentation. - **Content Filtering:** Filter the type of content displayed, such as photos, videos, or statuses, to highlight the most relevant posts. This feature helps curate the best content for your audience and allows you to maintain control over what you present on your website. - **Responsive Design: **Ensures your Facebook feed looks great on all devices, including desktops, tablets, and smartphones. - **Performance Optimization**: Features like lazy loading and caching improve your website’s performance by reducing load times. To use this widget, first create an Access Token using Facebook for Developers. In your Elementor editor, drag and drop the **Social Feed** widget at your desired location on the page. You can find the widget under Plus Essentials in your Elements menu. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Social-Feed-Widget-settings.png) Add your Access Token, App ID and App Secret to integrate your Facebook feed with your website. Under **Content Type **you can select what you would like to display and further filter it using the **Category** filter. #### Price of Facebook Feed by The Plus Addons Included in The Plus Addons for Elementor, this widget is among 120+ widgets designed to boost your site's aesthetics. You can access The Plus Addons for Elementor for free, with the premium version starting at $39 per year. [Learn More](https://theplusaddons.com/elementor-widget/social-feed/facebook-feed/) *Engage website visitors by displaying your Facebook feed on your website. Learn [**how to add Facebook feed to Elementor website**.](https://theplusaddons.com/blog/add-elementor-facebook-feed/)* ### 2. Facebook Reviews by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Facebook-Reviews-by-The-Plus-Addons.png) The Facebook Reviews Widget by The Plus Addons for Elementor allows you to seamlessly embed Facebook reviews directly on your website. This enhances your site's credibility by showcasing genuine customer feedback. This widget supports real-time automated integration as well as manual review selection which allows you to choose which reviews you wish to display. #### Key Features of Facebook Reviews by The Plus Addons - **Direct Embedding:** Embed Facebook reviews directly onto your website. This is a great addition to the client testimonial section as it ensures that visitors see authentic customer feedback. - **Easy API Integration**: Connect to the Facebook API through Facebook for Developers for automatic updates. Facebook reviews will automatically appear on your page - **Manual Review Addition**: Add reviews manually without needing an API connection, providing flexibility in displaying specific testimonials. This feature is useful for highlighting particular customer experiences. - **Customization Options:** Extensive styling options allow you to match the reviews with your site's design, including fonts, colors, borders, and layouts. - **Review Filtering:** Categorize and filter reviews to display the most relevant feedback for each section of your website. You can add this feature to your website by dragging and dropping the **Social Reviews **widget into your Elementor editor. Now enter your Facebook Access Token and ID to activate the widget. You can customize how the reviews are displayed by choosing the styles and layouts that match your website. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Generate-Facebook-Access-Token-and-ID.png) #### Price of Facebook Reviews by The Plus Addons Part of The Plus Addons for Elementor, this widget is one of over 120 widgets to enhance your site's look. The Plus Addons for Elementor plugin is free to use, with premium versions available starting from $39 annually. [Learn More](https://theplusaddons.com/elementor-widget/social-reviews/facebook-reviews/) ### 3. Facebook Embed by The Plus Addons ![](https://theplusaddons.com/wp-content/uploads/2024/08/Facebook-Embed-by-The-Plus-Addons.png) The Facebook Embed tool is also part of the Social Embed Widget in The Plus Addons for Elementor plugin. It integrates various social media platforms including Facebook into your Elementor-powered website. This widget supports integrating your personal feed and your Facebook page. #### Key Features of Facebook Embed by The Plus Addons - **No Authentication Required: **Embed social media content without the need for any authentication, simplifying the process for users. - **Flexible Embedding Options**: Embed various Facebook features like comments, posts, videos, page content, like and share buttons. - **Customization and Styling**: You can use it to customize background color, borders, and box shadows. - **Easy Activation: **Simple toggle switch to activate the widget from the Plus settings and enter your Facebook Access code in the widget editor. To add a Facebook Embed widget to a page on your website, open the Elementor editor. You'll find the **Social Embed **widget in the Plus Essentials section of your Elements menu. Drag and drop the widget on the desired page section. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Social-Embed.png) Enter your App ID and select the type of Facebook page content you wish to display on your website. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Select-facebook-page-content.png) #### Price of Facebook Embed by The Plus Addons This widget is included in [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/), offering over 120 widgets for your site. The Plus Addons for Elementor plugin is accessible for free, with premium features beginning at $39 per year. [Learn More](https://theplusaddons.com/elementor-widget/social-embed/facebook-embed/) ***Note*: ***To activate the Facebook Feed, Facebook Reviews, and Facebook Embed widgets from The Plus Addons for Elementor, navigate to **ThePlus Settings** from your WordPress dashboard and select **Plus Widgets.*** *Use the search bar to find the 'Social Feed' and 'Social Reviews' widgets and turn the toggle switch **on**.* ![](https://theplusaddons.com/wp-content/uploads/2024/08/The-Plus-Settings.png) ### 4. Nextend ![](https://theplusaddons.com/wp-content/uploads/2024/08/Nextend-1024x450.png) Nextend’s Facebook Feed Pro enables you to seamlessly integrate your Facebook feed into your website. This helps with enhancing social engagement and providing fresh content to your visitors. The Nextend Social Login feature allows users to log in to your website using their Facebook credentials, simplifying the login process. Also, this plugin is very responsive means you can choose where to show your Facebook login button on your site and it can seamlessly integrate with your current registration and login form. #### Key Features of Nextend Plugin - **Create Aesthetic Login Form:** Design a visually appealing login form that matches your website’s style. This ensures a consistent and professional look across all user interactions. - **Customize Layout: **Tailor the layout of your Facebook feed to fit your site’s design perfectly. - **WooCommerce Support: **Integrate with WooCommerce, enabling customers to log in using their Facebook accounts. This feature enhances the shopping experience. #### Price of Nextend Plugin The pricing of premium plans starts from 4,344 for a single site and goes up to 22,073 for 10 sites. It is a one time payment. [Learn More](https://wordpress.org/plugins/nextend-facebook-connect/) *Want your user to log in via Facebook? Here's **[how to add Facebook login to WordPress](https://theplusaddons.com/blog/how-to-add-facebook-login-on-wordpress/)***. ### 5. Product Feed plugin ![](https://theplusaddons.com/wp-content/uploads/2024/08/Product-Feed-plugin.png) The WebToffee[ WooCommerce Product Feed plugin](https://www.webtoffee.com/product/woocommerce-product-feed/) helps you generate optimized product feeds for top sales channels like Google Shopping, Facebook Shop, TikTok Shops, and more. This integration expands your product reach and simplifies feed management, all from one place. With advanced filters, you can easily include or exclude specific products or categories. Plus, automatic feed updates ensure your listings stay accurate and up-to-date. #### Key Features of WooCommerce Product Feed Plugin - Supports 20+ sales channels. - Create product feeds for leading sales platforms. - Seamless Google Shopping integration. - Advanced filters & conditions for full control. - Sync WooCommerce listings with your Facebook catalog. - Detailed synchronization logs for tracking updates. - Schedule automatic feed refresh intervals. - Multilingual and multicurrency support.  #### Pricing of WooCommerce Product Feed Plugin The free version of the WooCommerce Product Feed plugin is available in WordPress. To access premium features, upgrade to the Pro version for just $89 per year. [Learn More](https://wordpress.org/plugins/webtoffee-product-feed/) ### 6. Widget for Social Page Feeds ![](https://theplusaddons.com/wp-content/uploads/2024/08/Widget-for-Social-Page-Feed.png) The Widgets for Social Page Feed plugin integrates your Facebook presence into your WordPress website, showcasing your page likes on the sidebar. Its lightweight design ensures smooth performance, while customization options allow you to tailor the look to match your site's aesthetics. By highlighting your Facebook activity, this plugin enhances social proof and encourages visitor interaction. #### Key Features of Widget for Social Page Feeds - **Lightweight Plugin:** This plugin is optimized for performance, ensuring that your website's speed and efficiency are maintained. - **Displays Various Facebook Content Formats:** Whether it’s posts, videos, or photos, this plugin allows you to showcase different types of Facebook content. It offers flexibility in how you present your social media presence. - **Responsive Design: **The plugin adapts to different screen sizes, ensuring that your Facebook content looks great on both desktop and mobile devices. However, some users reported issues like incompatibility with certain browsers, not being able to get the Facebook ID, causing WordPress customizer to stop working, lack of support, etc. #### Price of Widget for Social Page Feeds This plugin is free to use. [Learn More](https://wordpress.org/plugins/facebook-pagelike-widget/) ### 7. Cresta Social Share Counter ![](https://theplusaddons.com/wp-content/uploads/2024/08/Cresta-Social-Share-Counter.png) Cresta Social Share Counter enhances your website with Facebook sharing buttons, allowing visitors to share your content across multiple platforms easily. This plugin supports a wide range of platforms, making your content more accessible and increasing its reach. This plugin is lightweight and does not slow down your website. You can show a social counter of your Facebook page and also showcase total shares. This plugin allows you to customize your social button however you want such as giving animations to your button, adding floating buttons, etc. If you are going with the premium version then there are more customizations available like you can change the color or the buttons so that it matches your website colors and brand identity. #### Key Features of Cresta Social Share Counter - **Customize Sharing Location:** Place the sharing buttons exactly where you want them on your website. - **Display Share Count:** Show how many times your content has been shared. This feature builds trust and encourages more sharing by highlighting your content's popularity. - **Choose from Multiple Button Styling Options:** Select from various button styles to match your website's design. Customize the appearance to create a cohesive look. #### Price of Cresta Social Share Counter The basic version of this social media plugin is free to use. The advanced features start at $19.90 for a single site. [Learn More](https://wordpress.org/plugins/cresta-social-share-counter/) ### 8. Fancy Comments WordPress ![](https://theplusaddons.com/wp-content/uploads/2024/08/Fancy-Comments-WordPress.png) Fancy Comments WordPress allows users to leave comments on your website using their Facebook account. This feature fosters community building and boosts credibility by linking real identities to comments. It ensures seamless integration and performance as it is optimized for the latest version of WordPress. Also, the visitors can sort comments based on time or social rankings in real time. The Facebook comments are multi-lingual means you can change the language of the comments. You can also enable or disable comments on specific pages and posts according to your preferences. #### Key Features of Fancy Comments WordPress - **Numerous Styling Options:** Customize the look and feel of your comments section to match your website’s design. - **Mobile Responsive: **Ensure your comments section looks great on any device. Fancy Comments adapts to different screen sizes, providing a consistent user experience on desktops, tablets, and smartphones. - **Allows Sharing Comments to Facebook: **Users can share their comments directly to their Facebook timeline. This feature increases visibility and drives more traffic to your website. #### Price of Fancy Comments WordPress The premium plans start from $11.99 for a single site and goes up to $99.99 for unlimited sites. [Learn More](https://wordpress.org/plugins/fancy-facebook-comments/) *Thinking about making your website attractive with your Instagram feed? Here are the [**5 best Instagram Feed plugins**.](https://theplusaddons.com/blog/best-instagram-feed-plugins-for-elementor/)* ## Wrapping Up Integrating Facebook with your WordPress site using plugins opens a world of possibilities for boosting your online presence. You can easily embed live feeds, display like and share counts, and even enable social login, all without writing a single line of code. While several plugin options exist, each with its unique function, [The Plus Addons for Elementor](https://theplusaddons.com/) stands out as a comprehensive solution. This single plugin offers a wide array of Facebook widgets, eliminating the hassle of managing multiple plugins. With The Plus Addons for Elementor, you can effortlessly display engaging Facebook feed content, showcase reviews, and leverage social proof to build trust with your audience. The Plus Addons for Elementor come with an additional [120 Elementor widgets ](https://theplusaddons.com/elementor-widgets/)that help you create visually captivating pages that leave a lasting impression.  ## FAQs on Facebook Plugins for WordPress ### What are the benefits of using a WordPress Facebook plugin? WordPress Facebook plugins increase your website's social engagement. They simplify sharing content, attract new followers, and enhance your brand's credibility. By integrating Facebook features using a plugin, you can foster a community and drive traffic. As a result, you would be able to boost your website's visibility and reach. ### Does a Facebook feed on a WordPress website help with SEO? A Facebook feed on a WordPress website can indirectly help with SEO. While search engines don't directly index social media content, a dynamic feed keeps your site updated with fresh content, encouraging visitors to stay longer and potentially share your posts. Increased engagement signals to search engines that your site is relevant and valuable, improving your rankings. ### How do I show a Facebook post on my website? To showcase a Facebook post on your WordPress website, use a WordPress plugin like the Facebook Feed by The Plus Addons plugin. This user-friendly plugin lets you embed individual posts or entire feeds effortlessly. Alternatively, you can use Facebook's embedded post feature, which provides a code snippet to paste into your website's HTML. ### Will a Facebook feed slow down my WordPress website? Facebook feed plugins for WordPress can weigh your website down if the plugin is not optimized for the latest version of WordPress. Lightweight Facebook feed plugins, like Facebook Feed by The Plus Addons for Elementor, are designed to minimize the impact on your website's speed and offer a better user experience. ### Do I need coding skills to add a Facebook feed to my website? No, you don't need coding skills to add a Facebook feed to your website. Most WordPress plugins for Facebook provide user-friendly interfaces that allow you to embed feeds without writing any code. You simply need to configure the plugin settings and customize the feed's appearance to match your website's design. ### How do I embed a Facebook feed into my WordPress site? You can use a plugin like Facebook Feed by The Plus Addons for Elementor to easily embed a Facebook feed into your WordPress site. After installing and activating the plugin, connect it to your Facebook Page. Then, use the intuitive drag-and-drop interface to customize the feed's appearance and placement. --- # July 2024 Monthly Updates: Sprout UI FREE Figma Kit, UiChemy Webinars, New Dashboard, Elementor Updates, & More Source: https://theplusaddons.com/blog/july-2024-monthly-updates/ We're in the process of creating a new** Dashboard of The Plus Addons for Elementor. **This new dashboard will offer better ease of use and a more integrated system, complete with some new templates. ![](https://theplusaddons.com/wp-content/uploads/2024/08/New-The-Plus-Addons-Dashboard.jpg) Get ready for a** new dashboard & better performance** that's easier and faster than ever before. The New Dashboard will bring - Faster Load times - Easy to Find Widgets - Better Plugin Updates & Notification - 1000+ New Elementor Templates made with The Plus Addons for Elementor Integration & much more... Our goal is to give you more flexibility and improve your experience. Stay tuned for our next email, where we'll give you more details about it. Until then, keep a check on our [**complete Addon changelog here**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/u9ygHQkzF_35cmHlhshJ7hsf24AjRRC9mcxrDFmUQx6UgtZhayZnCDhONPtDbV7VNGsB5YvJFFuR75txZXwKwXLM3RCldh6Xn5dan0xGGYXAZmsGhp8hs28HtOklvyUM4M9UeQfGvzXF2hgxxuazq-Agp3liiIA16iWWLeOG42pws2RBRZvT5wUCJlFwGgKzoFzcY9nRSAnxQxn8WT7Yk5ErkP-Gkb88wn6bVFmZpto_EoGZzCd6p6Hc1uvPSGPqPWLwo6gHycX4csSuuTQc6h_jomfSvM4fpvokDsL0F8uLm0lq2GdfQfMDzkYTohMYS2rceK1VrWI4pkkqc4k) for the latest updates. ## 📖 — Latest Reads  - [4 Working Ways to Fix ‘Sorry you are not allowed to access this page’ WordPress Error](https://fibfbff.r.af.d.sendibt2.com/tr/cl/G4UCESlK3OVIfkDDXV__u5i1A9G6FpbEQMAn75BKql63OSY9DVJCzaFrE4Lw4e8wsLaGgczs3OT8T7M-DHGxradw5OORCCiEz9HkEFIE8tpHEc3ST_njKA3oopVDbp4UBbQd2WesKm5ET62IUWLdlPu4LBW0hb_vZfg0_ByP6e-ybmRkAiu0oFROcUfZO1KSs9q0FJq5x-EQnJFtzmKAV9HQOFbqREqf-lDjO_WSLpvoMadGx9qJWLF1LgUlbST4aKfK2esziUdNoNuBeE2J1xNtX3wKVfZ4d60Lb5pt4IlqquN5xzjsnE66Ry4diemc8JXe-pWMsJPxj-tQT-Gv) - [PX to REM Converter Online [FREE]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Dw6xBrcEoQ4cnIAS2kH4pqnrhCSNy-iQRPxv73_ZiaSlihdgENRDmXMBrGCaibs0NYAAn55stANl9URRibX4u5Ey0O1lbquU8UtT3ejkt63qdOQa5buNOKeDfbpszkbOMFahSccvQSqFYpy0bK38l7j5ekZ4Q6FKlAb0sAAizmTknhiHuZU0pOIRnPwMIq6CUkw2Nm-4pwQMAbrFY3S_UkL1FKNZvTvaKx2DUmZejJTOhQuDLwJUBSKKS6geiy7uOShlnGV51RvHhwI_npmGmiGDc3AJOxoej00RXNpRWsn4V7M3xl6Aje9KtHAwMTWZ59usCZpe3ZskPYAR44eX) - [How to Hide Elementor’s Image Optimization & ‘Try AI’ Ads?](https://fibfbff.r.af.d.sendibt2.com/tr/cl/2QFRiz7Ab_O4neXaamjiQKV7QEXOsbkGJJgz6j4ZcJmHDFNorUffMTwMo2JM0fWlrBaxjedkRU_9OHSiLdkaTe0Pp14ZN3-tsKQ4nGnyHE4P19Bdk6PHYc8LUVT90oHxlEjI-jAhdNdXAjAbvWw_aONwTRy3JfwT2NQwDbkTGlTv9ON5nsYBii5AohF13pPWRbXg1sYxNDhPvRyD5LxdHTmkeZTwBHvwjsBNW1PpiAeatmdXZ9RFYW1Cbu_HoaHty11rwwfn_mi_f4FeFZYD7meKeN0MOacGZj8LbFOJ8GiPgVg3w5EOYFHbkCilWxtV-us5XhO8f26L1GpfOSco) - [6 Top White-Label WordPress Development Companies](https://fibfbff.r.af.d.sendibt2.com/tr/cl/XkA79zYtfc6yzd0M46_Q_8Xw4B6IytnGkjJd41U9KeFgUYVcMCYHXkrdpa3U0cpo42_bBu7At3gokwMC1W9MadMzqoazfHKibYaM2AF9FYhm6o05_ucwQ_QXu_G02APl-xhkdsDVeG9ow6ldOwVZz6ZKftLce8ZBmo-HL3minpBhALxiOgKb_QbIcHwSAH1do3byd7Tno4IxRGwbQSxhSx4JYQSi3az6tQkJFUc6PsRPWLqaiXmO12KBqQ1i24YmEvJkA_HDzpWCHqqpCowNlmtud-jEy7I5YZDBhRhyYrGp2TK2m5wgt6zGaoeiS0JyKQq8ZZzVrEhT1Iyj85D2) - [How to Style Gravity Forms in WordPress [Without Coding]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/GI5xpH4lV28Q2WFUVLzNpXZLOQBTe1FzhwLAnzFkYy2V8NbZFgrU7CPfLQW3-iKyPCmaWA5nGeBxRvuMyRWiUGDnH3X5ChpGze6ljX6gVlN_e_IcrpFYih-aWVy92jlC3VFd0KDY8GMcx0Mv8Kwc52Pms0qLkBS2TGUzgJYE6x2mYtQr3l7UcMUYhP1kjj66gkxAXRrvMLwQlIzX43bBRWLbNRnWsYKmyBu6m_Wenam3cCnwAcBMMTTDjUGx2zOPSklHO9beGGmbUD8zAu39jqMyzKjql0CcVGcZd_03GDAGVlfmc8-V3WsKhIAPHGi3mySsa6Z9Ij86TyDdFQaA) - [Coming Soon vs Maintenance Mode [6 Key Differences]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/A7y7KsxNMVJFI0mluZs_uhj__qD3MKG52-MmYbRr5NGhn3adjgjt7VoVmQDfe1Xk1I4esZ5O46FaPXJeuTJ_GHP2DPoruQZ5IBJOD8F_D1VUqMIG5NxCN2D9pKUUBM5BuudhxnTUb4j1YkH5KfCxqqcl1e38LFsEboL0WxxE66Inel1RdWalTfVhkADv-Ir_XfSGuL_T1t0loEJ7al88mTLr13zN_yULXU5aPt017a3a0nEPfhlkZEmXlRURXWPMrB7DdNJdmZHGYTnGnq-pRN_-ubkFoni2GIYnwAPKh_y6Fllpq6rm3QpwdCcNz7bagvmLQ3NaTBX0EM7aeaF9) ## 📹— Video Tutorials  - [Best WordPress Hosting (Our Personal Picks with Pros & Cons)](https://fibfbff.r.af.d.sendibt2.com/tr/cl/XS5mw4zMouPSiWz1_NLYEHtXRRDHnz_qvRJvIzOJSmQhfnGf1KFyeWAb1a_OadKIKLY11rW0DjTq96Zaa1-R9LNt1NjaUluAaDKchDjLtbpjhdBZWvudtEy1MwobvE1dwSH-a2w7RGp15SPI-hiMtRDCVB4U_1tBuREWj1Ob8VqhDvAvpzYkLJdrF7JfdgLobLL1NzjAfDgDLf_-Y_ejiFLPpySAWGRcfmouwbbBdlKZN1_H0dna1HJnzZLdYt8hmm_KXJKhxK-L1LW0CH8VAisjrpXLHbUTZxjRVQGSVH6221T1zri5n0OAWPUW8bhuSstGR5379dLl0AnxPb62) - [How to Add Multiple Location Pins in Google Maps with Elementor](https://fibfbff.r.af.d.sendibt2.com/tr/cl/kUUK2sQVSNHxLU1QSnXEFRwFlkyjrpj1cVu4QnC-sFa9pjWHkou2wEdjVzR4KGOs0Glvcpgv2Hr09B45BSUdyxESlwsKiTCa9S3ddD0LF3RjPtFmMjaRuZCMKDiMQrJsnvdZDe78-koV3cj57bSc6R1uCOoORWE725i6fRcxISkA0EAJuNayAsV_c6B1GTG3GXoWqm_yKVEix6CWfURXMBvSBynjFLUUN16AoAX7tEK_Q9QHJOKC7o5DsSoRhvrAXZjrplthqOKVwC3U76M0O6dw08atPM6w6BjTbzMet16NNqS981q11TK2e_NVbY-4Tr39kV01NvhxJ9uzGD6x)  - [How to Add Login Button on Elementor Menu](https://fibfbff.r.af.d.sendibt2.com/tr/cl/ZQpTDiZ96Byz_uKL8HLv6YNhUAiUnU-PBfT9WoCJlZH6B2Z5j6HmTlg2-kC54WNLnMcXtlmB9C0UB0fi7MSfZ1IVnZ4_NAYbI1xFBnOGNKEyLupoYQMdHscFDQYtkPGoLfXJhJy1i9ni0_IwuhHfuDkONS3nT03G3b3GsVYOQ23KZqVLmtxS3YCEZnwMi2FQFjuwAxp5qryVoVJxmvXrh3tGB2h67fINJNL9ErL_DfIUXvl1Jaa5xsJfdQSy8gAjfTRDvASgOii_79Y9NFIGJFh3Y_5RTRwByHbsT57Igt8rYOhj2rpt5-BKbrItrPccRL7Y-pRlTAwObmP4MMcP) - [Right Way to Set up Global Fonts & Typography in Elementor](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Qy3zkSeNX7FaXHZxKk1RC7oTy5Soblegyle7Ogmkf05OE1vL3GyridqS7WI5Br6IhUie-6HoAfmnWFj8O5Pk2KrSkvR5pxCxWHygXlbsJRIL4HsEereXLLuZkNG8I5XQPEht7HNuwu7NKV5kubOcs0_AFC1rHeeUwhond0-9E6v_i9Pct6UcrjLgH3JKilto79ewomtmfadn0YOusPxAF7mrH4U8SxSKbvtudcHt6olEP6F_e88FzF6rHrvPgXtD5W3BIG8GYoGgNAx8CrTsaXKbvbdFyMQVebtsDAxnziDMRbNbxE-yEj64FYeX60xacuM3b8yC4X-aZF_AVNo) - [How to Track Events Clicks with Google Analytics 4 in Elementor](https://fibfbff.r.af.d.sendibt2.com/tr/cl/q74H5NLu9lOt2lrjdVlY1L6SJ4e-0eyg8craYSVzX5w-vLJRex0kcU-IVyP9_u7oG0jbv5p_a7WbEIFG7hEFDGuMoMu7Hj-30SP20meaJEOwWTlzRW2rVj8kmEiIey9NnDnvj83D4t_z6chbKKKvwjH2uaOpp9-oWY1908M-YKSUgCnpj0le_2Y6S1KqcGQ1DoHAeo1tb_giw9Wrl5x1epHMAzHRTEJI1NYXqYd_LDT1hfLOv75M2vPbDC5THr2NCtG4ewppcrwqiPBFujTPQ0jVq5Xhen3RFZmU5BJr-qNuaeT6waaDCbMfaQ3-8D0uwd3J8ROpLavxBO3nd2A) ## 🗞️ — WordPress & Tech Bytes - **[UiChemy](https://fibfbff.r.af.d.sendibt2.com/tr/cl/ve3LKDVnDJQ2BA7Uif3tFNKykYqWX_hUSqBq_6Pqx9f1xnh1NxSqCxS-CyOmdBPwU3j-t8dopv80-goN6h1_cghYBb33rU7sI8U5C07Elj9I97tngL_AyUh5BP8_xqyJ4vhm6CSOVoOw2HBO86Vc0OaVBrN1XZjSk_c0KeojZNBIwO-gmB3iZrFEOx-itvYv2hiriqb95ptHKGa5jKsjDOcRRX7p9QOSLSBF8cejv2BnfElV4RlGvKJ55rjpvcPhknlnBXfeJVOnUk77aSev7ZkVd_loj_Qa1ePaQ0hPl6mxEEQLPjyIN8nraBWbt4Mk9toXQ4JKHXm__DzolJw) - Our Figma to Elementor Convertor **successfully conducted its [first](https://fibfbff.r.af.d.sendibt2.com/tr/cl/LIyqVXB4MLskNmS9GcELE5bwIyeX-zXLx0HY2Itid-FlhXDl8jnzEgH7j48dqBxan55-6gX6m7Y7dnh8CY-tDRsu1NWqZWZNANHvKrVZFdnzP92gJhMjGnKxbZO5H6dcyOZ9NfXXgGfRwx-0MVkcNRQgmKsy_W7LERurf8nHh0Qw7cTfXjkHNZdACNFd09GOfnCTQuo-NeV7Wf_kWLfAP8SZdbCEYSbFzH9EPubzV5XxPrqNNibdjrgC1qxDL2mbfBM5HVqDXE2CxiwOQaqkce1-IqD1aKagHjtuiPivH_EqCTPwiQLCpAQROBJHgaLtXYJXP-86ZIE4Sy6FubG5) and [second ](https://fibfbff.r.af.d.sendibt2.com/tr/cl/aup4U_EvcndtoSjOKNtX4k_9IKRlUMyLsguzgtMfCzzOqZvTBQpsjSpYnG6itdvEl975n0rfQSUNbW-igxliYAFRMRmC2aQ85MvXP0G9Krwn8KihJXwoFkS0lxM_I0gvCZsDm_xIiJdRK53DDn4f3jbF8GMaf0ow0U6S0JKM2HN03QSk59JhZfopzbNYI4m8IEvLxVP81OiDtPoB9ocHoSIhwytd-9T093Y1EGRU0uOD0uaJxzsNPc4lj8-U4plzbJ5Ss000prp-gvfe2AOKoIuPQ34CNxIwsmIeV57JLaZN_mQx0i0-OuBD4gCGCmqFZYxV3PUYebYqQ4hJo9Q-)webinars, where the team showed how to convert Figma to Elementor step by step, upcoming features, and answered users' questions. Recordings of both webinars are available for viewing, and the [next webinar](https://fibfbff.r.af.d.sendibt2.com/tr/cl/BkNMQnXS8OXp306zJRyrw5UZy2rV4Tk-Kup5caMaJNp8cac4rHbFEADT6kcteoxV72wpjuEUjxCFBRWk_hZZime2y3NWXQKjXIPG5N93HhmcLFr0tNzGfini2G2UHvfcjKpsEdRgaebiwjSCkviTJimr8jQ8KvQ35wrXiSh_YXKwL3Jk1xgOWpWVpx8pL_XXjSqQkNgSuUclx-m1MNzBUAUhD3kE-7pmA8iUcBlj8khW5NiDnhWPuct6Kh8vymmFnXdg1ZvCCgBKF3NlbOMR1tE53PXasBHAgsYEx2IE2bY2AGMNN-A5_8JNQrExGM1XW5rDeT6Wxo9Bh1ak1Ukc) will be on August 8th, 2024. You can register for it [here](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Dz4oTb9N4RAUnyxtmzBmk4HnbOXlA05BJ2k_pHn4G6xp9su45p2k_D8tLvrA_jhQmzijNPASgBXJRhptLI23nLkjzlMgJQNAa56o3pbCVE5YpdFHfvO2Rz1QLbA9zt3gLoTixBdFQPqE1YTPOg__UXcOz4cZLXLyEMFt7MtPzs_9-hMs_XZJod2K58hZ3za4Nh_0nKOZf4Su80ZsUWHI0NHwxBpJ3liTF805aDIQaWKb0jFwpq-x69FsH7xuzkzmCHnbLebTiLitVuMy_i7slXaeq-VOPE6Uepiv3Kv3vFWBs2beZ_p3tpwtH9nqcvOimuDAedPGVPw5Yj6UYevx). - [**Our YouTube Channel**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Az9fQYVWJFoa3-qeP1ouaO_SLHldq7buGOYY0ScYDaCuO6L0HLQh1SvV4ONVNmuplqRdIyypaZF9RwUcWMjoqco0Gq8mYe7XgGgazTlQ9s8Ev2_h_IXEgrmdU0fUfmMixK9jGEISCDiAI2EmFTTMNYonR-7mqhVVz8-X_ZV5d8xoxrjkZ2fZ3qk5Z277dJeo42o3wJvZcGEuOMyZ3GeCXnhsCSR8V9FUpFyQYOLbjiXzw6o0cN0gKdZpO8RfuzuBokwExx5XxsI8ljRIzJ6bquq69yX_CgaDlS4UTVD43Grd92e0a-p5kPUTlflk3ea_wYPXGHgRBQ4s4tmcrbE) surpasses 8,000 Subscribers and many more to come yet! Thanks for your continuous support. - [**Sprout UI**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/14bGDiqHz4o58cRAjZMWR72das6WbR5Or82l0qOC7_b6CIECJ484Lhn0htp0xtrjPpLp6M-sbUO7u5dYJD_eIR7W_UGzHDZ6e7dfY_omTzji7Zb29G6b3JONBQky1z-quRijc9mx51JJEgqF8HTF3MWzsNpauBtVaCn47YZ6hY01Fv4qyJHOF2Gwqe3ZFegnRJ8NPmPlKszEok1Vp6ndlmD64GVP-ZTUUQfd2VdCyRtuBlNzqZuOEJmjffpdYLJGn5mcYokkZrL4iNoNEWWTq6Hnnc0TjQEgp_v2Uw3qrf07xMzBZHqnLivHsF4NLvtOzjo4diM3XPBdb3x5_2FA)has released a new Figma kit with over 1,300 components. This treasure trove of resources is designed to elevate your design projects. - Elementor has launched [**eCommerce Hosting plans**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/EZr5Z_-m7kHxvNbslzLuZOb6b3JxytHHaYmhLCQEhLkk0nLCPAMQbsP3iL0mQUc1HgAd4LKiBlrIcySEQE_1Gzdv2_4SLQjwDoaRBX5JDD064axq4YSFyt683BRveMh737ijuhhe0sBv2NS9hMdZgsRPj_tsBj3G8jvufUT8u6LJT4eji2diP_fCSZ1AQSJbCNhHy8JAnt62PZ7_QyqVIQ-lpmvDWSSyG8h4MqmEstfwXVQJPSH9_fJwonpDJdJ0BDbf3rOaS0BsC-JtIrSnNQwAEUbaWZncUh8EInOTWyaY9J-bqDzmZlYHDcZ4-rvLkpjkie1hHWp0BmPqw62u) tailored for online stores, including WooCommerce. - [**Elementor v3.23 has been released**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/vn7SV54um7S9VSIIyVWUvHJtNz-s0PnbD-rAWWnpzLXX4uFa6m6b9fwNkUedxGxIOTh2P6K9_NfqP5FAa5y4UEI4fhRyNtwLaulb9q-YMUMyFI-iWQHTPGZe8Mkdj-n515_aofCfxjKBCk3DIperKn6l1NO4VyaaAAoZNazr8ZJNF54j512XpJcztey_-4EU80qbVumesjpv23nfZEfG6Era0_ZYJesADvFDB7XcRAfWlkcg759tdPlIMtqeSPA3dV8AqcNvCuekJx8hh-UZoYxQeCIs8sEQzrcfMa8KgAVG46Z5KyR8Q4fzGaM3QdawsWNn45hyU9B7niTcLqmS), bringing exciting updates that enhance performance, accessibility, and design. The new features include a Search widget, Floating Buttons, seven Link in Bio widgets, and more. - The Elementor 3.23 update has introduced a **[new Search Widget](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Rzr7DKQ8p0JtaPDbNFZ6dO9q3cm5WJAhVEgHptOFbQM2UFu3FtxbdhmzYf25L0TtJV4rEZowl2AbWvrQcMFPxH9M3xMA8WCgQ-9KzCq4R1hqimAXyzRRAjs8AAaCA_FNv-tNBPRYKr-H2xJYbYmHXN2jdvhAmbWEJu69dVxEPCJO62F0iSx8A1azvtVHcrm2_Lux369FOX8vILGRQ94K4qq7v4SiESHNmgkjV3zQoOCWNCDW_lgdGIVBbnIxQUz1ghkYRysX62LT4me0C7_jlGraVHUsH4vB3uo3WMBzcdsMYku-b85wWNnX8WiXbKRTocn0Oj9UqHTG3Iu1fyth)** that displays real-time search results as a visitor types, eliminating the need to navigate to a separate page. - Elementor introduces **[AI-generated featured images](https://fibfbff.r.af.d.sendibt2.com/tr/cl/F1sHMBfEhoFP4rKr8qWOKDsVbQU4sf8EvdF1dhvFYmAv_2EGY7E-T_GM0H2okI2b-waSMDS8ry_9RlAoYor-S2dF09znW7VxghC75jjvfz0FVCJgcAxKW5x4QaRm26ib2wRzf0LFXdtk6bGmEQuuf6N1NXbVnNaku9Fs0JwBIzHC0Y5ndXjO2gsgRamI6Zaj52XN2FJ7ffJKf01tFwt7mI5Dl2wvGwP4jKbdzCwE0F4yczCLP9NREvpx29MfVYUwUgU5bnrxVCs4VEIXmpG7ngU1vGdsqOdD_L2WYPe--gxzD_CTUu6jP5wy_pXD7p-HM_geTSoQcvbVqof5NXRq)**, container names, and text generation within WordPress. - The team at [**Elementor**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/t6F9rTF6b3nCT1dueJQaHghTyYgoRKUEecrhg26XY7ZkEMO4X_AUu5y5vN5rN_ZSjndsg33cZy_pugdrMkajf7rrZfVuOo_l7U_o2J7Qi1WbftEUjLZdCFvrx1yFhUcmD4H0q4wo-VuUubXdst3v3SjBENZJ3GlIH_q-V6YJzlOt_ss2Rg5y4xFuTHS0kmiSFmX_0G1oKi67RtkYW5P50KwGdjduVLJqMEDjw0L1HLuavfZYBbGuk4kEO0-6Xy5S6jAzQ9D47V7dEnt3R0CA7K39ezV52kp9OeTaUvfBwXBjMidnWig5cLoj8H1BjMd4c5MDQwXiu9SlWBzxd0M) is launching a new marketing platform called [**Send by Elementor**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/AM7isXRerct4QQ8ds--8R9J9-3WK6G2aFtxulSyj4IOwTSrZPrUWDPAkal-XcpypbGDKloxQTelxVbbv_8wCjKbWh7-oFTwDmQldep0AVcT_Q2kSSBj305p-iCGSUC8hpQYX_BFzrQwAh-TQ_OKTsMe-UWNKiHcDJuhu9SUMYvriCZ9M4LILYqKDSGX62nH0H7pPm7Avh9W0-CMG93d-vkznbmCCA5P0FeSPcoYkQH2GMM0vCMTJNdzvCdtZQPECHRx3_4ARGLmEEbiItP1NBN0TWIRfnGeu9GOJmaFddVVj3sKWC91FbmZJFEebTysSvZNxlzK2-fvcpuahzOyp) for WooCommerce stores, whether built with Elementor or not. Key functionalities include designing email campaigns, marketing automation, and insights. Early access sign-up is now available for a test drive. - [**WordPress 6.6 RC2**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/-l2gxT9ptSO1X9GSVRxJEU_gjnj_im5jU-RLS0dNd6DdXg1w43DBZAnRQkJHUce2FTQ_y1vavxAejL0dV25n6PRTCNA0VPecSiWuIj18qwhpoA_Zm1RvdBEc-drtmeDnzEnfFKXCm1tyXS0VpnA4oFmuPeZks1115-w6CRz4sqeHC5cCqOWBrkHuUb_4YA4855VK-VZF5kloLtS54HhrLH3vqCzSAb8laFN3WR7o_iE_Y3P0TkzuuV_0u3TrnRbxMbnn3KTDLiVT50P3qfPQMrY0XcBW9_5kGV0u5ohAxdBXN-aSD4lB6W46yQxt-9v_DZDbNpjWDrIIs3ESVIWv) has been released and is now available for download and testing. Additionally, [**WordPress 6.6 RC3**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/kdxQfS5F2dYA0n_KXrqOuzSX0hq6kM-202eKYF7hx7MWSnLrl0IhwtCXkrKHG_qEc7phuDGid0H7ZUUUeY0OZSCtyKrfnRGGnOc6j1MSXZn9QKKEnaolssCMow8XIeVFq2Z9Mx5IAvIMM6RgFZxtwitU-qbiAI1cshPTu5aIpdIZ5i3DMNxbWupeeaUQJ3WboOwJTvFXR1QfswlR7Fw-88_V6Yf2J-xwJ0te77yL9EFgOr6D6U5TlPq9ATBFLcTSNWmdtlhaf1AOuVFyMZU3hrqooQtrsKobtbULloO5_GgMmjOeL2A-uHihSvjP6on1lAyyVW4uMVf0xeeAnQfa) is also ready for download and testing as the software continues its development phase. - A new study by search industry expert Rand Fishkin revealed that [**Google's rollout of AI overviews**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/musNuh9_CeO0dsLxkdo1ohX7zyRHuomfY9u6seMJI9s34DwRnthtXn4ITkRfMrU7vwM9jwJw7Yao6BHjGJpqwByrbGyLSEqssQm0Vs5bSNr5W6pzeF_5Vzk7GZGILK9_cN-AWQyLWZ0pyeipHryNG4Vuca4G-xfasF7NwIOaezkukb4-WYtL7KDECgPJ2WLRaW7I-ZArLk1TvocnwTRCe5VBfFLV9chfLFtCBz9hQOtJjcz7q3SlJtPlLLr6e4M9nrdYDx8B2otR-FkSVE3q1fapUXuf4Ho2iPrrUdyMrY7V0wHepIh3UmeMaWIu5JYP6VJigCkxcvx7I92EEwDV)in May led to a noticeable decrease in search volume, particularly on mobile devices. - [**WooCommerce 9.0.2**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/1KhiWbclCkCXUbP6r_Q13yHGh6ak4TRkVRwyUmTLnFFsg9gZl-WQqr0O4dHfPhvrLCT6Vxb08TfwM7S6Ie33QNf7yF0hR74IQQLPp9AbthR8ZmUQUpIRkzJm40k7rCm3tsEsNtHPlSZGU6-nwq4ntng4T7tcu6Fbh-wusnLI0kJeB2pOoeAk78pHPV9nDRc0LpxPND59A3cse5Kk3-bHtnSiMbDyA5dTwhmGzRCZPbWcvhJ1a8ge5tftlfDwxuDnE2SATqwJeIJBPw-TFK2IlFQfsh8TjxgcplQ09jLOQqq2EmRMWocwmaafUfDPmIEvbkUg6HBzLQQbf3cznDGO) has been released as a dot update to address shipping calculation issues, specifically fixing problems with decimal and thousand separators in flat rate shipping costs. - [**WordPress 6.6 "Dorsey"**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/RibRSFpil30YAIpMJTJPTPH9kDUNV-pQR-Wm8CKmXD6XFG0Vd7_YFyMsz8QuyPwWe7L_bR7YmC74OYDOztq5MEiICWY1ePU2JbEqQSmulg3FBmGAvnKgRda0RjBRf9Q4EV8eWFqucF4Lf_0gFAgticS8idTAUFjHOsGR6knW8ehKFDryb_GaTfcuuQVnu9OyaChLvkrgUPkCbv0SUB4ym0tS35ppP21SfupkDJPIAGpI0n70sw7KtNUUq2LgVhH0XgGWG6N8O7BJanw3AleFlH6kk8mI5_QkTVPqWmOFWkQVoS8XWxnmmaRZSW4rJ2e-C2hUPo8N_oa4rhM12Smd) has been released, delivering on the promise of a better web with improved style, finesse, and a suite of enhanced tools. The update includes features for creating beautifully coherent design elements and automatic rollbacks for plugin updates. - [**Google has announced that its URL**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/IPuK5cPJwjkiRCLedq6bZ_wzpOYE-JxdAhZHpfGCjbpusIh4HixWiUJIdORW6A1roRz5G32LtNW06zc_N-kvukdZxRHszUFtuu1kqPZi9w_LVXCEzh-jB4Awddh4M0NhP5BSyh-kHbgJhdFJbK4_0PlAmL-7VY78_cgXSZWVF1KNLr2zZIR9liBynB7FW4nW7XlU3nca4c3XzPIZbf7dD4DGtXnhgg6FPEMKnSi0oih1NeuqNYzeMDNfWIGT-nove8T6OSczbzLIAanzSQiH7P-t-UomayWkVkyy3ZCyHHSmB4yIzuDzIRiGVlEo1BSemgwmqAV25bsyhbqaJAAs) shortener service will cease operation entirely on August 25, 2025, affecting billions of redirects. - Google has issued a final warning to [**export Notes search data**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/xXVjBPiJyz7EnJu8rh9VaxVQszoJfJChe_d-l4pzUG8hQs6KPOOpIoX57ZZ57BZMkbU9_dbZAR8YY8ZY3Nt_Pp8HRoLJJJ6ipGL_JGwiBh0Nn-AVbiPhPoj7zyBVhaq9IXe4-IWUhnTA7C-qJ9denhogh62StMTbefB47RCGKZCPbWuTi4k9eUgcDop6gbaPQWXMjeycT_QY8dfJTujR3I_3dZh7q0yU8ITMTzWLA0x65EtKy4BGjH0Lx2u_z3CTuRb2I7A9Dlm_vGqvVbruN32TRgeh2YLRKckydNxp_eBLpoDaVa_Us9amIm-XTINy0PndTjwxERDGyZ6sYcAk), updating their documentation for the Google Labs Google Notes experiment. Users are reminded that Notes will be discontinued at the end of July 2024, with instructions provided on how to download content before it becomes irretrievable after the final deadline. ##  🔥— Tool of the Month This month, the tool of the month is **[Shots.so](https://fibfbff.r.af.d.sendibt2.com/tr/cl/dEfrfSMJCoMjq2pNtOUsp8yKvh18yxUIdJcxYI9JYvkoh0grdkt3EJ8BdtFeylXfXra1SB5_uagPitMmYFzYNZbinPOX4U0n43gyfVWu1u_f_e0WgXy42LnUUiC9oFHZ1XimbMEfVr9UADz_a8Q5Q5oq7LvYGqlVf3cvxUK82HeiFE-Qiy3NS-ZA3mysPUP-cQ9KylUy0c6ZjQgAFiaXcwoOPiUOtXn1-1jA96lQNm92RZt3K4mnp9FLgrdItNgjvJ06W0EXYEfFiWnLbhwEdwUVvMdMT8PteX-mxhi-aq6dNFHaDnw7VIBIoR8G9KcM3vy_pokpA9txfXPQgKlE)**, which helps you beautify your screenshots and create device mock-ups for free. See in action ![👇🏻](https://fonts.gstatic.com/s/e/notoemoji/15.0/1f447_1f3fb/32.png) https://youtu.be/TtsJUdF-SiY?si=3v-RIPHxg-LrC-Wi ## 🗣️— Word of the Month #### Theme setup  *Was extremely satisfied with the support from POSIMYTH Innovations. The team responded quickly and provided competent assistance, solving all my issues promptly. I was particularly impressed by the friendliness and efficiency of the support. Thanks to the excellent support, everything is now working perfectly. The products and customer service from POSIMYTH exceeded my expectations, and I can highly recommend them.* [*~ @willthetrill*](https://fibfbff.r.af.d.sendibt2.com/tr/cl/8BPuIA87-4z7zOCoonk9LIqJ_S4SwabOCvWrAgbXvr7p3q4GO2W-PQOS9AXuYGFEWGWLiQQT4xBRrbHOPNywV47AEM14P6PoFMocBsoetci1gUFXDAmnkBtlWFuqEeRuHbZ-aX_izbmfRD4jTcNv1QBhOi3G5N_azLaC9dCb9q6ZB2TaJkHvd0YonCerBb2WBfbeEQGFxjSThBbcndGej1Wj2IgefTMkdh_YsR_mFpudA3j4JOwOj7FahGUpm9HUVWLh5khC_vb_Gi2LP36KekxxMatD8zHRLZ2RxxlfXHuEDN27vLpKDWl2NYVga-nAX53hrUhiWTKaXiebF4YJ) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️ ** --- # Kinsta Review – Is it the Best WordPress Hosting? Source: https://theplusaddons.com/blog/kinsta-review/ If you’re looking for reliable WordPress hosting for your website, this Kinsta review is for you. In this post, we will provide an in-depth review of Kinsta hosting, check out its unique features, and explore the pros and cons to help you determine if it’s the right fit for your website needs. Let’s get started! ## What is Kinsta WordPress Hosting? Kinsta is a popular managed WordPress hosting provider that offers high-quality hosting services for WordPress websites. Unlike shared WordPress hosting services, your site is hosted in its own container with Kinsta, resulting in better website security and performance. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Kinsta-WordPress-Hosting.png) Further, Kinsta relies on the Google Cloud Platform’s Premium Tier network for hosting and doesn’t use the traditional cPanel admin to manage the hosting account. Kinsta’s core infrastructure also includes an enterprise-level Cloudflare integration by default. This is included for free for all users and includes numerous features for enhancing speed and security. As a result, you can get a customized hosting solution and dashboard that is easy to use and navigate for all your websites. ## MyKinsta Dashboard Kinsta offers an intuitive and user-friendly dashboard, called MyKinsta, that is easy to navigate and manage. With all the key metrics and analytics in one place, you can manage your website performance seamlessly. Simply put, Kinsta’s purpose-built dashboard focuses a lot more on regular tasks and analysis than on service administration. This makes it an excellent hosting platform, even for beginners. **Here’s what the Kinsta dashboard looks like-** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Kinsta-Dashboard.png) MyKinsta dashboard offers access to website-related information such as - **Website analytics**: You can view website analytics such as resource usage, CDN usage, unique visits, and bandwidth to manage your website better. You can also manage your site’s PHP resources and adjust them as needed. - **User activity**: The dashboard also provides an overview of recent user activity, which can help you manage access and control over the website. - **Notifications**: All the notifications related to your website management also appear on the dashboard. - **Resource Center**: Kinsta also offers a comprehensive resource center where you can find documentation, the Kinsta Blog, System Status, and more. - **MyKinsta is available in 10 languages**: English, Italian, Portuguese, French, Spanish, German, Japanese, Dutch, Swedish and Danish. You can also click on each section to view detailed analytics. Additionally, you can click on your website to access comprehensive site information and settings, such as tools, backups, addons, themes and plugins, user management, and more, for seamless website management. It also includes a built-in Application Performance Monitoring tool and a powerful API to automate site creation or maintenance tasks. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Site-Information.png) *Looking for reliable hosting services for your first WordPress website? Check out the [**Best WordPress Hosting for Elementor**.](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/)* ## Kinsta WordPress Hosting Performance Your hosting plays a crucial role in determining the speed of your website. What sets Kinsta apart is its lightning-fast speed and exceptional performance. When it comes to the performance of your web hosting, Kinsta stands out with 99.9% SLA-backed uptime. This is because it does not offer features like a website builder, [**SEO analysis tools**](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/), or domain registrations. Instead of bloating the hosting service with additional features that are easily available with third-party services, Kinsta is more focused on offering you the best performance. What’s more, since it is managed WordPress hosting, Kinsta seamlessly takes care of the entire WordPress installation for you. With Kinsta, you can enjoy a blazingly fast WordPress admin area, supercharge your workflow, and design a website that offers an exceptional user experience. ## Where does Kinsta have an edge over its Competitors? Kinsta stands out as a reliable and high-performance hosting service over its competitors. **Here are the various features that give it an edge-** ### 1. Speed Thanks to its premium, managed hosting services, Kinsta makes your WordPress admin and website incredibly fast. It uses GCP’s Premium Tier Network and the latest and fastest C2 and C3D machines to offer users a fast-core infrastructure. In addition, the hosting is highly performance-optimized to handle any amount of traffic on your website. Kinsta allows you to create a faster-loading website, which is made possible through Cloudflare integration and a CDN network with 260+ PoPs to enhance the loading times. It also relies on a wide network of 37 data centers worldwide to offer unparalleled website speed and performance. If that isn’t enough, Kinsta also offers a wide range of add-ons to enhance your site’s speed like Edge Caching and Early Hints for faster load times and content delivery. *Struggling with a slow WordPress website? Explore **[25+ Ways to Speed Up Elementor Website](https://theplusaddons.com/blog/speedup-elementor-website-performance/)** to enhance the user experience.* ### 2. Security Kinsta promises exceptional security features to protect your website and data from malware attacks or unauthorized access. With its state-of-the-art firewalls and DDoS protection, Kinsta offers a highly secure network based on the Google Cloud Platform. In addition, you can implement custom security rules, such as blocking certain IP addresses. To further protect your website against data loss, Kinsta conducts free daily backups. It also offers regular uptime monitoring features, checking your website for performance every 3 minutes, which means 480 checks per day. Kinsta also offers two-factor authentication capabilities to protect your sensitive website information and a Malware security pledge to recover your site in the unlikely event it gets hacked. ***People Also Check:** There are multiple ways to block IP addresses, here's how:* https://youtu.be/w7yhRANUUvc?si=JW7eoPY3HO0Z_06o ### 3. Support Kinsta offers 24/7/365 support via live chat, as well as email support for technical and sales inquiries. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Kinsta-Support.png) Whether you're facing a performance-related issue on your website or want to understand the features provided by Kinsta hosting, you can talk to the experts and get professional support. You can access live chat support with one click from your Kinsta dashboard. Your queries will be answered quickly, and you will receive a response within minutes. But that’s not all. During certain hours, Kinsta also offers support in other languages, including Spanish, Italian, Portuguese, and French. ### 4. Active Maintenance & Improvement Kinsta takes user feedback very seriously. It consistently monitors users' feedback and introduces new features and changes to the hosting service to offer the best performance, speed, and UI to its users. The hosting service provider is constantly rolling out new functions and improving the security of the service to provide an exceptional user experience. For instance, Kinsta also offers hosting services for e-commerce websites built on WooCommerce. Kinsta API also makes it easy for users to effectively maintain their daily site management workflows by automating admin tasks, offering easy site creation features, and enabling data retrieval. Rest assured, when you use Kinsta WordPress hosting for your site, you'll have regular access to the latest functional and security features. ### 5. Site Management Dashboard As mentioned above, the MyKinsta dashboard offers a user-friendly interface that allows you to manage all your WordPress websites in one place. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Site-Management-Dashboard.png) From adding a new site or cloning an existing one to deploying a staging server and accessing detailed analytics of website performance, You can use My Kinsta to streamline your website workflow, from adding a new site or cloning an existing one to deploying a staging server and accessing detailed analytics of website performance. You can also create site backups, add and track user activities, and review installed plugins and themes on your website. With its 360-degree website analytics, the dashboard ensures that you never miss out on any important updates and manage your website seamlessly. ### 6. DevKinsta Tool ![](https://theplusaddons.com/wp-content/uploads/2024/08/DevKinsta.png) Kinsta web hosting is more than just a hosting service for your WordPress website. Kinsta has also created a free local WordPress development tool called DevKinsta, which provides a downloadable environment for WordPress website development. Powered by Docker, it allows you to create, design, deploy, and even copy WordPress sites. With the tool, you can easily design your website locally and make it live using the integration with the Kinsta staging environment. It facilitates one-click website creation on the [**latest PHP versions**](https://theplusaddons.com/blog/update-php-in-wordpress/) in a safe and reliable environment. You can also create and test WordPress themes and plugins in a secure setup and streamline your website development workflow easily. *Create your test WordPress website locally. Learn **[How to Install WordPress on Localhost](https://theplusaddons.com/blog/install-wordpress-on-localhost/)** in the step-by-step guide.* ## Kinsta Pricing Kinsta is a premium, managed web hosting service provider that offers various premium plans to suit the requirements and workflows of developers and businesses. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Kinsta_Multi_Site_Plans.png.png) The [premium Kinsta hosting plans](https://go.posimyth.com/recommends/kinsta/) include all Kinsta features along with a 30-day money-back guarantee and annual plan options. Select plans come with a free first month.  You can also contact the Kinsta sales team to create a custom pricing plan based on your website requirements. ## Pros and Cons of Kinsta WordPress Hosting Let's dive into the pros and cons of Kinsta web hosting- ### Pros - **Made for WordPress: **Kinsta is specifically designed for WordPress, providing an optimized environment to enhance the performance of your WordPress site. This ensures that all aspects of hosting, from the server setup to features, are tailored to WordPress users. - **Cloud Hosting Benefits**: Leveraging the Google Cloud Platform, its Premium Tier network, and its fastest C2 and C3D virtual machines, Kinsta offers top-notch performance, scalability, and reliability. The cloud infrastructure offers your website faster load times, enhanced security, and the ability to handle traffic spikes efficiently. - **Configuration, Focus, & Usability**: Kinsta’s focus on ease of use and high performance makes it an excellent choice for both beginners and advanced users. The MyKinsta dashboard is intuitive, allowing you to manage your sites effortlessly. - **User-friendly**: The MyKinsta dashboard is designed with user experience in mind, offering a clean, modern interface. You can enjoy one-click website creation, access detailed analytics, and manage your websites effortlessly. - **Uptime**: Kinsta guarantees 99.9% uptime, backed by its SLA (Service Level Agreement). It employs proactive features to check website uptime regularly and minimize disruptions. - **Server features and locations**: Kinsta offers an array of server features, including automatic backups, free SSL certificates, and a choice of 37 data center locations worldwide. This global presence allows you to choose a server location close to your audience, improving site speed and user experience. *Is your WordPress website down? Learn about the **[8 Things to Check](https://theplusaddons.com/blog/wordpress-website-is-down/)** to recover your website speed and performance.* ### Cons - **Restricts Installing some WordPress plugins:** Kinsta often restricts certain WordPress plugins to maintain optimal performance and security. While this ensures a smooth experience, it might limit your ability to use certain plugins for your website. - **Storage might be limited if your site is loaded**: A disc space add-on is available at Kinsta in 20 GB increments for $20. Users can add as many storage add-ons as they'd like. - **No phone support:** Kinsta offers 24/7/365 support through live chat and email but does not provide phone support. This can be inconvenient for users who prefer talking to support staff directly for quicker resolution. ## Kinsta vs Alternatives Compared Let's check out a quick review of Kinsta and its top alternatives to understand how it stands out from the competition. | **Features** | Kinsta | FlyWheel | WP Engine | | ------------ | ------ | -------- | --------- | | Price | $30/month (First month free) | $25/month | $30/month | | Traffic Allowed | 35,000 visits | 25,000 visits | 25,000 visits | | Disk Space | 10 GB | 10 GB | 10 GB | | Website Allowed | 1 | 1 | 1 | | Support | 24/7/365 live chat support | 24/7 chat support | 24/7 chat support | | CDN bandwidth | Available, 125 GB | Available | Available | | Uptime | 99.99% SLA-backed | 99.99% | 99.99% | ## Should You Choose Kinsta Hosting? If you're looking for a hosting provider that excels in performance, reliability, and user experience, Kinsta is an excellent choice. Built exclusively for WordPress, Kinsta leverages the power of Google Cloud Platform to deliver unparalleled speed and uptime. Kinsta's infrastructure is specifically tailored for WordPress sites, ensuring that every aspect of the hosting environment is fine-tuned for optimal performance. With Kinsta, you benefit from Google Cloud’s Premium Tier network, which offers faster load times and the ability to handle traffic spikes with ease. This ensures your website remains accessible even during peak periods. What's more, with proactive monitoring, automatic backups, and robust security measures, Kinsta ensures your site is well-protected against potential threats. All in all, Kinsta stands out as a reliable and high-performing hosting service that allows you to create an exceptional website. ## Wrapping Up That wraps up our Kinsta hosting review. Kinsta's focus on performance, security, and user experience makes it a superior choice for WordPress hosting. Not only does it offer an efficient and scalable environment to host a fast-performing website, but the exceptional security features and addons allow you to enhance the website experience. Once you've created your website with Kinsta, install [**The Plus Addons for Elementor**](https://theplusaddons.com/elementor-widgets/) to enhance the functionality of your Elementor page builder and add unique features to your website. From design and layout to content, customizations, and interactive elements, This plugin has everything you'll need, from design and layout to content, customizations, and interactive elements. ## Kinsta Review FAQs ### Is Kinsta worth the price? Given the range of security and performance features offered by Kinsta, it is worth the price. It offers a secure and reliable hosting environment for creating a feature-rich website. Plus, you don’t have to worry about installing and configuring WordPress, as the fully managed hosting takes care of it. ### What servers does Kinsta use? Kinsta hosts your site on Google Cloud’s Premium Tier servers. With access to data centers from 37+ locations worldwide and a built-in CDN, Kinsta offers unmatched website speed. ### Does Kinsta offer shared hosting? Kinsta offers fully managed, dedicated hosting services that provide excellent website performance and speed with limited resource sharing. ### Is Kinsta only for WordPress? Kinsta's infrastructure is custom-built for WordPress to offer great performance, security, and functionality capabilities to your website. ### Does Kinsta use cPanel? No, Kinsta does not use cPanel. Rather, it offers a custom, user-friendly site management dashboard called MyKinsta. ### Can I migrate to Kinsta for free? Yes, you can request a migration from  Kinsta for free from the dashboard. As part of the free migration service, Kinsta’s experts will schedule and conduct your site’s migration. It also includes free malware cleanup. ### Is Kinsta secure? Kinsta relies on GCP's premium tier network and built-in CDN network to offer advanced security to its users. The hosting is secured behind Cloudflare's firewalls, along with DDoS protection to protect your website and database from threats. ### What are the benefits of Kinsta? Kinsta offers loads of addons and features to enhance the security and performance of your website. Besides, it provides fully managed, dedicated hosting services, so you don't have to worry about sharing server resources or encountering a slow website. --- # How to Convert Figma to Bricks Builder for FREE? Source: https://theplusaddons.com/blog/convert-figma-to-bricks-builder/ If you’re looking for the easiest & fastest way to convert your Figma design to a 100% Editable Bricks website, then this blog is for you. Converting Figma design to Bricks website can be a daunting task, especially for those who are not familiar with the process.  However, with the [UiChemy Figma to Bricks Convertor Plugin](https://www.figma.com/community/plugin/1344313361212431142/uichemy-convert-figma-to-bricks-page-builder-wordpress), you can convert your Figma design to Bricks website in just a few clicks. It makes the conversion process seamless and hassle-free. In this article, we will guide you through a step-by-step process with a video guide so you can practically implement it as well.  **Key Takeaways** - UiChemy Figma Plugin allows you to convert your Figma design to Bricks website in just a few minutes. - Following the step-by-step instructions provided in this article, you can easily convert your Figma design to Bricks website without any coding knowledge. ## What is UiChemy Figma Plugin? UiChemy Figma Plugin is a powerful tool that allows you to convert your Figma designs to Bricks websites in just a few clicks.  This plugin is designed to simplify the process of creating a website by eliminating the need for manual coding.  With the UiChemy Figma Plugin, you can easily export your Figma design and convert it into a fully functional Bricks website. https://youtu.be/ibdCIjscNB8?si=XuPNNpmuCONzMXLG ## How to Convert Figma Design to Bricks Builder? [Step-by-step] Now that you know what UiChemy is, let's find out how it works through easy steps. ### Step 1 - Install UiChemy Figma Extension on Your Figma App - To begin, navigate to **Resources > Plugins** within Figma and search for "**UiChemy Figma to Bricks**". Then, click on "**Run**" to initiate the installation process. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Install-UiChemy-Figma-Extension-on-Your-Figma-App.png) - Once the plugin is installed, the UiChemy interface will automatically open, allowing you to proceed with the conversion process. ### Step 2 - Get UiChemy Key & Hit Activate Next, you'll need to enter your UiChemy license key.  - To obtain a license key, simply click on the "**Get UiChemy Key**" button or head over to the [pricing page directly](https://uichemy.com/pricing/) (make sure to select the Bricks page builder option). ![](https://theplusaddons.com/wp-content/uploads/2024/08/Get-UiChemy-Key-Hit-Activate.png) - Upon clicking the button, you will be redirected to the UiChemy pricing page. Here, select the desired plan as per your needs (the free plan allows 10 exports while the Pro plan allows 100 exports monthly). And if you want support for all page builders including Elementor, Gutenberg, and Bricks builder then you can opt for the All Access plan which allows 500 exports per month. ![](https://theplusaddons.com/wp-content/uploads/2024/08/UiChemy-pricing-page-1.png) - After creating your account, you can locate your license key on the purchase confirmation page. Alternatively, it can also be found within the Dashboard of your POSIMYTH Store account. For a step-by-step guide on this process, check out [this document](https://uichemy.com/docs/create-a-free-uichemy-account-and-activate/). - Once you have obtained the license key, return to the Figma dashboard and navigate to the UiChemy interface. Paste your license key into the designated "**Serial Key**" field, and then click on the "**Activate**" button to successfully activate your account. You can also watch the full activation process in this video https://youtu.be/eqLDo2xB_SI ### Step 3 - Optimize Design Sections with UiChemy Design Optimizer Optimizing your design for the best conversion is essential. With UiChemy, we provide four tabs and over 15 steps to help you optimize your Figma files for smooth conversion. These tabs ensure that your designs stay intact and efficient during the process, making it easier to achieve professional and polished results. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Optimize-Design-Sections-with-UiChemy-Design-Optimizer.png) It's divided into four main tabs: **Media Optimization**, **Frame Optimization Phase,** **Text Optimization**, and **MainFrame Optimization**. Each tab focuses on different aspects of your design, helping you easily identify and fix any issues. - **Media Optimization:** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Media-Optimization.png) This tab is all about the frames in your design. It helps identify issues and offers options to optimize the frames, ensuring they are well-structured and aligned for the best conversion results.  Key features include converting groups to frames, managing auto layout in frames, detaching instances, removing unnecessary groups and frames, and more than eight additional options. - **Frame Optimization Phase:** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Frame-Optimization-Phase.png) This tab focuses on frames within your design. It identifies issues and provides options to optimize frames, ensuring they are properly structured and aligned for the best conversion results.  Key features include Convert Groups to Frames, Manage Auto Layout in Frames, Detach Instances, Remove Unnecessary Groups & Frames, and more than 8 additional options. - **Text Optimization:** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Text-Optimization.png) In this section, you'll find issues related to the text elements in your design. The options here help make the text clear, consistent, and responsive.  Key features include the ability to split multi-colored text, and more tools will be added soon.. - **Mainframe Optimization:** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Mainframe-Optimization.png) This tab focuses on issues related to the primary frame of your design. It provides options to optimize the main frame, ensuring a clean and functional layout. Key features include removing properties from the main frame, managing absolute items within it, applying auto layout, and other options to enhance mainframe optimization. You may need to modify elements and text, and everything will automatically adjust based on your website's width. The remaining content is also easy to manage, with all settings configured for responsiveness. By using the Optimization feature and its four tabs, you can effectively optimize and convert your Figma designs, ensuring a seamless and efficient conversion process with UiChemy. To assist you, we have created step-by-step tutorials for each of these four tabs. You can watch these comprehensive guide tutorials to optimize your Figma file designs neatly and effectively. https://www.youtube.com/playlist?list=PLFRO-irWzXaJtULGaE5MTNz2JKoLnJKkj ### Step 4 - Export Design from Figma to Bricks Website Once your Figma design is optimized, it's time to convert it into an editable Bricks page.  There are two methods to convert Figma to Bricks: - Live Import Method (Using UiChemy WordPress plugin) - JSON Download Method  Let’s understand both these methods in detail -  #### Method 1: Live Import Method (Using UiChemy WordPress plugin) - Recommended - First, you need to install the [**UiChemy WordPress Plugin**](https://wordpress.org/plugins/uichemy/) on your WordPress website.  - Once done, come back to your Figma app and select the top-level frame of your desired layout for export within Figma. Alternatively, you can utilize the arrow icon within the UiChemy window, which will automatically select the top-level frame. It is crucial to ensure that the top-level frame is selected, as failure to do so will result in the export option remaining inactive. - Following the frame selection, choose between the "**Optimize & Convert**" or "**Express Convert**" option. Subsequently, click on the corresponding "**Optimize & Convert**" or "**Express Convert**" button based on your selection. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Live-Import-using-UiChemy-WordPress-Plugin.png) - Finally, proceed by clicking on the "**Convert**" button on the subsequent screen to initiate the conversion process. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Click-Convert.png) - Upon reaching the next screen, you will encounter two distinct buttons: **Download JSON** *(which we will cover in the next section)* and **Live Import**. Click on **Live Import**. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Live-Import.png) - Next, in the "**Select Site**" dropdown, click on the "**+ Add Site**" button to proceed. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Click-on-Add-Site-1024x558.png) - A Live Import popup will appear. Here, you are required to input the Site URL and Security Token. You can find these two in your [UiChemy WordPress plugin settings](https://uichemy.com/docs/what-is-live-import/). - After entering the URL and Token, proceed by clicking on the "**Connect**" button. Upon successful input, a confirmation message will be displayed, indicating a successful connection. In the event of any discrepancies, an error message will be prompted. - Following the successful connection, you will notice that your website URL is automatically selected within the "**Select Site**" dropdown. - Once the dot next to the website URL turns green, click on the dropdown located under the "**Import Settings**." - Subsequently, select "**New**" from the "**Select Method**" section. Alternatively, you also have the option to update an existing template or page. - Following the previous steps, proceed by selecting the desired template type from the "**Export To**" dropdown. You have the option to import as a Page or a Bricks Template. We will choose “Page” for this demonstration. - Once you have selected the template type, click on the "**Next**" button to continue the import process. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Import-Settings-1024x573.png) - On the next screen, you can choose to import individual layouts or import all layouts at once by clicking the "**Import All**" button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Import-All.png) - That’s it! You successfully converted your Figma design to an editable Bricks page. You open the page by clicking the “**Open**” button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Open-the-page.png) **Benefits of using the Live Import method for converting Figma to Bricks builder -** - **Easy WordPress Integration:** Directly link your WordPress site to the Figma UiChemy plugin using a URL and Security Token, enabling smooth conversions without manual steps. - **Multiple Site Support:** Enjoy the ability to add various websites, giving you the option to import designs to different sites as needed in the future. - **Useful Export Functionality:** Choose to export your designs either as a complete Page or as a Bricks Template. - **Enhance Existing Pages:** Take advantage of the Add-on feature to easily append exported designs to the bottom of current pages, saving time on manual element additions. - **Simplified Bulk Export Process:** Optimize your workflow by applying uniform settings to all pages during bulk exports with just one click, avoiding the need to configure each page individually. #### Method 2: JSON Download While the Live Import method is more efficient. There’s another method for converting Figma to Bricks by downloading the JSON files from Figma manually and uploading them to your WordPress website.  Here’s how: - Assuming that you have optimized your Figma design, now it's time to use the Download JSON method, click on Download JSON in the UiChemy window. ![](https://theplusaddons.com/wp-content/uploads/2024/08/click-on-Download-JSON-in-the-UiChemy.png) - Upon reaching the next screen, you have the option to select the pages you wish to download. Subsequently, click on the "**Download JSON**" button to initiate the download process. You can also download individual pages by clicking the download icon beside each page.  - Finally, save the template as a JSON file. - Next, you need to import this JSON file into your WordPress website. - Navigate to the WordPress Dashboard and access the **Bricks >** **Templates** section. Then, click on the "Import Template" button. - Next, click on the “Choose Files" button and select the exported template. Then, click on the "Import Now" button to initiate the import process.  ![](https://theplusaddons.com/wp-content/uploads/2024/08/Import-templates.png) - That’s it! You successfully converted your Figma design to an editable Bricks page using the Download JSON method. You check the template by clicking the “**View**” button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Click-on-view-button.png) The only reason to use this method is, when you don't wish to install the UiChemy Figma plugin and directly import the design on your Bricks website as template JSON. **However, there are a few drawbacks of this method when compared to the Live Import method are:** - **Extended Workflow:** The procedure requires extra stages, as users must first export files from Figma before importing them into WordPress. - **Individual Template Updates:** Each modification necessitates a separate manual upload of the template. - **Multiple JSON Uploads:** For projects with several pages, users must repeatedly upload the JSON file. - **Consistent Template Application:** Unlike Live Export's direct page integration, this method requires templates to be consistently applied to pages manually. ### Step 5 - Edit Further in Bricks Builder Now that you've successfully imported your Figma design into Bricks, you can begin editing and personalizing your website. Bricks offer an intuitive and user-friendly editor that makes it easy to modify your site. After exporting, everything becomes editable within the Bricks builder. You can easily alter text, buttons, and other components. The tagging feature lets you label buttons and other options. If you've included images in your design, they will be exported smoothly, enhancing performance. Additionally, you have the option to export images as individual files if necessary. You may need to adjust some text to suit your preferences. Once you modify the elements and text, everything will automatically adjust based on your website's width. The remaining content is also straightforward to manage, with all settings configured for responsiveness For instance, if you access the style settings and select typography, then switch to tablet view, you'll notice that everything has been exported and optimized for responsive devices. If you wish to customize further, you can tweak the width and other settings, including padding and various elements. To begin editing your website, simply click on the section or element you want to change. You can then utilize the different editing tools and options available in Bricks to implement the desired modifications. Once you're happy with your changes, you can preview your website to see how it appears on various devices, including desktops, tablets, and mobile phones. Further adjustments can be made as necessary. Finally, when you're ready to launch your website, just click the "**Publish**" button in Bricks. Your website will then go live and be accessible to your audience. *Did you know you can edit Figma designs using the default WordPress Gutenberg editor as well? Here’s a *[***step by step guide on converting Figma to WordPress for FREE***](https://theplusaddons.com/blog/convert-figma-to-wordpress/)*.* ## Wrapping Up Converting your Figma design to a Bricks website has never been this easy, thanks to [UiChemy Figma Plugin](https://www.figma.com/community/plugin/1344313361212431142/uichemy-convert-figma-to-bricks-page-builder-wordpress).  With just a few steps, you can have a fully functional website up and running. This plugin offers a seamless and efficient way to convert your designs to Bricks builder, saving you time and effort. UiChemy Figma Plugin is a valuable tool for designers and developers who want to streamline their workflow and create high-quality websites.  With its simple and efficient conversion process, you can focus on what you do best - designing and developing great websites. ***People Also Viewed:**** *[*How to Convert Figma to Elementor for FREE?*](https://theplusaddons.com/blog/convert-figma-to-elementor/) ## FAQs on Converting Figma to Bricks Builder ### How to Convert Figma Designs into Bricks Websites? You can easily Convert a Figma design into a Bricks website using the UiChemy Figma Plugin. ### Do I Need Bricks PRO for Figma Conversion? No, Bricks PRO is not required. You can perform Figma conversions using the FREE version. However, if you need additional widgets and advanced features, you might want to consider Bricks PRO or The Plus Addons for Elementor. ### Is the UiChemy Plugin Free? Yes, UiChemy provides a FREE plan, enabling you to convert websites at no cost. For unlimited conversions, you can choose from any of our paid plans. ### Are UiChemy Designs Responsive? The UiChemy Plugin’s Responsive Manager offers options to adjust font size, height, padding, and spacing for mobile and tablet devices. We also provide breakpoints for Widescreen, Tablet Extra, and Mobile Extra, allowing you to set responsive values. Therefore, yes, you can make your design fully responsive using the Responsive Manager. ### How Many Designs Can We Convert in the Free Version? You can convert up to 10 designs per month for free. If you need to convert more, you can upgrade your plan, with limits depending on the specific plan you select. ### Where Can I Get Support? Support is available through multiple channels. Our live chat offers quick assistance, and our helpdesk is equipped to handle more detailed inquiries. Additionally, you can visit our support page on WordPress at[ https://wordpress.org/support/plugin/uichemy/](https://wordpress.org/support/plugin/uichemy/) for further help and resources. --- # 5 Easy Ways to Increase Maximum File Upload Size in WordPress Source: https://theplusaddons.com/blog/increase-the-maximum-file-upload-size-in-wordpress/ ***The file exceeds the maximum upload size for this website**.* If you've come across this warning while uploading files on WordPress, you're probably looking for ways to increase the maximum file upload size in WordPress. A low file upload size limit can prevent you from uploading large media files, themes, or plugins, which can be a significant challenge if you have a media-heavy website. As a result, you'll need to learn ways to increase upload size in WordPress and server, depending on your website needs. In this article, we'll explore how to increase maximum file upload size in WordPress in 5 easy ways. ## What is the Maximum Upload Size for WordPress? By default, your hosting server sets the maximum file upload size in WordPress. Uploading large media files takes up a lot of the server's resources. ![](https://theplusaddons.com/wp-content/uploads/2024/08/increase-maximum-file-upload-size-in-wordpress-1-1024x536.png) So, to prevent users from causing server timeout issues, they typically set a default maximum upload size, which can range from 2 MB to 500 MB. If you upload a file that exceeds this limit, you'll come across the "exceeds the maximum upload size for the site" error, which only exists to maintain the security and efficiency of your website. ### Why Should You Increase the Maximum File Upload Size in WordPress? For most WordPress media uses, the file size limit offered by a hosting provider is sufficient. However, there might be times when you need to increase the WP upload limit to enhance the visual appeal of your website. **For instance-** - You run a design or photography portfolio website which requires a large image size. - You want to sell digital products like e-books, videos, or photos via your website. - You want to install large WordPress themes or plugins to improve the design and functionality of your website. - You frequently upload images that exceed the current file size limit. In such cases, you should increase the WordPress maximum upload file size to ensure a media-rich website experience without affecting its performance. ## How to Check the Current Maximum Upload Size in WordPress? To verify the WordPress max upload size, go to ***Media > Add New*** on the WP dashboard, and you will see the maximum available upload size at the bottom of the uploader. ![](https://theplusaddons.com/wp-content/uploads/2024/08/check-current-maximum-file-upload-size.png) Alternatively, you can also check out the WordPress file size limit in the **Site Health Info** on WordPress admin. WordPress and hosting servers have a maximum file size limit, so you can find it under the ***Media Handling*** and ***Server*** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Media-Handling.png) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Upload-max-filesize.png) If this maximum upload size limit does not meet your current media requirements, many simple ways exist to increase WordPress upload size. ## How to Increase the Maximum File Upload Size in WordPress? Let's explore how to increase upload size in WordPress using five easy methods. ### Method 1: Reach out to your WordPress Hosting Provider One of the simplest ways to increase the upload limit on WordPress is to contact your WordPress hosting provider. This can be especially helpful for beginners who don't have the technical expertise to add codes or edit server files in WordPress. Besides, editing your website files to increase the WP upload limit might affect the website's performance if not done right. So, it is best to contact your hosting provider's customer service by phone or email. *The right hosting provider can improve your website performance, speed, and experience. Check out the **[Best WordPress Hosting for Elementor](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/)** to build a quality website.* ### Method 2: Create or Update your php.ini file Next method to resolve ***'The file exceeds the maximum upload size for this site***' issue is creating or updating your php.ini file. The php.ini file is the default file to configure any PHP-run application. This file includes parameters that define max upload size, file timeout, and resource limits. Create or update this php.ini file to change the WordPress upload limit. To find the php.ini file, access your [WordPress root directory](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/) using SSH or FTP. If the file is not visible, you can quickly create a new one in the root directory. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Create-or-Update-your-php.ini-file.png) Once you locate the file, copy the following code in the new or existing php.ini file and save the changes. `upload_max_filesize = 64M post_max_size = 128M memory_limit = 264M` You can replace the max upload size based on your requirements. However, some hosts might not allow you to modify the PHP settings using this method. In that case, you can follow any of the other methods mentioned in this article. *Need to update your website’s PHP version for better performance and functionality? Learn **[How to Check and Update PHP in WordPress.](https://theplusaddons.com/blog/update-php-in-wordpress/)*** ### Method 3: Update Your .htaccess File Many hosting providers also allow you to change the PHP settings via the .htaccess file, making it an easy way to increase the upload size in WordPress. To do this, log in to your web server via an FTP client. If you're using FileZilla, you need the following inputs to connect your server to the FTP client- - Host - Username - Password - Port ![](https://theplusaddons.com/wp-content/uploads/2024/08/Update-Your-.htaccess-File.png) Open the .htaccess file in a text editor and add the following code- `php_value upload_max_filesize 256M php_value post_max_size 256M php_value max_execution_time 300 php_value max_input_time 300` Simply change the maximum upload values to the size limit you want and save the changes. ### Method 4: Change PHP Options via cPanel If your hosting provider uses the cPanel dashboard to manage the site, you can access it to increase the upload limit in WordPress. To do this, go to your cPanel dashboard. Under the ***Software ***section, click on ***Select*** ***PHP version***. This setting lets you change the server's current PHP version or manage different PHP extensions. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Change-PHP-Options-via-cPanel.png) Click on ***Options*** to go to the PHP options panel. ![](https://theplusaddons.com/wp-content/uploads/2024/08/PHP-selector.png) Scroll down to find various PHP directives for WordPress file size, such as *"upload_max_filesize", "max_execution_time", "memory_limit", "post_max_size", *and* "max_input_time"*. ![](https://theplusaddons.com/wp-content/uploads/2024/08/PHP-directives-for-WordPress-file-size.png) You can change the maximum values for these directives based on your current hosting plan. If you're using the new version of cPanel, the changes will be saved automatically. Otherwise, click on the **Save Changes** button. ### Method 5: Using a WordPress Plugin While editing the php.ini or .htaccess files to increase the WordPress upload size limit is easy, such technical methods might not be your cup of tea. In such a case, WordPress plugins can come in handy, allowing you to increase the WordPress file size limit without coding. Various plugins on WordPress allow you to do so, such as the *[Big File Uploads](https://wordpress.org/plugins/tuxedo-big-file-uploads/)* plugin. To install the plugin, go to ***WP dashboard > Plugins > Add New, search for the Big File Uploads plugin,*** and activate it. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Big-file-uploads-plugin.png) Next, go to the plugin settings and enter your desired value for the website file upload size. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Enter-Maximum-Upload-Size-1024x383.png) Click on ***Save*** to apply the new file size across the website. ## BONUS - Don't Edit the 'wp-config.php' File When you're looking for ways to increase the maximum file upload size in WordPress, you might come across the method of editing the 'wp-config.php' file to do so. It involves accessing your website's root directory via SSH or FTP client and modifying the 'wp-config.php' by adding the following lines of code. **However, this method no longer works**. You can only add the *ini_set()* function to set PHP directives that belong to the *PHP_INI_ALL* changeable mode. Since *upload_max_size *and *post_max_size *functions belong to *PHP_INI_PERDIR *changeable mode, you can only set the PHP directives via the *.htaccess, php.ini, user.ini,* or *http.conf* files. *Is your WordPress website down? Learn about the [**8 Things to Check and understand how to fix your website**](https://theplusaddons.com/blog/wordpress-website-is-down/).* ## Here's How to Verify Your WordPress Site's New Max Upload File Size Once you've tried any of the abovementioned methods, you'd want to confirm whether it worked. To verify your website's new maximum upload size, go to ***Media > Add New*** on the admin dashboard or access the site health info to check the maximum upload size. ![](https://theplusaddons.com/wp-content/uploads/2024/08/increase-maximum-file-upload-size-in-wordpress.png) ## Wrapping Up This wraps up the 5 simple ways to increase the maximum file upload size in WordPress. As you've seen, changing the WordPress upload limit is not complex, and you can easily do so by editing your .htaccess or php.ini files. Or, you can simply contact your hosting provider or use a WordPress plugin to increase the file upload size in WordPress. Plugins offer an easy and reliable way to add various features to your WordPress website, like [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/). With access to more than 120 unique widgets, The Plus Addons helps you enhance the functionality of your Elementor page builder instantly. From content to design and website navigation, you can enjoy endless features and enhance the user experience seamlessly. ## FAQs on Increasing Maximum File Upload Size in WordPress ### Why is my WordPress upload size limit so low? Your hosting service provider sets the WordPress upload size limit. Since WordPress files consume the server resources, the hosting provider might set a low limit to prevent server issues and improve the efficiency of the website. ### Will increasing the maximum upload size have an impact on site load speed? Increasing the maximum upload size can impact your website's speed if the file is not optimized properly. It's better to optimize the files to ensure faster loading and make it easy for the search engine crawlers to load. ### What is the file storage limit for WordPress? The file storage limit for WordPress depends on your hosting provider and can vary. The default value is 256 MB. ### How do I upload large files to my website? If you want to upload large files on your website but the WordPress size limit does not allow it, you'll need to increase the upload limit in WordPress. You can do so by contacting the hosting provider, using a plugin, using the cPanel, or adding a code to your .htaccess or php.ini file. ### Can I increase the upload limit without a plugin? Yes, you can easily increase the upload limit in WordPress without using a plugin. You can either contact your hosting provider or change the limit via cPanel. You can also modify the .htaccess or php.ini files by adding a code to increase the file size limit. --- # How to Display Elementor Templates Using a Shortcode Source: https://theplusaddons.com/blog/display-elementor-templates-using-shortcode/ Recreating designs and templates again and again across multiple pages manually is very frustrating. Many WordPress users face this similar challenge as you do. If you want to go further, you can also [duplicate Elementor pages](https://theplusaddons.com/blog/how-to-duplicate-a-page-in-elementor/) entirely to save even more time. Luckily, we have the solution as always. What if you'd be able to display your beautiful Elementor templates anywhere on your site with just a simple shortcode? Sounds unrealistic right? No, it's not. In this article, we'll guide you through the steps to easily display Elementor templates using a shortcode and make your time-consuming designing process quicker than ever before. Let’s get started! ## What are Shortcodes in Elementor and How is it Useful? Shortcodes are little snippets of code that allow you to add complex features to your WordPress site without needing to know any programming. They are written inside square brackets like this: [shortcode]. When you add a shortcode to a page, WordPress replaces it with the corresponding content or function. ![Display Elementor Templates Using shortcode](https://theplusaddons.com/wp-content/uploads/2024/08/image-107.png) Elementor shortcodes are very useful in various ways such as you can include a Table of Contents, Ebooks, etc. You can also include social share buttons, posts, testimonials, accordions, and the list goes on. You can easily customize these shortcodes to match your website's design and functionality requirements. Now let’s take a look at the easy steps to display Elementor templates using a shortcode in WordPress. ## 3 Simple Steps to Display Elementor Template Using a Short Code Elementor provides an easy way to display templates using a short code. But before starting make sure you have installed Elementor and [Elementor Pro](https://go.posimyth.com/recommends/elementor/). Let’s take a look at the steps to integrate templates in Elementor using a shortcode. **Step 1: **The first question you might have is how to get Elementor template shortcode. To do that, navigate to your WordPress dashboard and click on **Templates > Saved Templates.** ![](https://theplusaddons.com/wp-content/uploads/2024/08/Navigate-to-Templates-in-WordPress.png) ***Recommended Read:**** *[*How to Use Elementor Global Widget [Make Global Changes]*](https://theplusaddons.com/blog/how-to-use-elementor-global-widget/) **Step 2:** In the saved Templates, you'll find shortcodes for each of your Elementor templates. These Elementor templates shortcode allow you to insert templates anywhere on your site. ![](https://theplusaddons.com/wp-content/uploads/2024/08/Shortcodes-for-Elementor-Templates.png) If the shortcodes are not visible, make sure you have enabled the shortcode checkbox in the **Screen Options.** ![](https://theplusaddons.com/wp-content/uploads/2024/08/WordPress-Screen-options.png) **Step 3: **Simply, you can then paste it into any post, page, or widget area where shortcodes are supported. > ***Note***: *Shortcodes only work with saved Elementor templates. Ensure you've saved your design as a template before attempting to use its shortcode.** > * *If you don’t want to spend time designing Elementor templates or you're not very familiar with Elementor, we highly recommend using ready-made [**Elementor Templates from WDesignKit**](https://wdesignkit.com/templates?builder=1001&plugin=%5B1003%5D). * *With over 600 Elementor templates available, you'll find options suitable for every business.* ## Wrapping Up If you have a specific design or layout that you want to use across multiple pages or posts, shortcodes enable you to reuse Elementor templates without needing to recreate the design each time. Also, for users who are not as familiar with Elementor’s interface or for those who prefer working with WordPress’s classic editor, so in that case shortcode offers straightforward ways to insert Elementor designs through simple copy paste method. Shortcodes also help in optimizing website performance, instead of using multiple Elementor widgets using a shortcode is more performance-friendly. **Here is the recap of the steps to display Elementor templates using a short code:** - Go to your WordPress dashboard and click on **Templates** >** Saved Templates**. - Find the shortcodes for each of your Elementor templates in the Saved Templates section. - Paste these shortcodes into any post, page, or widget area that supports them. Moreover, as a WordPress user, you know how stressful it is to install multiple plugins for every design need, and that eventually slows down your website.  But what if you could get everything by installing just one plugin? Yes, you heard it right. Try using [***The Plus Addons for Elementor***](https://theplusaddons.com/). It is an all-in-one Elementor addon that fulfills your every design need with its over 120 widgets and extensions.  Just install the plugin and you will have everything you need in one place. ***Further Read****: *[*How to Display Gutenberg Blocks in Elementor? [Tutorial Included]*](https://theplusaddons.com/blog/how-to-display-gutenberg-blocks-in-elementor/) ## FAQs on Displaying Elementor Templates Using a Shortcode ### What to do if the Elementor template shortcode does not work? To fix the Elementor template shortcode not showing the issue, ensure that the shortcode is correctly copied and pasted. Verify that the Elementor plugin is updated, and check for conflicts with other plugins. Also, clear your website cache and regenerate Elementor's CSS files. ### How to create a shortcode for a custom page template? To create a shortcode for a custom page template in WordPress, add a function to your theme's functions.php file. Define the output of your custom template within this function. Register the shortcode using the add_shortcode function, and then use the shortcode in your posts or pages. ### How does an Elementor template shortcode plugin generate shortcodes? An Elementor template shortcode plugin generates a shortcode by allowing you to select or create a template within Elementor and then provide a unique shortcode for that template. You can then paste this shortcode anywhere on your WordPress site to display the template content. ### How to add a shortcode to an Elementor button component? Open the Elementor editor and select the button widget. In the Content tab, find the "Link" section. Choose "Dynamic" from the dropdown menu. Select "Shortcode" as the source. Enter your desired shortcode in the provided field. Update or publish your changes. --- # Free PX to Inches Converter Tool [Customizable PPI] Source: https://theplusaddons.com/blog/px-to-inches-converter/ Want to convert pixels to inches? Use this free online px to inches converter. Enter Pixels: Enter PPI (default is 96): Convert Inches: 0 in > ***Note***: *The default value of PPI is set to 96, which is commonly used in web design, but you can change the value according to your requirements.* ## What is the Need for Converting Pixels to Inches? Converting pixels to inches is important because it helps ensure your designs look consistent and accurate across different devices and in print. When you convert pixels to inches, you make sure that the physical size of your design elements remains the same, no matter what screen or medium they're viewed on. ### Working with Web When you are working with the web or designing websites, knowing the size in inches helps create layouts that look good on different screen sizes.  This ensures that images and text appear correctly and proportionately, making the website visually appealing and easy to use. ### Working with Media For those working with printed media, converting pixels to inches is essential for printing images at the correct size and resolution, so that printed materials look sharp and professional, whether it’s a flyer, brochure, or any other type of print. Moreover, if you want your image to appear the same in print media, it's important to understand both PPI and DPI. #### Pixel Per Inches (PPI) Pixels per inch (PPI) is a measure of pixel density in digital displays, such as monitors, and smartphones, and tablets. It tells us how many pixels are packed into one inch of the display. A higher PPI means more pixels in each inch, resulting in a sharper and clearer image. For instance, a screen with 300 PPI will show more detail than one with 72 PPI. #### Dots Per Inches (DPI) DPI stands for Dots Per Inch. It is a measure of how many dots of ink a printer can put in an inch of paper. In digital terms, it often refers to the number of pixels displayed per inch on a screen.  When converting pixels to inches, DPI plays a crucial role because it determines how many pixels fit into one inch. - **Higher DPI**: More pixels per inch, resulting in a sharper and clearer image. - **Lower DPI**: Fewer pixels per inch, leading to a more pixelated or blurry image. ***Similar useful tool:**** *[*PX to REM Converter Online [FREE]*](https://theplusaddons.com/blog/px-to-rem-converter/) ## Px to Inches Conversion Table As you can see from the table, the higher the PPI value, the more pixels there are per inch, which results in a higher-resolution image.  | Pixels (px) | Inches (72 PPI) | Inches (96 PPI) | Inches (300 PPI) | | ----------- | --------------- | --------------- | ---------------- | | 100 | 1.39 | 1.04 | 0.33 | | 200 | 2.78 | 2.08 | 0.67 | | 300 | 4.17 | 3.13 | 1.00 | | 400 | 5.56 | 4.17 | 1.33 | | 500 | 6.94 | 5.21 | 1.67 | | 600 | 8.33 | 6.25 | 2.00 | | 700 | 9.72 | 7.29 | 2.33 | | 800 | 11.11 | 8.33 | 2.67 | | 900 | 12.50 | 9.38 | 3.00 | | 1000 | 13.89 | 10.42 | 3.33 | ### Challenges Faced in Conversion - **Display Resolution Variability**: Different screens have varying pixel densities (PPI or DPI), affecting how images appear in inches. - **Image Quality**: Increasing image size in inches can lead to pixelation if the resolution isn't high enough. - **Device Settings**: Variations in device settings and color profiles can also alter the perceived size and quality of images. ## Convert Pixels to Inches Using Formula To convert pixels to inches, you need to use a simple formula. The formula is based on the pixel density or PPI (pixels per inch) of the image. PPI is a measure of the number of pixels present in one inch of the image. The formula to convert Px to inches is as follows: Inches = Pixels / PPI For example, if you have an image with a resolution of 250 PPI and a width of 1200 pixels, you can convert the width to inches using the formula: Inches = 1200 / 250 = 4.8 inches This means that the width of the image is 4.8 inches when printed at 250 PPI. ***People also search for: ****[Free PX to CM Converter [Pixels to Cm]](https://theplusaddons.com/blog/px-to-cm-converter/)* ## FAQs on Px to Inches Converter ### How many px in an inch? There are 96 pixels in an inch if you're working with the standard web resolution of 96 PPI (pixels per inch). However, this number can vary depending on the device's resolution or the image's PPI setting. ### How to convert inches to pixels? To convert inches to pixels, multiply the number of inches by the resolution (PPI or DPI). For example, if your image resolution is 96 PPI, multiply the inches by 96. Thus, 2 inches at 96 PPI equals 192 pixels. Use the formula: Pixels = Inches x PPI. ### What is 600 pixels per inch? 600 pixels per inch (PPI) is a measurement of image resolution, indicating the number of pixels in one inch of the image. Higher PPI means more detail and sharper images, commonly used in high-quality printing and detailed digital displays for clear and crisp visuals. ### What are pixels per inch distance? Pixels per inch (PPI) distance refers to the density of pixels within an inch on a digital display. It determines the image resolution, with a higher PPI providing sharper, more detailed visuals. PPI is very important, especially in web design and print media. ### How to change the pixel size of an image? To change the pixel size of an image, use photo editing software like Photoshop or online tools like Canva. Open the image, select the resize option, and enter the desired pixel dimensions. The [**best photo editing software**](https://www.saasadviser.co/software/photo-editing-software) provides advanced resizing features while maintaining image quality. Save the resized image to apply the changes effectively. --- # How to Embed YouTube Shorts on WordPress [Step-by-step Guide] Source: https://theplusaddons.com/blog/embed-youtube-shorts-in-wordpress/ Given the tremendous rise in short-form video content, embedding YouTube Shorts on WordPress can enhance your website interaction. They are catchy and engaging, offering bite-sized content that grabs user attention immediately. So much so that [64% of consumers](https://www.socialmediatoday.com/content/consumers-64-more-likely-purchase-product-after-watching-online-video-infographic) are likely to buy something from a website after watching a video! YouTube Shorts are not just entertaining to watch; they're also a powerful marketing tool to reach a wider audience seamlessly. But how can you embed YouTube shorts on your website? In this guide, we'll explore three simple ways to embed YouTube Shorts on WordPress. ## Key Takeaways - Use The Plus Addons’ YouTube widget to embed Shorts with full controls. - Or convert the Shorts URL by replacing “shorts/” with “watch?v=”. - Get advanced styling and 120+ Elementor widgets with The Plus Addons. ## What are YouTube Shorts? YouTube Shorts are short, vertical videos that range from a few seconds to one minute. Officially launched in March 2021, YouTube Shorts offer a quick way to engage the audience with bite-sized content, like Instagram reels and TikTok videos. ![](https://theplusaddons.com/wp-content/uploads/2024/07/POSIMYTH-YouTube-Shorts-1024x379.png) *Snapshot from [POSIMYTH Innovations YouTube Shorts](https://www.youtube.com/@posimyth/shorts)* These videos are specifically with the mobile-esque vertical video format, made using a smartphone camera. ### Why Should You Embed YouTube Shorts on WordPress? YouTube Shorts receive billions of views per day making it a game-changer for your business growth. If you want to improve your online presence, investing in YouTube Shorts and embedding them on your website can help you attract an audience effortlessly. Here are the various reasons for YouTube Shorts embedded in WordPress- **1. Reach a wider audience** Being a popular video content format, YouTube Short not only makes it easy to attract your website visitors but also opens up access to YouTube's large audience. This helps you reach more potential customers who are interested in your business. **2. Improve website engagement** Embedding YouTube Shorts on your WordPress website is an interesting way to keep your audience on the website longer. It creates an engaging user experience and also makes your website quite appealing. With a longer dwell time, you can quickly boost your audience's interest in your business. **3. Boost website SEO** Video content on your website is also good for SEO. This is because search engines like Google boost rich content that engages the audience and provides value to them, which YouTube Shorts can do seamlessly. So, if you're aiming for higher search engine rankings, embedding YouTube Shorts on WordPress is a must. *Looking to embed social media login options for your users on the website? Learn [**How to Add a Facebook Login on WordPress**.](https://theplusaddons.com/blog/how-to-add-facebook-login-on-wordpress/)* ## How to Embed YouTube Shorts on WordPress [Step-by-Step Methods] Now that you know how YouTube Shorts can boost your website engagement and interaction, let's dive into how to embed YouTube shorts in a WordPress website. ### Method 1: Using a Plugin A WordPress plugin is the easiest and the most beginner-friendly method to embed YouTube Shorts in a WordPress website. With a plugin like [The Plus Addons for Elementor](https://theplusaddons.com/), it's relatively simple and convenient to embed YouTube shorts on your website using the [YouTube Embed widget.](https://theplusaddons.com/elementor-widget/youtube-embed/) ![](https://theplusaddons.com/wp-content/uploads/2024/07/YouTube-Embed-by-The-Plus-Addons-for-Elementor.png) **Step 1: Install The Plus Addons for Elementor** If you want to embed YouTube Shorts on your website – or other social feeds – The Plus Addons for Elementor plugin is all you need. It is a comprehensive collection of 120+ free and paid widgets to enhance WordPress features and functionality. Go to ***Plugins > Add New*** on your WordPress dashboard and install The Plus Addons for Elementor. Once you buy the Pro subscription and activate the plugin, you'll have access to the YouTube Embed widget. **Step 2: Turn on the YouTube Embed Widget** Go to ***The Plus Settings ***on the WordPress dashboard. Under ***Plus Widgets,*** search for Social Embed Widget and turn on the toggle to enable the widget. Click on **SAVE**. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Turn-on-the-YouTube-Embed-Widget.png) **Step 3: Add the YouTube Embed Widget** The Social Embed Widget is a single widget that embeds various social media platforms on your website, including Facebook, Instagram, Twitter, and YouTube. Once you've enabled the widget, go to your Elementor page builder and drag and drop the widget into the editor. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-social-embed-widget-to-Elementor-editor.png) Under the ***Content*** tab, select YouTube as the Embed Option to add videos and shorts from your YouTube channel. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Select-YouTube-Option.png) You can display single videos, playlists, or user videos from YouTube by simply copy-pasting the video/playlist ID. The shorts will be embedded in your site, where you can adjust the start and end times of the video. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Further-YouTube-Type-options.png) Further, if you're wondering how to autoplay YouTube Shorts, the widget has an option for that, too! You can easily determine how you want to play the video – keep it on loop, autoplay it, enable controls, display video in full screen, and more. ![](https://theplusaddons.com/wp-content/uploads/2024/07/AutoPlay-options-and-more.png) **Step 4: Customize Your YouTube Shorts Layout** Once you have added the YouTube short, you can customize the layout and design however you see fit. You can adjust the content alignment, choose the border style, color, and shadow, and customize the background of the video player. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-shorts-layout.png) *Drive more visitors to your website and boost views on YouTube. Check out the [**6 Best YouTube Plugins for WordPress**.](https://theplusaddons.com/blog/best-youtube-plugins-for-wordpress/)* ### Method 2: Using iFrame Code An iFrame code is an HTML tag that allows you to embed another HTML document in the current document. Here's how you can embed code for YouTube shorts on your website- - Open the YouTube Short you want to add to your website - Click on **Share** and then **Embed.** - Copy the iFrame code given in the pop-up window that appears - In the WordPress editor, add an HTML block and paste this iFrame code to embed the YouTube short to your website. ### Method 3: By Modifying the URL Another quick and easy way how to embed a YouTube Short in WordPress is to modify the YouTube short URL. For this, you need to follow these steps- - Copy the URL for the YouTube Short that you want to display on your feed. - In the copied URL, replace "**shorts/**" with "**watch?v=**". ![](https://theplusaddons.com/wp-content/uploads/2024/07/Modify-URL.png) 3. On your website page or post in the Gutenberg editor, add an HTML block and paste this modified URL. This will quickly embed the YouTube short on your WordPress website. *Enhance your website engagement with highly interactive video players on the website. Explore the [**5 Best WordPress Video Player Plugins for SelfHost, Vimeo, and YouTube.**](https://theplusaddons.com/blog/best-wordpress-video-player-plugins/)* ## Wrapping Up Embedding YouTube Shorts on your WordPress website is an excellent way to improve user experience, boost website engagement, and reach the right audience with rich content. All three methods mentioned in this article are simple, quick to follow, and don't require you to have any technical knowledge. However, while all three methods are easy, modifying the video URL and using iFrame code might not give you design flexibility. By using the [YouTube Embed](https://theplusaddons.com/elementor-widget/youtube-embed/) widget by The Plus Addons for Elementor, you can easily customize the YouTube Shorts on your website – from the content alignment and box styles to background colors. What's more, you can easily access more than 120 other Elementor widgets to enhance your website content, design, and functionality. ## FAQs on Embedding YouTube Shorts on WordPress ### Is it legal to embed YouTube videos on my website? Yes, if the uploader of the original YouTube video has included the 'Embed' option in the shorts, it is completely legal to embed such videos on your website. ### Is it possible to AutoPlay YouTube Shorts? With the YouTube Embed widget by The Plus Addons for Elementor, you can add the AutoPlay feature under the 'YouTube Option' section. ### Can I embed a YouTube playlist in WordPress? Yes, plugins like The Plus Addons for Elementor allow you to embed a YouTube playlist in WordPress. ### How do I embed a YouTube channel in my WordPress site? With the Social Embed Widget by The Plus Addons for Elementor, you can easily embed, edit, and customize your YouTube channel on your website. --- # Fix ‘Sorry you are not allowed to access this page’ WordPress Error [4 Ways] Source: https://theplusaddons.com/blog/how-to-fix-sorry-you-are-not-allowed-to-access-this-page/ > **Sorry, you are not allowed to access this page!** When you want to access your WordPress website to make a few important changes, this is the last thing you would want to see. This error message usually appears when you don't have permission to access the page or the server denies your request due to certain security issues. It can be frustrating, time-consuming, and impact your workflow, to say the least. Not to mention, such an error on your website can affect the visitor experience and harm your site's reputation. Fortunately, there are simple ways to fix this issue and regain website access in no time. In this article, we'll explore some easy ways to fix 'sorry you are not allowed to access this page" on WordPress. ## What does the WordPress Error "Sorry You Are Not Allowed to Access This Page" Mean? The "Sorry, you are not allowed to access this page" in WordPress is a security message that appears when you don't have the necessary permission to access a particular page or the server has encountered a security issue. It is a WordPress security feature that aims to prevent unauthorized website access. While this may seem simple, identifying the root cause can be tricky. This is because, if you're not the site owner or Administrator, you need to contact the site owner to request access to a particular page and fix the error on the WordPress backend. However, if you're the website administrator, you should have access to the entire WordPress backend by default. In this case, the issue could arise due to a misconfiguration in WordPress or a discrepancy in data between your WordPress files and WordPress database. ### What Causes the "Sorry You Are Not Allowed to Access This Page" WordPress Error? Here are the various possible causes of the wordpress 'sorry you are not allowed to access this page' error- #### 1. Incorrect user permissions The most common reason for this issue could be permission settings on WordPress preventing you from accessing the page. Recheck your WordPress file permissions to enable authorization to access the site #### 2. Discrepancy in data in wp-config.php file The error message could indicate a discrepancy between your website's database and the information stored in the wp-config.php file. For instance, if the username and password in your wp-config.php file don't match the database, it can potentially trigger an access error. #### 3. Corrupt themes, plugins, or WordPress core There could be a mismatch in the data communicated between your website's files and the database. If the information stored within your plugin, theme, or WordPress core files doesn't match the version stored in your database, the server might not process your request, leading to the error. #### 4. Outdated PHP version PHP powers most of what you see on the WordPress backend and front end. Working on an outdated PHP version not only affects your website functionality but can also often result in access issues like this. ***Recommended Read:** [How to Check & Update PHP in WordPress [Easy Steps]](https://theplusaddons.com/blog/update-php-in-wordpress/)* ### Quick Solutions to Get Access to Your WordPress Page Before you troubleshoot the website to fix the 'access to this page has been denied' error, you can try out the following quick solutions to get access to your WordPress page #### 1. Try in a different browser Your browser's settings and permissions often conflict with the website's settings. This can often lead to issues accessing your WordPress website from the usual browser. Issues can also arise if multiple tabs are open while logging in to your website. If you encounter WordPress page access issues, try logging in to your website from a different browser. #### 2. Clear the cache & refresh the page Your website cache stores the website or page data on a server for later use. Each time someone visits the site, the website accesses this cache to display the website content and offer faster loading times. However, there might be times when the website displays old content stored on your server. This can result in issues with access to the website. To fix this, go to your browser settings and clear cookies and cache. ![](https://theplusaddons.com/wp-content/uploads/2024/07/clear-cookies-and-cache.png) Next, hit the refresh button on your browser to refresh the page. If you're [**using a cache plugin**](https://theplusaddons.com/blog/best-cache-plugins-for-elementor/) for your WordPress website, it is a good idea to clear the website cache using the plugin as well. *Did you know Elementor page builder also accumulates cache? Here's **[How to Clear Elementor Cache in 3 simple steps](https://theplusaddons.com/blog/how-to-clear-elementor-cache/)**.* #### 3. Restore backup If you have recently created a backup of your website, try restoring the backup to bring your website back to the last working version quickly. However, you should try this method only if there is a recent backup, as it will not affect your website data. If the above methods fail to fix the 'sorry, this site cannot be accessed from your current location' error, try troubleshooting the website using the methods discussed below. ## How to Fix WordPress "Sorry You Are Not Allowed To Access This Page" Error [Working Methods] Encountering the 'access to this page is denied' error can be frustrating, disrupting your work and affecting the website experience. But before you start troubleshooting the site to fix the issue,** [taking a fresh backup of your site](https://theplusaddons.com/blog/how-to-backup-wordpress-website/) **is important. With a fresh backup, you can easily experiment with different methods and quickly revert to the current website version if anything goes wrong. Additionally, it is a good practice to set up a staging site to identify the root cause of the issue and employ various methods to fix it. This way, any changes you make here won't affect or crash your website. You can then easily merge the staging site with the live website once you finish the changes. ### 1. Disable All Your Themes & Plugins Corrupt or outdated plugins and themes can result in access issues for your WordPress website. Try disabling and enabling them individually to identify which of the plugins is causing the issue. To do this, go to the ***Plugins ***section on the WordPress admin dashboard. Select ***All Plugins*** and click on ***Deactivate.*** ![](https://theplusaddons.com/wp-content/uploads/2024/07/Disable-All-Your-Themes-Plugins.png) Now, visit your website in incognito mode and check the page you want to access. If the issue has been resolved, you can be sure that a plugin is causing it. To identify which one, reactivate the plugins one by one and check your website after each. When you find the plugin, update it to fix the issue, or deactivate and delete it if you don't need it. If none of the plugins are causing the error, your website theme could be the root cause. To fix this, go to ***Appearance > Themes*** on your WordPress dashboard to switch to a default theme. Once you activate it, your current theme will automatically be deactivated. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Activate-the-WordPress-default-theme.png) Now, visit your website again to see if the issue has been resolved. If it has, your theme was the issue, and you can contact the theme developer to report the issue. Additionally, if you have installed multiple themes on your website, consider deleting the inactive ones, as they can cause incompatibility and security issues in your website. ### 2. Update to the Most Recent PHP Version Available Operating your website on an outdated version of PHP can result in various incompatibility and functional issues, including access issues. If your website is not running on the latest PHP, WordPress might see this as a security threat and prevent you from accessing the site. As a result, you must check and update the PHP version to improve your website's security and functionality. If you're using an outdated PHP version, you should see a warning message like this- ![](https://theplusaddons.com/wp-content/uploads/2024/07/Update-to-the-Most-Recent-PHP-Version-Available.jpg) Or you can check the PHP version in your cPanel. For this, navigate to **General Information** in cPanel. ![](https://theplusaddons.com/wp-content/uploads/2024/07/navigate-to-General-PHP-info-1024x518.png) ![](https://theplusaddons.com/wp-content/uploads/2024/07/Check-the-php-version-1024x247.png) **To update to the latest version in cPanel-** - Log in to your hosting account and navigate to the control panel. - Scroll down to find your website settings and click on the ***Tools*** or ***Software*** section***.*** - Navigate to ***Select PHP version***. - Select the latest PHP version from the dropdown menu. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Select-php-version.png) 5. Save the changes. ### 3. Ensure You're the Site Administrator If you can easily log in to WordPress but are unable to access a particular website page, it might be due to a change in user roles. It is a common issue with multisite installs, indicating that you're no longer set as the Administrator. To fix this, visit ***Users > All Users*** on your WordPress dashboard. Look at the ***Role* **column to see your user role. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Check-user-role-1024x315.png) If you cannot access the ***Users*** page, it means you're not an administrator and you can go to phpMyAdmin to fix this. 1. From your hosting dashboard, go to phpMyAdmin and access your website's database. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Access-your-websites-database-in-phpmyadmin.png) 2. Navigate to the 'wp_users' table. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Look-for-table-named-wp_users.png) 3. Locate and note your User ID. 4. Go to ‘wp_usermeta’ table and look in the ‘meta_key’ column for ‘wp_capabilities’ 5. If the table value doesn't mention anything as "Administrator", you can use the edit link to change the access. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Modify-Your-User-Role-1536x697-1.png) 6. Alternatively, you can also set up an entirely new Administrator Account. ### 4. Make Sure Your Database Prefix is Correct A discrepancy between the database prefix in your 'wp-config.php' file and the website database can also lead to access denied issues within your website. Check and rectify your database prefix to ensure seamless website access and performance. **To do this-** 1. Access your 'wp-config.php' file via STFP ![](https://theplusaddons.com/wp-content/uploads/2024/07/Access-wp-config.png) 2. Find the '$ table_prefix' line in the file and note the prefix. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Find-the-table_prefix-1024x210.png) 3. Now, login to phpMyAdmin and compare the prefixes in your database table. 4. If they don't match, make changes in your 'wp-config.php' file to add the correct prefix. *Have you recently encountered a fatal error on your WordPress website that has affected its performance? Learn [**How to Fix WordPress Fatal Error**](https://theplusaddons.com/blog/wordpress-fatal-error/) and enhance the website experience.* ## What to do if you still can't fix the error? In most cases, following one of the methods mentioned in this article can quickly resolve the issue, and you'll be able to access the website. However, if the issue persists, here are a few suggestions that can help. **1. Contact your hosting provider** In some cases, the [**web hosting provider**](https://theplusaddons.com/blog/best-wordpress-hosting-for-elementor/) might have set certain permissions that could be overriding your website permissions. Contact your hosting provider's customer support to raise a query and resolve the issue. **2. Request help on the WordPress support forum** The WordPress support forum is an excellent place to connect with other WordPress users to learn, share issues, and help each other. You can post specific issues on the WordPress forum; someone will help you. You can also consider posting your query or searching through existing solutions on other popular forums like Reddit, StackOverflow, or Quora. *Are you dealing with downtime on your WordPress website? [**Explore the 8 Things to Check when WordPress Website is Down**](https://theplusaddons.com/blog/wordpress-website-is-down/) and learn how to fix them.* ## Wrapping Up The 'Sorry, you are not allowed access to this page' can be troublesome and lock you out of your website due to permission or security errors. While it is possible to fix the issue manually, it might require you to follow different methods, from deactivating themes and plugins to updating the PHP version and rectifying the database prefix, to identify and fix the root cause. Once you fix access issues, use quality plugins to enhance your website's functionality and prevent plugin issues from affecting your site again. **The Plus Addons for Elementor** is a high-quality WordPress plugin that seamlessly works with your website to add unique features to your Elementor editor. What's more? The plugin is cleanly coded and highly optimized, ensuring you never run into any technical issues in WordPress ever again. ## FAQs on "Sorry You Are Not Allowed to Access This Page" Error ### Why can't I access a page? If you can log in to your WordPress but cannot access a particular page, it could be for several reasons: your user role does not grant you access, outdated themes, plugins, or WordPress core might be causing the issue, or there is a configuration issue. ### How do I get rid of access denied on my website? If you're encountering the error 'access to this page has been denied', you must determine your user role in WordPress to know if you have access permission. Contact the website administrator to request access. Or, if you're the Administrator, go to Users > All Users on the WP dashboard and update your user roles. ### Why does a website say "not allowed"? A WordPress website might show an error message "not allowed" due to security issues or if you don't have access permission to the website. ### How to fix you are not authorized to access this page issue? To fix the 'you are not authorized to access this page' issue, check your user role in WordPress and modify it within the dashboard or the 'wp-config.php' file. Try deactivating all themes and plugins to determine if one is causing the issue and ensure that your website runs on the latest PHP version. ### How do I restore permissions in WordPress? To restore permissions in WordPress, contact the website administrator to modify the user roles and allow access to the site. Or, if you're the Administrator, go to Users > All Users on your WP dashboard to check and modify user permissions. ### How can I check if I have the correct WordPress role to resolve the error? To check your access role, go to Users > All Users on your WordPress dashboard. Look at the Role column next to your username. If it doesn't align with your access needs, modify the role or contact the website admin to do so. --- # Free PX to CM Converter Online [2026] Source: https://theplusaddons.com/blog/px-to-cm-converter/ # PX to CM Converter Enter Pixels: Enter PPI: Convert Centimeters: 0 cm To convert px to cm, divide the pixel value by the PPI (pixels per inch), then multiply by 2.54. At the standard screen resolution of 96 PPI, 1 pixel equals 0.0265 centimeters. The formula is: **Centimeters = Pixels / PPI x 2.54**. Use the free px to cm converter below to get instant results at any PPI value. Enter your pixel count, set the PPI for your device or print project, and get the centimeter equivalent in one click. The conversion between pixels and centimeters depends entirely on PPI. A 1080 px image measures 28.575 cm at 96 PPI but only 9.144 cm at 300 PPI. That gap of nearly 20 cm is why designers preparing the same asset for both web and print need a reliable pixels to centimeters calculator rather than a rough guess. *Written by the POSIMYTH Innovations team. All conversion values, PPI references, and tool recommendations in this article were last verified in April 2026 on WordPress 6.9.4 with The Plus Addons for Elementor v6.4.12.* **Note:** The default PPI is set to 96, which is the standard screen resolution for most Windows and web displays. Change the PPI value to match your target output (for example, 300 for high-quality print). ## How to Convert Pixels to Centimeters Converting pixels to centimeters takes three inputs: the pixel value, the target PPI, and the constant 2.54 (the number of centimeters in one inch). Divide pixels by PPI to get inches, then multiply by 2.54 to get centimeters. The result changes every time the PPI changes, which is why picking the right PPI for your output matters more than the formula itself. **The formula:** Centimeters = (Pixels / PPI) x 2.54 **Step 1:** Identify the pixel value you want to convert. For example, you have an image that is 1080 pixels wide. **Step 2:** Determine the PPI of your target output. For a standard screen, use 96 PPI. For high-quality print, use 300 PPI. **Step 3:** Divide the pixel value by the PPI. At 96 PPI: 1080 / 96 = 11.25 inches. At 300 PPI: 1080 / 300 = 3.6 inches. **Step 4:** Multiply by 2.54 to convert inches to centimeters. At 96 PPI: 11.25 x 2.54 = **28.575 cm**. At 300 PPI: 3.6 x 2.54 = **9.144 cm**. The difference between those two results (28.575 cm vs. 9.144 cm) demonstrates why PPI matters. The same 1080 px image prints at completely different physical sizes depending on the resolution setting. In our own testing across a batch of client print files, switching from a 96 PPI export to a 300 PPI export without updating the pixel dimensions reduced the printed image to a third of its intended size. ## PX to CM Conversion Table (72, 96, 150, and 300 PPI) This pixels to cm conversion table shows results across four common PPI settings: 72 (classic Mac displays), 96 (Windows default), 150 (medium-resolution print), and 300 (high-quality print). Every value is calculated using the formula Centimeters = Pixels / PPI x 2.54 and rounded to three decimal places. | Pixels (px) | CM at 72 PPI | CM at 96 PPI | CM at 150 PPI | CM at 300 PPI | | ----------- | ------------ | ------------ | ------------- | ------------- | | 100 | 3.528 | 2.646 | 1.693 | 0.847 | | 200 | 7.056 | 5.292 | 3.387 | 1.693 | | 300 | 10.583 | 7.938 | 5.080 | 2.540 | | 400 | 14.111 | 10.583 | 6.773 | 3.387 | | 500 | 17.639 | 13.229 | 8.467 | 4.233 | | 600 | 21.167 | 15.875 | 10.160 | 5.080 | | 700 | 24.694 | 18.521 | 11.853 | 5.927 | | 800 | 28.222 | 21.167 | 13.547 | 6.773 | | 900 | 31.750 | 23.813 | 15.240 | 7.620 | | 1000 | 35.278 | 26.458 | 16.933 | 8.467 | | 1080 | 38.100 | 28.575 | 18.288 | 9.144 | | 1200 | 42.333 | 31.750 | 20.320 | 10.160 | | 1440 | 50.800 | 38.100 | 24.384 | 12.192 | | 1920 | 67.733 | 50.800 | 32.512 | 16.256 | | 2560 | 90.311 | 67.733 | 43.347 | 21.673 | As a shortcut: at 96 PPI, multiply the pixel value by 0.02646 to get centimeters. At 300 PPI, multiply by 0.00847. Those two constants cover the vast majority of web and print use cases. ## What Is PPI and Why Does It Affect the PX to CM Conversion? PPI (pixels per inch) defines how many pixels fit into one physical inch on a screen or printed page. A higher PPI packs more pixels into the same space, making each pixel physically smaller. That is why a 500 px image measures 13.23 cm on a 96 PPI screen but only 4.23 cm when printed at 300 PPI. PPI and DPI (dots per inch) are often used interchangeably, though they describe different things. PPI refers to screen resolution, while DPI refers to printer output. For the purpose of converting pixels to centimeters, both values plug into the same formula and return the same result. According to Adobe's print production guidelines, 300 PPI is the minimum resolution for high-quality print output. Anything below 150 PPI produces visible pixelation in printed materials. For web display, 72 to 96 PPI is standard because screens are viewed at arm's length and the eye cannot resolve the extra detail. Here are the most common PPI values you will encounter across devices and print standards: | PPI Value | Where It Is Used | 1 px in cm | | --------- | ---------------- | ---------- | | 72 | Classic Mac displays, older web standard | 0.03528 | | 96 | Windows default, modern web standard | 0.02646 | | 150 | Medium-quality print (newspapers, drafts) | 0.01693 | | 300 | High-quality print (photos, brochures, business cards) | 0.00847 | | 326 | Apple iPhone Retina display | 0.00779 | According to a 2024 StatCounter report, over 76% of web users worldwide browse on devices with a 96 PPI equivalent resolution. That is why 96 is the default value in most px to cm converters, including the one on this page. ## Best PPI for Your Device or Print Job The right PPI depends on what the pixel measurement will end up on: a laptop screen, a phone, a photo print, or a commercial brochure. Picking the wrong value is the single biggest source of px to cm conversion errors, so it helps to match the PPI to the actual output device. The table below covers the devices and print jobs we see designers convert for most often. | Device or Output | Typical PPI | Notes | | ---------------- | ----------- | ----- | | Windows desktop / laptop (1080p) | 96 | Default for Chrome, Firefox, and Edge rendering | | MacBook Air / Pro (Retina) | 220 to 254 | Browser CSS still renders at 96 PPI; raw display density is higher | | iPhone 14 / 15 (Retina) | 326 to 460 | Use for app mockups sized at actual device density | | Android flagship (Samsung, Pixel) | 400 to 515 | Varies by model; check the spec sheet before converting | | iPad Pro 12.9" | 264 | Common target for tablet illustration exports | | 4K / UHD monitor | 140 to 185 | Higher density than 1080p, still renders CSS at 96 | | Newspaper print | 150 | Budget-friendly print quality, acceptable for draft ads | | Magazine print | 300 | Industry standard for commercial magazines | | Business card / flyer | 300 | Required by most commercial printers (Vistaprint, Moo) | | Large format poster | 150 to 200 | Viewed from distance, so lower PPI works | | Fine art / photo print | 300 to 360 | Maximum detail for gallery-quality output | One detail that trips up new designers: web browsers always render CSS pixels at 96 PPI, regardless of the physical PPI of the device. That is why a 300 px wide button looks roughly the same size on a 4K monitor and a 1080p monitor: the browser scales CSS pixels to match, and your px to cm conversion for web work should always use 96 PPI. For print, the rule is simpler: ask the printer what they want. Most commercial print shops specify 300 PPI in their file submission guidelines, and most online print services (Vistaprint, Moo, Printful) reject files below 250 PPI at the final size. ## Common PX to CM Conversions for Design Certain pixel dimensions get searched more than others because they correspond to standard screen sizes, social media formats, and print templates. Here are the most requested px to cm conversions at both 96 PPI (web) and 300 PPI (print). | Dimension | Common Use | CM at 96 PPI | CM at 300 PPI | | --------- | ---------- | ------------ | ------------- | | 500 px | Blog images, thumbnails | 13.229 cm | 4.233 cm | | 1080 px | Full HD height, Instagram posts | 28.575 cm | 9.144 cm | | 1200 px | Social media banners (Facebook, LinkedIn) | 31.750 cm | 10.160 cm | | 1920 px | Full HD width, desktop monitors | 50.800 cm | 16.256 cm | | 2560 px | QHD / 2K monitors | 67.733 cm | 21.673 cm | **1080 px to cm** is one of the most searched conversions. At 96 PPI (standard screen), 1080 pixels equals 28.575 cm. At 300 PPI (print), it equals 9.144 cm. This is the vertical resolution of Full HD (1920 x 1080) displays and the standard dimension for Instagram square posts. **1920 px to cm** at 96 PPI equals 50.8 cm (about 20 inches), which matches the physical width of most 21- to 24-inch desktop monitors. At 300 PPI for print, 1920 pixels covers only 16.256 cm. When you need to prepare a web image for print, always recalculate at the print PPI. A 1200 px Facebook banner that looks great on screen (31.75 cm at 96 PPI) will only be 10.16 cm wide when printed at 300 PPI. *Need a different conversion? Try our [**PX to REM Converter**](https://theplusaddons.com/blog/px-to-rem-converter/)* ## When Do You Need to Convert Pixels to Centimeters? You need to convert pixels to centimeters any time a digital design moves to a physical format. This includes print design, photo printing, CSS print stylesheets, and exporting from design tools like Photoshop or Canva to a measured document. The exact workflow differs per tool, so the sections below walk through the most common ones. **Photoshop exports.** Open Image > Image Size, switch the unit dropdown from Pixels to Centimeters, and check the Resolution field (this is your PPI). Photoshop will recalculate the document size live. For print output, set Resolution to 300 PPI before exporting. The command-line equivalent using ImageMagick is `magick input.png -units PixelsPerCentimeter -density 118.11 output.png`, where 118.11 is 300 PPI expressed as pixels per centimeter. **Canva exports.** Canva defaults to pixels for custom dimensions and 96 PPI for on-screen display. To export at a measured print size, create a custom design, use the converter above to translate your centimeter target into pixels at 300 PPI, then enter the pixel value in Canva. For a 10 cm x 15 cm print at 300 PPI, that works out to 1181 px x 1772 px. **Figma exports.** Figma works exclusively in pixels, so for print handoff you need to either export at 1x, 2x, 3x, or 4x and convert afterward, or use a plugin like "Print for Figma" that exposes centimeter export presets. In our own design handoffs, exporting at 4x from a Figma frame and treating that as 300 PPI input has produced accurate print dimensions every time. **CSS @media print.** When building websites that need to produce clean printed output, CSS print media queries size elements in centimeters or millimeters rather than pixels. A typical rule reads `@media print { .invoice { width: 18cm; padding: 1cm; } }`. In our testing with Elementor-built sites exported for print, converting widget widths from px to cm in the print stylesheet produced accurate layout results across Chrome and Firefox print previews on WordPress 6.9.4. **Photo printing.** Uploading a 3000 x 2000 px photo to an online print service? At 300 PPI, that prints at 25.4 cm x 16.93 cm (roughly a 10" x 6.7" print). Knowing the px to cm conversion helps you choose the right frame or album size before ordering. Most services (Shutterfly, Snapfish, Printful) will warn if your file falls below their minimum PPI at the selected print size. When building sites with [The Plus Addons for Elementor](https://theplusaddons.com/) by POSIMYTH Innovations, precise control over image dimensions and responsive sizing becomes important when the same assets need to work on both web (pixels) and print (centimeters). The [Image Gallery widget (Free)](https://theplusaddons.com/elementor-listing/image-gallery/) and [Creative Images widget (Pro)](https://theplusaddons.com/elementor-widget/creative-images/) both give you pixel-perfect sizing controls that make it straightforward to swap a web-sized image for a print-ready export. The Pro plan starts at $39/year for a single site. ## Common Mistakes When Converting Pixels to Centimeters Most px to cm conversion errors come down to four recurring mistakes. Catching these before you export saves a second round trip with your printer or your client. | Mistake | What Goes Wrong | How to Avoid It | | ------- | --------------- | --------------- | | Using 72 PPI for web work | 72 PPI is a legacy Mac value; modern browsers render CSS pixels at 96 PPI | Use 96 PPI for all web and screen conversions | | Using 96 PPI for commercial print | Print output looks pixelated and most print shops reject the file | Use 300 PPI for business cards, brochures, and magazines | | Confusing DPI with PPI | DPI refers to printer output; PPI refers to image resolution | Both plug into the same formula, so the number matters more than the label | | Resampling the image when changing PPI | Photoshop and Canva can add or remove pixels, softening the image | Uncheck "Resample" in Photoshop Image Size; export fresh from source in Canva | WordPress users on r/wordpress frequently report the 72 PPI mistake when moving files from an older Mac-based workflow into a modern web stack. If your design file was created in Photoshop before 2015 and the default PPI was never updated, assume it is set to 72 and recalculate. *Working in pixels across responsive breakpoints? See our guide to [**PX to EM Conversion**](https://theplusaddons.com/blog/px-to-em-converter/)* ## Which PPI Should You Use for Your PX to CM Conversion? The right PPI depends on your output medium. Use 96 PPI for anything displayed on a screen, 150 PPI for draft or low-cost print jobs, and 300 PPI for professional-quality printed materials. Here is a breakdown by use case. | Use Case | Recommended PPI | Why | | -------- | --------------- | --- | | Web design, UI mockups | 96 | Standard Windows/web screen resolution | | Email graphics, blog images | 96 | Displayed on screen only | | Newspaper ads, internal documents | 150 | Readable print at lower cost | | Brochures, flyers, business cards | 300 | Industry standard for commercial print | | Fine art prints, photo enlargements | 300+ | Maximum detail and sharpness | If you are unsure, start with 96 PPI for screen-only work and 300 PPI for anything that will be printed. These two values cover the vast majority of pixels to cm conversion needs. For anyone specifically working on web-to-print handoff, bookmark the converter at the top of this page and run every export through it before sending files to the printer. For web designers working in Elementor, pixel measurements are the default for padding, margins, and image dimensions. When a client needs those designs converted to print materials, running the pixel values through this converter at 300 PPI gives you the exact centimeter measurements for your print file. To get a feel for which sizing controls The Plus Addons for Elementor unlocks, check the [Free vs Pro comparison](https://theplusaddons.com/free-vs-pro/) or review [current pricing](https://theplusaddons.com/pricing/). --- # PX to REM Converter Online [FREE] Source: https://theplusaddons.com/blog/px-to-rem-converter/ # Px to REM Converter Convert If you are a web developer or designer you're probably familiar with the concept of CSS units.  One of the most commonly used units is the pixel (PX). But as the requirements of responsive design arise, it becomes important to use scalable units like REM instead of PX. In this post, we'll explore in detail PX and REM units and show you how you can convert between them using a simple formula. Also, to make the process smooth, we have added a free PX to REM converter above.  ## What is a Pixel (PX) Unit? A pixel is the smallest unit of an image that can be displayed on a screen. In web development, pixels are used to define the size of an element on a web page. One pixel is equal to one dot on a computer screen. The size of a pixel is not fixed, and it can vary depending on the device's screen resolution.  Pixels are commonly used to define the size of images, fonts, and other elements on a web page. When you set the font size of an element to 16px, it means that the text will be displayed in 16 pixels on the screen. ## What is a Root Em (REM) Unit? REM is a relative unit of measurement that is used in CSS to define font sizes and other styles. Unlike pixels (px), REM units are relative to the root element of the document. The root element is the HTML element, which is the top-level element of the document. By default, the font size of the root element is 16px. This means that 1rem is equivalent to 16px.  If you change the font to the root element's size, all the document's REM units will be adjusted accordingly. ### Conversion Tables Here are the conversion tables. #### PX to REM | PX | REM | | --- | --- | | 1 px | 0.0625rem | | 2 px | 0.125rem | | 3 px | 0.1875rem | | 4 px | 0.25rem | | 5 px | 0.3125rem | | 6 px | 0.375rem | | 8 px | 0.5rem | | 10 px | 0.625rem | | 12 px | 0.75rem | | 14 px | 0.875rem | | 15 px | 0.9375rem | | 16 px | 1rem | | 18 px | 1.125rem | | 20 px | 1.25rem | | 24 px | 1.5rem | | 25 px | 1.5625rem | | 28 px | 1.75rem | | 32 px | 2rem | | 36 px | 2.25rem | | 40 px | 2.5rem | | 44 px | 2.75rem | | 48 px | 3rem | | 50 px | 3.125rem | | 56 px | 3.5rem | | 64 px | 4rem | | 72 px | 4.5rem | | 75 px | 4.6875rem | | 80 px | 5rem | | 90 px | 5.625rem | | 100 px | 6.25rem | #### REM to PX | REM | PX | | --- | --- | | 0.01rem | 0.16px | | 0.03rem | 0.48px | | 0.05rem | 0.8px | | 0.08rem | 1.28px | | 0.1rem | 1.6px | | 0.15rem | 2.4px | | 0.2rem | 3.2px | | 0.5rem | 8px | | 1rem | 16px | | 2rem | 32px | | 3rem | 48px | | 4rem | 64px | | 5rem | 80px | | 6rem | 96px | | 8rem | 128px | | 10rem | 160px | | 15rem | 240px | | 20rem | 320px | | 30rem | 480px | | 40rem | 640px | | 50rem | 800px | | 60rem | 960px | | 80rem | 1280px | | 100rem | 1600px | > ***Note****: The default browser font size is assumed to be 16px.* ## How to Convert PX to REM in CSS? When it comes to responsive web design, using relative units like REM (Root Em) is a good practice.  To convert PX to REM, you need to know the base font size of your document, which is typically 16px (the default size for most browsers). ### Why Convert to REM? - **Flexibility:** REM units help your website look good on all devices. If someone changes their browser settings, your site will still look great. - **Accessibility:** REM units make your website easier to read for people who need larger text. ### Formula to Convert PX to REM To convert from PX to REM simply divide the pixel value by font size usually it is 16 px. Rem Value = Pixel Value / Font Size For example, if you want to convert 12 px to REM assuming font size 16 px: Rem value = 12 / 16 = 0.75 rem Also, if you want to convert REM into pixels, you can use the following formula: px = rem * base font size ***Read Further****: *[*How to Add Custom CSS in Elementor for Free [4 Methods]*](https://theplusaddons.com/blog/add-custom-css-in-elementor/) ## FAQs on PX to REM Conversion ### Why use PX instead of REM? Using px instead of rem offers precise control over element sizes, ensuring consistent design. This can be useful for specific design elements where exact sizing is crucial ### Are REM and EM the same? No, rem and em are not the same. REM units are relative to the root element's font size, ensuring consistent scaling across the site. EM units are relative to the font size of their parent element, which can lead to varying sizes depending on the element's hierarchy. ### Does Figma use REM? No, Figma does not use REM units directly. Figma is a design tool focused on pixels for creating web and UI designs. However, designers can manually convert pixel values to REM for use in CSS when implementing their designs in code. ### How to convert REM to PX? To convert REM to PX, multiply the REM value by the root element's font size (usually 16px). For example, 2 REM is 32 PX (2 REM * 16px). This conversion helps maintain consistent, scalable designs across different devices. ### Is REM always 16px? No, rem is not always 16px. Rem units are relative to the root element's font size, which is typically 16px by default in most browsers. However, if the root font size is changed, the value of 1rem will change accordingly. ### --- # How to Hide Elementor’s Image Optimization & ‘Try AI’ Ads? Source: https://theplusaddons.com/blog/hide-elementors-image-optimization-try-ai-ads/ Looking for a simple way to hide Elementor's image optimization & Try AI ads? Read on. Elementor is undoubtedly one of the best page builder plugins for creating a WordPress website. With [10.1 million websites](https://colorlib.com/wp/elementor-statistics/) using Elementor, the page builder has revolutionized how you design a website. You can create a professional website with an intuitive drag-and-drop interface within minutes. With the [pro version](https://go.posimyth.com/recommends/elementor/), you can also access a wide range of design options, customizations, and unique functionalities to make your website stand out. However, every good tool can have certain elements that don't work great. If you've been using Elementor for a while, you must have encountered the popup ads for Elementor's Image Optimizer and Try AI tools on the backend. While these ads can be helpful for some users, the constant popups can be annoying and disrupt your work on the editor. In this article, we'll explore easy ways to hide Elementor's image optimization and try AI ads. ## Key Takeaways - Elementor shows “Try AI” and image optimizer ads in the editor. - Hide them using ad-blockers, CSS, or a functions.php snippet. - Use `.elementor-control-notice` CSS to remove all such banners. ## What are Image Optimization Recommendations in Elementor? The image optimization recommendations in Elementor are the popup suggestions that appear to try out the new Elementor image optimizer plugin. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Optimization-Recommendations-in-Elementor.png) The recommendation appears in the website editor when your uploaded image size exceeds the recommended size. Image Optimizer by Elementor is a plugin that offers image resizing, compression, and optimization capabilities to enhance website experience and SEO with optimized images. Since large image files can often slow down your website, hurting the user experience, the plugin makes it easy to compress, resize, and optimize images in a few clicks. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-Image-optimizer.png) The user-friendly image optimization plugin also supports multiple image formats like JPEG, PNG, WebP, and GIF and hence offers image converting capabilities as well. While useful for users, these recommendations can also often affect the editor's speed and loading times and lead to frustration when you want to make changes quickly. *Are Elementor widgets slowing down your WordPress website and affecting user engagement? Check out [**How to Disable & Hide Unused Elementor Widgets**.](https://theplusaddons.com/blog/hide-disable-elementor-widgets/elementor-widgets/)* ### How to Hide Elementor Image Optimization Recommendation? [Step-by-step] Disabling Elementor image optimization ads is pretty easy, even for those with limited technical knowledge. All you need to do is add a custom code to your child theme files or use the Nexter theme code snippets feature. #### A. Add a code in child theme files If you have a child theme for your WordPress website, you can add a code to the theme files to remove image optimization recommendations in the Elementor editor. **Step 1: **For this, go to ***Appearance > Theme File Editor*** on your WordPress dashboard. Select ***functions.php*** from the right sidebar. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Functions.php_-1024x453.png) **Step 2.1:** Next, to Apply only to the Elementor editor, add the below code. Once done, click on ***Update file***. `/* * Loads on Elementor's frontend editor * Added by kishorchand * Use child theme's function.php or code snippets plugin for better code management. */ function remove_elementor_nag() { ?> Add New***. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Nexter-Builder.png) **Step 2:** Select the Layout as ***Code Snippets****** ***and Code Type as ***PHP***. Run the snippet on frontend/backend or both as per your choice. Paste the code. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Paste-Snippet-in-Nexter-Builder.png) **Step 3: **Once done, click on **Publish**. ***Suggested Read:** [How to Fix Blurry Images in Elementor [SOLVED]](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/)* ## What are Try AI Ads in Elementor? The Try AI ads in Elementor are the popup ads that appear when editing text to try out the new Elementor AI feature. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Try-Elementor-AI-banner-1024x536.png) Available with Elementor 3.13 versions and above, the native AI integration is a tool to enhance images, create and improve text, and generate custom codes for the website. This feature transforms how you design websites in Elementor, offering writing assistance, elevating designs, and streamlining workflows. You can use the AI writing assistant in the text area for every element to generate writing suggestions and create both short and long copies. *Here's a complete guide on [**How to Use Elementor AI**](https://theplusaddons.com/blog/how-to-use-elementor-ai/).* The tool, thus, helps maintain the brand style throughout the website with a consistent content voice, tone, and design. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-AI.png) At the same time, when editing text in Elementor editor, the consistent popups can disrupt the workflow or even affect the website's speed. In this case, you might want to disable Try AI ads in the editor. ### How to Hide Try AI Ads in Elementor? [Step-by-step] Elementor does not offer a built-in setting to remove or hide the Try AI ads in the page editor. However, one of the most effective ways to hide Elementor ads is to use an ad blocker plugin in WordPress. Alternatively, you can also remove the 'Rewrite with AI' links that appear when editing text by adding custom codes to your CSS files. Follow this step-by-step process- **Step 1:** On your WordPress dashboard, go to ***Appearance > Theme File Editor. ***In the Theme File Editor, locate and open the functions.php file of your child theme. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Update-File.png) **Step 2:** Add the following code snippet to hide the AI-related ads on your editor `add_action('elementor/editor/before_enqueue_scripts', function () { echo ""; });` *[Source](https://github.com/orgs/elementor/discussions/22853)* **Step 3:** Click the ***Update File*** button to save your changes. *Want to add custom features and functionalities to your website? Learn **[How to Add Custom CSS in Elementor for Free.](https://theplusaddons.com/blog/add-custom-css-in-elementor/)*** ## Wrapping Up As an Elementor user, the constant ads to try out the new features within the editor can be frustrating and affect your workflow. While Elementor does not offer in-built settings to hide Elementor's image optimization and try AI ads, you can do so by following the step-by-step processes mentioned in this article. Moreover, if you want to enhance the design and user experience of your Elementor website, download [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/) by POSIMYTH Innovations. It is a complete plugin with more than 120 unique addons to elevate your website's design, layout, and functionalities. ## FAQs on Hiding Elementor Image Optimization & Try AI Ads ### Is it possible to disable Elementor's advertisements? Yes, it is possible to turn off Elementor advertisements by using an ad blocker plugin or adding a custom code to the functions.php file of your child theme. ### How do I turn off popups in Elementor? To turn off popups in Elementor, go to your WordPress dashboard, navigate to Templates > Popups, and then find the specific popup you want to disable. You can remove the display conditions to prevent them from appearing or modify them to display the popup after a specific action. ### Does Elementor optimize images? Yes, Elementor offers an Image Optimizer plugin to compress, resize, convert, and optimize images on your website for an enhanced user experience. ### Is Elementor AI included with Pro? You don't need to purchase Elementor Pro to access the AI features in Elementor. You can enjoy the free trial or AI subscription with Elementor's free version. However, without Pro, you won't have access to Pro features for AI, such as custom code and CSS. ### How do I disable Elementor AI? You can easily disable the Elementor AI feature in the editor. Simply go to **Elementor > Settings > Features** on your WordPress dashboard. Scroll down to find **Build with AI **and change the settings to **Inactive.** ### Is the Elementor Image Optimizer preinstalled? No, it is not preinstalled. You can install and activate the Elementor Image Optimizer plugin from the WordPress library. Go to **Plugins > Add New** on the dashboard, search for the Image Optimizer plugin, and install it for your website. --- # 6 Top White-Label WordPress Development Companies Source: https://theplusaddons.com/blog/white-label-wordpress-development-companies/ Many WordPress site owners today are successfully building their brands with feature-rich, customized websites. With WordPress, the opportunities to grow and enhance your online presence are endless. However, managing and maintaining a WordPress site involves many responsibilities. From development to maintenance, there's a lot to handle. Some companies manage all these tasks in-house, but others, already juggling multiple responsibilities, seek outsourcing options. This is where [white-label WordPress development](https://seahawkmedia.com/services/wordpress-white-label/) companies come in! Agencies looking to grow can outsource all their WordPress-related tasks to these companies, all under their own brand name. Sounds appealing, right? So, how do you find the right partner and entrust your brand identity to them? It’s a tough decision, but we’re here to simplify it for you. Today, we will explore some of the best white-label WordPress development companies. ## Advantages of Partnering with White-Label WordPress Development Companies It’s well-known that building a strong online presence is crucial for capturing user attention and growing a business. Without it, your business is like a ship without a destination. Just as a ship needs direction and support to reach its destination, a business trying to generate leads and [maintain its WordPress site](https://theplusaddons.com/blog/wordpress-website-maintenance-checklist/) needs support from white-label WordPress development companies. By partnering with these companies, you gain access to specialized skills and a team of expert developers.  Still not convinced? Let’s delve into the benefits: 1. **Enhanced Service Portfolio** Expand your agency's offerings without the hassle of maintaining an in-house web development team. This strategy reduces overhead costs while delivering top-notch services to your clients. 2. **Prioritize Core Expertise** Outsource technical tasks to specialized providers, allowing you to focus on what you do best—building strong client relationships and honing your core services. This shift lets you grow your business without getting bogged down by technical details. 3. **Adaptive Scalability** Flexibility is key for both your business and your clients. Scale your services to meet client demands and project complexities, enabling your agency to adapt seamlessly to growth opportunities and challenges. 4. **Optimized Resource Management** Save time and money by outsourcing routine web development tasks. This approach speeds up project delivery, reduces operational costs, and frees up resources for other crucial areas of your business. 5. **Consistent Brand Identity** Maintaining a consistent brand identity across all client projects is essential for building a lasting reputation. Ensuring uniformity in your work reinforces your agency's image and leaves a strong impression on your clients. ## Leading White-Label WordPress Development Companies Let's explore some of the leading white-label WordPress development companies you can partner with. ### 1. Seahawk  ![](https://theplusaddons.com/wp-content/uploads/2024/07/SeaHawk.png) Seahawk is a leading global WordPress agency supported by industry giants like the WPBeginner Growth Fund. Agencies across the globe outsource their WordPress services to Seahawk, relying on their profound expertise to manage and power their backend operations efficiently.  Small businesses find Seahawk to be a dependable technology partner, providing essential support that helps them thrive without the need for extensive in-house resources.  On the other hand, large brands like Clean Juice, the fastest-growing health and wellness franchise in the USA, with significant traffic volumes and bespoke design requirements trust Seahawk with their WordPress services, confident in their ability to handle complex needs with finesse. They offer a comprehensive range of white-label WordPress services at affordable pricing, making them a reliable partner for all kinds of businesses.  **Services Include:** - White-Label WordPress Development - White-Label WordPress Maintenance - White-Label Custom WordPress Web Design - White-Label Site Speed Optimization - White-Label WordPress Support - White-Label E-commerce Development - White-Label WordPress QuickSite - White-Label WordPress Migration - White-Label Website Rebuild - White-Label SEO & Content Writing [Learn More](https://app.seahawkmedia.com/r/O6M8DJ) ### 2. WP Tasks ![](https://theplusaddons.com/wp-content/uploads/2024/07/WPTasks.png) WP Tasks is gaining recognition as a top white-label WordPress development company in 2024. Known for their expertise in handling WordPress development tasks under your brand name, WP Tasks ensures seamless collaboration and strong client relationships.  They provide unlimited white-label WordPress support, allowing agencies and freelancers to leverage their expertise while maintaining their own brand identity.  Custom branding, flexible reselling options, a dedicated 24/7 support team, and scalable partnerships are some of the key benefits you can expect when partnering with WP Tasks. **Services Include:** - WordPress Builds - Custom Development - WordPress Support - WordPress Maintenance - Site Optimization [Learn More](https://wptasks.com/) ### 3. WPBeginner Pro Services ![](https://theplusaddons.com/wp-content/uploads/2024/07/WPBeginner-Pro-Services.png) WPBeginner Pro Services is a well-known name in the WordPress industry, recognized for its expertise and dedication to delivering exceptional solutions.  Their team of skilled developers offers high-quality, tailored WordPress services, including custom theme and plugin development, website maintenance, performance optimization, and seamless integrations. **Services Include:** - WordPress Development - WordPress Maintenance - Fixing Hacked Site Repair - WordPress Site Speed Optimization - SEO Services [Learn More](https://www.wpbeginner.com/services/) ### 4. GetDevDone ![](https://theplusaddons.com/wp-content/uploads/2024/07/Get-Dev-Done.png) Based in San Francisco, California, GetDevDone excels in white-label WordPress development and holds a leading global position in the industry.  They offer a wide range of web development solutions, from design-to-code conversions to robust online stores. **Services Include: ** - Custom WordPress development - Tailored WordPress theme development - Builder-based development - Seamless website migration - WooCommerce development [Learn More](https://getdevdone.com/) ### 5. White Label IQ ![](https://theplusaddons.com/wp-content/uploads/2024/07/While-Label-IQ.png) White Label IQ leverages extensive experience to deliver customized solutions for clients across various industries.  Proficient with technologies like WordPress, Python, WooCommerce, Shopify, Drupal etc, White Label IQ ensures premium and effective solutions for their clients' unique requirements. **Services Include: ** - Web Development - Web Design - Website maintenance - Mobile application development - SaaS application development  [Learn More](https://www.whitelabeliq.com/) ### 6. Pronto Marketing ![](https://theplusaddons.com/wp-content/uploads/2024/07/Pronto-Marketing-1024x396.png) Based in Bangkok, Thailand, Pronto Marketing has over 15 years of experience in WordPress development.  Their solid foundation and comprehensive web solutions make them a trusted choice for agencies seeking top-notch support. **Services Include:** - Website design - Technical support - Maintenance - SEO audits - Paid ads - Digital marketing services [Learn More](https://www.prontomarketing.com/) ***Suggested Read*:** [*6 Best White Label WordPress Plugins*](https://theplusaddons.com/blog/best-white-label-wordpress-plugins/) ## Conclusion So, as you navigate the complexities of maintaining a robust online presence, consider the immense benefits that white-label WordPress development companies offer.  By forming strategic partnerships with these industry leaders, you position your business for long-term success, ensuring that you can meet and exceed the expectations of your clients while driving your brand forward. White-label WordPress development is not just a trend but a strategic approach to achieving excellence in web development. Embrace this model to unlock new opportunities, enhance your service delivery, and ensure that your business thrives in the digital age.  The future of web development is here, and with the right white-label partner, your business can lead the way in this year and beyond. --- # June 2024 Monthly Updates: Recap of WordCamp Europe 2024, New WooBuilder Widgets & More Source: https://theplusaddons.com/blog/june-2024-monthly-updates/ In The Plus Addons for Elementor** Pro version 5.6.1**, Now you can easily display your **[YouTube Social Feed Widget](https://theplusaddons.com/elementor-widget/social-feed/youtube-feed/) **using your channel handle name. Example: **[@posimyth](https://youtube.com/@posimyth/)** ![](https://theplusaddons.com/wp-content/uploads/2024/07/Youtube-Feed.png) We've also made improvements and added new features across multiple widgets, improving their performance. Here’s what we’ve added in **Version 5.6.0**: **Key Widgets Updates** - [**Google Map**](https://theplusaddons.com/elementor-widget/elementor-google-maps/): Option for OSM map. - **[Info Box:](https://theplusaddons.com/elementor-widget/elementor-info-box/)** Padding for descriptions. - [**Product Listing**](https://theplusaddons.com/elementor-listing//#woo-products): Recently viewed product option. **New WooCommerce Builder Widgets** - **[WooCommerce Product Wishlist](https://theplusaddons.com/docs//add-woocommerce-product-wishlist-in-elementor/)** - [**WooCommerce Product Quick View**](https://theplusaddons.com/docs/add-product-post-quick-view-in-elementor/) - [**WooCommerce Product Compare**](https://theplusaddons.com/docs/add-product-compare-in-elementor/) - WooCommerce Multistep Checkout Stay tuned for more exciting updates and improvements! Very soon, we're going to **release 1000+ Pre-Designed Elementor Templates made with The Plus Addons for Elementor.** For all the changes,** [Check out the complete changelog here.](https://roadmap.theplusaddons.com/updates)** ### 📖 — Latest Reads  - [How to Style Contact Form 7 in WordPress [Without CSS Coding]](https://theplusaddons.com/blog/style-contact-form-7/) - [How to Change Page URL in WordPress [4 Easy Methods]](https://theplusaddons.com/blog/how-to-change-page-url-in-wordpress/) - [How to Create WordPress Child Theme [With & Without Plugin]](https://theplusaddons.com/blog/how-to-create-wordpress-child-theme/) - [8 Best Landing Page Examples [for Higher Conversions]](https://theplusaddons.com/blog/landing-page-examples/) - [How to Check & Update PHP in WordPress [Step-by-Step Guide]](https://theplusaddons.com/blog/update-php-in-wordpress/) - [JPG vs AVIF: Traditional Vs Modern Image Format](https://theplusaddons.com/blog/jpg-vs-avif//) ### 📹— Video Tutorials  - [How to Add Load More, Infinite Load & Pagination in Elementor Blog Post](https://www.youtube.com/watch?v=o2a8zVx2ztc) - [Create A WooCommerce Product Carousel Slider With Product Images (Elementor)](https://www.youtube.com/watch?v=Fxnqm5O8Qnw) - [How to Track Events Clicks with Google Analytics 4 in Elementor](https://youtu.be/lSTUkwmQEt0) - [8 Elementor FAQ Accordion Hacks You Should Try Today!](https://www.youtube.com/watch?v=S2fpN63Lnzk) - [Create WooCommerce Mobile Menu in WordPress in Few Clicks 😲](https://youtu.be/o8P9RX3ClbY) ### 🗞️ — WordPress & Tech Bytes - Our [**UiChemy – Figma to WordPress**](https://uichemy.com/) sponsored **WordCamp Europe 2024**, and It was an amazing experience. **[Read the full details from here](https://posimyth.com/recap-of-wordcamp-europe-2024/) **to learn more! - Elementor has introduced [**Hello Elementor Theme version 3.1**](https://developers.elementor.com/hello-elementor-theme-3-1-0/), focusing on bug fixes, accessibility enhancements, DOM optimizations, and tweaks to provide more styling flexibility for websites. - **[Elementor 3.22](https://elementor.com/blog/elementor-322-off-canvas-element-caching/) **new Off-Canvas Widget and Element Caching, allowing users to build interactive layouts and significantly enhance website performance. - [**Elementor Update Transforms Designs**](https://elementor.com/blog/elementor-ai-copilot-global-styling-and-image-editing-improvements/) with Copilot’s Global Styling, Generative Fill, Expand Image, and WordPress Enhancements! - [**New Features Accelerate**](https://elementor.com/blog/performance-improvements/) Website Performance in Latest Elementor Version: Focus on improving performance metrics, optimizing code, and speeding up image loading. - WooCommerce 9.0, released on June 18, 2024, **[Improved the checkout experience](https://developer.woocommerce.com/2024/06/18/woocommerce-9-0-our-most-accessible-checkout-and-much-more/) **by addressing feedback from Amber Hinds of Equalize Digital. - **[WordPress 6.5.4](https://wordpress.org/news/2024/06/wordpress-6-5-4-maintenance-release/),** a maintenance release, is available and includes [**five bug fixes**](https://core.trac.wordpress.org/query?status=closed&milestone=6.5.4&group=status&col=id&col=summary&col=owner&col=type&col=priority&col=component&col=version&col=keywords&order=priority). This update addresses the change of the AJAX activation handler to restore auto-redirect after plugin activation, among other improvements." - [**WordPress 6.6 Beta**](https://wordpress.org/news/2024/06/wordpress-6-6-beta-1/) 1 is now available for download, offering features such as synced patterns override, style variations, negative margins, rollback of auto updates, and the new React JSX transform for developers. - WordPress.com has introduced a new **[unified dashboard](https://wordpress.com/blog/2024/06/10/hosting-dashboard/),** allowing users to manage and view all their websites and domains seamlessly. - Google has announced plans to limit **[AI overviews for "nonsensical" queries](https://www.searchenginejournal.com/google-to-limit-ai-overviews-for-nonsensical-queries/518063/), **aiming to enhance accuracy and user experience by refining its response strategy. - [**Google set to honor new privacy laws and user opt-outs**](https://searchengineland.com/google-to-honor-new-privacy-laws-and-user-opt-outs-442817) by enabling Restricted Data Processing and respecting Global Privacy Controls signals, responding to recent state regulations. ### 🗣️— Word of the Month #### Great Product and a really professional support *After years using this plugin, I am always impress with the performance and support. If i could have one Elementor plugin, this would be the one* [*~ @alain101*](https://wordpress.org/support/topic/great-product-and-a-really-professional-support/) **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # How to Style Gravity Forms [Without Coding] Source: https://theplusaddons.com/blog/style-gravity-forms/ Building custom forms using the Gravity Forms plugin is pretty straightforward, but if you're looking to style gravity forms, you might find the plugin offers limited customizations. Gravity Forms is one of the most popular contact form plugins on WordPress which allows you to create professional contact forms for your website. While the default styles in the plugin seamlessly blend with your chosen WordPress theme, sometimes it's not enough. What happens when you want to tailor the form to align with your website aesthetics? Or when you want custom-designed buttons that make the form more interactive? This is where you can use third-party plugins within your Elementor page builder to design and modify your contact forms without coding. Let's understand how you can go about it. ## Why Should You Style Gravity Forms? With the introduction of new features to custom style your contact forms, such as using the Gravity Forms Orbital form theme, Gravity Forms does a great job adapting to your current WordPress themes. This means your forms can easily blend with your theme and website style. However, you may want to level up the design to better fit with your branding and enhance the user experience. This is where you should consider gravity form styling in Elementor- **1. Offer a better user experience** A professional-looking, visually appealing, and easy-to-navigate contact form can improve the user experience by being intuitive. Specific design changes can elevate the website experience, such as using color contrast to make the form pop out, adding animated elements, or creating a responsive design. **2. Ensure brand alignment** A well-designed form consistent with the branding elements gives your website a cohesive look. It not only looks professional but also reinforces the brand identity with the users and makes your website memorable. **3. Boost conversions** Simple yet attractive contact form designs that are easy to understand can also significantly encourage the readers to complete the form, boosting the conversion rate. Creating short forms with limited fields can encourage visitors to complete the form, and optimizing CTAs can be great for visibility. > Given how Gravity Forms can be pretty limited in styling and customization, you can use the [**Gravity Forms Styler**](https://theplusaddons.com/elementor-widget/gravity-forms-styler/) widget from The Plus Addons for Elementor to design the form without coding. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Style-Gravity-Forms.png) Based on the "Design the way you want" philosophy, the free widget gives you access to many customization options and allows unlimited form creation with a fast setup. *Enhance the design and functionality of your WordPress website in Elementor. Check out the [**Best Free Elementor Addons**](https://theplusaddons.com/blog/best-free-elementor-addons/) for your website.* ## How to Style Gravity Forms? [Step-by-Step] Now, let's understand the step-by-step process to style and customize Gravity forms in Elementor using the Gravity Forms Styler widget from The Plus Addons for Elementor. But first, let's see the required WordPress plugins you need to install and activate- **Pre-requisites** - Elementor free page builder plugin - Gravity forms plugin - The Plus Addons for Elementor - Gravity Forms Styler widget must be enabled ### Step 1: Create a contact form using the Gravity Forms plugin The first step is to create a new contact form if you haven't already created one. To do this, go to ***Forms > Add New*** and add different form fields based on the information you want to collect. Click on ***Update.*** ![](https://theplusaddons.com/wp-content/uploads/2024/07/Create-a-contact-form-using-the-Gravity-Forms-plugin.png) ### Step 2: Activate and use the Gravity Form Styler widget Now, activate the Gravity Forms Styler widget in Elementor. Go to ***Plus Settings > Plus Widgets***. Search for the widget, turn on the toggle, and click ***Save***. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Activate-and-use-the-Gravity-Form-Styler-widget.png) Go to ***Pages*** on your WordPress dashboard and click *Edit with Elementor *for the page where you want to add the contact form. Drag and drop the Gravity Forms Styler widget. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Drag-and-drop-the-Gravity-Forms-Styler-widget-1024x253.png) In the editor on the left, go to*** Gravity Form > Select Form*** and select your contact form from the dropdown menu. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Select-your-contact-form-395x1024.png) You can now start customizing and styling the Gravity form in Elementor. *Looking to make your Contact Form 7 more visually attractive? Learn **[How to Style Contact Form 7 in WordPress](https://theplusaddons.com/blog/style-contact-form-7/)** without CSS Coding.* ### Step 3: Style various elements of the contact form in Elementor With The Plus Addons for Elementor, you can quickly stylize the various aspects of your Elementor Gravity form, including the input fields, submit button, text area, check box, and more. Here, you have the option to display or hide the form title and even customize it to fit your website design. **Customizations in the Style Tab of Gravity Form Styler Widget** #### 1. Style the Input tab and Text area First up in Gravity Forms styling, within the ***Style*** tab of the editor, you can customize the input fields such as name, contact, email, and so on within your contact form. This includes customizing the typography, background color, margins, box shadow, and border. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Style-the-Input-tab-and-Text-area.png) In addition to the input fields, you can also stylize the text area similarly to maintain a consistent and cohesive style in the form. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Textarea-field-styling.png) #### 2. Style the Submit button With Gravity Forms, you can easily create multi-step forms to collect detailed information from your website visitors. Here, you can customize the "Next", "Previous", and "Submit" buttons on the form using the Gravity Forms Styler widget. It gives you various options to modify the text, background, colors, margins, and more for the form buttons. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Style-the-Submit-button.png) #### 3. Style the Radio button or CheckBox Next, if you have added checkbox or radio buttons within the forms, the widget allows you to ditch the default style of Gravity Forms and tweak them. In the ***Checkbox/Radio Field ***section, you can customize typography, text color, checked/unchecked color, box border, and more to make these elements visually attractive. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Style-the-Radio-button-or-CheckBox.png) #### 4. Style the File Upload button Styling the file upload button can often be an extensive task, even with custom CSS for Gravity Forms. But The Plus Addons for Elementor makes this easier with its default option to stylize the file upload button. In the ***File/Upload File*** section, you can change the padding, margins, or background for the file upload field and button, along with typography and colors. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Style-the-File-Upload-button.png) What's more, you even have the option to enable multi-file upload style for the multi-file upload option in your form. Further, you can also customize the response messages for the form and add on-scroll animations to make your contact forms more interactive. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Response-Message.png) *Dealing with unauthorized access to your website? Prevent bots from entering and accessing your website with Google reCAPTCHA verification. Know [**How to Add reCAPTCHA in the Login Form Using Elementor**.](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/)* ## Wrapping Up Customizing Gravity form styles is an excellent way to improve user experience, make your website visually attractive, and boost conversion rates. However, the Gravity Forms plugin does not offer unique customizations for different elements and only lets you style the contact forms based on your default form theme. Fortunately, The Plus Addons for Elementor offers an impressive solution to style Gravity forms the way you want to. With its [Gravity Form Styler widget](https://theplusaddons.com/elementor-widget/gravity-forms-styler/), you can unlock unlimited customizations for various form elements, from text input fields to submit buttons, checkboxes, or file upload buttons. But there's more. [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/) further makes it easy to customize your WordPress website design with more than 120 unique Addons. Whether you want to tailor the website layout, add interactive animations and designs, or create stunning forms and galleries, The Plus Addons has a widget for everything! ## FAQs on Styling Gravity Forms ### Is there a free version of Gravity Forms? No, Gravity Forms only comes in a premium version that you can purchase to unlock advanced features to enhance your contact forms. Moreover, you can also sign up for a free demo to try out the tool before purchasing the premium version. ### How to customize Gravity Forms? You can easily customize your contact forms without Gravity Forms CSS styling using the Gravity Forms Styler widget from The Plus Addons for Elementor. The widget lets you customize every aspect of the form, from input areas to submit button styles. ### How do I remove styling in Gravity Forms? If you've styled the Gravity form using custom CSS code, you can simply turn off CSS to remove styling. To do this, go to Forms > Settings, navigate to Output CSS, and set the radio button to *No. *The plugin will not output any CSS, and this will remove CSS styling. ### Can I Use Gravity Forms With Elementor? Yes, Gravity Forms is fully compatible with the Elementor page builder. ### How do I protect my Gravity Forms from spam? To protect your Gravity Forms from spam, consider using an anti-spam plugin in WordPress to prevent unauthorized access or bot entries in the form. You can also use Google reCAPTCHA verification to prevent bots from submitting the contact forms. ### How to use Gravity Forms in Elementor? Given you've already created the contact form using the Gravity Forms plugin, open the page you want to edit in your Elementor editor and drag and drop the Gravity Forms Styler widget from The Plus Addons for Elementor. From the dropdown list in the left panel, select the contact form you want to customize. --- # Coming Soon vs Maintenance Mode [6 Key Differences] Source: https://theplusaddons.com/blog/coming-soon-vs-maintenance-mode/ As a website owner, you've probably heard about "coming soon" and "maintenance mode," but do you really know the difference? Do you know when to use each mode? Coming Soon mode lets visitors know a website or new feature is launching soon, while Maintenance Mode indicates the site is temporarily offline for updates or fixes. Both inform visitors about the website's status and what to expect. So in this article, we’ll learn about coming soon vs maintenance mode in detail and will know if are they actually different. Also, you will learn how you can put your site in maintenance mode with 2 easy methods and lastly, we’ll help you to choose which mode is perfect for your site. Ready? Let’s get started. ## What is the Coming Soon Mode? A coming soon page is a temporary webpage that lets your website visitors know that your website is not ready yet but will be launching soon. ![](https://theplusaddons.com/wp-content/uploads/2024/07/What-is-Coming-Soon-Page.png) Think of it like a "Coming Soon" sign on a store window that's under construction. Coming Soon page is the best way to keep your visitors informed and excited about your new product or services. Coming Soon page is also an important marketing strategy that can be used to drive early interest by offering a sneak peek or exclusive content about something new to come. With the help of this page, you can gather visitors’s emails who want to get notified when your site goes live and instead of showing an error page, showing a creative coming soon page gives a good impression. The page can include images, videos, timers, and other media to create an engaging experience for visitors. In terms of search engines, a well-designed coming soon page helps in maintaining SEO and gives a clear message to visitors and search engines. ### When to Use Coming Soon Mode A Coming Soon page is mainly used when you are creating a new website that is not ready to launch yet or when you are about to launch new products or services on the website at that time a coming soon page is used. The main purpose of a Coming Soon page is to inform visitors about the new website or product and generate excitement. ### 5 Best Practices to Create Effective Coming Soon Page - **Clear Headline and Tagline**: Use a clear headline and simple tagline to tell visitors what’s coming. - **Attractive Visuals**: Use high-quality images, videos, or animations that align with your brand and engage visitors. - **Email Capture Form**: Place a simple email capture form so that your visitors can easily leave their email for updates. - **Countdown Timer**: Include a [countdown timer](https://theplusaddons.com/blog/best-wordpress-countdown-timer-plugins/) to create urgency and build anticipation. - **Social Media Integration**: Add social media buttons for easy sharing and follow options. - **Clear Call to Action:** Use attractive CTA buttons to encourage visitors to take such action as Subscribe Now or Join the Waitlist. ## What is the Maintenance Mode? ![](https://theplusaddons.com/wp-content/uploads/2024/07/What-is-Maintenance-Mode-1024x728.png) Maintenance mode in WordPress is a feature that allows website owners to temporarily take their site offline for updates, fixes, or improvements. It shows visitors a simple message like "Site under maintenance" and ensures they don’t see broken pages during changes. This is particularly important if your website is a critical part of your business operations or if you have a large number of regular visitors who depend on your site for information or services. Moreover, They might provide a short description of the reason for the website update or display a progress bar indicating the expected availability time. ### When to Use Maintenance Mode? Maintenance mode is typically used when you need to make changes or updates to your website. Also, make sure that your visitors see a message indicating the site is undergoing maintenance rather than encountering broken or incomplete pages during updates.  You need to also make sure that the website is not in downtime for a long period of time otherwise it can negatively impact SEO, as search engines will consider it as a poor user experience which leads to a rank drop. ***Suggested Reading***: [*WordPress Website Maintenance Checklist: 20+ Key Tasks*](https://theplusaddons.com/blog/wordpress-website-maintenance-checklist/) ### How to Put a WordPress Site in Maintenance Mode? Here are two methods that you can use to put your WordPress site in maintenance mode: #### Method 1: Using Nexter Theme With the help of [Nexter Theme](https://nexterwp.com/) that provides inbuilt Maintenance mode feature, you can easily put your website in maintenance mode.  Here are the steps for creating a maintenance mode page using Nexter Theme. **Step. 1** Install and activate the Nexter Theme on your WordPress site. **Step. 2** After activating the theme click on “Customize”. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Activate-Nexter-Theme.png) **Step. 3** Now you can see the customization sidebar, select **General,** and after that select **Maintenance Mode** and **Enable the Maintenance Mode** ![](https://theplusaddons.com/wp-content/uploads/2024/07/Enable-Maintenance-Mode.gif) **Step. 4** Once you enabled the Maintenance Mode you will see a drop-down with two options Coming Soon and Maintenance Mode, Choose according to your requirement here we’ll choose **Maintenance Mode**. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Select-Appropriate-mode.png) **Step. 5** You can also choose the accessibility of your maintenance page. Such as only logged-in users can access the maintenance mode or you can customize the accessibility too. ![](https://theplusaddons.com/wp-content/uploads/2024/07/Accessibility-Options.png) To learn more about creating a maintenance mode or coming soon page here is the detailed video guide. https://youtu.be/MUKjYAdml7Q #### Method 2: Using Code If you're comfortable with editing code, you can also put your WordPress site in maintenance mode by adding some code to your site's functions.php file. Here's how you can do it: **Step. 1** In your WordPress dashboard navigate to **Appearance** and select **Theme File Editor** ![](https://theplusaddons.com/wp-content/uploads/2024/07/Navigate-to-Apprearance.png) **Step. 2** In the theme file editor, you will see the Theme Files column under that select **functions.php** file ![](https://theplusaddons.com/wp-content/uploads/2024/07/Function-php-file.png) **Step. 3** Simply copy and paste the code given below at the last of your **functions.php** file to put your site in maintenance mode. `function wp_maintenance_mode() {     if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {         wp_die('Maintenance mode is on. Please check back later.');     } } add_action('get_header', 'wp_maintenance_mode');` This code will show a message to visitors that your site is in maintenance mode. You can customize the message by editing the text inside the wp_die function. ***Recommended Reading***: [*WordPress Website is Down? 8 Things to Check [and How to Fix]*](https://theplusaddons.com/blog/wordpress-website-is-down/) ## Coming Soon Vs Maintenance Mode [Compared] Here is the detailed comparison table between coming soon and maintenance mode  | Modes | Coming Soon Mode | Maintenance Mode | | ----- | ---------------- | ---------------- | | Purpose | Build excitement and generate interest before the site launch. | Inform visitors that the site is temporarily unavailable due to updates or repairs. | | Audience | Potential visitors and users | Current visitors | | Content | Information about the upcoming launch, countdown timer, and sign-up form. | Information about the site being down, and estimated time for its return. | | User Interaction | Typically includes interactive elements like sign-up forms or social media links. | Usually limited to information display with no interactive features. | | SEO Impact | Can help in building anticipation and possibly generate initial traffic. | May have a minor negative SEO impact due to temporary unavailability. | | Visibility | Default landing page until the site launch. | Triggered manually or by a plugin during maintenance periods. | ***Read Further***: [*5 Best Coming Soon & Maintenance Mode WordPress Plugins*](https://nexterwp.com/blog/maintenance-and-coming-soon-plugins-wordpress/) ## Which Mode Should You Choose? Choosing between coming soon vs maintenance mode for a website is important because each serves a different purpose and sets distinct expectations for visitors. When your website is under construction, coming soon mode can be used to hide it from the public eye while giving them a sneak peek of what's to come.  This mode can also be used to build anticipation and collect email addresses from interested visitors. On the other hand, maintenance mode is used when your website is temporarily offline for updates or maintenance.  It's important to let your visitors know that your site is under maintenance and will be back soon. This can be done by displaying a message on your maintenance page. It's worth noting that both modes can affect your website's SEO if not used correctly.  Moreover, if you are an Elementor user and want to create stunning and engaging websites for personal or business use then, we highly recommend you to use [***The Plus Addons for Elementor***](https://theplusaddons.com/). With over 120 widgets and extensions, creating a website feels more like playing more than building. No matter if you are a beginner or an expert you can start creating your dream website without getting into technical things. ## FAQs on Coming Soon Vs Maintenance Mode ### How long does coming soon mean? A Coming Soon page indicates that a new website or feature is being developed and will be available soon. The duration can vary, from a few days to several months, depending on the complexity of the project. It’s meant to generate interest and keep visitors informed. ### What happens when you put a host in maintenance mode? When you put a host in maintenance mode, your website temporarily becomes unavailable to visitors. Instead of the usual content, they see a maintenance message. This helps prevent issues while you perform updates or fixes, ensuring users know the site is under maintenance and will be back soon. ### Does maintenance mode affect SEO? Yes, maintenance mode can affect SEO if used for an extended period. Search engines may view your site as unavailable, potentially lowering your ranking. To minimize impact, use a "503 Service Unavailable" status code to inform search engines that the downtime is temporary. ### Is it possible to customize the Coming Soon or Maintenance Mode page? Yes, it is possible to customize both the Coming Soon and Maintenance Mode pages. Depending on the plugin or theme you use, you can customize the page with your logo, brand colors, messaging, and even a countdown timer. Some plugins also offer pre-designed templates that you can use as a starting point. --- # How to Style Contact Form 7 in WordPress [Without Coding] Source: https://theplusaddons.com/blog/style-contact-form-7/ Looking for ways to style contact form 7 for your website? With millions of downloads, Contact Form 7 is one of the most popular WordPress plugins to create contact forms for your website. It lets you create multiple contact forms by generating a simple HTML markup, allowing you to place it wherever you want on the website using shortcodes. Further, the plugin easily manages and blocks spam entries with CAPTCHA support. In essence, Contact Form 7 is simple, functional, and effective. However, **one thing that it lacks is customization**. The plugin does not offer you any way to stylize the contact forms, which can often impact the overall design and aesthetic of the website. Don't worry. In this article, we’ll show you how to style Contact Form 7 in WordPress without using HTML CSS or custom code. ## Why Should You Style Contact Form 7 Forms? When creating a website, design is one of the most critical aspects that will grab the audience’s attention. From the theme of your website to the content flow, placement of various elements, and the fonts you use, everything has an impact on the overall user experience. As a result, if your website contact form isn’t as interactive as the rest of your website, it can affect how your visitors engage with it. Contact forms are crucial for collecting user information and helping you better know your audience. Customizing the forms to align with your website design and branding can make it look more professional. Since Contact Form 7 does not offer any built-in customization features, you can use tools like the [Contact Form 7 Styler widget](https://theplusaddons.com/elementor-widget/contact-form-7-styler/) by The Plus Addons for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Style-Contact-Form-7.png) The widget unlocks customization and design features to elevate the website contact forms instantly. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Contact-form-7-style.png) *Example of a contact form customized using the Contact Form 7 Styler widget* *Worried about spam entries on your contact form? Learn **[How to Stop Elementor Contact Form Spam Completely](https://theplusaddons.com/blog/elementor-contact-form-spam//).*** ## How to Style Contact Form 7 [Step-by-Step] Now that you know why you should be styling contact form 7, let’s get into the step-by-step process. **Pre-requisite** Make sure to have the following plugins installed and activated on your WordPress- - Contact Form 7 plugin - Elementor Free plugin - The Plus Addons for Elementor - The Contact Form 7 widget should be activated ### Step 1: Create a contact form using the Contact Form 7 plugin On your WordPress dashboard, go to ***Contact > Add New.*** Enter the form name, configure the form settings and attributes, and click ***Save.*** ![](https://theplusaddons.com/wp-content/uploads/2024/06/Add-new-contact-form.png) ### Step 2: Activate and use the Contact Form 7 widget To activate the Contact Form 7 widget, go to ***Plus Settings > Plus Widgets.***Search for the widget, turn on the toggle, and click ***Save.*** ![](https://theplusaddons.com/wp-content/uploads/2024/06/Activate-the-contact-form-7-Widget.png) Once the widget is activated, go to ***Pages > Add New*** and drag and drop the Contact Form 7 widget from the menu in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Drag-and-drop-contact-form-7-widget.png) Navigate to ***Content > Select Form*** and select your contact form from the dropdown list. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Select-the-form-type.png) You can now edit the contact form, choose from various style types, and change the alignment of the contact form. *Protect your website forms against hackers and spammers with reCAPTCHA. Learn **[How to Add reCAPTCHA in Login Form Using Elementor.](https://theplusaddons.com/blog/add-recaptcha-in-login-form-using-elementor/)*** ### Step 3: Style various elements of the contact form in Elementor With The Plus Addons for Elementor, you can quickly customize multiple form elements, including the input fields, submit button, text area, check box, and more, with extensive styling options. **Customizations in the Style Tab of Contact Form 7 Styler Widget** #### 1. Style the input fields The ***Input Fields Styling*** section allows you to modify the typography, color, padding, background type, margin, and more for the input box, including name, email address, website, contact details, etc. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Input-Field-Styling.png) #### 2. Style the text area The text area in the form fields is another element you can customize using the Contact Form Styler widget. For the text area, you can change the text and background color, adjust the border, margin, and spacing, and change the typography. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Style-the-text-area.png) #### 3. Style the submit button In the Contact Form 7 plugin, there are no settings to customize the style, color, or size of the Submit button. But the Contact Form Styler widget lets you easily modify the button style. Under the ***Submit/Send button ***section, you can change the button color and size, customize the typography and text color, set the margins, and even add an image as the custom background of the button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/change-button-size-and-color.png) #### 4. Style the radio button or checkbox You can quickly customize your contact form to enhance the design if you have a checkbox or radio button. The widget allows you to change every aspect of the checkbox or radio button – text size and color, typography, background color or image, margins, check/uncheck color, and border colors. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Style-radio-button-or-checkbox.png) #### 5. Style the form messages With the Contact Form 7 widget, you can even edit and customize the response messages for your contact forms, such as submission messages, error messages, or validation messages. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Style-the-form-messages.png) You can also add on-scroll effects and animations to make your contact forms more interactive for the users. ![](https://theplusaddons.com/wp-content/uploads/2024/06/add-scroll-animations-and-effects.png) *Create professional and engaging contact forms with custom fonts. Check out this easy guide on **[How to Add Custom Fonts to Elementor](https://theplusaddons.com/blog/add-custom-fonts-to-elementor/).*** ## Wrapping Up That wraps up our step-by-step guide to style WordPress contact form 7 for your website. Styling your website contact forms is extremely easy with the [Contact Form 7 Styler widget](https://theplusaddons.com/elementor-widget/contact-form-7-styler/), as it does not require custom CSS or coding and can help you create professional and simple contact forms. But that’s not all. With [The Plus Addons for Elementor](https://theplusaddons.com/elementor-widgets/), you can get access to 120+ unique addons to enhance the features, functionality, and design of your website in an instant. From contact forms and navigation menus to social media, animated elements, and custom image galleries, the Plus Addons unlock exciting design functionalities for your website. ## FAQs on Styling Contact Form 7 ### Can I Use Contact Form 7 With Elementor? Yes, the Contact Form 7 is a popular form builder plugin compatible with Elementor. You can use it to create basic contact forms for your website. ### What is the best contact form 7 alternative? Apart from Contact Form 7, other contact form plugins like WPForms and Gravity Forms are great alternatives to creating custom forms for your website. ### How do I protect my contact form 7 from spam? To protect your contact form 7 from spam, consider using Google reCAPTCHA to prevent bots from submitting contact forms. You can also install an anti-spam plugin in WordPress to protect against unauthorized access. ### Can I style a placeholder in Contact Form 7? Yes, you can style a placeholder in Contact Form 7 in Elementor. You can show/hide the placeholder and customize the typography and text color using the Contact Form Styler widget by The Plus Addons for Elementor plugin. ### Is Contact Form 7 free or paid? Contact Form 7 is a free WordPress plugin. ### How to use contact form 7 in Elementor? Assuming you have already created the contact form using the Contact Form 7 plugin, go to your Elementor editor, drag and drop the Contact Form 7 Styler widget by The Plus Addons, and then from the dropdown select the Contact Form you want to stylize. --- # How to Change Page URL in WordPress [4 Easy Methods] Source: https://theplusaddons.com/blog/how-to-change-page-url-in-wordpress/ Knowing how to change page URL in WordPress is essential for maintaining a well-organized and SEO-friendly website. A website's URL is the address that users and search engines use to find your content. Whether rebranding, fixing broken links, or improving your site's structure, changing URLs can boost your site's performance and user experience. However, changing the website's URL can be challenging. It can impact your SEO if not done correctly, lead to broken links, cause navigation issues for users, and result in traffic loss if not properly managed. This makes following a systematic approach to update URLs effectively important. In this blog, we'll help you learn how to change WordPress URLs to ensure your site remains optimized and user-friendly. Let's get started! ## Why Should You Change Page URL in WordPress? Changing page URLs in WordPress is a powerful strategy to enhance your website's performance, user experience, and overall management. Here are several compelling reasons why you would want to change your WordPress site URL: **1. Improve Search Engine Optimization** Optimizing your page URLs can boost your website's search engine rankings. Search engines prioritize URLs that are concise, relevant, and include keywords. For example, changing a vague URL like "yourwebsite.com/page1" to "yourwebsite.com/elementor-editor-tips" helps search engines understand the content better. This improved clarity can lead to higher search rankings and more organic traffic. **2. Better User Experience** A user-friendly URL is easy to read, remember, and share. When users see a clear and descriptive URL, they can immediately understand what the page is about. For instance, a URL like yourwebsite.com/contact-us is more intuitive than one filled with random numbers or characters. Clear URLs help build trust and encourage users to engage with your site. **3. Content Organization and Management** Well-structured URLs reflect a logical hierarchy, which makes it easier for both users and search engines to navigate your site. For instance, organizing your URLs to follow a pattern like yourwebsite.com/blog/category/post-title not only aids in content management but also helps visitors find related content more easily. **4. Rebranding** If you have rebranded your business, you may want to use WordPress to change page URL to reflect your new identity. Consistent branding across your website, including your URLs, helps maintain a cohesive image and avoid confusion. Changing URLs to match your new brand name or focus ensures that all elements of your site align with your current business strategy. **5. Site Migration** When [**migrating your site**](https://instawp.com/wordpress-migration/) to a new domain or platform, updating your URLs is essential to maintain SEO value and user access. Proper URL updates and redirects ensure that your content remains accessible and that search engines can continue to index your site without issues. This process prevents a loss of traffic and helps retain your site's search rankings. **6. Fix Broken Links** Changing page URLs can also help fix broken links. Over time, links may become outdated due to changes in content or structure. By updating these URLs and setting up proper redirects, you can ensure that visitors are not met with 404 errors. *Protect your website from security threats. Learn about [**5 tools to scan your website for vulnerabilities**.](https://theplusaddons.com/blog/free-tools-to-scan-wordpress-for-vulnerabilities/)* ## How to Change Page URL in WordPress [Step-by-Step Methods] Here's how to change the URL of a page in WordPress: ### Method 1: Change WordPress Page URL from Admin Dashboard You can easily edit the WordPress page URL directly from the admin dashboard. **There are two primary ways to do this:** changing the URL of your entire domain and changing the URL of specific posts or pages. #### 1. Change Your Domain URL To edit the URL of your domain, log in to your WordPress dashboard. Navigate to **Settings > General**. Locate the WordPress Address (URL) and Site Address (URL) fields. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Change-Your-Domain-URL.png) These two fields usually contain the same URL. Enter your new domain URL in both fields if you want to change the entire domain URL. In some cases, you might want these URLs to differ, such as when your WordPress directory is separate from your home page URL. Enter the desired URLs accordingly. Click "**Save Changes**" to apply the new settings. #### 2. Change the URLs of Specific Posts or Pages Two popular editors used by WordPress users are Classic Editor and the new Gutenberg Editor. Let's check how to change URLs in each of them: - **Using Classic Editor** To change the URL of a particular page or post, go to **Pages > All Pages** in your WordPress dashboard. This will list all the pages on your site. Click "**Edit**" on the page you want to modify. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Edit-Page.png) Next, you’ll see the permalink option just below the title of the page. Click **Edit**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Edit-link-1.png) Then, it will allow you to change the path on your link. Once you enter the new URL here, click on **OK** and **Update** the page to change the URL. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Update-link-1024x271.png) - **Using Gutenberg Editor** Navigate to **Pages > All Pages** in your WordPress dashboard and click "**Edit**" on the page you wish to change the URL for. Now in Gutenberg Editor use the sidebar menu and click Link to customize the last part of the page's URL. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Edit-link-in-Gutenberg.png) ### Method 2: Change URL in WordPress from Database If you prefer not to edit your website's core files, you can change the URL directly through the WordPress database using phpMyAdmin. **Here's how:** **Step 1: **Log in to your cPanel account. Navigate to the database and click phpMyAdmin. Find and select your WordPress database. Once in phpMyAdmin, locate the wp_options table within your database. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Wpcf_options.png) **Step 2:** Open the wp_options table. Look for the siteurl and home rows in the option_name column. To update the URLs, double-click on the option_value field for siteurl and enter your new URL. Repeat the same process for the home option. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Enter-your-new-URL.png) Changes will save automatically. Reload your website to see the updated URL. ### Method 3: Change the WordPress URL from wp-config.php File If you can't access all options in your WordPress admin dashboard, you can change your site's URL using the wp-config.php file. **Here's how:** **Step 1:** Connect to your website through FTP using a client like FileZilla or Cyberduck. Your web hosting service will provide the necessary credentials. Locate the wp-config file in the root folder of your WordPress installation. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Change-the-WordPress-URL-from-wp-config.png) **Step 2:** Open the wp-config.php file and add these lines of code above the code line, 'That's all, stop editing! Happy publishing.': `define( 'WP_HOME', 'http://yournewsiteurl.com' ); define( 'WP_SITEURL', 'http://yournewsiteurl.com' );` ![](https://theplusaddons.com/wp-content/uploads/2024/06/Wp-config-php-file.png) Replace "yournewsiteurl.com" with your actual new site URL. Save and close the file after making the changes. Reload your website to verify that the new URL has been applied. This method using the configuration file directly updates your site's configuration, ensuring that the new URL is set even if you cannot access the admin dashboard. ### Method 4: Change WordPress Page URL with WP-CLI Using WP-CLI commands is an efficient way to change the page URL in WordPress, especially for developers or those comfortable with the command line. This method requires SSH access to your server and some familiarity with WP-CLI. Here's how to update your WordPress URL using WP-CLI: **Step 1:** Ensure you have SSH access to your server. Your web hosting provider can provide the necessary credentials. Access your WordPress installation through the terminal using SSH. **Step 2: **Run the following WP-CLI commands to update your site URL: wp option update home 'http://yournewsiteurl.com' wp option update siteurl 'http://yournewsiteurl.com' Replace "yournewsiteurl.com" with your actual new URL. These commands directly update the home and siteurl options in your WordPress database, reflecting the new URL across your site. This method is powerful but should be used with caution. If you're not comfortable with command-line interfaces, consider using another method or consulting a developer. *Want to build an efficient website with the latest version of PHP? Learn **[how to check and update PHP in WordPress](https://theplusaddons.com/blog/update-php-in-wordpress/)**[.](https://theplusaddons.com/blog/update-php-in-wordpress/)* ## How to Prevent SEO and Traffic Errors for New URLs? Changing your page URLs in WordPress can improve your site's SEO and user experience, but it also comes with potential risks. You might lose traffic or damage your SEO if it is not handled properly. Here's how to prevent SEO and traffic errors when updating your URLs: **1. Set Up 301 Redirects** 301 redirects are essential when you change a URL. A 301 redirect tells search engines that a page has permanently moved to a new URL. This helps transfer the SEO value from the old URL to the new one, preserving your search rankings. To set up a 301 redirect, you can use an **[SEO plugin on WordPress](https://theplusaddons.com/blog/best-free-seo-plugins-for-wordpress/)**. **2. Update Your Sitemap** After changing your URLs, update your XML sitemap. This ensures that search engines can crawl and index your new URLs correctly. Most SEO plugins automatically update your sitemap. If you're not using a plugin, manually update your sitemap and resubmit it to search engines through tools like Google Search Console. **3. Notify Search Engines** Use Google Search Console and Bing Webmaster Tools to notify search engines about your URL changes. This helps them index your new URLs faster. In Google Search Console, go to the "URL Inspection" tool, enter your new URL, and request indexing. This allows search engines to recognize and update their records with your new URLs. **4. Update Internal Links** Review and update all internal links on your site to reflect the new URLs. This includes links within your content, navigation menus, and widgets. Keeping your internal links up-to-date helps users navigate your site without encountering broken links and ensures that search engines can effectively crawl your site. **5. Monitor Traffic and Performance** Use tools like Google Analytics to track and monitor your site's traffic and performance after changing URLs. Look for any drops in traffic or increases in 404 errors. Monitoring helps you identify and address any issues that arise from the URL changes. ## Extra Security: How to Change WordPress Admin Login Page URL? One significant step to enhance security is changing your WordPress admin login URL. By default, the URL is wp-admin, a common target for hackers. This makes your site vulnerable to brute-force attacks. Changing this URL can make it considerably harder for unauthorized users to access your site. Using the [**Nexter Extension plugin**](https://wordpress.org/plugins/nexter-extension/) simplifies this process. Here's a step-by-step guide to changing your WordPress admin login URL with the Nexter Extension plugin. ### Step 1: Install and Activate the Nexter Extension Plugin Log in to your WordPress dashboard. Navigate to **Plugins > Add New**. Search for "**Nexter Extension**" and click "**Install Now**." Then, Activate the plugin. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Install-and-Activate-the-Nexter-Extension-Plugin.png) ### Step 2: Access Nexter Settings Go to **Appearance > Nexter Settings > Security**. Click on "**Settings**" next to the "**Custom Login URL**" option. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Access-Nexter-Settings.png) ### Step 3: Configure the Custom Login URL In the Custom Login URL settings, you will see a popup with two fields: "**Change WP Admin Login Path**" and "**Login URL Behaviour**." In the "Change WP Admin Login Path" field, enter your desired custom login URL. For instance, you can use "secure-login-path". This will change your login URL from https://yoursite.com/wp-admin to https://yoursite.com/secure-login-path. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Configure-the-Custom-Login-URL.png) ### Step 4: Set the Login URL Behaviour Before saving, configure the Login URL Behaviour. This determines what happens when someone tries to access the old wp-admin URL. You have three options: **1. Message (default):** Add a custom message that appears when the old URL is accessed. **2. Home Page:** Redirect the user to your site's home page. **3. 404 Page Template: **Redirect the user to a 404 error page. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Custom-Login-URL.png) ### Step 5: Save the Changes Choose your preferred Login URL Behaviour. Click the "**Save**" button to apply the changes. Now, your WordPress admin URL has changed. You'll need to use the new URL (https://yoursite.com/secure-login-path) to log in to your WordPress dashboard. *Want to boost your productivity when using WordPress? Use these **[50+ Best WordPress Keyboard Shortcuts](https://nexterwp.com/blog/wordpress-keyboard-shortcuts/)** to perform web development tasks with ease!* ## Wrapping Up Learning how to edit WordPress URLs helps you optimize your site's performance. The four most effective methods include changing URLs from the admin dashboard, database, wp-config.php file, and WP-CLI. These steps help you maintain an organized, SEO-friendly site that gives your users a seamless experience. To further enhance your WordPress website experience, consider using [**The Plus Addons for Elementor**](https://theplusaddons.com/). This plugin offers over 120 Elementor widgets, boosting your site's functionality and customization options. With these widgets and tools, you can easily manage your content and design, guaranteeing your website's visitors engage with and stay on it for longer. ## FAQs on Changing WordPress Page URL ### What is the difference between WordPress address and website address? The WordPress address (URL) directs to your site's core files where WordPress is installed, while the website address (URL) is the URL visitors use to reach your site. They can be different. Updating the WordPress site address change settings in your admin dashboard allows you to manage these addresses separately. ### What should I do with external links pointing to my old URL? When implementing a WordPress URL update, you should update all external links pointing to the old URL. Set up 301 redirects to guide traffic from the old URL to the new one. This ensures you don't lose visitors and maintains your site's SEO. ### Will changing my WordPress URL affect my SEO? Changing your WordPress URL can affect your SEO. To minimize the impact, use 301 redirects to transfer SEO value from the old URL to the new one. Update your sitemap to inform search engines of the change. Regularly monitoring your website traffic ensures a smooth transition when you change the page URL in WordPress. ### Can I change my WordPress URL directly from the admin dashboard? Yes, you can change your WordPress URL directly from the admin dashboard. Navigate to **Settings > General**, and update the WordPress Address (URL) and Site Address (URL) fields. This method allows you to edit your WordPress URL without needing technical knowledge or any coding experience. ### What happens to the old URL after I change to a new one? After changing to a new URL, the old URL becomes inactive unless you set up a 301 redirect. This redirect ensures visitors and search engines are automatically directed to the new URL, preserving traffic and SEO. Proper management of WordPress page URLs ensures continuity and user experience. ### How long does it take for the new URL to reflect on the internet? The WordPress URL update process typically takes a few hours to a couple of days to reflect on the internet due to DNS propagation. This timeframe can vary based on your hosting provider and internet service provider. Clear your browser cache and update your site's sitemap to expedite the process. ### Is it possible to recover my WordPress site after accidentally changing the URL settings? Yes, you can recover your WordPress site after accidentally changing the URL settings. Access your site's database using phpMyAdmin or another database management tool, and update the siteurl and home fields in the wp_options table. Alternatively, you can edit the wp-config.php file to define the correct URLs, which will override the settings in the dashboard. --- # How to Create a WordPress Child Theme [With & Without Plugin] Source: https://theplusaddons.com/blog/how-to-create-wordpress-child-theme/ Are you looking to create a child theme for your site? Here’s your comprehensive guide on how to create WordPress child theme. Themes are a vital part of WordPress's web design process. They provide a foundation for your website that can be customized to suit your specific needs. However, one of the biggest challenges with WordPress themes is their editability. While you can edit a theme's CSS stylesheets to personalize the design and add any functionality you desire, all these changes are lost when you update the theme to a newer version. This is where WordPress child themes become so critical. A child theme in WordPress allows you to modify an existing theme without altering the original (parent) theme files. It inherits all the functionalities of the parent theme, providing a safe environment to make customizations that are retained even after updates. In this guide, we’ll explain how to use a child theme in WordPress, ensuring your customizations are secure and your website remains up-to-date. ## What is Child Theme in WordPress? A child theme in WordPress is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are a safe way to modify a WordPress theme without directly editing the parent theme files. When you create a child theme, it stores the theme files in a separate folder outside of the parent theme folder in the WordPress root directory. So, when you edit the child theme, changes are only made to these files, not the parent theme files. This ensures your customizations are not lost when you update the parent theme. ### Why Do You Need a Child Theme in WordPress? - **Safe Updates Without Losing Customizations**: When the parent theme releases an update (which it should, to improve features and security), updating it directly would overwrite all your custom changes. So, with the child theme, your customizations are stored separately. So, when you update the parent theme, your changes remain intact because they're part of the child theme. - **Easy to Experiment and Customize**: A child theme lets you experiment without the fear of breaking your site, which means you can try new design elements and play around with your site's layout and if something doesn’t work as expected, you can easily revert to the parent theme without losing your original setup. - **Organized and Manageable Code**: Keeping your custom code in a child theme keeps things organized. It’s easier to manage and troubleshoot because your modifications are in one place. Using child themes encourages following WordPress best practices, making your site more maintainable in the long run. - **Learning and Development**: If you’re learning how to code or customize WordPress, a child theme provides a safe environment to practice without the risk of damaging your main site, and it is also a great way to understand how themes work and how you can extend their functionality. This is also beneficial from a branding perspective, especially if you own multiple sites. You can reuse the child theme's custom style across your various sites to ensure consistency in design elements and visual outlook. *Are you looking for a theme for your website? Check out this list of the [**20 best WordPress themes**](https://theplusaddons.com/blog/best-wordpress-themes/).* ### What is the Difference Between Parent and Child WordPress Themes? | Point of Difference | Parent WordPress Theme | Child WordPress Theme | | ------------------- | ---------------------- | --------------------- | | **Dependency** | Independent and does not rely on any other theme to function. It contains all the necessary components to work on its own. | Dependent on the parent theme to function. It requires the parent theme to be installed and activated to inherit its features and functionalities. | | **Functionality** | Provides the core design, layout, and features. It includes all the templates, CSS, JavaScript, and other files needed to create a complete website. | Adds or overrides specific functionality or styling from the parent theme. It usually includes only the files that need to be changed or added. | | **Updates** | The theme developer can update it. Updates may include new features, security patches, and bug fixes. | Not affected by updates to the parent theme. Customizations in the child theme remain intact, making it safe to update the parent theme without losing changes. | | **Customization** | Customizations made directly to the parent theme files—including changes to CSS, PHP, and other template files—can be lost during updates. | Customizations are preserved across parent theme updates. Changes are made in the child theme's files, keeping the parent theme's files untouched. | | **Usage** | It is suitable for users who want to use the theme as is or for developers who wish to create a new theme from scratch. | It is ideal for users who want to customize an existing theme without the risk of losing changes upon updates or for developers who want to extend or modify the functionality and design of a parent theme. | *Templates are essential when designing web pages in WordPress. Here's your **[guide to using Elementor templates like a pro](https://theplusaddons.com/blog/how-to-use-elementor-templates/)**.* ### What to do Before Creating a WordPress Child Theme? Before creating a WordPress child theme, it’s important to [back up your website](https://theplusaddons.com/blog/how-to-backup-wordpress-website/), just in case something goes wrong. You should also note the theme you're using as the parent theme. Make a list of any customizations you've already done so you can replicate or adjust them in your new child theme. It’s also a good idea to check for any updates to the parent theme beforehand, so you start with the latest version. Lastly, make sure you’re comfortable working with basic files like CSS and PHP because you’ll need to modify them. ## How to Create a WordPress Child Theme [Step-by-Step Methods] When it comes to creating a child theme in WordPress, you have two options: Either create a child theme manually or use a plugin. Let’s walk you through both these methods: ### 1. How to Create Child Theme in WordPress Without Plugin? Here’s a step-by-step explanation of how to create a child theme in WordPress manually without using any plugins: #### Step 1. Create a Child Theme Folder in Your Site’s Root Directory Use an FTP client or your hosting provider’s control panel to access your WordPress site’s root directory. In the directory, navigate to the **/public_html/wp-content/themes** folder. Look for the **+ Folder** option in the menu bar and click it to create a new folder. Now, name this folder. We’re using **Nexter** as the parent theme, whose folder in the root directory is named **nexter**. Therefore, we’ve named our child theme folder **nexter-child**. This makes it easier for us to recognize the child theme and differentiate it from the original theme. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Create-child-theme-folder.png) Finally, click the **Create New Folder** button, and a child theme folder will be created in your WordPress installation. ***Recommended Read:** [How to Find Root Directory of WordPress Website](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/)* #### Step 2: Create a CSS Stylesheet File for the Child Theme The next step is to create WordPress child theme CSS, a file that will store the CSS stylesheet for our child theme. You can click the **+ File** icon in the menu to create a new file in your hosting control panel. Make sure to create this file in the child theme folder. Now, name the file as **style.css**. Finally, click **Create New File** to finish the process. This file will contain all the necessary information about your child's theme and act as its primary stylesheet. If you’re using an FTP client, use the Notepad app on your computer to create the CSS file. You can then upload it to the child theme folder in your WordPress installation. #### Step 3. Edit the CSS Stylesheet File Right-click on the newly created CSS file and select the **Edit** option from the context menu. The file will open as a blank file in a new tab. Copy the text written below and paste it into your CSS file: `Theme Name: Nexter Child Theme Theme URI: https://nexterwp.com Description: This is a Child Theme for Nexter Author: POSIMYTH Author URI: https://posimyth.com Template: nexter Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: responsive-layout, two-column, responsive-layout Text Domain: nexter-child-theme` Next, click the **Save Changes** button at the top right corner to save the file. #### Step 4. Create Functions File for the Child Theme Now, we need to create a PHP file named **functions.php** in the child theme folder. This file stores the **wp_enqueue** script, which is needed to ensure that the child theme can inherit the parent theme’s properties without any issues. So, create **functions.php** file and add the following code within it: `add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); }` Once done, save the file and move on to the final step. #### Step 5. Activate the Child Theme Now that your theme is ready, you may wonder how to use the child theme in WordPress. To use the child theme, you must activate it in WordPress. First, log in to your WordPress admin panel. Then, head over to **Appearance > Theme**. Look for your child theme and click the **Activate** button to use it on your website. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Preview-child-theme.png) That's all on how to create custom theme in WordPress without plugin. Next, let's discuss how to do the same more easily with a plugin. ### 2. How to Create Child Theme in WordPress Using Plugin? If you don’t want to go through the hassles of manually creating files in your site’s installation folder, you can use a child theme plugin to ease down the process. Here, we’ll showcase how to use the free **[Child Theme Configurator plugin](https://wordpress.org/plugins/child-theme-configurator/)** to create a child theme in WordPress. #### Step 1. Install Child Theme Configurator Plugin To install the plugin, log into your WordPress admin panel and navigate to **Plugins > Add New Plugin**. Search for the **Child Theme Configurator** plugin, click **Install Now,** and then **Activate**. Now, the plugin is ready for use. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Add-New-plugin.png) #### Step 2. Create a Child Theme Once you have installed and activated the plugin, go to **Tools > Child Themes** from the WordPress Dashboard. On the next page, under the **Parent/ Child** tab, you have to select **Nexter** as the parent theme from the **Select a Parent Theme** dropdown menu. Next, click on the **Analyze** button. It will analyze whether the theme is suitable for a child theme or not. If your theme is suitable for acting as a parent theme, then you shouldn’t see any issues. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Child-theme-configurator.png) In the **Name the new theme directory:** field, add the child theme folder name. Then, keep the default option in the **Select where to save new styles:** field, as that is where the style will be saved. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Create-a-new-child-theme.png) Then again, keep the default option selected in the **Select Parent Theme stylesheet handling:** field to show how the stylesheet will be accessed. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Select-Parent-Theme-stylesheet-handling.png) In the next field, you can configure the child theme details by clicking the **Click to Edit Child Theme Attributes **button. The fields will be filled by default, but you can edit the details as needed. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Click-to-edit-child-theme-attributes.png) If you want to copy the parent theme’s customizer settings, such as menus, widgets, etc., to the child theme, check the checkbox at point 8. #### Step 3. Preview and Activate Your Child Theme Your child theme is now almost ready. Just click on the **Create New Child Theme** button, and your **Nexter** child theme will be created. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Preview-and-activate-your-child-theme.png) Finally, preview the theme, and if everything looks good, click the **Activate & Publish** button to apply it to your website. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Activate-and-publish-child-theme.png) ## How To Customize Your WordPress Child Theme? Now that you know how to create a child theme in WordPress, you'd definitely want to customize its look and feel. The good news is that you can customize your themes in any way you like. You can either use WordPress classic editor to edit child themes or use everyone’s favorite [Elementor page builder](https://go.posimyth.com/recommends/elementor/). We prefer the Elementor page builder to customize a WordPress theme because it’s easy to use and quite beginner-friendly. It comes with a drag-and-drop builder and various widgets and templates that make web design not only fun but convenient. However, if you truly want to leverage the full potential of Elementor to design child themes, you must install The Plus Addons for Elementor. This plugin adds more than 120 Elementor widgets to your site, along with a header builder, blog builder, mega menu builder, WooCommerce builder, and more. ## Wrapping Up That wraps this guide on how to create a WordPress child theme. Using a child theme is perfect if you don’t want to go through the hassles of modifying the parent theme. It inherits the properties and functionalities of the parent theme, so you don’t need to start from scratch. Moreover, any updates installed to the parent theme do not affect the customizations you've made in your child theme. Similarly, you can modify the child theme to add new functionalities without affecting the parent theme. ***Recommended Read:** Unable to edit your WordPress theme? Check out [**the 13 ways you can fix the issue**](https://theplusaddons.com/blog/cant-edit-theme-in-wordpress/).* ## FAQs on Creating Child Themes in WordPress ### What is a child theme and parent theme in WordPress? A parent theme in WordPress is the main theme that controls your site's design and functionality. A child theme inherits these features but allows you to customize safely. This way, you can update the parent theme without losing your custom changes in the child theme. ### Is coding knowledge required to create a WordPress child theme? Yes, basic coding knowledge is required to create a WordPress child theme. You must understand HTML, CSS, and PHP to set up the child theme directory, customize styles, and modify template files. However, extensive coding expertise is not necessary for basic customizations. Moreover, you can always use Elementor page builder to design child themes using templates and widgets. ### Can a child theme exist without a parent theme? No, a child theme cannot exist without a parent theme. It relies on the parent theme for its core functionality and styles. The child theme inherits and extends the parent theme, so the parent theme must be installed and active for the child theme to work. ### What are the disadvantages of using a child theme? The biggest disadvantage of using a child theme is that it's dependent on a parent theme. So, if the parent theme is inactive, you can't use its child theme. Moreover, if the parent theme is poorly coded, your child theme may not function properly. ### What are the minimum requirements for creating a child theme? To create a child theme, you require three things. First, you must create a new directory in the **wp-content/themes** **folder** to store child theme files. Second, you must add a **style.css file** specifying the parent theme's name. Lastly, you must also include a **functions.php file** to enqueue the parent and child theme stylesheets. ### Why is my WordPress child theme not working? Your WordPress child theme might not be working due to several issues, including poorly coded parent themes, misplaced child theme files, a missing or incorrect style.css file, and issues with the functions.php file. ### Can I create multiple child themes for one parent theme? Yes, you can create multiple child themes for one parent theme. Each child theme should have its own directory within the wp-content/themes folder, a unique style.css file with the appropriate parent theme specified, and a functions.php file to enqueue the styles. This allows for various customizations based on the same parent theme. ### Does updating my parent theme affect the child theme? No, updating your parent theme does not affect the child theme's files or customizations. ### Is it possible to create a grandchild theme in WordPress? No, WordPress does not support grandchild themes. There's no way to create a child theme for a child theme. Instead, you can try to create a modified version of an existing child theme, which will inherit the functionalities of the same parent theme. --- # 8 Best Landing Page Examples [for Higher Conversions] Source: https://theplusaddons.com/blog/landing-page-examples/ Are you struggling to create a landing page that truly converts? You are not alone, many businesses find it tough to understand their audience, create a clear value proposition, and design an effective page. In such cases, referring to top landing page examples can help you overcome the blocker and create effective and attractive landing pages that convert. So in this article, we’ll look at some of the best landing page designs that you can take as inspiration and also you will learn some key metrics to improve your landing page performance. So without further ado let’s get started! ## What is a Landing Page? A landing page is a single web page that is created specifically for a marketing or advertising campaign and the main goal of this page is to convert visitors into leads or customers. Unlike regular website pages, which might offer a variety of information and links, a landing page is focused on a single purpose. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Landing-Page-Examples.png) Because they are focused and free from distractions, landing pages typically have higher conversion rates compared to general website pages. An effective landing page should have a clear headline that communicates the value proposition of the offer, a supporting subheadline that provides more detail, and a persuasive CTA that stands out from the rest of the page. *Want to create a landing page without any coding? Here are the **[Best WordPress Landing Page Plugins](https://theplusaddons.com/blog/best-wordpress-landing-page-plugins/)**.* ### Key Metrics to Track Landing Page Performance When it comes to landing page optimization, it's important to track the right metrics. By doing so, you can identify areas for improvement and optimize your landing page for better results.  **Here are eight key metrics to focus on:** - **Conversion Rate**: Optimize your call-to-action (CTA) placement, design, and messaging to encourage more conversions. Test different variations to see what resonates best with your audience. - **Bounce Rate**: Make sure your landing page loads quickly, has a clear value proposition, and meets visitor expectations. Simplify navigation and remove distractions to keep visitors engaged. - **Average Session Duration:  **Create engaging and relevant content that engages visitors and encourages them to explore further. Use multimedia elements like videos or interactive elements to increase engagement. - **Click-Through Rate (CTR): **Write compelling headlines and CTAs that communicate the benefits of taking action. Use convincing language and visual cues to draw attention to your primary CTA. - **Page Load Time**: Optimize images and other media files, minimize server response time, and use browser caching to improve page speed. Use tools like Google PageSpeed Insights to identify and address performance issues. - **Mobile Responsiveness**: Design your landing page with a responsive layout that looks perfect on different screen sizes. Prioritize mobile-friendly elements like large buttons and easy navigation to improve the user experience. - **Exit Rate**: Analyze user behavior to identify common exit points on your landing page. Address any usability issues, clarify messaging, and provide additional incentives to encourage visitors to stay longer or take action. - **Return on Investment**: Track the performance of your landing page against key business goals, such as lead generation or sales. Calculate ROI by comparing the revenue generated from conversions to the cost of driving traffic to the landing page. ## Best Landing Page Examples Here are some top landing page examples you can use for your next ad campaign: ### 1. PlanPro ![](https://theplusaddons.com/wp-content/uploads/2024/06/PlanPro-Landing-Page.png) PlanPro is a landing page example mainly designed for architecture and interior design firms. As you click on the homepage, there is a visually attractive slider that showcases the firm’s best work. Also, there are other sections like highlighting services, team members, and client testimonials. The best part is as you scroll down the page there are multiple attractive animations used for different sections. This landing page sample is highly customizable with the help of Elementor page builder. You can modify the look and feel of this design to match it with your website’s colors. **What makes this landing page unique?** • **Modern and Attractive Design: **This landing page design is highly captivating with a focus on architecture and interior design aesthetics. • **Portfolio Section**: Showcase your past projects and designs beautifully with the portfolio section, allowing potential clients to explore your work in detail. • **Services Section**: You can highlight the range of services you offer, ensuring visitors understand the breadth of your expertise. [Live Preview](https://etemplates.wdesignkit.com/planpro/) ### 2. Brewverse ![](https://theplusaddons.com/wp-content/uploads/2024/06/BrewVerse.png) This stunning and creative landing page design offers a modern and sleek design that showcases the essence of a trendy bar and restaurant.  The home page of the BrewVerse is nicely designed to show the unique atmosphere of the bar or restaurant.  Also, the hero section at the beginning of the home page attracts the user's attention with its high-quality images and persuasive headlines. This landing page also offers different sections where businesses can promote upcoming events, live performances, or special promotions. You can customize this template using Elementor page builder according to your liking which suits brand identity. **What makes this landing page unique?** - **Menu management**: With the help of a built-in management system, users can easily update their food and drink menu. - **Online reservation system**: with the integration of a popular reservation system, you can add a custom reservation form that allows customers to book tables directly from the website, paired with **[print invitations](https://www.adobe.com/express/create/print/invitation)** for event confirmations. - **Contact and location information:** There is a dedicated location to showcase the opening hours, and a map with the bar’s location so that customers can easily reach your location. [Live Preview](https://etemplates.wdesignkit.com/brewverse/) ### 3. SippinSpot ![](https://theplusaddons.com/wp-content/uploads/2024/06/SippinSpot-Landing-Page-Example.png) This landing page example is mainly created for coffee cafes and related businesses. The page design is very attractive and easy to navigate. The homepage is very visually appealing and has a welcoming atmosphere. There are a lot of different sections for displaying the cafe’s menus which can be easily customized and updated. This landing page is very responsive and looks great on any device whether it's a desktop computer, tablet, or smartphone. The best part is it is easily integrated with Elementor so you can edit and customize the page using the Elementor page builder. **What makes this landing page unique?** - **Responsive design: **This landing page design is highly responsive which means that it allows your customers to reserve a table using any device like a phone, Tablet, Computer, etc. - **CTA Buttons: ** The color combination and the popup animation used in the buttons make it more clickable. - **Blogging capabilities:** Many coffee cafes maintain blogs to share news, new recipes, and other relevant content with their customers.  [Live Preview](https://etemplates.wdesignkit.com/sippinspot/) ### 4. Momentum ![](https://theplusaddons.com/wp-content/uploads/2024/06/Momentum-Landing-page.png) Momentum's landing page design is known for its simple and minimalist design. This landing page design is created and suitable for various industries. The homepage of this prebuilt landing page displays the attractive hero section with an image or video background which attracts visitors right from the start. Also, there are attractive call-to-action buttons that encourage users to explore further. As you scroll down on the page, different sections are available that showcase different key features or services. The best part is it is built with Elementor, so by leveraging the power of drag-and-drop Elementor builder you can customize this prebuilt template easily without writing a single line of code. **What makes this landing page unique?** - **Translation Ready:** This design is translation ready which means your visitors can translate the content of the website into their native language. - **Portfolio Showcase**: There is a dedicated section for display work and products with customizable layouts. - **One-Click Demo Import: **With one-click demo import users can easily import the whole template design with just one click that allows users to quickly set up the landing page. [Live Preview](https://etemplates.wdesignkit.com/momentum/) ***Read Further***: [*10 Best Meet The Team Page Examples & Trends [With Templates]*](https://theplusaddons.com/blog/best-team-page-examples/) ### 5. Skyframe ![](https://theplusaddons.com/wp-content/uploads/2024/06/Skyframe-Landing-Page.png) This landing page sample is mainly designed for factory, construction, and real estate businesses. The design is very simple and clear and focuses on showing the company’s project. The home page consists of a hero section where you can showcase your company logo or relevant images and under that header section there is a slider or hero image area that can be used to highlight your best projects or services. Moreover, the template provides a contact page with a customizable contact form, allowing visitors to easily get in touch with your company. **What makes this landing page unique?** - **Team Member Profiles**: This landing page has a dedicated section to showcase team member profiles including names, photos, roles, and short biographies. - **Contact Forms**: Built-in custom contact forms allow visitors to get in touch quickly with the business and submit inquiries or requests. - **CTA Buttons**: The color contrast used in the buttons is attractive and persuasive which makes it more clickable. [Live Preview](https://etemplates.wdesignkit.com/skyframe/) ***Suggested Reading***: [*7 Best Elementor Landing Page Templates [Ready-to-Use] *](https://theplusaddons.com/blog/best-elementor-landing-page-templates/) ### 6. PureSkin ![](https://theplusaddons.com/wp-content/uploads/2024/06/PureSkin-Landing-Page.png) If you are in a business where you provide services like beauty salons, spas, etc then this landing page design is for you.  The homepage welcomes visitors with a beautiful full-width slider showcasing serene spa images, creating a sense of relaxation and tranquility. There are various sections showcasing different offered services such as massages, facials, body treatments, and more. Also, there is a functionality of an online booking system where customers can check the availability of the beauticians, and can check opening hours to book appointments accordingly directly from their phones. **What makes this landing page unique?** - **Social media integration**: There are multiple social media options integrated so that users can easily connect with the company. - **Gallery and portfolio options**: You can showcase your various services and works through video, and image gallery as well as a portfolio section. - **Newsletter subscription**: You can collect email from your website visitors and can send out regular updates, new product launches, etc. [Live Preview](https://etemplates.wdesignkit.com/pureskin/) ### 7. BreadBistro ![](https://theplusaddons.com/wp-content/uploads/2024/06/BreadBistro-Landing-Page-example.png) Bread Bistro’s landing page sample is very unique and captivating and designed mainly for bakeries and related businesses. Its modern and visually appealing designs create an inviting atmosphere for visitors. The homepage displays a header with a slideshow of delicious and mouthwatering images. There are also different sections for various bakery items such as bread, pastries, and cakes. Also, there is an online ordering system available, allowing customers to easily browse and select their favorite treats for pickup or delivery. Also, there is a section for customer testimonials, creating trust and credibility for the bakery. **What makes this landing page unique?** - **Responsive Design**:** **This landing page is highly responsive and looks great on any device. - **Customizable Layout**: If you want to customize the layout of this template then there are various layout options available such as different header styles, page templates, and widget areas to create a unique and personalized website.  - **WooCommerce Integration**: With the help of WooCommerce integration you can allow your customers to order their favorite cookies directly from the website, instead of visiting the store. [Live Preview](https://etemplates.wdesignkit.com/breadbistro/) ### 8.NexaByte ![](https://theplusaddons.com/wp-content/uploads/2024/06/NexaByte-Landing-Page-Example.png) This b2b landing page example is very simple and minimalistic and is mainly designed for technology companies and startups. The home page includes a full-width hero section where you can display the company name, highlight the company’s motto, and a call to action button to allow your users to take action. Also, there is a different custom section where you can showcase services, client testimonials, Team members, etc. With its highly customizable and responsive functionality, it is best for B2B businesses. **What makes this landing page unique?** - **Engaging Design**: The design of this theme is very engaging and eye-catching. - **Search Bar**: This landing page offers a real time search bar which helps visitors to find specific section faster and easier. - **CTA Buttons**: The Color contrast use for buttons are engaging and attractive which make buttons more clickable. [Live Preview](https://etemplates.wdesignkit.com/nexabyte/software/) ## Wrapping Up Landing pages are important for any business aiming to generate leads, increase conversions, and increase sales Creating a successful landing page can be challenging, but with the right approach and design, it can be a powerful tool to convert visitors into customers. The landing page you are creating should be simple and easy to navigate. Visitors should be able to quickly understand what the page is about and what action they need to take.  Remember, a landing page has one goal: to get the visitor to take a specific action, such as filling out a form, downloading an ebook, or making a purchase. This can be achieved through clear and concise headlines, subheadings, and bullet points. Also, the success of your landing page is measured by its conversion rate, so it’s important to track and analyze metrics like bounce rate, time on page, conversion rate, and click-through rate. Moreover, if you are looking for highly customizable page templates, website templates, and sections for your Elementor or Gutenberg websites then we highly recommend you use [WDesignKit](https://wdesignkit.com/). ![](https://theplusaddons.com/wp-content/uploads/2024/06/WDesignKit-1024x444.png) It has 2000+ Ready-made templates, 200+ page templates, and 100+ website templates. Not only that it has 50+ widget builders for Elementor that make the website creation process smoother and faster. ## FAQs on Landing Page Examples ### What is the difference between a website and a landing page? A website is a collection of interconnected pages providing comprehensive information about a business or topic. A landing page, however, is a standalone page with a specific goal, such as capturing leads or promoting a product. It focuses on a single call to action, unlike a website. ### Do I need a landing page if I have a website? Yes, you need a landing page even if you have a website. A landing page focuses on a single goal, like capturing leads or driving sales, which makes it more effective for specific marketing campaigns compared to a general website. ### What should I write on my landing page? On your landing page, include a clear and compelling headline, a brief explanation of your offer, and its benefits. Add strong visuals, a persuasive call to action (CTA), and a simple form for collecting visitor information. Ensure the content is focused and directly addresses your target audience's needs. ### Can my homepage be my landing page? Yes, your homepage can serve as a landing page, but it may not always be ideal. Landing pages are designed for specific marketing campaigns, while homepages are for general website visitors. --- # May 2024 Monthly Updates: Woo Product FOMO Countdown, 2 New Geo-Location Display Conditions API & More. Source: https://theplusaddons.com/blog/may-2024-monthly-updates/ In The Plus Addons for Elementor v5.5.3, you can now easily **[set up FOMO sales countdowns on your WooCommerce product pages.](https://fibfbff.r.af.d.sendibt2.com/tr/cl/ibmbagmsXsdpE1hr8m2pgxWmTsticcMbPRWh3OPYwk9-h9-g9oTsepoQMG1WgByyOtoCofYP6kTvDhPN_0jH3LjlKDN5ZUWZj88D0rbMc2BefJSZ5DqUWN4KJHZ4MTWPFPJJvF3E_cANADyEMzLo0hlywghJJYpbxF29bCuu7VacAUyenstwb8vAGE87j0cooDW75ym94XnFNRYX4PtINiy5Sd4F96-9oMTc8au95En8XpdGeopS-_WE0zBOofrL1kQcquljGv836sNhC7EOd4POVxWalHVOCiCutbx70wEAibLFbKRDloW7NEk6egRwfdeU2kiyA3VitHh5C3KJqJEE66E) **This feature helps you increase sales on your WooCommerce store. ![](https://theplusaddons.com/wp-content/uploads/2024/06/sales-countdowns.jpg) Next, we've added two more[ **free location APIs to our Display Conditions based on Geo Location.**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/23XdY_fpSu3Af31-jAJM96-YtVKzutXzRgrzPLEUETUV1ditjnbnY1zupbIu_nLav05P8OCel0e8vjyl-bQxGLqreIQ8AhUQPEKcsxJ_YWpaYGmwIot08663mNF2UZ1ZP-wogEChQumMckL_JCOZCUIZRUeFPXwBjQArFnXkN8I0C-t91APmooVXmIGfTXzF3UAnKd1Dy6a5AgJfg7utpUu3LGth_rXiVjtn12uLfs4ZoUNaydjntK5Fe_mSjK2Eu4gN1Geo6sp3z_DZYXuLtwBjmb3ZyR_Y-cHtQylYlyBgfjnrrHKEpwf80paO70QawEp0-7XW_tlyP88sHSdWh3NH9A) This ensures highly specific display conditions based on user location. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Display-Conditions.jpg) We've also made improvements across multiple widgets, including the performance of our carousels. For all the changes,** [check out the complete changelog here.](https://fibfbff.r.af.d.sendibt2.com/tr/cl/imIQUCd4QqeaqNLDuAI2KmvKpb58LnySjDwmbTIt_yDmqHhqmNXSQpdtx0EpQrVlk-Ct3D0hZurEIDxfbBlUxCTrqrO0Z8VIHfXKaU4sbm9RrCuJmp07rbEmi9UFVs1WiCvF5Z3Bwu4bePBOepIsZ5c8JkG0WmZHVwg740ZrR8wSeKKA37e6YpRwSyPlq-ZmGBh0KMUyW8yBDIAar79hMgkxGErarXcqa3eu092JET0cWsW0dJzi3LUnGmXiQdqRX17zwmyZCPJIscDGSKRpNRRV0aDldyCeIiXQicLzIWLvYSYfjC4qF8Pm9ENp3ESAuJQTBUYP7isZ3QSpYDnyPqB-QQ)** Looking ahead, our upcoming updates are designed for WooCommerce store users, focusing on building a strong sales funnel. We're releasing - Woo Product Wishlist - Quick View for Products - Recently Viewed Products with OSM Map integration. Stay tuned for more details! ## 📖 — Latest Reads  - [JPG Vs PNG: Which Format Improves Site Speed](https://fibfbff.r.af.d.sendibt2.com/tr/cl/iZH-SMClsaJ5zs8stQctODRL_7NWzrHSGoyzda7VC9WFbLoxw2blxO4wj3BL1fdrgs9deBQgnTZKzjA3iZfvjBIoJjAw4FGK_mcA97ctoUIMtKogJOTjLccA3MI3pMxaYBOYIwdEhqyRDj4JPqcbR-xeZLJlmQZm9VxKiXSqtBc237Zap3iblgKNaZ-SfV0os26LTqd3mFPbwYciPdkqJt7atV-QGlr93V2j5VC74MHfWiysCkmFD1d5Bnz4RvcvwKOYoih2F6SVTChkHbtKYnaGnDp_T_o8FjpPKRchodvXdd5L38eHsarI8mgiZAknB_aMYUyeFEMEsYXrfL9wxoVybjE) - [50+ WordPress Keyboard Shortcuts for Windows & Mac [Time Saver]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Jqi5uOJclOqsgeyK1xcN7LVGl_dvD54PygUcaoC269oxshLvpaH0W3T9mTd8wfXRuGqpjy50s4EPzupmltDMxnYIWlyNRC3mFQH6Nj2fOwGFZZiSpInb0fkRADX098Ffr6V1iVDxFO5T1ItwIjwh4jJX7G6AHR8cMzmBHyYtBqbAC3OPW2RgrXpLOKH1IrSEPTYrmhJu3T3wx5JD3YYf_3b4tbbBz2DBNpBfyB2m5CiYuNF7YLiGHW4nnj3OBq9X8pPcy8DkorB2tCZNlQ0Ws2w2eluVepkZqz8GYD0ehI6hL6njBw-hj9ve50LOjeeouXNhqv8sl3Rg7aOj-8clhRwPJ_Y) - [Can’t Edit Theme in WordPress? 13 Ways to Fix It [SOLVED]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/ZJNyaYEW5WcUlX_3gHZewyyp2xCAjlKie4WOEE3nkCm0J_u3zXH_OX9Lqro7BYZium2bR5AVpyVhex4GbchZtNI18dVlBXiRbkFA0cNepsx76xP6LgnKG_0La1fO4h4vWEBzxGA4cj4ABKN1Alv0ZIB20eGnog3PZA8_FakiUuFOpytunU1YTn89NeFrDK6E-B2gf8CV31suNaMPB13jDRO4jufO9rTLHd7YJ9FjdKiyma4vCkMWYYnEGkv2ScWr3UqfwKAdRPDKGIOWqduCihgD0FzVzo1oTzSn7zeS8usdnZHy45EBjPFR3aSnLSlrMT_7Y44PgwHS2amqe-P3RG33kKQ) - [How to Fix WordPress Fatal Error [9 Working Methods]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Xcu1tRWhEvFGyWQ_wCWakOSivKCjApAC_xVhW51P67jQY5v95LUe5ih6SKROQi-U4RbTsEsse0Rq6bbx-LDwFqozQQokeiKZjR2Ou9Q5L7wyUVAoN79lOe8ErcWQkQpdse0vS6WMscse7VVAWXPUDVsnZ_UfAkitBW6arnShkqQivMNYO7tR7lpnTcel2WAYcmG4UmnFSwjtkBngMAE1CHNuQbYb5BbE1Einmq739Zim5UL-jx8a5XxOycAlBpz3jQ8VAC7TD34qboZ2vyCW5VnhaWC9RWoM_pcaqvxNwSjRS5tVcQS-sToWBu4PWp4mAJqAvP5qqngNvLLD5kRTRPRXwUs) - [JPG Vs WebP: Should You Use WebP over JPG?](https://fibfbff.r.af.d.sendibt2.com/tr/cl/nNtimXp6dtAjbJo29nHxENuBAfh4-XbaNP73Z6ew1gaLppmZaV-4Fl2DH0xvAWtaS_WGmZvwZ294-p2KYBcKA1aKYOtQf58UykakWpoBlVrosYXKJ-ADbhoFl4uJ2lXHOZnxUg1Qk6EhwMa8EFZCYv5y1UPuIfLix9fzTBKP48SwCtzvA0JDIZprY13eSM5RX6Q2ZXQGfCfylpV2F66qbhY2vz9ExCil7cSLtAVpXCCZWR8wpZInJA6vVWdAc0r-EymRIqcnZhCMKXSW4-sW9Orf-1i_f62ZAAcVxbfs63XQalghczKxHtDjtHhFsikS2RMocLF4Ld7S8Tipn-xJDEG4kkw) - [Is WordPress Dying – Should You Use in 2024? [With Data]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/zGUjf4d5kBmhSZYzUb0uDudH3RkrtgA1FH8kG5Uxb5kZLtKLqrMVuV8YA8TxhmaBT9DmBUHoHcPUMVAqL7pAMBuLiPFee1ztbNpiPnKVei92qU8nzZvX4WEjufgwLvvWfuaY9SvNZijHJrzctiK9sQBBnfwfspUownK4S4lyZypiEwweEzzqhHAewjR-JHTfP_ZxzZfBEj3e30MTXnd3nEnVD2zrf8VhnQaFsHN61A6RiwRbjw_qGp_SzWU5JVkRYfPxHEt7-c_2xcdTtdWXaqrZG5Nr6NiTc49psc8dtCMJB6tOVbVcMRzovu59XQBg2291wIfrFTN1_u3xBiXlJoYVKeU) - [WordPress Website is Down? 8 Things to Check [and How to Fix]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/tkVsaQvreITZmhCkYxOWEtLBEu4h83UP02BNOSkqIVVP1jpM3UDg0H4fC5Hr4t36XSHFMFv_9o-KTSiBHRt4c976IANDEw9PbgkffbCIhusRU0hbgfLe3acD8fDZYa1i_5TLzUa6QvUHAksmg9eB5qXoyWmtTjA8niAr1kh1oGZU1AgsuLh0MbrQPINRwk1dTp3DU1SsSO_fqAQ3VlYUri0lYPKmmXsQ50ObxdrxwyWSBFxCbE1x23DQ46OxmCZAoncj8crBCB9F_V3uYelU4dLFBSh6wCP-S0KK4QSCa0IBdwLzG33MvNujufW-d3CokEzfZoiujX5RkQCU-kaKPnk7fkA) - [How to Fix Slow WordPress Admin Dashboard [13+ Proven Tips]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/_HZ5r978tK4Q8WZgc3JwsWyiV2vRxYL3IQLRvqSph6MKhT20hun6pQCUbC_1-bL28mh_-FVFBWoU-xu95YMnZeJVV9pqC2kIWXQbfA06R4Pb62HS-Cmh2IJ3ea36PDrUlXA5gYtK7Rq74EMcDfw6O42yFZCUvzwZP1qv9YM9asYtXBdXFqv69YmWPYCrmRF04Fc_gWmlGjHKLMpSZpRHOrkbitJZeJiGnYrhF--i-FY8J-fcPAn35RM1jifb73f-kYd9ANEj7OXB9xPGR9tn--4lS9HrZ_d3qQ-EvwxVzCkVvYxSdWc7YZTuPGgPX5X_6DKzn6xZLJvjAU3WBPSDpxJcEFk) - [How to Add reCAPTCHA in Login Form Using Elementor [Step by Step]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/uQnMUaUo0na9A3-HcJtFidAgFbvr8gz99bpsMjv43zC098LSx_d6KiADD-KGkV7SqgpnVHlC50f41Qk6MhUGYcXOyXaAtEGyR1QFObhJdf92Kxa1LcM8zWIH8iRYqpzImrrY7twQl4dCcuTkLnoTmnTuVeEIqD1_8QPwAgNR9tJ4LAej28Y28glrwhRjjMKM6_6dYvOi_dRqMPezsdlKtpQgNU_YdQhWNWjM5Kqr1C0d1tnMnFnfaOIDjWHibpHSreLzDm3eymfJbVPJz3Wx2kIZM7sK8BIqcjbMXEwGbTMFWYenTQDAD0X0YyvTtQGn7xolwnwhnmYXgPS7_iKGz59NGzI) - [5 Best WordPress Map Plugins [Interactive Mapping]](https://fibfbff.r.af.d.sendibt2.com/tr/cl/dYsLAXBunOO3ZCmkviwse0P26UuCXLVxQH-ocKPNREINaNiS2FCWaaqGE8x5K4XZDS9qJ-dvcILeguIhTeNznMkwI-zpH3e-JXm0MUQMIhY94PS_pfMu__5wOU_8u8S6tgyQHsskoimklc4OqR8eF_PS7VSiZgaxhKgYZmSfkAF298NzcQilgOnRNEqBuP0XUBunemjMtVgzfG_qIy10Y19RnMd_4xca6gZz8IcOz1T_6ZVCXA18eFCQvaG9wKtwAnBX-R5U4LwWg9daGblUulnUgmWdBacDIAWKnAvTmVGGiqAvqnDDFN4Xth68Eug9-5N8ZiiZJ49mJgDgb-jpz8yEs-g) ## 📹— Video Tutorials  - [How to Change Header Logo on Scroll in Elementor Sticky Header](https://fibfbff.r.af.d.sendibt2.com/tr/cl/3aPDYAtlZ1l5Tn0JqKfh6u_mKfXkPHgGiTFua4WuMv_KQYJK_ANI6Rtumh3gbsrhwHAiqTeY_bBfKwa3YHbqXDQcspph0JU9EL5b9lm1eQhAz_gsuUfvjg1dijqhOP94NWShT91rBbFN85cRs9CAeXYjsNJiJUNHjGldW6O6_bl7cSCq3azH-pzvIN7pLdzTRXxzSrnExntvfalvfkIckM4gtVSN1q0Wff_j8tUm28-WezhjOIcCQ7eztashf8ZTKEbUfs7djPFotpyV7TTBsJNdTF4L_U4W2CQ8pMhuRFk7BnNHl0i4AnquIclJVY3MC4oQGxI2fvYdMcxYIAsQR7VuMA) - [How to Filter Everything in Elementor with Modal Popup Filters Ajax from Sidebar](https://fibfbff.r.af.d.sendibt2.com/tr/cl/WFbRAq_6rua90Pjjo6f-lS1ZhSHU1Fu5jQLnt1mekzKNyIJ8D1DfwQWhSVtbTAcMOSRHBZuLrwxbJfQeAydZUvoWjVFZix8fWs8vcNgMqku6sQKk2-is9kGXGZmVNSY3SUit3j_4IZ2-o6-MB39xCdWPHDtL2JBe1sgLx11sFwZT0IqwgUVqeeyZrQdD9z2EMSGH-PJdGqB84ktwNfUbfRPU71K1YWUjEdqL7NAaJJHRvRk2YYXWtA7ezfcxaoTZbJw-a434FlSXR5pP7dyKkCz7qa49csPk-OWZLbggK4BDtP-wxC3k7jG7KVeZ_pKSz7svwJMbA4QorOqkt_qfpIx3HA) - [5 Best Elementor Countdown Widget Hacks | Hello Bar, Evergreen, Scarcity, Product Stock etc.](https://fibfbff.r.af.d.sendibt2.com/tr/cl/fynSMpS8asiFyKr1PoxnsoITyItpnKS_ViO41FCjvzO3IDWtHWMFDlL_Wgc7tWK5gFu4EqW0pFenpE9M9lXjHHxVSBjbwYw6N63ICA6Q5ZyKP5Hzyi0Fgrij-tzYgJNIuDtcfZiuO7_4YVTfpkjSNJn_Ay60oMImNi_1OS0xNikInfIldFjPPHOcP02d-iN-yBWxlLytf9LgcSdBQqo3WjTA6i5CP4Kawx83X7Ci4IHiO93VfBxdCUiotlsp6wh8SGAXkBlQmaYKwQRc-gPU8n2aAmXNdFOs6yhEqY8l7qmLLPdmnLiy3UWBuAGpocN2Ewop-Wv_SU72yaqD4gl9F1AqBQ) - [Right Way to Set up Global Fonts & Typography in Elementor](https://fibfbff.r.af.d.sendibt2.com/tr/cl/U_G4U5plq4ANAghbSWeQk7Y8cvRES0_bTYEz6KyCYRc0h899fVSqD6pfvh4fiyYuc8sLgyVH0SVX83tXXdeB77JpzhEuG90tqn_YG0TJ8pHbVon9u_b6YoPD2kweMXdG-9GsbpLkji_WtDtq0-UtoVbqUJaVg_fwW96bWUPPKS2ZG_262ovJhhqZKWYwe-uy1kyRgWpmP3cnJhu0Jrjnl4OoAueBRnxImWlW35s6jzJeruBgLjn2bevc6QpB2su9isoE8Nr-G4_5PW3qHOW6mJtq7M3apU52tYGz3Pv2OBuCfatJJeAspRnT6FOLH4PkcnnosjdQ2FzdCWmHvED3TnAfXQ) ## 🗞️ — WordPress & Tech Bytes - Figma to Elementor Convertor** [UiChemy released its major 2.0 Upgrade](https://fibfbff.r.af.d.sendibt2.com/tr/cl/GTJxllXrnoPjoJT28f3SGXkD1b9z3Oiovr3UAiypGjA7N-Xr3VWSIKOFEiEWWBhbGNYHuv_H-2fhurDkCP1Jv-DBuYi_ob77yEFTWawqH44_vSJZLu1NGU9tvE9TMBoWyp8oObZeYqK6kJ0lIkPOCdtfc0vL2_v3U2sh8T4_XfpgWwwEpOylbUJGaq4ewGaxOUKkBT_4dr8YxPzXiomjOpakLK8nBFFZtVFVnoCklroeyiA3wd0PbdT0KPbBnAoQZjr_7xT1B4ImdKJLE8LJxHCdSrZuJjqjG0omZke7MmzV6sjMDmVoB-KPjLf46o-r7Z8p5i5pGmwrriVG3XNTBWUorVw) **with key updates & features for best Elementor design conversion. - We’re sponsoring **[WordCamp Europe 2024! ](https://fibfbff.r.af.d.sendibt2.com/tr/cl/Zz2lg8Kxei6H6VLVIQKxMQ0xyaSMlkte_qlP6cmhpKMWFoFaOi5oGWBAEdFqFxV3DbcM767BlaCKViCUigOsEmYdS5MKB9SKwpyXYAmYlbl8ChTAyCLsXWfx3jtnip3pSODvkpQqtZ-vyXXJt4esSrGLTiovw4zvglSiCLXB8Qol9UGzV4X14y0E2vfHVU_eN6e41PHjkDgghpreszrdKV2l--EdgjCnt7k-UITfkQ4U9D5k0KWeJnO9W4Fz2H9CgXWRkQZtQ16_5QZzhop_faPnRyW1Xt4XkPNVmzPNJlfdkcNhEbNTXQKgqQW_RqUR2g964ZCLoPNz2EQ14LvREYYkWvk)**Visit our booth for a live demo and see UiChemy 2.0 in action. - Elementor Celebrates 8th Birthday with Up to 30% Off on Elementor PRO Upgrade — [**Check Out the Deal**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/wSfgJm8TnqFXqwxoK1gJML26hK2TRISN9oimfy7YjmH8WD8AOtejPeZxeCYwCXO6JpfPSNMzaxqhS2eOSflA7WPMusEfvTxsX5-rrp5jdsHUbLjQUV9XbHDbaZzgrVuqCSFja8n3N7iQgv6fRH3Eg20bKnAt0ML0mYfGvMBG0Cx-UJf_nxJzkKBx842qpcoY5U3nGQzbCWbk9yNof_sAgzNOalP3iQyBie1W0PEacRcWtzX9onYxlxUvkrp_4dEXOEnXCWfOC16JrwXV4zi-VPKGGLRqhJMQ-0p2UTdJ-llxVW5gVRlD64B6V0tIEdvE_I0vLePDO7ZwRZSHLMLsfdjOfQ) - Elementor 3.21 **[Launches with Loop Taxonomy Query for Listings](https://fibfbff.r.af.d.sendibt2.com/tr/cl/qYEleX1Nt_Ig8WeZzaLY-Ebo5V3k5uEIW-pR6HjCPFXPlvRvqdRpVfOXGzG5CEs5dOB7Xr0K0rsav_S_re0ccoP5cBTNCuNOk2v-wRMJNhWJz21NIDXW8xJKK_akiC-P6dmqEl9212eDoviAru0D38yJ-2kX6ewcYtdWeydyLlU3izOyQGPKuzoixPw-IrGywnyDGqFqKxB_uBUW3LZ_LiA6Jz3AkJNYkfRYLoFctMJN6xnV3UvnR6YSwSTgGWNyXDOwt89TwqPIiGwHQUPN_oMQJ4yVi_rQZoSVjTkPLSLYyjVja6u9mGOtBI1JoguwssADDwQnt8CdMTTgnT49q2e01-8)**, Performance Enhancements, and Additional AI Features - The Elementor AI 0.4 release, showcasing a 58% content uplift through contextual for improved workflow, [**Explore its Additional Features**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/uYrBludMQlrCYAJbyvOGhyaM6rzCd_rKY2Fv3DYL4pZ0MEVYOx83AsKg8itM6_ZPBtXyZRX5AMQ77l6eI0dQHYZzJmKdoLd3eU0Ty-v9tAszdCBnjRvLW16Qp43q2DaE8peU3JVTN2k5BWhWF5OFg5eHM30TEzB2EhChZGTpzgd6YuRyMAa3E3O2_1FMtBZbbr0wdpxjmpHreBa7uMY5MfBHZgGmZD6TBTlNqAa0ag_ikXdULdzWqe9sHBs638mWoTyoBD7VOvw7LdkIzyaEygoFz8s7WnfQ-kOGf7h-_VauNHGR6IkgNsY1z0wiUInt-PrvVYIbCLsiJDIb6i3LEz-_P5Y). - WordPress.com Releases Free and **[Open Source Local Development Tool 'Studio' ](https://fibfbff.r.af.d.sendibt2.com/tr/cl/XO7bAltmbS5Ss8j3N2JgYM4arr9F6Pz7md31aJtNI9gYDvcZLnjTX1WKJ0lALCUJyZWKFSem22i7B-Zw1SinhlgNMD7ZLUpKZ2O0xIuu7fXoFuxXl1f3WOn7ZDrR8WsgNwIk-QmV0NzIQbvugJYLCySH_VikJ_j7lAKNDkAJThbgiZHTZfhmCBDuy81LSg6oX_5bMnbau40BQXjkNHJnNPeDkbuvd8uZzEb3dNECDlIJr8sv-5dfkCEmL-CstC_pFNdnCI6GSUzT1YVQpHjTKj5Y_1eEepBS5XP-n6kN9cqzVtRcKDQqQhjDTXKiVKf1qhUWo3abdntc0T9p2cset8bq55U)f**or Windows Users - [**WordPress 6.5.4, a maintenance release**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/DGgr-q0X38Duw9FtXTQIJVKpjUMuIwtpkmDAMHn4bNzyUUCbCkvMB4ejhJoo7LgYG2U3zvSzP3eXRFhlXL733AvXDD9ZkUol3OpEuGuz2RYgT_Fc7TeVXxK-AQQ1vUQTLvsTf4P8WKb68X6Qvs98KpIoFT5C__ziNUpwaEI-jrKX412UlXeZQ8OMCjWf0TIv1nAj3dbh0ylu_z_B2-ohi1Jkv1Oz-P-cifS0_fvxm6XmkFS0yEW1BeExK5dWnRjcFd6zMyFzcamwQ6-hzQ2ZYRPomHRvYj6nHM1hr8uP7_5CIJqYugaCnipFcv2q9zqsgWnnyI6xH3jNCr5g3D60qHMybsk) that addressed the AJAX plugin activation issue from version 6.5, is expected on June 5, 2024. The release candidate had been set for May 30, 2024, and the update restored the auto-redirect after plugin activation. - [**Google Announces**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/1klSxLan-aNzGLkXAN8PcPK7rjN8hr9_LzHIruecwfZeeyU4T7AO1FDzHJe8_A7M5ib3CYvJfbhjl_lbofaetvg9F8Jmv4c7l3NondM4OeAATgZXvJFN-ZVBilj2dcEYg8vkyNDk3bnyQZydIaHqyL0ZulQ5S8f1BeJXQunmN74ou46mi_EuXk1yCU4_Ta88dLNpiejqCbVdfawCOSaFeThJVmG4P65NxD5ERTbbvxgtb9hZnhZuzCrR8Eu6UoaR71RJIAvja9TqPRc1Uo1pQeuewKVT5aXTy46xE_DRHvaGayK6mj-kZXTJyWv5hYdLD-q9j9wXAIVm6POBDX3yIMQWlP4) Shutdown of Business Profile Chat Feature, Completed by July 31st. - Leak of [**Google Search API Documentation**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/YE9RvAx1I6Hou5b3Tbth1z1t7vZiIGZG1kPibof1bKvvlavfIdgRTUjyJJZ6LXNjgRf0ITSEwVcuh46owohxSkXiThC_T-ZvvDJIK27oQ2ssUPF7SDt7p7NBQXErhU7Qa4cxCFHmW16IcBB74Zh_f5_nnzGQUH7Jcamhpd6DH5lPVib70ZaGrebzW3C5Dn27DqJNHuBVEWSceOyj6iV0DM-wvH2jnWHMaIKVdbYSE70PRGLk_Er4971cSwjv4Br2tfuG4LUsW596FBOqO5ytyCIwXxA13R50-iJe6HiQxLEXkiLMPP80ky8ak763lASEDM-HJAF9T62Iru7jGmqqS_CNCB0) Sparks Intense Debate in SEO Community. - Rich Tabor, sponsored by Automattic, Ready to [**Address Your all WordPress Queries.**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/kjNg6E87Xvp9KoXykRhlgFzlkTMj3M19F4xBOcDcujZGfEdzg0GSCl8JWSnbwjYNGf-EJfXpwIgHYrkeN-G1sKUtpJPfOV7r9G5V-x-0IsbGn0EWjc1TR529q8X62T4iUUJi7OeZynODYWBJzEnsb9JLXnSoMEJQxRfMX7KJNPHyqS_bKG4xF4ZgITerR4gWTgGawe2M9pnjlgHYwYSPWgarwMTfiJsxIiVqzCS-rFxhYjYnXgBiTWXH7EuzbQBdbn_CTaap6PQHyEHSbFKnxNp3tGWPHFtSy0_BlNGnUap7c5F_T1VIDlS9FbFTi3FH7eYyStF_bDFjPcDVvc1leuMO7sg) - On June 11, 2024, [**WooCommerce 9.0**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/LsjCZiQQQ4CQyIX9cpiUMW5N757EPPuzVpHhOOTDcPbWOeXI9BrDW2dYslqIj9jv0NjPqF4LbVzTiq84n4Y4CvJgMW_HvapqVF7rYASuRBZtLxmHcVRel0id8gMRsNHLDIOm2eAEm3oxMu2d08iHRyuuKbcEHtYz4eniE5p6aKWCM4hB0WtpCvd4v8vpzfVDIPxnWa4OykKU5x4D-X1bQ0U5nonIuIJDF0CMRzzsVFLly6N5vBAlYg4J7Y0JnHEuBHHE70wZmdkZh2Ki8Fmz6kjrxTIOI9Bf6CSTpYdPJx0hWh1GL_8HqL3jltI-Txa612k6UeG_6MVEp3QqIe8fwcBpsAU) set to release, featuring UI enhancements for checkout and product collection blocks, alongside the renaming of classic block templates. -  [**Google hints at potential ranking improvements**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/MkTtdYxl72UDz9ImfNi2rNiFLqIzk6S2ImPYiBG3BafhXcjK87n6JBGUB1huz7-nt0T4wr51zMczpnxUUIeHJZQTvja7_GjpXPZznvbxXd8GAfCXfOUfzv2bzaL_Fh0CfGFpQtQWOXC5DgiJXlKKoj6FJ9PcnEFXDm30QNMz-y1aeYjBqMEaYKXKNHfSMEaYz2px6J80SoGHir2XFNpzlhm6W5uhe_lNgkH3_rot3sX4vdT_PvrclaXqLo__S0Scl0FTQzNEGDHc8KrGviIRF9MifG1Lrj2IPbLNSU2U4a7e_IdQxG2KdiGB_XrDprgUPF23ZmxuRisZfTLdDEG62Y3IP8c) in the next update: John Mueller from Google's Search team suggests that they are "explicitly evaluating" how to reward sites that produce helpful, high-quality content when the next core update is rolled out. -  [**WordPress.com**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/-IS1H0HVEprf6xj1yMlHzR6idR9RT9l1rrrMiyvy6vfpSQUEaP8HmJEcU6I5rqn8RgeFl6THsA74cawcGrLGLzs_ynnKGgn25gMLsb8L87lp1QXl5jbvPM2gGxv4s32NzNy6gmkHbS45iWdF9NzxdpR52m3t1gxWZ4TnILKkkkf0TG6wTjQsD_MkDZWqn978_lxcE_UrJpCPDHy7PGz0zx4xzfmiLhl5UGqAZRX6D0wPchjjRuJrc91wDZaMMIea-AmW03mq6iuQM9GWxB7jPS9T-LD86EwGj-oIQhuopRZQj0Qg49fWB9DO9AJunR4Oj3QO3Kif9_gjj4UVwXlZfv16dHU) has introduced scheduled updates for plugins, enabling users to set precise times and days for updates. -  [**WordPress 6.5.3**](https://fibfbff.r.af.d.sendibt2.com/tr/cl/JZqNsESHQ1YCr8scMf5Lo3ru7TkHu-n_vbr9siAj8A7vPlLlBoyJmfSDEKOt4Y4TMIdEzIVoHTPfTI9LqtXGnfTP5sVgt7n-lPLvTaZ-Qe06Mo-AJN74ToWOOIcdScAhw6AtnuLeS8gM-uHh2QJ6kcNZewR30UnqRM4nXvf-RnHkLIP0TXJZ5E1GBJFhBoEtM8ESHBPFfE--6alTesNXNY2jNv19fJX7ayTFKHVg7eeiJp6SnlQezZuYr8m28l6sbY9uthg3owImUBnLGaruOcCp3chHnGsjSuNCaFu6lMdnlaFjzCwe0RCTBfxxT3nUnXfvcGSTgg96BREO86hXvlIxToI) marks a short-cycle release. The upcoming major release, version 6.6, is scheduled for July 2024. ## 🗣️— Word of the Month #### Really good product, and excellent assistance! *I tested many other plugins that added functionality to Elementor, this was to save me hours of code when developing websites.I used plugins like Royal Elementor, Unlimited Elements For Elementor, Essential Addons for Elementor, ElementsKit Elementor, Jeg Elementor Kit and other similar ones which in the end led to the breaking of the website where they were used every time wordpress released a new version, this was due to the delays in releasing updates, thus leaving me bitterly disappointed.In March 2023, with initial distrust, I approached the plugin THE PLUS for Elementor.After several tests on old Wordpress versions that I had locally and which I updated to the next version, for testing, I realized the stability of the THE PLUS for Elementor plugin.So I made the decision to test it online on the websites of two of my clients who accepted to be testers, I was surprised and truly satisfied with THE PLUS for Elementor, so much so, that I asked to be able to establish an official partnership and purchase the entire range of products from their company Posimyth, testing them and realizing that they are really valid. I highly recommend you visit their product range. I leave you their: store posimythI have a serious suggestion to make to them.In my opinion they should develop their own BUILDER for their entire range and become completely independent, they are good programmers and deserve to have great success, but, as I already said to them once: “Always remember that innovation must be maintained and improved! ” Thank you very much also for the truly excellent, fast and effective assistance you give to your customers. Silvino Elia GuarneriCEO FounderGSE StudioWeb LTD* *[~ @gsestudioweb](https://fibfbff.r.af.d.sendibt2.com/tr/cl/S9QE4ln1WxJOSIO_zJ4SYk9PhpU3E3lO3DR5ys26BY9FCESRS6LrGJzmWlOsoLOPXrbQJReEHNsR_xqNtC_qOxZ020Pc0Zknwc0LVZXSwPQmAxvOuYA6qIuqa5191wVKY_yr4k134oeNwIOz1xWWMS8g7AY8rzd3nGuYUXEueGpqZY6KmldY9fwYRA7sTEg8bOnvMjsMUSl2tvAXp229cwROxWhD8WOO_eNpZWceabBPlYOpiYIbxAD-HcbEITYgCb-BQnvRz6YhVWdK66OOXR5Oz3ACO6lZorsIg7nhkEQiMPyafQcwzTnHg_4ju7pa7AdknkH4BptyZEZLPxeq5Fn7JNE)* **Subscribe our Newsletter, get Monthly & Weekly Product updates, News and more....✉️** --- # 8 Best Login Page Examples [and How to Create Them] Source: https://theplusaddons.com/blog/login-page-examples/ Imagine users leaving your site simply because the login process was confusing or unattractive. Therefore, it's important to make sure that your login page is both functional and visually appealing. A well-designed login page not only provides a secure and easy way for users to access your platform, but it can also improve the complete user experience.  In this article, we will explore the different functionalities to look for in a login page and provide you with some of the best login page examples to inspire your design. Let’s get started! ## What is a Login Page? A login page is a simple, essential part of websites and applications. It's the place where users enter their usernames and password to access their accounts. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-Page-Example.png) It serves as a security measure to ensure that only authorized users can access sensitive information or perform specific actions. A typical login page consists of two input fields: one for the username or email address and another for the password.  Some login pages may also include additional security measures, such as two-factor authentication or captcha verification, to prevent unauthorized access. A well-designed login page should be visually appealing, easy to navigate, and provide clear instructions on how to log in or retrieve forgotten passwords. The login page also needs to be secure and should follow industry standards and security protocols such as encrypting user credentials, implementing password policies, and regularly updating software and security patches to prevent data breaches and hacking attempts. ### Which Functionalities Should an Ideal Login Page Have? When designing a login page, it is important to consider the functionalities that will make it user-friendly, secure, and customizable.  **Here are some of the key functionalities to look for in a login page:** - **Highly Responsive: **Your login page should be responsive and accessible on all devices. A responsive design ensures that users can access your login page from desktops, laptops, tablets, and mobile devices easily. - **User-Friendly Interface: **The login page should have a user-friendly interface that is easy to navigate. The login form should be prominently displayed, and users should be able to easily understand the information required to log in. - **Secure Authentication**: Security should be a top priority when designing a login page. Your login page should use secure authentication methods, such as two-factor authentication, to ensure that user data is protected. *Did you know you can easily add 2 Factor Authentication on your WordPress login page? Here's how:* https://youtu.be/RmHZnpzjdmg?si=Zms71CI5RXFJXNVv - **Social Media Integration**: Social media integration allows users to log in using their social media accounts. This can make the login process faster and more convenient for users. - **Password Reset Functionality: **A password reset functionality allows users to reset their password if they forget it. This feature should be easy to access and use. ## Best Login Page Examples Here are some of the top login page examples which you may consider. ### 1. Login Page with Solid Color  ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-Page-with-Solid-Color.png) This stylish login page design with a simple solid background color and a simple login page with a white box showcases that sometimes uniqueness can come with simplicity. You can change the color, fonts, text style, etc of this login page so that it can match with your brand identity. ### 2. Login Page on Hover  ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-Page-on-Hover-.png) This beautiful login page design is a great way to showcase a login page on your site. Whenever you hover over the human icon the login page appears. Also, you can allow your users to log in with different social media profiles according to their convenience, or if they are visiting your site for the first they can create profiles very easily. ### 3. Popup Login Page ![](https://theplusaddons.com/wp-content/uploads/2024/06/Popup-Login-Page-Example-1024x479.png) This popup login page example with a creative illustration and is best for the art and creative website. It has a fashionable and unique layout, and the use of smooth animation makes it more attractive and engaging. You can customize the login page however you want which suits your brand's color. ### 4. Login Page for Business Website ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-Page-Example-for-Business-Website.png) This is a unique and attractive login page example. On the right-hand side, you can showcase some of the best services or products you are offering or you can showcase upcoming product updates.  This helps hesitant new users to know about your company at the login/sign-up page and they turn into customers. Also, you can allow your users to log in/sign up using any social media handler according to their convenience. ### 5. Nexter Login ![](https://theplusaddons.com/wp-content/uploads/2024/06/Nexter-Login-page-example-1024x414.png) This Nexter login page design is very refreshing with professional gradient color matching. The left/right design of this login page allows the use of a beautiful carousel where you can showcase multiple features of your services or products and a form field execution. ***Suggested Reading***: [*10 Best Meet The Team Page Examples & Trends [With Templates]*](https://theplusaddons.com/blog/best-team-page-examples/) ### 6. Login Page with Background Image ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-Page-with-Background-Image.png) This login page design with a background image is very simple and clean just a normal login form with a white background box a login button and a background image covering the whole screen. This design can be used if you are looking for something simple and a little bit stylish. ***Keep Reading***: [*7 Best Elementor Landing Page Templates [Ready-to-Use]*](https://theplusaddons.com/blog/best-elementor-landing-page-templates/) ### 7. Login and SignUp Page   ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-and-SignUp-Page-Example-.png) The signup page design is simple and easy to use. It is divided into two parts one for the signup form and on one side you can showcase your product’s best features, upcoming product updates, etc. Also, there is a facility for your users to directly sign in using Google or other social media accounts like Facebook.  This design is highly customizable and responsive which looks good on every device. ### 8. Login Page with Off Canvas Widget ![](https://theplusaddons.com/wp-content/uploads/2024/06/Login-Page-Example-With-Off-Canvas-Widget-1024x548.png) This is a great login page example with an off-canvas style and a clean and simple design with a great color combination which gives a better user experience. You can easily modify the look and feel of this login page. ***Read Further***: [*How to Use Elementor Templates [Save, Import and Export]*](https://theplusaddons.com/blog/how-to-use-elementor-templates/) ## How to Create a Login Page Similar to the Examples Above? If you also want to create the best login page design as shown above you can do it easily with the help of the [**Login/SignUp Widget**](https://theplusaddons.com/elementor-widget/elementor-login-form/) by The Plus Addons for Elementor. The best part is that you don’t have to create it from scratch, with the help of its [**cross-domain copy-paste feature**](https://theplusaddons.com/elementor-extras/cross-domain-copy-paste-content/) you can do it easily. Here's how you can do it: **Step 1.** Open the Login/Signup widget page, you will have multiple login page designs. **Step 2.** Navigate to your choice of login page design. There you will see a **Copy **button on the right side of that login page demo, click on it, and the template will be copied. **Step 3.** After copying your desired design from the demo page simply open your Elementor editor, right-click on the container in which you want to place your login form, and click on the **Plus Paste **option and you will see the login page design will be copied into the editor. Also, from the edit section on the left-hand side, you can edit the login form however you want that matches your website’s color. ## Wrapping Up A well-designed login page can create a positive first impression, making users feel welcome and helping to improve the site’s credibility. From customizable designs that align with your brand identity to secure authentication methods like two-factor authentication, the functionalities of a login page play an important role in user satisfaction and security. The examples we've discussed showcase various approaches to login page design, each with its unique strengths.  Whether it's a solid color background, interactive hover effects, or off-canvas widgets, these examples demonstrate how thoughtful design can transform a basic login page into a user-friendly and engaging interface. Moreover, the Login/Signup widget is only one of the many key widgets by [**The Plus Addons for Elementor**](https://theplusaddons.com/). This is an all-in-one plugin that fulfills all your needs in one place. With over 120 widgets and extensions creating a website that stands apart is now no longer a struggle. ## FAQs on Login Page Examples ### What should a login page include? A login page should include fields for username or email and password, a "Forgot Password" link, and a "Login" button. Optional elements can include a "Remember Me" checkbox, links for registration, and social media login options for user convenience and accessibility. ### What is an unusual login? An unusual login refers to an attempt to access an account from a new or unexpected location, device, or at an unusual time. This deviation from the user's typical login patterns can trigger security alerts to protect against unauthorized access. ### How to customize my login page? To create a login pop-up in WordPress, use a Widget like Login/Signup by The Plus Addons for Elementor Install and activate the plugin, configure the settings, and design your login pop-up. ### Why is the login page loading slowly? Slow loading of the login page could be due to various reasons, including a poor internet connection or heavy traffic on the server. Try refreshing the page, clearing your browser cache and cookies, or using a different browser. --- # How to Check & Update PHP in WordPress [Easy Steps] Source: https://theplusaddons.com/blog/update-php-in-wordpress/ Do you want to update PHP in WordPress? PHP is a programming language that works with JavaScript, HTML, and CSS to run WordPress websites and process the data required to display the website. Using the latest PHP version of WordPress is crucial for a fast-performing, secure, and high-ranking website. It can significantly improve the website speed and boost user experience. This makes it important to regularly check your website's PHP version and update it for optimal performance. In this article, we'll explore what PHP is, how to check the WordPress PHP version, and how to upgrade WordPress PHP for your website. ## What is PHP? PHP is an open-source, server-side scripting and programming language that runs on the website hosting server and is used to build and maintain websites. ### What is the Role of PHP in WordPress? Any WordPress website runs on four types of languages- HTML, JavaScript, CSS, and PHP. While the design and display of a website, such as text formatting, color, positioning, and font, are controlled by HTML and CSS, the website's functionality is managed by JavaScript and PHP. This includes UI and page updates, user form validation, form submission to the server, etc. Instead of storing each website page as an HTML file, the WordPress database stores many PHP files to control different parts of your website, such as headers and footers, navigation, or comment sections. WordPress sites use PHP to pull data from the server and generate the pages dynamically. When a user enters a web page URL, a PHP module processes this request on the server. Next, the server generates a PHP code to create an HTML page from scratch and delivers it to the visitor. ### Why Should You Update PHP in WordPress? Updating to the latest version of PHP for WordPress helps you improve your website for speed, performance, and security. Here are the various benefits of upgrading the PHP version. - **Increase website speed and performance** Every time a user loads a web page, PHP has to process the server request, locate it in the WordPress database, and send it to the browser in HTML format to display it. This results in a lot of PHP requests to load a single page, which can affect the website's speed and performance. Regular PHP updates introduce new features and functions and facilitate efficient use of resources. As a result, with each PHP update, your website will run faster and more efficiently, thus boosting the user experience. - **Better website compatibility** When you update the WordPress PHP version, the other components of your WordPress website, like themes and plugins, also get optimized to run on the latest PHP version. This ensures that your website core files are compatible with the latest PHP updates and offers excellent performance. - **Enhance website security** Since PHP is a popular programming language for WordPress websites, it is often vulnerable to security attacks. The latest PHP updates contain fixes and patches for vulnerabilities to improve website security. If you fail to update to the latest versions, your website will be vulnerable to viruses, malware, and unauthorized access by outsiders. This is why you must check and update the WordPress PHP version regularly to improve protection against security breaches. *Is your WordPress website down? Explore the [**8 Things to Check and learn How to Fix Them**.](https://theplusaddons.com/blog/wordpress-website-is-down/)* ## How to Check Your Current PHP Version in WordPress? It is easy to check the PHP version your website is currently running on. **Here are the two ways to do so-** ### 1. Use the WordPress Site Health Tool If you're using WordPress 5.0 or higher, you can simply check the PHP version in WordPress through the dashboard. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Use-the-WordPress-site-health-tool.png) Login to your admin dashboard, go to **Tools > Site Health** and switch to the **Info **tab. Here, click on **Server **to see the current versions of PHP that your website is using. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Current-Version-of-PHP.png) ### 2. Use the Hosting Control Panel You can also check the PHP version in WordPress via cPanel. For this, login to cPanel and navigate to **General Information.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/Use-the-Hosting-Control-Panel.png) You will be able to see the current PHP version of your website. ![](https://theplusaddons.com/wp-content/uploads/2024/06/General-PHP-Info-1024x247.png) ## What to Do Before Updating PHP in WordPress? Before you move forward with updating the website's PHP version, there are certain things you need to take care of to avoid losing your website data or settings. **Here's what you need to do-** - **Create a website backup:** It is important to completely back up your website to avoid losing your work. This is because there is always the possibility of an error when updating software, which can affect your website. To avoid this, create a website backup using a free WordPress plugin or via the admin hosting panel. - **Update WordPress:** Updating your website core, themes, and files ensures that they are compatible with the latest PHP version. To do this, go to Updates on your WordPress dashboard to view the available updates and update your WordPress and its themes and plugins. - **Check your server:** Another aspect you need to check is if your server supports the latest PHP version for WordPress. You can find this information in the provider's documentation or contact their customer service. If the server is not compatible with the latest PHP, you can request for PHP support or switch to a new hosting provider. *Looking to back up your website before the PHP version update. Check out the [**5 Best WordPress Backup Plugins**](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) to back up and restore the site.* ## How to Update PHP in WordPress? Now that you know how to check the PHP version, it's time to update to the latest version. Here are 4 simple ways to do so using different hosting site tools- ### 1. Update the PHP version in cPanel To update the PHP version in the cPanel, log to your hosting provider's website and go to cPanel. Scroll down to find the **Software **section and click on **Select PHP version.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/Update-the-PHP-version-in-cPanel.png) On the new page, click on the current PHP version, and a dropdown menu will appear. Here, simply select the latest version of PHP and set it as current. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Select-the-current-version-of-PHP.png) ### 2. Update the PHP version in Kinsta Follow these steps to update the PHP version in Kinsta **Step 1: Create a staging environment** Start by creating a staging site, which will create a testing environment for your site, allowing you to test the new PHP versions without breaking the site. To do this, go to **MyKinsta Dashboard > Sites** and select the site for which you want to change the PHP version. ![](https://theplusaddons.com/wp-content/uploads/2024/06/My-Kinsta-Dashboard.jpg) Click on the dropdown menu next to the website name, select **Staging**, and click on the **Create New Environment** option. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Create-New-Environment-option.jpg) **Step 2: Update the PHP version** Go to the Tools section under your website’s menu in the MyKinsta dashboard and navigate to the PHP Engine section. Click on Modify and select the new PHP version from the dropdown menu. ![](https://theplusaddons.com/wp-content/uploads/2024/06/select-the-new-PHP-version.jpg) You will receive a confirmation popup window. Click on Modify PHP Version, and the process will start. It will take a few minutes to complete. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Modify-PHP-Version.png) **Step 3: Test your website in the staging environment** Now, check your test your WordPress website, themes, and plugins with the latest PHP version in the staging environment. In most cases, this will go smoothly if you’ve already updated the WordPress core, themes, and plugins before updating the PHP version. However, if there is an issue and you see an error message on the screen, check which themes or plugins are causing the issue by deactivating them and reactivating the plugins one by one. Once you have tested the website in the latest PHP version for WordPress and if you’ve made any changes, click on the Push Live button from the dropdown menu at the top of the website dashboard. This will push all the changes made in the staging environment to the live site. **Step 4: Update PHP on the live site** Finally, update the PHP version on the live website by visiting your MyKinsta dashboard, navigating to Site and choosing the website. Click on Tools, select PHP Engine and click on Modify. ### 3. Update the PHP version in SiteGround Log in to your SiteGround dashboard and go to the **Website **tab to find your website. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Update-the-PHP-version-in-SiteGround.png) Under the website name, click on **Site Tools** and navigate to **DEVS > PHP Manager** from the left column. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Click-on-Site-Tools-1.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Select-Php-Manager.png) Click on the pencil icon, and a popup window will appear. Here, select **Change PHP version manually** from the **Set PHP version **dropdown menu. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Change-PHP-version-manually.png) Then select the latest PHP version from the next dropdown menu. Click on **Confirm** to save the changes. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Select-php-version.png) *Struggling with low PHP memory for your WordPress website? Learn [**How to Increase WordPress PHP Memory Limit**](https://theplusaddons.com/blog/how-to-increase-wordpress-php-memory-limit/) and improve your website’s performance and speed.* ### 4. Update the PHP version in WPEngine WPEngine is a managed hosting service provider, which means they automatically update the PHP version for your WordPress website. However, if you want to do a PHP version check and update it manually, you can do so through their dashboard. Log in to your WPEngine dashboard. Go to **My Sites **page and click on your website name. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Update-the-PHP-version-in-WPEngine.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/WPEngine-Sites.png) Click on the PHP version number mentioned there and choose the **Upgrade to PHP (version number) option.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/Click-on-PHP-version-Number.png) Select **Confirm **to save the settings. ![](https://theplusaddons.com/wp-content/uploads/2024/06/PHP-Selector.png) ## What to Do After Updating the PHP Version? Once you've updated WordPress PHP, check all components of your website, such as the themes and plugins, to see if they're functioning properly. However, on the off chance you encounter an issue with the latest PHP version, you can easily revert to your website backup without any issues. *Dealing with a broken website due to a fatal WordPress error? Learn [**How to Fix WordPress Fatal Errors**](https://theplusaddons.com/blog/wordpress-fatal-error/).* ## Wrapping Up Updating your WordPress PHP version is an important step for ensuring a fast-performing, secure, and stable website. The latest PHP version contains updates for speed, security, and compatibility, allowing you to optimize your website for the best performance and offer exceptional user experience. Improve your Elementor website's design and performance with [The Plus Addons for Elementor](https://theplusaddons.com/). It is an all-in-one plugin that offers more than 120 unique, fully functional Elementor widgets to help you enhance the website's features and performance. ## FAQs on Updating PHP in WordPress ### What if my site breaks while updating the PHP version? Although it is highly unlikely that your site will break after the PHP version update, if it happens, you can use the *Recovery Mode* in WordPress to bring back your site after an error. Alternatively, you can also restore the website backup to roll back to the older version. ### Can I revert to the old PHP version if I encounter issues? Yes, if you have an issue with the WordPress website, you can always revert to the old PHP version by accessing the settings from your hosting provider's dashboard. ### What if I don't have the permission to update PHP in WordPress? If you're unable to update the WordPress PHP version, you need to contact the hosting provider to request that the PHP be updated to the latest version. If they don't offer support for the latest version, it's ideal to switch to a new hosting provider. ### How often should I update PHP in WordPress? You must update the PHP version in WordPress after every version is introduced to keep your website secure and compatible at all times. ### Why is my WordPress site not showing the updated PHP version? If your WordPress website is not showing the updated PHP version, it might be an issue on the server. You can contact your hosting service provider to know more and get the issue fixed. ### How to update PHP version in WordPress without cPanel? There is no other way to update the PHP version in WordPress without cPanel. You have to use your hosting provider's cPanel to update PHP, or you can simply request that the hosting provider do so. --- # JPG vs AVIF: Traditional Vs Modern Image Format Source: https://theplusaddons.com/blog/jpg-vs-avif/ We are always concerned about high-quality images and for the last few decades, we all have been using JPG a well-known image format that works very well in terms of quality, support, file size, and everything. But now, a modern format AVIF entered the scene which promises better quality and smaller file size than JPG, and as it is said that modernization always takes over traditionalism,  is it true? Let’s find out in this detailed comparison of JPG Vs AVIF and will know that can AVIF be used over JPG. You will learn how to convert a JPG image into AVIF easily and also we'll help you to choose the right image format for your website. ## What is JPG? JPG or JPEG stands for Joint Photographic Experts Group and was first introduced in 1992. It is a popular and commonly used image file format It uses lossy compression format which is widely used for photographs and other complex images because they can display a large number of colors.  **Mainly there are two types of compression: Lossy and Lossless** - **Lossy: **This method reduces file size by permanently removing some of the data. The aim is to minimize the amount of information while maintaining acceptable quality. - **Lossless: **This method reduces file size without losing any data. All the original information can be perfectly restored when the file is decompressed. The compression technique used in JPG files can result in a loss of quality, which can be noticeable in images with sharp edges or text. JPG files are compatible with most devices and software, which makes them a popular choice for sharing images.  They can be easily opened and edited in most image editing software and can be used on websites and in print materials. ## What is AVIF? AVIF stands for AV1 Image Format. It's a relatively new and next-generation image format that uses the AV1 video codec to compress images and store them in a HEIF (High-Efficiency Image Format) file structure. This image format was developed by the Alliance for Open Media. The goal of AVIF is to create high-quality images that are also smaller in file size, making them perfect for the web. One of the main benefits of AVIF is that it can produce images as good as JPEGs or PNGs but with much smaller file sizes.  This means your photos can load faster on websites and use less data, which eventually increases website loading speed Being an open-source nature, you can use and modify the format without having to pay licensing fees or royalties.  A wide range of colors is supported by AVIF as it supports features like HDR (High Dynamic Range), which is useful for high quality images. Moreover, 6.5 version of WordPress also now supports AVIF images. You can use AVIF images just like JPEG or PNG on your WordPress site. Browsers like Chrome and Firefox successfully handle AVIF images. Support is still growing. ## JPG vs AVIF: Technical Comparison When it comes to comparing the technical aspects of JPG and AVIF, there are several factors to consider. But before going into a technical comparison here is the detailed comparison table between JPG and AVIF: | Feature | JPG | AVIF | | ------- | --- | ---- | | Image Quality | Good, but can lose quality with compression | Excellent, maintains high quality even with compression | | File Size | Larger, especially for high-quality images | Smaller, more efficient compression | | Compression | Lossy compression may result in artifacts | Uses Advanced compression (AV1 Codec), and better quality retention. | | Transparency | Does not support transparency | Supports transparency like PNG | | Animation | Not supported | Supports animations like GIF | | Color Range | Limited color range | Supports wide color ranges and HDR | | Loading Speed | Slower due to larger file size | Faster due to smaller file size | | Browser Support | Widely supported on all platforms | Growing support, available in major browsers like Chrome and Firefox | ### 1. File Size and Compression When it comes to file size, AVIF is a clear winner over JPG. AVIF images are comparatively smaller than JPG because it use AV1 video codec for compression which can better preserve image quality while significantly reducing file size. ![](https://theplusaddons.com/wp-content/uploads/2024/05/AVIF-file-size.avif) ***AVIF: 943 KB*** On the other hand, JPG Uses a lossy compression algorithm that reduces file size by removing some image data, which can result in visible artifacts and loss of quality, especially at higher compression levels. ![](https://theplusaddons.com/wp-content/uploads/2024/05/JPG-file-size.jpg) ***JPG: 1.13 MB*** However, the file size difference between the JPG and AVIF depends on the particular image and the compression setting used.  ***Read Further***: [*JPG Vs PNG: Which Format Improves Site Speed?*](https://theplusaddons.com/blog/jpg-vs-png/) ### 2. Transparency JPG images do not support transparency. If you save an image with transparent areas as a JPG, those areas will be filled with a solid color, usually white or black. At the same time, AVIF supports transparency through the use of an alpha channel. Similar to other image formats like PNG and GIF, AVIF can encode transparent regions within an image using an alpha channel.  > ***What is an Alpha Channel?*** > > > *An alpha channel is a type of channel in a digital image that stores information about the opacity of each pixel. In simpler terms, it determines how transparent or opaque each pixel should be when the image is displayed or overlaid on another image or background.* ### 3. Image Quality AVIF is capable of producing higher-quality images at smaller file sizes than JPG. This is due to the advanced compression techniques used in AVIF, which are based on the AV1 video codec. JPG, on the other hand, is a lossy compression format that has been around for decades. While it is still widely used, it is not as efficient as AVIF when it comes to producing high-quality images at small file sizes. When comparing the image quality of the two formats, it is important to note that the quality of the image ultimately depends on a variety of factors, including the resolution of the image, the amount of compression used, and the complexity of the image itself.  However, in general, AVIF is capable of producing images with higher levels of detail and less distortion than JPG. ***Keep Reading****: *[*How to Fix Blurry Images in Elementor [SOLVED]*](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/) ### 4. Real-Life Use Cases of AVIF Here are some of the real-life use cases where you can use AVIF. - **Websites and Blogs: **If you are a blogger and want to display high-quality images in your blogs then you can consider using AVIF image format because of its smaller file size it loads faster and improves SEO. - **E-Commerce Sites: **In E-commerce sites, the product image is everything, good image quality can lead to a better shopping experience and higher sales. - **Photography Portfolios: **If you are a photographer and presenting a photography portfolio then using an AVIF image format will be good for you as it supports the HDR feature so all your images will look vibrant and of high quality. - **Digital Art and Graphic Design: **Publishing detailed digital artworks and interactive graphics with smooth animations and smaller file sizes. ## JPEG XL Vs AVIF JPEG XL supports both lossy and lossless compression, making it a versatile format for a wide range of applications. While AVIF uses AV1 for compression. It uses advanced compression techniques, including predictive coding and variable transform block sizes, to achieve impressive compression ratios without sacrificing image quality. JPEG XL often achieves better compression efficiency at higher quality levels compared to AVIF, making it suitable for applications where high-quality images are required at lower file sizes. One of JPEG XL's standout features is its ability to perform reversible JPEG transcoding.  This means that a JPEG image can be converted to JPEG XL for better compression and then be perfectly reconstructed back to the original JPEG format if needed. While AVIF does not offer reversible transcoding from JPEG, which can be a disadvantage in maintaining compatibility with the applications that support JPEG. JPEG XL can outperform AVIF with its faster encoding. The only drawback of JPEG XL is its lack of browser support. ***Suggested Reading***: [*JPG vs JPEG Comparison [Everything You Need To Know]*](https://theplusaddons.com/blog/jpg-vs-jpeg/) ## How to Convert Images from JPG to AVIF Here is the easy way by which you can convert your JPG images into AVIF easily. ### Use an Online Image Converter You can convert your JPG image into AVIF by using an online image converter like [Convertio](https://convertio.co/). This online image converter tool is very easy also, you don’t have to sign in to perform conversion. Steps to convert JPG to AVIF: **Step. 1 **First, choose the JPG file that you want to convert. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Online-file-converter.png) **Step. 2 **Then choose the file type to which you want to convert your JPG file, here we’ll choose AVIF. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Choose-file-extension.png) **Step. 3** After choosing the file click on **Convert** and wait for a while until the conversion is complete, once the conversion is over you can also download the converted image for free. ## Which Image Format You Should Choose? In the era of digital content, choosing the right image file format makes a huge difference in how your website performs. JPG is supported by almost all devices and browsers, making it a safe choice for web images and so many people are comfortable with it. It is great for images with lots of detail, like photographs, as it maintains decent quality while compressing file size. However, due to its larger file size, it can impact website loading times. On the other hand, AVIF offers much better compression than JPG, meaning smaller file sizes without sacrificing image quality. But, support for AVIF is growing, it's not yet as universally supported as JPG. Some older browsers and devices may not display AVIF images correctly. For most web images, especially those with complex details like photographs, JPG remains a solid choice due to its wide compatibility and familiarity. However, if file size and loading speed are important factors for your website, then AVIF can be a best alternative because of its modern technology Lastly, the best choice depends on your specific needs and priorities. Experiment with both formats to see which works best for your website and audience. Along with the high-quality images, an attractive and captivating website also plays an important role in engaging visitors. So if you are an Elementor user and also looking for ways to make your website stand apart, then we highly recommend you to use [The Plus Addons for Elementor](https://theplusaddons.com/).  This is an all-in-one plugin with over 120 widgets and extensions that can replace multiple plugins, which means you don’t have to download different plugins for your different purposes. ***Keep Reading***: [*25+ Ways to Speed Up Elementor Website [Guaranteed Results]*](https://theplusaddons.com/blog/speedup-elementor-website-performance/) ## FAQs on JPG Vs AVIF ### When to use AVIF format?  Use the AVIF format when you need high-quality images with smaller file sizes, especially for web use. It's ideal for reducing loading times without compromising image quality. AVIF is best for modern browsers and devices, providing better compression than JPEG or PNG. ### What program uses AVIF? Programs that use the AVIF (AV1 Image File Format) include web browsers like Google Chrome and Firefox, image editors such as GIMP, and media players like VLC. AVIF is favored for its superior compression and quality, making it ideal for web graphics and digital media. ### Does WordPress support AVIF Images? Yes, the WordPress 6.5 version now supports AVIF images which offers better compression and quality compared to JPEG and PNG. To use AVIF images, ensure your WordPress version is updated and your server supports this format. ### Are JPEGs ok for Print? Yes, JPEGs are generally acceptable for print, especially if they are high-resolution (300 DPI or higher). However, for the best quality, formats like TIFF or PDF are preferred, as they preserve more detail and color accuracy. ### Size of .AVIF is bigger than .jpg? No, AVIF images typically have a smaller file size than JPEG images while maintaining comparable or better quality. This makes AVIF a more efficient format for web use. --- # How to Fix “Error Establishing a Database Connection” in WordPress Source: https://theplusaddons.com/blog/how-to-fix-error-establishing-a-database-connection/ A website that is down due to a database issue is never good news, and knowing how to fix the "Error Establishing a Database Connection" can save you a lot of trouble. A database issue can make your site completely inaccessible, frustrating both you and your visitors. Downtime means lost opportunities and potential revenue, mainly if you rely on your website for business. The connection issue needs to be resolved quickly to minimize disruption. However, without a firm knowledge of technical details, this can be confusing. Identifying the exact cause of the error can be challenging, adding to the stress. In this article, we look at all the possible causes and provide you with actionable steps to fix the "Error Establishing a Database Connection" issue. Follow along, and you'll get your website up and running smoothly again in no time. ## What Does The "Error Establishing a Database Connection" in WordPress Mean? "Error Establishing a Database Connection" means that your site is not able to connect to its database. When you create a website using WordPress, all the data on your website is stored in a database. WordPress uses the MySQL database. The database contains all of your website's contents, like posts, text, images, videos, settings, and user information. When a user tries to access your website, the site's PHP sends a request to the database. If it cannot connect to the database server, the user will see a message like the one below.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/Fix-error-establishing-a-database-connection.png) Without connecting to this database, your site cannot function properly, and this is reflected as a WordPress database error. *Denied permissions to access your website? ***[*Fix the 403 forbidden error*](https://theplusaddons.com/blog/how-to-fix-403-forbidden-error/)*** to regain access.* ### What Causes The "Error Establishing a Database Connection"? There are a variety of issues that can cause WordPress connection loss errors. Understanding these issues can help you pinpoint the root of the error and resolve it with appropriate WordPress database repair steps. #### 1. Incorrect Database Credentials The most common cause of this error is incorrect database credentials. WordPress relies on four key pieces of information to connect to the database: the database name, database username, database password, and database host. These details are stored in a file called wp-config.php, located in the root directory of your WordPress installation. ***Recommended Read:** [How to Find Root Directory of WordPress Website](https://theplusaddons.com/blog/how-to-find-root-directory-of-wordpress-website/)* If any of these credentials are incorrect, WordPress will not be able to establish a connection to the database, and the user will receive a DB connection failed message. This often happens after moving a site to a new server or after changing database login details. #### 2. Database Server Issues Another frequent cause is issues with the database server itself. The database server is a program that stores and manages your website's data. If this server is down or experiencing heavy traffic, it may not be able to handle connection requests from your WordPress site. A WordPress database connection issue can occur due to server maintenance, unexpected crashes, or an overload caused by high traffic on your website. When the database server is unresponsive, WordPress cannot retrieve the information it needs, resulting in an error message. #### 3. Corrupted Database Database tables can become corrupted for various reasons, such as server crashes, improper shutdowns, or even malware attacks. Corruption in the database means that some tables or data might be damaged, preventing WordPress from accessing them correctly. When WordPress encounters corrupted tables or missing data, it cannot connect to the database server, and you will experience this error. Database corruption can disrupt the regular operation of your website and cause various other issues as well. #### 4. Exceeded Database Limits Hosting plans often come with limits on the size of the database or the number of connections that can be made to the database at one time. If your website exceeds these limits, either due to a large amount of data or a high number of simultaneous visitors, the database may become unresponsive. Sudden spikes in website traffic can cause WordPress DB connection errors. #### 5. Corrupted WordPress Files WordPress relies on several core files to function correctly. These files can become corrupted due to failed updates, malware infections, or server issues. When critical WordPress files are corrupted, they can interfere with the database connection process. This corruption can happen during an incomplete or interrupted update, where some files are not correctly written, or due to malicious attacks targeting these files. When WordPress files are corrupted, it disrupts the connection process and can trigger the database connection failed error message. #### 6. Server Configuration Issues Sometimes, server configuration issues can cause the "Error Establishing a Database Connection" message to appear. This could involve settings in the server's PHP configuration, database permissions, or other related configurations. Misconfigurations in these areas can prevent WordPress from properly connecting to the database. *Struggling with editing in Elementor? Here's how to ***[*Fix the 520 Error on WordPress*](https://theplusaddons.com/blog/fix-520-error-while-trying-to-edit-with-elementor/)***.* ## How to Fix the "Error Establishing a Database Connection" [Working Methods] ### 1. Check If the Database Server Is Down First, log in to your hosting control panel. Look for the database section, typically labeled "MySQL Databases" or "phpMyAdmin." Click on it to access your database management tools. ![](https://theplusaddons.com/wp-content/uploads/2024/05/access-your-database-management-tools.png) In phpMyAdmin, try to see if your database is listed and check its status. If you encounter any error messages or if the database isn't listed, the server might be down. Next, contact your hosting provider's support team. Ask them if there are any ongoing server issues and request them to check the status of the MySQL server. They can restart the server if necessary. This often resolves the connection error quickly. ### 2. Restore the Latest Backup Restoring your latest backup can help resolve the database connection error. Here's how to do it: Log in to your hosting provider account to access your control panel. Find the backup section labeled "Backups" or "Backup Manager." Locate the most recent backup of your database and website files. Right-click on the backup file and select "Download" to save it to your local computer. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Restore-the-Latest-Backup.png) Use the FTP client to upload the backup file to your server. Connect to your server and navigate to the directory where you want to upload the backup. Right-click and select "Upload." ![](https://theplusaddons.com/wp-content/uploads/2024/05/Upload.png) If your host provides automatic backups, you might see a list of available backups with dates. Choose the most recent one that predates the error. After the restoration, check if your website is back online. You can also use a [**WordPress backup plugin**](https://theplusaddons.com/blog/best-wordpress-backup-plugins/) to restore your website to its latest backup. ### 3. Check the Database Credentials Connection errors often stem from incorrect database credentials. Follow these steps to verify and correct them: **Step 1.** **Access Your Website Files:** Use an FTP client or your hosting control panel's file manager to access your website files. **Step 2. Locate the wp-config.php File**: This file is in the root directory of your WordPress installation. Click on it and then open it for editing. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Wp-config-file.png) **Step 3. Verify Credentials:** Look for the following lines in wp-config.php define('DB_NAME', 'your_database_name'); define('DB_USER', 'your_database_username'); define('DB_PASSWORD', 'your_database_password'); define('DB_HOST', 'your_database_host'); ![](https://theplusaddons.com/wp-content/uploads/2024/05/Verify-Credentials.png) **Step 4. Compare with Hosting Details:** Log in to your hosting account and find the database section. Verify that the database name, username, password, and host match what is listed in wp-config.php. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Compare-with-Hosting-Details.png) **Step 5. Correct Any Errors: **If you find discrepancies, navigate to the MySql database in your cPanel and create a new user. Add a unique username and secure password. Update wp-config.php with the latest information and save your changes. ### 4. Repair Corrupt WordPress Database Repairing a corrupted database on WordPress can fix connection errors. Follow these steps to active database repair modes: **Step 1:** Open your wp-config.php file using an FTP client or your hosting control panel's file manager. Add the following line just before the line that says /* That's all, stop editing! Happy publishing. */: `define('WP_ALLOW_REPAIR', true);` ![](https://theplusaddons.com/wp-content/uploads/2024/05/Repair-database.png) **Step 2:** In your web browser, go to http://yourwebsite.com/wp-admin/maint/repair.php. You will see options to repair and optimize the database. **Step 3:** Click on "Repair Database." This process may take a few minutes. Once completed, check for any errors or issues listed. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Click-on-Repair-Database-1-1024x552.png) **Step 4:** For security reasons, remove the define('WP_ALLOW_REPAIR', true); line from your wp-config.php file after completing the repair. ### 5. Create a New Database Creating a new database can resolve connection issues if your current database is beyond repair. Follow these steps: **Step 1:** Access your cPanel and look for a section labeled "MySQL Databases". **Step 2:** Find the option to create a new database. Enter a name for your new database and save it. In the same section, create a new database user. Assign a username and password, then save. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Create-new-database.png) **Step 3:** Locate the option to add the user to your new database. Ensure you grant all privileges to the user. **Step 4:** Access your website files via FTP or your control panel's file manager. Open wp-config.php and update the following lines with your new database details: `define('DB_NAME', 'new_database_name'); define('DB_USER', 'new_database_username'); define('DB_PASSWORD', 'new_database_password'); define('DB_HOST', 'localhost');` // Or the host provided by your server **Step 5:** Save the changes to wp-config.php and upload them back to your server if you edited them locally. Creating a new database and updating your WordPress configuration can often resolve persistent connection issues. This fresh start helps ensure a stable and clean database connection. ### 6. Update the WordPress Website URL Updating your WordPress website URL can resolve database connection errors caused by incorrect URL settings. Follow these steps: Log in to your hosting control panel and navigate to phpMyAdmin. In phpMyAdmin, select your WordPress database from the list on the left. Find and click on the wp_options table. This table contains your site’s URL settings. Look for the siteurl and home rows in the option_name column. Ensure both values match your actual site URL. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-options-in-phpmyadmin-1024x545.png) If the URLs are incorrect, follow these steps to update them in your wp-config.php file: **Step 1:** Open the file manager on your cPanel and find the wp-config.php File. **Step 2:** Add the following lines to your wp-config.php file, just above the line that says /* That's all, stop editing! Happy blogging. */: ![](https://theplusaddons.com/wp-content/uploads/2024/05/Find-Wp-config-php-file.png) **Step 3:** Once you've made the changes, run the code and verify that your website is up and running. ### 7. Check Your Database Host Information Incorrect database hostname information can cause connection errors. Follow these steps to verify and correct it: **Step 1:** Use an FTP client or your hosting control panel's file manager to access your website files database. Find the wp-config.php file, which is the directory for your WordPress installation. Open it for editing. **Step 2:** Find the database host line. Look for the following line in wp-config.php: `define('DB_HOST', 'localhost');` **Step 3:** Check with your hosting provider to confirm the correct database host information. Common values include localhost, an IP address, or a specific URL provided by your host. **Step 4:** If your hosting provider specifies a different host, update the DB_HOST value in wp-config.php with the correct information: `define('DB_HOST', 'correct_host_information');` **Step 5:** Save the changes to wp-config.php. Visit your website to see if the connection error is resolved. *A fatal error can be caused by various technical issues. Learn *[***how to fix WordPress Fatal Error***](https://theplusaddons.com/blog/wordpress-fatal-error/)*.* ## Wrapping Up A database connection issue can be caused by a variety of underlying issues. Resolving the most common reasons for the error may require a trial-and-error method. However, a good place to start is by checking if the database server is down and restoring the latest backup. For more persistent issues you can check the database credentials and repair corrupt databases or even create a new database. Once the issue is resolved, time to create a world-class website without coding. For an enhanced website designing experience, consider using The Plus Addons for Elementor. This plugin offers over 120 Elementor widgets, allowing you to add advanced features, interactive elements, and functionality to your site effortlessly. This plugin is intuitive to use and comes with exceptional security features to make your website visually appealing while keeping it error-free. ## FAQs on Fixing Error Establishing a Database Connection ### Does heavy website traffic lead to database connection errors? Yes, heavy website traffic can cause database connection errors. When many users access your site simultaneously, it overloads the database server, exceeds connection limits, and exhausts server resources. This strain prevents WordPress from establishing a stable database connection. ### What does a database error mean? A database error means your WordPress site can't access its stored data. This prevents your site from loading correctly. WordPress database errors occur due to incorrect settings, server issues, or heavy traffic. To fix WordPress database errors begin by troubleshooting to find the root cause of your issue. ### Can a plugin or theme cause a database connection error? Yes, a plugin or theme can cause your site to not connect to the database server. Poorly coded or incompatible plugins and themes can disrupt the connection, preventing WordPress from accessing essential data. This disruption leads to errors and affects your site's functionality. To avoid this, use plugins that are compatible with the latest version of WordPress. ### How do I check database errors? To check WordPress database errors, enable the repair tool. Add define('WP_ALLOW_REPAIR', true); to your wp-config.php file. Visit "http://yourwebsite.com/wp-admin/maint/repair.php" in your browser. This tool helps you identify and fix database issues quickly and easily, ensuring your site runs smoothly. ### Why is my WordPress database connection not working? Your WordPress database connection might not work due to incorrect login details, server issues, or heavy traffic. Corrupted files or an overloaded database can also cause problems. Checking these areas helps you identify why your site can't connect to the database so you can fix it effectively. --- # JPG vs PNG: Which Image Format to Use? Source: https://theplusaddons.com/blog/jpg-vs-png/ Still struggling to choose between JPG vs PNG? Then this article is for you. Whether you’re a photographer, designer, or website owner, making the wrong choice can impact your image quality, website performance, and user experience. JPG and PNG each have unique strengths and weaknesses, and not understanding these differences can lead to blurry photos or slow-loading websites which can be frustrating for you and your website visitors. But don’t worry by the end of this article your doubts about JPG vs PNG will be clear and also we’ll help you to choose the perfect image file format for your website. Let’s get started! ## What is JPG? JPG stands for Joint Photographic Experts Group and is a web image format first introduced in 1992 It has since become one of the most popular and commonly used image file formats. It is a lossy compression format that is widely used for digital photography and web graphics.  There are mainly two types of image compression techniques, Lossy and Lossless - **Lossy Compression**: This compression technique reduces file size by permanently removing some data. This results in a slight reduction in quality, but the file becomes significantly smaller. It is commonly used for images and audio files where some loss of quality is acceptable. - **Lossless Compression**: This compression technique reduces file size without losing any data. The quality remains the same because no information is removed, just compressed more efficiently. This method is often used for text and data files where preserving the exact original content is essential. JPG is nothing new it is just a shortened name of JPEG, the main reason behind the shortening of the file extension is that the early versions of Windows required file extensions to be three letters long.  While other operating systems like Unix and Mac could handle the full .jpeg extension, Windows limited file names to an 8.3 format eight characters for the file name and three for the extension.  To maintain compatibility across different platforms, the extension was shortened to jpg. ***Suggested Reading***: [*JPG vs JPEG Comparison [Everything You Need To Know]*](https://theplusaddons.com/blog/jpg-vs-jpeg/) ## What is PNG? PNG stands for Portable Network Graphics and it is also a web image format. It is a raster graphics file format that supports lossless compression and was created to be a more open alternative to the GIF. PNG images are often used for graphics and icons on websites, as well as for digital art and graphic design. This file format supports palette-based images, a palette of 24-bits of RGB or 32-bits of RGBA colors. The PNG format is mainly designed for transferring images on the internet. One of the key advantages of PNG over other image formats is its ability to support transparency. ![](https://theplusaddons.com/wp-content/uploads/2024/05/PNG-RGBA-colors.png) PNG images can have a transparent background, which makes them ideal for use in designs where the background needs to show through.  The PNG files have a “.png” file extension and the internet media type is image/png. ## JPG vs PNG Compared JPGs are smaller due to lossy compression, while PNGs retain more data and support transparent backgrounds, making PNGs ideal for graphic design and JPGs better for smaller file sizes. Both are considered web image formats, but still, there are some aspects where they can be differentiated from each other. **Here is a difference between JPG and PNG:** | Feature | JPG(JPEG) | PNG | | ------- | --------- | --- | | Compression Type | JPG uses lossy file compression technique | PNG uses a lossless file compression technique | | File Size | Generally smaller due to compression | Generally larger due to detailed compression | | Image quality | Quality decreases with higher compression | Maintains original quality without loss | | Transparency support | Does not support transparency | Supports transparency, ideal for clear backgrounds | | Animation support | No | No (Uses APNG for animations) | | Color Depth | Supports 16.7 million colors (24-bit) | Supports 16.7 million colors (24-bit) and transparency (32-bit) | | Common Uses | Online photos, web graphics, social media | Web graphics, logos, detailed images, transparent backgrounds | | Browser Compatibility | Universal | Universal | | Metadata support | Stores camera settings, geolocation, and other details | Stores textual information, geolocation, and other details | ### 1. File Size Difference JPG files are smaller in size compared to PNG files. Because of lossy compression, it discards some of the image data to reduce the file size. However, the reduction in quality is often less and acceptable for most web users. The smaller file size helps the website to load faster. ![](https://theplusaddons.com/wp-content/uploads/2024/05/file-scaled.jpg) ***     JPG - 5.47 MB               *** On the other hand, PNG uses lossless compression, which preserves all the image data, resulting in larger file sizes without any loss of data. ![](https://theplusaddons.com/wp-content/uploads/2024/05/file.png) ***PNG - 36.6 MB*** The larger file size ensures that the image quality remains high, but it can lead to slower loading times compared to JPEG. ### 2. Transparency Transparency in images refers to the ability to make parts of the image invisible or partially visible, allowing the background or underlying layers to show through. This feature is particularly useful for web design, graphic design, and various digital content creation. Now let's talk about transparency in terms of JPG and PNG. JPG does not support transparency. It can only display fully opaque images. Any area that you want to appear transparent in a JPG image will instead need to be filled with a solid color, typically matching the background where the image will be placed. ![](https://theplusaddons.com/wp-content/uploads/2024/05/JPG-vs-PNG-transparency.png) Whereas, PNG images support full transparency, which means that any part of the image can be made transparent.  This is achieved by setting the alpha channel of the image to a certain value. The alpha channel is a separate channel that stores the transparency information for each pixel in the image.  PNG images also support partial transparency, which allows you to make certain parts of the image partially transparent. ### 3. Raster Image File JPG and PNG images are both raster file formats, composed of a grid of tiny colored squares called pixels.  > **What is a Raster Image?** > > > *A raster image is a digital representation of an image made up of a grid of tiny colored squares called pixels. Each pixel contains information about its color and position, forming the complete picture. Raster images are commonly used for photographs, illustrations, and graphics.* ![](https://theplusaddons.com/wp-content/uploads/2024/05/Raster-Image.png) Each pixel contains information about its color and position, forming the complete picture. This pixel-based structure allows both formats to accurately represent photographs, graphics, and illustrations with smooth gradients and fine details. Also, both JPEG and PNG images are resolution-dependent, meaning they have a fixed number of pixels per inch (PPI) or dots per inch (DPI). While JPEG images use a compression method sacrificing some image data to reduce file size while maintaining acceptable quality, PNG images maintain all image data without sacrificing quality, making them ideal for detailed graphics, logos, and illustrations. ***Keep Reading***: *[How to Fix Blurry Images in Elementor [SOLVED]](https://theplusaddons.com/blog/fix-blurry-images-in-elementor/)* ### 4. Digital Photographs Vs Web Graphics When it comes to digital photographs, JPEGs are the go-to format for photographers and businesses that manage large image libraries.  This is because JPEGs are compressed to reduce the file size, which allows multiple digital photos to be shared and downloaded simultaneously. Also, because of the smaller file size JPG images take smaller storage space and can keep your image library relatively efficient and easily accessible without long waiting time. On the other hand, PNGs are mainly used for web graphics, logos, diagrams, and illustrations. They integrate better with different background colors on a page, and the text is easier to read.  ***Read Further***: *[How to Fix WordPress GIF Not Playing [4 Proven Solutions]](https://theplusaddons.com/blog/how-to-fix-wordpress-gif-not-playing/)* ## Which Image File Format You Should Choose? To be honest there is no right or wrong file format everything depends on you and your website's needs If you're working with images that have a lot of details and need to be saved in high quality, PNG is the better option. However, if you're working with images that don't require high levels of detail, JPG is a good choice as it produces smaller file sizes. It's important to note that the file size of an image can affect the loading time of web pages. If you have a website that contains a lot of images, it's recommended that you use JPG to reduce the loading time. This is because smaller file sizes mean faster loading times, which can improve the user experience.  If you require high-quality images with transparency or the best visual presentation for your website, then PNG can be a great option. But remember PNG image files with large sizes can negatively impact your website's performance, leading to slower loading times. But along with the good quality images you also need an attractive website because no matter how the images are of high quality if your website is not attractive and captivating then those images are of no use. So to build an attractive and high-quality website we recommend you use [The Plus Addons for Elementor](https://theplusaddons.com/).  With the help of its over 120 Widgets and Extensions creating a beautiful website is no more a struggle and the best part is it is an all-in-one plugin so you don’t have to use multiple plugins for different purposes. ***Suggested Reading***: [*JPG Vs WebP: Should You Use WebP over JPG?*](https://theplusaddons.com/blog/jpg-vs-webp/) ## FAQs on JPG vs PNG ### Do you lose quality with PNG? No, PNG uses lossless compression, so you don't lose quality when saving or sharing images. Each pixel is preserved exactly as in the original, maintaining high image fidelity. ### Why is PNG not suitable for print? PNG is not ideal for print due to its lower resolution compared to formats like TIFF or PDF. It is designed for web use and lacks CMYK color support, which is essential for high-quality printing. ### Does converting JPG to PNG remove the background? No, converting a JPG to PNG does not remove the background. JPG images do not support transparency, so converting them to PNG retains the background as it is. You would need to manually edit the image to remove the background and save it as a PNG for transparency. ### For web and social media use, should one choose JPG or PNG? For web and social media use, JPG is generally the preferred format. This is because JPG files are smaller in size and can be loaded more quickly, which is important for web and social media use. However, if the image contains text or has a transparent background, PNG may be the better option. ### Are JPGs and PNGs Raster files or Vector files? JPG and PNG are raster file formats. They are composed of a grid of tiny colored pixels, which together form an image. Unlike vector files, which use mathematical equations to create images, raster files are resolution-dependent and can lose quality when scaled. --- # 50+ WordPress Keyboard Shortcuts for Classic + Gutenberg Editor Source: https://theplusaddons.com/blog/wordpress-keyboard-shortcuts/ In WordPress, navigating through menus and options can consume valuable time and hinder the creative process. This often leads to frustration and a need for more efficient techniques.  Fortunately, a comprehensive list of over 50 WordPress keyboard shortcuts tailored for both Windows and Mac users provides a solution to this common challenge.  Mastering these shortcuts can significantly enhance productivity and streamline the WordPress experience, making tasks quicker and easier to accomplish. So let’s get started! ## Key Takeaways - Enable keyboard shortcuts in your WordPress profile to boost editing speed. - Use common shortcuts for formatting: e.g., Ctrl/Cmd + B for bold, Ctrl/Cmd + I for italics. - Navigate and moderate quickly: J/K to move between comments, A/S/D to approve, mark spam, or trash. ## Why to use Keyboard Shortcuts in WordPress? Learning WordPress keyboard shortcuts is a huge time-saver, especially for those who work on the platform regularly. Keyboard shortcuts let you perform tasks quickly without constantly moving back and forth between your mouse and keyboard. ![](https://theplusaddons.com/wp-content/uploads/2024/05/WordPress-Keyboard-Shortcuts-1024x536.png) Also, Shortcuts let you jump between sections of WordPress quickly which means you can easily switch between visual and text editors much faster. These shortcuts cover a wide range of actions, including formatting text, managing media, and more.  Whether you're a Windows or Mac user, integrating these keyboard shortcuts into your workflow can significantly improve your WordPress experience. ### Benefits of WordPress Keyboard Shortcuts - **Saves Time**: WordPress shortcuts make things quicker. Instead of wasting time with your mouse to bold text or add a link, you can do it in seconds with a quick key press. - **Increases Productivity**: Whether you're editing posts, managing comments, or organizing media, shortcuts keep you in flow. You don't need to break your rhythm to switch between tasks or navigate WordPress manually. - **Reduces Repetitive Stress**: Constantly clicking can be tiring, especially for repetitive tasks like updating drafts or moderating multiple comments. Shortcuts take that pressure off and make WordPress more enjoyable to use. - **Feels Pro**: Once you get the hang of shortcuts, you'll feel like a WordPress pro, confidently zipping through tasks, and that smoothness helps when working with clients or teams. *While shortcuts help you become productive, the loading speed of your website is equally important, here are *[***25+ Guaranteed Ways to Speed Up Elementor WordPress Website***](https://theplusaddons.com/blog/speedup-elementor-website-performance/)*.* ## 50+ Best WordPress Keyboard Shortcuts Mastering these WordPress keyboard shortcuts for Windows and Mac will revolutionize your workflow, saving time and effort while navigating and managing your WordPress website. Here is the list of keyboard shortcuts for Windows and Mac: | Task | Windows | Mac | | ---- | ------- | --- | | Copy | Ctrl + C | Command + C | | Paste | Ctrl + V | Command + V | | Cut | Ctrl + X | Command + X | | Bold Text | Ctrl + B | Command + B | | Italic Text | Ctrl + I | Command + I | | Undo | Ctrl + Z | Command + Z | | Redo | Ctrl + Y | Command + Shift + Z | | Save | Ctrl + S | Command + S | | Select All | Ctrl + A | Command + A | These shortcuts work not only in WordPress but also in other software programs such as Microsoft Word, Google Docs, and Adobe Photoshop. ### WordPress Navigation Shortcuts Here are some navigation shortcuts that can help you move through the dashboard more efficiently. | Task | Windows | Mac | | ---- | ------- | --- | | To Scroll through the post content | Use ←, →, ↑, and ↓ | Use ←, →, ↑, and ↓ | | Navigate to the Next Clickable Link/Option | Tab | Tab | | Move back to the previous option | Shift + Tab | Shift + Tab | | Confirm a dialog box or access an option | Enter | Enter | By using these shortcuts, you can quickly move through the dashboard and access the options you need. ***Suggested Read:**** *[*Pagination vs. Infinite Scroll vs. Load More [Key Differences]*](https://theplusaddons.com/blog/pagination-vs-infinite-scroll-vs-load-more/) ### WordPress Comment Moderation Shortcuts The comment moderation can be a time-consuming task. However, some keyboard shortcuts can help you manage your comments more efficiently. Before using them, enable keyboard shortcuts for comment moderation in your WordPress account. You can do this by navigating to your WordPress Sidebar, Click on **User**, then on** Profile,** and checking the "**Enable keyboard shortcuts for comment moderation**" option. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Enable-Keyboard-Shortcuts.png) Once you've enabled this option, you can start using these keyboard shortcuts to manage your comments more efficiently. Here are some of the most useful keyboard shortcuts for managing comments: #### Single Comment Moderation Shortcuts | Task | Windows | Mac | | ---- | ------- | --- | | Move to the Next Comment | J | J | | Move to the Previous Comment | K | K | | Approve Current Comment | A | A | | Mark the Current Comment as Spam | S | S | | Move Current Comment to Trash | D | D | | Unapprove Current Comment | U | U | | Quick Edit Current Comment | Q | Q | #### WordPress Bulk Comment Moderation Shortcuts Bulk comment moderation shortcuts can save your precious time that can be used for other crucial web designing tasks.  Here are some comment moderation shortcuts: | Task | Windows | Mac | | ---- | ------- | --- | | Select Current Comment | X | X | | Move to Next Comment and Select It | Shift + J | Shift + J | | Move to Previous Comment and Select It | Shift + K | Shift + K | | Select All Comments Between Current and Last Selected | Shift + X | Shift + X | | Approve All Selected Comments | Shift + A | Shift + A | | Mark All Selected Comments as Spam | Shift + S | Shift + S | | Move All Selected Comments to Trash | Shift + D | Shift + D | | Unapprove All Selected Comments | Shift + U | Shift + U | *While reviewing the comments, you might notice some spam from particular IP addresses. Here are ****[3 Easy Methods to Block IP Addresses in WordPress](https://theplusaddons.com/blog/how-to-block-ip-address-in-wordpress/)****.* ### WordPress Formatting Shortcuts Next are some of the most useful WordPress hotkeys for formatting content, such as bolding the text, creating headings, making lists, and more: | Task | Windows | Mac | | ---- | ------- | --- | | Make Text Bold | Ctrl + B | Command + B | | Make Text Italic | Ctrl + I | Command + I | | Heading 1 | Shift + Alt + 1 | Command + Option + 1 | | Heading 2 | Shift + Alt + 2 | Command + Option + 2 | | Heading 3 | Shift + Alt + 3 | Command + Option + 3 | | Heading 4 | Shift + Alt + 4 | Command + Option + 4 | | Heading 5 | Shift + Alt + 5 | Command + Option + 5 | | Heading 6 | Shift + Alt + 6 | Command + Option + 6 | | Unordered List | Ctrl + Shift + U | Command + Shift + U | | Ordered List | Ctrl + Shift + O | Command + Shift + O | | Create Blockquote | Ctrl + Shift + Q | Command + Shift + Q | | Insert Code | Ctrl + Shift + C | Command + Shift + C | These are just a few of the most useful formatting shortcuts for WordPress. By using these shortcuts, you can save time and make your content more visually appealing and easier to read. ### WordPress Gutenberg Editor Keyboard Shortcuts Gutenberg Editor offers keyboard shortcuts for text formatting, block transformation, and managing panels/views, enhancing productivity when creating content in WordPress. Here are some of the most useful WordPress block editor keyboard shortcuts | Task | Windows | Mac | | ---- | ------- | --- | | Add a New Block | Enter | Enter | | Duplicate Selected Block(s) | Ctrl + Shift + D | Command + Shift + D | | Remove Selected Block(s) | Alt + Shift + Z | Command + Shift + Z | | Insert New Block Before Selected Block(s) | Ctrl + Alt + T | Command + Option + T | | Insert New Block After Selected Block(s) | Ctrl + Alt + Y | Command + Option + Y | | Change Block Type in New Block | / | / | | Clear Selection | Esc | Esc | | Redo Last Undo | Ctrl + Shift + Z | Command + Shift + Z | | Show/Hide Settings Bar | Ctrl + Shift + , | Command + Shift + , | | Open Block Navigation Menu | Alt + Shift + O | Option + Command + O | | Navigate to the Next Part of the Editor | Alt + Shift + N | Option + Command + N | | Navigate to the Previous Part of the Editor | Alt + Shift + P | Option + Command + P | | Switch Between Visual and Code Editor | Ctrl + Shift + Alt + M | Command + Option + Shift + M | *Confused about whether Gutenberg is as user-friendly as Elementor? Here's a detailed comparison of *[***Elementor vs Gutenberg***](https://theplusaddons.com/blog/elementor-vs-gutenberg/)*.* ### WordPress Classic Editor Keyboard Shortcuts If you still prefer using the good old Classic Editor in WordPress, there are plenty of keyboard shortcuts available for that as well.  Here are some of the most useful ones: | Task | Windows | Mac | | ---- | ------- | --- | | Redo | Ctrl + Y | Command + Y | | Insert Heading Sizes | Alt + Shift + [number] | Command + Option + [number] | | Align Left | Alt + Shift + L | Command + Option + L | | Justify Text | Alt + Shift + J | Command + Option + J | | Align Center | Alt + Shift + C | Command + Option + C | | Strikethrough | Alt + Shift + D | Command + Option + D | | Align Right | Alt + Shift + R | Command + Option + R | | Unordered List | Alt + Shift + U | Command + Option + U | | Insert Link | Alt + Shift + A | Command + Option + A | | Numeric List | Alt + Shift + O | Command + Option + O | | Remove Link | Alt + Shift + S | Command + Option + S | | Quote | Alt + Shift + Q | Command + Option + Q | | Insert Image | Alt + Shift + M | Command + Option + M | | Insert More Tag | Alt + Shift + T | Command + Option + T | | Insert Page Break Tag | Alt + Shift + P | Command + Option + P | | Fullscreen (Visual Editor Mode) | Alt + Shift + W | Command + Option + W | | Fullscreen (Plain Text Mode) | Alt + Shift + F | Command + Option + F | Save your time and work efficiently in the Classic Editor by using these keyboard shortcuts for tasks like copying, formatting, and adding hyperlinks. ### Global Shortcuts in WordPress Editor When working with WordPress, using keyboard shortcuts can be a great way to improve your workflow and save time.  Here are some global shortcuts you can use in the WordPress editor: | Task | Windows | Mac | | ---- | ------- | --- | | Display Keyboard Shortcuts Help | Shift + Alt + H | Option + Control + H | | Toggle Fullscreen Mode On/Off | Ctrl + Shift + Alt + F | Command + Shift + Option + F | | Add a New Block Before the Current Block | Ctrl + Shift + Alt + T | Command + Option + T | | Add a New Block After the Current Block | Ctrl + Shift + Alt + Y | Command + Option + Y | These global shortcuts are designed to make your life easier when working with WordPress. They can help you access the entire list of shortcuts, easily toggle Full-screen mode, and add new blocks to your content. By learning these shortcuts, you can speed up your workflow, remove the extra time and load using the mouse, and become more efficient when working on WordPress. ## Wrapping Up Mastering WordPress keyboard shortcuts can significantly enhance your efficiency and productivity when managing your website.  The above comprehensive list of over 50 keyboard shortcuts tailored for both Windows and Mac users covers a wide range of functions, from formatting text to managing media and navigating the editor.  Integrating these shortcuts into your workflow can help you streamline your WordPress experience, saving valuable time and effort.  Lastly, if you’re using Elementor page builder in WordPress, we would recommend you use The Plus Addons; this all-in-one plugin offers more than 120 Elementor widgets that will help enhance the functionality of your Elementor editor and create a world-class website without writing a single line of code. ## FAQs on WordPress Keyboard Shortcuts ### How do I view all WordPress shortcut keys? To see all WordPress shortcuts, you can press the "Shift + Alt + H" keys on your keyboard. This will bring up a list of all the available shortcuts in WordPress. ### How do I enable keyboard shortcuts in WordPress? To enable keyboard shortcuts in WordPress, go to "Users" > "Profile" in the admin dashboard. Check the box labeled "Enable keyboard shortcuts for comment moderation" and save your profile. ### How to preview my WordPress post using keyboard shortcuts? To preview your WordPress post without leaving the editor, use the CTRL + S shortcut to save your changes and then press CTRL + SHIFT + P to open a new tab with the post preview. This allows for seamless content review and editing. --- # Can’t Edit Theme in WordPress? 13 Ways to Fix It [SOLVED] Source: https://theplusaddons.com/blog/cant-edit-theme-in-wordpress/ Can't edit your theme in WordPress? This blog post is for you. Themes and customization options are key reasons website owners rely heavily on WordPress for designing websites. However, the platform has its fair share of problems. Designers often complain that the WordPress theme file editor isn't showing up, the live preview isn't working, and they can't edit the CSS styles. These issues prevent you from customizing your site's appearance and can cause unnecessary downtimes, affecting visitors' experience. However, following the right troubleshooting steps can easily overcome these hurdles. Join us as we explore 13 ways to fix issues if you can't edit themes in WordPress. ## What does "Can't Edit Theme in WordPress" Mean? "Can't Edit Theme in WordPress" means you cannot access or change your WordPress theme files. It also means that you can't customize your site's look and feel using the theme editor. This situation often points to issues like: - WordPress appearance editor is missing - Theme edit options have disappeared - Inability to save CSS styling changes - Issues with the server If you can't edit your WordPress theme, the only move forward is to take appropriate actions to fix the problem, whether it's an issue with the theme editor, CSS, or other theme edit options. *Are you designing a website with stunning visuals? Read whether **[you should use WebP over JPG](https://theplusaddons.com/blog/jpg-vs-webp/)***. ## Possible Issues and How to Fix Them? Let's explore all the possible issues with WordPress that may prevent you from editing your website's theme and the different ways you can fix them. ### Issue 1: Theme Edit Option Disappeared/Deactivated To edit a theme, you simply navigate to the **Appearance** tab from the WordPress dashboard and select the **Customize** option to open the theme appearance editor. However, what if you don't see this option in your admin panel? Your site may be missing the theme edit option due to problems with the theme's files, or the edit option has been deactivated. Let's understand the reasons for this problem in detail and learn some fixes to bring back theme edit options: #### 1. Disabled Edit Option WordPress allows website owners to turn off theme editing using a plugin or the FTP client. This prevents you or other admins from making any changes to the theme. If you deactivate theme options, knowingly or unknowingly, turning them back on should let you edit the WordPress theme like before. Just follow these steps: **Step 1.** Create a backup of your site that you restore if reactivating theme options causes any issues. **Step 2.** Look for any installed plugin with a built-in feature to enable/disable theme editing. If there's a plugin with this option set to off, simply turn it on and see if you can edit your theme. **Step 3. **Alternatively, you can modify the **wp-config.php** file to enable the theme edit option. Access your server files via FTP or the hosting provider’s control panel, and locate and open the wp-config.php file. ![](https://theplusaddons.com/wp-content/uploads/2024/05/WP-config-php.png) **Step 4.** In the wp-config file, search the following line of code: *define(‘DISALLOW_FILE_EDIT’, false);* Now, replace "false" with "true" as shown below: *define(‘DISALLOW_FILE_EDIT’, true);* **Step 5.** Save the changes, and that's it. You should be able to see the theme edit options in WordPress. #### 2. Theme-Related Issues Issues with the theme, especially bugs and outdated files, can also cause theme edit options to disappear. - If a theme update caused the issue, simply revert to a previous version or restore your last backup. - If you're using an old version of the theme, try updating it to the latest version. ### Issue 2: CSS Styling Changes Not Working One of the most common occurrences when editing your theme's custom CSS is that the changes you make aren't applied and don't become visible in the appearance editor or the live site. The problem occurs due to CSS caching issues and how WordPress executes CSS scripts at runtime. Let's understand why this problem occurs and how you can fix it: #### 1. Faulty CSS Caching Site owners often use caching plugins to store a temporary file on their servers to reduce the loading time for CSS scripts. However, changing CSS styles creates conflicts with the existing cache files, preventing edits from becoming visible. The only way to solve CSS caching issues is to disable the plugin you use for caching. #### 2. Concatenated Script Your site relies on multiple scripts, such as CSS and JavaScript, to remain functional. At runtime, WordPress concatenates or combines all these scripts into a single script. This concatenation process can lead to issues with the CSS script, and you may not be able to edit your styles. Luckily, you can work past this hurdle as well. Here's how: **Step 1.** Use an FTP client or hosting control panel to access the **wp-config.php** file stored on your server. **Step 2.** Look for the comment that says, *"That's all, stop editing! Happy blogging/publishing." *Above this comment, add the following line of code to instruct WordPress not to concatenate any script: *define(CONCATENATE_SCRIPTS’, false);* **Step 3.** Save the file. Make the edits to the CSS style and see whether they are applied. *Is your WordPress site down? Here are** [8 things you must check and steps to fix it](https://theplusaddons.com/blog/wordpress-website-is-down/)***. ### Issue 3: Internal Server Error 500 internal server error occurs frequently when browsing the web. As the name suggests, this error occurs on the server side, possibly due to network and connectivity issues. You may even encounter an internal server error when editing a theme in the WordPress theme editor. When accessing or using the theme editor, an internal server occurs for various reasons, including limited server resources or issues with PHP. Here are some ways to fix this error: #### 1. Exhausted PHP Memory Limit Your server has limited resources. Therefore, hosting providers limit the maximum amount of PHP memory your website and its various components can use. However, poorly coded scripts, resource-intensive themes, and buggy plugins can quickly exceed the default limit, rendering your site unusable. You can increase the default memory limit to try to solve the issue. Here's how: **Step 1.** Access the **wp-config.php** file via FTP or the hosting control panel located in your site's root directory. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Increase-the-default-memory-limit.png) **Step 2.** In the **wp-config.php** file, look for the following line: define(**'WP_MEMORY_LIMIT', '256M'**); ![](https://theplusaddons.com/wp-content/uploads/2024/05/WP-memory-Limit-1.png) **Step 3.** Increase the memory from 256M (megabytes) to 512M to 1024M. #### 2. Outdated PHP Version Using an old PHP version with WordPress can cause a range of issues, from poor performance to security vulnerabilities, incompatibility with plugins, and issues with the theme editor. With every new PHP update, developers optimize their code, improve performance, and strengthen security. Therefore, you must make sure you have the latest PHP version installed on your site. You can change the PHP version of your site from your hosting provider's control panel. So, the steps to update the version will vary depending on your hosting provider. You can access the link given below to refer to tutorials for updating the PHP version in different hosting control panels: ***[GitHub](https://github.com/WordPress/servehappy-resources/blob/master/tutorials/hosting-specific/tutorials-en.md)*** ### Issue 4: Theme Customizer Stopped Working/Live Preview Not Working In some cases, you may get the option to access the theme appearance editor. However, once you open the theme editor, it stops working or doesn't show the live preview, making it a hassle to customize your site. Here are the primary reasons why the theme customizer and the live preview within it may not work as intended: #### 1. Incompatibility with Plugins If you experience issues with the theme customizer and live preview after installing a new plugin or updating an existing one, you must deactivate all your plugins. Then, reactivate them one by one to find the plugin that causes the problems. Follow the steps shown below to disable plugins: **Step 1.** Head over to the **Plugins > Installed Plugins **section from the WordPress dashboard. **Step 2.** Tick the checkbox at the top of the plugin list to select all plugins simultaneously. **Step 3.** Click the **Bulk Action** button to open a dropdown menu. Select the **Deactivate **option from the list. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Deactivate-all-plugins.png) **Step 4. **To reactivate a plugin, head back to the **Installed Plugins** section, tick the checkbox next to the plugin, and then click **Activate**. If an issue reappears after reactivating a specific plugin, consider deleting it once and for all. #### 2. Missing or Invalid Menu Items If you mistakenly delete a page or post linked to a menu item, it is either removed from the menu or marked invalid. This can also lead to hiccups when using the theme customizer and live preview. Removing such menu items from your site's menu can solve the issue. Here's how you can remove them: **Step 1.** From the WordPress dashboard, head over to **Appearance > Menus**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Missing-or-invalid-menu-items.png) **Step 2.** Find the missing/invalid items. They are usually marked with red. **Step 3.** If you find a red menu item, click the down arrow to expand the menu options. Then, click **Remove**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Remove-item-1024x850.png) **Step 4.** Click the **Save Menu** button to save the updated menu. #### 3. Blocked JavaScript JavaScript code can be blocked by plugins or other scripts active on your website. This can cause various problems with the theme customizer. For instance, menu items and other elements may not register clicks or drags. It can also affect the visibility of live previews. To fix blocked JavaScript, try these workarounds: - Deactivate all plugins and reactivate them individually to assess which plugin is blocking the scripts in the customizer. - Clearing the cache may also help. - If the above two options don't solve the problem, report the issue to the plugin's developer. Their support team will then be able to help you find a solution. #### 4. Outdated Browser Cache Problems with the theme editor don't always originate from within WordPress. Instead, your browser can also cause it to glitch out. The biggest culprit is your browser cache. These temporary files can affect the functionality of the customizer and live preview feature. In most cases, deleting these cache files from your browser can fix all the problems. The process of clearing the cache may vary from browser to browser. If you use MS Edge or Google Chrome, you can clear your cache by accessing **Settings > Privacy and Security tab > Clear browsing data**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Clear-Browser-cache.png) #### 5. Buggy Browser Extensions Besides the browser cache, extensions or addons installed on the browser can also render the WordPress theme editor unusable. If you can't edit your WordPress themes, try to disable any third-party addon from your browser and see if the editor starts working as intended. The option to delete addons is usually present in the browser's **Settings **menu under the **Extensions **tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Remove-buggy-browser-extensions.png) #### 6. WordPress Address and Site Address Mismatch The site address is your website's actual URL, while the WordPress address is where all of your core files are stored. A mismatch between these two addresses can also prevent the theme editor's live preview from loading all the assets. You can check whether the two addresses match each other using this procedure: **Step 1. **From the WordPress dashboard, open **Settings > General Settings**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/WordPress-general-settings.png) **Step 2.** Review the WordPress and Site addresses to see if they are the same or different. ![](https://theplusaddons.com/wp-content/uploads/2024/05/WordPress-address-and-site-address.png) **Step 3.** If addresses don't match, identify which one is correct. Then, replace the incorrect address with the correct one. **Step 4.** Save the changes and see if the theme customizer functions normally. #### 7. Outdated WordPress Installation Similar to plugins and PHP, using an outdated WordPress environment can also cause the live preview and other functions of the customizer to break. So, download the latest WordPress files from the official website and install them on your server. Then, try to use the customizer and see if the live preview appears. *Apart from issues with theme editing, WordPress is also prone to critical errors. Here's **[your guide to fixing WordPress fatal errors](https://theplusaddons.com/blog/wordpress-fatal-error/)**.* ## Wrapping Up Customizing your site becomes almost impossible if the theme editor is missing from WordPress or its live preview isn't working. However, if you can't edit your theme, you can always return to our blog and refer to any of the 13 solutions mentioned in this guide. Are you using Elementor page builder to design web pages? You'll need an advanced addon plugin to unlock its full potential. Check out The Plus Addons for Elementor and get more than 120+ Elementor widgets to customize your site without coding. The addon also includes a mega menu builder, header/footer builder, pop-up builder, and more to help you create unique designs. ## FAQs on Fixing Can’t Edit Theme In WordPress Issues ### How do I make my WordPress theme editable? To make a WordPress theme editable, you must modify the wp-config.php file stored on the server. In the wp-config file, change the following line *define(‘DISALLOW_FILE_EDIT’, false); *to *define(‘DISALLOW_FILE_EDIT’, true);*. This will make your WordPress theme editable. ### How to enable theme editor in WordPress? To enable the theme editor in WordPress, look for the following line in the wp-config file: *ISALLOW_FILE_EDIT’, false);.* Replace the line with *define(‘DISALLOW_FILE_EDIT’, true).* ### Why can't I edit my WordPress theme? There are several possible reasons why you can't edit your WordPress theme. One common reason is that the theme editor is disabled in the wp-config.php file. Another reason could be bugs or an outdated version of the theme. ### What should I do if the WordPress theme customizer stops working? If the WordPress theme customizer stops working, disable incompatible plugins, check for missing or invalid menu entries, remove plugins that may block JavaScript, and remove browser extensions. ### How do I resolve conflicts with plugins affecting theme editing? To resolve conflicts with plugins that affect theme editing, first disable all the installed plugins from the **Plugins > Installed Plugins **section of the WordPress admin panel. Then, reactivate plugins one by one and see which plugin affects theme editing. Finally, uninstall the buggy plugin to resolve the issue. ### What can I do if Javascript blocks cause issues with theme customization? If JavaScript blocks cause issues with theme customization, deactivate all plugins and reactivate them individually to assess which plugin is blocking the scripts in the customizer. You can also try clearing the site cache to resolve the JavaScript block. ### How can I fix internal server errors (500) affecting the theme customizer? To fix the internal server error (500) affecting the theme customizer, you must increase the PHP memory limit by editing the wp-config file and updating your website's PHP version. --- # Site Logo Widget for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/site-logo-for-elementor/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Elementor Site Logo Widget ![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/5561.svg) - HomePages- Services- Pricing- Contact us - - - HomePages- Services- Pricing- Contact us Get a quote - HOMEProducts- Resources- Pricing - - - HOMEProducts- Resources- Pricing ![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/small-logo.svg)![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/Big-logo.svg) [705-482-4123](tel:+705-482-4123) ![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Edgekart.svg) - HomeEssential Pages- Blog- Contact - - - HomeEssential Pages- Blog- Contact Login Get Started ![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/hop-logo.svg) - HomeAbout Us- Gallery- Causes- Stories- Events- Contact - - - HomeAbout Us- Gallery- Causes- Stories- Events- Contact ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # ACF Repeater in Elementor Source: https://theplusaddons.com/elementor-builder/grid-builder/acf-repeater-field/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## ACF Repeater in Elementor Easily setup your ACF Repeater Fields in WordPress dashboard and fetch it in the Elementor editor using The Plus Addons' Elementor ACF Repeater Field Listing. ![](https://theplusaddons.com/wp-content/uploads/2025/06/acf-repeater.png) ## Legends and Lore: Unveiling the Chronicles of Fictional Realms ![](https://theplusaddons.com/wp-content/uploads/2025/06/pikaso-acf-image.png) History [The Rise and Fall of the Kingdom of Eldoria](http://The%20Rise%20and%20Fall%20of%20the%20Kingdom%20of%20Eldoria) ![](https://theplusaddons.com/wp-content/uploads/2025/06/kingdon-acf.png) Culture [Cultural Legacy of the Elven Renaissance](http://Cultural%20Legacy%20of%20the%20Elven%20Renaissance) ![](https://theplusaddons.com/wp-content/uploads/2025/06/robots-empire.png) History [Revolutions in the Galactic Empire of Xandar](http://Revolutions%20in%20the%20Galactic%20Empire%20of%20Xandar) ![](https://theplusaddons.com/wp-content/uploads/2025/06/market-acf.png) History/Culture [The Enchanted Trade Routes of Valoria](http://The%20Enchanted%20Trade%20Routes%20of%20Valoria) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # One Page Scroll Navigation for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/one-page-scroll-navigation/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Add Icon or Dot Based Full One-Page Navigation on Elementor One Page Elementor Scroll Navigation menu is usually placed prominently at the top of the page or in a fixed position to ensure it remains accessible as users scroll through the content. It often consists of links or buttons that, when clicked, smoothly scroll the page to the corresponding section. View Demos ![](https://theplusaddons.com/wp-content/uploads/2024/07/One-Page-Navigation-On-ELemetor-1024x715.png) ## Live Demos of Elementor One Page Scroll Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Custom-Icons-One-Page-Scroll-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/one-page-scroll-navigation-demo-1/) ### Custom Icons One Page Scroll Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Hotel-Booking-Website-Vertical-Dots-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/one-page-scroll-navigation-demo-2/) ### Hotel Booking Website Vertical Dots Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-One-Page-Scroll-Navigation-with-Left-Side-Dots.png)](https://etemplates.wdesignkit.com/theplusaddons/one-page-scroll-navigation-demo-3/) ### Elementor One Page Scroll Navigation with Left Side Dots [![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-One-Page-Scroll-with-Horizontal-Vertical-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/one-page-scroll-navigation-demo-4/) ### Elementor One Page Scroll with Horizontal & Vertical Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Full-Page-Product-Display-with-Fancy-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/one-page-scroll-navigation-demo-5/) ### Full Page Product Display with Fancy Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Automobile-Showcase-One-Page-Site-with-Vertical-Car-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/one-page-scroll-navigation-demo-6/) ### Automobile Showcase One Page Site with Vertical Car Icons ## Key Features of Elementor One Page Scroll Navigation ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mulitple-Dots-Styles.png) ### Multiple Dots Styles ![](https://theplusaddons.com/wp-content/uploads/2024/07/Set-Navigation-at-Any-Position.png) ### Set Navigation at Any Position ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-Tooltip-on-Hover-or-Active-Slide.png) ### Show Tooltip on Hover or Active Slide ![](https://theplusaddons.com/wp-content/uploads/2024/07/Connect-Navigation-with-CSS-ID.png) ### Connect Navigation with CSS ID ![](https://theplusaddons.com/wp-content/uploads/2024/07/Connect-with-Page-Scroll-Widget.png) ### Connect with Page Scroll Widget ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-Elementor-One-Page-Scroll-Navigation.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Product Single Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/product-single-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Transform Your Basic Product Single Page to Advanced One ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Product-Single-Advanced-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Product-Single-Advanced-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Product Single Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Side-Product-Images-861x1024.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-demo-1/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Bottom-Product-Images-861x1024.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-dark-demo/) ## Key Features of WooCommerce Product Single Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Single-Carousel-Layout.png) ### Product Single & Carousel Layout ![](https://theplusaddons.com/wp-content/uploads/2024/05/Muliple-Product-Images-Style.png) ### Multiple Product Images Style ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Thumbnail-Positions.png) ### Product Thumbnail Positions ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Single-Mode-Settings.png) ### Product Single Mode Settings ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Single-Page-Elements.png) ### Product Single Page Elements ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Page-Pricing-Elements.png) ### Product Page Pricing Elements ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Single-Tabs-Content.png) ### Product Single Tabs Content ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Category Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/product-category-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Limited Product Category Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-category-Page-to-premium-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-category-Page-to-premium-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of Elementor Product Category Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-category-light-Theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/product-category/sneakers/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-category-Dark-Theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/product-category/mens-dress-watches/) ## Key Features of Product Category Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Selector-from-Search.png) ### Product Selector from Search ![](https://theplusaddons.com/wp-content/uploads/2024/05/Result-Area-Customizer.png) ### Result Area Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/Result-Area-Settings.png) ### Result Area Settings ![](https://theplusaddons.com/wp-content/uploads/2024/05/Search-Methods.png) ### Search Methods ![](https://theplusaddons.com/wp-content/uploads/2024/05/Search-Results-Loading-Method.png) ### Search Results Loading Method ![](https://theplusaddons.com/wp-content/uploads/2024/05/Search-Extra-Options.png) ### Search Extra Options ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Product Search Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/product-search-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Transform Your Basic WooCommerce Product Search Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Search-Page-to-Premium-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Search-Page-to-Premium-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of Product Search Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Search-Page-light-Theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-demo-1/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Search-Page-dark-Theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-dark-demo/) ## Key Features of Product Search Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Additional-Button-Near-Expand-Button.png) ### Add Additional Button Near Expand Button ![](https://theplusaddons.com/wp-content/uploads/2024/05/Place-Button-on-Top-or-Bottom-of-the-Content.png) ### Place Button on Top or Bottom of the Content ![](https://theplusaddons.com/wp-content/uploads/2024/05/Fade-Out-Content-With-Opacity-Controls.png) ### Fade Out Content With Opacity Controls ![](https://theplusaddons.com/wp-content/uploads/2024/05/Adjust-Transition-Duration-Alignment.png) ### Adjust Transition Duration & Alignment ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Product Compare Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/product-compare/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Simple Product Compare Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/08/WooCommerce-Product-Compare-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/08/WooCommerce-Product-Compare-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Product Compare Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Product-Compare-Light.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woo-compare/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Product-Compare-Dark.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woo-compare-dark/) ## Key Features of WooCommerce Product Compare Page ![](https://theplusaddons.com/wp-content/uploads/2025/04/Button-List-Count-Mode.png) ### Button, List & Count Mode ![](https://theplusaddons.com/wp-content/uploads/2025/05/Count-Type.png) ### Count Type ![](https://theplusaddons.com/wp-content/uploads/2025/04/Product-List-Mode.png) ### Product List Mode ![](https://theplusaddons.com/wp-content/uploads/2025/04/Create-Multiple-Product-Compare-List.png) ### Create Multiple Product Compare List ![](https://theplusaddons.com/wp-content/uploads/2025/04/Choose-from-Multiple-Product-Dimensions.png) ### Choose from Multiple Product Dimensions ![](https://theplusaddons.com/wp-content/uploads/2025/04/Customize-Everything-WooCommerce-Product-Compare.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Product Listing Page with Ajax Filters Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Basic Product Listing Page to Premium One With Our Ajax Filters ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-listing-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-listing-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of Elementor Product Listing Page with Ajax Filters - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Live-Demos-of-Elementor-Product-Listing-Page-with-Ajax-Filters-Light-theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-demo-1/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Live-Demos-of-Elementor-Product-Listing-Page-with-Ajax-Filters-Dark-Theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-dark-demo/) ## Key Features of Product Listing Page with Ajax Filters ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Listing-Page-Mode.png) ### Product Listing Page Mode ![](https://theplusaddons.com/wp-content/uploads/2024/05/Mulitple-Product-Loop-Designs.png) ### Multiple Product Loop Designs ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Listing-Layout.png) ### Product Listing Layout ![](https://theplusaddons.com/wp-content/uploads/2024/07/Product-Listing-Query.png) ### Product Listing Query ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Responsive-Column-Manager.png) ### Responsive Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Loop-Customizer.png) ### Product Loop Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/YITH-Integrations.png) ### YITH Integrations ![](https://theplusaddons.com/wp-content/uploads/2024/05/Category-Wise-Filter-Options.png) ### Category Wise Filter Options ![](https://theplusaddons.com/wp-content/uploads/2024/05/Mulitple-Product-Loading-Method.png) ### Multiple Product Loading Method ![](https://theplusaddons.com/wp-content/uploads/2024/05/Mulitple-Filter-Fields.png) ### Multiple Filter Fields ![](https://theplusaddons.com/wp-content/uploads/2024/05/Ajax-Filter-Controllers.png) ### Ajax Filter Controllers ![](https://theplusaddons.com/wp-content/uploads/2024/05/Ajax-Woo-Filters.png) ### Ajax Woo Filters ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Quick View Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/quick-view/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Simple Quick View to Premium One ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-quick-view-Before-After-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-quick-view-Before-After-2.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Quick View - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-quick-view-Light-Theme-1024x757.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-demo-1/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-quick-View-Dark.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/woocommerce-shop-dark-demo/) ## Key Features of WooCommerce Quick View ![](https://theplusaddons.com/wp-content/uploads/2025/04/Quick-View-Mode.png) ### Quick View Mode ![](https://theplusaddons.com/wp-content/uploads/2025/04/Customize-Everything-WooCommerce-Quick-View.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Multi Step Checkout for WooCommerce Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/multi-step-checkout/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Basic Checkout Page to Multi Step One ![](https://theplusaddons.com/wp-content/uploads/2025/04/multicheckout-light.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/multicheckout-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Multi Step Checkout Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2025/07/multicheckout-light-demo.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/multicheckout-light-demo/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2025/07/multicheckout-Dark-demo.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/multicheckout-dark-demo/) ## Key Features of WooCommerce Multi Step Checkout ![](https://theplusaddons.com/wp-content/uploads/2025/04/Quick-View-Mode.png) ### Quick View Mode ![](https://theplusaddons.com/wp-content/uploads/2025/04/Customize-Everything-WooCommerce-Quick-View.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Wishlist Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/wishlist/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Simple Wishlist Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2025/06/WooCommerce-WishList-Before-After-Image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-WishList-Before-After-2.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Wishlist Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-WishList-Light.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/wishlist/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-WishList-Dark.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/wish-list-dark/) ## Key Features of WooCommerce Wishlist Page ![](https://theplusaddons.com/wp-content/uploads/2025/04/Button-Count-Mode.png) ### Button & Count Mode ![](https://theplusaddons.com/wp-content/uploads/2025/04/Text-Icon-Wishlist-Button.png) ### Text & Icon Wishlist Button ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-Wishlist-Text-Icon.png) ### Customize Wishlist Text & Icon ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-Everything-Wishlist.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Thank You Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/thank-you-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Boring Thank You Page Design to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Thank-You-design-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Thank-You-design-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Thank You Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-ThanK-You-light-theme-948x1024.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/thank-you-2/) ## Key Features of WooCommerce Thank You Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Thank-You-Page-Order-Meta-Customizer.png) ### Thank You Page Order Meta Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/Thank-You-Page-Order-Item-Customizer.png) ### Thank You Page Order Item Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/Thank-You-Label-Customizer.png) ### Thank You Label Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/Thank-You-Style-Everything.png) ### Style Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Checkout Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/checkout-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Limited Checkout Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/Checkout-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Checkout-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demo of WooCommerce Checkout Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Chekout-light-Theme-753x1024.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/checkout/) ## Key Features of WooCommerce Checkout Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Multiple-Checkout-Styles.png) ### Multiple Checkout Styles ![](https://theplusaddons.com/wp-content/uploads/2024/05/Customize-Checkout-Icons.png) ### Customize Checkout Icons ![](https://theplusaddons.com/wp-content/uploads/2024/05/Style-Everything.png) ### Style Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Cart Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/cart-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Simple Cart Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/Cart-Page-to-premium-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Cart-Page-to-premium-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Cart Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Cart-Page-Light-theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/cart-page/) ## Key Features of WooCommerce Cart Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Cart-Item-Settings.png) ### Cart Item Settings ![](https://theplusaddons.com/wp-content/uploads/2024/05/Empty-Cart-Settings.png) ### Empty Cart Settings ![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Custom-Icons.png) ### Add Custom Icons ![](https://theplusaddons.com/wp-content/uploads/2024/05/Customize-Cart-Page-Layout.png) ### Customize Cart Page Layout ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Woo Order Track Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/order-track-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Simple Order Track Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/Order-Track-Page-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Order-Track-Page-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce Order Track Page - Light Theme- Dark ThemeLight Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Order-Track-light-theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/order-track/) Dark Theme ![](https://theplusaddons.com/wp-content/uploads/2024/05/Order-Track-Dark-theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/order-track-dark/) ## Key Features of WooCommerce Order Track Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Muliple-Order-Track-Styles.png) ### Multiple Order Track Styles ![](https://theplusaddons.com/wp-content/uploads/2024/05/Icon-Customizer.png) ### Icon Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/Order-Track-Style-Everything.png) ### Style Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Woo My Account Page Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/my-account-page/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates # Turn Your Basic Account Dashboard Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Account-before.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/WooCommerce-Account-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Live Demos of WooCommerce My Account Dashboard ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-My-Account-Light-Theme.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/my-account/) ## Key Features of WooCommerce My Account Dashboard ![](https://theplusaddons.com/wp-content/uploads/2024/05/My-Account-Layout-Customizer.png) ### My Account Layout Customizer ![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-all-Account-Tabs.png) ### Add all Account Tabs ![](https://theplusaddons.com/wp-content/uploads/2024/05/My-Account-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Sidebar Filters Widget for Elementor Source: https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates [![](https://theplusaddons.com/wp-content/uploads/2025/04/Sidebar-Filters-1.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-wp-filters-modal-popup/) ### Sidebar Filters ## 15+ AJAX Filter Types ### It will cover all your needs and It's based on power of AJAX for performance. ![](https://theplusaddons.com/wp-content/uploads/2021/10/alphabet-filter-plus-wp-filters.jpg) Alphabet Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Search-bar-input-filter-plus-wp-filters.jpg) Search Input Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Checkbox-filter-plus-wp-filters.jpg) Checkbox Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Date-picker-filter-plus-wp-filters.jpg) Date Picker Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Dropdown-filter-plus-wp-filters.jpg) Drop Down Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Radio-filter-plus-wp-filters.jpg) Radio Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Range-filter-plus-wp-filters.jpg) Range Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Tabs-filter-plus-wp-filters.jpg) Tabbing Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Size-filter-plus-wp-filters.jpg) Woo Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Color-filter-plus-wp-filters.jpg) Woo Color Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Images-filter-plus-wp-filters.jpg) Woo Image Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Star-Rating-filter-plus-wp-filters.jpg) Woo Rating Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Search Tag Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Filter Reset Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Result-filter-plus-wp-filters.jpg) Total Search Check Filter ## Check What more you can Craft ### It have amble possibilities with our most powerful WordPress & WooCommerce Filters. ![Regular search filter for woocommerce and wordpress](https://theplusaddons.com/wp-content/uploads/2021/10/Regular-search-filter-for-woocommerce-and-wordpress.png) [ ###### Vertical Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) Check main demo of WordPress and WooCommerce advanced filters with all advanced features in it. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) ![horizontal inline wordpress woocommerce search filters](https://theplusaddons.com/wp-content/uploads/2021/10/horizontal-inline-wordpress-woocommerce-search-filters.png) [ ###### Horizontal Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) Setup your woocommerce and wordpress filters in horizontal using plus search filters widget for elementor. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) ![modal popup filter for woocommerce and wordpress elementor](https://theplusaddons.com/wp-content/uploads/2021/10/modal-popup-filter-for-woocommerce-and-wordpress-elementor.png) [ ###### Filters with Popup ](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) You can use filters in our popup widget to give space in your regular page and hide rest in popup. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) ![inline typography filters wordpress woocommerce](https://theplusaddons.com/wp-content/uploads/2021/10/inline-typography-filters-wordpress-woocommerce.png) [ ###### Inline Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) You can setup inline filters with few tweaks and custom code to achieve extra ordinary results as shown in demo. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) ## Best Filters for WooCommerce and any WordPress Custom Post Types ### We have covered all filters types, all required features to build most advanced websites with filters and many more for your next complex project. Hassle Free Setup and Easy to use are key points. Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/best-wordpress-filtes-for-woocommerce-in-elementor-1.png) ![](https://theplusaddons.com/wp-content/uploads/2021/10/woo-filter-with-any-post-type-elementor-1.png) ## Works with Any CPTs and WooCommerce ### You can use any custom post type with our dynamic listing widget and on top of that you can use it with our product listing widget. - WooCommerce Products Support - Plus Dynamic Listing Widget Support - Plus Product Listing Widget Support - Works with any Custom Post Type - ACF Values Support Check Demos ## WooCommerce Specific Special Filters ### We give extra to WooCommerce always as it's highly requested by users. These filters will super charge your WooCommerce Stores. - Deep WooCommerce Integration - Dropdown for On Sale, In Stock and more - Woo Colors Swatches Connection - Woo Buttons Swatches Connection - Woo Rating Filter - Woo Pricing Filter Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-for-elementor-wordpress-1.png) ## Last WordPress filter widgets you will ever need ### This widgets covers all things which is required to make most advanced and powerful filter system for your WordPress Project. - Semantic URL with Filter Values in URL - Indexer Enable/Disable - Lazy Load/Load More/ Pagination - Unlimited Customisation Options Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-in-wordpress-filters-1.png) ## Special Features ### List doesn't end here as we have many more things for you ACF Integration Use it with any ACF values and make your filters more detailed and deeply integrated. Any WordPress Theme You can use it with any WordPress Theme along with our Listing widgets. Woo Variation/Swatches Deeply integrated with WooCommerce and Swatches of The Plus Addons. Powerful Filters It's having top filters with in depth connection with all custom post types and WooCommerce. Easy to Use One single widget for all above features and which make it super smooth to use and manage. Stack Repeaters Our filter options are based on repeater and so you can use any type of filter multiple times. Indexer Options Use total values of each taxonomy or tags in the filter to give idea of number to users for UX. Works with WPML We support compatibility with WPML and all other translators which supports Elementor. Blazing Fast It will give extra push in getting values due to powerful & smart implementation using AJAX. Dynamic Filters Connection with ACF and other dynamic values will help to build any advance filters with ease. Made for Elementor Design your whole filters part directly in elementor editor without any hassle from WordPress. More to Come We will not stop here, Many more features will be available very soon. Stay Tuned. --- # Inline Filters Widget for Elementor Source: https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates [![](https://theplusaddons.com/wp-content/uploads/2025/04/Inline-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-wp-filters-inline/) ### Inline Filters ## WooCommerce Specific Special Filters ### We give extra to WooCommerce always as it's highly requested by users. These filters will super charge your WooCommerce Stores. - Deep WooCommerce Integration - Dropdown for On Sale, In Stock and more - Woo Colors Swatches Connection - Woo Buttons Swatches Connection - Woo Rating Filter - Woo Pricing Filter Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-for-elementor-wordpress-1.png) ## Last WordPress filter widgets you will ever need ### This widgets covers all things which is required to make most advanced and powerful filter system for your WordPress Project. - Semantic URL with Filter Values in URL - Indexer Enable/Disable - Lazy Load/Load More/ Pagination - Unlimited Customisation Options Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-in-wordpress-filters-1.png) ## Special Features ### List doesn't end here as we have many more things for you ACF Integration Use it with any ACF values and make your filters more detailed and deeply integrated. Any WordPress Theme You can use it with any WordPress Theme along with our Listing widgets. Woo Variation/Swatches Deeply integrated with WooCommerce and Swatches of The Plus Addons. Powerful Filters It's having top filters with in depth connection with all custom post types and WooCommerce. Easy to Use One single widget for all above features and which make it super smooth to use and manage. Stack Repeaters Our filter options are based on repeater and so you can use any type of filter multiple times. Indexer Options Use total values of each taxonomy or tags in the filter to give idea of number to users for UX. Works with WPML We support compatibility with WPML and all other translators which supports Elementor. Blazing Fast It will give extra push in getting values due to powerful & smart implementation using AJAX. Dynamic Filters Connection with ACF and other dynamic values will help to build any advance filters with ease. Made for Elementor Design your whole filters part directly in elementor editor without any hassle from WordPress. More to Come We will not stop here, Many more features will be available very soon. Stay Tuned. --- # Vertical Filters Widget for Elementor Source: https://theplusaddons.com/elementor-builder/ajax-vertical-filters/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates [![](https://theplusaddons.com/wp-content/uploads/2025/04/Vertical-Filters-1.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-wp-filters/) ### Vertical Filters ## 15+ AJAX Filter Types ### It will cover all your needs and It's based on power of AJAX for performance. ![](https://theplusaddons.com/wp-content/uploads/2021/10/alphabet-filter-plus-wp-filters.jpg) Alphabet Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Search-bar-input-filter-plus-wp-filters.jpg) Search Input Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Checkbox-filter-plus-wp-filters.jpg) Checkbox Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Date-picker-filter-plus-wp-filters.jpg) Date Picker Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Dropdown-filter-plus-wp-filters.jpg) Drop Down Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Radio-filter-plus-wp-filters.jpg) Radio Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Range-filter-plus-wp-filters.jpg) Range Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Tabs-filter-plus-wp-filters.jpg) Tabbing Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Size-filter-plus-wp-filters.jpg) Woo Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Color-filter-plus-wp-filters.jpg) Woo Color Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Images-filter-plus-wp-filters.jpg) Woo Image Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Star-Rating-filter-plus-wp-filters.jpg) Woo Rating Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Search Tag Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Filter Reset Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Result-filter-plus-wp-filters.jpg) Total Search Check Filter ## Check What more you can Craft ### It have amble possibilities with our most powerful WordPress & WooCommerce Filters. ![Regular search filter for woocommerce and wordpress](https://theplusaddons.com/wp-content/uploads/2021/10/Regular-search-filter-for-woocommerce-and-wordpress.png) [ ###### Vertical Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) Check main demo of WordPress and WooCommerce advanced filters with all advanced features in it. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) ![horizontal inline wordpress woocommerce search filters](https://theplusaddons.com/wp-content/uploads/2021/10/horizontal-inline-wordpress-woocommerce-search-filters.png) [ ###### Horizontal Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) Setup your woocommerce and wordpress filters in horizontal using plus search filters widget for elementor. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) ![modal popup filter for woocommerce and wordpress elementor](https://theplusaddons.com/wp-content/uploads/2021/10/modal-popup-filter-for-woocommerce-and-wordpress-elementor.png) [ ###### Filters with Popup ](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) You can use filters in our popup widget to give space in your regular page and hide rest in popup. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) ![inline typography filters wordpress woocommerce](https://theplusaddons.com/wp-content/uploads/2021/10/inline-typography-filters-wordpress-woocommerce.png) [ ###### Inline Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) You can setup inline filters with few tweaks and custom code to achieve extra ordinary results as shown in demo. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) ## Best Filters for WooCommerce and any WordPress Custom Post Types ### We have covered all filters types, all required features to build most advanced websites with filters and many more for your next complex project. Hassle Free Setup and Easy to use are key points. Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/best-wordpress-filtes-for-woocommerce-in-elementor-1.png) ![](https://theplusaddons.com/wp-content/uploads/2021/10/woo-filter-with-any-post-type-elementor.png) ## Works with Any CPTs and WooCommerce ### You can use any custom post type with our dynamic listing widget and on top of that you can use it with our product listing widget. - WooCommerce Products Support - Plus Dynamic Listing Widget Support - Plus Product Listing Widget Support - Works with any Custom Post Type - ACF Values Support Check Demos ## WooCommerce Specific Special Filters ### We give extra to WooCommerce always as it's highly requested by users. These filters will super charge your WooCommerce Stores. - Deep WooCommerce Integration - Dropdown for On Sale, In Stock and more - Woo Colors Swatches Connection - Woo Buttons Swatches Connection - Woo Rating Filter - Woo Pricing Filter Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-for-elementor-wordpress.png) ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-in-wordpress-filters.png) ## Last WordPress filter widgets you will ever need ### This widgets covers all things which is required to make most advanced and powerful filter system for your WordPress Project. - Semantic URL with Filter Values in URL - Indexer Enable/Disable - Lazy Load/Load More/ Pagination - Unlimited Customisation Options Check Demos ## Special Features ### List doesn't end here as we have many more things for you ACF Integration Use it with any ACF values and make your filters more detailed and deeply integrated. Any WordPress Theme You can use it with any WordPress Theme along with our Listing widgets. Woo Variation/Swatches Deeply integrated with WooCommerce and Swatches of The Plus Addons. Powerful Filters It's having top filters with in depth connection with all custom post types and WooCommerce. Easy to Use One single widget for all above features and which make it super smooth to use and manage. Stack Repeaters Our filter options are based on repeater and so you can use any type of filter multiple times. Indexer Options Use total values of each taxonomy or tags in the filter to give idea of number to users for UX. Works with WPML We support compatibility with WPML and all other translators which supports Elementor. Blazing Fast It will give extra push in getting values due to powerful & smart implementation using AJAX. Dynamic Filters Connection with ACF and other dynamic values will help to build any advance filters with ease. Made for Elementor Design your whole filters part directly in elementor editor without any hassle from WordPress. More to Come We will not stop here, Many more features will be available very soon. Stay Tuned. ## Watch a Quick Video Tutorials [Subscribe](https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1) ## to POSIMYTH Channel for new videos --- # Horizontal Filters Widget for Elementor Source: https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates [![](https://theplusaddons.com/wp-content/uploads/2025/04/Horizontal-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-wp-filters-horizontal-columns/) ### Horizontal Filters ## 15+ AJAX Filter Types ### It will cover all your needs and It's based on power of AJAX for performance. ![](https://theplusaddons.com/wp-content/uploads/2021/10/alphabet-filter-plus-wp-filters.jpg) Alphabet Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Search-bar-input-filter-plus-wp-filters.jpg) Search Input Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Checkbox-filter-plus-wp-filters.jpg) Checkbox Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Date-picker-filter-plus-wp-filters.jpg) Date Picker Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Dropdown-filter-plus-wp-filters.jpg) Drop Down Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Radio-filter-plus-wp-filters.jpg) Radio Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Range-filter-plus-wp-filters.jpg) Range Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Tabs-filter-plus-wp-filters.jpg) Tabbing Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Size-filter-plus-wp-filters.jpg) Woo Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Color-filter-plus-wp-filters.jpg) Woo Color Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Images-filter-plus-wp-filters.jpg) Woo Image Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Star-Rating-filter-plus-wp-filters.jpg) Woo Rating Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Search Tag Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Filter Reset Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Result-filter-plus-wp-filters.jpg) Total Search Check Filter ## Check What more you can Craft ### It have amble possibilities with our most powerful WordPress & WooCommerce Filters. ![Regular search filter for woocommerce and wordpress](https://theplusaddons.com/wp-content/uploads/2021/10/Regular-search-filter-for-woocommerce-and-wordpress.png) [ ###### Vertical Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) Check main demo of WordPress and WooCommerce advanced filters with all advanced features in it. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) ![horizontal inline wordpress woocommerce search filters](https://theplusaddons.com/wp-content/uploads/2021/10/horizontal-inline-wordpress-woocommerce-search-filters.png) [ ###### Horizontal Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) Setup your woocommerce and wordpress filters in horizontal using plus search filters widget for elementor. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) ![modal popup filter for woocommerce and wordpress elementor](https://theplusaddons.com/wp-content/uploads/2021/10/modal-popup-filter-for-woocommerce-and-wordpress-elementor.png) [ ###### Filters with Popup ](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) You can use filters in our popup widget to give space in your regular page and hide rest in popup. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) ![inline typography filters wordpress woocommerce](https://theplusaddons.com/wp-content/uploads/2021/10/inline-typography-filters-wordpress-woocommerce.png) [ ###### Inline Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) You can setup inline filters with few tweaks and custom code to achieve extra ordinary results as shown in demo. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) ## Best Filters for WooCommerce and any WordPress Custom Post Types ### We have covered all filters types, all required features to build most advanced websites with filters and many more for your next complex project. Hassle Free Setup and Easy to use are key points. Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/best-wordpress-filtes-for-woocommerce-in-elementor-1.png) ![](https://theplusaddons.com/wp-content/uploads/2021/10/woo-filter-with-any-post-type-elementor-1.png) ## Works with Any CPTs and WooCommerce ### You can use any custom post type with our dynamic listing widget and on top of that you can use it with our product listing widget. - WooCommerce Products Support - Plus Dynamic Listing Widget Support - Plus Product Listing Widget Support - Works with any Custom Post Type - ACF Values Support Check Demos ## WooCommerce Specific Special Filters ### We give extra to WooCommerce always as it's highly requested by users. These filters will super charge your WooCommerce Stores. - Deep WooCommerce Integration - Dropdown for On Sale, In Stock and more - Woo Colors Swatches Connection - Woo Buttons Swatches Connection - Woo Rating Filter - Woo Pricing Filter Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-for-elementor-wordpress-1.png) ## Last WordPress filter widgets you will ever need ### This widgets covers all things which is required to make most advanced and powerful filter system for your WordPress Project. - Semantic URL with Filter Values in URL - Indexer Enable/Disable - Lazy Load/Load More/ Pagination - Unlimited Customisation Options Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-in-wordpress-filters-1.png) ## Special Features ### List doesn't end here as we have many more things for you ACF Integration Use it with any ACF values and make your filters more detailed and deeply integrated. Any WordPress Theme You can use it with any WordPress Theme along with our Listing widgets. Woo Variation/Swatches Deeply integrated with WooCommerce and Swatches of The Plus Addons. Powerful Filters It's having top filters with indepth connection with all custom post types and WooCommerce. Easy to Use One single widget for all above features and which make it super smooth to use and manage. Stack Repeaters Our filter options are based on repeater and so you can use any type of filter multiple times. Indexer Options Use total values of each taxonomy or tags in the filter to give idea of number to users for UX. Works with WPML We support compatibility with WPML and all other translators which supports Elementor. Blazing Fast It will give extra push in getting values due to powerful & smart implementation using AJAX. Dynamic Filters Connection with ACF and other dynamic values will help to build any advance filters with ease. Made for Elementor Design your whole filters part directly in elementor editor without any hassel from WordPress. More to Come We will not stop here, Many more features will be available very soon. Stay Tuned. --- # Advanced Ajax Live Search Bar for Elementor Source: https://theplusaddons.com/elementor-builder/ajax-search-bar/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Search Event Planners ### for your next Event This will change your website building experience with amazing Wordpress AJAX based search bar to get all results in seconds. Your users will love this UX improvements. All Posts- All Posts- Posts (25)Search [![play-icon](https://theplusaddons.com/wp-content/uploads/2018/09/play_btn_03.png)](https://www.youtube.com/embed/yG_oyhz-oAY) ## Give your load to Us! ### Your job is to enjoy and rest will be upon us. All Posts- All Posts- Posts (25)Search ## Result Area All Posts- All Posts- Posts- productSearch ![](https://theplusaddons.com/wp-content/uploads/2021/10/footer-logo-slack.png) - Home - About - Services Submenu 1 - Submenu 2 SuperSub menu 1 - SuperSub menu 2 - Portfolio - Features - - - Home - About - Services Submenu 1 - Submenu 2 SuperSub menu 1 - SuperSub menu 2 - Portfolio - Features Sign In ## Find Nearby Hotel Attractions Restaurants ## One place to find all places you will ever need. All Posts- All Posts- Posts (25)- Pages (20)- product (0)All Category- All Category- Beach (1)- Clouds (1)- Heart (10)- Jumbo (1)- Light (1)- Magazine-post (5)- Music (1)- popup (0)- Savour (8)- showcase-template (0)- TPAE (2)- Travel (1)- Uncategorized (0)- Vogue (10)- World (1)Search ## Or featured categories: NYC Sizzlers, Wonderland, etc. ![](https://theplusaddons.com/wp-content/uploads/2019/11/person2.png) ## Best Search Bar, ### How can we help? Have a look at some related Elementor widgets or check our all widgets Search ## Answers of all your Questions ### Result Area Style 1 with scroll bar Search ## Ajax Search Disable & Suggestion Search SearchSelect PostAll Post- All Post- Posts- product- tp_feature_listoutSearch ## Get help with the Advanced Support ### The most amazing search engine WhatWhereAll Posts- All Posts- Posts (25)- product (0)- tp_feature_listout (0)Search ## 15+ AJAX Filter Types ### It will cover all your needs and It's based on power of AJAX for performance. ![](https://theplusaddons.com/wp-content/uploads/2021/10/alphabet-filter-plus-wp-filters.jpg) Alphabet Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Search-bar-input-filter-plus-wp-filters.jpg) Search Input Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Checkbox-filter-plus-wp-filters.jpg) Checkbox Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Date-picker-filter-plus-wp-filters.jpg) Date Picker Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Dropdown-filter-plus-wp-filters.jpg) Drop Down Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Radio-filter-plus-wp-filters.jpg) Radio Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Range-filter-plus-wp-filters.jpg) Range Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Tabs-filter-plus-wp-filters.jpg) Tabbing Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Size-filter-plus-wp-filters.jpg) Woo Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Color-filter-plus-wp-filters.jpg) Woo Color Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Images-filter-plus-wp-filters.jpg) Woo Image Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Star-Rating-filter-plus-wp-filters.jpg) Woo Rating Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Search Tag Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Filter Reset Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Result-filter-plus-wp-filters.jpg) Total Search Check Filter ## Check What more you can Craft ### It have amble possibilities with our most powerful WordPress & WooCommerce Filters. ![Regular search filter for woocommerce and wordpress](https://theplusaddons.com/wp-content/uploads/2021/10/Regular-search-filter-for-woocommerce-and-wordpress.png) [ ###### Vertical Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) Check main demo of WordPress and WooCommerce advanced filters with all advanced features in it. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) ![horizontal inline wordpress woocommerce search filters](https://theplusaddons.com/wp-content/uploads/2021/10/horizontal-inline-wordpress-woocommerce-search-filters.png) [ ###### Horizontal Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) Setup your woocommerce and wordpress filters in horizontal using plus search filters widget for elementor. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) ![modal popup filter for woocommerce and wordpress elementor](https://theplusaddons.com/wp-content/uploads/2021/10/modal-popup-filter-for-woocommerce-and-wordpress-elementor.png) [ ###### Filters with Popup ](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) You can use filters in our popup widget to give space in your regular page and hide rest in popup. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) ![inline typography filters wordpress woocommerce](https://theplusaddons.com/wp-content/uploads/2021/10/inline-typography-filters-wordpress-woocommerce.png) [ ###### Inline Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) You can setup inline filters with few tweaks and custom code to achieve extra ordinary results as shown in demo. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) ![searchbar filter](https://theplusaddons.com/wp-content/uploads/2021/10/searchbar-filter.png) [ ###### AJAX Search Bar ](https://theplusaddons.com/elementor-builder/ajax-search-bar/) You can search values and get results instantly using AJAX in same page in dropdown using this widget. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-search-bar/) ## Best Filters for WooCommerce and any WordPress Custom Post Types ### We have covered all filters types, all required features to build most advanced websites with filters and many more for your next complex project. hassle Free Setup and Easy to use are key points. Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/best-wordpress-filtes-for-woocommerce-in-elementor-1.png) ![](https://theplusaddons.com/wp-content/uploads/2021/10/woo-filter-with-any-post-type-elementor-1.png) ## Works with Any CPTs and WooCommerce ### You can use any custom post type with our dynamic listing widget and on top of that you can use it with our product listing widget. - WooCommerce Products Support - Plus Dynamic Listing Widget Support - Plus Product Listing Widget Support - Works with any Custom Post Type - ACF Values Support Check Demo ## WooCommerce Specific Special Filters ### We give extra to WooCommerce always as it's highly requested by users. These filters will super charge your WooCommerce Stores. - Deep WooCommerce Integration - Dropdown for On Sale, In Stock and more - Woo Colors Swatches Connection - Woo Buttons Swatches Connection - Woo Rating Filter - Woo Pricing Filter Check Demo ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-for-elementor-wordpress-1.png) ## Last WordPress filter widgets you will ever need ### This widgets covers all things which is required to make most advanced and powerful filter system for your WordPress Project. - Semantic URL with Filter Values in URL - Indexer Enable/Disable - Lazy Load/Load More/ Pagination - Unlimited Customisation Options Check Demo ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-in-wordpress-filters-1.png) ## Special Features ### List doesn't end here as we have many more things for you ACF Integration Use it with any ACF values and make your filters more detailed and deeply integrated. Any WordPress Theme You can use it with any WordPress Theme along with our Listing widgets. Woo Variation/Swatches Deeply integrated with WooCommerce and Swatches of The Plus Addons. Powerful Filters It's having top filters with in depth connection with all custom post types and WooCommerce. Easy to Use One single widget for all above features and which make it super smooth to use and manage. Stack Repeaters Our filter options are based on repeater and so you can use any type of filter multiple times. Indexer Options Use total values of each taxonomy or tags in the filter to give idea of number to users for UX. Works with WPML We support compatibility with WPML and all other translators which supports Elementor. Blazing Fast It will give extra push in getting values due to powerful & smart implementation using AJAX. Dynamic Filters Connection with ACF and other dynamic values will help to build any advance filters with ease. Made for Elementor Design your whole filters part directly in elementor editor without any hassle from WordPress. More to Come We will not stop here, Many more features will be available very soon. Stay Tuned. ## Watch a Quick Video Tutorials [Subscribe](https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1) ## to POSIMYTH Channel for new videos --- # Header Extras for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/header-extras/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Our Curated Collection of Elementor Header Extras Elements. Make your header shine with The Plus Addons for Elementor's Header Extras widget collection. From buttons to music players, language switchers, and more, we've got everything you need View Demos ![](https://theplusaddons.com/wp-content/uploads/2024/06/Header-Extra-1024x424.png) ## Live Demos of Elementor Header Extras [![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Header-with-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/header-extras-demos-1/) ### Elementor Header with Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Header-with-Music-Player-Language-Switcher-Toggle-Icon-Search.png)](https://etemplates.wdesignkit.com/theplusaddons/header-extras-demos-2/) ### Elementor Header with Music Player, Language Switcher, Toggle Icon & Search [![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Header-with-Woo-Mini-Cart.png)](https://etemplates.wdesignkit.com/theplusaddons/header-extras-demos-3/) ### Elementor Header with Woo Mini Cart [![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Header-with-Social-Icons-CTA-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/header-extras-demos-4/) ### Elementor Header with Social Icons & CTA Button [![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Header-with-Search-Mini-Cart.png)](https://etemplates.wdesignkit.com/theplusaddons/header-extras-demos-5/) ### Elementor Header with Search & Mini Cart [![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-header-with-Toggle-Icon.png)](https://etemplates.wdesignkit.com/theplusaddons/header-extras-demos-6/) ### Elementor header with Toggle Icon ## Key Features of Elementor Header Extras ![](https://theplusaddons.com/wp-content/uploads/2025/05/Header-Meta-Contents.png) ### Header Meta Contents ![](https://theplusaddons.com/wp-content/uploads/2025/05/Search-Options.png) ### Search Options ![](https://theplusaddons.com/wp-content/uploads/2025/05/Woo-Mini-Cart-Options.png) ### Woo Mini Cart Options ![](https://theplusaddons.com/wp-content/uploads/2025/05/Woo-Mini-Cart-Options-1.png) ### Toggle Icon Options ![](https://theplusaddons.com/wp-content/uploads/2025/05/Language-Switcher.png) ### Language Switcher ![](https://theplusaddons.com/wp-content/uploads/2025/05/Music-Player-Options.png) ### Music Player Options ![](https://theplusaddons.com/wp-content/uploads/2025/05/CTA-Button-1-Options.png) ### CTA Button 1 Options ![](https://theplusaddons.com/wp-content/uploads/2025/05/CTA-Button-2-Options.png) ### CTA Button 2 Options ![](https://theplusaddons.com/wp-content/uploads/2025/05/Alignment-Padding.png) ### Alignment & Padding ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-Everything-Header-Extras.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Change Menu Logo on Scroll for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/change-menu-logo-on-scroll/ - HomeHome-1Home-2- ResourcesBlog - - - HomeHome-1Home-2- ResourcesBlog [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272635421.svg)![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272635422.svg)](https://theplusaddons.com) - ProductsProduct-1Product-2- ShopPricing - - - ProductsProduct-1Product-2- ShopPricing ##### Fulfill Your # Wellness Requirements ##### with the PixeSaaS App. ##### Download our app ![](https://theplusaddons.com/wp-content/uploads/2025/06/01-Free-iPhone-15-Pro-Mockup-6-56-1.png) ## Startfree trial ![](https://theplusaddons.com/wp-content/uploads/2025/06/964ef11318d70e3112f61d0d8383b773.png) Get trained by the most skilled team. 3 minute Play-circle ##### About Us ## Our mission & philosophy. ![](https://theplusaddons.com/wp-content/uploads/2025/06/e541e07dbb9c2b24fe7f39733962deb6.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/e541e07dbb9c2b24fe7f39733962deb6.png) ### We believe that everyone should have access to resources and guidance to lead a healthier lifestyle, regardless of their location or circumstances. Monthly Users 0 M+ Average Rating 0 /5 Countries 0 + Languages 0 + ## Highlight Features ![](https://theplusaddons.com/wp-content/uploads/2025/06/92698720b61c6f547f4e77891f82fd02.png) ### Progress Tracking ![](https://theplusaddons.com/wp-content/uploads/2025/06/0d1b3a3f4bf4edc00127b2deb4ea25d5.png) ### Workout Plans ![](https://theplusaddons.com/wp-content/uploads/2025/06/25a563ec2e3c2ddb0975ba7f947d0e9a.png) ### Virtual Coaching ![](https://theplusaddons.com/wp-content/uploads/2025/06/e83d5bf9290c16d2ac095123edd77768.png) ### Nutrition Guide ## Frequently Asked Questions. ### How experienced is your team? Clients often want to know if the marketing agency has experience working in their particular industry or niche. ### How do I file a claim? A bounce in email communication refers to the failure of delivering an email message to the intended recipient. ### What discounts are available? We offer a variety of discounts, including multi-policy discounts, safe driving discounts, and more. Contact us for details. ![](https://theplusaddons.com/wp-content/uploads/2025/06/79ea1a2b3b073788aec1e4582adbd336.png) ## Let’s collect your card now. Apply Now #### Company About Pricing Blog Careers #### Resources Support Privacy Policy Terms & Conditions Video Guide #### Contact Us [hello@pixesaas.com](mailto:support@gmail.com) ##### Copyright @ 2024 PixeSaaS, All rights reserved. ##### Customer Service ##### Terms & Conditions ##### Privacy Policy --- # Shrinking Header Effect for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/shrinking-header-effect/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/Group-2.svg)](https://theplusaddons.com) - HomeAbout Us- Gallery- Causes- Stories- Events- Contact - - - HomeAbout Us- Gallery- Causes- Stories- Events- Contact # Let’s make the world a better place by creating a brighter future ## Our upcoming Programs Promote your business, support humanity with our products Get help Mark your calendar: Exciting programs on 15 September at Auditorium Hall! Get help Celebrating our latest achievement: $15M in funds & 50K happy members Get help ## About Us ### Embracing Humanity: A Tale of Warmth and True Support With a caring heart and open arms, we strive to create a nurturing environment where individuals can find solace, understanding, and the strength to overcome life's challenges. Through genuine connections and unwavering dedication, we aim to make a positive impact, uplifting the spirits of those in need and fostering a sense of belonging within our community. About us ## Featured Campaign ## Embracing Humanity: A Tale of Warmth and True Support With a caring heart and open arms, we strive to create a nurturing environment where individuals can find solace, understanding, and the strength to overcome life's challenges. 400k Raised funds campaign ##### 50% 1M Target goals ##### 30% 50 Organization donation done ##### 40% 235 Remaining days left ##### 70% ## See words from our wellbeing Being part of the XYZ NGO community has been a life-changing experience for me. Their dedication to making a positive impact on the world is truly inspiring. Through their website, I found various volunteering opportunities. ![](https://theplusaddons.com/wp-content/uploads/2025/06/wellneing-1-1.jpg) Joseph from Denmark I stumbled upon the NGO website while searching for a reputable organization to support. I must say that I'm thoroughly impressed by their transparency and efficiency. The website provides comprehensive information. ![](https://theplusaddons.com/wp-content/uploads/2025/06/wellneing-2-1.jpg) Jade from USA Finding a purposeful way to give back to society was always on my mind, and thanks to the NGO website, I found my calling. Their website is a treasure trove of opportunities, offering volunteering programs catering to various causes. ![](https://theplusaddons.com/wp-content/uploads/2025/06/wellneing-3-1.jpg) Xin Paul from Singapore ## Join our community group ### For your interest you can join & help the poor ones. JOIN NOW [ ![](https://theplusaddons.com/wp-content/uploads/2025/06/Logo-1.svg) ](https://etemplates.wdesignkit.com/hopeharbour/) Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo.Cras mattis consectetur purus sit amet fermentum. - - - - #### About Us - Blog - Contact Us - Who We are - Latest Causes - Upcoming programs #### Our Partners - Donate - Join Us - Educate Children - Sustainable Development #### Explore - Educate a child - Join our community - Food crisis programs - World programs - Make Donation ©Copyright 2024 NGO Theme. ALL RIGHTS RESERVED. --- # Header On Scroll Color Change for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/on-scroll-color-change/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/logo.svg)![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/sticky-heade-logo.png)](https://theplusaddons.com) - HOME Products - Resources - Pricing - - - HOME Products - Resources - Pricing [705-482-4123](tel:+705-482-4123) Quick way to find your choice amazing property From as low as $10 per day with limited time offer discounts. **Error:** Contact form not found. Properties by locations You may select the best area as per your choices SEE ALL LOCATIONS ![](https://theplusaddons.com/wp-content/uploads/2025/06/b710ee90aa47f0df14b3ba9d3a92a247.png) At EstateVibe, we're more than a real estate platform 0 + Projects The quick brown fox jumps over the lazy dog The quick brown fox 0 K Satisfied Clients The quick brown fox jumps over the lazy dog. The quick brown fox 0 % Interior Designer The quick brown fox jumps over the lazy dog The quick brown fox Bespoke Furniture Selection Elevate your living experience with custom-designed furniture pieces that blend seamlessly with your style and the architectural nuances of your home EXPLORE MORE Our Partners Elevate your living experience with custom-designed furniture pieces that blend seamlessly with your style and the architectural nuances of your home ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-one-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-two-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-three-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-four-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-five-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-six-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/List-seven-1.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/88564f3df56cf2a3cd23b3926957a71c.png) Search properties We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire. FIND PROPERTIES Our qualified agents Elevate your living experience with custom-designed furniture pieces that blend seamlessly with your style and the architectural nuances of your home ![](https://theplusaddons.com/wp-content/uploads/2025/06/toddy.png) - ### John Doe Director ![](https://theplusaddons.com/wp-content/uploads/2025/06/Melissa-Key.png) ### John Doe Director ![](https://theplusaddons.com/wp-content/uploads/2025/06/jade.png) ### John Doe Director ![](https://theplusaddons.com/wp-content/uploads/2025/06/449e18558fc19bc86f71ddf73bcb4d7d.png) ### John Doe Director VIEW ALL AGENTS ### Follow us on Instagram @estatevibes ![](https://theplusaddons.com/wp-content/uploads/2025/06/carone.png) ### VIEW ![](https://theplusaddons.com/wp-content/uploads/2025/06/cartwo.png) ### VIEW ![](https://theplusaddons.com/wp-content/uploads/2025/06/carthree.png) ### VIEW ![](https://theplusaddons.com/wp-content/uploads/2025/06/carfour.png) ### VIEW ![](https://theplusaddons.com/wp-content/uploads/2025/06/carfive.png) ### VIEW [ ![](https://etemplates.wdesignkit.com/theplusaddons/wp-content/uploads/sites/55/2025/04/731663f41a79460af31825a1a13c2e26.png) ](https://theplusaddons.com/) EstateVibe expertise and dedication helped me find the perfect home that exceeded my expectations. - - Compose an email with us Utility Pages - 404 Not Found - Coming Soon - Maintenance Page - Cookies - Privacy Policy Company - Blog - Blog Post - Contact - Agents - About Us Location - New York - Milan - Paris - Los Angeles - Sydney - Singapore Find - See Ads - Property for Sale - Property for Rent - Apartment for Sale - Apartment for Rent Our City ![Activate Advertisement Banner](https://theplusaddons.com/wp-content/uploads/2024/04/Activate-Advertisement-Banner-700x700.png) ### PARIS ### SINGAPORE ### MILAN ### SYDNEY © EstateVibe — Powered by **POSIMYTH** — Created by **WDesignKit** --- # Sticky Glassmorphism for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/sticky-glassmorhpism/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Logo.svg)](https://etemplates.wdesignkit.com/think-ai/) - HomeAbout- PagesServiceComing Soon- BlogShop- Contacts - - - HomeAbout- PagesServiceComing Soon- BlogShop- Contacts Let’s talk # Make Your Experience With AI Generator We’re on a mission to better everyday life through robotics Start Free Trail Watch Video ![](https://theplusaddons.com/wp-content/uploads/2025/05/gallery-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/gallery-2.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/05/gallery-3.png) AI IMAGE GENERATOR ![](https://etemplates.wdesignkit.com/think-ai/wp-content/uploads/sites/87/2024/07/discount-1.png) AI-POWERED IMAGE GENERATOR ![](https://etemplates.wdesignkit.com/think-ai/wp-content/uploads/sites/87/2024/07/discount-1.png) ENHANCED IMAGE GENERATION ![](https://theplusaddons.com/wp-content/uploads/2025/05/free-photo.png) #### PixelPerfect ## Free photo editor for PC & mobile A free photo editor for PC and mobile devices is a game-changer in the world of digital image editing. Offering a wide range of powerful tools and features, it empowers users to enhance and transform their photos effortlessly. Learn more - No Lights 🔦 - No Camera 📸 - Only Action 🎬 ## Pixels from the Future AI Portfolio ## AI Image Generator FAQs. # How Creating Image? Creating an image can refer to different things depending on context. Standard Image Size? Standard image sizes can vary depending on the context and platform where the images will be used. Create in Batches? Creating images in batches typically refers to generating multiple images simultaneously or sequentially using a software tool, script, or AI model. [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Logo.svg)](https://etemplates.wdesignkit.com/think-ai/) Transforming industries with data-driven automation and optimized efficiency. - Products - Solutions - Customer - Pricing - Resources ![](https://theplusaddons.com/wp-content/uploads/2025/05/5139f13d56d322cb2d89048e59d733cf-1.png) - @2024 ThinkAI. All right reserved - Terms And Conditions - Privacy Policy --- # Transparent Sticky Header for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/transparent-sticky-header/ ![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Group-1272626582.svg)![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/5561.svg) - HomeHome-1Home-2- PagesAbout UsBlogs- ServicesServices-1Services-2- PricingContact us - - - HomeHome-1Home-2- PagesAbout UsBlogs- ServicesServices-1Services-2- PricingContact us Get a quote # Choose Birecly as your Digital marketing agency. Professional creative design agency only in Indonesia.. We are digitalist, creative design agency located in Bekasi, Indonesia. let's create best product experience with our team. ![](https://theplusaddons.com/wp-content/uploads/2025/05/businesswoman-explaining-management-strategy-showi-2021-12-16-00-18-13-utc-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/hotjar.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/Medium.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/Gumroad.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/Opendoor.png) ## Best Services. ### We all have unique loves. Thus, discover the world through our visual perspectives and uncover what captivates you. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Digital-product.svg) ###### Digital Product Design Product design is at the forefront of our core services. We excel at creating digital that convey value and fit the needs of our clients. Learn More![](https://theplusaddons.com/wp-content/uploads/2025/05/design-Company.svg) ###### Motion Design Company Product design is at the forefront of our core services. We excel at creating digital that convey value and fit the needs of our clients. Learn More![](https://theplusaddons.com/wp-content/uploads/2025/05/Branding.svg) ###### Branding Product design is at the forefront of our core services. We excel at creating digital that convey value and fit the needs of our clients. Learn More![](https://theplusaddons.com/wp-content/uploads/2025/05/outstaffing.svg) ###### Design Outstaffing Product design is at the forefront of our core services. We excel at creating digital that convey value and fit the needs of our clients. Learn More![](https://theplusaddons.com/wp-content/uploads/2025/05/product-refreshment.svg) ###### Product Refreshment Product design is at the forefront of our core services. We excel at creating digital that convey value and fit the needs of our clients. Learn More![](https://theplusaddons.com/wp-content/uploads/2025/05/product-development.svg) ###### Full Product Development Product design is at the forefront of our core services. We excel at creating digital that convey value and fit the needs of our clients. Learn More ## Acquired Awards. ### This is a complete solution, with marketing strategy, and recommendations for budgets, and creatives. ## BEST ANIMATION ## Berlin web summit - ## UX RESEARCH ## Best web site of the year - ## DEVELOPER 2024 ## People's Choice: Best Video Edit - ## INNOVATION ## Young talents U.K - ## My Project. ### Creative fuels design, design fuels creativity, be here for more, are you in love with a creative? ##### 0 #### Projects ##### 0 #### People ##### 0 #### Years ##### 0 #### Offices ## Sign up for Exclusive Newsletters Today! ### For centuries, to err is human and to forgive divine, but to achieve delight, one must forgo the pursuit of perfection. I fully agree to your terms and regulations. ## Clients Testimonials ### Most of our satisfied clients leave their feedback I find a reliable and trustworthy source for accurate information. The commitment to journalistic principles, unbiased reporting, and in-depth analysis sets them apart in today's media landscape. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tabs-4.png) Jessica Sherlock News analyst Using MedRelief's new pain reliever has been a game-changer. It effectively alleviates discomfort, and the non-drowsy formula is perfect for my active lifestyle. It's become a must-have in my medicine cabinet ![](https://theplusaddons.com/wp-content/uploads/2025/05/tabs-1.png) Marvin McKinney Medical writer Enrolling in SkillMaster's online courses was a fantastic decision. The content is comprehensive, the instructors are engaging, and the flexibility fits my busy schedule. I've gained valuable skills and advanced my career. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tabs-3.png) Floyd Miles Termite control Joining FitLife was a game-changer for me. The personalized workouts are effective, the trainers are motivating, and the sense of community keeps me coming back. I've achieved my fitness goals and feel healthier than ever!. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tabs-5.png) Tim M. Jones Cardiographer #### Website Map - Products - Resource - Support - Company #### Join Our Newsletter Go ##### Databest - powerful AI expert on processing marketing data [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Footer-BB-logo.svg)](https://theplusaddons.com/) ##### Level up your cases with tons of data #### Contacts - [ UA: + 1 607-391-6206 ](tel:+%201%20607-391-6206) - [ mail@byteboutique.com ](mailto:support@gmail.com) - www.byteboutique.com - Ukraine, Odessa - - - - - --- # Reverse Sticky Menu for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/reverse-sticky-menu/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Logo-1.svg)](https://theplusaddons.com) - HomeProductsProduct-1Product-1- ResourcesPricing - - - HomeProductsProduct-1Product-1- ResourcesPricing - Facebook- Instagram- Twitter Book Now # Streamlined HR Software We alleviate HR challenges, allowing you to concentrate on serving clients and expanding your business. Contact Us How we work ![](https://theplusaddons.com/wp-content/uploads/2025/05/home-3.png) ## We have high-quality set of features ### Compensation Consulting We provide broad menu employment services for a companies. ### Leadership Training Creating account to our website and now use it for your required time. ### Talent Acquisition Creating account to our website and now use it for your required time. # ##### Our Testimonials ## What They Are Talking About PixeSaaS Delve into the dynamic world of PixeSaaS as we uncover the intriguing conversations and discussions surrounding this cutting-edge software. Contact Us John A. Adkins ![504af49d7bcd9e08b5b2160449d789d9.png](https://theplusaddons.com/wp-content/uploads/2025/05/504af49d7bcd9e08b5b2160449d789d9.png) Been on GM Training for years. Love it. Now my wife and bestie are on it too. The custom daily workouts, never having to think about what regimen to do, asking your trainer to modify your workout to avoid injuries or when you're traveling ## Trusted by over 30,000 businesses and 1,500,000 users ![](https://theplusaddons.com/wp-content/uploads/2025/05/46daffcba3f2979c709bf6a682220218.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/f941953ecc5c58c704d57c0d74f81925.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/f2fe4858e886f06aa0990c47094c61eb.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/8d77c5b05d29e241729b8f8c9b68d3f2.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/Frame-2.png) ## Hey, Let's Get Started To Secure Your Live. Contact Know ## Let’s collect your card now. Apply Now #### Company [About](https://etemplates.wdesignkit.com/pixe-sass/about-us-1/) [Pricing](https://etemplates.wdesignkit.com/pixe-sass/pricing-1/) [Blog](https://etemplates.wdesignkit.com/pixe-sass/blog-1/) [Careers](https://etemplates.wdesignkit.com/pixe-sass/career-1/) #### Resources Support Privacy Policy Terms & Conditions Video Guide #### Contact Us [hello@pixesaas.com](mailto:support@gmail.com) ##### Copyright @ 2024 PixeSaaS, All rights reserved. ##### Customer Service ##### Terms & Conditions ##### Privacy Policy --- # Sticky Menu for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/sticky-menu/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/05/Edgekart.svg)](https://theplusaddons.com/elementor-builder/elementor-header-builder/elementor-header-effects/) - Home Home - 1 Home - 2 - Essential Pages About Us Service Coming Soon 404 Error - Blog Contact - - - Home Home - 1 Home - 2 - Essential Pages About Us Service Coming Soon 404 Error - Blog Contact Login Get Started # Ensure the Well-being of Your Financial Planning PixeSaaS offers an intelligent solution that simplifies transactions while providing an enhanced chance to accumulate points across numerous locations. Book your card Our Features ![](https://theplusaddons.com/wp-content/uploads/2025/05/2629512f829d29abcba5d362519c7ece.png) ## Custom-made reports to make great decisions We have considered our solutions to support every stage of your growth. We are the fastest and easiest way to launch SaaS. Get Started Now ![](https://theplusaddons.com/wp-content/uploads/2025/05/aadcb55aa004619fff891a653844cd9c.png) ## Our presence spans across the globe to fulfill your Requirements. ![](https://theplusaddons.com/wp-content/uploads/2025/05/794d5eb934165f362a35a03c23f1be7c.png) Outlet Services 0 + Customer Review 0 /5 Total Customer 0 k+ Interest Rates 0 % ## Join Us in Four Simple Steps Trust plays a paramount role in establishing and maintaining strong relationships with customers. ![](https://theplusaddons.com/wp-content/uploads/2025/05/one.png) ### Prepare Document Gather your essentials; we're turning your vision into reality! Learn More ![](https://theplusaddons.com/wp-content/uploads/2025/05/8d4fb1ac74eb0b1b9561517864ebead2.png) ![](https://theplusaddons.com/wp-content/uploads/2025/05/two.png) ### Make Account Embark on your journey by creating your personalized account. It's just a click away! Learn More ![](https://theplusaddons.com/wp-content/uploads/2025/05/three.png) ### Card Activation Activate the power of possibility! Secure your card for boundless experiences. Learn More ![](https://theplusaddons.com/wp-content/uploads/2025/05/Four.png) ### Enjoy! Congratulations! Your gateway to seamless enjoyment is unlocked. Dive in and savor the moments! Learn More ## Let’s collect your card now. Apply Now #### Company [About](https://etemplates.wdesignkit.com/pixe-sass/about-us-1/) [Pricing](https://etemplates.wdesignkit.com/pixe-sass/pricing-1/) [Blog](https://etemplates.wdesignkit.com/pixe-sass/blog-1/) [Careers](https://etemplates.wdesignkit.com/pixe-sass/career-1/) #### Resources Support Privacy Policy Terms & Conditions Video Guide #### Contact Us [hello@pixesaas.com](mailto:support@gmail.com) ##### Copyright @ 2024 PixeSaaS, All rights reserved. ##### Customer Service ##### Terms & Conditions ##### Privacy Policy --- # Sticky Header Effects for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/header-effects/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Sticky Elementor Header Effect Sticky Elementor Header Effects keeps your header fixed at the top of the page as users scroll down, ensuring it's always visible for easy access. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/sticky-menu/) ## Sticky Menu with on Scroll Color Change Effect With Sticky Menu with on scroll Color Change Effect As users scroll, the color of the menu items changes dynamically, adding visual interest and indicating their current position on the page. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/on-scroll-color-change/) ## Transparent Sticky Header Effect With Elementor Transparent Sticky Header Effect your header remains visible but becomes transparent as users scroll down, allowing content to show through, creating a sleek and modern appearance. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/transparent-sticky-header/) ## Sticky Glassmorphism / Blurry Header Effects The Elementor Sticky Glassmorphism or Blurry Header effect gives your header a glass-like or blurry appearance that remains fixed as users scroll, adding depth and style to your website design. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/sticky-glassmorhpism/) ## Hide Header on Scroll Down Effect In the Hide Header on Scroll Down Effect the header disappears as users scroll down and reappears when they scroll back up, maximizing screen space for content while still providing access to navigation options. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/reverse-sticky-menu/) ## Change Header Height on Scroll/ Shrinking Header Effect With Change Header Height on Scroll/ Shrinking Header Effect the height of the header decreases as users scroll down, creating a more compact and streamlined appearance to optimize the viewing experience. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/shrinking-header-effect/) ## Change Header Menu Logo on Scroll With Change Header Menu Logo on Scroll the logo in the header dynamically changes as users scroll, allowing for creative branding or providing visual feedback as users navigate the page. [ View Demo ](https://theplusaddons.com/elementor-builder/header-builder/change-menu-logo-on-scroll/) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Horizontal Mega Menu Widget for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/foddies-fables.svg)](https://theplusaddons.com) - Popular ### Popular Blogs ![](https://theplusaddons.com/wp-content/uploads/2025/06/Mouthwatering-Mornings-10-Breakfast-Recipes-to-Kickstart-Your-Day-.png) ##### Nutrition [April 21, 2025](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) #### Mouthwatering Mornings: 10 Breakfast Recipes to Kickstart Your Day ![](https://theplusaddons.com/wp-content/uploads/2025/06/From-Farm-to-Table-Embracing-the-Beauty-of-Seasonal-Eating-.png) ##### Nutrition [April 21, 2025](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) #### From Farm to Table: Embracing the Beauty of Seasonal Eating ![](https://theplusaddons.com/wp-content/uploads/2025/06/Indulge-Your-Sweet-Tooth-Heavenly-Dessert-Recipes-for-Every-Occasion-.png) ##### Nutrition [April 21, 2025](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) #### Indulge Your Sweet Tooth: Heavenly Dessert Recipes for Every Occasion - Categories ### Categories Breakfast - Lunch - Dinner - Appetizers - Desserts - Snacks - Pizza - Healthy Recipes - Quick & Easy ### Latest Video ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2025/06/Farm-to-Fork-A-Culinary-Journey-Through-Fresh-Market-Ingredients.png) ##### ![play.png](https://theplusaddons.com/wp-content/uploads/2025/06/play.png) ##### Farm to Fork: A Culinary Journey Through Fresh Market Ingredients - Ingredients ### Ingredients Chicken - Seafood - Vegetables - Pasta - Rice - Chocolate - Cheese - Fruits ### Our Photos ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-3-.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-4.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-2png.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-1.png) - Seasonal Recipes Spring ![](https://theplusaddons.com/wp-content/uploads/2025/06/Spring.png) - Summer ![](https://theplusaddons.com/wp-content/uploads/2025/06/summer.png) - Autumn/Fall ![](https://theplusaddons.com/wp-content/uploads/2025/06/Autumn-fall.png) - Winter ![](https://theplusaddons.com/wp-content/uploads/2025/06/Winter.png) - - - Popular ### Popular Blogs ![](https://theplusaddons.com/wp-content/uploads/2025/06/Mouthwatering-Mornings-10-Breakfast-Recipes-to-Kickstart-Your-Day-.png) ##### Nutrition [April 21, 2025](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) #### Mouthwatering Mornings: 10 Breakfast Recipes to Kickstart Your Day ![](https://theplusaddons.com/wp-content/uploads/2025/06/From-Farm-to-Table-Embracing-the-Beauty-of-Seasonal-Eating-.png) ##### Nutrition [April 21, 2025](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) #### From Farm to Table: Embracing the Beauty of Seasonal Eating ![](https://theplusaddons.com/wp-content/uploads/2025/06/Indulge-Your-Sweet-Tooth-Heavenly-Dessert-Recipes-for-Every-Occasion-.png) ##### Nutrition [April 21, 2025](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) #### Indulge Your Sweet Tooth: Heavenly Dessert Recipes for Every Occasion - Categories ### Categories Breakfast - Lunch - Dinner - Appetizers - Desserts - Snacks - Pizza - Healthy Recipes - Quick & Easy ### Latest Video ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2025/06/Farm-to-Fork-A-Culinary-Journey-Through-Fresh-Market-Ingredients.png) ##### ![play.png](https://theplusaddons.com/wp-content/uploads/2025/06/play.png) ##### Farm to Fork: A Culinary Journey Through Fresh Market Ingredients - Ingredients ### Ingredients Chicken - Seafood - Vegetables - Pasta - Rice - Chocolate - Cheese - Fruits ### Our Photos ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-3-.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-4.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-2png.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/dish-1.png) - Seasonal Recipes Spring ![](https://theplusaddons.com/wp-content/uploads/2025/06/Spring.png) - Summer ![](https://theplusaddons.com/wp-content/uploads/2025/06/summer.png) - Autumn/Fall ![](https://theplusaddons.com/wp-content/uploads/2025/06/Autumn-fall.png) - Winter ![](https://theplusaddons.com/wp-content/uploads/2025/06/Winter.png) Let’s talk ![](https://etemplates.wdesignkit.com/theplusaddons/wp-content/uploads/sites/55/2023/12/Background-3-1.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Footer Builder for Elementor Source: https://theplusaddons.com/elementor-builder/footer-builder/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## The Ultimate Footer Builder for Elementor Turn your ordinary website footer into an engaging navigation hub and better SEO! Our Elementor Footer Builder is packed with rich content and interactive features. From hover color change to social icons, feeds, reviews, copyright text, review badges, email forms, and more. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Ultimate-Footer-Builder-Before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Ultimate-Footer-Builder-After.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/separator_icon.svg) Widgets Builder ## Our Elementor Footer Widgets Discover our crafted collections of Footer Widgets, designed to elevate your Elementor footers from ordinary to extraordinary. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Glossy-Mask-New-Group.svg) ### Site Logo Include your brand logo in your Elementor footer, which can dynamically change during hover interactions. [View More](https://theplusaddons.com/elementor-builder/header-builder/site-logo-for-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Stylisj-List-Cover-Footer-Builder.svg) ### Stylish List Add Interactive Footer Links which change opacity to highlight on hover. [View More](https://theplusaddons.com/elementor-widget/stylish-list/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Footer-Text-Footer-Builder-1.svg) ### Footer Text Add Footer copyright text on footer with our advanced typography widget. [View More](https://theplusaddons.com/elementor-widget/heading-titles/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Social-Icons-Footer-Builder.svg) ### Social Icons Display your brand's social icons in the footer for better connectivity & engage. [View More](https://theplusaddons.com/elementor-widget/social-icons/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Icon-List-Footer-Builder.svg) ### Icon List Show your address, phone number, and email details in your footer with our icon list. [View More](https://theplusaddons.com/elementor-widget/stylish-list/) ![](https://theplusaddons.com/wp-content/uploads/2024/07/Review-Badge-Footer-Builder.svg) ### Review Badge Feature your Google & Facebook Reviews badges prominently in your footer with our Review Badge Widget. [View More](https://theplusaddons.com/elementor-widget/social-reviews-badges/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Social-Feed-Footer-Builder.svg) ### Social Feed Keep your audience engaged with our Footer Social Media Feed feature, showcasing content from your Facebook Page, YouTube, Instagram, and more. [View More](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Mailchimp-Footer-Builder.svg) ### Mailchimp Newsletter Form Collect emails from the footer by adding the Mailchimp email newsletter form for lead generation. [View More](https://theplusaddons.com/elementor-widget/mailchimp-form/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/App-Download-Button-Footer-Builder.svg) ### App Download Button Got your any badges or app download link? Use our TP Button to add interactive buttons to your footer. [View More](https://theplusaddons.com/elementor-widget/advanced-buttons/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Marquee-Text-Footer-Builder.svg) ### Marquee Text Create engaging left to right Marquee animated text animations on your footer. [View More](https://theplusaddons.com/elementor-widget/advanced-typography/) ![](https://theplusaddons.com/wp-content/uploads/2020/10/Blog-Posts-Footer-Builder.svg) ### Blog Posts Engage your visitors by keeping them updated with the latest blog updates. [View More](https://theplusaddons.com/elementor-listing//blog-post/) ![](https://theplusaddons.com/wp-content/uploads/2020/10/Facebook-Google-Review-Footer-Builder.svg) ### Facebook & Google Review Display your Google & Facebook Reviews proudly in your footer, building trust and credibility with every visitor. [View More](https://theplusaddons.com/elementor-widget/facebook-reviews/) ## Live Demos of Elementor Footer Builder - Online Store Dark Mode Footer- Portfolio Site Advanced Footer- SaaS Website FooterOnline Store Dark Mode Footer ![](https://theplusaddons.com/wp-content/uploads/2024/06/Online-Store-Dark-Mode-Footer-New.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/online-store-dark-mode-footer-footer-builder/) Portfolio Site Advanced Footer ![](https://theplusaddons.com/wp-content/uploads/2024/06/Portfolio-Site-Advanced-Footer-New.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/portfolio-site-footer-builder/) SaaS Website Footer ![](https://theplusaddons.com/wp-content/uploads/2024/06/Saas-Website-Footer-New.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/saas-website-footer-builder/) ## Theme Builder included in our Nexter Extension To load the Elementor Mega Menu Global all pages, it is recommended to add in Header Template. All PRO users of The Plus Addons for Elementor get access to our Nexter Extension which has a Theme Builder. [ ![](https://theplusaddons.com/wp-content/uploads/2024/06/Advanced-Header-Builder-Card-Cover.png) ### Advanced Header Builder Get rid of the limited Header customizer. Use Elementor Widgets or Blocks to create custom menu. ](https://nexterwp.com/docs/create-header-template-in-wordpress/) [ ![](https://theplusaddons.com/wp-content/uploads/2024/06/Advanced-Footer-Builder-Card-Cover.png) ### Advanced Footer Builder Your custom Footer with no limit of layout. Create any footer layout you want with our Footer Builder. ](https://nexterwp.com/docs/create-footer-template-in-wordpress/) [ Learn More About Nexter Extension ](https://nexterwp.com/nexter-extension/) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Store Builder for Elementor Source: https://theplusaddons.com/elementor-builder/woocommerce-builder/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates Over View Widgets Search Query Product Condition Theme # The Ultimate WooCommerce Store Builder for Elementor - Product Listing Page with Ajax Filters- Product Search Page- Product Category Page- WooCommerce Product Single Page- WooCommerce Cart Page- WooCommerce Checkout Page- WooCommerce Thank You Page- WooCommerce My Account Dashboard- WooCommerce Order Track Page- WooCommerce Product Compare- WooCommerce Wishlist- WooCommerce Quick ViewProduct Listing Page with Ajax Filters ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Listing-Page-with-Ajax-Filters-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Listing-Page-with-Ajax-Filters-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/) Product Search Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Search-Page-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Search-Page-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/product-search-page/) Product Category Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Category-Page-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Category-Page-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/product-category-page/) WooCommerce Product Single Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Single-Page-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Product-Single-Page-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/product-single-page/) WooCommerce Cart Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Cart-Page-Before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Cart-Page-After.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/cart-page/) WooCommerce Checkout Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Checkout-Page-before-Images.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Checkout-Page-after-Images.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/checkout-page/) WooCommerce Thank You Page ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Thank-you-Page-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Thank-You-Page-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/thank-you-page/) WooCommerce My Account Dashboard ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-My-Account-Dashboard-before-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-My-Account-Dashboard-after-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/my-account-page/) WooCommerce Order Track Page ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Track-Your-Order-Before.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Track-Your-Order-After.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/order-tracking-page/) WooCommerce Product Compare ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Product-compare-before-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Product-compare-after-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/product-compare/) WooCommerce Wishlist ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Wishlist-before-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Wishlist-after-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/plus-builder/woocommerce-builder/wishlist-page/) WooCommerce Quick View ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Quick-View-before-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Quick-View-after-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) [ View Demos ](https://theplusaddons.com/elementor-builder/woocommerce-builder/quick-view/) # Achieve 100% Customization with our WooCommerce Widgets ![](https://theplusaddons.com/wp-content/uploads/2025/06/Product-Listing-Page.png) ### ![](https://theplusaddons.com/wp-content/uploads/2025/06/Product-Single-Page.png) ### ![](https://theplusaddons.com/wp-content/uploads/2025/06/Empty-Cart-Page.png) ### ![](https://theplusaddons.com/wp-content/uploads/2025/06/Checkout-Page.png) ### ![](https://theplusaddons.com/wp-content/uploads/2025/06/Order-Track-Page.png) ### # Elementor WooCommerce Widgets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ## Multiple WooCommerce Search Filters for Product Listing Page # Sidebar Filters Add filters to the sidebar of your WooCommerce store, allowing customers to refine their product searches based on criteria like price, category, or attributes. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Sidebar-Filter.png) # Live Ajax Search Bar Improve user experience with a dynamic live search bar that instantly displays results as users type, helping them find products quickly and easily. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Live-Ajax-Search-Bar.png) # Inline Filter Integrate filters directly into your product listings, enabling shoppers to refine their search without leaving the page, streamlining the browsing process. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Inline-Filter.png) # Modal Popup Filters Present filters in a popup window, offering a user-friendly way for customers to customize their search criteria without cluttering the main page layout. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Modal-Popup-Filters.png) # Horizontal Filter Display filters horizontally above or below your product grid, providing an intuitive browsing experience for customers to narrow down their options effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Horizontal-Filter.png) ## 15+ Ajax Search Filters for WooCommerce ![](https://theplusaddons.com/wp-content/uploads/2024/05/Alphabet.png) ### Alphabet ![](https://theplusaddons.com/wp-content/uploads/2024/05/Search-Input.png) ### Search Input ![](https://theplusaddons.com/wp-content/uploads/2024/05/CheckBox.png) ### CheckBox ![](https://theplusaddons.com/wp-content/uploads/2024/05/Date-Picker.png) ### Date Picker ![](https://theplusaddons.com/wp-content/uploads/2024/05/Drop-Down.png) ### Drop Down ![](https://theplusaddons.com/wp-content/uploads/2024/11/Radio-Button.png) ### Radio Button ![](https://theplusaddons.com/wp-content/uploads/2024/11/Range.png) ### Range ![](https://theplusaddons.com/wp-content/uploads/2024/11/Tabbing.png) ### Tabbing ![](https://theplusaddons.com/wp-content/uploads/2024/11/Woo-Button.png) ### Woo Button ![](https://theplusaddons.com/wp-content/uploads/2024/11/Woo-Color.png) ### Woo Color ![](https://theplusaddons.com/wp-content/uploads/2024/11/Woo-Image.png) ### Woo Image ![](https://theplusaddons.com/wp-content/uploads/2024/11/Woo-Rating.png) ### Woo Rating ![](https://theplusaddons.com/wp-content/uploads/2024/11/Search-Tag.png) ### Search Tag ![](https://theplusaddons.com/wp-content/uploads/2024/11/Filter-Reset.png) ### Filter Reset ![](https://theplusaddons.com/wp-content/uploads/2024/11/Total-Search.png) ### Total Search [ Learn More ](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/) ## WooCommerce Listing List your products in any layout you prefer; our WooCommerce Listing offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [Grid](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/grid/) [Carousel](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/carousel/) [Metro](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/metro/) - [Masonry](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your WooCommerce Products based on category with just one click using our Product Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## WooCommerce Product Loop Customizer Add a unique touch to your product listing with our advanced product extra elements. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-on-hover-change.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-display-rating.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-price-range.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-cart-button.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-diplay-yith.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-quick-views.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-image-size.png) ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Query your Product with Multiple Settings Show the right WooCommerce Products listing by filtering categories, excluding unwanted content, and seamlessly sorting by date in ascending or descending order etc. for right organisation and user experience. ### Product Source Descending - Author - None - Title - Post ID - Name (slug) ### Order By - Descending - Author - Date - Comment Count - None - Title - Modified Date - Default Menu Order - Post ID - Name (slug) - Random - Custom Function ## Custom Woo Product Loop Skins Give your website the personal brand touch it deserves with our Custom Loop Skin Builder for WooCommerce Products. Place any Elementor widget on the product along with product image & name to customize it, ensuring your content reflects your unique style. [ Learn More ](https://theplusaddons.com/elementor-listing//blog-post-loop-skin/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/custome-wooproduct-image.png) ## WooCommerce Display Condition Dynamically show or hide content on your store based on user profiles to increase your sales and provide highly customizable store experiences. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-display-offer.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-cart-value-price.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-product-cart-page.png) ### Set WooCommerce Display Conditions Based on - In Cart Product Category - Items in Cart - Date - Order(s) Placed - Current Product Stock - First Purchase Date - Last Order Billing State - Last Order Shipping City - Last Order Shipping Postcode - Cart Subtotal - Purchase Date - Current Product Category - Cart Product - Last Purchase Date - Last Order Billing Country - Last Order Shipping State - Cart Total - In Purchase Product category - Current Product Price - Purchase Order Total - Last Order Billing City - Last Order Billing Postcode - Last Order Shipping Country ## Customize All Woo Product Pages with 
Widgets using our Theme Builder Don't be dependent on limited Theme settings, customize every pixel with The Plus Addons for Elementor Widgets & Our Theme Builder powered by Nexter Extension. [ Learn More About Nexter Extension ](https://nexterwp.com/nexter-extension/) [ Woo Product Single Page ](https://theplusaddons.com/plus-builder/woocommerce-builder/product-single-page/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/product-single-page-image.png) [ Woo Product Listing ](https://theplusaddons.com/plus-builder/woocommerce-builder/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/cart-list-image.png) [ Woo Cart Page ](https://theplusaddons.com/plus-builder/woocommerce-builder/cart-page/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/woo-cart-image.png) [ Woo Thank You Page ](https://theplusaddons.com/plus-builder/woocommerce-builder/thank-you-page/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/thank-you-page-image.png) [ Woo Checkout ](https://theplusaddons.com/plus-builder/woocommerce-builder/checkout-page/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/checkout-image.png) [ Woo Account Page ](https://theplusaddons.com/plus-builder/woocommerce-builder/my-account-page/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/account-page-image.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Vertical Mega Menu Widget for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/vertical-mega-menu/ - HomeShop- Blog - - - HomeShop- Blog - Save now 10% on your first order.   **Shop now** - EnglishHindiGerman- $ US DollarsRupees - - - EnglishHindiGerman- $ US DollarsRupees [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/logo-1.svg)](https://theplusaddons.com) Call Us: +777 2345 7885 From 8:00 to 21:00 (Mon-Sun) Free by United States - - - Categories- ![](https://theplusaddons.com/wp-content/uploads/2025/06/Clothing.svg)Clothing ### Men's Clothing ![](https://theplusaddons.com/wp-content/uploads/2025/06/cloth-1-.png) Shirts - T-Shirts - Pants - Jackets - Shorts - Suits - - - - - - ### Women's Clothing ![](https://theplusaddons.com/wp-content/uploads/2025/06/cloth-2-.png) - Dresses - Tops - Skirts - Pants - Jackets - Activewear - - - - - - - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Accessories.svg)Accessories ### Accessories ![](https://etemplates.wdesignkit.com/theplusaddons/wp-content/uploads/sites/55/2023/12/Accessories.png) Hats - Bags - Belts - Sunglasses - Jewelry - Scarves - - - - - - ### Featured Products ![](https://theplusaddons.com/wp-content/uploads/2024/01/Breakdance-interface.png) Rose Blush $49.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/Dusty-Rose.png) Dusty Rose $39.99 ![](https://theplusaddons.com/wp-content/uploads/2024/01/Elementor-Ease-of-use.png) - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Footwear.svg)Footwear ### Men's Footwear ![](https://theplusaddons.com/wp-content/uploads/2025/06/Men-footwear.png) Casual - Formal - Sneakers - Boots - - - - ### Women's Footwear ![](https://theplusaddons.com/wp-content/uploads/2025/06/women-footwear.png) - Sandals - Heels - Sneakers - Flats - - - - ### Best Selling ![](https://theplusaddons.com/wp-content/uploads/2025/06/best-selling-footwear.png) Beach Sandals $49.99 [![](https://theplusaddons.com/wp-content/uploads/2025/06/video.png) ![video-play-btn.svg](https://theplusaddons.com/wp-content/uploads/2025/06/video-play-btn.svg)](https://www.youtube.com/embed/Ax09Mrn200s) - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Special-offers.svg)Special Offers ### Best Selling ![](https://theplusaddons.com/wp-content/uploads/2025/06/White-Oxford-shirt.png) White Oxford Shirt $39.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/black-evening-dress.png) Black Evening Dress $79.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/denim-skinny-jeans.png) Denim Skinny Jeans $49.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/cardigan-sweater.png) Cardigan Sweater $34.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/striped-tee.png) Striped Tee $19.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/athletic-leggings.png) Athletic Leggings $29.99 - - - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Clothing.svg)Clothing ### Men's Clothing ![](https://theplusaddons.com/wp-content/uploads/2025/06/cloth-1-.png) Shirts - T-Shirts - Pants - Jackets - Shorts - Suits - - - - - - ### Women's Clothing ![](https://theplusaddons.com/wp-content/uploads/2025/06/cloth-2-.png) - Dresses - Tops - Skirts - Pants - Jackets - Activewear - - - - - - - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Accessories.svg)Accessories ### Accessories ![](https://etemplates.wdesignkit.com/theplusaddons/wp-content/uploads/sites/55/2023/12/Accessories.png) Hats - Bags - Belts - Sunglasses - Jewelry - Scarves - - - - - - ### Featured Products ![](https://theplusaddons.com/wp-content/uploads/2024/01/Breakdance-interface.png) Rose Blush $49.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/Dusty-Rose.png) Dusty Rose $39.99 ![](https://theplusaddons.com/wp-content/uploads/2024/01/Elementor-Ease-of-use.png) - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Footwear.svg)Footwear ### Men's Footwear ![](https://theplusaddons.com/wp-content/uploads/2025/06/Men-footwear.png) Casual - Formal - Sneakers - Boots - - - - ### Women's Footwear ![](https://theplusaddons.com/wp-content/uploads/2025/06/women-footwear.png) - Sandals - Heels - Sneakers - Flats - - - - ### Best Selling ![](https://theplusaddons.com/wp-content/uploads/2025/06/best-selling-footwear.png) Beach Sandals $49.99 [![](https://theplusaddons.com/wp-content/uploads/2025/06/video.png) ![video-play-btn.svg](https://theplusaddons.com/wp-content/uploads/2025/06/video-play-btn.svg)](https://www.youtube.com/embed/Ax09Mrn200s) - ![](https://theplusaddons.com/wp-content/uploads/2025/06/Special-offers.svg)Special Offers ### Best Selling ![](https://theplusaddons.com/wp-content/uploads/2025/06/White-Oxford-shirt.png) White Oxford Shirt $39.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/black-evening-dress.png) Black Evening Dress $79.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/denim-skinny-jeans.png) Denim Skinny Jeans $49.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/cardigan-sweater.png) Cardigan Sweater $34.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/striped-tee.png) Striped Tee $19.99 ![](https://theplusaddons.com/wp-content/uploads/2025/06/athletic-leggings.png) Athletic Leggings $29.99 ![](https://etemplates.wdesignkit.com/theplusaddons/wp-content/uploads/sites/55/2023/12/background-image-1.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Vertical Toggle Mega Menu Widget for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/vertical-toggle-mega-menu/ [![The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2025/06/mega-menu-demo.svg)](https://theplusaddons.com) US | ENG | $ Log | Register BROWSE- Hotels ## Luxury Hotels ![](https://theplusaddons.com/wp-content/uploads/2025/06/Royal-Palace-Hotel-Spa-.png) Royal Palace Hotel & Spa Paris, France ![](https://theplusaddons.com/wp-content/uploads/2025/06/The-Ritz-Carlton-Residences.png) The Ritz-Carlton Residences - New York City, USA ![](https://theplusaddons.com/wp-content/uploads/2025/06/Emperors-Retreat-Luxury-Resort.png) Emperor's Retreat Luxury Resort - Paris, France ## Boutique Hotels ![](https://theplusaddons.com/wp-content/uploads/2025/06/Charming-Haven-Boutique-Hotel.png) Charming Haven Boutique Hotel - Barcelona, Spain ![](https://theplusaddons.com/wp-content/uploads/2025/06/Bohemian-Hideaway-Boutique-Inn.png) Bohemian Hideaway Boutique Inn - Prague, Czech Republic ![](https://theplusaddons.com/wp-content/uploads/2025/06/Emperors-Retreat-Luxury-Resort.png) Serenity Springs Boutique Lodge - Bali, Indonesia - Amenities & Features ### Amenities & Features ![](https://theplusaddons.com/wp-content/uploads/2025/06/pool.png) #### Pool Take a refreshing dip in our inviting pool and unwind amidst a serene aquatic setting. ![](https://theplusaddons.com/wp-content/uploads/2025/06/wifi2.png) #### Free Wi-Fi Enjoy seamless connectivity with our complimentary high-speed Wi-Fi throughout your stay. ![](https://theplusaddons.com/wp-content/uploads/2025/06/pet-friendl.png) #### Pet-Friendly Bring your beloved pets along for an enjoyable and pet-friendly stay at our establishment. ![](https://theplusaddons.com/wp-content/uploads/2025/06/SPas.png) #### Spa Rejuvenate and revitalize at our luxurious spa, where tranquility and wellness await you. - Special Occasions ### Special Occasions ![](https://theplusaddons.com/wp-content/uploads/2025/06/Honeymoon-Packages.png) Honeymoon Packages ![](https://theplusaddons.com/wp-content/uploads/2025/06/Birthday-Specials-1.png) Birthday Specials - Travel Tips ### Travel Tips ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2025/06/Discover-Your-Destination-Travel-Guides.png) ##### ![video-play-btn.svg](https://theplusaddons.com/wp-content/uploads/2025/06/video-play-btn.svg) #### Discover Your Destination : Travel Guides ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2025/06/Pack-Smart-Travel-Light-Packing-Tips.png) ##### ![video-play-btn.svg](https://theplusaddons.com/wp-content/uploads/2025/06/video-play-btn.svg) #### Pack Smart, Travel Light: Packing Tips - Contact Us ### Contact Us #### New York 1234 Elm Street, Suite 200
 City Center, New York, NY 10001 - [ +1 (555) 123-4567 ](tel:%20+1%20(555)%20123-4567) #### San Francisco - 5678 Maple Avenue, Floor 5
 Financial District, San Francisco, CA 94105 - [ +1 (555) 987-6543 ](tel:%20+1%20(555)%20987-6543) ### Find Us on Map - - - Hotels ## Luxury Hotels ![](https://theplusaddons.com/wp-content/uploads/2025/06/Royal-Palace-Hotel-Spa-.png) Royal Palace Hotel & Spa Paris, France ![](https://theplusaddons.com/wp-content/uploads/2025/06/The-Ritz-Carlton-Residences.png) The Ritz-Carlton Residences - New York City, USA ![](https://theplusaddons.com/wp-content/uploads/2025/06/Emperors-Retreat-Luxury-Resort.png) Emperor's Retreat Luxury Resort - Paris, France ## Boutique Hotels ![](https://theplusaddons.com/wp-content/uploads/2025/06/Charming-Haven-Boutique-Hotel.png) Charming Haven Boutique Hotel - Barcelona, Spain ![](https://theplusaddons.com/wp-content/uploads/2025/06/Bohemian-Hideaway-Boutique-Inn.png) Bohemian Hideaway Boutique Inn - Prague, Czech Republic ![](https://theplusaddons.com/wp-content/uploads/2025/06/Emperors-Retreat-Luxury-Resort.png) Serenity Springs Boutique Lodge - Bali, Indonesia - Amenities & Features ### Amenities & Features ![](https://theplusaddons.com/wp-content/uploads/2025/06/pool.png) #### Pool Take a refreshing dip in our inviting pool and unwind amidst a serene aquatic setting. ![](https://theplusaddons.com/wp-content/uploads/2025/06/wifi2.png) #### Free Wi-Fi Enjoy seamless connectivity with our complimentary high-speed Wi-Fi throughout your stay. ![](https://theplusaddons.com/wp-content/uploads/2025/06/pet-friendl.png) #### Pet-Friendly Bring your beloved pets along for an enjoyable and pet-friendly stay at our establishment. ![](https://theplusaddons.com/wp-content/uploads/2025/06/SPas.png) #### Spa Rejuvenate and revitalize at our luxurious spa, where tranquility and wellness await you. - Special Occasions ### Special Occasions ![](https://theplusaddons.com/wp-content/uploads/2025/06/Honeymoon-Packages.png) Honeymoon Packages ![](https://theplusaddons.com/wp-content/uploads/2025/06/Birthday-Specials-1.png) Birthday Specials - Travel Tips ### Travel Tips ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2025/06/Discover-Your-Destination-Travel-Guides.png) ##### ![video-play-btn.svg](https://theplusaddons.com/wp-content/uploads/2025/06/video-play-btn.svg) #### Discover Your Destination : Travel Guides ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2025/06/Pack-Smart-Travel-Light-Packing-Tips.png) ##### ![video-play-btn.svg](https://theplusaddons.com/wp-content/uploads/2025/06/video-play-btn.svg) #### Pack Smart, Travel Light: Packing Tips - Contact Us ### Contact Us #### New York 1234 Elm Street, Suite 200
 City Center, New York, NY 10001 - [ +1 (555) 123-4567 ](tel:%20+1%20(555)%20123-4567) #### San Francisco - 5678 Maple Avenue, Floor 5
 Financial District, San Francisco, CA 94105 - [ +1 (555) 987-6543 ](tel:%20+1%20(555)%20987-6543) ### Find Us on Map - HomeHotels- Destinations- Deals & Offers- Contact Us - - - HomeHotels- Destinations- Deals & Offers- Contact Us ![](https://etemplates.wdesignkit.com/theplusaddons/wp-content/uploads/sites/55/2023/12/mega-menu-imge-2.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Elementor Navigation Menu Widget Source: https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ![](https://theplusaddons.com/wp-content/uploads/2024/06/Horizontal-Elementor-Navigation-Menu-1024x610.png) ## Horizontal Elementor Navigation Menu Create an Elementor Horizontal Navigation Dropdown Menu effortlessly, featuring multiple effects and dropdown designs. Personalize your menu with custom links tailored to your needs. [ Check Demo ](https://etemplates.wdesignkit.com/theplusaddons/horizontal-menu-demo/) ## Vertical Elementor Navigation Menu Create an Elementor Horizontal Navigation Dropdown Menu effortlessly, featuring multiple effects and dropdown designs. Personalize your menu with custom links tailored to your needs. [ Check Demo ](https://etemplates.wdesignkit.com/theplusaddons/vertical-menu-demo/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Vertical-Elementor-Navigation-Menu-1024x598.png) ## Live Demos of Elementor Navigation Menu - Demo - 1- Demo - 2Demo - 1 ![](https://theplusaddons.com/wp-content/uploads/2024/06/Navigation-Menu-demo-1-1024x850.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/horizontal-menu-demo/) Demo - 2 ![](https://theplusaddons.com/wp-content/uploads/2024/06/Navigation-Menu-demo-–-2-1024x850.png) [ View Demo ](https://etemplates.wdesignkit.com/theplusaddons/vertical-menu-demo/) ## Key Features of Navigation Menu Widget for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/05/Horizontal-Vertical-Mode.png) ### Horizontal & Vertical Mode ![](https://theplusaddons.com/wp-content/uploads/2025/05/Select-your-WordPress-Menu.png) ### Select your WordPress Menu ![](https://theplusaddons.com/wp-content/uploads/2025/05/Open-Dropdown-on-Hover-or-Click.png) ### Open Dropdown on Hover or Click ![](https://theplusaddons.com/wp-content/uploads/2025/05/Multiple-Menu-Effects.png) ### Multiple Menu Effects ![](https://theplusaddons.com/wp-content/uploads/2025/05/Menu-Alignment-Controls.png) ### Menu Alignment Controls ![](https://theplusaddons.com/wp-content/uploads/2025/05/Responsive-Mobile-Menu.png) ### Responsive Mobile Menu ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-Everything-Navigation-Menu.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2025/05/Add-Dropcap-for-Block-Quote-Text.png) ### Add Dropcap for Block Quote Text ## Watch How Elementor Navigation Menu Widget Works Subscribe for more Such Elementor Video Tutorials --- # Form Builder for Elementor Source: https://theplusaddons.com/elementor-builder/form-builder/ - Demos - Features - Videos - Docs - Templates - - - Demos - Features - Videos - Docs - Templates ## Build Contact Forms on Elementor with Ease Full Name Email Address * Question or SuggestionJoin the Community ## 3 Steps to Add Forms in Elementor - Install The Plus Addons for Elementor FREESearch for “The Plus Addons for Elementor” in the WordPress plugin directory. Install and activate it from your WordPress dashboard. - Enable The Form Widget & Drop the Widget on PageGo to the Widgets Settings, enable the Form widget from the Plus Addons Dashboard, and drag it onto your page from Elementor Editor, - Customize & Publish the Form LiveEdit the form fields, styles, and settings as needed. Once ready, click Publish to make the form live on your website. Install The Plus Addons for Elementor FREESearch for “The Plus Addons for Elementor” in the WordPress plugin directory. Install and activate it from your WordPress dashboard. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Install-The-Plus-Addons-for-Elementor-FREE-1024x836.png) Enable The Form Widget & Drop the Widget on PageGo to the Widgets Settings, enable the Form widget from the Plus Addons Dashboard, and drag it onto your page from Elementor Editor, ![](https://theplusaddons.com/wp-content/uploads/2024/11/Enable-The-Form-Widget-Drop-the-widget-Page-1024x836.png) Customize & Publish the Form LiveEdit the form fields, styles, and settings as needed. Once ready, click Publish to make the form live on your website. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Customize-Publish-the-Form-Live-1024x836.png) ## Key Features of Elementor Form Builder ### 12+ Form Fields Access wide range of fields like Text, Email, Number, Text Area, and more to build any form you need, from contact to registration and beyond. ![](https://theplusaddons.com/wp-content/uploads/2024/11/5-Form-Fields-1024x662.png) ### Customize Form Buttons Easily personalize your form buttons with custom text, colors, and styles, creating a smooth and branded user experience for your website visitors. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Customize-Form-Buttons.png) ### Spam Protection with Honeypot Protect your forms with advanced security measures and spam protection through reCAPTCHA and Elementor Honeypot, ensuring genuine submissions and data integrity. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Spam-Protection-with-Honeypot-1024x458.png) ### Send Email on Form Submission Automatically send customized email notifications upon form submission, keeping you informed and ensuring quick follow-up with leads or inquiries. ![Send Email on Form Submission](https://theplusaddons.com/wp-content/uploads/2024/11/Send-Email-on-Form-Submission.png) ### Customize the Form Completely A user-friendly visual editor for easy customization allows you to design forms without any coding knowledge. ![Customize the Form Completely](https://theplusaddons.com/wp-content/uploads/2024/11/Customize-the-Form-Completely.png) ### Redirect after Form Submission Guide users to a custom URL after form submission, improving the user experience and directing them to relevant content or a thank-you page. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Redirect-after-Form-Submission-1024x466.png) ### 5+ Ready to Import Elementor Form Demos Choose from a variety of professionally designed, ready-made templates, making form creation quick and hassle-free. ![](https://theplusaddons.com/wp-content/uploads/2024/11/5-Ready-to-Import-Form-Demos-1024x344.png) ## 12+ Form Field Options Text Email Address Phone Number Message Submit Button Dropdown Radio Button CheckBox Numeric Input Pick a Date Pick a Time Agree to Terms Website URL Hidden Fields Security Code ## Smooth Integration with Leading Tools Brevo ConvertKit GetResponse MailChimp MailerLite Drip Slack Discord ## Live Demos of Form Builder for Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/04/Donation-Page-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo1) ### Donation Page Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Sign-in-Page-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo2) ### Sign in Page Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Appointment-Booking-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo3) ### Appointment Booking Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Inquiry-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo4) ### Inquiry Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Contact-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo5) ### Contact Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Get-in-Touch-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo6) ### Get in Touch Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Course-Registration-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo7) ### Course Registration Form [![](https://theplusaddons.com/wp-content/uploads/2025/04/Contact-Us-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/form-builder-for-elementor-new-demos/#Demo8) ### Contact Us Form ## Watch How Best Elementor Form Builder Works Subscribe for more Such Elementor Video Tutorials --- # Grid Builder for Elementor Source: https://theplusaddons.com/elementor-builder/grid-builder/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates - Post Grid- Post Metro- Post Carousel- Post Masonry- Post MagazinePost Grid ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-img-1-update-grid-builder.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-3.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/Grid-Builder-grid-img-update-5.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-img-6-updated-grid-builder.png) ### Post Metro ### ### ### Post Carousel ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-3.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-3.png) ### Post Masonry ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-masonary-img-3.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-1.png) ### Post Magazine Latest News- [Magazine-post-1](https://theplusaddons.com/magazine-post-1/)- [Magazine Post – 2](https://theplusaddons.com/magazine-post-2/)- [Magazine Post – 3](https://theplusaddons.com/magazine-post-3/)- [Magazine Post – 4](https://theplusaddons.com/magazine-post-4/)- [Magazine Post – 5](https://theplusaddons.com/magazine-post-5/) [ ](https://theplusaddons.com/magazine-post-1/) ### Magazine-post-1 [](https://theplusaddons.com/magazine-post-1/) [ ](https://theplusaddons.com/magazine-post-2/) ### Magazine Post – 2 [](https://theplusaddons.com/magazine-post-2/) [ ](https://theplusaddons.com/magazine-post-3/) ### Magazine Post – 3 [](https://theplusaddons.com/magazine-post-3/) [ ](https://theplusaddons.com/magazine-post-4/) ### Magazine Post – 4 [](https://theplusaddons.com/magazine-post-4/) [ ](https://theplusaddons.com/magazine-post-5/) ### Magazine Post – 5 [](https://theplusaddons.com/magazine-post-5/) Loop Skin Builder Grid Builder Widgets ## Grid Manager ![Responsive Column Manager](https://theplusaddons.com/wp-content/uploads/2023/08/responsive-column-manager.png) ### Responsive Column Manager ![Multiple Custom Loop Style](https://theplusaddons.com/wp-content/uploads/2023/08/multiple-custom-loop-style.png) ### Multiple Custom Loop Style ![Category Wise Filter](https://theplusaddons.com/wp-content/uploads/2023/08/category-wise-filter.png) ### Category Wise Filter ![Taxonomy & Terms Query](https://theplusaddons.com/wp-content/uploads/2023/08/taxonomy-terms-query.png) ### Taxonomy & Terms Query ![](https://theplusaddons.com/wp-content/uploads/2020/10/ExcludeInclude-Posts.png) ### Exclude/Include Posts ![](https://theplusaddons.com/wp-content/uploads/2020/10/Offset-Posts.png) ### Offset Posts ![](https://theplusaddons.com/wp-content/uploads/2020/10/Order-By.png) ### Order By ![](https://theplusaddons.com/wp-content/uploads/2020/10/Maximum-Post-Display.png) ### Maximum Post Display ![Custom Loop Skin Demo](https://theplusaddons.com/wp-content/uploads/2023/08/custom-loop-skin-demo.png) ## Custom Loop Skin for Posts, CPT & WooCommerce Products - Multiple Loops - WooCommerce Product - Add Custom Meta Field - Supports ACF, Metabox & Pods - Custom Post Type Support - Dynamic Content Integration - Responsive Design - Conditional Display Rules [ Know More ](https://theplusaddons.com/elementor-listing//woocommerce-product/) ## Post Loading Method ![](https://theplusaddons.com/wp-content/uploads/2023/09/infinite-loading.png) ### Infinite Loading ![](https://theplusaddons.com/wp-content/uploads/2023/09/Load-More-button.png) ### Load More Bottom ![](https://theplusaddons.com/wp-content/uploads/2023/09/ajax-pagination.png) ### Ajax Pagination ## Popular Use case of GridBuilder - Personal BlogShowcase your thoughts, experiences, and ideas in a visually stunning and organized layout. Share your stories with the world, personalize your blog with various widgets, and easily manage your content- WooCommerce StoreDesign a captivating eCommerce store that captivates your customers and drives sales. Showcase your products beautifully, create attractive product grids, and customize your shop pages effortlessly with Elementor's user-friendly features.- PortfolioPresent your work and projects in an impressive and professional manner. Showcase your portfolio items in a stylish grid layout, customize the design to match your unique style, and make a lasting impression on potential clients and employers.- RecipeEasily showcase your delicious recipes with our Grid Builder - the perfect tool to create stunning recipe websites that will leave your visitors craving for more.- Hotel BookingMake a lasting impression on your potential guests by creating a visually appealing hotel booking website using our Grid Builder. Display room options, amenities, and stunning visuals to entice visitors to book their next stay with ease.- Car ListingRev up your car listing website with our Grid Builder. Present your inventory in an organized and visually appealing grid layout, making it easier for potential buyers to browse through your collection of cars and find their dream ride.Personal BlogShowcase your thoughts, experiences, and ideas in a visually stunning and organized layout. Share your stories with the world, personalize your blog with various widgets, and easily manage your content ![](https://theplusaddons.com/wp-content/uploads/2023/08/personal-blog.jpg) WooCommerce StoreDesign a captivating eCommerce store that captivates your customers and drives sales. Showcase your products beautifully, create attractive product grids, and customize your shop pages effortlessly with Elementor's user-friendly features. ![](https://theplusaddons.com/wp-content/uploads/2023/08/WooCommerce-Store-Tab-Img.jpg) PortfolioPresent your work and projects in an impressive and professional manner. Showcase your portfolio items in a stylish grid layout, customize the design to match your unique style, and make a lasting impression on potential clients and employers. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Portfolio-Tab-Img.jpg) RecipeEasily showcase your delicious recipes with our Grid Builder - the perfect tool to create stunning recipe websites that will leave your visitors craving for more. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Recipe-Tab-Img.jpg) Hotel BookingMake a lasting impression on your potential guests by creating a visually appealing hotel booking website using our Grid Builder. Display room options, amenities, and stunning visuals to entice visitors to book their next stay with ease. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Hotel-Booking-Tab-Img.jpg) Car ListingRev up your car listing website with our Grid Builder. Present your inventory in an organized and visually appealing grid layout, making it easier for potential buyers to browse through your collection of cars and find their dream ride. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Car-Listing-Tab-Img.jpg) ## Customize all Listing Pages with Our Free Nexter Theme Builder ![Single Page](https://theplusaddons.com/wp-content/uploads/2023/08/single-page.png) ### Single Page ![Archive Page](https://theplusaddons.com/wp-content/uploads/2023/08/archive-page.png) ### Archive Page ![Search Page](https://theplusaddons.com/wp-content/uploads/2023/08/search-page.png) ### Search Page ![Author Page](https://theplusaddons.com/wp-content/uploads/2023/08/author-page.png) ### Author Page ![Category & Tag Page](https://theplusaddons.com/wp-content/uploads/2023/08/category-tag-page.png) ### Category & Tag Page ## Ajax Search for all Posts, CPT & WooCommerce - Select Posts or CPT - WooCommerce Integration - Taxonomy Dropdown (Tags & Categories ) - Global Search - Multiple Search Modes - Dedicated ACF Integration [ Know More ](https://theplusaddons.com/elementor-builder/ajax-search-bar/) ![Ajax Search WooCommerce Demo](https://theplusaddons.com/wp-content/uploads/2023/08/ajax-search-woocommerce-demo.png) ![Advanced Ajax Filters Demo](https://theplusaddons.com/wp-content/uploads/2023/08/advanced-ajax-filters-demo.png) ## 15+ Advanced Ajax Filters Fields - Inline, Modal Popup & Horizontal - SEO Friendly URLs - Filter with Image, Maps, Color, Ratings - Posts & CPT Filter - Dedicated WooCommerce Filters - Filter Meta (Result Count, Tags etc.) [ Know More ](https://theplusaddons.com/elementor-builder/ajax-filters/#Ajaxfilter) ## Exclusive Features of Grid Builder ![Advanced Filters](https://theplusaddons.com/wp-content/uploads/2023/08/advanced-filters.png) ### 15+ Advanced Filters Ajax Filters for Blogs, CPT, or WooCommerce Products to make your listing website better by using our curated collection of filter fields. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Ajax-Faceted-Search-Bar.png) ### Ajax Faceted Search Bar Advanced Ajax search bar with taxonomies dropdown filter, to add to any place on your website. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Custom-Loop-Skins-1.png) ### Custom Loop Skins Create Custom Grid Design for Blog Posts, CPT, or WooCommerce Products that matches your brand. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Pagination-Load-More.png) ### Pagination & Load More Long list of posts or products? Add pagination, load more Button or infinite scrolling. ![](https://theplusaddons.com/wp-content/uploads/2023/08/ACF-Metabox-Toolset-Pods.png) ### ACF, Metabox, Toolset & Pods Our Grid Builder is connected with all the popular Dynamic Meta field plugins ![](https://theplusaddons.com/wp-content/uploads/2023/08/WooCommerce-Integration.png) ### WooCommerce Integration Our Grid builder helps you customize product loop to create custom add to cart or variations buttons. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Table-of-Contents.png) ### Table of Contents List all headings with our SEO optimized table of content widget. Select the heading tags you want to show dynamically. ![](https://theplusaddons.com/wp-content/uploads/2023/08/Dynamic-Ticker.png) ### Dynamic Ticker Show new post or any live updates in ticker tape on any page. Best for news or magazine format content ![](https://theplusaddons.com/wp-content/uploads/2023/12/Categry-listing-.png) ### Category Listing No more boring text-based categories, show categories in grid & sliders with images. ## Our Elementor Grid Builder Widgets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blog Builder for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Turn your Boring Blog Post Page to Premium One Turn your ordinary website footer into an engaging navigation hub and better SEO! Our Elementor Footer Builder is packed with rich content and interactive features. From hover color change to social icons, feeds, reviews, copyright text, review badges, email forms, and more. ![](https://theplusaddons.com/wp-content/uploads/2024/05/ultimate-blog-post-builder-before.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/ultimate-blog-post-builder-after.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/separator_icon.svg) Over View Widgets Query Loop Skin Builder ## 10+ Free Blog Builder Elementor Widgets - Customize your Blog Single Page, Custom Comments Forms, Before After Post & Author Box - Add Related Posts, Advanced Post Listing - Breadcrumbs, Table of Contents, Post Meta, Social Share & More View Demos ![](https://theplusaddons.com/wp-content/uploads/2024/05/Free-Blog-Builder.png) ## Popular Use Cases of Elementor Blog Builder - Fashion Blog- Finance Blog- Food Blog- Business Blog- Health & Fitness Blog- Personal Blog- Travel Blog- Sport BlogFashion Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/fashion-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/milan-magnificence-the-pinnacle-of-italian-fashion-excellence/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/darshanparmarposimyth/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/parisian-fashion/) Finance Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/finance-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/alkeshjposimyth/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/finance/) Food Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/food-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/spice-up-your-life-vibrant-indian-street-food-recipes/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/sohiniposimyth/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/appetizers-and-starters/) Business Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/business-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/devang-posimyth/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/strategy/) Health & Fitness Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/health-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/zen-flow-japanese-inspired-yoga-for-inner-harmony/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/chaitali/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/wellness/) Personal Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/personal-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/pinank/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/user-experience/) Travel Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/travel-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/rajanikant124/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/natural/) Sport Blog [Blog Listing Page](https://etemplates.wdesignkit.com/theplusaddons/sport-blog-listing-blog-builder/) [Blog Single Reading Page](https://etemplates.wdesignkit.com/theplusaddons/winning-strategies-mastering-the-pitch/) [Blog Author Page](https://etemplates.wdesignkit.com/theplusaddons/author/nirmal124/) [Blog Category Page](https://etemplates.wdesignkit.com/theplusaddons/category/coaching/) ## Achieve 100% Customization with our Blog Builder Widgets ![](https://theplusaddons.com/wp-content/uploads/2024/06/Singale-Page-Group-127263342.png)[](https://theplusaddons.com/widgets/breadcrumb-bar/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-meta/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-title/)[](https://theplusaddons.com/elementor-listing/dynamic-ticker/)[](https://theplusaddons.com/elementor-widget/table-of-contents/)[](https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-featured-image/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-content/)[](https://theplusaddons.com/widgets/elementor-blockquote/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-author/)[](https://theplusaddons.com/elementor-builder/blog-builder/)[](https://theplusaddons.com/elementor-builder/blog-builder/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-meta/)[](https://theplusaddons.com/widgets/social-sharing/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-navigation/)[](https://theplusaddons.com/elementor-builder/blog-builder/post-comment/)[](https://theplusaddons.com/elementor-builder/blog-builder/)[](https://theplusaddons.com/widgets/advanced-typography/) ## Elementor Blog Builder Widgets Core Widgets of our Blog Builder for Elementor which helps you customize all your blog pages with Theme Builder. - - - - - - - - - - - - - - - - - - - - - ## Blog Builder Extender Widgets Additional Widgets from The Plus Addons for Elementor, which can be combined with Blog Pages for higher customizability. - - - - - - - - - - - - - - - - - - - - - - - - - - - ## Multiple Blog Post Layouts List your blog posts in any layout you prefer; our blog builder offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. Grid Carousel Metro - Masonry ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your WooCommerce Products based on category with just one click using our Product Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Query your Blog Post with Multiple Settings Show the right blog posts listing by filtering categories, excluding unwanted content, and seamlessly sorting by date in ascending or descending order etc. for right organisation and user experience. ### Post Source Descending - Author - None - Title - Post IDG - Name (slug) ### Order By - Descending - Author - Date - Comment Count - None - Title - Modified Date - Default Menu Order - Post IDG - Name (slug) - Random - Custom Function ## Go Beyond & Create Custom Blog Post Loop Skins Give your website the personal brand touch it deserves with our Custom Loop Skin Builder. You can create and position your blog post images and text at any custom place, ensuring your content reflects your unique style. [ Learn More ](https://theplusaddons.com/elementor-listing//blog-post-loop-skin/) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Group-1272633479.png) ## Customize All Blog Pages With Widgets Using Our Theme Builder Do not rely on limited theme settings, customize every pixel with The Plus Addons for Elementor widgets & our Theme Builder powered by Nexter Extension. [ Learn More About Nexter Extension ](https://nexterwp.com/nexter-extension/) Blog Single Post Page Blog Listing Page Blog Category Page Blog Search Page Blog Author Page ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Author Box for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-author/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/darshanparmarposimyth/) ### Fashion Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Finance-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/alkeshjposimyth/) ### Finance Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Food-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/sohiniposimyth/) ### Food Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Business-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/devang-posimyth/) ### Business Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Health-Fitness-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/chaitali/) ### Health & Fitness Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Personal-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/pinank/) ### Personal Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Travel-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/rajanikant124/) ### Travel Blog Post Author [![](https://theplusaddons.com/wp-content/uploads/2024/07/Sports-Blog-Post-Author.png)](https://etemplates.wdesignkit.com/theplusaddons/author/nirmal124/) ### Sports Blog Post Author ## Key Features of Post Author ![](https://theplusaddons.com/wp-content/uploads/2024/07/Multiple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Comment Form for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-comment/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Comment [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/parisian-chic-effortlessly-elegant-wardrobe-essentials/#PostComment) ### Fashion Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Finance-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/#PostComment) ### Finance Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Food-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/spice-up-your-life-vibrant-indian-street-food-recipes/#PostComment) ### Food Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Business-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/#PostComment) ### Business Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Health-Fitness-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/zen-flow-japanese-inspired-yoga-for-inner-harmony/#PostComment) ### Health & Fitness Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Personal-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/#PostComment) ### Personal Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Travel-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/#PostComment) ### Travel Blog Post Comment Form [![](https://theplusaddons.com/wp-content/uploads/2024/07/Sports-Blog-Post-Comment-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-victory-with-match-winning-strategies/#PostComment) ### Sports Blog Post Comment Form ## Key Features of Post Comment​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Comment-Forms-Label.png) ### Customize Comment Forms Label ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-Comment-Count.png) ### Show Comment Count ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-2.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Content for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-content/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/parisian-chic-effortlessly-elegant-wardrobe-essentials/) ### Fashion Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Finance-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/#PostContent) ### Finance Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Food-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/rustic-comfort-homestead-recipes/#PostContent) ### Food Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Business-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/#PostContent) ### Business Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Health-Fitness-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/celestial-harmony-chinese-tai-chi-yoga-fusion/#PostContent) ### Health & Fitness Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Personal-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/#PostContent) ### Personal Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Travel-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/#PostContent) ### Travel Blog Post Content [![](https://theplusaddons.com/wp-content/uploads/2024/07/Sports-Blog-Post-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-victory-with-match-winning-strategies/#PostContent) ### Sports Blog Post Content ## Key Features of Post Content ![](https://theplusaddons.com/wp-content/uploads/2024/07/Post-Content-Mode.png) ### Post Content Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Choose-from-Full-Content-or-Excerpt.png) ### Choose from Full Content or Excerpt ![](https://theplusaddons.com/wp-content/uploads/2024/07/Source-Content-from-WordPress-or-Elementor-Editor.png) ### Source Content from WordPress or Elementor Editor ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-1.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Featured Image for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-featured-image/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/parisian-chic-effortlessly-elegant-wardrobe-essentials/) ### Fashion Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Finance-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/) ### Finance Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Food-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/spice-up-your-life-vibrant-indian-street-food-recipes/) ### Food Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Business-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/) ### Business Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Health-Fitness-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/zen-flow-japanese-inspired-yoga-for-inner-harmony/#FeaturedImg) ### Health & Fitness Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Personal-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/) ### Personal Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Travel-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/) ### Travel Blog Post Featured Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Sports-Blog-Post-Featured-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/winning-strategies-mastering-the-pitch/) ### Sports Blog Post Featured Image ## Key Features of Post Featured Image ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-Featured-Image-or-as-Background-Image.png) ### Show Featured Image or as Background Image ![](https://theplusaddons.com/wp-content/uploads/2024/07/Adjust-Width-Alignment.png) ### Adjust Width & Alignment ![](https://theplusaddons.com/wp-content/uploads/2024/07/Adjust-Border.png) ### Adjust Border ![](https://theplusaddons.com/wp-content/uploads/2024/07/Product-Listing-Query.png) ### Product Listing Query ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Meta for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-meta/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Fashion-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/parisian-chic-effortlessly-elegant-wardrobe-essentials/#PostMeta) ### Fashion Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Finance-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/#PostMeta) ### Finance Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Food-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/spice-up-your-life-vibrant-indian-street-food-recipes/#PostMeta) ### Food Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Business-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/#PostMeta) ### Business Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Health-Fitness-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/zen-flow-japanese-inspired-yoga-for-inner-harmony/#PostMeta) ### Health & Fitness BlogPost Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Personal-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/#PostMeta) ### Personal Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Travel-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/#PostMeta) ### Travel Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2025/04/Sports-Blog-Post-Meta.png)](https://etemplates.wdesignkit.com/theplusaddons/winning-strategies-mastering-the-pitch/#PostMeta) ### Sports Blog Post Meta ## Key Features of Post Meta​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Date-Category-Author-Comment-Count.png) ### Add Date, Category, Author & Comment Count ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-3.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Navigation Boxes for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-navigation/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/parisian-chic-effortlessly-elegant-wardrobe-essentials/#PostNavigation) ### Fashion Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Finance-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/#PostNavigation) ### Finance Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Food-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/spice-up-your-life-vibrant-indian-street-food-recipes/#PostNavigation) ### Food Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Business-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/#PostNavigation) ### Business Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Health-Fitness-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/zen-flow-japanese-inspired-yoga-for-inner-harmony/#PostNavigation) ### Health & Fitness Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Personal-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/#PostNavigation) ### Personal Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Travel-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/#PostNavigation) ### Travel Blog Post Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Sports-Blog-Post-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-victory-with-match-winning-strategies/#PostNavigation) ### Sports Blog Post Navigation ## Key Features of Post Navigation ![](https://theplusaddons.com/wp-content/uploads/2024/07/Multiple-Layouts-1.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-NextPrev-Based-on-Taxonomy.png) ### Show Next/Prev Based on Taxonomy ![](https://theplusaddons.com/wp-content/uploads/2024/07/Adjust-Labels.png) ### Adjust Labels ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-5.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Post Title for Elementor Source: https://theplusaddons.com/elementor-builder/blog-builder/post-title/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Live Demos of Post Title [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/fashion-blog-listing-blog-builder/) ### Fashion Blog Post Title [![](https://theplusaddons.com/wp-content/uploads/2020/10/Finance-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/market-volatility-turbulent-times-strategies/) ### Finance Blog Post Title [![](https://theplusaddons.com/wp-content/uploads/2024/07/Food-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/spice-up-your-life-vibrant-indian-street-food-recipes/) ### Food Blog Post Meta [![](https://theplusaddons.com/wp-content/uploads/2024/07/Business-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/navigating-the-digital-frontier-tips-for-small-businesses/) ### Business Blog Post Title [![](https://theplusaddons.com/wp-content/uploads/2024/07/Health-Fitness-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/zen-flow-japanese-inspired-yoga-for-inner-harmony/) ### Health & Fitness Blog Post Title [![](https://theplusaddons.com/wp-content/uploads/2024/07/Personal-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/mastering-microinteractions-elevate-your-ui-design-game/) ### Personal Blog Post Title [![](https://theplusaddons.com/wp-content/uploads/2024/07/Travel-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/trailblazing-tales-adventures-off-the-beaten-path/) ### Travel Blog Post Title [![](https://theplusaddons.com/wp-content/uploads/2024/07/Sports-Blog-Post-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/winning-strategies-mastering-the-pitch/) ### Sports Blog Post Title ## Key Features of Post Title ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-Page-Title-or-Archive-Title.png) ### Show Page Title or Archive Title ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Pre-Fix-or-Post-Fix-and-adjust-HTML-Tag.png) ### Add Prefix or Postfix and adjust HTML Tag ![](https://theplusaddons.com/wp-content/uploads/2024/07/Enable-Link-or-Text-Limits.png) ### Enable Link or Text Limits ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-4.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Popup Builder for Elementor Source: https://theplusaddons.com/elementor-builder/popup-builder/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## The Ultimate Popup Builder for Elementor Transform your website into a high-converting one with our Powerup Elementor Popup Builder, featuring multiple animations, loading effects, display conditions, and much more. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Frame-1272631579.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Frame-1272634416.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/separator_icon.svg) Modal Reveal Con Slide-In Corner-Box Use-Cases Age-Gate Rules ## Modal Popup for Elementor - Central popup that appears in the middle of the screen. - Grabs user attention with a prominent, overlaying display. - Suitable for important announcements, promotions, or calls to action. Check Demos ## Modal Popup Demos [![](https://theplusaddons.com/wp-content/uploads/2024/05/Ecommerce-Email-fade-In-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/modal-popup-demo-1/) ### Ecommerce Email Fade-In Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Login-Signup-with-Social-Login-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/modal-popup-demo-2/) ### Login & Signup with Social Login Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Offer-Announcement-on-Exit-Intent-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/modal-popup-demo-3/) ### Offer Announcement on Exit Intent Popup ## Reveal Content for Elementor - Pushes existing content to the side to reveal a new popup. - Provides an interactive way to display supplementary information. - Improves user engagement without disrupting the main content. Check Demos ## Reveal Content Demos [![](https://theplusaddons.com/wp-content/uploads/2024/05/Contact-Form-Sidebar-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/reveal-content-demo-1/) ### Contact Form Sidebar Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/WooCommerce-Sidebar-Filters-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/reveal-content-demo-2/) ### WooCommerce Sidebar Filters Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Hello-Bar-Offer-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/reveal-content-demo-3/) ### Hello Bar Offer Popup ## Slide-In Popup for Elementor - Smoothly slides into view from the edge of the screen. - Offers a non-intrusive way to present content or messages. - Ideal for subtle promotions, newsletter sign-ups, or additional information. Check Demos ## Slide-In Popup Demos [![](https://theplusaddons.com/wp-content/uploads/2024/05/Slide-In-Feedback-Form-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/slide-in-popup-demo-1/) ### Slide-In Feedback Form Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Notifications-Activity-Right-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/slide-in-popup-demos-2/) ### Notifications Activity Right Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Bottom-Slide-In-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/slide-in-popup-demos-3/) ### Bottom Slide-In Popup ## Corner Box Popup for Elementor - Appears in one of the corners of the screen. - Provides a compact yet noticeable way to present content. - Ideal for quick announcements, feedback requests, or social media links. Check Demos ## Corner Box Popup Demos [![](https://theplusaddons.com/wp-content/uploads/2024/05/Order-Confirmation-Corner-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/corner-box-popup-1/) ### Order Confirmation Corner Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Discount-Coupon-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/corner-box-popup-2/) ### Discount Coupon Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Cookie-Consent-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/corner-box-popup-3/) ### Cookie Consent Popup ## Use Popups in Multiple Ways with Other The Plus Addons Widgets Take your website to the next level with Popups! Transform it into a sales-generating machine while delivering the best user experience. [![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Mailchimp-Widget-to-Collect-Emails.png)](https://theplusaddons.com/elementor-widget/mailchimp-form/) - [ Add Mailchimp Widget to Collect Emails ](https://theplusaddons.com/elementor-widget/mailchimp-form/) [![](https://theplusaddons.com/wp-content/uploads/2024/05/Show-Discount-Offer-Code-with-our-Coupon-Code-Widget.png)](https://theplusaddons.com/widgets/coupon-code/) - [ Display Offers & Discount Codes ](https://theplusaddons.com/elementor-widget/coupon-code/) [![](https://theplusaddons.com/wp-content/uploads/2024/05/Countdown-Timer-to-Create-FOMO-Scarcity.png)](https://theplusaddons.com/widgets/countdown/) - [ Countdown Timer to Create FOMO & Scarcity ](https://theplusaddons.com/elementor-widget/countdown-timer/) [![](https://theplusaddons.com/wp-content/uploads/2024/05/Create-Login-Registration-Popup-for-Website.png)](https://theplusaddons.com/elementor-widget/login-form/) - [ Create Login & Registration Popup for Website ](https://theplusaddons.com/elementor-widget/login-form/) ## Our Elementor Popup Helps You With ![](https://theplusaddons.com/wp-content/uploads/2024/05/Promote-limited-time-offers-or-discounts.png) Promote Limited-time Offers or Discounts Increase sales by leveraging our popup and coupon code widget to create a sense of urgency and drive purchases through FOMO. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Collect-Visitors-Emails.png) Collect Visitors Emails Grow your email list and generate leads for your store or newsletter using our popup and Mailchimp widget. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Reduce-Cart-Abandonment-.png) Reduce
Cart Abandonment Capture attention with an irresistible exit-intent popup as customers leave the Checkout, offering an unbeatable deal they can't resist. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Promote-New-Features-Announcements.png) Promote New Features & Announcements Keep your audience informed and engaged with product updates, new features, or upcoming events right on your site. ## Protect Website Content with our Age Gate Popup If your website requires age restriction to grant access only to users above a certain age, an Age Gate Popup is essential. [ View Demos ](https://theplusaddons.com/elementor-widget/age-gate-verification/) ![](https://theplusaddons.com/wp-content/uploads/2024/05/Protect-Website-Content-with-our-Age-Gate-Popup.png) ## Selectively Show your Popup to Visitors ### Set Display Condition for Popup - On Button Click - Exit Inlet - Arriving From Specific Url - Show X Time Per User - On Page Load - After X Page View - On Any other Elements Click - On Scroll - After Inactivity - Show For Specific Time ### Go Beyond with our Advanced Display Rules - Operating System - Login Status - Archives Page - Web Browser - Day of Week - Dynamic ACF Field - User Role - Date & Time ## Place Popups Anywhere on Screen ![](https://theplusaddons.com/wp-content/uploads/2024/05/Full-Screen.png) Fullscreen ![](https://theplusaddons.com/wp-content/uploads/2020/10/Center.png) Center ![](https://theplusaddons.com/wp-content/uploads/2024/05/Top-Left.png) Top Right ![](https://theplusaddons.com/wp-content/uploads/2024/05/Center-left.png) Center Right ![](https://theplusaddons.com/wp-content/uploads/2024/05/Top-Center.png) Top Center ![](https://theplusaddons.com/wp-content/uploads/2024/05/Bottom-Center.png) Bottom Center ## Set Popup Loading Triggers ![](https://theplusaddons.com/wp-content/uploads/2024/05/trigger-1.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/trigger-2-.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/trigger-3.png) ## Loading Animations for Popups Eliminate boring popups and showcase the theme with multiple transition animations and engaging effects. - Fade- Slide- Zoom- Rotate- Flip- Lightspeed- SpecialFadeSlideZoomRotateFlipLightspeedSpecial ## Key Features of Elementor Popup Builder ![](https://theplusaddons.com/wp-content/uploads/2024/05/Popup-Display-Controls.png) ### Popup Display Controls ![](https://theplusaddons.com/wp-content/uploads/2024/05/Popup-Animation-Controls.png) ### Popup Animation Controls ![](https://theplusaddons.com/wp-content/uploads/2024/05/Adjust-Popup-Width-Height.png) ### Adjust Popup Width & Height ![](https://theplusaddons.com/wp-content/uploads/2024/05/Popup-Closing-Settings.png) ### Popup Closing Settings ![](https://theplusaddons.com/wp-content/uploads/2024/05/Multiple-Popup-Layouts.png) ### Multiple Popup Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/05/Trigger-Popup-on-Button-Click-Icon-Click-or-on-Page-Load.png) ### Trigger Popup on Button Click, Icon Click or on Page Load ![](https://theplusaddons.com/wp-content/uploads/2024/05/Set-Popup-Entrance-From-Multiple-Direction.png) ### Set Popup Entrance From Multiple Direction ![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Popup-Content-from-Pattern-Content-Text-Editor-Shortcode.png) ### Add Popup Content from Pattern, Content, Text Editor & Shortcode ![](https://theplusaddons.com/wp-content/uploads/2024/05/Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Mobile Menu for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/mobile-menu/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates This widget is specially designed for mobile devices in this mobile-first world. You'll get a better idea when you visit it on your mobile device. ![](https://theplusaddons.com/wp-content/uploads/2023/10/Mobile-menu-QR-Code.png) Go to https://theplusaddons.com/widgets/elementor-mobile-menu/ on your mobile browser or scan the QR code. We highly recommend opening this page on mobile devices to properly experience the demo. Note: We also have some additional options, such as 'Fixed Bottom' and 'Offset for Visibility,' which we couldn't demonstrate on our page, but you can explore them using our settings. ## Live Demos of Elementor Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Simple-Extra-Toggle-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Simpleextratoggle01) ### Simple Extra Toggle + Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Extra-Toggle-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Extratoggle02) ### Extra Toggle + Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Simple-Icon-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#SimpleIcon03) ### Simple Icon Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Icon-Fixed-Bottom-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Iconfixedbottom04) ### Icon Fixed Bottom Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Full-Screen-Mobile-Menu.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Fullscreen05) ### Full Screen Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Icon-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Iconmobile06) ### Icon Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Swiper-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Swiper07) ### Swiper Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Swiper-Off-Canvas-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#SwiperOffCanvas08) ### Swiper + Off Canvas Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Circle-Mobile-Menu-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#circlemenu09) ### Circle Mobile Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Floating-Hamburger-Menu.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#circlemenu09) ### Floating Hamburger Menu [![](https://theplusaddons.com/wp-content/uploads/2023/12/Off-Canvas-Popup-Mobile-Menu.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/#Offcanvaspopup) ### Off Canvas Popup Mobile Menu ## Key Features of Mobile Menu Widget ![](https://theplusaddons.com/wp-content/uploads/2023/10/Extra-Toggle-Middle-Button.png) ### Extra Toggle Middle Button ![](https://theplusaddons.com/wp-content/uploads/2023/10/Active-Page-Indicator.png) ### Active Page Indicator ![](https://theplusaddons.com/wp-content/uploads/2023/10/Swiper-Column-Mode.png) ### Swiper & Column Mode ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2023/10/Custom-Link-for-Each-Menu-Item.png) ### Custom Link for Each Menu Item ![](https://theplusaddons.com/wp-content/uploads/2023/10/Top-Bottom-Sticky-Mobile-Menu.png) ### Top & Bottom Sticky Mobile Menu ## Theme Builder Included in our Nexter Theme To load the Mobile menu on all pages, it is recommended to add in Header Template. All PRO user of The Plus Addons for Elementor get access to our Nexter Theme. [![](https://theplusaddons.com/wp-content/uploads/2023/12/Advanced-Header-Builder-.png)](https://nexterwp.com/docs/create-header-template-in-wordpress/) ### Advanced Header Builder Get rid of the limited Header customizer. Use Elementor Widgets or Blocks to create custom menu. [![](https://theplusaddons.com/wp-content/uploads/2023/12/Advanced-Footer-Builder.png)](https://nexterwp.com/docs/create-footer-template-in-wordpress/) ### Advanced Footer Builder Your custom Footer with no limit of layout. Create any footer layout you want with our Footer Builder. [ Learn More about Nexter Theme ](https://nexterwp.com/nexter-theme/) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Mega Menu Builder for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/mega-menu/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Elementor Mega Menu - E-CommerceBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for.- News and MagazineBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for.- Educational InstitutionsBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for.- CorporateBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for.- Travel and HospitalityBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for.- Government and NonprofitMake it easy for citizens and stakeholders to find information on your government or nonprofit website by using Mega Menus to display policies, subsidies, and resources.E-CommerceBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for. ![](https://theplusaddons.com/wp-content/uploads/2023/11/ecommerce.png) News and MagazineBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for. ![](https://theplusaddons.com/wp-content/uploads/2023/11/News-and-magazine.png) Educational InstitutionsBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for. ![](https://theplusaddons.com/wp-content/uploads/2023/11/Educational-Institutaions.png) CorporateBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for. ![](https://theplusaddons.com/wp-content/uploads/2023/11/Corparte.png) Travel and HospitalityBoost your e-commerce sales by using Elementor Mega Menus to showcase categories, subcategories, and products, making it easy for customers to navigate and find what they're looking for. ![](https://theplusaddons.com/wp-content/uploads/2023/11/Travel-and-Hospitality.png) Government and NonprofitMake it easy for citizens and stakeholders to find information on your government or nonprofit website by using Mega Menus to display policies, subsidies, and resources. ![](https://theplusaddons.com/wp-content/uploads/2023/11/Government-and-nonprofit.png) Horizontal Vertical Toggle 4 Steps Multiple ![](https://theplusaddons.com/wp-content/uploads/2025/04/Horizontal-Mega-Menu.png) ## Horizontal Elementor Mega Menu - Individual Menu Width Control - Tabbed Sub Menus - Multiple Header Layouts - Customizable Hover Styles - Transparent Menu Option - WooCommerce Compatible - Advanced Responsive Controls - Add Interactive Elements [View Demos](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) ## Vertical Elementor Mega Menu - Powerful Customization Options - Engaging Animation Effects - Option to Hide Sub Menus on Mobile - Supports WooCommerce Categories - Fully Responsive Menu - Off Canvas Mobile Menu Option - Compatible With Elementor Templates - Lightweight and Fast [View Demos](https://theplusaddons.com/elementor-builder/header-builder/vertical-mega-menu/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Vertical-Mega-Menu.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Vertical-Toggle-Mega-Menu.png) ## Vertical Toggle Elementor Mega Menu - Sidebar Menu With Icons - Expand/collapse Sidebar Menu - Fully Compatible With Elementor - Hamburger Menu With Off Canvas Display - Custom Menu Badges - Easy Drag & Drop Setup - Sticky Menu - RTL & Multiple Languages Support [View Demos](https://theplusaddons.com/elementor-builder/header-builder/vertical-toggle-mega-menu/) ## Easy 4 Steps to Create Elementor Mega Menu ![](https://theplusaddons.com/wp-content/uploads/2023/12/Drag-Drop-navigation-menu-widet-for-mega-menu-.png) Drag & Drop the Navigation Menu widget for Mega Menu. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Create-Elementor-Templates-for-Mega-Menu-Dropdown-Content-.png) Create Elementor Templates for Mega Menu Dropdown Content. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Select-the-Template-under-the-Mega-Menu-Dropdown-content.png) Select the Template under the Mega Menu Dropdown content. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Voila-your-Mega-.png) Voila, your Mega Menu is up and running. ## Add Any Content Inside Mega Menu Dropdown ![](https://theplusaddons.com/wp-content/uploads/2023/12/Featured-WooCommerce-Products.png) ### Featured WooCommerce Products Promote top-selling WooCommerce products in Mega Menu for easy discovery and purchase. ![](https://theplusaddons.com/wp-content/uploads/2023/12/New-Blogs-.png) ### New Blogs Highlight your latest blog posts in the Mega Menu section to keep visitors engaged and up-to-date. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Image-Gallery-.png) ### Image Gallery Create an eye-catching image gallery in the Mega Menu section to showcase your products, services, or portfolio. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Video-Player-.png) ### Video Player Engage visitors by adding a video player to the Mega Menu section to showcase your brand, products, or services. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Contact-Form-.png) ### Contact Form Add a contact form to the Elementor Mega Menu section to make it easy for visitors to get in touch with you. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Google-Maps-.png) ### Google Maps Help visitors find your location by adding a Google Maps widget to the Mega Menu section. ![](https://theplusaddons.com/wp-content/uploads/2023/12/Category-Listing-.png) ### Category Listing Organize your E-commerce website content by adding a category listing to the Mega Menu section for easy navigation. ![](https://theplusaddons.com/wp-content/uploads/2023/12/job-posts-.png) ### Job Posts Attract job seekers by adding job posts to the Mega Menu section, making it easy to find and apply. ## Key Features of Elementor Mega Menu ![](https://theplusaddons.com/wp-content/uploads/2024/01/Repeater-Template-Based-Content.png) ### Repeater & Template Based Content ![](https://theplusaddons.com/wp-content/uploads/2024/01/Open-SubMenu-on-Click-Hover.png) ### Horizontal, Vertical & Side Menu Mode ![](https://theplusaddons.com/wp-content/uploads/2024/01/Open-SubMenu-on-Click-Hover.png) ### Open Sub Menu on Click/Hover ![](https://theplusaddons.com/wp-content/uploads/2023/11/sub-menu-entrance-effects-.png) ### Sub Menu Entrance Effects ![](https://theplusaddons.com/wp-content/uploads/2025/05/Sticky-Menu-On-Header-Options.png) ### Sticky Menu on Header Options ![](https://theplusaddons.com/wp-content/uploads/2024/01/Responsive-Elementor-Mobile-Menu-Settings.png) ### Responsive Elementor Mobile Menu Settings ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mega-Menu-Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2023/11/Hover-effect-For-mega-menu-text.png) ### Hover Effect for Mega Menu Text ![](https://theplusaddons.com/wp-content/uploads/2023/11/Hover-effect-for-sub-menu-text-.png) ### Hover Effect for Sub Menu Text ![](https://theplusaddons.com/wp-content/uploads/2023/11/Repeater-Mode-menu-.png) ### Repeater Mode Menu ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-labl-to-menu-task-.png) ### Add Label to Menu Link ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-menu-icon-or-image-.png) ### Add Menu Icon or Image ## Theme Builder included in our Nexter Extension To load the Elementor Mega Menu Global all pages, it is recommended to add in Header Template. All PRO users of The Plus Addons for Elementor get access to our Nexter Extension which has a Theme Builder. [ ![](https://theplusaddons.com/wp-content/uploads/2024/06/Advanced-Header-Builder-Card-Cover.png) ### Advanced Header Builder Get rid of the limited Header customizer. Use Elementor Widgets or Blocks to create custom menu. ](https://nexterwp.com/docs/create-header-template-in-wordpress/) [ ![](https://theplusaddons.com/wp-content/uploads/2024/06/Advanced-Footer-Builder-Card-Cover.png) ### Advanced Footer Builder Your custom Footer with no limit of layout. Create any footer layout you want with our Footer Builder. ](https://nexterwp.com/docs/create-footer-template-in-wordpress/) [ Learn More About Nexter Extension ](https://nexterwp.com/nexter-extension/) ![](https://theplusaddons.com/wp-content/uploads/2023/12/create-responsive-mobile-menu-for-small-screens-.png) ## Create Responsive Mobile Menu for Small Screens - Multiple Layout Modes - Extra Toggle with for Off-Canvas Menu - Performance Optimized [ Buy Now ](https://theplusaddons.com/pricing/) [View Demos](https://etemplates.wdesignkit.com/theplusaddons/widgets/mobile-menu/) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Ajax Search & Filter Widgets for Elementor Source: https://theplusaddons.com/elementor-builder/ajax-filters/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## Best Filters for WooCommerce and any WordPress Custom Post Types ### We have covered all filters types, all required features to build most advanced websites with filters and many more for your next complex project. Hassle Free Setup and Easy to use are key points. Check Demos ![](https://theplusaddons.com/wp-content/uploads/2021/10/best-wordpress-filtes-for-woocommerce-in-elementor.png) ## Check What you can Craft ### It have amble possibilities with our most powerful WordPress & WooCommerce Filters. ![Regular search filter for woocommerce and wordpress](https://theplusaddons.com/wp-content/uploads/2021/10/Regular-search-filter-for-woocommerce-and-wordpress.png) [ ###### Vertical Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) Check main demo of WordPress and WooCommerce advanced filters with all advanced features in it. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-vertical-filters/) ![horizontal inline wordpress woocommerce search filters](https://theplusaddons.com/wp-content/uploads/2021/10/horizontal-inline-wordpress-woocommerce-search-filters.png) [ ###### Horizontal Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) Setup your woocommerce and wordpress filters in horizontal using plus search filters widget for elementor. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-horizontal-filters/) ![modal popup filter for woocommerce and wordpress elementor](https://theplusaddons.com/wp-content/uploads/2021/10/modal-popup-filter-for-woocommerce-and-wordpress-elementor.png) [ ###### Filters with Popup ](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) You can use filters in our popup widget to give space in your regular page and hide rest in popup. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/sidebar-filters/) ![inline typography filters wordpress woocommerce](https://theplusaddons.com/wp-content/uploads/2021/10/inline-typography-filters-wordpress-woocommerce.png) [ ###### Inline Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) You can setup inline filters with few tweaks and custom code to achieve extra ordinary results as shown in demo. [Check Demo](https://theplusaddons.com/elementor-builder/ajax-filters/ajax-inline-filters/) ## 15+ AJAX Filter Types ### It will cover all your needs and It's based on power of AJAX for performance. ![](https://theplusaddons.com/wp-content/uploads/2021/10/alphabet-filter-plus-wp-filters.jpg) Alphabet Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Search-bar-input-filter-plus-wp-filters.jpg) Search Input Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Checkbox-filter-plus-wp-filters.jpg) Checkbox Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Date-picker-filter-plus-wp-filters.jpg) Date Picker Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Dropdown-filter-plus-wp-filters.jpg) Drop Down Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Radio-filter-plus-wp-filters.jpg) Radio Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Range-filter-plus-wp-filters.jpg) Range Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Tabs-filter-plus-wp-filters.jpg) Tabbing Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Size-filter-plus-wp-filters.jpg) Woo Button Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Color-filter-plus-wp-filters.jpg) Woo Color Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Woo-Images-filter-plus-wp-filters.jpg) Woo Image Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Star-Rating-filter-plus-wp-filters.jpg) Woo Rating Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Search Tag Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/filter-tag-result-plus-wp-filters.jpg) Filter Reset Check Filter ![](https://theplusaddons.com/wp-content/uploads/2021/10/Result-filter-plus-wp-filters.jpg) Total Search Check Filter ## Works with Any CPTs and WooCommerce ### You can use any custom post type with our dynamic listing widget and on top of that you can use it with our product listing widget. - WooCommerce Products Support - Plus Dynamic Listing Widget Support - Plus Product Listing Widget Support - Works with any Custom Post Type - ACF Values Support ![](https://theplusaddons.com/wp-content/uploads/2021/10/woo-filter-with-any-post-type-elementor.png) ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-for-elementor-wordpress.png) ## WooCommerce Specific Special Filters ### We give extra to WooCommerce always as it's highly requested by users. These filters will super charge your WooCommerce Stores. - Deep WooCommerce Integration - Dropdown for On Sale, In Stock and more - Woo Colors Swatches Connection - Woo Buttons Swatches Connection - Woo Rating Filter - Woo Pricing Filter ## Last WordPress filter widgets you will ever need ### This widgets covers all things which is required to make most advanced and powerful filter system for your WordPress Project. - Semantic URL with Filter Values in URL - Indexer Enable/Disable - Lazy Load/Load More/ Pagination - Unlimited Customisation Options ![](https://theplusaddons.com/wp-content/uploads/2021/10/top-woofilters-in-wordpress-filters.png) ## Special Features ### List doesn't end here as we have many more things for you ACF Integration Use it with any ACF values and make your filters more detailed and deeply integrated. Any WordPress Theme You can use it with any WordPress Theme along with our Listing widgets. Woo Variation/Swatches Deeply integrated with WooCommerce and Swatches of The Plus Addons. Powerful Filters It's having top filters with in depth connection with all custom post types and WooCommerce. Easy to Use One single widget for all above features and which make it super smooth to use and manage. Stack Repeaters Our filter options are based on repeater and so you can use any type of filter multiple times. Indexer Options Use total values of each taxonomy or tags in the filter to give idea of number to users for UX. Works with WPML We support compatibility with WPML and all other translators which supports Elementor. Blazing Fast It will give extra push in getting values due to powerful & smart implementation using AJAX. Dynamic Filters Connection with ACF and other dynamic values will help to build any advance filters with ease. Made for Elementor Design your whole filters part directly in elementor editor without any hassle from WordPress. More to Come We will not stop here, Many more features will be available very soon. Stay Tuned. ## Watch a Quick Video Tutorials [Subscribe](https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1) ## to POSIMYTH Channel for new videos --- # Header Builder for Elementor Source: https://theplusaddons.com/elementor-builder/header-builder/ - DemosFeatures- Videos- Docs- Related Widgets- Templates - - - DemosFeatures- Videos- Docs- Related Widgets- Templates ## The Ultimate Header Builder for Elementor Transform Your Boring Website Header into an Interactive Navigation Menu, Whether Vertical, Horizontal, or Mega Menu, Packed with Rich Content. Our Header Builder Can Help You Achieve Anything Possible with Headers - No Code Required! ![](https://theplusaddons.com/wp-content/uploads/2025/05/before-Header-Builder-scaled.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/After-header-Builder.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/icon.png) Navigation Mega Menu Effects Mobile Extras ## Elementor Dropdown Navigation Menu Create a simple Elementor navigation menu dropdown to showcase your basic categorized links. Whether you prefer a horizontal or vertical menu, this one's for you. [ View Demos ](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/dropdown-navigation-menu.png) ## Elementor Mega Menu Looking to create a big mega menu in Elementor with rich content like images, videos, or any Elementor widget inside a mega menu dropdown? The Plus Addons for Elementor Mega Menu offers this unique feature right in the same bundle. [ View Demos ](https://theplusaddons.com/elementor-builder/header-builder/mega-menu/) ### Elementor Horizontal Mega Menu [ View More ](https://theplusaddons.com/elementor-builder/header-builder/horizontal-mega-menu/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Horizontal-mega-menu.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Elementor-Vertical-mega-menu.png) ### Elementor Vertical Mega Menu [ View More ](https://theplusaddons.com/elementor-builder/header-builder/vertical-mega-menu/) ### Elementor Vertical Sidebar Toggle Mega Menu [ View More ](https://theplusaddons.com/elementor-builder/header-builder/vertical-toggle-mega-menu/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Sidebar-Toggle-Mega-Menu.png) ## Sticky Elementor Header Effects Want to make your Elementor Header Sticky? Check out our unique collection of Elementor Sticky Header Effects. Surprise your visitors like never before with these unique effects! [ View Demos ](https://theplusaddons.com/elementor-builder/header-builder/header-effects/) - Sticky Elementor Header Effect- Sticky Menu with On Scroll Color Change Effect- Transparent Sticky Header Effect- Sticky Glassmorhpism/Blurry Header Effects- Hide Header on Scroll Down Effect- Change Header Height on Scroll/Shrinking Header Effect- Change Header Menu Logo on ScrollSticky Elementor Header Effect Sticky Menu with On Scroll Color Change Effect Transparent Sticky Header Effect Sticky Glassmorhpism/Blurry Header Effects Hide Header on Scroll Down Effect Change Header Height on Scroll/Shrinking Header Effect Change Header Menu Logo on Scroll ## Worried about Responsiveness on Small Screens? 
Check our Dedicated Mobile Menu for Elementor Easily Create a Responsive and Customizable Mobile Menu for Your Website Using the Mobile Menu Widget for Elementor. With Options for a Sticky Bottom/Fixed Menu, Custom Icons, and an Off-canvas Layout, Improve User Experience and Navigation on Your Site. [ View Demos ](https://theplusaddons.com/elementor-builder/header-builder/mobile-menu/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Mobile-Menu-control.png) ## Extend Your Elementor Headers with other The Plus Addons for Elementor Widgets Explore Our Curated Collections of Thoughtfully Designed Header Widgets to Transform Your Ordinary Elementor Headers into Extraordinary Ones. #### Site Logo With our Site Logo widget for Elementor, you can change your logo on hover or when users scroll down. Amazing, isn't it? [ View More ](https://theplusaddons.com/elementor-builder/header-builder/site-logo-for-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Normal-Site-logo.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Hover-Site-logo.png) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Change-Header-Logo-on-sticky.png) ### Dynamic Category List your product, blog or any categories below the header with our Dynamic Category Widget. [ View More ](https://theplusaddons.com/elementor-listing//dynamic-category/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Dynamic-Category.png) ### BreadCrumbs Improve your SEO & user navigation by attaching a breadcrumb bar right below the Elementor Header. [ View More ](https://theplusaddons.com/elementor-widget/breadcrumbs-bar/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Macbook-Pro-16-mockupl.png) #### Header Extras Feature Packed Header Extras widget to add Search bar, WooCommerce Mini Cart, CTA Buttons, Language Switcher & Extra Toggle Menu. [ Learn More ](https://theplusaddons.com/elementor-builder/header-builder/header-extras/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/Header-Extra.png) ### Login Menu Create a Toggle Menu Login Form right on your Header with our Login Form widget for Elementor [ View More ](https://theplusaddons.com/elementor-widget/login-form/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Macbook-Pro-16-mockupk.png) ### Social Icons Add Social Media Accounts on your Header easily with our Social Icon Widget. [ View More ](https://theplusaddons.com/elementor-widget/social-icons/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/gchm.png) #### One Page Navigation Want to surprise your visitors even more? Check out our One Page Navigation Menu, where users can easily navigate through long landing pages using icons or dots. [ Learn More ](https://theplusaddons.com/elementor-builder/header-builder/one-page-scroll-navigation/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Frame-1272637047.png) ### Dynamic Ticker Keep Your Visitors Informed: Add a Dynamic News Ticker Right Above Your Header to Ensure They Don't Miss Any Important Updates or Posts. [ View More ](https://theplusaddons.com/elementor-listing//dynamic-ticker/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Frame-1272634430.png) ### Off Canvas Menu Whether you're building a full-page Elementor menu or looking for an off-canvas option, our popup menu is designed to make navigation smooth & hassle-free. [ View More ](https://theplusaddons.com/elementor-builder/popup-builder/) ![](https://theplusaddons.com/wp-content/uploads/2025/04/Frame-1272634430cghm.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # How to Save Form Submissions in Elementor? Source: https://theplusaddons.com/docs/save-form-submissions-in-elementor/ Are you looking to store form submission entries in Elementor? If you only send submissions to your email, you can easily lose important data if an email goes to spam or gets deleted. Storing form entries directly in your WordPress dashboard helps you keep a secure record of all submissions in one place. This makes it easier to review messages, download entries, and keep track of form responses without relying only on email notifications. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, add the Form widget from The Plus Addons for Elementor to the page and follow the steps -  1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form widget and go to the **Submit Actions** tab and select **Database Entry** from the **Add Action** dropdown. Now, every time a user submits the form, the submission will automatically be stored in your WordPress dashboard. ### Check the Form Submission Entries To view the form submissions from your dashboard, go to: **The Plus Addons** >** Submissions** Here you will find a list of all form entries submitted through your forms. From this section, you can: - View individual messages submitted through the form. - Delete entries that you no longer need. - Export all submissions as a CSV file for backup or analysis. - Filter entries by form name, page and date to quickly find specific submissions. This makes it very easy to manage, review, and export form submissions directly from your dashboard. --- # How to Set Up SMTP to Get Email Confirmation Securely from Elementor Form? Source: https://theplusaddons.com/docs/set-up-smtp-to-get-email-confirmation-securely-from-elementor-form/ Are your Elementor Form email confirmations going to spam or not being delivered at all? By default, WordPress uses the PHP mail function to send emails. However, many hosting providers don’t fully support or properly configure it. As a result, important emails like form confirmations may land in spam folders — or fail to send completely. If you’re using Elementor forms on your business or eCommerce website, this can lead to missed leads, lost customers, and a poor user experience. Setting up SMTP ensures your email confirmations are sent securely, authenticated properly, and delivered reliably to your users’ inboxes. Using Gmail SMTP (Simple Mail Transfer Protocol) is a reliable way to ensure your Elementor Form emails are delivered successfully. With the Nexter Extension (Free) plugin, you can easily set up SMTP using Gmail SMTP and send authenticated, secure email confirmations directly to your users’ inboxes. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ### Set Up Gmail SMTP with the Nexter Extension To set up Gmail SMTP with Nexter Extension, from the WordPress Dashboard, go to **Nexter Extension** > **Utilities**. Then go to the **SMTP Email **section, enable the toggle and click on the gear icon (⚙). ![](https://theplusaddons.com/wp-content/uploads/2026/02/enable-smtp-email-1024x435.png) It will open the SMTP Email pop-up, then go to the **Gmail SMTP** tab. ![](https://theplusaddons.com/wp-content/uploads/2026/02/smtp-email-popup.png) To use Gmail SMTP, you have to generate a client ID and a client secret. ### Generate Google Client ID and Client Secret 1. For this, you have to log in to your Google account and go to the[ Google Developers Console](https://console.developers.google.com/). 2. If you don’t have any projects created, then click on the **CREATE PROJECT **link, but if you already have a project, then click on the current project name. It will open a pop-up, then click on the **New Project** link there. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-1-1024x504.png) 3. On the next screen, add your **Project name** and click the **CREATE** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-2.png) 4. Once the project is created, a notification will show; click on the **Select Project** link there to switch to the new project. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-3-1024x244.png) 5. Then go to the **Library** from the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-4.png) 6. Then search for “**Gmail API**”. 7. From the search result, click on the **Gmail API**. 8. On the next page, click the **Enable** button.  9. After that, click on the **OAuth consent screen** from the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-6.png) 10 Then click on the **Get Started** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-7-1024x364.png) 11. Then add your app information. Enter the app name and the user support email, then click on the **Next** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-8.png) 12. Then select the Audience as **External** and click on the **Next** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-9.png) 13. After that, add a contact email address and click on the **Next** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-10.png) 14. Then, check the Google API services user data policy and click on the **Continue** button. Once done, click on the **Create** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-11.png) 15. On the next page, click on the **Create OAuth client** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-12-1024x259.png) 16. Then, from the **Application type** dropdown, select **Web application**.  You can keep the Name as it is. 17. After that, in the **Authorised JavaScript origins** section, click the **ADD URI** button and add your website URL – Example: *http://www.yourwebsite.com*. 18. Then, in the **Authorised redirect URLs **section, click on the **ADD URI** button, then go back to the Nexter Email SMTP popup and copy the Redirect URI and paste it here. 19. Once done, click on the **Done** button. 20. Now you’ll see the **Client ID** in a pop-up. You can copy it into a notepad and click on the **OK** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-14.png) 21. On the next screen, click on your client name. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-15.png) 22. On the next screen, you’ll see both Client ID and Client Secret.  Copy both in a notepad. ![](https://theplusaddons.com/wp-content/uploads/2026/02/google-client-id-secret-16-1024x550.png) ### Set up Gmail SMTP with the Nexter Extension 1. Now, in the Nexter SMTP pop-up, add the Client ID and Client Secret in the **Client ID** and **Client Secret** fields. 2. Then add a sender name in the **From** field. 3. After that, click on the **Authorize with Gmail** button. **add-client-id-client-secret.mp4** 4. It will open a pop-up, select the same Gmail account that you’ve used to create the app. ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-connection-1.png) 5. Then click on the **Continue** link to bypass the Google verification. ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-connection-2.png) 6. On the next screen, again click on the **Continue** button.  ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-connection-3.png) 7. Then, in the next screen, allow all permissions and click on the **Continue** button. ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-connection-4.png) 8. Now you’ll see your app has been authorized. ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-connection-5.png) ### Send Test Email Once authorized, you’ll see a field to send a test email, add an email ID, and click on the **Send** button to verify the connection. ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-send-test-email.png) You should receive a test email at the email address. ![](https://theplusaddons.com/wp-content/uploads/2026/02/gmail-smtp-test-email.png) ### Set Email Action in the Form Widget Now you have to set the Email action in the Form widget from The Plus Addons for Elementor. To do this, add the Form widget to the page and follow the steps -  1. After adding the form fields, go to the **Submit Actions** tab and select **Email** from the **Add Action** section. 2. Now you’ll see the **Email Settings** tab, open it. 3. In the **To** tab, add the email ID you want to receive the notification for the form submission in the **Email Address** field. You can change the email subject from the **Subject** field. From the **Email Heading** field, you can change the email heading. After that, from the **Message** field, you can customize the email message. To receive all the values from all the fields, use the **[all-values]** shortcode. You can also receive individual field values by using the shortcode of the **Data Shortcode** field from the **Advance** tab of that repeater item. You can customize the message by using custom text with the shortcodes. > *Note: You can only use the shortcode value of the ****Data Shortcode**** field from the ****Advance**** tab for the email notification; you can’t use any other shortcode from any other plugin.* In the **From Email** field, you can add a custom email ID for the email sender. Then, in the **From Name** field, you can add a custom sender name. In the **Reply-To** field, you can add a custom email for the email reply receiver. Similarly, you can send cc and bcc emails from the **CC **and **BCC **tabs. Now, when the user submits the form, you’ll receive the email confirmation securely. --- # How to Create an Accordion with Repeater Field Data in Elementor? Source: https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/ Accordions are a great way to organize large amounts of content into a compact, user-friendly layout. When combined with ACF repeater fields, you can turn structured dynamic data into automatically generated accordion items — without manually adding each section in Elementor. This approach is perfect for FAQs, product details, schedules, and any content that needs frequent updates. With the Accordion widget from The Plus Addons for Elementor, you can easily create an accordion with the repeater field data. *To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](/docs/elementor-accordion-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text) Now, to add the repeater field, you have to use the [ACF (Pro)](https://www.advancedcustomfields.com/) or [SCF](https://wordpress.org/plugins/secure-custom-fields/) plugin. Here we are using the [SCF (Secure Custom Fields)](https://wordpress.org/plugins/secure-custom-fields/) plugin. ### Create a Repeater Field For example, we want to add additional product details to each product as an accordion. So, we will be creating a repeater field called “Product Details” with the following sub-fields –  - Title (Text)  - Content (Textarea)  1. In the New Field Group page, add the field group name. 2. Then select the **Field Type** as **Repeater**. 3. After that, add the **Field Label**. 4. Then add the sub fields as per your requirements, for instance, we will be adding Title as text and Content as a textarea. > *Note: In the accordion, you can only show two fields i.e. title and content.* 5. After that, set the rules where you want to add these fields, for instance, we’ll be adding them to the products. ### Add Data to Repeater Fields Now you have to add data in the repeater fields. So, edit one of the posts from the post type to which you have assigned the repeater fields; in our case, it is products. ### Create an Accordion with the Repeater Data Now we want to display the product details added with repeater fields on the product details page.  To do this, we need to add the Accordion widget from The Plus Addons for Elementor to the single product template. > *Note: If you don’t have Elementor Pro, you can use the free *[*Nexter Extension*](https://wordpress.org/plugins/nexter-extension/)* plugin to create the template.* Add the Repeater block to the page or post where you want to show the repeater data, then follow the steps –  1. Select **ACF Repeater** from the **Content Source** dropdown. 2. Then add the repeater field key in the **Repeater Field Key** field. 3. After that, add the field keys in the **Title** and **Content** fields. 4. Once done, update the template. Now you’ll see the accordion created with the repeater field data. --- # How to Add Text Animation in the Text Block Widget? Source: https://theplusaddons.com/docs/add-text-animation-in-the-text-block-widget/ Are you looking to add text animation in the Text Block widget? Text animations help your content feel more alive and interactive. They draw the reader’s eye, emphasize key points, and turn plain text into something more engaging and visually appealing.  With the Text Block widget from The Plus Addons for Elementor, you can easily add animation to your text. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Text widget, [click here](/docs/advanced-text-block-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-text-block/?utm_source=tpae&utm_medium=docs&utm_campaign=text) Add the Text Block widget to the page and follow the steps. 1. Add the content in the Content tab. 2. Then go to the **Text Animation** tab and enable the **Enable Animation** toggle. From here, you can animate the text. 3. After that, from the **Animation **dropdown, you have to select the animation type.  Here you’ll find the options –  - **Basic** – With this option, you can add basic GSAP animation on page load, page scroll and on hover to the text. - **Global** – With this option, you can add a global GSAP animation to the text. ### Use Basic Animation Select **Basic** from the **Animation **dropdown. From the **Animation Type** dropdown, you have to select the animation type. Here you’ll find four options –  - **Normal** – With this option, you can create custom text animation.   - **Explode / Scatter** – With this option, you can create an explode or scatter text animation effect. - **Scramble Text** – With this option, you can create a scramble text animation effect. - **Typing Effect** – With this option, you can create a text typing animation effect. You’ll see different settings for each option. Select the option as per your requirements. Let’s see the settings for the **Normal** option. You can manually set the position, skew, scale, rotation and transform origin from the **Transform Effects** section. You can split the text by characters or words from the **Split Type** dropdown. Then, from the **Animation Trigger** dropdown, you can set the trigger on page load, scroll or on hover. From the **Animation Controls** section, you can set the animation duration, delay and stagger to add a delay between sequences. You can add an animation effect from the **Animation Effect** dropdown. Then, by enabling the **Repeat** toggle, you can repeat the animation. Based on your settings, you’ll see the text animation. #### Normal Animation #### Explode / Scatter Animation #### Scramble Text Animation #### Typing Effect Animation ### Use Global Animation To add a global animation, you have to [create the global animation first](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/#Global-Image-Animations). This allows you to reuse the same animation. Select **Global** from the **Animation **dropdown. Then, from the **Global Animation** dropdown, select your animation. --- # How to Add Image Animation in the Creative Image Widget? Source: https://theplusaddons.com/docs/add-image-animation-in-the-creative-image-widget/ Do you want to add image animation in the Creative Image Widget? Adding animation to your images is a simple yet powerful way to make your website look more engaging and professional. Animated images help grab attention, highlight important content, and bring your design to life.  With the Creative Image widget from The Plus Addons for Elementor, you can easily add animation to your images. *To check the complete feature overview documentation of The Plus Addons for Elementor Creative Image widget, [click here](https://theplusaddons.com/docs//creative-image-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/creative-images-for-elementor/) Add the Creative Image widget to the page and follow the steps. 1. Add the content in the **Content** tab. 2. Then go to the **Image Animation** tab and enable the **Enable Animation** toggle. 3. After that, from the **Animation **dropdown, you have to select the animation type.  Here you’ll find the options –  - **Basic** – With this option, you can add basic GSAP animation on page load, page scroll and on hover to the image. - **Global** – With this option, you can add a global GSAP animation to the image. ### Use Basic Animation Select **Basic** from the **Animation **dropdown. Then, from the **Trigger Type** dropdown, you have to set the trigger.  Here you’ll find three options –  - **On Load** - To trigger the animation on page load. - **On Scroll** - To trigger the animation on page scroll. - **On Hover** - To trigger the animation on mouse hover. Select the option as per your requirement. From the **Transform Effects** section, you can manually set the offset, skew, scale, rotation, opacity, transform origin and add a mask to the image using a clip path. Then, from the **Animation Controls** section, you can set the animation duration and delay. After that, you can add an animation effect from the **Animation Effect** dropdown. By clicking the **Preview Animation** button, you can check the animation in the editor. Based on your settings, you’ll see the animation. ### Use Global Animation To add a global animation, you have to [create the global animation first](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/#Global-Image-Animations). This allows you to use the same animation multiple times. Select **Global** from the **Animation **dropdown. Then, from the **Global Animation** dropdown, select your animation. --- # How to Add Image Animation in Elementor Image Cascading Widget? Source: https://theplusaddons.com/docs/add-image-animation-in-elementor-image-cascading-widget/ Do you want to add image animation in the Elementor Image Cascading Widget? Adding animation to your images is a simple way to make your website look more engaging and professional.  With the Image Cascading widget from The Plus Addons for Elementor, you can easily add animation to your images. *To check the complete feature overview documentation of The Plus Addons for Elementor Cascading Image widget, [click here](https://theplusaddons.com/docs//cascading-image-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-image-cascading/) Add the Image Cascading widget to the page and follow the steps. 1. Add the content in the **Image Cascading** tab. 2. Then go to the **Image Animation** tab and enable the **Enable Animation** toggle. 3. After that, from the **Animation **dropdown, you have to select the animation type.  Here you’ll find the options –  - **Basic** – With this option, you can add basic GSAP animation on page load, page scroll and on hover to the image. - **Global** – With this option, you can add a global GSAP animation to the image. ### Use Basic Animation Select **Basic** from the **Animation **dropdown. Then, from the **Trigger Type** dropdown, you have to set the trigger.  Here you’ll find three options –  - **On Load** - To trigger the animation on page load. - **On Scroll** - To trigger the animation on page scroll. - **On Hover** - To trigger the animation on mouse hover. Select the option as per your requirement. From the **Transform Effects** section, you can manually set the offset, skew, scale, rotation, opacity, transform origin and add a mask to the image using a clip path. Then, from the **Animation Controls** section, you can set the animation duration and delay. After that, you can add an animation effect from the **Animation Effect** dropdown. By clicking the **Preview Animation** button, you can check the animation in the editor. Based on your settings, you’ll see the animation. ### Use Global Animation To add a global animation, you have to [create the global animation first](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/#Global-Image-Animations). This allows you to use the same animation multiple times. Select **Global** from the **Animation **dropdown. Then, from the **Global Animation** dropdown, select your animation. --- # How to Add Text Animation in the Heading Title Widget? Source: https://theplusaddons.com/docs/add-text-animation-in-the-heading-title-widget/ Are you looking to add text animation in the Heading Title Widget? Adding text animation is a great way to bring creativity and energy to your website. Animated text helps catch the visitor’s attention, highlight important messages, and make your headings more engaging.  With the Heading Title widget from The Plus Addons for Elementor, you can easily add animation to your text. *To check the complete feature overview documentation of The Plus Addons for Elementor Heading Title Widget, [click here.](https://theplusaddons.com/docs//heading-title-widget-settings-overview/)* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-heading-titles/?utm_source=tpae&utm_medium=docs&utm_campaign=text) Add the Heading Title widget to the page and follow the steps. 1. Select the appropriate style (except Animated Split) and add the content. 2. Then go to the **Title Text Animation** tab and enable the **Enable Animation** toggle. From here, you can animate the main heading. 3. After that, from the **Animation **dropdown, you have to select the animation type.  Here you’ll find the options –  - **Basic** – With this option, you can add basic GSAP animation on page load, page scroll and on hover to the text. - **Global** – With this option, you can add a global GSAP animation to the text. ### Use Basic Animation Select **Basic** from the **Animation **dropdown. From the **Animation Type** dropdown, you have to select the animation type. Here you’ll find four options –  - **Normal** – With this option, you can create custom text animation.   - **Explode / Scatter** – With this option, you can create an explode or scatter text animation effect. - **Scramble Text** – With this option, you can create a scramble text animation effect. - **Typing Effect** – With this option, you can create a text typing animation effect. You’ll see different settings for each option. Select the option as per your requirements. Let’s see the settings for the **Normal** option. You can manually set the position, skew, scale, rotation and transform origin from the **Transform Effects** section. You can split the text by characters or words from the **Split Type** dropdown. Then, from the **Animation Trigger** dropdown, you can set the trigger on page load, scroll or on hover. From the **Animation Controls** section, you can set the animation duration, delay and stagger to add a delay between sequences. You can add an animation effect from the **Animation Effect** dropdown. Then, by enabling the **Repeat** toggle, you can repeat the animation. Based on your settings, you’ll see the text animation. #### Normal Animation #### Explode / Scatter Animation #### Scramble Text Animation #### Typing Effect Animation ### Use Global Animation To add a global animation, you have to [create the global animation first](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/#Global-Image-Animations). This allows you to use the same animation multiple times. Select **Global** from the **Animation **dropdown. Then, from the **Global Animation** dropdown, select your animation. Similarly, from the **Sub Title Text Animation **tab, you can add an animation to the subtitle. --- # How to Add Dynamic Content in Elementor? Source: https://theplusaddons.com/docs/add-dynamic-content-in-elementor/ Do you want to show content dynamically in Elementor? Adding dynamic content to your Elementor website helps you create a more engaging and personalized experience for your visitors. Instead of showing the same content to everyone, you can display information that changes based on user data or page details. With the Dynamic Tag extension from The Plus Addons for Elementor, you can easily show different dynamic content like user data, custom field data etc. to make dynamic Elementor websites. ## Required Setup - Elementor FREE Plugin installed & activated. - You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated. - Make sure the Dynamic Tag extension is activated, to verify this visit The Plus Addons → Extensions → and search for Dynamic Tag and activate. - This is a Freemium feature to unlock the extra features; you need the[ PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). ## How to Activate the Dynamic Tag Extension? Go to  - **The Plus Addons **→** Extensions ** - **Search** the extension name and **turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2026/01/dynamic-tag-activate-1024x456.png) ## Key Features - **Post data **- You can easily show different post-related data, such as post title, slug etc on a single post template.  - **Site data** - You can easily show different site-related data, such as site title, URL etc.  - **User data **(pro) - You can easily show different user-related data, such as user info, meta, URL etc. - **Archive data **(pro) - You can easily show different archive data, such as archive title, URL etc on an archive template. - **WooCommerce data** (pro) - You can easily show different WooCommerce-related data, such as product title, price etc. - **Custom field data** (pro) - You can easily show custom field data created with different plugins like ACF and SCF. - **Custom Loop Skin** (pro) - You can easily use the dynamic tags in your custom loop skin with Product Listing and Dynamic Listing widgets. ## Add Dynamic Content in Elementor To add dynamic content, add any widget to the page.   ### Dynamic Content For instance, let’s add the Elementor **Heading** widget. Click on the cylindrical icon at the end of the **Title** field. > *Note: You’ll find this option at different places for different widgets, but wherever you see the cylindrical icon, you can add dynamic content. *  Then, from the **Dynamic Field** dropdown, you have to choose the data you want to add. Here you’ll find different options. > *Note: The options will vary based on field type (content, image, URL etc.) and plugins installed (WooCommerce, custom field plugins etc.)* **Plus - Post**: To show different post-related data on a single post template. - **Post ID** - To show the Id of the current post. - **Post Title** - To show the title of the current post. - **Post Excerpt** - To show the post excerpt of the current post. - **Post Content** - To show the post content of the current post. - **Post Category** - To show the post category of the current post. - **Post Tags** - To show the post tag of the current post. - **Post Author Name** - To show the author name of the current post. - **Post Slug** - To show the post slug of the current post. - **Post Date** - To show the current post publish date based on the timezone set in WordPress. - **Post Time** - To show the current post publish time or modified time based on GMT(Greenwich Mean Time). - **Post Terms** - To show the taxonomy of the current post. - **Post Status** - To show the post publish status of the current post. - **Post Type** - To show the post type of the current post. - **Post Featured Image Data** - To show featured image data (Id, alt text, title, caption or description) of the current post. - **Post URL** - To show the current post URL. **Plus - Site**: To show site-related data. - **Site Title** - To show the site title. - **Site Tagline** - To show the site tagline. - **Current Date Time** - To show the current date and time. **Plus - User** (pro): To show logged-in user-related data. - **User Info** - To show the information (id, name, email, website, display name, nickname, first name, last name, description or role) of the current user - **User Meta** - To show the meta of the current user. **Plus - Archive** (pro): To show archive-related data on an archive template. - **Archive Title** - To show the title of the current archive. - **Archive Meta** - To show the archive info based on the meta key. - **Archive Description** - To show the description of the current archive. If you are using the WooCommerce plugin, you’ll see different WooCommerce-related options. **Plus - WooCommerce** (pro): To show different WooCommerce-related data on a single product template.  - **Product ID** - To show the id of the current product. - **Product Title** - To show the title of the current product. - **Product Price** - To show the price (regular or sale price) of the current product. - **Product Category** - To show the category of the current product. - **Product Description** - To show the description of the current product. - **Product Short Description** - To show the short description of the current product. - **Product SKU** - To show the SKU of the current product. - **Product Slug** - To show the slug of the current product. - **Product Tags** - To show the tag of the current product. - **Product Type** - To show the type of the current product. - **Product Sale** - To show the sale status of the current product. - **Product Rating** - To show the rating of the current product. - **Product Shipping** - To show the shipping info of the current product. - **Product Attribute** - To show the attribute of the current product. - **Product Purchase Note** - To show the purchase note of the current product. - **Product Stock Status** - To show the stock status of the current product. - **Product Stock Quantity** - To show the stock quantity of the current product. If you are using custom field plugins like ACF or SCF. You’ll see relevant options. **Custom field** (pro) - To show custom field data created with different custom field plugins like ACF and SCF. The section name will vary based on the installed plugin and the custom field group name. The option names will vary based on the custom field names. Select the option as per your requirements. Then, from the **Advanced **tab, you can add a prefix, postfix and fallback text to the data. > *Note: For some options, you’ll find some additional settings.* ### Add Dynamic URL Similarly, in the **Link** field, you can add dynamic links by clicking the cylindrical icon. Here, you’ll find different link-related options -  **Plus - Post**: To add post-related URL. - **Post URL** - To add the post URL of the current post.  - **Post Term URL** - To add the taxonomy (category, tag etc.) URL of the current post. - **Post Author URL** - To add the author URL of the current post. **Plus - Site**: To add site-related URL. - **Site Url** - To add the site URL. **Plus - User** (pro): To add a logged-in user-related URL. - **User URL** - To add the URL of the current user. - **User Login/Logout URL** - To add the login/logout URL of the current user. **Plus - Archive** (pro): To add an archive-related URL. - **Archive URL** - To add the URL of the current archive. **Plus - WooCommerce** (pro): To add different WooCommerce-related URL.  - **Product URL** - To add the URL of the current product. - **Product Category URL** - To add the category URL of the current product. - **Product Tag URL** - To add the tag URL of the current product. - **Product Add to Cart URL** - To add the add to cart URL of the current product with quantity. - **Product Checkout URL** - To add the checkout URL. - **Back to Shop URL** - To add the shop URL. If you are using custom field plugins like ACF or SCF. You’ll see relevant options. **Custom field** (pro) - To add a custom field URL created with different custom field plugins like ACF and SCF. The section name will vary based on the installed plugin and the custom field group name. The option names will vary based on the custom field names. For some fields, you can add a fallback URL from the **Advanced **tab.  > *Note: For some options, you’ll find some additional settings.* ### Add Dynamic Image You can also add a dynamic image to an image field of a widget. For instance, let’s add the Elementor **Image **widget. Click on the cylindrical icon at the end of the **Image **field.  Here, you’ll find different image-related options -  **Plus - Post**: To add a post-related image. - **Post Featured Image** - To add the featured image of the current post. - **Post Author Avatar** - To add the author image of the current post. **Plus - Site**: To add a site-related image. - **Site Logo** - To add the site logo. - **Site Icon** - To add the site icon. **Plus - User** (pro): To add a logged-in user-related image. - **User Avatar** - To add the avatar of the current user. **Plus - WooCommerce** (pro): To add a WooCommerce-related image. - **Product Featured Image** - To add the featured image of the current product. If you are using custom field plugins like ACF or SCF. You’ll see relevant options. **Custom field** (pro) - To add a custom field image created with different custom field plugins like ACF and SCF. The section name will vary based on the installed plugin and the custom field group name. The option names will vary based on the custom field names. From the **Settings** tab, you can add a fallback image as well. This is how easily you can add different types of dynamic content in Elementor. --- # How to Add Global GSAP Animation in Elementor? Source: https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/ Are you looking to create GSAP animation globally on your Elementor website? By saving animations globally, you can create them once and reuse them across multiple sections and pages. This helps you maintain consistency, save time, and apply advanced animations without repeating the same setup. With the GSAP global animation feature from The Plus Addons for Elementor, you can easily create GSAP animations globally and use them multiple times on different widgets. ## Required Setup - Elementor FREE Plugin installed & activated. - You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated. - Make sure the GSAP Scroll Interaction (freemium), Global Text Animation (free) and Global Image Animation (pro) are activated. - To unlock the extra features, you need the[ PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).  ## How to Activate Global Animation Extensions? Go to  - **The Plus Addons **→** Extensions ** - Turn on the **GSAP Scroll Interaction**, **Global Text Animation** (for text animation) and **Global Image Animation** (for image animation). ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-global-extension-activate-1024x370.png) ## Key Features - **Global Scroll Interaction** - You can create a global animation on page scroll or load and reuse on any widget. - **Global Text Animations** - You can create a global animation for text. - **Global Image Animations** - You can create a global animation for an image. ## Create Global Animation Open the Elementor editor, then from the top, click on the **Elementor logo **>** Site Settings**. From here, you can create global animations. Based on the activated extensions, you’ll see the options. **Global Scroll Interaction** - You can create a global animation on page scroll or load. **Global Text Animations** - You can create a global animation for text. **Global Image Animations** - You can create a global animation for an image. ### Global Scroll Interaction With this option, you can create a global animation that can be applied to any widget. To set a global scroll animation, follow the steps.  Click on the **Global Scroll Interaction** tab. Then click on the **+ Add Scroll Interaction** button. You’ll see a repeater item; open it. In the **Animation Name** field, you can add the animation name.  > *Note: Keep the name unique; you have to identify the animation by name while applying it later.* Then, from the **Trigger** dropdown, you have to set the trigger.  Here you’ll find two options -  - **On Load** - To trigger the animation on page load. - **On Scroll** - To trigger the animation on page scroll. Select the option as per your requirement. From the **Delay** section, you can add a delay to the animation. Then you can set the animation duration from the **Duration** field. After that, from the **Offset** field, you can set the space from the top when the animation starts. From the **Animation Style** dropdown, you can set an animation style. You can add an animation effect from the **Animation Effect** dropdown. After that, you can set the animation direction from the **Animation Direction** section.  By enabling the **Stagger Effect** toggle, you can add a delay between sequences. Then, by enabling the **Repeat** toggle, you can repeat the animation. You can click the **+ Add Scroll Interaction** button to create more global scroll animations. Once done, click on the **Save Changes** button to save the animation. #### Use Global Scroll Interaction Animation Now, to use the global scroll interaction animation, open the page or post in Elementor editor. > *Note: If you are using it on an element on the same page, save the page and reload it.* 1. Add the widget on which you want to add the animation. For instance, the Image widget here. 2. Go to the **Advanced **>** GSAP Scroll Interaction** tab. 3. Select **Global** from the **Animation Type** dropdown. 4. Then, from the **Global Animation** dropdown, select your animation. > *Note: If you don’t see your animation name in the dropdown, reload the page.* Now your global animation will be applied to your selected element. ### Global Text Animations With this option, you can create a global text animation that can be applied to the Heading and Text Block widgets from The Plus Addons for Elementor.   To set a global text animation, follow the steps. Click on the **Global Text Animations** tab. Then click on the **+ Add Global Animations** button. You’ll see a repeater item; open it. In the **Animation Name** field, you can add the animation name. > *Note: Keep the name unique; you have to identify the animation by name while applying it later.* From the **Animation Type** dropdown, you have to select the animation type. Here you’ll find four options -  - **Normal** - With this option, you can create custom text animation.   - **Explode / Scatter** - With this option, you can create an explode or scatter text animation effect. - **Scramble Text** - With this option, you can create a scramble text animation effect. - **Typing Effect** - With this option, you can create a text typing animation effect. You’ll see different settings for each option. Select the option as per your requirements. Let’s see the settings for the **Normal** option. You can manually set the position, skew, scale, rotation and transform origin. You can split the text by characters or words from the **Split Type** dropdown. Then, from the **Animation Trigger** dropdown, you can set the trigger on page load, scroll or on hover. From the **Duration** section, you can set the animation duration. Then you can set a delay from the **Delay** field. By enabling the **Stagger **toggle, you can add a delay between sequences. You can add an animation effect from the **Animation Effect** dropdown. Then, by enabling the **Repeat** toggle, you can repeat the animation. You can click the **+ Add Global Animation** button to create more global text animations. Once done, click on the **Save Changes** button to save the animation. #### Use Global Text Animations Now, to use the global text animation, open the page or post in Elementor editor. > *Note: If you are using it on an element on the same page, save the page and reload it.* 1. Add the Heading or Text Block widget on which you want to add the animation.  For instance, we’ll use the Text Block widget here. 2. Go to the **Text Animation** tab, and enable the **Enable Animation** toggle. 3. Select **Global** from the **Animation Type** dropdown. 4. Then, from the **Global Animation** dropdown, select your animation. > *Note: If you don’t see your animation name in the dropdown, reload the page.* Now your global text animation will be applied to your selected text element. ### Global Image Animations With this option, you can create a global image animation that can be applied to the Creative Image and Cascading Image widgets of The Plus Addons for Elementor.   To set a global image animation, follow the steps. Click on the **Global Image Animations** tab. Then click on the **+ Add Global Animations** button. You’ll see a repeater item; open it. In the **Animation Name** field, you can add the animation name. > *Note: Keep the name unique; you have to identify the animation by name while applying it later.* From the **Animation Trigger** dropdown, you can set the trigger on page load, scroll or on hover. From the **Duration** section, you can set the animation duration. Then you can set a delay from the **Delay** field. You can manually set the offset, skew, scale, rotation and opacity. Then, from the **Transform Origin** dropdown, you can set the transform origin. After that, from the **Clip Path** dropdown, you can add a mask to the image. Then, you can add an animation effect from the **Animation Effect** dropdown. You can click the **+ Add Global Animation** button to create more global image animations. Once done, click on the **Save Changes** button to save the animation. #### Use Global Image Animations Now, to use the global image animation, open the page or post in Elementor editor. > *Note: If you are using it on an element on the same page, save the page and reload it.* 1. Add the Creative Image or Cascading Image widget on which you want to add the animation.  For instance, we’ll use the Creative Image widget here. 2. Go to the **Image Animation** tab, and enable the **Enable Animation** toggle. 3. Select **Global** from the **Animation Type** dropdown. 4. Then, from the **Global Animation** dropdown, select your animation. > *Note: If you don’t see your animation name in the dropdown, reload the page.* Now your global image animation will be applied to your selected image element. --- # How to Use GSAP Animation in Elementor? Source: https://theplusaddons.com/docs/use-gsap-animation-in-elementor/ Are you looking to add advanced GSAP animation to your Elementor website? GSAP is a powerful animation library that helps you create smooth, fast, and eye-catching animations that go beyond basic effects. With GSAP, you can control how elements move, fade, scale, or react to scrolling and user actions.  With the GSAP Scroll Interaction feature from The Plus Addons for Elementor, you can easily add GSAP animation to any element on your website. ## Required Setup - Elementor FREE Plugin installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - Make sure the GSAP Scroll Interactions extension is activated, to verify this visit The Plus Addons → Extensions → and search for GSAP Scroll Interactions and activate. - This is a Freemium feature to unlock the extra features; you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)  ## How to Activate the GSAP Scroll Interaction Extension? Go to  - **The Plus Addons **→** Extensions ** - **Search** the extension name and **turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-scroll-interaction-activate.png) ## Key Features - **Global** - You can add a global GSAP animation. - **Basic** - You can add a basic GSAP animation on page load or page scroll. - **Advanced** - You can add advanced GSAP scroll-based animations. ## How to Use GSAP Animation? To use the GSAP animation, add any widget to the page or post where you want to add the animation and follow the steps. 1. Go to the **Advanced **>** GSAP Scroll Interaction** tab. 2. From the **Animation Type** dropdown, you have to select the animation type.  Here you’ll find the options -  - **Global** - With this option, you can add a global GSAP animation. - **Basic** - With this option, you can add basic GSAP animation on page load or page scroll. - **Advanced** - With this option, you can add advanced GSAP scrolling animations. Based on your selected animation type, you’ll see different settings. You need to customize the settings according to your requirements to create the animation. Let’s see each option. ### Use Global Animation To add a global animation to any widget, you have to [create the global animation first](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/#Global-Image-Animations). To add a global animation to a widget, select **Global** from the **Animation Type** dropdown. Then, from the **Global Animation** dropdown, select your animation. ### Use Basic Animation To add a basic animation to a widget, select **Basic** from the **Animation Type** dropdown. Then, from the **Trigger** dropdown, you have to set the trigger.  Here you’ll find two options -  - **On Load** - To trigger the animation on page load. - **On Scroll** - To trigger the animation on page scroll. Select the option as per your requirement. From the **Animation Controls** section, you can set the animation delay, duration and offset. Then, from the **Motion Settings** section, you can set the animation style, effect and direction. By enabling the **Stagger Effect** toggle, you can add a delay between sequences. Then, by enabling the **Repeat** toggle, you can repeat the animation. Based on your settings, you’ll see the animation. ### Use Advanced Animation To add an advanced animation to a widget, select **Advanced** from the **Animation Type** dropdown. From the **Add Frame** section, you have to use the repeater items to create the animation. By default, you’ll find one repeater item; open it. In the **Item Name** field, you can add the repeater item name. Then, from the **Scroll Options** section, you have to set the scrolling settings.  This is the most important setting; based on this, your animation will work. Let’s understand the options -  - **Trigger** - Set when the animation starts. - **Duration** - Set the animation duration. - **Offset** - Set the space from the top when the animation starts. - **Dynamic Height** - Enable this toggle to fix any height-related issue in all devices. #### Motion After that, from the **Motion** toggle, you can add different motion-based scrolling animations. - **Vertical** - You can set the starting and ending vertical position.  - **Horizontal** - You can set the starting and ending horizontal position. - **Rotate** - You can set the rotation position and starting and ending rotation for X, Y and Z axis separately. - **Scale** - You can set the starting and ending scale values for the X, Y and Z axis separately. - **Skew** - You can set the starting and ending skew value for the X and Y axis separately. **Motion Scrolling Animation Demo** #### Appearance Then, from the **Appearance** toggle, you can add different appearance-based scrolling animations. - **Opacity** - You can set the starting and ending opacity value.  - **Padding** - You can set the starting and ending padding value. - **Color** - You can set the starting and ending font color. - **Font Size** - You can set the starting and ending font size. - **Letter Spacing** - You can set the starting and ending letter spacing value. - **Text Shadow** - You can set the starting and ending text shadow value. - **Box Shadow** - You can set the starting and ending box shadow value. - **Border Radius** - You can set the starting and ending border radius value. - **Background Color** - You can set the starting and ending background color. **Appearance Scrolling Animation Demo** #### Visual Effect From the **Visual Effects** toggle, you can add different visual-based scrolling animations. - **Blur** - You can set the starting and ending blur value. - **Grayscale** - You can set the starting and ending grayscale value. - **Brightness** -  You can set the starting and ending brightness value. **Visual Effect Scrolling Animation Demo** #### Advanced By enabling the **Advanced** toggle, you can add some advanced scrolling animation. ##### Play Video on Scroll From the **Play Video** section, you can play a video as you scroll. This will work with the Video Player widget from The Plus Addons for Elementor only. Add the Video Player widget from The Plus Addons for Elementor to the page. Then select **Self Hosted** from the source and add the video. > *Note: This will work with self-hosted videos only.* Then go to the **Advanced **>** GSAP Scroll Interaction** tab. Select **Advanced** from the **Animation Type** dropdown and open the repeater item. Then enable the **Advanced** toggle and open the **Play Video** settings. Copy the CSS class name without the dot from the **Video Selector (CSS)** field. You can also change the class name. Then go to the **Layout** tab and add the class name in the **CSS Classes** field to make the connection. Now, as you scroll, the video will play frame by frame. ##### Draw SVG on Scroll From the **Draw SVG** section, you can draw an SVG on scroll. This feature will work with the Draw SVG widget from The Plus Addons for Elementor only. Add the Draw SVG widget from The Plus Addons for Elementor to the page. Select the container containing the Draw SVG widget. Then go to the **Advanced **>** GSAP Scroll Interaction** tab. Select **Advanced** from the **Animation Type** dropdown. After setting the Scrolling Options, enable the **Advanced** toggle and open the **Draw SVG** settings. Copy the CSS class name without the dot from the **SVG Selector (CSS)** field. You can also change the class name. Then select the Draw SVG widget, and enable the **Connect GSAP Interaction** toggle. After that, go to the **Advanced **>** Layout** tab. Then add the class name in the **CSS Classes** field to make the connection. Now, you’ll see SVG will draw as you scroll. ##### Parallax Effect on Scroll From the **Parallax Effect** section, you can add a parallax effect on scroll. ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-scroll-interaction-advanced-parallax-effect.png) - **Horizontal Movement (X)** - You can move the element in the horizontal axis. Positive value will move the element to the right and a negative value will move it to the left. - **Vertical Movement (Y)** - You can move the element in the vertical axis. Positive value will move the element down and a negative value will move it up. ##### Advanced Options From the **Advanced Options** section, you can repeat the animation, add easing effects etc. to an existing animation. ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-scroll-interaction-advanced-advanced-options.png) - **Repeat** - You can set the number of times the animation will repeat as you scroll. - **Easing** - You can set an easing effect for the animation.  - **Timing** -  You can set the animation duration. > *Note: This will work on the animation created using the previous options mentioned above.* ##### Sticky By enabling the **Sticky** toggle, you can make the element sticky as you scroll.  ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-scroll-interaction-advanced-sticky.png) From the **Z-Index** field, you can set a z-index value to overlap other elements. ##### Custom Selector From the **Custom Selector** section, you can target a specific element using its CSS class, ID, or selector name to apply the animation. > *Note: This will work on the animation created using the previous options mentioned above.* For instance, we are using the Heading Title widget from The Plus Addons for Elementor and have applied the letter spacing and color change animation on scroll. Now we want this animation to be applied to the h3 tag of the Heading Title widget only. So you have to add **h3** in the **Custom Selector** field. Now, when you scroll, the animation will be applied to the h3 tag only.  ##### Developer By enabling the **Developer** toggle, you can add a custom trigger name in the **Trigger Name** field. ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-scroll-interaction-advanced-developer.png) You’ll now see the trigger and scroll points on the screen. Based on these, you can fine-tune your animation. These triggers help you create more precise and accurate animations. > *Note: You can apply all the animations like Motion, Appearance, Visual Effect and Advanced together on one element.* You can click on the **+ Add Item** button to add more repeater items to create more complex animations. From the **Visibility** field, you can choose which responsive devices the animation will run on. ![](https://theplusaddons.com/wp-content/uploads/2026/01/gsap-scroll-interaction-advanced-add-item-visibility.png) --- # How to Show Posts from RSS Feed in Elementor? Source: https://theplusaddons.com/docs/show-posts-from-rss-feed-in-elementor/ Want to keep your website visitors up-to-date with your latest articles, news, or external blog posts without the hassle of manual updates? With the Social Feed widget from The Plus Addons for Elementor, you can seamlessly pull content from any valid RSS feed and display it right inside your Elementor layout. Whether you’d like to showcase your own blog feed, bring in curated industry insights, or surface partner posts, you’ll be able to configure the feed source. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this, add the Social Feed widget to the page and follow the steps. 1. Select the appropriate layout and style for the feed.  2. Then go to the **Social Feeds** section. Here you’ll find a repeater item, open the item, and select **WP RSS Feed** from the **Source** dropdown. 3. After that, in the **RSS Feed URL** add a valid RSS feed URL. Similarly, you can show posts from any post type if the RSS feed is enabled. In the **Maximum Posts **field, you can set a maximum number of posts to be displayed on a page.  From the **Offset Post** field, you can hide posts from the beginning of the feed. Then, by enabling the **Show Image** toggle, you can show the post image, you can show the image in two ways -  - **Content** - To show an image from the content. - **Enclosure** -  To show an image using the enclosure tag. You can also set a fallback image if there are no images in the post. From the **Show Title** toggle, you can show the post title. You can enable or disable the post link from the title, you can change the post title HTML tag and you can set a fallback title as well. By enabling the **Show Description** toggle, you can show the post description. From the **Show Author Name** toggle, you can show the post author name. Then, from the **Show Author Image** toggle, you can show the author image. By enabling the **Show Timestemps** toggle, you can show the post's published date. You can show the RSS feed icon on each post by enabling the **Show RSS Icon** toggle. This is how you can show posts from any post type with an RSS feed. --- # How to Create a Custom WooCommerce Product Loop Skin in Elementor Using Smart Loop Builder? Source: https://theplusaddons.com/docs/create-a-custom-woocommerce-product-loop-skin-in-elementor-using-smart-loop-builder/ Are you looking to create a custom product loop skin in Elementor for your WooCommerce shop and product archive pages? With the Smart Loop Builder, you can design unique product listing templates that perfectly fit your store’s branding. By using a custom design, you can highlight product details the way you want while maintaining a consistent style across your store. This not only helps your shop look more professional but also creates a better shopping experience that encourages more conversions.  With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily add a custom design to the product listing items using custom HTML and CSS.  *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, make sure you have the [WooCommerce](https://wordpress.org/plugins/woocommerce/) plugin installed and activated on your site and created at least one product. Once done, follow the steps -   1. Add the Dynamic Listing widget to the page.  2. After selecting the appropriate listing type from the **Post Listing Types** dropdown (except ACF Repeater and Custom Query), select **Product** from the **Post Type** dropdown. 3. Then select **Smart Loop Builder** from the **Style** section. After that, select the appropriate layout from the **Layout** section. 4. Then go to the **Smart Loop Builder** tab, here you have to add custom HTML and CSS to create your design or you can use a ready preset style and customize it. > *Note: To use this feature effectively, you should know HTML and CSS.* ### Use Ready Preset To use ready presets, click on the **Ready Presets** button. It will open a popup, where you’ll find some free and pro preset templates.  Click on the download icon of the template you want to use and the HTML and CSS code of that template will be added in the HTML and CSS sections. Then you can easily modify the HTML and CSS code as per your requirements. ### Custom Template But if you want to create the template from scratch, you can do that as well by writing your custom HTML and CSS code. In the **HTML** section, you have to write the HTML of your template. In your HTML template, you have to use the following tags to show the respective data. - For the Post Title - ***{{tpae_title}}*** - For the Post Excerpt - ***{{tpae_excerpt}}*** - For the Featured Image - ***{{tpae_image}}*** - For the Featured Image URL - ***{{tpae_image_url}}*** - For the Post Description - ***{{tpae_description}}*** - For the Post URL - ***{{tpae_permalink}}*** - For the Post Author - ***{{tpae_author_meta}}*** - For the Post Author Avatar - ***{{tpae_author_logo}}*** - For the Post Date (publish date) - ***{{tpae_date_created}}*** - For the Post Time (publish time) - ***{{tpae_time_created}}*** - For the Post Category - **{{tpae_category}}** - For the Post Tag - **{{tpae_tag}}** - For the Post Author URL - **{{tpae_author_url}}** - For the Post Date (publish date - month / year / day) - ***{{tpae_date_created_m_y_d}}*** - For the Post Date (publish date - month (full month name) / year / day) - ***{{tpae_date_created_f_d_y}}*** - For the Post Date (publish date - day / month / year) - ***{{tpae_date_created_d_m_y}}*** - For the Post Date (publish date - month / day / year) - ***{{tpae_date_created_m_d_y}}*** - For the Post Date (publish date - day / month / year / hour) - ***{{tpae_date_created_d_m_y_h}}*** - For the Post Date (publish date - Hour:Minute AM/PM) - ***{{tpae_date_created_h_m_a}}*** - For the Post Date (publish date - Date with GMT offset) - ***{{tpae_date_created_d_m_y_g}}*** - For the Post Date (publish date - ISO 8601 Date Format) - ***{{tpae_date_created_iso}}*** - For the Post Date (publish date - RFC 2822 Date Format) - ***{{tpae_date_created_rfc}}*** - For the Post Date (publish date - day month) - ***{{tpae_date_created_day_month}}*** - For the Post Date (publish date - month year) - ***{{tpae_date_created_month_year}}*** - For the Post Date (publish date - Just the day) - ***{{tpae_date_created_day}}*** - For the Post Date (publish date - Time ago) - ***{{tpae_date_created_time_ago}}*** - For the Post Date (publish date - month (short month name) / year / day) - ***{{tpae_date_created_M_D_Y}}*** - For Custom Field Data - ***{{custom_field_id}}*** i.e. if the field id is **customer_data** then it will be ***{{customer_data}}*** - For the Product Price - ***{{tpae_product_price}}*** - For the Product Regular Price - ***{{tpae_product_regular_price}}*** - For the Product Sale Price - ***{{tpae_product_sale_price}}*** - For the Product SKU - ***{{tpae_product_sku}}*** - For the Product Price and Add to Cart button - ***{{tpae_product_add_to_cart}}*** > *Note: You can add custom class and static content in your HTML but for dynamic data, you have to use these tags.* Then in the **CSS** section, you have to write custom CSS to style your template. #### Example Here, we will add a custom (static) HTML and CSS code, then will add the dynamic tags to make it dynamic. In this code, we have a product image, product title, product category, product price, product description and a view button with a link to the product details page. For the product image, we will use the ***{{tpae_image}}*** tag without any tag. To make the product title dynamic, we will use ***{{tpae_title}}*** tag. Then, for the product category will use the ***{{tpae_category}}*** tag. For the product price, we will use the ***{{tpae_product_price}}*** tag. Then, for the product description, we will use the ***{{tpae_description}}*** tag without a

tag. Finally, to make the button URL dynamic, we will use ***{{tpae_permalink}}*** tag in the tag. Following this process you can also convert your static HTML and CSS code into a template for the product listing. You can also use code from Codepen, JSFiddle etc. --- # How to Create a Custom Post Type Loop Skin in Elementor Using Smart Loop Builder? Source: https://theplusaddons.com/docs/create-a-custom-post-type-loop-skin-in-elementor-using-smart-loop-builder/ Are you looking to create a custom loop skin in Elementor for your Custom Post Type listings? With the Smart Loop Builder, you can design unique templates for your CPT items - whether it’s Portfolio, Events, Products, Services, or any other custom content type. By building a custom design, you ensure that your listings perfectly match your brand identity, highlight the most important details of your content, and create a more engaging user experience.  With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily add a custom design to the custom post type listing items using custom HTML and CSS.  *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, make sure you have created at least one custom post type, you can use the free[ Advanced Custom Fields (ACF)](https://wordpress.org/plugins/advanced-custom-fields/) to[ create a custom post type](https://www.advancedcustomfields.com/resources/registering-a-custom-post-type/). For instance, we have created a custom post type called Books. Once you’ve created your custom post type, follow the steps -   1. Add the Dynamic Listing widget to the page.  2. After selecting the appropriate listing type from the **Post Listing Types** dropdown (except ACF Repeater and Custom Query), select your custom post type from the **Post Type** dropdown. 3. Then select **Smart Loop Builder** from the **Style** section. After that, select the appropriate layout from the **Layout** section. 4. Then go to the **Smart Loop Builder** tab, where you have to add custom HTML and CSS to create your design or you can use a ready preset style and customize it. > *Note: To use this feature effectively, you should know HTML and CSS.* ### Use Ready Preset To use ready presets click on the **Ready Presets** button. It will open a popup, where you’ll find some free and pro preset templates.  Click on the download icon of the template you want to use and the HTML and CSS code of that template will be added in the HTML and CSS sections. Then you can easily modify the HTML and CSS code as per your requirements. ### Custom Template But if you want to create the template from scratch, you can do that as well by writing your custom HTML and CSS code. In the **HTML** section, you have to write the HTML of your template. In your HTML template, you have to use the following tags to show the respective data. - For the Post Title - ***{{tpae_title}}*** - For the Post Excerpt - ***{{tpae_excerpt}}*** - For the Featured Image - ***{{tpae_image}}*** - For the Featured Image URL - ***{{tpae_image_url}}*** - For the Post Description - ***{{tpae_description}}*** - For the Post URL - ***{{tpae_permalink}}*** - For the Post Author - ***{{tpae_author_meta}}*** - For the Post Author Avatar - ***{{tpae_author_logo}}*** - For the Post Date (publish date) - ***{{tpae_date_created}}*** - For the Post Time (publish time) - ***{{tpae_time_created}}*** - For the Post Category - **{{tpae_category}}** - For the Post Tag - **{{tpae_tag}}** - For the Post Author URL - **{{tpae_author_url}}** - For the Post Date (publish date - month / year / day) - ***{{tpae_date_created_m_y_d}}*** - For the Post Date (publish date - month (full month name) / year / day) - ***{{tpae_date_created_f_d_y}}*** - For the Post Date (publish date - day / month / year) - ***{{tpae_date_created_d_m_y}}*** - For the Post Date (publish date - month / day / year) - ***{{tpae_date_created_m_d_y}}*** - For the Post Date (publish date - day / month / year / hour) - ***{{tpae_date_created_d_m_y_h}}*** - For the Post Date (publish date - Hour:Minute AM/PM) - ***{{tpae_date_created_h_m_a}}*** - For the Post Date (publish date - Date with GMT offset) - ***{{tpae_date_created_d_m_y_g}}*** - For the Post Date (publish date - ISO 8601 Date Format) - ***{{tpae_date_created_iso}}*** - For the Post Date (publish date - RFC 2822 Date Format) - ***{{tpae_date_created_rfc}}*** - For the Post Date (publish date - day month) - ***{{tpae_date_created_day_month}}*** - For the Post Date (publish date - month year) - ***{{tpae_date_created_month_year}}*** - For the Post Date (publish date - Just the day) - ***{{tpae_date_created_day}}*** - For the Post Date (publish date - Time ago) - ***{{tpae_date_created_time_ago}}*** - For the Post Date (publish date - month (short month name) / year / day) - ***{{tpae_date_created_M_D_Y}}*** - For Custom Field Data - ***{{custom_field_id}}*** i.e. if the field id is **customer_data** then it will be ***{{customer_data}}*** > *Note: You can add custom class and static content in your HTML but for dynamic data, you have to use these tags.* Then in the **CSS** section, you have to write custom CSS to style your template. #### Example Here, we will add a custom (static) HTML and CSS code, then will add the dynamic tags to make it dynamic. In this code, we have a category, featured image, post tag, post title, post excerpt and a custom field called *rating*. To make the category dynamic will use ***{{tpae_category}}*** tag. For the featured image, we will just use the ***{{tpae_image}}*** tag without any tag. Then, for the post tag will use the ***{{tpae_tag}}*** tag. To make the post title dynamic we will use ***{{tpae_title}}*** tag. For the post excerpt, we will use the ***{{tpae_excerpt}}*** tag. Then, to make the title URL dynamic, we will use ***{{tpae_permalink}}*** tag in the tag. Now, for the custom field, here it is “*rating”,* we will add the custom field ID like this ***{{rating}}***. Following this process you can also convert your static HTML and CSS code into a template for the custom post type listing. You can also use code from Codepen, JSFiddle etc. --- # How to Show WordPress Database Entries in an Elementor Table? Source: https://theplusaddons.com/docs/show-wordpress-database-entries-in-an-elementor-table/ Sometimes, you may have useful data stored in your website’s database, like product details, event registrations or other information, and you want to show it directly to your visitors. By displaying data from the database directly, you can present dynamic content in an organised manner without manually updating it. With the Table widget from The Plus Addons for Elementor, you can easily show the database entries in a table using a SQL query. *To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, [click here](/docs/table-elementor-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-data-table/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do that, add the Table widget from The Plus Addons for Elementor to the page and follow the steps -  1. Select **SQL Query** from the **Content Table** dropdown. > *Note: Make sure you’ve enabled the SQL Query toggle from the Table Features popup to see the option.* 2. Then, in the **SQL Query** field, you have to add your SQL query.  For example, if we add this query  `SELECT ID, post_title, post_date FROM wp_posts WHERE post_status = 'publish' AND post_type = 'post' LIMIT 10;` This will show the first 10 published blog posts from the wp_posts table, displaying each post’s ID, title, and publish date in the table. You can use ${prefix} as a placeholder for the WordPress core tables so it matches your site’s table prefix. For example, if you are using a different prefix like “mywp_” instead of the default “wp_”, then   “${prefix}posts” will automatically become “mywp_posts”. > *Note: You can’t show data from the user table.* But for custom tables, you have to use the actual table name. From the **Refresh Time** dropdown, you can select how often new data will be pulled from that particular database table. But if you want to pull fresh data from that particular database table before that specific time, you can click the **Delete** button in the **Delete All Transient** section. This will delete the existing data and add new data from that particular database table.  So this is how easily you can show data from the database in a table. --- # How to Show the Form Submission Entries in an Elementor Table? Source: https://theplusaddons.com/docs/show-the-form-submission-entries-in-elementor-table/ Do you want to show the form submission entries in an Elementor table? Sometimes, after collecting data through a form, you may want to show those entries directly on your website. For example, you might want to display a list of event registrations, customer feedback, or volunteer sign-ups in a neat and organized way. With the Table and Form widgets from The Plus Addons for Elementor, you can easily show the form submissions in a table. *To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, [click here](/docs/table-elementor-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-data-table/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do that, add the Form widget from The Plus Addons for Elementor to the page and follow the steps -  1. Add the required form fields from the **General** tab. 2. Then go to the **Submit Actions** tab and select the **Database Entry** from the Add Action dropdown. 3. After that, add a form ID from the **Extra Options** tab. 4. Then add the Table widget from The Plus Addons for Elementor to a different page. > *Note: You have to refresh the page if you want to add the table to the same page.* 5. Select **Plus Form** from the **Content Table** dropdown. > *Note: Make sure you’ve enabled the Form Compatibility toggle from the Table Features popup to see the option.* 6. Then go to the **Form Settings** tab and select your form from the **Select Form** dropdown.  From the **Show Columns** dropdown, you can select to show all the columns or show specific columns based on your form fields. Now, if someone fills up your form, you’ll see the entry in the table. --- # How to Display Posts Using an AJAX Filter in Team Member Listing? Source: https://theplusaddons.com/docs/display-posts-using-an-ajax-filter-in-team-member-listing/ Do you want to display posts from a specific category using the Team Member Listing widget in Elementor? With the help of **AJAX **filters from The Plus Addons for Elementor, you can easily show category-based posts from **all available posts**, not just the ones currently visible on the page. When you use AJAX filtering, it searches through your entire post list, even if you're only showing a few posts at first. This makes it easier for visitors to find what they're looking for and ensures your filters work more accurately. In this guide, we’ll explain how AJAX filtering works and how it improves the post display experience on your site. *To check the complete feature overview documentation of The Plus Addons for Elementor Team Member Listing widget, [click here](/docs/team-member-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#team-members-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Team Member Listing widget to a page or template.  2. Then, go to the **Layout** tab and select **Post Type** from the **Select Source** dropdown.  3. After that, select the appropriate **Style** and **Layout**. > *Note : To see the ****AJAX ****Filter effect , you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab. I.e. ****3**** here,* 4. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 5. After that, select the **AJAX **option from the **Filter Type** dropdown. > *Note : You need to understand how the ****AJAX ****option actually works. Please see the steps below.* Let's first start with the Normal type ### Normal Filter Type: When you choose the **Normal** option from the **Filter Type** dropdown and set the **Maximum Posts Display** to **3 **under the **Content Source** tab, even if you have a total of **8 posts**, the filter will only apply to the **3 **posts that are currently displayed. So, if you select a specific category on your page, it will search for matching posts **only within those 3 displayed posts**, **not from all 8 posts**. **Example:** - Total Posts: 8 - Max Posts Display: 3 - Selected Category: **Team 1** - Result: It will only filter from the 3 visible posts and show the ones that belong to the **Team 1 **category (if any). Then move to the **AJAX **type. ### AJAX Filter Type: When you choose the **AJAX **option from the **Filter Type** dropdown and set the **Maximum Posts Display** to **3 **under the **Content Source** tab, even though only **3** posts are shown at first, the filter will search through **all 8 total posts**, not just the ones currently displayed. So, when you select a specific category on your page, it will filter from the **entire list of 8 posts** and then display the ones that match your selected category. **Example:** - Total Posts: 8 - Max Posts Display: 3 - Selected Category: **Team 1** - Result: It will filter from **all 8 posts** and show the **Team 1** category posts (up to 3, based on your display limit). Now, you’ll see the posts from your selected category on this page. --- # How to Create a Shareable URL with Load More For Team Member Listing in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-team-member-listing-in-elementor/ Want to share a link that shows specific posts with a Load More button in Elementor? With the Team Member Listing widget from The Plus Addons, you can create a URL that displays your selected posts, so when someone opens the link, they see exactly what you want. *To check the complete feature overview documentation of The Plus Addons for Elementor Team Member Listing widget, [click here](/docs/team-member-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor. Make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#team-members-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Team Member Listing widget to a page or template.  2. Then, go to the **Layout** tab and select **Post Type** from the **Select Source** dropdown.  3. After that, select the appropriate **Style** and **Layout**. > *Note : To see the Load More button, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab.* 4. Then, go to the **More Post Options** tab and select **Load More** from the **More Post Loading Options **dropdown. 5. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you click the "Load More" button to display more posts, a unique URL is created. If you share that URL with someone, they will see the same number of posts loaded on your page.* **Example:** If you clicked the **Load More** button and 4 posts are visible, then the person who opens the shared URL will also see those same 4 posts. Now, you'll see the specific posts that have been loaded on this page. --- # How to Create a Shareable URL with Category Filter For Team Member Listing in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-category-filter-for-team-member-listing-in-elementor/ Want to share a link that shows posts from a specific category in Elementor? With the **Team Member Listing widget** from The Plus Addons, you can create a URL that automatically filters posts by category. This means when someone clicks the link, they’ll only see posts from that chosen category, making it easier to share targeted content. *To check the complete feature overview documentation of The Plus Addons for Elementor Team Member Listing widget, [click here](/docs/team-member-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#team-members-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Team Member Listing widget to a page or template.  2. Then, go to the **Layout** tab and select **Post Type** from the **Select Source** dropdown.  3. After that, select the appropriate **Style** and **Layout**. 4. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 5. After that, select the **AJAX **option from the **Filter Type** dropdown. 6. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you select a specific category to show your posts, a unique URL is created. If you share that URL with someone, they will see the same selected category when they open it.* Now you’ll see specific posts filtered by category on this page. --- # How to Display Posts Using an AJAX Filter in Client Listing? Source: https://theplusaddons.com/docs/display-posts-using-an-ajax-filter-in-client-listing/ Do you want to display posts from a specific category using the Client Listing widget in Elementor? With the help of **AJAX filters** from The Plus Addons for Elementor, you can easily show category-based posts from **all available posts**, not just the ones currently visible on the page. When you use AJAX filtering, it searches through your entire post list, even if you're only showing a few posts at first. This makes it easier for visitors to find what they're looking for and ensures your filters work more accurately. In this guide, we’ll explain how AJAX filtering works and how it improves the post display experience on your site. *To check the complete feature overview documentation of The Plus Addons for Elementor Clients Listing widget, [click here](/docs/clients-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor. Make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#client-logos-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Client Listing widget to a page or template.  2. After that, go to the **Layout** tab and select the appropriate **Style **and **Layout**. 3. Then, set the appropriate **Minimum Height**. 4. Select **Post Type** from the **Select Source** dropdown.  > *Note : To see the ****AJAX ****Filter effect , you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab. I.e. ****3**** here,* 5. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 6. After that, select the **AJAX **option from the **Filter Type** dropdown. > *Note :- You need to understand how the ****AJAX ****option actually works. Please see the steps below.* Let's first start with the Normal type ### Normal Filter Type: When you choose the **Normal** option from **Filter Type** dropdown, and set the **Maximum Posts Display** to **3 **under **Content Source** tab, even if you have a total of **8 posts**, the filter will only apply to the **3 **posts that are currently displayed. So, if you select a specific category on your page, it will search for matching posts **only within those 3 displayed posts**, **not from all 8 posts**. **Example:** - Total Posts: 8 - Max Posts Display: 3 - Selected Category: **Client2**  - Result: It will only filter from the 3 visible posts and show the ones that belong to the **Client2** category (if any). Then move to the **AJAX **type. ### AJAX Filter Type: When you choose the **AJAX **option from **Filter Type** dropdown, and set the **Maximum Posts Display** to **3 **under the **Content Source** tab, even though only **3** posts are shown at first, the filter will search through **all 8 total posts**, not just the ones currently displayed. So, when you select a specific category on your page, it will filter from the **entire list of 8 posts** and then display the ones that match your selected category. **Example:** - Total Posts: 8 - Max Posts Display: 3 - Selected Category: **Client2**  - Result: It will filter from **all 8 posts** and show the **Client2**  category posts (up to 3, based on your display limit). Now, you’ll see the posts from your selected category on this page. --- # How to Create a Shareable URL with Load More For Client Listing in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-client-listing-in-elementor/ Want to share a link that shows specific posts with a Load More button in Elementor? With the Client Listing widget from The Plus Addons, you can create a URL that displays your selected posts, so when someone opens the link, they see exactly what you want. *To check the complete feature overview documentation of The Plus Addons for Elementor Clients Listing widget, [click here](/docs/clients-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#client-logos-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Client Listing widget to a page or template.  2. After that, go to the **Layout** tab and select the appropriate **Style **and **Layout**. 3. Then, set the appropriate **Minimum Height**. 4. Select **Post Type** from the **Select Source** dropdown.  > *Note : To see the Load More button, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab.* 5. Then, go to the **More Post Options** tab and select **Load More** from the **More Post Loading Options **dropdown. 6. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you click the "Load More" button to display more posts, a unique URL is created. If you share that URL with someone, they will see the same number of posts loaded on your page.* **Example:** If you clicked the **Load More** button and 4 posts are visible, then the person who opens the shared URL will also see those same 4 posts. Now, you'll see the specific posts that have been loaded on this page. --- # How to Create a Shareable URL with Category Filter For Client Listing in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-category-filter-for-client-listing-in-elementor/ Want to share a link that shows posts from a specific category in Elementor? With the **Client Listing widget** from The Plus Addons, you can create a URL that automatically filters posts by category. This means when someone clicks the link, they’ll only see posts from that chosen category, making it easier to share targeted content. *To check the complete feature overview documentation of The Plus Addons for Elementor Clients Listing widget, [click here](/docs/clients-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor. Make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#client-logos-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps - 1. Add the Client Listing widget to a page or template. 2. After that, go to the **Layout** tab and select the appropriate **Style **and **Layout**. 3. Then, set the appropriate **Minimum Height**. 4. Select **Post Type** from the **Select Source** dropdown. 5. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 6. After that, select the **AJAX **option from the **Filter Type** dropdown. 7. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you select a specific category to show your posts, a unique URL is created. If you share that URL with someone, they will see the same selected category when they open it.* Now you’ll see specific posts filtered by category on this page. --- # How to Display Posts Using an AJAX Filter in Blog Listing? Source: https://theplusaddons.com/docs/display-posts-using-an-ajax-filter-in-blog-listing/ Do you want to display posts from a specific category using the Blog Listing widget in Elementor? With the help of **AJAX **filters from The Plus Addons for Elementor, you can easily show category-based posts from **all available posts**, not just the ones currently visible on the page. When you use AJAX filtering, it searches through your entire post list, even if you're only showing a few posts at first. This makes it easier for visitors to find what they're looking for and ensures your filters work more accurately. In this guide, we’ll explain how AJAX filtering works and how it improves the post display experience on your site. *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](/docs/blog-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor. Make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#blog-post-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Blog Listing widget to a page or template.  2. Then, go to the **Layout** tab and select **Normal Page** from the **Post Listing Types** dropdown.  3. After that, select the appropriate **Style** and **Layout**. > *Note: To see the ****AJAX ****Filter effect, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab. I.e., ****3**** here,* 4. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 5. After that, select the **AJAX **option from the **Filter Type** dropdown. > *Note: You need to understand how the ****AJAX ****option actually works. Please see the steps below.* Let's first start with the Normal type ### Normal Filter Type: When you choose the **Normal** option from the Filter Type dropdown and set the Maximum Posts Display to 3 under the **Content Source** tab, even if you have a total of **8 posts**, the filter will only apply to the **3 **posts that are currently displayed. So, if you select a specific category on your page, it will search for matching posts **only within those 3 displayed posts**, **not from all 8 posts**. **Example:** - Total Posts: 8 - Max Posts Display: 3 - Selected Category: Team-oriented upward-trending implementation - Result: It will only filter from the 3 visible posts and show the ones that belong to the **Team-oriented upward-trending implementation** category (if any). Then move to the **AJAX **type. ### AJAX Filter Type: When you choose the **AJAX** option from the **Filter Type** dropdown and set the **Maximum Posts Display** to **3 **under the **Content Source** tab, even though only **3** posts are shown at first, the filter will search through **all 8 total posts**, not just the ones currently displayed. So, when you select a specific category on your page, it will filter from the **entire list of 8 posts** and then display the ones that match your selected category. **Example:** - Total Posts: 8 - Max Posts Display: 3 - Selected Category: Team-oriented upward-trending implementation - Result: It will filter from **all 8 posts** and show the **Team-oriented upward-trending implementation** category posts (up to 3, based on your display limit). Now, you’ll see the posts from your selected category on this page. --- # How to Create a Shareable URL with Load More For Blog Posts in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-blog-posts-in-elementor/ Want to share a link that shows specific posts with a Load More button in Elementor? With the Blog Listing widget from The Plus Addons, you can create a URL that displays your selected posts, so when someone opens the link, they see exactly what you want. *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](/docs/blog-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#blog-post-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any post type to display them, then follow the steps -  1. Add the Blog Listing widget to a page or template.  2. Then, go to the **Layout** tab and select the appropriate listing type from the **Post Listing Types** dropdown.  3. After that, select the appropriate **Style** and **Layout** (except Carousel). > *Note: To see the Load More button, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab.* 4. Then, go to the **More Post Options** tab and select **Load More** from the **More Post Loading Options **dropdown. 5. Now, you will see the **URL** **Enable **toggle option under the **Special Option** tab. Enable it. > *Note: So, the ****URL Enable**** option works like this: when you click the **Load More** button to display more posts, a unique URL is created. If you share that URL with someone, they will see the same number of posts loaded on your page.* **Example:** If you clicked **Load More** button and 8 posts are visible, then the person who opens the shared URL will also see those same 8 posts. Now, you'll see the specific posts that have been loaded on this page. --- # How to Create a Shareable URL with Category Filter For Blog Posts in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-category-filter-for-blog-posts-in-elementor/ Want to share a link that shows posts from a specific category in Elementor? With the **Blog Listing widget** from The Plus Addons, you can create a URL that automatically filters posts by category. This means when someone clicks the link, they’ll only see posts from that chosen category, making it easier to share targeted content. *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](/docs/blog-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#blog-post-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any post type to display them, then follow the steps -  1. Add the Blog Listing widget to a page or template.  2. Then, go to the **Layout** tab and select the appropriate listing type from the **Post Listing Types** dropdown.  3. After that, select the appropriate **Style **and **Layout** (except Carousel). 4. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 5. After that, select the **AJAX **option from the **Filter Type** dropdown. 6. Now, you will see the **URL** **Enable **toggle option under the **Special Option** tab. Enable it. > *Note: So, the ****URL Enable**** option works like this: when you select a specific category to show your posts, a unique URL is created. If you share that URL with someone, they will see the same selected category when they open it.* Now you’ll see specific posts filtered by category on this page. --- # How to Display Products Using an AJAX Filter in Product Listing? Source: https://theplusaddons.com/docs/display-products-using-an-ajax-filter-in-product-listing/ Do you want to display products from a specific category using the Product Listing widget in Elementor? With the help of **AJAX **filters from The Plus Addons for Elementor, you can easily show category-based products from **all available products**, not just the ones currently visible on the page. When you use AJAX filtering, it searches through your entire post list, even if you're only showing a few products at first. This makes it easier for visitors to find what they're looking for and ensures your filters work more accurately. In this guide, we’ll explain how AJAX filtering works and how it improves the post display experience on your site. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some products  under any custom post type to display them, then follow the steps -  1. Add the Product Listing widget to a page or template.  2. Then, go to the **Content Layout** tab and select **Normal Page** from the **Product Listing Types** dropdown.  3. After that, select the appropriate **Style **and **Layout** (except Carousel). > *Note: To see the ****AJAX ****Filter effect, you need to enter a number lower than the total number of products in the ****Maximum Posts Display**** section under the ****Content Source**** tab. I.e., ****5**** here,* 4. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 5. After that, select the **AJAX **option from the **Filter Type** dropdown. > *Note: You need to understand how the ****AJAX ****option actually works. Please see the steps below.* Let's first start with the Normal type ### Normal Filter Type: When you choose the **Normal** option from the **Filter Type** dropdown and set the **Maximum Posts Display** to **3 **under the **Content Source** tab, even if you have a total of **8 products**, the filter will only apply to the **5 **products that are currently displayed. So, if you select a specific category on your page, it will search for matching products **only within those 5 displayed products**, **not from all 8 products**. **Example:** - Total products: 8 - Max products  Display: 5 - Selected Category: **Tshirts** - Result: It will only filter from the 5 visible products and show the ones that belong to the **Tshirts** category (if any). Then move to the **AJAX **type. ### AJAX Filter Type: When you choose the **AJAX **option from the **Filter Type** dropdown and set the **Maximum Posts Display** to **5 **under the **Content Source** tab, even though only **5** Products are shown at first, the filter will search through **all 8 total Products**, not just the ones currently displayed. So, when you select a specific category on your page, it will filter from the **entire list of 8 Products **and then display the ones that match your selected category. **Example:** - Total Products: 8 - Max Products  Display: 5 - Selected Category: **Tshirts** - Result: It will filter from **all 8 Products **and show the **Tshirts** category Products  (up to 5, based on your display limit). Now, you’ll see the Products from your selected category on this page. --- # How to Create a Shareable URL with Load More For Products in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-products-in-elementor/ Want to share a link that shows specific products with a Load More button in Elementor? With the Product Listing widget from The Plus Addons, you can create a URL that displays your selected products, so when someone opens the link, they see exactly what you want. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some products  under any custom post type to display them, then follow the steps -  1. Add the Product Listing widget to a page or template.  2. Then, go to the **Content Layout** tab and select **Normal Page** from the **Product Listing Types** dropdown.  3. After that, select the appropriate **Style **and **Layout** (except Carousel). > *Note: To see the Load More button, you need to enter a number lower than the total number of products in the ****Maximum Posts Display**** section under the ****Content Source**** tab.* 4. Then, go to the **More Post Options** tab and select **Load More** from the **More Post Loading Options **dropdown. 5. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you click the ****Load More**** button to display more products, a unique URL is created. If you share that URL with someone, they will see the same number of products loaded on your page.* **Example:** If you clicked the **Load More** button and suppose 8 products are visible, then the person who opens the shared URL will also see those same 8 products. Now, you'll see the specific products that have been loaded on this page. --- # How to Create a Shareable URL with Category Filter For Products in Elementor? Source: https://theplusaddons.com/docs/create-a-shareable-url-with-category-filter-for-products-in-elementor/ Want to share a link that shows products from a specific category in Elementor? With the **Product Listing widget** from The Plus Addons, you can create a URL that automatically filters products by category. This means when someone clicks the link, they’ll only see products from that chosen category, making it easier to share targeted content. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some products  under any custom post type to display them, then follow the steps -  1. Add the Product Listing widget to a page or template.  2. Then, go to the **Content Layout** tab and select **Normal Page** from the **Product Listing Types** dropdown.  3. After that, select the appropriate **Style **and **Layout** (except Carousel). 4. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 5. After that, select the **AJAX **option from the **Filter Type** dropdown. 6. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you select a specific category to show your products, a unique URL is created. If you share that URL with someone, they will see the same selected category when they open it.* Now you’ll see specific products filtered by category on this page. --- # How to Create an Elementor Chart using CSV Data? Source: https://theplusaddons.com/docs/create-an-elementor-chart-using-csv-data/ Do you want to add data from a CSV file to an Elementor chart? When it comes to presenting data in a visually engaging and easily understandable format, charts are a popular choice. However, it can be tedious to manually enter each individual value or record into an Elementor chart when you have a large data set in a CSV file. With the Chart widget from The Plus Addons for Elementor, you can easily import data from a CSV file into an Elementor Table. *To check the complete feature overview documentation of The Plus Addons for Elementor Chart widget, [click here.](https://theplusaddons.com/docs//chart-widget-settings-overview/)* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-advanced-charts/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, add the Chart widget to the page and follow the steps -  - In the **Layout **tab, select **CSV File** from the **Chart Type** dropdown. - In the** Enter a CSV File URL** field, add your CSV file URL. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-csv-file-1.gif) > *Note: Your CSV file must be hosted online and use a semicolon (****;****) to separate columns. You can use this *[*tool*](https://www.convertcsv.com/csv-to-csv.htm)* to convert your CSV file to semicolon-separated CSV. For Excel CSV specifically, check *[*this guide*](https://www.ablebits.com/office-addins-blog/change-excel-csv-delimiter/)*. * 3. Then, select your chart type from the **Select Chart** section, for example, **Bar **here. > *Note: You need to upload the CSV file using the selected chart type.* > *Note: For the chart with the 'CSV file' option, the process is the same as mentioned above. You just need to convert your sheet file into a CSV format and upload it using a URL.* *To upload a CSV URL, * *Go to the WordPress ****Dashboard > Media > Add Media File****, and upload your CSV file.* ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-csv-file-url-upload-dashboard-path.png) 4. When you select the **Bar** chart type, you can choose the appropriate chart view from the **Orientation **dropdown. Once done, you can see your data in a beautifully organized chart. So this is how simply you can add CSV data to the Elementor chart. --- # How to Create an Elementor Chart by Importing Data From Google Sheets? Source: https://theplusaddons.com/docs/create-an-elementor-chart-by-importing-data-from-google-sheets/ Do you want to import data from Google Sheets to an Elementor chart?** **Importing data from Google Sheets into an Elementor chart offers a seamless way to display and manage dynamic content on your website. By integrating Google Sheets with Elementor, you can effortlessly update and synchronize your data in real time, ensuring that your chart is always up to date. With the Chart widget from The Plus Addons for Elementor, you can import data from your Google Sheets directly into an Elementor table, eliminating the need for manual data entry and streamlining your workflow. *To check the complete feature overview documentation of The Plus Addons for Elementor Chart widget, [click here.](https://theplusaddons.com/docs//chart-widget-settings-overview/)* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-advanced-charts/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, first, you have to generate a Google API Key. 1. Login to your Google account and go to the [Google Developers Console](https://console.developers.google.com/). 2. If you don’t have any projects created, then click on **CREATE PROJECT **link. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-select-new-project.png) 3. On the next screen, add your **Project name** and click the **CREATE** button. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-create-project-name.png) 4. Then click on **+ENABLE APIS AND SERVICES** at the top. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-enable-apis-and-services.png) 5. On the next page, search for Google Sheets API in the search bar. Click on **Google Sheets API,** then click on the **Enable** button. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-api.gif) 6. Then click on **Credentials** in the left sidebar. 7. On the Credentials page, from the top, click on **+ CREATE CREDENTIALS** > **API Key**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-create-credentials.png) 8. It will generate the API Key, and you will copy and paste the key into a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-create-credentials-api-key-created.png) In the same Google account that you generated the API key with, you should have a Google Spreadsheet with some data. Now, to import Google Sheet data into the Elementor chart with the Chart widget, follow the steps - 1. Add the Chart widget on the page, then select **Google Sheet** from the **Chart Type** dropdown. 2. In the **API Key** field, paste your API Key. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-add-google-api-key.png) 3. Go to your Google Spreadsheet, and click on the **Share** button. In the popup, set the **General Access** to **Anyone with the link** and click on **Done**. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-data-access-anyone-with-link.gif) This will allow the Chart widget to access your Spreadsheet. 4. Now, you have to find your Google Sheet ID. You can find the spreadsheet ID in the spreadsheet URL. Then your ID should be “**1MsbzRj6ybfCXtRRU--RNNXlOiZ9sHzcHSF_PfwCJswg**” ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-add-google-spreadsheets-id.png) 5. Copy and paste your spreadsheet ID in the **Sheet ID** field of the Chart widget. 6. In the **Table Range** field, you have to add the cell range of your Google Spreadsheet, which you want to show in your Elementor chart. Go to your Spreadsheet, select the range, and then click on **Data** > **Named ranges**.  It will show the cell range, copy and paste it into the **Table Range** field of the Chart widget. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-data-table-range-bar-line-radar.gif) You can select the **Bar** type option from the **Select Chart **section. > ***Note:**** In the sheet, we've included different types of data formats for various chart types. So, for each chart type (e.g., Bar, Radar, Line), you can refer to the relevant section. As shown in the video above, this applies to the Bar, Radar, and Line charts.* > ***Note:**** To help you understand how this option works, we’ve shown two examples with data for Bar, Radar, and Line charts below. Just follow the steps.* #### Example 1: Data Without pre-defined Color You'll see below your raw data table in Google Sheets. This table is used to generate a chart. The structure follows: This table is used to generate a chart. The structure follows: - X-Axis represents → Years (2021 to 2025) - Y-Axis represents → Values (from the data for Jan, Feb, and Mar), and each row (Jan, Feb, Mar) represents a series on the graph You can either select all your data or just the specific part you want to see in the graph (like your A3:F6 example). Selecting only the part you need is usually simpler and clearer for that specific graph.  > *Note: So, if your data is in the first sheet (which Excel usually names "Sheet1" by default) and your table range is A3:F6, the correct way to represent this range is: ****Sheet1!A3:F6*** ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bar-radar-line-chart.png) After that, once you have collected the **API Key, Sheet ID, and Table Range**, the following steps will show how the data from the sheet is visualized in a bar chart. ##### 1. Chart Type Source Selection : - Select **Google Sheet** from the **Chart Type** dropdown. - Enter the correct API Key, Sheet ID, and Table Range to connect to your data. ##### 2. Chart Style Selection: - Choose **Bar **from the **Select Chart** section. - This choice determines the visual representation of the data, displaying it as vertical bars, useful for comparing quantities across different categories or over time. ##### 3. Chart Orientation : - Select the Vertical Bar from the Orientation dropdown. - This specifies that the bars in the chart will be drawn vertically, with categories typically on the horizontal (X) axis and values on the vertical (Y) axis. ##### 4. Color Legend : - The legend at the top of the chart indicates the categories represented by different colors: Jan (yellow), Feb (greenish-blue), and Mar (black). This allows for easy identification of which bar corresponds to which month. ##### 5. Y-Axis (Values): - The Y-axis is displayed on the left side of the chart. It represents the quantitative values being measured, ranging from 10 to 70 in this chart. The number 5 points to the starting point of this axis. ##### 6. X-Axis (Years): - The X-axis is displayed at the bottom of the chart. It represents the categorical data, which in this case are the years from 2021 to 2025. The number 6 points to the starting point of this axis. ##### 7. Bar Heights (Data Representation): - **The height of each bar reflects the value from the sheet** - The number 7 points to the group of three vertical bars for the year 2021. Each bar within this group represents the value for a specific month (Jan, Feb, Mar) for that year, allowing for a direct comparison of values across months for a given year, and also across years. - **For example:**** ** **In 2021: Jan = 15, Feb = 25, Mar = 35**** ** - **These are shown as 3 different bars with respective heights for 2021** > ***Note:**** If your data does not include color hexadecimal codes, the graph will display default colors. These colors will change each time the page loads. Each color represents a different month.* Now, you will see your graph displaying your data. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bar-radar-line-chart-graph.png) #### Example 2: Data with pre-defined Color  > ***Note:**** In this example, the process is the same as you saw above. The only difference is that here you will pre-define and add colors(hexadecimal codes), so you will be able to see specific colors in the chart's columns.* ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bar-radar-line-chart-with-color-code.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bar-radar-line-chart-with-color-code-graph.png) 7. When you select the **Bar** chart, you can choose the appropriate chart view from the **Orientation **dropdown. > ***Note:**** To help you understand how this option works, we’ve shown two examples with data for ****Doughnut****, ****Pie****, ****PolarArea****, and ****Bubble**** charts below. Just follow the same steps as shown above.* #### Example 1: Data Without pre-defined Color (Doughnut Chart) You'll see below your raw data table in Google Sheets. This table is used to generate a chart. The structure follows: This table is used to generate a chart. The structure follows: - **Months** (Jan, Feb, Mar, Apr). - **Years** (2021 to 2025). - The **numeric values** from your sheet (e.g., 25, 40, 15...). You can either select all your data or just the specific part you want to see in the graph (like your A3:E8 example). Selecting only the part you need is usually simpler and clearer for that specific graph.  > *Note: So, if your data is in the first sheet (which Excel usually names "Sheet1" by default) and your table range is A3:E8, the correct way to represent this range is: ****Sheet1!A3:E8*** ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-doughunt-chart.png) ##### 1. Chart Type Source Selection - Select Google Sheet from the **Chart Type** dropdown. - Then enter the values in the **API Key, Sheet ID, and Table Range** fields. ##### 2. Chart Style Selection - Click the Doughnut Chart from the **Select Chart** section. - This defines the chart style as a doughnut, which displays values in a ring-shaped format.* * ##### 3. Chart Orientation - Set the Orientation to Doughnut using the dropdown. - This ensures that the chart displays in a multi-ring doughnut style, where each ring represents a different year.* * ##### 4. Color Legend - The Legend at the top of the chart shows the color-coded key for each year (2021 to 2025). - Each colored ring in the chart corresponds to a year and helps in identifying the data visually.* * ##### 5. Data Hover Tooltip - Hovering over a segment in the chart shows a tooltip with details:* * Year (e.g., 2022) - Month and Value (e.g., Apr: 40)* * - This makes it easier to identify exact values from the data set without going back to the sheet. Each ring segment reflects a **month’s value** for a particular **year**, making it easy to compare values across years visually. > ***Note:**** If your data does not include color hexadecimal codes, the graph will display default colors. These colors will change each time the page loads. Each color represents a different month.* Now, you will see your graph displaying your data. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-doughnut-chart-graph.png) #### Example 2: Data with pre-defined Color  (Doughnut Chart) > ***Note:**** In this example, the process is the same as you saw above. The only difference is that here you will pre-define and add colors(hexadecimal codes), so you will be able to see specific colors in the chart's columns.* ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-doughnut-chart-with-color-code.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-doughnut-chart-with-color-code-graph.png) #### Example 1: Data Without pre-defined Color (Pie Chart) You'll see below your raw data table in Google Sheets. This table is used to generate a chart. The structure follows: This table is used to generate a chart. The structure follows: - **Years** (2021 to 2025). (from column A in the sheet). - The **numeric values** from your sheet (e.g., 8, 12, 20...). (from column B in the sheet). You can either select all your data or just the specific part you want to see in the graph (like your A4:B8 example). Selecting only the part you need is usually simpler and clearer for that specific graph.  > *Note: So, if your data is in the first sheet (which Excel usually names "Sheet1" by default) and your table range is A4:B8, the correct way to represent this range is: ****Sheet1!A4:B8*** ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-pie-polar-area-chart.png) ##### 1. Chart Type Source Selection - Select **Google Sheet** from the **Chart Type** dropdown. - Then enter the values in the **API Key, Sheet ID, and Table Range** fields. ##### 2. Chart Style Selection - Click the **Pie Chart** from the **Select Chart** section. - This sets the chart type to Pie, which divides a circle into slices to show proportion. ##### 3. Chart Orientation - In the **Orientation** dropdown, select **Pie**. - This ensures that the chart renders in a classic pie format where each slice represents a value for a specific year. ##### 4. Color Legend - The **Legend** at the top shows which color corresponds to which year (2021 to 2025). - This helps visually match each slice of the pie to its year. ##### 5. Data Hover Tooltip - Hovering over any slice displays a **tooltip** that includes: **Year** (e.g., 2025) - **Value** (e.g., 25) - This provides quick reference without checking the original data table. - **Slices**: Each slice of the pie reflects a **year’s total value**, showing its proportion relative to the full dataset. > ***Note:**** If your data does not include color hexadecimal codes, the graph will display default colors. These colors will change each time the page loads. Each color represents a different month.* Now, you will see your graph displaying your data. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-pie-chart-graph-1.png) #### Example 2: Data with pre-defined Color  (Pie Chart) > ***Note:**** In this example, the process is the same as you saw above. The only difference is that here you will pre-define and add colors(hexadecimal codes), so you will be able to see specific colors in the chart's columns.* ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-pie-polar-area-chart-with-color-code-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-pie-chart-graph-with-color-code-1.png) #### Example 1: Data Without pre-defined Color (Polar Area Chart) You'll see below your raw data table in Google Sheets. This table is used to generate a chart. The structure follows: This table is used to generate a chart. The structure follows: - **Years** (2021 to 2025). (from column A in the sheet). - The **numeric values** from your sheet (e.g., 8, 12, 20...). (from column B in the sheet). You can either select all your data or just the specific part you want to see in the graph (like your A4:B8 example). Selecting only the part you need is usually simpler and clearer for that specific graph.  > *Note: So, if your data is in the first sheet (which Excel usually names "Sheet1" by default) and your table range is A4:B8, the correct way to represent this range is: ****Sheet1!A4:B8*** ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-pie-polar-area-chart-2.png) ##### 1. Chart Type Source Selection  - Select "**Google Sheet**" from the Chart Type dropdown. - Then enter the values in the **API Key, Sheet ID, and Table Range** fields. ##### 2. Chart Style Selection  - Click the **Polar Area Chart **from the **Select Chart** section. - Sets the chart type to Pie, dividing a circle into slices to show proportions between values. ##### 3. Chart Orientation (Y-Axis - Values) - Shows the numerical values for each month from the sheet (e.g., 5, 10, 15...) ##### 4. Color Orientation (X-Axis) - Displays the sequence numbers (e.g., a specific measurement or quantity). ##### 5. Data Hover Tooltip  - This refers to the legend located at the top of the chart display area, showing the years 2021 to 2025 with their corresponding colors.  ##### 6. Polar Area Chart Sections - Hovering over any slice displays a **tooltip** that includes: **Year** (e.g., 2025) - **Value** (e.g., 25) - This provides quick reference without checking the original data table. - **Slices**: Each slice of the pie reflects a **year’s total value**, showing its proportion relative to the full dataset. > ***Note:**** If your data does not include color hexadecimal codes, the graph will display default colors. These colors will change each time the page loads. Each color represents a different month.* Now, you will see your graph displaying your data. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-polar-area-chart-graph-1.png) #### Example 2: Data with pre-defined Color  (Polar Area Chart) > ***Note:**** In this example, the process is the same as you saw above. The only difference is that here you will pre-define and add colors(hexadecimal codes), so you will be able to see specific colors in the chart's columns.* ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-pie-polar-area-chart-with-color-code-2.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-polar-area-chart-graph-with-color-code-1.png) #### Example 1: Data Without pre-defined Color (Bubble Chart) You'll see below your raw data table in Google Sheets. This table is used to generate a chart. The structure follows: This table is used to generate a chart. The structure follows: - **Years** (2023 to 2025). - **Months **(Jan to Mar). - The **numeric values** from your sheet (e.g., 5|15|25, 10|18|12, 7|14|14...). You can either select all your data or just the specific part you want to see in the graph (like your A3:D6 example). Selecting only the part you need is usually simpler and clearer for that specific graph.  > *Note: So, if your data is in the first sheet (which Excel usually names "Sheet1" by default) and your table range is A3:D6, the correct way to represent this range is: ****Sheet1!A3:D6*** ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bubble-chart-3.png) ##### 1. Chart Type Source Selection  - Select "**Google Sheet**" from the Chart Type dropdown. - Then enter the values in the **API Key, Sheet ID, and Table Range** fields. ##### 2. Chart Style Selection  - Click the **Bubble Chart** from the **Select Chart** section. - This choice indicates that the data will be visualized as a bubble chart, where each data point is represented by a circle (bubble) whose size can vary based on a third data dimension. ##### 3. Color Legend - The legend at the top of the chart shows the categories represented by different colors: Jan (blue), Feb (orange), and Mar (pink). This helps in identifying which month each bubble corresponds to. ##### 4. Y-Axis - The Y-axis is highlighted on the left side of the chart. It represents one of the quantitative dimensions of the data, with values ranging from approximately 10 to 24 in this view. The number 4 points to the starting point of this axis. ##### 5. X-Axis  - The X-axis is highlighted at the bottom of the chart. It represents another quantitative dimension of the data, with values ranging from approximately 5 to 15. The number 5 points to the starting point of this axis. ##### 6. Data Hover Tooltip - Hovering over a specific bubble (in this case, a pink one representing March) displays a tooltip. The tooltip (marked as 6) provides detailed information for that specific data point, showing: Month: Mar (March) - X-axis value: 14 - Y-axis value: 24 - Bubble size value: 20 (This is the value that determines the size of the bubble, although not explicitly labeled in the tooltip, it's typically the third dimension in a bubble chart) > ***Note:**** If your data does not include color hexadecimal codes, the graph will display default colors. These colors will change each time the page loads. Each color represents a different month.* Now, you will see your graph displaying your data. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bubble-chart-graph-3.png) #### Example 2: Data with pre-defined Color  (Bubble Chart) > ***Note:**** In this example, the process is the same as you saw above. The only difference is that here you will pre-define and add colors(hexadecimal codes), so you will be able to see specific colors in the chart's columns.* ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bubble-chart-with-color-code-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/tpae-chart-google-sheets-example-bubble-chart-graph-with-color-code-1.png) That’s it. Now, data from your Google Spreadsheet will show in your Elementor chart. --- # How to Connect to Zapier Webhook from Elementor Form? Source: https://theplusaddons.com/docs/connect-to-zapier-webhook-from-elementor-form/ Want to automate tasks and connect your Elementor Form to thousands of apps? By sending form submissions to a Zapier webhook, you can trigger powerful workflows like adding contacts to your CRM, sending Slack messages, or updating spreadsheets.  With the Form widget from The Plus Addons for Elementor, you can easily connect a Zapier webhook to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) For this, you must have a Zapier Webhook URL. ### Get a Zapier Webhook URL [Create an account in Zapier](https://zapier.com) if you don’t already have one. Once you are logged into your account, follow the steps -  1. From the Zapier dashboard, go to **Zaps **>** Create **>** New Zap**. 2. On the next screen, click on **Trigger**.  3. In the pop-up, search for Webhook and click on **Webhooks**.  4. Then, in the **Trigger event**, select **Catch Hook**. 5. After that, click on the **Continue** button. 6. Keep the **Pick off a Child Key** blank and again click on the **Continue** button. 7. Then you’ll see the webhook URL; click on the Copy button to copy it. ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **WebHook **from the **Add Action **dropdown. 3. Now you’ll see the **WebHook **tab, open it. 4. Then add the webhook URL in the **URL** field. Now, when a user fills out your form, the data will be sent to your Zapier Zap. You can click on the **Test Trigger** button in your Zap to see the data. --- # How to Send a Message to a Slack Channel from Elementor Form? Source: https://theplusaddons.com/docs/send-a-message-to-a-slack-channel-from-elementor-form/ Want real-time alerts in Slack whenever someone submits your Elementor Form? By connecting your form to a Slack channel, you can instantly notify your team, track leads, or manage support requests without missing a beat.  With the Form widget from The Plus Addons for Elementor, you can easily connect a Slack channel to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have a Slack User OAuth Token and a Channel Name. ### Get a Slack User OAuth Token [Create an account in Slack](https://slack.com) if you don’t already have one. Once you are logged into your account, follow the steps -  > *Note: You must have a workspace in your Slack account; if not, then *[*create a workspace in Slack*](https://slack.com/intl/en-in/help/articles/206845317-Create-a-Slack-workspace)*.* 1. Go to [Slack API](https://api.slack.com/). 2. Click on **Your apps** in the top menu. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-your-apps.png) 3. On the next page, click on the **Create an App** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-create-an-app.png) 4. It will open a pop-up, click on **From scratch**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-create-an-app-from-scratch.png) 5. In the next screen, add your app name. 6. Then select the appropriate workspace and click on the **Create App** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-create-app-and-workspace-name-3.png) 7. In the Settings page, click on **OAuth & Permissions** from the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-oauth-and-permissions-with-token-4.png) 8. In the OAuth & Permissions page, scroll down to the Scopes section. In the **User Token Scopes** section, add the necessary scopes. For example, to read messages, add ***channels: history;*** to post messages, add ***chat: write***. 9. Then scroll up to the page and click on the **Install to (Your Workspace Name)** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-oauth-tokens.png) 10. If you are the admin of the workspace, then just click on the **Allow** button, and your app will be installed. > *Note: If you're not an admin, you'll need to send a request to your admin for approval.* ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-permission-access.png) On the next screen, you’ll see your User OAuth Token; copy it into a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-user-oauth-token-copy.png) ### Find a Slack Channel Name In your Slack app, all the names under the **Channel** dropdown are channel names. A Slack channel name starts with #, so copy the channel name where you want to send the messages. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-slack-create-first-slack-channel-26.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Slack **from the **Add Action **dropdown. 3. Now you’ll see the **Slack **tab, open it. 4. Then add your User OAuth Token and the channel name where you want to send the message in the **User OAuth Token** and **Channel Name** fields. > *Note: Make sure to add the channel name with # in front.* Now, when a user fills out your form, it will add a message in your selected Slack channel. --- # How to Send a Message to a Discord Server from Elementor Form? Source: https://theplusaddons.com/docs/send-a-message-to-a-discord-server-from-elementor-form/ Want to get instant form submissions delivered straight to your Discord server? By connecting your Elementor Form to Discord, you can send notifications to a channel every time someone submits a form.  With the Form widget from The Plus Addons for Elementor, you can easily connect your Discord server to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have a Discord server WebHook URL. ### Get a Discord Server WebHook URL [Create an account in Discord](https://discord.com) if you don’t already have one. Once you are logged into your account, follow the steps -  1. Go to the server that you want to connect to, but if you don’t have a server, then [create a server](https://support.discord.com/hc/en-us/articles/204849977-How-do-I-create-a-server) first. 2. Then click on the server name and click on **Server Settings** from the dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-discord-server-settings.png) 3. On the next page, click on **Integrations** from left sidebar. 4. Then click on the **Create Webhook** button, and your webhook will be created. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-discord-create-webhook.png) 5. Click on the webhook to open the options, then click on the **Copy Webhook URL** button to copy the webhook URL and save it in a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-discord-copy-webhook-url.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Discord **from the **Add Action **dropdown. 3. Now you’ll see the **Discord **tab, open it. 4. Then add your Discord server webhook URL in the **Discord URL** field.  5. After that, you can add any name in the **Username** field. Now, when a user fills out your form, it will add a message in your selected Discord server. --- # How to Connect Drip to an Elementor Form? Source: https://theplusaddons.com/docs/connect-drip-to-an-elementor-form/ Want to send leads from your Elementor Form straight into your Drip account? Integrating Drip with your form helps you automate your email marketing. With the Form widget from The Plus Addons for Elementor, you can easily connect your Drip account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have a Drip API Key and Account ID. ### Get Drip API Key [Create an account in Drip](https://www.drip.com/), if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on the user name on the top right. 2. Then click on **User Settings **from the options. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-drip-user-settings.png) On the next page, under the **User Info** section, you’ll find the API key, copy it into a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-drip-copy-api-key.png) ### Find Drip Account ID To find the Drip account ID, follow the steps -  1. From the left sidebar, go to **Settings **>** Account**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-drip-account-id-1.png) On the next screen, scroll down the page, and you’ll find the account ID under the **General Info** tab. ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Drip **from the **Add Action **dropdown. 3. Now you’ll see the **Drip **tab, open it. 4. Then add your API key and Account ID in the **API Key **and** Account ID** fields. Now, when a user fills out your form, they will be automatically added to your Drip list. --- # How to Connect MailerLite to an Elementor Form? Source: https://theplusaddons.com/docs/connect-mailerlite-to-an-elementor-form/ Want to automate your email marketing with MailerLite? Connecting your Elementor Form to MailerLite lets you collect subscribers and manage your email list effortlessly. With the Form widget from The Plus Addons for Elementor, you can easily connect your MailerLite account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have a MailerLite API Key and Group ID. ### Get MailerLite API Key [Create an account in MailetLite](https://www.mailerlite.com/), if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on **Integrations** from the left sidebar. 2. On the next page, go to **API** under MailerLite API and click on **Use**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailerlite-api-integration.png) 3. On the next page, click on the **Generate new token** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailerlite-generate-new-token.png) 4. In the popup, add a name for the API key in the **Enter token name** field.  5. Keep **All IPs allowed** option selected, then tick the terms of use checkbox and click on the **Create token** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailerlite-new-api-key-name.png) Now you’ll have your API key, copy it into a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailerlite-copy-api-key.png) ### Find MailerLite Group ID If you don’t have a group, then first you have to [create a group in MailerLite](https://www.mailerlite.com/help/how-to-create-and-use-groups). Then, follow the steps -  1. Click on **Integrations** from the left sidebar. 2. On the next page, go to **API** under MailerLite API and click on **Use**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailerlite-group-id-1.png) 3. At the bottom of the API page, you’ll find the Group ID. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailerlite-group-id-2.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **MailerLite **from the **Add Action **dropdown. 3. Now you’ll see the **MailerLite **tab, open it. 4. Then add your API key and Group ID in the **API Key** and **Group ID** fields. Now, when a user fills out your form, they will be automatically added to your MailerLite Group. --- # How to Connect Mailchimp to an Elementor Form? Source: https://theplusaddons.com/docs/connect-mailchimp-to-an-elementor-form/ Looking to grow your email list with Mailchimp right from your WordPress site? By connecting your form to Mailchimp, you can automatically add new subscribers to your audience list. With the Form widget from The Plus Addons for Elementor, you can easily connect your Mailchimp account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have a Mailchimp API Key and Audience ID. ### Get Mailchimp API Key [Create an account in Mailchimp](https://mailchimp.com/), if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on the user profile on the top right. 2. Then click on **Account & billing **from the dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailchimp-account-and-billing.png) 3. On the next page, go to **Extras** > **API keys**. 4. Then click on the **Create A Key** button on the next page.  ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailchimp-api-keys.png) 5. On the next page, add a name for the API key and click on the **Generate Key** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailchimp-new-api-key-name.png) Now you’ll have your API key, copy it into a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailchimp-copy-new-api-key.png) ### Find Mailchimp Audience ID To find the Mailchimp Audience ID, follow the steps -  1. From the left sidebar, go to **Audience **>** All contacts**. > *Note: If you have multiple audiences, then you have to select the audience of which you want the ID from the Contacts dropdown.* 2. On the next page, click on **Settings**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailchimp-audience-id-1.png) 3. In the Settings page, you’ll find the Audience ID. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-mailchimp-audience-id-2.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Mailchimp** from the **Add Action **dropdown. 3. Now you’ll see the **Mailchimp** tab, open it. 4. Then add your API key and Audience ID in the **API Key** and **Audience ID** fields. Now, when a user fills out your form, they will be automatically added to your Mailchimp audience list. --- # How to Connect GetResponse to an Elementor Form? Source: https://theplusaddons.com/docs/connect-getresponse-to-an-elementor-form/ Want to send leads from your Elementor Form directly to your GetResponse email list? Connecting GetResponse to your form helps you automate lead collection and grow your audience effortlessly. With the Form widget from The Plus Addons for Elementor, you can easily connect your GetResponse account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have a GetResponse API Key and List Token. ### Get GetResponse API Key [Create an account in GetResponse](https://www.getresponse.com/) if you don’t already have one. Once you are logged into your account, follow the steps -  1. From the top menu, go to **Tools** >** Integrations and API**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-getresponse-tools.png) 2. On the next page, click on the **API** tab. 3. Then click on the **Generate API Key** button.  ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-brevo-generate-api-key.png) 4. In the pop-up, add a name for the API key and click on the **Generate** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-getresponse-generate-api-key-button.png) Now you’ll have your API key, copy it into a notepad. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-getresponse-copy-api-key.png) ### Find GetResponse List Token To find the GetResponse List Token, follow the steps -  1. Click on **Contact** from the top menu. 2. Then go to the list of which you want the List Token and click on the three dots at the end. 3. From the dropdown, click on **Settings**. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-getresponse-list-token-1.png) 4. On the List Settings page, you’ll find the List Token below your list name under the **General** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-getresponse-list-token-2.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **GetResponse** from the **Add Action **dropdown. 3. Now you’ll see the **GetResponse** tab, open it. 4. Then add your API key and List Token in the **API Key** and **List Token** fields. Now, when a user fills out your form, they will be automatically added to your GetResponse contact list. --- # How to Connect Brevo to an Elementor Form? Source: https://theplusaddons.com/docs/connect-brevo-to-an-elementor-form/ Are you looking to add users to the Brevo contact list directly from the Elementor Form? Connecting Brevo to Elementor Forms enables automated subscriber management, personalized email campaigns, and streamlined communication with potential customers.  With the Form widget from The Plus Addons for Elementor, you can easily connect your Brevo account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have the Brevo API Key. ### Get Brevo API Key [Create an account in Brevo](https://www.brevo.com/) if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on the user profile on the top right. 2. Then click on **SMTP & API **from the dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-brevo-smtp-and-api.png) 3. On the next screen, click on the **API Keys** tab. 4. Then, click on the **Generate a new API key** button. 5. In the popup, add a name for the API key in the **Name your API key** field. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-brevo-generate-api-key.png) 6. Then click on the **Generate** button, and you’ll have your API key. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-brevo-display-api-key.png) ### Get Brevo List ID [Create an account in Brevo](https://www.brevo.com/) if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on the **Lists** field under the **Contacts** tab on the Dashboard. 2. Then, click on the **Create a List** button to create a new list. 3. Then, A sidebar will open. Enter the list name in the **Name of the list** field, select a folder from the **Folder **dropdown, and click the **Create List** button. 4. Once the list is created, you will see the **List ID** on the screen. > *Note: Make sure to add a # in front of the List ID.* ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Brevo** from the **Add Action **dropdown. 3. Now you’ll see the **Brevo **tab, open it. 4. Then add your API key and list ID in the **API Key** and **List ID** fields. Now, when a user fills out your form, they will be automatically added to your Brevo contact list. --- # How to Connect Kit (formerly ConvertKit) to an Elementor Form? Source: https://theplusaddons.com/docs/connect-kit-formerly-convertkit-to-an-elementor-form/ Want to grow your email list by connecting your Elementor Form to Kit (formerly ConvertKit)? With this integration, you can automatically send form submissions to your Kit account and streamline your marketing efforts. With the Form widget from The Plus Addons for Elementor, you can easily connect your Kit (formerly ConvertKit) account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have the Kit (formerly ConvertKit) API Key. ### Get Kit (formerly ConvertKit) API Key [Create an account in Kit (formerly ConvertKit)](https://kit.com/) if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on the user profile on the top right. 2. Then click on **Settings **from the dropdown. 3. On the next page, click on the **Developer** in the left menu. 4. On the screen, you’ll have your API Key. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-convertkit-display-api-key.png) ### Get Kit (formerly ConvertKit) Form ID [Create an account in Kit (formerly ConvertKit)](https://kit.com/) if you don’t already have one. Once you are logged into your account, follow the steps -  1. From the Kit (formerly ConvertKit) dashboard, go to **Grow** > **Landing Page & Forms**. 2. Then, on the next page, click on the **Create a Form** button. 3. On the next page, select any form type. 4. After that, select a form template.  5. Once the form is created, you will see the Form ID on the screen. 6. Then click on the **Publish** button on the next page. ### Create a Form in Kit (formerly ConvertKit) Now you have to create a form in Kit (formerly ConvertKit). To do this, follow the steps -  1. From the Kit (formerly ConvertKit) dashboard, go to **Grow** > **Landing Page & Forms**. 2. Then, on the next page, click on the **Create a Form** button. 3. On the next page, select any form type. 4. After that, select a form template.  5. Then click on the **Publish** button on the next page. > *Note: Make sure to disable Double-Opt-in in your form so users can be added automatically, otherwise, you have to manually approve each user. * ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **ConvertKit **from the **Add Action **dropdown. 3. Now you’ll see the **ConvertKit** tab, open it. 4. Then add your API key and form ID in the **API Key** and **Form ID** fields. Now, when a user fills out your form, they will be automatically added to your Kit (formerly ConvertKit) contact list. --- # How to Connect Active Campaign to an Elementor Form? Source: https://theplusaddons.com/docs/connect-active-campaign-to-an-elementor-form/ Looking to automate your email marketing directly from your WordPress site? Connecting ActiveCampaign to your Elementor Form lets you instantly send leads and form submissions to your ActiveCampaign lists. With the Form widget from The Plus Addons for Elementor, you can easily connect your ActiveCampaign account to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) For this, you must have the Active Campaign API Key and API URL. ### Get ActiveCampaign API Key and URL [Create an account in ActiveCampaign](https://www.activecampaign.com/) if you don’t already have one. Once you are logged into your account, follow the steps -  1. Click on the **Settings** icon at the bottom left. 2. On the next page, click on the Developer in the left menu. 3. On the screen, you’ll have your API URL and Key. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-activecampaign-key-url.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Active Campaign** from the **Add Action **dropdown. 3. Now you’ll see the **Active Campaign** tab, open it. 4. Then add your API key and URL in the **API Key** and **API URL** fields. Now, when a user fills out your form, they will be automatically added to your Active Campaign contact list. --- # How to Send Custom Email Confirmation to the User from Elementor Form? Source: https://theplusaddons.com/docs/send-custom-email-confirmation-to-the-user-from-elementor-form/ Do you want to send an email confirmation to the user from an Elementor Form? With the Form widget from The Plus Addons for Elementor, you can easily send an email confirmation to users when they submit the Elementor Form. With the Form widget from The Plus Addons for Elementor, you can easily send an email confirmation to users when they submit the Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, add the Form Widget to the page and select the appropriate form type, then follow the steps -  1. Add the required form fields and customize them as per your requirements. 2. Then select the main Form Widget and go to the **Submit** **Actions **tab, and select **Auto Respond Email** from the **Add Action **dropdown. 3. Now you’ll see the **Auto Respond Email **tab, open it. You can change the email subject from the **Subject** field. From the **Email Heading** field, you can change the email heading. After that, from the **Message** field, you can customize the email message. To receive all the values from all the fields, use the **[all-values]** shortcode. In the **From Email** field, you can add a custom email ID for the email sender. Then, in the **From Name** field, you can add a custom sender name. In the **Reply-To** field, you can add a custom email for the email reply receiver. Now the user will get an email notification to the email they have submitted in the form. --- # How to Add Cloudflare Turnstile CAPTCHA in Elementor Form? Source: https://theplusaddons.com/docs/add-cloudflare-turnstile-captcha-in-elementor-form/ Do you want to add Cloudflare Turnstile CAPTCHA to your Elementor Form? Cloudflare Turnstile is a privacy-friendly, CAPTCHA alternative that silently verifies users without making them click boxes or solve puzzles. With the Form widget from The Plus Addons for Elementor, you can easily add Cloudflare Turnstile CAPTCHA to your Elementor Form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have your Cloudflare Turnstile Site Key and Secret Key. ### Get Cloudflare Turnstile Site Key and Secret Key Make sure you are logged into your Cloudflare account, and then go to [this link](https://dash.cloudflare.com/?to=/:account/turnstile). 1. Go to **Turnstile**. 2. Then click on the **Add Widget** button to add a widget. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-cloud-flare-widget-1.png) 3. On the next page, add a widget name in the **Widget name** field. You can use your domain name for easy identification. 4. Then click on the **+ Add Hostnames** button and add your domain name. Make sure to add the domain name without **http** or **https**. 5. After that, select the appropriate widget mode from the **Widget Mode** section. > *Note: You can keep the pre-clearance to No.* 6. Then click on the **Create** button. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-cloud-flare-widget-2.png) On the next page, you’ll get your Cloudflare Turnstile Site Key and Secret Key. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-cloud-flare-widget-3.png) ### Use the Form Widget Now, add the Form Widget to the page and select the appropriate form type, then follow the steps - 1.  Go to the **General** tab. Once your form fields are ready, click on the **+ Add Item** button. 2. Open the item and select **Cloudflare** from the **Type** dropdown. 3. Then, go to the WordPress **Dashboard > The Plus Addons > Widgets > Form**. 4. Click the settings icon, then open the **Form Features** popup and select the **Cloudflare Turnstile** tab. 5. In the input fields, enter your **CloudFlare** **Site Key** and **Secret Key**, respectively. Now your form will have Cloudflare Turnstile security. --- # How to Add Google reCAPTCHA in Elementor Form? Source: https://theplusaddons.com/docs/add-google-recaptcha-in-elementor-form/ Are you looking to add Google reCAPTCHA to your Elementor form? One effective solution to safeguard against spam and unwanted form submissions is Google reCAPTCHA, a free tool designed to differentiate between human users and automated bots. With the Form widget from The Plus Addons for Elementor, you can easily add Google reCAPTCHA to your Elementor form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, you must have your Google reCAPTCHA v3 Site Key and Secret Key. > *Note: You have to use Google reCAPTCHA v3.* ### Get Google reCAPTCHA v3 Site Key and Secret Key Make sure you are logged into your Google account, and then go to [this link](https://www.google.com/recaptcha/admin/create#list). ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-create-google-recaptch-v3.png) Then, on the page, you can add a label in the Label field. You can use your domain name for easy identification. In the **reCAPTCHA type,** make sure to select **reCAPTCHA v3**. Then you have to add your domain name in the **Domains** field. Make sure to add the domain name without http or https.  You can add multiple domain names. Accept the Terms of Service and click the **Submit** button. On the next page, you’ll get your Google reCAPTCHA v3 Site Key and Secret Key. ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-google-recaptch-site-secret-keys.png) ### Use the Form Widget Now add the Form widget from The Plus Addons for Elementor to the page and follow the steps -  1. Go to the **General** tab. Once your form fields are ready, click on the **+ Add Item** button. 2. After that, select **ReCAPTCHA** from the **Type** dropdown. 3. Then, go to the WordPress **Dashboard > The Plus Addons > Widgets > Form**. 4. Click the settings icon, then open the **Form Features** popup and select the **Google reCAPTCHA** tab, respectively. 5. In the input fields, enter your **Google reCAPTCHA v3** **Site Key** and **Secret Key**. Now, your form will have Google ReCAPTCHA security. --- # Fixing “Unauthorized Access” or Missing Content Error for Specific Widgets Source: https://theplusaddons.com/docs/fixing-unauthorized-access-or-missing-content-error-for-specific-widgets/ If you're experiencing an **"Unauthorized Access"** error or notice that content is missing when copying demos of the following widgets: - Carousel Anything - Tabs/Tours - Accordion - Switcher - Nav Menu - Horizontal Scroll Don't worry — this guide will help you fix it step by step. ### Step 1: Understand the Cause These widgets use **template-based content**, meaning the main content (like slides, tabs, accordion items) is not directly inside the widget but is pulled from **Elementor Templates**. When copying the demo, **only the widget gets copied**, not the connected templates, which results in: - **Unauthorized Access** error, or - Widget loading **without content**** ** ![](https://theplusaddons.com/wp-content/uploads/2025/05/tpae-unauthorized-access-error.png) ### Step 2: Locate the Linked Template Each widget has a connected template that contains the actual content. To find and copy the missing content: - Look for the **template section** in the demo (usually below or near the widget). - You'll see a **green “Copy” button** on the template. > **Note:** If the copy button is **red**, it copies the widget. If it’s **green**, it copies the inner template. - Copy the template just like you copy the widget. ### Step 3: Create a Template on Your Site In your WordPress dashboard: - Navigate to **Templates > Saved Templates > Add New Template**. - Select the template type (e.g., **Section** or **Container**). - Paste the copied content from **Step 2** into the editor. > ***Note :** If there are multiple slides in the demo, you'll need to create multiple templates and paste each content block accordingly.* - Click the **Publish** button to save your template. ### Step 4: Reconnect the Template with the Widget Now, go to the page where you pasted the widget: - Click **Edit with Elementor**. - Select the widget (e.g., **Carousel Anything**, **Tabs**, etc.). - Locate the **Select Template** option.** ** - Choose the template you just created. - Click the **Publish** button to save your changes** ** Your widget should now display the correct content. ### Step 5: Repeat for All Affected Widgets Repeat **Steps 2, 3, and 4** for every widget that shows an error or is missing content. Each widget might have a different template linked, so make sure to: - Copy each required template - Create a separate saved template on your site - Link each one correctly --- # How to Display Posts Using an AJAX Filter in Dynamic Listing? Source: https://theplusaddons.com/docs/display-posts-using-an-ajax-filter-in-dynamic-listing/ Do you want to display posts from a specific category using the Dynamic Listing widget in Elementor? With the help of **AJAX filters** from The Plus Addons for Elementor, you can easily show category-based posts from all available posts, not just the ones currently visible on the page. When you use AJAX filtering, it searches through your entire post list, even if you're only showing a few posts at first. This makes it easier for visitors to find what they're looking for and ensures your filters work more accurately. In this guide, we’ll explain how AJAX filtering works and how it improves the post display experience on your site. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Dynamic Listing widget to a page or template.  2. Select **Normal Page** from the **Post Listing Types** dropdown.  3. Then select your post type from the **Post Type** dropdown, i.e., “*Posts*” here. 4. After that, select the appropriate style and layout (except Carousel). > *Note: To see the ****Ajax ****Filter effect, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab. I.e., ****3**** here,* 5. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 6. After that, select the **Ajax **option from the **Filter Type** dropdown. > *Note: You need to understand how the ****Ajax ****option actually works. Please see the steps below.* Let's first start with the Normal type ## Normal Filter Type: When you choose the **Normal** option from the Filter Type dropdown and set the **Maximum Posts Display** to **4 **under **Content Source** tab, even if you have a total of **8 posts**, the filter will only apply to the **4 **posts that are currently displayed. So, if you select a specific category on your page, it will search for matching posts **only within those 4 displayed posts**, **not from all 8 posts**. **Example:** - Total Posts: 8 - Max Posts Display: 4 - Selected Category: Clothing - Result: It will only filter from the 3 visible posts and show the ones that belong to the **Clothing** category (if any). Then move to the **Ajax **type. ## Ajax Filter Type: When you choose the **Ajax** option from the **Filter Type** dropdown, and set the **Maximum Posts Display** to **4 **under the **Content Source** tab, even though only **4** posts are shown at first, the filter will search through **all 8 total posts**, not just the ones currently displayed. So, when you select a specific category on your page, it will filter from the **entire list of 8 posts** and then display the ones that match your selected category. **Example:** - Total Posts: 8 - Max Posts Display: 4 - Selected Category: Clothing - Result: It will filter from **all 8 posts** and show the **Clothing** category posts (up to 3, based on your display limit). Now, you’ll see the posts from your selected category on this page. --- # How to Create a Shareable URL with Load More For Posts in Elementor? Source: https://theplusaddons.com/docs/create-a-sharable-url-with-load-more-for-posts-in-elementor/ Want to share a link that shows specific posts with a Load More button in Elementor? With the Dynamic Listing widget from The Plus Addons, you can create a URL that displays your selected posts, so when someone opens the link, they see exactly what you want. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Dynamic Listing widget to a page or template.  2. Select **Normal Page** from the **Post Listing Types** dropdown.  3. Then select your post type from the **Post Type** dropdown, i.e., “*Posts*” here. 4. After that, select the appropriate style and layout (except Carousel). > *Note: To see the Load More button, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab.* 5. Then, go to the **More Post Options** tab and select **Load More** from the **More Post Loading Options **dropdown. 6. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you click the "Load More" button to display more posts, a unique URL is created. If you share that URL with someone, they will see the same number of posts loaded on your page.* **Example:** If you clicked the **Load More** button and 7 posts are visible, then the person who opens the shared URL will also see those same 7 posts. Now, you'll see the specific posts that have been loaded on this page. --- # How to Create a Shareable URL with Category Filter For Posts in Elementor? Source: https://theplusaddons.com/docs/create-a-sharable-url-with-category-filter-for-posts-in-elementor/ Want to share a link that shows posts from a specific category in Elementor? With the **Dynamic Listing widget** from The Plus Addons, you can create a URL that automatically filters posts by category. This means when someone clicks the link, they’ll only see posts from that chosen category, making it easier to share targeted content. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you need to create some posts under any custom post type to display them, then follow the steps -  1. Add the Dynamic Listing widget to a page or template.  2. Select **Normal Page** from the **Post Listing Types** dropdown.  3. Then select your post type from the **Post Type** dropdown, i.e., “*Posts*” here. 4. After that, select the appropriate style and layout (except Carousel). 5. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle. 6. After that, select the **Ajax **option from the **Filter Type** dropdown. 7. Now, you will see the **URL** **Enable **toggle option under the **Extra Options** tab. Simply enable it. > *Note: So, the ****URL Enable**** option works like this: when you select a specific category to show your posts, a unique URL is created. If you share that URL with someone, they will see the same selected category when they open it.* Now you’ll see specific posts filtered by category on this page. --- # How to Generate Invoice on Renewal Purchase? Source: https://theplusaddons.com/docs/generate-invoice-on-renewal-purchase/ Thank you for choosing **The Plus Addons for Elementor Pro**. We understand that you may need an invoice for your renewal purchase, and we're here to guide you through the process. To generate an invoice for your renewal purchase, please follow the steps below: - Visit the [Posimyth Store](https://store.posimyth.com/) and log in to your account using the same login details that you used during checkout. - Once logged in, navigate to the **Purchase History** section from your dashboard. - Locate the specific renewal transaction you wish to generate an invoice for. - Click on the **Download Invoice** button next to the renewal order. Your invoice will be downloaded as a PDF. Your renewal invoice will then be downloaded, and you’ll be able to store it for your records. ![](https://theplusaddons.com/wp-content/uploads/2025/04/tpae-purchase-history-generate-invoice-renewal-charge.png) If you have any issues with generating your invoice or any other concerns, please don't hesitate to reach out to our support team. We're always here to assist you with any questions or issues you may have. Thank you again for choosing **The Plus Addons for Elementor Pro**. We appreciate your business and look forward to providing you with the best possible experience! --- # How to Change Posimyth Store Account Email? Source: https://theplusaddons.com/docs/change-posimyth-store-account-email/ Need to update the email ID associated with your **Posimyth Store** account? We understand that circumstances change—you may have lost access to your email or simply no longer use it. Whatever the reason, we're here to help you update it smoothly and securely. To update or change your email ID, please follow the steps below: - Visit the[ Posimyth Store](https://store.posimyth.com/) and log in to your account using the same login details that you used during checkout. - Then go to your profile picture at the top right and click on **Edit** from the dropdown. - It will take you to the edit profile page, in the **Primary Email Address** field you can add your new email ID. - Once done click on the **Save Changes** button. Now your email ID will be updated. ![](https://theplusaddons.com/wp-content/uploads/2025/03/store-change-email-address.gif) If you have any issues while changing your email ID or any other concerns, please don’t hesitate to reach out to our support team. We’re always here to assist you with any questions or issues you may have. Thank you again for choosing The Plus Addons for Elementor Pro. We appreciate your business and look forward to providing you with the best possible experience! --- # How to Find Figma File URL? Source: https://theplusaddons.com/docs/find-figma-file-url/ You need to have the Figma file URL to convert your Figma design to an Elementor template from The Plus Addons for Elementor. To find the URL of a Figma file, open the Figma file and follow the steps -  1. Click on the **Share** button. ![](https://theplusaddons.com/wp-content/uploads/2025/02/figma-file-url.gif) 2. In the popup, select **Anyone** from the **Who Can Access** section. 3. Once done, click on the **Copy Link** button to copy the Figma file URL. Now you can use this Figma file URL to convert your Figma layout to Elementor template from The Plus Addons for Elementor. --- # How to Add a Blend Cursor in Elementor? Source: https://theplusaddons.com/docs/add-a-blend-cursor-in-elementor/ Do you want to add a blend cursor in Elementor? A blend circle cursor blends with your content, adding a unique and creative touch to your website. With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a blend cursor in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the page and follow the steps - 1. Select the appropriate cursor area from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-blend-cursor.gif) 2. Then select **Follow Circle** from the **Cursor Type** dropdown. 3. From the Pointer Type dropdown, select **Predefined**.  4. Then, from the **Select Pointer** dropdown, you have to select a cursor icon. 5. After that, select **Blend Cursor **from the **Follow Circle Style** dropdown. From the **Circle Max Width** and **Circle Max Height** sections, you can manage the width and height of the circle. You can manage the circle’s left and top distance from the mouse cursor from the **Cursor Left Offset** and **Cursor Top Offset** sections. From the **Circle Z-Index** section, you can maintain the z-index of the circle, if the circle doesn’t show over any element. Then, in the **List of Tags for Hover Effect** section, you can add tags where you want to show the cursor hover effect. > *Note: You can add multiple tags separated by a comma (,) and you have to add transform CSS for the hover effect in the Style tab.* 6. Then go to the **Style** tab, from the **Mix Blend Mode** dropdown, you have to select a blend mode. From the Normal and Hover tabs, you can style the cursor circle for normal and hover states. Based on the selected blend mode, you’ll see the circle cursor blending with your content. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-blend-cursor-demo.gif) --- # How to Add a Progress Cursor in Elementor? Source: https://theplusaddons.com/docs/add-a-progress-cursor-in-elementor/ Are you looking to add a progress cursor in Elementor? A progress cursor indicates how far you’ve scrolled on the page, adding an interactive element to the website. With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a progress cursor in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the page and follow the steps - 1. Select **Body** from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-progress-cursor.gif) 2. Then select **Follow Circle** from the **Cursor Type** dropdown. 3. From the Pointer Type dropdown, select **Predefined**.  4. Then, from the **Select Pointer** dropdown, you have to select a cursor icon. 5. After that, select **Progress Cursor (Body) **from the **Follow Circle Style** dropdown. From the **First Circle Size** section, you can manage the outer circle size. Then, from the **Second Circle Size**, you can control the inner circle size. You can manage the circle’s left and top distance from the mouse cursor from the **Cursor Left Offset** and **Cursor Top Offset** sections. From the **Circle Z-Index** section, you can maintain the z-index of the circle, if the circle doesn’t show over any element. Then, in the **List of Tags for Hover Effect** section, you can add tags where you want to show the cursor hover effect. > *Note: You can add multiple tags separated by a comma (,) and you have to add transform CSS for the hover effect in the Style tab.* From the **Style** tab, you can further customize the circle for normal and hover states. Now, when you scroll through the page, you’ll see a progress bar inside the circle cursor indicating how far you’ve scrolled. --- # How to Add a Follow Circle Cursor in Elementor? Source: https://theplusaddons.com/docs/add-a-follow-circle-cursor-in-elementor/ Do you want to add a follow circle cursor in Elementor? In this type of cursor, a circle follows the mouse cursor, this can be a great way to engage your visitors and add a touch of creativity to your website. With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a circle that follows the mouse cursor in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the page and follow the steps - 1. Select the appropriate cursor area from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-cursor.gif) 2. Then select **Follow Circle** from the **Cursor Type** dropdown. 3. From the Pointer Type dropdown, you have to select the pointer type. Here you’ll find two options -  - **Predefined** - To add predefined icons. - **Custom** - To use a custom image as a mouse cursor. You’ll find different options to add the cursor based on your selection. Let’s select Predefined here. 4. Then, from the **Select Pointer** dropdown, you have to select a cursor icon. 5. After that, from the **Follow Circle Style** dropdown, you have to select the circle type. Here you’ll find three options -  - **Border Cursor** - To create a circle cursor with a border. - **Progress Cursor (Body)** - To create a progress circle cursor. - **Blend Cursor** - To create a blend circle cursor. Select the option as per your requirements, let’s select Border Cursor here. From the **Circle Max Width** and **Circle Max Height** sections, you can manage the width and height of the circle. You can manage the circle’s left and top distance from the mouse cursor from the **Cursor Left Offset** and **Cursor Top Offset** sections. From the **Circle Z-Index** section, you can maintain the z-index of the circle, if the circle doesn’t show over any element. Then, in the **List of Tags for Hover Effect** section, you can add tags where you want to show the cursor hover effect. > *Note: You can add multiple tags separated by a comma (,) and you have to add transform CSS for the hover effect in the Style tab.* You can style the circle further from the Style tab. Now you’ll see a circle following the mouse cursor. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-cursor-demo.gif) --- # How to Add a Follow Text Cursor in Elementor? Source: https://theplusaddons.com/docs/add-a-follow-text-cursor-in-elementor/ Are you looking to add a follow text cursor in Elementor? In this effect, a text follows the mouse cursor. This subtle yet effective element can enhance the overall user experience and make your website more engaging. With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add text that follows the mouse cursor in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the page and follow the steps - 1. Select the appropriate cursor area from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-text.gif) 2. Then select **Follow Text** from the **Cursor Type** dropdown. 3. After that, add the text in the **Follow Text** field. You can manage the text’s left and top distance from the mouse cursor from the **Cursor Left Offset** and **Cursor Top Offset** sections. Then, by enabling the **Mouse Cursor Click** toggle, you can add a different follow text cursor for a link hover. Now you’ll see your text following the mouse cursor. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-text-demo.gif) --- # How to Add a Follow Image Cursor in Elementor? Source: https://theplusaddons.com/docs/add-a-follow-image-cursor-in-elementor/ Do you want to add a follow image cursor in Elementor? The follow image cursor allows you to show an image along with your mouse cursor, giving it a unique and dynamic touch. With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a follow image cursor in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the page and follow the steps - 1. Select the appropriate cursor area from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-image.gif) 2. Then select **Follow Image** from the **Cursor Type** dropdown. 3. After that, add the image in the **Cursor Icon** section. From the **Icon Max Width** section, you can manage the image width. You can manage the image's left and top distance from the mouse cursor from the **Cursor Left Offset** and **Cursor Top Offset** sections. Then, by enabling the **Mouse Cursor Click** toggle, you can add a different follow image cursor for a link hover. Now you’ll see your selected image following the mouse cursor. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-image-demo.gif) --- # How to Change the Mouse Cursor for a Widget in Elementor? Source: https://theplusaddons.com/docs/change-the-mouse-cursor-for-a-widget-in-elementor/ Do you want to change the mouse cursor for a particular widget in Elementor? Having a custom mouse cursor for a widget can help you match the cursor with the aesthetics of the content.  With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily change the mouse cursor for a particular widget in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor right below the widget where you want to apply the custom cursor, within the same container and then follow the steps - 1. Select **Widget** from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-widget.png) 2. Then select the appropriate cursor type and custom cursor as per your requirements. Now you’ll see your custom mouse cursor in that specific widget only. --- # How to Change the Mouse Cursor for a Container in Elementor? Source: https://theplusaddons.com/docs/change-the-mouse-cursor-for-a-container-in-elementor/ Are you looking to change the mouse cursor for a particular container in Elementor? There can be situations where you might want to change the mouse cursor for a container, not the whole page, which can create a more engaging and interactive user experience. With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily change the mouse cursor for a container in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the container on which you want to change the mouse cursor and follow the steps - 1. Select **Container** from the **Cursor Area** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-container.png) 2. Then select the appropriate cursor type and custom cursor as per your requirements. Now you’ll see your custom mouse cursor in that specific container only. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-container-demo.gif) --- # How to Add a Custom Cursor in Elementor? Source: https://theplusaddons.com/docs/add-a-custom-cursor-in-elementor/ Sometimes the default cursor may not align with the design aesthetic of your website. In such cases, adding a custom cursor can elevate the overall user experience and make your website stand out.  With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a custom mouse cursor in Elementor. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) - Make sure the Mouse Cursor widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Mouse Cursor and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=ggEhdsdjxxw ## How to Activate the Mouse Cursor Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-activate-1024x484.png) ## Key Features - **Cursor Area** - You can target a custom cursor for a column, section, container, widget and body. - **Multiple Cursor Types** - You can choose from multiple cursor types such as cursor icon, follow text, follow image and follow circle. - **Two Pointer Type** - You can use predefined icons or custom images as a mouse pointer. ## How to Use the Mouse Cursor Widget in Elementor? Add the Mouse Cursor widget from The Plus Addons for Elementor to the page.  From the **Cursor Area** dropdown, you have to select the area where you want to add the custom cursor. Here you’ll find five options -  - **Column** - To change the mouse cursor in a column only. This will only work with the old Elementor section layout. - **Section** - To change the mouse cursor in a section only. This will only work with the old Elementor section layout. - **Container** - To [change the mouse cursor in a container only.](https://theplusaddons.com/docs//change-the-mouse-cursor-for-a-container-in-elementor/) - **Widget** - With this option, you can [change the mouse cursor for a widget only.](https://theplusaddons.com/docs//change-the-mouse-cursor-for-a-widget-in-elementor/) - **Body** - This will change the mouse cursor for the entire body. Select the option as per your requirements, let’s select the Body here. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-icon-custom.gif) Then from the **Type** dropdown, you have to select the cursor type. Here you’ll find four options -  - **Cursor Icon** - To use an icon or image as a cursor. - **Follow Image** - To [create a follow image cursor.](https://theplusaddons.com/docs//add-a-follow-image-cursor-in-elementor/) - **Follow Text** - To [create a follow text cursor.](https://theplusaddons.com/docs/add-a-follow-text-cursor-in-elementor/) - **Follow Circle** - To [create a follow circle cursor.](https://theplusaddons.com/docs//add-a-follow-circle-cursor-in-elementor/) Select the option as per your requirements, let’s select the Cursor Icon here.  From the **Icon Type** dropdown, you have to select the icon type. Here you’ll find two options -  - **Predefined** - To add predefined icons. - **Custom** - To use a custom image as a mouse cursor. You’ll find different options to add the cursor based on your selection. Let’s select Custom here. In the **Cursor Icon** section, you have to add your image. Then, by enabling the **Mouse Cursor Click** toggle, you can add a different mouse cursor image for click. ## How to Style the Mouse Cursor Widget? To style the Mouse Cursor widget, you’ll find all the options under the **Style** tab.  **Follow Text** - You’ll see this option only when the Follow Text type is selected. From here, you can style the cursor’s follow text. ![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-style.png) **Follow Circle** - You’ll see this option only when the Follow Circle type is selected. From here, you can style the cursor’s circle. You’ll see different styling options based on the selected follow circle style. Advanced options remain common for all our widget, you can explore all it options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) --- # How to Copy a Title URL from the Elementor Table of Contents? Source: https://theplusaddons.com/docs/copy-a-title-url-from-the-elementor-table-of-contents/ Do you want to copy a title URL from the table of contents in Elementor? By using a specific title URL from the table of contents, you can send users directly to a specific part of the content without having them to manually scroll to that section. With the Table Of Content widget from The Plus Addons for Elementor, you can easily copy a title URL from the table of contents in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) To do this, add the Table Of Content widget to the page and follow the steps. 1. Select the appropriate style and tags from the **Layout** tab. 2. Then enable the **Hash Tag** toggle from the **Extra Options** tab. Now a **#** tag will show beside the headings that you can click on to copy the heading URL. From the **Tag** field, you can change the # tag with your custom symbol or text. By enabling the **Copy Text** toggle, you can show a copied text when you click to copy the heading URL.   Then from the **Hash Tag On Hover** toggle, you can show the # tag only on mouse hover. Now you can click on the # tag beside a heading to easily copy the URL that you can share with users to directly send them to that specific section. --- # How to Restrict a Content Area in an Elementor Table of Contents? Source: https://theplusaddons.com/docs/restrict-a-content-area-in-an-elementor-table-of-contents/ Are you looking to restrict a content area in a table of contents in Elementor? There may be instances where you want to restrict the content area of your table of contents to only specific sections. This restriction can help improve the user experience by focusing on relevant information and avoiding overwhelming the reader with unnecessary content.  With the Table Of Content widget from The Plus Addons for Elementor, you can easily restrict the content area of the table of contents in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) To do this, add the Table Of Content widget to the page and follow the steps. 1. Select the container or section you want to show in the table of contents. 2. After that, go to **Advanced** > **Advanced** and add a CSS class in the **CSS Classes** field.  For instance, we’ve added a class name called “*main-container*”. 3. Then select the **Table Of Content** widget and go to the **Extra Options** tab. 4. In the **Restricted Container Area** field, add your section or container class name with a dot (.) in front. In our case, it will be “*.main-container*”. Now, the table of contents will show the headings from your specified container or section only. --- # How to Exclude a Title from Table of Contents in Elementor? Source: https://theplusaddons.com/docs/exclude-a-title-from-table-of-contents-in-elementor/ Do you want to exclude a title from the table of contents in Elementor? The Table of Contents is an essential element on a page, allowing readers to navigate through the content easily. However, there may be instances where a title or heading does not need to be included in the table of contents. With the Table Of Content widget from The Plus Addons for Elementor, you can easily exclude a title or heading from the table of contents in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) To do this, add the Table Of Content widget to the page and follow the steps. 1. Select the appropriate style and tags from the **Layout** tab. 2. Then select the heading that you want to exclude from the content. 3. After that, go to **Advanced** > **Layout** and add the CSS class “*tp-toc-ignore*” in the **CSS Classes** field. 4. Then update the page. Now refresh the page and that specific heading won’t show in the table of contents. Following this process, you can exclude multiple headings from the table of contents. --- # How to Add Smooth Scrolling Effect to Elementor Table of Contents? Source: https://theplusaddons.com/docs/add-smooth-scrolling-effect-to-elementor-table-of-contents/ Do you want to smoothly scroll to the content when clicking on a heading of the Elementor table of contents? By implementing smooth scrolling, you can enhance the overall aesthetic of a page and create a more seamless navigation experience for your users. With the Table Of Content widget from The Plus Addons for Elementor, you can easily add smooth scrolling to the table of contents in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) To do this, add the Table Of Content widget to the page and follow the steps. 1. Select the appropriate style and tags from the **Layout** tab. 2. Then enable the **Smooth Scroll** toggle from the **Extra Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/table-of-content-smooth-scroll.png) From the **Smooth Duration** section, you can control the scrolling speed for responsive devices. Then from the **Scroll Offset** section, you can set a scroll offset value for responsive devices, i.e. it will scroll to an equal number of pixels down from the heading. Now when you click on a heading of the table of contents you’ll have a smooth scrolling experience. --- # How to Create a Collapsible Table of Contents in Elementor? Source: https://theplusaddons.com/docs/create-a-collapsible-table-of-contents-in-elementor/ Are you looking to add a collapsible table of contents in Elementor? A collapsible table of contents is not only visually appealing, but also helps to save space on the page, making it more user-friendly. With the Table Of Content widget from The Plus Addons for Elementor, you can create a collapsible table of content in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) To do this, add the Table Of Content widget to the page and follow the steps. 1. Select the appropriate style and tags from the **Layout** tab. 2. Then enable the **Toggle** toggle from the **Extra Options** tab. You can enable the **Default On** toggle to keep the table of contents open by default. > *Note: To keep the table of contents collapsed by default disable the ****Default On**** toggle.*  Then, from the Open and Close tabs, you can add separate icons for the open and close states. Now you’ll have a beautiful collapsible table of contents. --- # How to Make a Sticky Table of Contents in Elementor? Source: https://theplusaddons.com/docs/make-a-sticky-table-of-contents-in-elementor/ Do you want to create a sticky table of contents in Elementor? A table of contents is an essential element that allows users to navigate through the content easily. A sticky table of contents is always visible even when users scroll down the page, improving the overall browsing experience. With the Table Of Content widget from The Plus Addons for Elementor, you can create a beautiful sticky table of content in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) For this, you have to add a two column section. In one column you have to add your content with headings and in the other column you have to add the Table Of Content widget and follow the steps. 1. Select the appropriate style and tags from the **Layout** tab. 2. Then enable the **Fixed** toggle from the **Extra Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/table-of-content-fixed.png) In the **Fixed Offset** section, you can add a top offset value for responsive devices, i.e. the number of pixels from the top where the table of contents will stick as you scroll down. Now when you scroll down, you’ll see a sticky table of contents, that you can use for easy navigation. --- # How to Add a Table of Contents in Elementor? Source: https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/ Do you want to add a table of contents in Elementor? Adding a table of contents allows readers to easily navigate through your content, find the information they need, and improve the overall user experience. With the Table Of Content widget from The Plus Addons for Elementor, you can add a highly customizable table of contents in Elementor. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) - Make sure the Table Of Content widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Table Of Content and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=NWhr5lOm_3Y ## How to Activate the Table Of Content Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/table-of-content-activate-new-1024x369.png) ## Key Features - **Multiple Styles** - You can choose from multiple pre-defined styles. - **List Type** - You can easily select between ordered and unordered list types. - **Select Tag** - You can manually include or exclude tags from the table of contents. - **Child Collapsed** - You can easily show or collapse the child items in the table of contents. - **Collapsible** - You can easily [make the table of contents collapsible.](https://theplusaddons.com/docs//create-a-collapsible-table-of-contents-in-elementor/) - **Smooth Scroll** - You can [add a smooth scroll to the table of contents for smooth navigation.](https://theplusaddons.com/docs//add-smooth-scrolling-effect-to-elementor-table-of-contents/) - **Fixed** - You can easily [make the table of contents sticky.](https://theplusaddons.com/docs//make-a-sticky-table-of-contents-in-elementor/) - **Hash Tag** - You can [enable hashtags to easily link to a specific section.](https://theplusaddons.com/docs//copy-a-title-url-from-the-elementor-table-of-contents/) - **Restrict Container Area** - You can easily [restrict the table of contents to a specific area.](https://theplusaddons.com/docs//restrict-a-content-area-in-an-elementor-table-of-contents/) - **Exclude Title** - You can easily [exclude a title from the table of contents.](https://theplusaddons.com/docs/exclude-a-title-from-table-of-contents-in-elementor/) ## How to Add a Table of Contents in Elementor? Add the Table Of Content widget to the page. ### Layout From the **Style** section, you can select a style for the table of contents. Here you’ll find 4 pre-defined styles and None for a no style option.  Select the style as per your requirements, let’s select None here. Then, from the **List Type** dropdown, you can select the list type. Here you’ll find two options -  - **UL** - For creating an unordered list, i.e. it will add bullet points in the table of contents. - **OL** - For creating an ordered list, i.e. it will add numbers in the table of contents. Select the option as per your requirements. > *Note: The List Type option is only available for the None style.* From the **Select Tags** section, you can include the tags (H1 to H6) you want to show in the table of contents. By enabling the **Child Collapsed** toggle, you can keep the child tag collapsed and show them only when the parent tag is clicked. > *Note: Any lower heading tag, added after a higher heading tag, is considered as the child tag of the higher heading tag. For example, if a H4 is added below a H3 tag then the H4 title is the child tag of the above H3 title.*  ### Content By enabling the **Content** toggle, you can add a heading and description to the table of contents. When enabled, you’ll find the following options -  From the **Title** section, you can add a title to the table of contents. In the **Description** section, you can add a description to the table of contents. By enabling the **Icon** toggle, you can add an icon to the table of contents. ### Extra Options In this tab, you’ll find some extra options to customize the table of contents further. ![](https://theplusaddons.com/wp-content/uploads/2025/01/table-of-content-extra-options.png) **Toggle** - From here, you can make the table of contents collapsible. **Smooth Scroll** - From here, you can add a smooth scroll to the table of contents. **Fixed** - From here, you can make a sticky table of contents. **Hash Tag** - From here, you can add hashtags to the elements of the table of contents for easy linking to the specific section. **Heading Active Offset** - From here, you can set the top offset value, i.e. the distance of the section heading from the top where the heading will be activated. **Restricted Container Area** - From here, you can restrict the content area in the table of contents. ## How to Style the Table Of Content Widget? To style the Table Of Content widget, you’ll find all the styling options under the Style tab. **Heading** - From here you can style the table of contents heading. ![](https://theplusaddons.com/wp-content/uploads/2025/01/table-of-content-style.png) **Content** - From here, you can style the content section of the table of content widget. **Level 1 Typography** - From here, you can manage the typography and normal and active color of the table of contents top-level headings. **Sub-Level Typography** - From here, you can manage the typography and normal and active color of the table of contents sublevel headings. **Hash Tag** - You’ll see this option only when the Hash Tag is enabled from the content tab. From here, you can manage the hashtag and copied text’s typography and color. **Box** - From here, you can style the table of contents container. Advanced options remain common for all our widget, you can explore all it options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) --- # How to Create a Video Popup in Elementor? Source: https://theplusaddons.com/docs/create-a-video-popup-in-elementor/ Do you want to create an Elementor video popup? Video popup is an effective way to grab the attention of your audience and deliver important information or promote your products or services. With the Video widget from The Plus Addons for Elementor, you can easily create a video popup. *To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) To do this add the Video widget from The Plus Addons for Elementor to the page and follow the steps.  1. Select the appropriate source from the **Source** dropdown under the **Video** tab. 2. After that add the video as per the selected source. 3. Then select **Banner Image** from the **Only Icon / Full Banner** dropdown under the **Image/Icon** tab. > *Note: ****Only Icon Image**** option will open the video in a popup by default.* 4. After that enable the **Banner Image** toggle. 5. Then you have to add an image from the **Image Upload** section. You can change the image size from the **Image Resolution** dropdown. If you want you can add an icon over the banner image from the **Icon Upload** section. From the **Image Resolution** dropdown, you can manage the icon size.  In the **Title of Video** field, you can add a title for the video. You can also add a description in the **Video Description** field. 6. Then go to the **Style** > **Video Styling** tab and enable the **Video On Popup** toggle. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-video-on-popup.gif) Now when you click on the image the video will open in a popup. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-video-on-popup-demo.gif) --- # How to Add a CSS Filter to a Video in Elementor? Source: https://theplusaddons.com/docs/add-a-css-filter-to-a-video-in-elementor/ Are you looking to add some unique effects to your Elementor videos? With the Video widget from The Plus Addons for Elementor, you can add different CSS filter effects to your videos. *To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) To do this add the Video widget from The Plus Addons for Elementor to the page and follow the steps.  1. Select the appropriate source from the **Source** dropdown under the **Video** tab. 2. After that add the video as per the selected source. 3. Then go to the **Style** > **Video Styling** tab. 4. From the **CSS Filters** section you can add different CSS filter effects. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-css-filters.gif) > *Note: You can add different CSS filters for normal and hover states to create more unique effects.* Now you’ll see your CSS filters applied to your video. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-self-hosted-demo-1.gif) --- # How to Add an Image Mask to an Elementor Video? Source: https://theplusaddons.com/docs/add-an-image-mask-to-an-elementor-video/ Do you want to add an image mask over a video in Elementor? Image masks allow you to overlay a shape or pattern on top of a video, creating a unique and eye-catching effect. With the Video widget from The Plus Addons for Elementor, you can easily add an image mask over a video in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) To do this, you need to have a PNG (with a transparent background) or SVG image in your desired mask shape. Then add the Video widget from The Plus Addons for Elementor to the page and follow the steps.  1. Select the appropriate source from the **Source** dropdown under the **Video** tab. 2. After that, add the video as per the selected source. > *Note: For a better effect, you should make the video autoplay.* 3. Then go to the **Style** > **Mask Image** tab and enable the **Mask Image Shape** toggle. 4. Finally add the mask image in the **Mask Image** section. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-mask-image.gif) > *Note: You can only add mp4 videos.* You can adjust some video options from the **Video Options** tab. You’ll find the following options -  - **AutoPlay** - By enabling this toggle, you can autoplay the video. - **Mute** - By enabling this toggle, you can mute the video. - **Loop** - By enabling this toggle, you can play the video in a loop. - **Controls** - From this toggle, you can show or hide the video controls from the video. - **Video Touch Disable** - From this toggle, you can enable or disable the video touch feature. This is how easily you can add a self-hosted video on your Elementor website. --- # How to Add a Self-Hosted Video in Elementor? Source: https://theplusaddons.com/docs/add-a-self-hosted-video-in-elementor/ Are you looking to add a self-hosted video to your Elementor website? Adding self-hosted video allows you to have full control over your video content. With the Video widget from The Plus Addons for Elementor, you can easily add self-hosted videos to your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) To do this, add the Video widget from The Plus Addons for Elementor to the page and follow the steps.  1. Select **Self Hosted** from the **Source** dropdown under the **Video** tab. 2. Then add your video in the **Mp4 Video Link** section from the media library. ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-add-self-hosted-video-id.png) > *Note: You can only add mp4 videos.* You can adjust some video options from the **Video Options** tab. You’ll find the following options -  - **AutoPlay** - By enabling this toggle, you can autoplay the video. - **Mute** - By enabling this toggle, you can mute the video. - **Loop** - By enabling this toggle, you can play the video in a loop. - **Controls** - From this toggle, you can show or hide the video controls from the video. - **Video Touch Disable** - From this toggle, you can enable or disable the video touch feature. This is how easily you can add a self-hosted video on your Elementor website. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-self-hosted-demo.gif) --- # How to Embed a Vimeo Video in Elementor? Source: https://theplusaddons.com/docs/embed-a-vimeo-video-in-elementor/ Do you want to embed a Vimeo video in Elementor? Adding video to your website is a powerful way to engage your audience and deliver your message effectively. Vimeo is one of the most popular choices for users to host and embed video on their website. With the Video widget from The Plus Addons for Elementor, you can easily embed a Vimeo video to your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) To do this first, you have to [get the Vimeo video ID](https://www.weavers.space/answers/vimeo-video-id). Once you have the video ID, add the Video widget from The Plus Addons for Elementor to the page and follow the steps.  1. Select **Vimeo** from the **Source** dropdown under the **Video** tab. 2. Then add the video ID in the **Vimeo Id** field. ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-add-vimeo-video-id.png) You can adjust the video options from the **Video Options** tab. You’ll find the following options -  - **AutoPlay** - By enabling this toggle, you can autoplay the video. - **Mute** - By enabling this toggle, you can mute the video. - **Loop** - By enabling this toggle, you can play the video in a loop. - **Video Touch Disable** - From this toggle, you can enable or disable the video touch feature. - **Controls Color** - From here, you can change the color of the video controls. - **Intro Title** - From here, you can show or hide the video title. - **Intro Portrait** - From here, you can show or hide the user profile image. - **Intro Byline** - From here, you can show or hide the username of the video. This is how easily you can embed a Vimeo video on your Elementor website. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-vimeo-demo.gif) --- # How to Embed a YouTube Video in Elementor? Source: https://theplusaddons.com/docs/embed-a-youtube-video-in-elementor/ Are you looking to embed a YouTube video in Elementor? YouTube, being the world's largest video-sharing platform, has become a popular choice for website owners to embed videos on their pages. With the Video widget from The Plus Addons for Elementor, you can easily embed a YouTube video in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) To do this first, **Step 1: Get the YouTube Video ID** To start, you need to find the video ID of the YouTube video. **How to find it:** Open the video in your browser, and copy the ID from the URL. It's the part that comes after `**v=**` in the link, as shown in the image below. ![](https://theplusaddons.com/wp-content/uploads/2025/01/tpae-video-player-yt-video-id-new.png) Once you have the video ID, add the Video widget from The Plus Addons for Elementor to the page and follow the steps.  1. Select **YouTube** from the **Source** dropdown under the **Video** tab. 2. Then add the video ID in the **YouTube Id** field.  ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-add-yt-video-id.png) You can adjust the video options from the **Video Options** tab. You’ll find the following options -  - **AutoPlay** - By enabling this toggle, you can autoplay the video. - **Mute** - By enabling this toggle, you can mute the video. - **Loop** - By enabling this toggle, you can play the video in a loop. - **Controls** - From this toggle, you can show or hide the video controls from the video. - **Video Info** - The [video info option is deprecated by YouTube](https://developers.google.com/youtube/player_parameters#showinfo). - **Video Touch Disable** - From this toggle, you can enable or disable the video touch feature. - **Modest Branding** - The [modest branding option is depreciated by YouTube](https://developers.google.com/youtube/player_parameters#august-15,-2023). - **Suggested Videos** - With the [related videos parameter change](https://developers.google.com/youtube/player_parameters#rel), when enabled, it will show related videos from the same channel as the current video. - **Privacy Mode** - By enabling this toggle, you can increase the user's privacy for the video on your website. When enabled, YouTube won't store information about visitors on your website until the user plays the video. This is how easily you can embed a YouTube video on your Elementor website. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-youtube-demo.gif) --- # How to add Video Player in Elementor? Source: https://theplusaddons.com/docs/add-video-player-in-elementor/ Video is an excellent medium to convey a message effectively. Using videos can be an effective tool to increase engagement on your website.  With the Video Player widget from The Plus Addons for Elementor, you can easily add videos from YouTube, Vimeo, or self-hosted videos in Elementor. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - Make sure the Video Player widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Video Player and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=i3IeWaz0N-k ## How to Activate the Video Player Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-activation-1-1024x491.png) ## Key Features - **Multiple Video Sources** - You can add YouTube, Vimeo, or self-hosted videos. - **Mask Video** - You can easily [add a mask to a video.](https://theplusaddons.com/docs//add-an-image-mask-to-an-elementor-video/) - **CSS Filter** - You can [add different CSS filters to a video.](https://theplusaddons.com/docs//add-a-css-filter-to-a-video-in-elementor/) - **Video Popup** - You can easily [create a video popup.](https://theplusaddons.com/docs//create-a-video-popup-in-elementor/) - **Sticky Video** - You can easily make the video stick to a specific area on the screen. ## How to Use the Video Player Widget in Elementor? Add the Video widget from The Plus Addons for Elementor to the page.  ### Video From the **Source** dropdown, you have to select the video source. Here you’ll find three options -  - **YouTube** - To [embed a YouTube video.](https://theplusaddons.com/docs//embed-a-youtube-video-in-elementor/) - **Vimeo** - To [embed a Vimeo video.](https://theplusaddons.com/docs//embed-a-vimeo-video-in-elementor/) - **Self Hosted** - To [add a self-hosted video from the media library.](https://theplusaddons.com/docs//add-a-self-hosted-video-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-video-source.gif) Select the option as per your requirements. Based on the selection, you’ll find different options to add the video. By enabling the **Sticky Video** toggle, you'll see different positions of the sticky video. From the **Position **dropdown, you have to select the video position. By selecting it, you can make the video stick to that specific area. Here you’ll find four options -  - **Bottom Left** – Shows the video in the bottom left corner when it's out of the widget screen - **Bottom Right** – Shows the video in the bottom right corner when it's out of the widget screen - **Top Right** – Shows the video in the top right corner when it's out of the widget screen - **Top Left** – Shows the video in the top left corner when it's out of the widget screen ### Video Options In this tab, you’ll find different video options. The opinions will vary based on the selected video source. ![](https://theplusaddons.com/wp-content/uploads/2025/01/tp-video-video-options.png) ### Image/Icon From the Only Icon / Full Banner dropdown, you can select an overlay for the video. Here you’ll find two options -  - **Only Icon Image** - With this option, you can use an icon as a video overlay. - **Banner Image** - With this option, you can use an icon and an image as a video overlay. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-image-icon.gif) Select the option as per your needs. Let’s select Only Icon Image here. From the **Choose Image** section, you can add an image as an icon. ### How to Style the Video Player Widget? You’ll find all the styling options under the Style tab to style the Video Player widget. **Video Title** - You’ll see this option only when the Banner Image toggle is enabled under the Image/Icon tab. From here, you can manage video title typography, color, and background. ![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-style.png) **Video Description** - You’ll see this option only when the Banner Image toggle is enabled under the Image/Icon tab. From here, you can manage video description typography and color. **Video Styling** - From here, you can add a border, box shadow, custom [CSS transform](https://www.w3schools.com/cssref/css3_pr_transform.php), and different CSS filters for normal and hover states to the video. When the Banner Image is selected under the Image/Icon tab, you can also open the video in a pop-up. **Icon Setting** - From here, you can style the icon on the video. **Mask Image** - You can add a mask to your video from here. **On Scroll View Animation** –  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets, you can explore all their options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) --- # How to Add Background Image Scrolling Effect in Elementor? Source: https://theplusaddons.com/docs/add-background-image-scrolling-effect-in-elementor/ Do you want to add a background image scrolling effect in Elementor? This effect allows the background images to move at a different speed than the rest of the page, creating a visually appealing and dynamic effect. With the Row Background widget from The Plus Addons for Elementor, you can add a background image scrolling effect to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container or section you want to add the background image scrolling effect and follow the steps - > *Note: In the Row Background widget, there are multiple ways you can create this effect, we are just using one of the ways.* 1. Select **Creative Background Image** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-image-scrolling-1.gif) 2. Then add a background image in the **Background Image** section. 3. After that enable the **Scroll Parallax** toggle. 4. Then in the **Middle Layer** tab, select **Modern Image Effect** from the **Select Option** dropdown.  5. Open the repeater item, and add your image in the **Upload Image** section. 6. Then position the image as per your requirements. Let’s set the position to **Right (Auto / %): 5**, **Top (Auto / %): 15** and **Width** to **350**. 7. Then enable the **Magic Scroll** toggle. 8. After that click on the pencil icon in the **Scroll Options** section to enable the scrolling offset and duration. Adjust the values as per your requirements. 9. Then from the **Initial** and **Final** tabs, you can set the initial and final position of the image item to create a more dynamic scrolling effect. Similarly, you can add more image items with scrolling effects by clicking on the **+Add Item** button. This is how you can create a beautiful background image scrolling effect. --- # How to Create an Elementor Background Overlay? Source: https://theplusaddons.com/docs/create-an-elementor-background-overlay/ Are you looking to add an overlay background in Elementor? With the Row Background widget from The Plus Addons for Elementor, you can easily add an overlay background over another background of a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container or section you want to add the moving image background and follow the steps - 1. Add an appropriate background in the Deep Layer or Middle Layer or both. 2. Then select **Texture Image** from the **Select Option** dropdown, under the **Top Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-texture-image.gif) 3. From the **Opacity** section you have set the background image opacity. > *Note: You can also create an overlay background using Solid Color and Gradient Color options, but you have to set transparent colors.* Now you’ll see an overlay background image over your existing section or container background. --- # How to Add a Moving Image Background in Elementor? Source: https://theplusaddons.com/docs/add-a-moving-image-background-in-elementor/ Are you looking to add a moving image background in Elementor? Adding a moving background adds a sense of depth and interactivity to your website, making it more engaging. With the Row Background widget from The Plus Addons for Elementor, you can easily add a moving image background to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container or section you want to add the moving image background and follow the steps - 1. Select **Auto Moving Layer** from the **Select Option** dropdown, under the **Middle Layer** tab. > *Note: You can also create a moving background image effect from the ****Creative Background Image**** option under the ****Deep Layer**** tab.* ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-auto-moving-layer.gif) 2. Then open the repeater item and add the background image in the **Upload Image** section.  You can change the background image size from the **Background Size** dropdown. 3. Then from the **Direction** dropdown you have to select the image slide direction.  From the **Opacity Image** section, you can manage the background image opacity. > *Note: The Opacity Image option is useful if you are using multiple moving image backgrounds or using multiple backgrounds.* From the **Transition Speed** section, you can manage the image movement speed. From the **Responsive Visibility** toggle, you can select to show or hide the repeater item’s background image for responsive devices. You can click the **+Add Item** button to add multiple moving image backgrounds with images moving in different directions. > *Note: If you are using multiple repeater items, in all of them (except the first item) make sure to set the Opacity Image value to below 1 to show all the background images.* Now you’ll see the background image of the container or section moving in your desired direction. --- # How to Add an Elementor Particle Background? Source: https://theplusaddons.com/docs/add-an-elementor-particle-background/ Do you want to create a particle background in Elementor? Showing particle effects in the background can enhance the overall website aesthetic and leave a lasting impression on your audience. With the Row Background widget from The Plus Addons for Elementor, you can easily add a particle background to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container or section you want to add the particle background and follow the steps - https://www.youtube.com/watch?v=oBA_BtZ4P10 1. Add an appropriate background in the **Deep Layer** tab. > *Note: For better visibility of the particle effects, you should add a background in the Deep Layer.* 2. Then select **Canvas Effect** from the **Select Option** dropdown, under the **Middle Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-canvas-effect.gif) 3. From the **Canvas Style** dropdown, you have to select a particle effect. Here you’ll find eight pre-defined particle effects or can add a custom effect.  Let’s select **Style 2** here, from the **Color** section you can change the particle color. Similarly each style, you’ll find some additional settings. To use the custom option, you can create the particle effect using this [tool](https://vincentgarreau.com/particles.js/#default). Then you have to add the JSON code. Now you’ll see a beautiful particle effect on the section or container background. --- # How to Add a Parallax Background in Elementor? Source: https://theplusaddons.com/docs/add-a-parallax-background-in-elementor/ Are you looking to add a parallax background in Elementor? The parallax effect creates an illusion of depth by moving different layers of content at different speeds as the user scrolls down the page. With the Row Background widget from The Plus Addons for Elementor, you can easily create a parallax background for a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container or section you want to add the parallax background and follow the steps - 1. Select **Creative Background Image** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-creative-background-image.gif) 2. In the **Background Image** section you have to add the background image. You can adjust the background image from the **Image Position**, **Attachment**, **Repeat** and **Background Size** dropdowns. From the **Background Effect** dropdown, you can change the background effect. Here you’ll find two options -  - **Normal Background Image** - To keep the background image normal. - **Auto Moving Background Image** - To make an auto-moving background image. You’ll find different settings for each option. Select the option as per your requirements, let’s select Normal Background Image here. From the **Special Image Hover Effects** dropdown, you can add special effects to the background image. Here you’ll find two options -  - **Select Style** - To add no effect. - **Parallax Tilt Effect** - To add a parallax tilt effect to the background image on mouse hover. - **Parallax Move Effect** - To add a mouse move effect to the background image on mouse hover. You’ll find different settings for each option. Select the option as per your requirements, let’s select Select Style here to add no effects. 3. Then enable the **Scroll Parallax** toggle. From the **Magic Scroll** toggle, you add a scrolling effect to the background image. You can use this option to create a more intense parallax effect on scroll. By enabling the **Ken-Burns Effect** toggle you can add the Ken-burn effect to the background image. From the **Responsive Image** toggle, you can select to show or hide the background image for responsive devices. You can mix and match these options to create a more dynamic parallax background image effect. For creating a simple parallax background you don’t need to add any background in the other layers. But you can use other layers to create a more complex parallax background. --- # How to Change Carousel Background On Slide Change in Elementor? Source: https://theplusaddons.com/docs/change-carousel-background-on-slide-change-in-elementor/ Are you looking to change the carousel section background on slide change in Elementor? Changing the section background along with the carousel background can add a dynamic effect to your website. With the Row Background and any carousel supported widget from The Plus Addons for Elementor, you can easily change the section or container background while changing the slide of the carousel in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) Following are the carousel supported widgets from The Plus Addons for Elementor that you can use with the Row Background widget. - Carousel Anything - Switcher - Blog Posts - Testimonials - Woo Products - Gallery Listing - Client Logos - Team Members - Dynamic Listing - Magazine Slider - Dynamic Categories For instance, we’ll use the Gallery Listing widget here. To do this, add the Row Background and Gallery Listing widget to the container you want to change the background and follow the steps - > *Note: You can also keep the Row Background and the carousel supported widget in separate containers or sections. But for more creative effect we are keeping both in the same container.* 1. In the Gallery Listing widget after selecting the appropriate option add images to the gallery from the **Content** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/gallery-listing-add-content.png) 2. Then, from the **Layout** tab, select **Carousel **from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/gallery-listing-layout-carousel.png) 3. After that, go to the **Style** tab > **Carousel Options** and add a unique id in the **Unique Carousel ID** field. ![](https://theplusaddons.com/wp-content/uploads/2025/01/gallery-listing-carousel-unique-carousel-id.png) 4. Then in the Row Background widget, select **Carousel Background** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-carousel-background.gif) 5. In the **Carousel Connection ID** field, add the same id. From the **Change Bg Effect** dropdown, you can select the background change effect. In the **Change Transition Duration** field, you can set the background transition duration. 6. Then you have to add the slide backgrounds in the **Carousel Background Slides** section. By default, you’ll find four repeater items, open the first one. 7. From the **Background Type** section you have to add the background for the repeater item. You can add a background color, gradient color or image. Let’s use a background image here. Similarly, you can add a different background to the other items. You can click the **+ Add Item** button to add more slide backgrounds. > *Note: Make sure to have the same number of repeater items as the number of slides in your carousel widget. * For simply changing the section background with the carousel slide change you don’t need to add any background in the other layers. Now as the carousel slider slide changes the section background will change. --- # How to Change Background On Scroll in Elementor? Source: https://theplusaddons.com/docs/change-background-on-scroll-in-elementor/ Do you want to change the background as you scroll in Elementor? This dynamic effect adds a touch of creativity and interactivity to a website, making it more engaging for visitors. With the Row Background widget from The Plus Addons for Elementor, you can easily change the background while scrolling in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the page and follow the steps - https://www.youtube.com/watch?v=Xu_H2ONHCDs 1. Select **On Scroll Background Animation** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-on-scroll-background-animation.gif) 2. Then from the **Select Multiple Colors** section you can select to change the background color or image on scroll.  Here we’ll change the background image on scroll. By default, you’ll find three repeater items, open the first one. 3. In the **Select Image** section you have to add the first background image. 4. Then open the second item and add the second background image in the **Select Image** section. Similarly, you can add different background images to the other items. You can click on the **+ Add Item** button to add more background images. > *Note: To change the background for each section container on scroll, make sure the number of repeater items is equal to the number of section containers on the page.* > *Note: For the best result set the section container height to viewport height or bigger. Make sure not to use any background color or image in the section container.* From the **On Scroll Change** dropdown, you can change the effect type. Here you’ll find two options -  - **Direct Color Change Effect** - To change the background color or image with a fade effect. - **Gradient Like Effect** - To change the background color with a gradient effect. > *Note: Background image change on scroll will not work with the Gradient Like Effect.* If the background change on scroll isn’t working properly you can select **Relative** from the **Position** dropdown to fix the issue. Then from the **Transition Duration** section, you can set the image transition duration. For creating a simple background change on scroll you don’t need to add any background in the other layers. Now you’ll see the viewport background changing as you scroll from one section container to another. --- # How to Add an Animated Gradient Background in Elementor? Source: https://theplusaddons.com/docs/add-an-animated-gradient-background-in-elementor/ Are you looking to add an animated gradient background in Elementor? Adding an animated gradient background can add a dynamic and eye-catching element to your website. With the Row Background widget from The Plus Addons for Elementor, you can easily add an animated gradient background to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container or section you want to add the animated gradient background and follow the steps - 1. Select **Gradient Animate Colo**r from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-gradient-animated-color.gif) 2. Then you have to add colors in the **Select Multiple Colors** section. By default, you’ll find three repeater items, open the first one. 3. In the **Color** section add your first color. > *Note: The rest of the options are for the On Scroll Background Animation option.* 4. Then open the second item and add the second color in the **Color** section.  Similarly, you can add different colors to the other items. You can click on the **+ Add Item** button to add more colors. Now based on your selected colors it will automatically create gradient colors. In the **Animation Duration** field, you can set the color transition duration. Then from the **Animate Rotate Color** field, you can change the gradient color angle. By enabling the **Full Page Background** toggle, you can make the animated gradient background a full page. > *Note: For the best full-page animated gradient background result you should use the Elementor Canvas template.* If the full page background isn’t working properly you can select **Relative** from the **Position** dropdown to fix the issue. Now you’ll see a beautiful animated gradient background color smoothly changing from one color to another. For creating a simple animated gradient background you don’t need to add any background in the other layers. --- # How to Create a Segmented Background in Elementor? Source: https://theplusaddons.com/docs/create-a-segmented-background-in-elementor/ Do you want to create a segmented background in Elementor? Adding a segmented background can add a touch of creativity to your website. With the Row Background widget from The Plus Addons for Elementor, you can easily add a segmented background to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container you want to add the segmented background and follow the steps - https://www.youtube.com/watch?v=axXfQxPIMM8 1. Select **Image Segmentation** from the **Select Option** dropdown, under the **Deep Laye** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-image-segmentation.gif) 2. From the **Background** dropdown, you have to select the background type. Here you’ll find three options -  - **Image** - To create a segmented image background. - **Solid Color** - To create a segmented solid color background. - **Gradient Color** - To create a segmented gradient color background. You’ll see different settings for each option.  Select the option as per your requirements, let’s select Image here. 3. From the **Upload Image** section, add your background image. 4. Then from the **Layout Style** dropdown, you have to select a segmentation layout style. You can select from different pre-defined styles or you can create a custom layout by selecting the **Custom** option. With the Custom option, you can set the position, width, height, animation and duration of the segment. You can click on the **+Add Item** button to add multiple segments. From the **Number of Segmentations** section you set the number of segments will be visible. By enabling the **Mouse Hover Parallax Effect** toggle, you can add a parallax effect on hover on the segments. You can set opacity, top shadow, left shadow, animation duration, transition effect, transition delay and more of the segments. Then from the **Box Shadow** section, you can adjust segmented boxes box shadow. Now you’ll see segmented boxes appear as you mouse hover the section or container. For creating a simple segmentation background you don’t need to add any background in the other layers. --- # How to Add Gradient Background in Elementor? Source: https://theplusaddons.com/docs/add-gradient-background-in-elementor/ Are you looking to add a gradient background in Elementor? A gradient background adds depth and visual interest to a website, making it more appealing to visitors. With the Row Background widget from The Plus Addons for Elementor, you can easily add a gradient to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container you want to add the gradient background and follow the steps - 1. Select **Gradient** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-gradient.gif) 2. In the **Color 1** section, you have to set the first color of the gradient. Then from the **Color 1 Location** slider, you can set the first color location.  3. In the **Color 2** section, you have to set the second color of the gradient. From the **Color 2 Location** slider, you can set the second color location. Then from the **Gradient Style** dropdown, you can set the gradient style to linear or gradient. > *Note: You can do the same by selecting the Gradient option from the Top Layer tab.* For creating a simple gradient background you don’t need to add any background in the other layers. --- # How to Create an Elementor Background Slideshow? Source: https://theplusaddons.com/docs/create-an-elementor-background-slideshow/ Are you looking to create an Elementor background slideshow? The background slideshow not only adds a dynamic and visually appealing element to your website, but also helps in showcasing your products, services, or portfolio creatively. With the Row Background widget from The Plus Addons for Elementor, you can easily add a background slideshow to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container you want to add the background slideshow and follow the steps - https://www.youtube.com/watch?v=oBA_BtZ4P10 1. Select **Creative Background Gallery** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-creative-background-gallery.gif) 2. Then in the **Add Multiple Images** section, you have to add your images from the slideshow. From the **Transition Effects** dropdown, you can set the transition effect for the images. Then in the **Transition Duration** field, you can set the image transition speed. In the **Slide Delay Time** field, you can set a time delay between image changes. From the **Texture Overlay** dropdown, you can add a texture overlay on the background slideshow for better visibility of content. Now you’ll see a beautiful slideshow background on the container or section. For creating a simple background slideshow you don’t need to add any background in the other layers. --- # How to Create an Elementor Video Background? Source: https://theplusaddons.com/docs/create-an-elementor-video-background/ Do you want to add a video background in Elementor? A video background not only adds an element of dynamism and engagement but also can convey a message in an engaging manner. With the Row Background widget from The Plus Addons for Elementor, you can easily add a video background to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container you want to add the video background and follow the steps - 1. Select **Creative Background Video** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-creative-background-video.gif) 2. Then from the Video Source dropdown, you have to select the video source. Here you’ll find three options -  - **Self Hosted** - To show a self-hosted video as the background. - **YouTube** - To use a YouTube video as the background. - **Vimeo** - To use a Vimeo video as the background. With each option, you’ll see different options to add the video.  Select the option as per your requirements, let’s select YouTube here. 3. In the **Enter YouTube Video ID** field, you have to [add the YouTube video ID](https://gist.github.com/jakebellacera/d81bbf12b99448188f183141e6696817) you want to use. > *Note: For Vimeo video, you have to *[*add the Vimeo video ID*](https://www.weavers.space/answers/vimeo-video-id)*.* By enabling the **Loop** toggle, you can make the video loop forever. Then from the **Mute** toggle, you can mute the video. In the **Fallback Image** section, you can add a fallback image for the video. From the **Parallax Background Video** toggle, you can make the video fixed in the background as you scroll. By enabling the **Responsive Fallback Image** toggle, you can add different fallback images for tablet and mobile. Then from the **Responsive Bg Video** toggle, you can add different self hosted videos for tablet and mobile. Now you’ll see your video playing in the container or section background. For creating a simple video background you don’t need to add any background in the other layers. --- # How to Add an Animated Color Background in Elementor? Source: https://theplusaddons.com/docs/add-an-animated-color-background-in-elementor/ Do you want to add an animated color background in Elementor? Animated color backgrounds add a dynamic and eye-catching element to your website, instantly grabbing the viewer's attention. With the Row Background widget from The Plus Addons for Elementor, you can easily add an animated color background to a container or section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) To do this, add the Row Background widget to the container you want to add the animated color background and follow the steps - 1. Select **Animated Background Color** from the **Select Option** dropdown, under the **Deep Layer** tab. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-animated-color-background.gif) 2. Then you have to add colors in the **Select Multiple Colors** section. By default, you’ll find three repeater items, open the first one. 3. In the **Color** section add your first color. > *Note: The rest of the options are for the On Scroll Background Animation option.* 4. Then open the second item and add the second color in the **Color** section.  Similarly, you can add different colors to the other items. You can click on the **+ Add Item** button to add more colors. In the **Animation Duration** field, you can set the color transition duration. Now you’ll see the background color smoothly changing from one color to another. For creating a simple animated color background you don’t need to add any background in the other layers. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-animated-color-background-demo-1.gif) --- # How to Create a Multi Layer Elementor Background? Source: https://theplusaddons.com/docs/create-a-multi-layer-elementor-background/ Adding a multi-layer background can add depth and dimension to your site, making it more visually dynamic and engaging.  With the Row Background widget from The Plus Addons for Elementor, you can easily create different types of multi-layer backgrounds in Elementor. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing/). - Make sure the Row Background widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Row Background and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=2uIMQCIfjlM ## How to Activate the Row Background Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-activate-1024x485.png) ## Key Features - **Multi Layer **- You can easily create a multi-layer background. - **Gradient Background** - You can easily [create a gradient background.](https://theplusaddons.com/docs//add-gradient-background-in-elementor/) - **Animated Color Background** - You can [create an animated color background.](https://theplusaddons.com/docs//add-an-animated-color-background-in-elementor/) - **Video Background** - You can [create a video background.](https://theplusaddons.com/docs/create-an-elementor-video-background/) - **Background Slideshow** - You can easily [create a background slideshow.](https://theplusaddons.com/docs//create-an-elementor-background-slideshow/) - **Image Segmentation Background** - You can [add an image segmentation background.](https://theplusaddons.com/docs//create-a-segmented-background-in-elementor/) - **Animated Gradient Background** - You can easily [create an animated gradient background.](https://theplusaddons.com/docs//add-an-animated-gradient-background-in-elementor/) - **Change Background On Scroll** - You can easily [change the background on scroll.](https://theplusaddons.com/docs//change-background-on-scroll-in-elementor/) - **Carousel Background** - You can easily [change the carousel background with slide change](https://theplusaddons.com/docs//change-carousel-background-on-slide-change-in-elementor/). - **Parallax Background** - You can [add a parallax background.](https://theplusaddons.com/docs//add-a-parallax-background-in-elementor/) - **Particle Background** - You can easily [create a particle background.](https://theplusaddons.com/docs//add-an-elementor-particle-background/) - **Moving Image Background** - You can [create a moving image background.](https://theplusaddons.com/docs/add-a-moving-image-background-in-elementor/) - **Background Overlay** - You can easily [create a background overlay with different elements.](https://theplusaddons.com/docs//create-an-elementor-background-overlay/) ## How to Use the Row Background Widget in Elementor? Add the Row Background widget from The Plus Addons for Elementor to the container you want to add the background.  ### Deep Layer The Row Background widget has three layers, this is the deep or last layer. From the **Select Option** dropdown, you have to select a background type for the last layer. Here you’ll find 10 options -  - **Carousel Background** - To change the carousel background with slide change. - **Solid Color** - To create a solid background color. - **Gradient Color** - To create a gradient background color. - **Animated Background Color** - To create an animated color background. - **Creative Background Image** - To create a parallax background. - **Creative Background Video** - To create a video background. - **Creative Background Galler**y - To create a background image slideshow. - **Image Segmentation** - To create an image segmentation background. - **Gradient Animate Color** - To create an animated gradient background. - **On Scroll Background Animation** - To change the background on scroll. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-deep-layer.gif) Select the option as per your requirements, let’s select Solid Color here. In the **Background Color** section, you have to set the background color. Then from the **Border Radius** slider, you can set a different border radius for the background for different devices.  From the **Layout** dropdown, you can select different layout types for your taxonomy. Here you’ll find four options -  ### Middle Layer This is the middle or second layer. From the **Select Option** dropdown, you have to select a background type for the middle layer. Here you’ll find 5 options - - **Canvas Effect** - To create a particle background. - **Modern Mouse Hover Parallax** - To create an image mouse hover parallax effect on the background. This will keep the image as an object over the background and the images will have a parallax effect on mouse hover. - **Auto Moving Layer** - To create a moving image background. - **Modern Image Effect** - To add different effects on images over the background. - **Multi Layer Parallax** - To create a multi-layer parallax background. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-middle-layer.gif) Select the option as per your requirements, let’s select Modern Image Effect here. By default, you’ll see one repeater item open it -  In the **Upload Image** section, you have to add your image. You can adjust the image position from the **Left (Auto / %)**, **Right (Auto / %)**, **Top (Auto / %)**, **Bottom (Auto / %)** toggles for desktop, tablet and mobile separately. From the **Width** field, you can set the image width. Then from the **Opacity Image** section, you can set the opacity of the image. From the **Border Radius** section, you can set the image border-radius. Then from the **Image Effects** dropdown, you can add different effects. From the **Duration Time** section, you can manage the animation speed. By enabling the **Magic Scroll** toggle, you can [add a scrolling effect to the image](https://theplusaddons.com/docs/magic-scroll-effect-in-elementor/). From the **Responsive Visibility** toggle, you can select to show or hide the image for responsive devices. In the **z-index** field, you can set the z-index of the image. You can click on the **+ Add Item** button to add more images. ### Top Layer This is the top layer which can act as an overlay background. From the **Select Option** dropdown, you have to select a background type for the top layer. Here you’ll find 3 options - - **Solid Color** - To add a solid color overlay background. - **Gradient Color** - To add a gradient color overlay background. - **Texture Image** - To add an image overlay background. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-top-layer.gif) Select the option as per your requirements, let’s select Solid Color here. From the **Overlay Color** section, you can add a solid color but make sure to add some transparency in the color to create an overlay effect. ### Extra By enabling the **Overflow Hidden Section** toggle you can hide the section overflow. ![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-extra.png) Advanced options remain common for all our widget, you can explore all it options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) --- # How to Exclude Category by ID from Category List in Elementor? Source: https://theplusaddons.com/docs/exclude-category-by-id-from-category-list-in-elementor/ Do you want to exclude certain post categories from a category list in Elementor? You might want to hide some categories to tailor content for specific audiences to simplify your website's navigation. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily exclude categories by ID from a category list. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some product categories in WooCommerce then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select an appropriate layout from the **Layout** section. 3. After that, select a **category** from the **Taxonomies** dropdown. 4. Then go to the **Content** tab, in the **Exclude Terms ID** field, you have to add the category ID that you want to exclude from the list. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Content-Exclude-Terms-ID-10.png) > *Note: You can add multiple post IDs separated by commas.*  To find a category ID, from the Dashboard, go to **Posts** > **Categories**, and now hover over the category that you want to get the ID of. At the bottom of the browser, it will show the category edit URL with its ID. The number after ‘*category&tag_ID=*’ is the category ID. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Post-Categories-Settings-Exclude-Terms-ID-3.png) > *Note: Following this process, you can exclude tags, product categories, product tags, and custom taxonomies.* Now that particular category won’t show in the list. --- # How to Create a Custom Taxonomy List in Elementor? Source: https://theplusaddons.com/docs/create-a-custom-taxonomy-list-in-elementor/ Do you want to create a custom taxonomy list in Elementor? Custom taxonomies help you organize and categorize your content more effectively, making it easier to manage and navigate. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily show a custom taxonomy list in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) Make sure you’ve created at least one custom taxonomy and added some items to it. You can use any CPT plugins such as [Advanced Custom Fields (ACF)](https://wordpress.org/plugins/advanced-custom-fields/), [Custom Post Type UI](https://wordpress.org/plugins/custom-post-type-ui/), [Pods](https://wordpress.org/plugins/pods/), [Custom post types](https://wordpress.org/plugins/custom-post-types/), etc., to [create a custom taxonomy](https://www.advancedcustomfields.com/resources/registering-a-custom-taxonomy/).  For instance, we’ve created a custom taxonomy called Book Authors.  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select an appropriate layout from the **Layout** section. 3. After that, select your custom taxonomy from the **Taxonomies** dropdown. In our case, it is *book-author*. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Carousel-Taxonomies-Book-Author-1.gif) Now you’ll see your custom taxonomy listing. --- # How to Create a WooCommerce Product Carousel List in Elementor? Source: https://theplusaddons.com/docs/create-a-woocommerce-product-carousel-list-in-elementor/ Do you want to display the WooCommerce product categories in a carousel? A product category carousel improves the browsing experience for your customers and helps showcase your wide variety of products. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily create a WooCommerce product category carousel in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some product categories in WooCommerce then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select **Carousel** from the **Layout** section. 3. After that, select **product_cat** from the **Taxonomies** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Carousel-Taxonomies-Product-Category.gif) > *Note: Similarly, you can create a product tag carousel by selecting the product_tag option.* This is how easily you can create a product category carousel. ![](https://theplusaddons.com/wp-content/uploads/2025/01/dynamic-categories-carousel-demo-1.gif) --- # How to Create a WooCommerce Product Category List in Elementor? Source: https://theplusaddons.com/docs/create-a-woocommerce-product-category-list-in-elementor/ Are you looking to create a WooCommerce product category list in Elementor? Displaying a list of product categories helps improve user experience by grouping similar products, making it easier for customers to find what they need. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily create a WooCommerce product category list. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some product categories in WooCommerce then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select an appropriate layout from the **Layout** section. 3. After that, select **product_cat** from the **Taxonomies** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Taxonomies-Product-Category.png) > *Note: Similarly, you can create a product tag list by selecting the product_tag option.* This is how easily you can create a product category list. ![](https://theplusaddons.com/wp-content/uploads/2025/01/dynamic-categories-grid-demo-1.png) --- # How to Create a Category Carousel in Elementor? Source: https://theplusaddons.com/docs/create-a-category-carousel-in-elementor/ Do you want to create a post category carousel in Elementor? Displaying categories in a carousel is a fun and efficient way to show more items in a small space. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily show post categories in a carousel slider. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some post categories, then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select **Carousel** from the **Layout** section. 3. After that, select a **category** from the **Taxonomies** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Carousel-1.gif) > *Note: Similarly, you can show tags or other taxonomies in a carousel slider by selecting the appropriate option.* Now your post categories will show in a carousel. ![](https://theplusaddons.com/wp-content/uploads/2025/01/dynamic-categories-carousel-demo.gif) --- # How to Create Category Metro Layout in Elementor? Source: https://theplusaddons.com/docs/create-category-metro-layout-in-elementor/ Do you want to display your post categories in a Metro layout in Elementor? This modern style uses box-shaped grids to organize and show content in a neat and attractive way. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily show post categories in a metro layout. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some post categories, then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select **Metro** from the **Layout** section. 3. After that, select a **category** from the **Taxonomies** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Metro.gif) > *Note: Similarly, you can show tags or other taxonomies in a metro layout by selecting the appropriate option.* Now your post categories will show in a metro layout. ![](https://theplusaddons.com/wp-content/uploads/2025/01/dynamic-categories-metro-demo.png) --- # How to Create Category Masonry Grid in Elementor? Source: https://theplusaddons.com/docs/create-category-masonry-grid-in-elementor/ Do you want to create a category masonry grid in Elementor? Using a masonry layout is an effective and appealing way to display a taxonomy listing. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily show post categories in a masonry layout. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget,* [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/). ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some post categories, then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select **Masonry** from the **Layout** section. 3. After that, select a **category** from the **Taxonomies** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Masonry.gif) > *Note: Similarly, you can show tags or other taxonomies in a masonry grid layout by selecting the appropriate option.* Now, your post categories will show in a masonry layout. ![](https://theplusaddons.com/wp-content/uploads/2025/01/dynamic-categories-masonry-demo.png) --- # How to Create Category Grid in Elementor? Source: https://theplusaddons.com/docs/create-category-grid-in-elementor/ Creating a category grid in Elementor can be a fantastic way to visually present different post categories, making it easier for visitors to navigate and find relevant content on your site. This layout allows you to display categories in an organized grid-based structure. With the Dynamic Categories widget from The Plus Addons for Elementor, you can easily show post categories in a grid layout. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Categories widget, [click here](https://theplusaddons.com/docs//add-categories-listing-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) To do this, make sure you’ve created some post categories, then follow the steps -  1. Add the Dynamic Categories widget on a page and select an appropriate style from the **Style** section from the **Content Layout** tab. 2. Then select **Grid** from the **Layout** section. 3. After that, select a **category** from the **Taxonomies** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Grid.gif) > *Note: Similarly, you can show tags or other taxonomies in a grid layout by selecting the appropriate option.* Now, your post categories will show in a grid layout. ![](https://theplusaddons.com/wp-content/uploads/2025/01/dynamic-categories-grid-demo.png) Now, your post categories will show in a grid layout. --- # How to Add Categories Listing in Elementor? Source: https://theplusaddons.com/docs/add-categories-listing-in-elementor/ Taxonomies in WordPress are essential for categorizing and grouping content in a structured manner. They help to classify content into specific categories or tags to create an organized site architecture. This not only improves navigation but also enhances the user experience by making it easier for visitors to discover related content. With the Dynamic Categories Widget from The Plus Addons for Elementor, you can easily list different taxonomies such as post category, tag, product category, product tag, and custom taxonomies in Elementor. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//dynamic-category/) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - Make sure the Dynamic Categories widget is activated. To verify this, visit ThePlus Addons → Widgets → and search for Dynamic Categories and activate. - This is a Freemium widget to unlock the extra features; you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). ## Learn via Video Tutorial https://www.youtube.com/watch?v=Atp_gVyWko8 ## How to Activate the Dynamic Categories Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Activate-1024x344.png) ## Key Features - **Four Layout Types** - You can choose from four layout types: Grid, Masonry, Metro, and Carousel (Pro). - **Include Taxonomy by ID** - You can include taxonomy by specific ID. - **Exclude Taxonomy by ID** - You can [exclude specific taxonomies by their ID number](https://theplusaddons.com/docs/exclude-category-by-id-from-category-list-in-elementor/). - **Hide Empty** **Taxonomy ** - You can easily hide blank taxonomies from the list. - **Hide Sub Taxonomy** - You can easily hide the child taxonomies from the list. - **Hide Parent Taxonomy** - You can easily hide the parent taxonomies from the list.  - **Offset Taxonomy**: You can hide taxonomies from the beginning of the listing by setting an offset number. - **Order Taxonomy by Different Parameters**: You can order the taxonomy list by different parameters such as date, author, title, and more. - **Limit Description**: You can easily limit the taxonomy description by word or character count. - **Unique Carousel ID **- With the Unique Carousel ID, you can easily connect and control the category carousel with the Carousel Remote widget. ## Layout From the **Style** section, you have to select a style. > *Note: For Style 1 and Style 2, to show the taxonomy image, you have to add a thumbnail image for each respective taxonomy in the backend.* ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Layout.gif) From the **Layout** section, you can select different layout types for your taxonomy. Here you’ll find four options -  - **Grid** - For [creating a grid layout.](https://theplusaddons.com/docs//create-category-grid-in-elementor/) - **Masonry** - For [creating a masonry grid layout.](https://theplusaddons.com/docs/create-category-masonry-grid-in-elementor/) - **Metro** - For [creating a modern metro layout.](https://theplusaddons.com/docs//create-category-metro-layout-in-elementor/) - **Carousel** - For [creating a taxonomy carousel slider.](https://theplusaddons.com/docs/create-a-category-carousel-in-elementor/) Select the appropriate layout option that fits your needs. From the **Taxonomy** dropdown, you have to select the taxonomy. - **category** - For [displaying post categories.](https://theplusaddons.com/docs//create-a-woocommerce-product-category-list-in-elementor/) - **post_tag** - For displaying post tags. > *Note: If you are using Woocommerce or have any custom taxonomy you’ll find relevant options in the dropdown as well.* From the **Alignment** section, you can align the listing content vertically. Then, from the **Offset** section, you can align the listing content horizontally. ### Content From this tab, you can customize which taxonomy listing items to show or hide. **Hide Empty **-** **From here, you can show or hide the empty taxonomies from the list. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Content.gif) **Hide Sub Categories** - From here, you can show or hide the child taxonomies from the list. **Include Terms ID** - From here, you can include taxonomies by ID. **Exclude Terms ID** - From here, you can exclude taxonomies by ID. In the **Maximum Categories Display** field, you can set a maximum number of taxonomy items to be displayed on a page.  From the **Offset Categories **field, you can hide items from the beginning of the taxonomy list.  Then, from the **Order By** dropdown, you can order the posts. Here you’ll find multiple options -  - **None** - This will keep the list in its default order. - **ID** - With this, you can order the taxonomies by ID. - **Author** - With this, you can order the taxonomies by author name. - **Title** - With this, you can order the taxonomies by title (alphabetical order). - **Name (slug)** - With this, you can order the taxonomies by their slug (URL). - **Date** - With this, you can order the taxonomies by date.  - **Modified** - With this, you can order the taxonomies based on the last modified date. - **Random** - This will show taxonomies in a random order.  - **Comment Count** - With this, you can order the taxonomies based on the number of comments.. - **Default Menu Order** - With this option, you can order taxonomies by menu order number. However, the menu order option is available for pages only. If you want to use the menu order feature for taxonomies, you have to add some special code to your website's files. This will allow you to give each taxonomy an order number, just like you can for pages. Then, from the **Order** dropdown, you can arrange the posts in ascending or descending order based on the option selected in the **Order By** dropdown. ### Columns Manage From the **Columns Manage** tab, you can manage the number of columns of your listing for different devices. For the **Metro **layout, you can select the number of columns for desktop and tablet only; you can also select different styles for each device separately.  ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Columns-Manage.png) > *Note: The ****Columns Manage**** tab is not available with the Carousel layout.* You can also manage the column gap from the **Columns Gap/Space Between** section. ### Extra Option **Display Product Count** - From here, you can show the number of posts on the taxonomy list. **Display Description** - From here, you can show or hide the taxonomy description. When enabled, you’ll see more options.  - **Limit** - From here, you can limit the taxonomy description. When enabled, you can limit the description by letter or word from the ** Limit** **on **dropdown. In the **Description Count** field, you can set the number. You can show dots after the description by enabling the **Display Dots** toggle. **Display Image Size** – Enable this toggle to set the featured image size for the taxonomy listing using the **Image Resolution** dropdown. **Hide Parent Categories** - From here, you can show or hide the parent taxonomies from the list. ## How to Style the Dynamic Categories Widget? To style the Dynamic Categories widget, you’ll find all the styling options under the Style tab. **Title** - From here, you can manage the listing title style. ![](https://theplusaddons.com/wp-content/uploads/2025/01/Tpae-Dynamic-Categories-Style-1.png) **Product Count** - From here, you can manage the display count style. **Description** - You’ll see this option when the Display Description toggle is enabled. From here, you can manage the taxonomy description style.  **Carousel Options** (Pro) - This option will be visible when you use the **Carousel** layout. Here you’ll find many options to control the carousel. - **Unique Carousel ID** - With the Unique Carousel ID, you can easily connect and control the taxonomy carousel with the Carousel Remote widget. - **Slider Mode** - From here, you can choose your slider orientation, horizontal or vertical. - **Slide Speed** - Control your slide transition speed from here. *Now you’ll find various device-dependent options.* **Columns **- You can set the number of columns for the slide for desktop, tablet, and mobile separately.  **Next Previous** - You can set the behavior of your next/previous slide movement from here. You can move one column at a time or all visible columns (depending on the number of columns set in the **Columns** dropdown). **Slide Padding** - From here, you can adjust the padding of your slider. **Draggable** - Make your carousel draggable or non-draggable from here. **Multi Drag** - With this option, you can allow users to drag multiple slides at once. **Infinite Mode** - From here, you can turn your carousel into an infinite loop slider. **Pause On Hover** - Allow the users to pause the slider on mouse hover. **Adaptive Height** -  If you have slides with uneven height, with this option, the carousel navigation will adjust its position automatically according to the height of the slide. **Animation Type** - From here, you can choose the animation type for your slider. **Autoplay** - Make your carousel slider autoplay from here and adjust its speed as well. **Show Dots** - From here, you can add dots, slider navigation, and you can style them as well. **Show Arrow** - You can also add arrow navigation for your carousel slider and style it from here. **Center Mode** - From here, you can highlight the center slide by adding padding, scale effect, or opacity. **Number Of Rows** - From here, you can set the number of rows for your slider.  **Content Loop** - From here, you can add overlay color, border, CSS transform, CSS filter, and box shadow on each item for normal and hover states. You can also style the item content from here. **Extra Option** - Here you’ll find some additional options,  - **Overflow** - From here, you can set the content overflow to hidden or visible. - **Tilt 3D Parallax** - From here, you can [add a 3d tilt p](https://theplusaddons.com/docs//3d-tilt-parallax-effects-in-elementor/)[a](https://theplusaddons.com/docs//3d-tilt-parallax-effects-in-elementor/)[rallax effect](https://theplusaddons.com/docs//3d-tilt-parallax-effects-in-elementor/). - **Mouse Move Parallax** - From here, you can [add a mouse move parallax effect](https://theplusaddons.com/docs/mouse-cursor-parallax-effects-in-elementor/). - **Messy Column** - From here, you can make a unique column alignment, you’ll get options to move columns up and down up to 6 columns individually for different devices. > *Note: Tilt 3D Parallax and Mouse Move Parallax options work similarly to the global options available for the other widgets of The Plus Addons for Elementor.*  **On Scroll View Animation** -  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. You [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets; you can explore all their options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) --- # How to Show WooCommerce Recently Viewed Products in Elementor? Source: https://theplusaddons.com/docs/show-woocommerce-recently-viewed-products-in-elementor/ Do you want to show WooCommerce recently viewed products in Elementor? Showing recently viewed products to users can help increase conversion rates by reminding users of items they may be interested in purchasing. With the Product Listing widget from The Plus Addons for Elementor, you can easily show recently viewed products in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) ### Enable WooCommerce Recently Viewed First, you have to enable The Plus Addons for Elementor WooCommerce Recently Viewed option. To do this – 1. From the Dashboard, go to **The Plus Addons ** > **Extra Options** > **Settings**. 2. Scroll down to the **WooCommerce Recently Viewed** section and enable it. ![](https://theplusaddons.com/wp-content/uploads/2025/01/product-listing-woocommerce-recently-viewed.png) ### Use the Product Listing Widget To do this add the Product Listing widget to the page or template (like the single product template) where you want to show the recently viewed products, then follow the steps -  1. Select **Recently Viewed** from the **Product Listing Types** dropdown.  ![](https://theplusaddons.com/wp-content/uploads/2025/01/product-listing-recently-viewed-new.png) 2. Then select the appropriate style and layout from the **Style** and **Layout** sections, respectively. You can fine-tune the settings and style from other options. Now you’ll see all the products that you’ve checked previously listed on your set location. Also, check [How to Show WooCommerce Products in Metro Layout in Elementor](https://theplusaddons.com/docs//show-woocommerce-products-in-metro-layout-in-elementor/). --- # How to Create a WooCommerce Wishlist Page in Elementor? Source: https://theplusaddons.com/docs/create-a-woocommerce-wishlist-page-in-elementor/ Are you looking to create a WooCommerce wishlist page in Elementor? A wishlist page allows users to save all of their favorite products for future reference or purchase in one location. With the Product Listing widget from The Plus Addons for Elementor, you can easily create a wishlist page in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this add the Product Listing widget to the page where you want to show the wishlist, then follow the steps -  1. Select **Wishlist** from the **Product Listing Types** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2025/01/product-listing-wishlist-new.png) 2. Then select the appropriate style and layout from the **Style** and **Layout** sections, respectively. You can fine-tune the settings and style from other options. Now you’ll see all the products that are saved to your wishlist on this page. Also, check [How to Show WooCommerce Products in Metro Layout in Elementor](https://theplusaddons.com/docs//show-woocommerce-products-in-metro-layout-in-elementor/). --- # How to Create a Wishlist Page for Custom or Any Other Post Type in Elementor? Source: https://theplusaddons.com/docs/create-a-wishlist-page-for-custom-or-any-other-post-type-in-elementor/ Do you want to create a wishlist page for custom or any other post type in Elementor? With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily create a wishlist page for any post type. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) Let’s create a wishlist page for a custom post type called “*Books*” To do this add the Dynamic Listing widget to the page where you want to show the wishlist, then follow the steps -  1. Select **Wishlist** from the **Post Listing Types** dropdown.  2.  In the **Unique Name** field, you have to add the same name used in the Button type of the Wishlist widget from The Plus Addons for Elementor. For instance, we’ve added *“tpwishlist*” here. 3. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here. 4. After that, select the appropriate style and layout from the **Style** and **Layout** sections, respectively. You can fine-tune the settings and style from other options. Also, read [How to Create Elementor Custom Post Type Carousel Slider](https://theplusaddons.com/docs/create-elementor-custom-post-type-carousel-slider/). --- # How to Redirect Users From Elementor Form? Source: https://theplusaddons.com/docs/redirect-users-from-elementor-form/ Do you want to redirect users to a specific link after form submission? Redirecting users not only enhances the user experience by guiding them to relevant content or confirmation pages but also helps in tracking conversions and optimizing marketing strategies. With the Form widget from The Plus Addons for Elementor, you can easily redirect users to a specific link after form submission. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, add the Form widget from The Plus Addons for Elementor to the page and follow the steps -  1. After adding the form fields, go to the **Submit Actions** tab and select **Redirect** from the **Add Action** section. 2. Now you’ll see the **Redirect Settings** tab, open it.  3. Then add your desired link in the **Redirect To** field where you want to redirect users after the form submission. > *Note: You can add an external link as well.* Now, when users submit the form, it will redirect them to your specified link. --- # How to Receive Custom Email Confirmation from Elementor Form? Source: https://theplusaddons.com/docs/receive-custom-email-confirmation-from-elementor-form/ Do you want to receive a custom email confirmation Elementor form? With the Form widget from The Plus Addons for Elementor, you can easily customize the email notification that you’ll get when someone submits your Elementor form. *To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, [click here](/docs/create-an-elementor-form-for-free/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, add the Form widget from The Plus Addons for Elementor to the page and follow the steps -  1. After adding the form fields, go to the **Submit Actions** tab and select **Email** from the **Add Action** section. ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-submit-actions-email.gif) 2. Now you’ll see the **Email Settings** tab, open it. 3. In the **To** tab, add the email ID you want to receive the notification for the form submission in the **Email Address** field. You can change the email subject from the **Subject** field. From the **Email Heading** field, you can change the email heading. After that, from the **Message** field, you can customize the email message. To receive all the values from all the fields, use the **[all-values]** shortcode. You can also receive individual field values by using the shortcode of the **Data Shortcode** field from the **Advance** tab of that repeater item. You can customize the message by using custom text with the shortcodes. > *Note: You can only use the shortcode value of the ****Data Shortcode**** field from the ****Advance**** tab for the email notification, you can’t use any other shortcode from any other plugin.* In the **From Email** field, you can add a custom email ID for the email sender. Then, in the **From Name** field, you can add a custom sender name. In the **Reply-To** field, you can add a custom email for the email reply receiver. Similarly, you can send cc and bcc emails from the **CC **and **BCC **tabs. Now, when the user submits the form, you’ll receive the custom email. --- # How to Create an Elementor Form for Free? Source: https://theplusaddons.com/docs/create-an-elementor-form-for-free/ Are you looking to add an Elementor form for free? Forms play an important role, whether you’re aiming to gather leads or facilitate user feedback from your website. With the Form widget from The Plus Addons for Elementor, you can easily add a form to your Elementor website for free. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/form-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated. - Make sure the Form widget is activated. To verify this, visit ThePlus Addons → Widgets → and search for Form and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=7DVDIACjSSQ ## How to Activate the Form Widget? Go to  - **ThePlus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/11/tpae-form-new-active.png) ## Key Features - **Google reCAPTCHA** - You can [add Google reCAPTCHA to Elementor Form](https://theplusaddons.com/docs/add-google-recaptcha-in-elementor-form/). - **Cloudflare CAPTCHA** - You can [add Cloudflare Turnstile CAPTCHA to Elementor Form](https://theplusaddons.com/docs/add-cloudflare-turnstile-captcha-in-elementor-form/). - **Custom Email** - You can easily [customize email confirmation](https://theplusaddons.com/docs/receive-custom-email-confirmation-from-elementor-form/). - **Custom User Email** - You can easily [customize the email confirmation for the user](https://theplusaddons.com/docs/send-custom-email-confirmation-to-the-user-from-elementor-form/). - **Redirect** - You can [redirect users from the form](https://theplusaddons.com/docs/redirect-users-from-elementor-form/). - **ActiveCampaign** (pro) - You can [add users to ActiveCampaign from an Elementor Form](https://theplusaddons.com/docs/connect-active-campaign-to-an-elementor-form/). - **Brevo** (pro) - You can [add users to Brevo from an Elementor Form](https://theplusaddons.com/docs/connect-brevo-to-an-elementor-form/). - **ConvertKit** (pro) - You can [add users to Kit (formerly ConvertKit) from an Elementor Form](https://theplusaddons.com/docs/connect-kit-formerly-convertkit-to-an-elementor-form/). - **GetResponse** (pro) - You can [add users to GetResponse from an Elementor Form](https://theplusaddons.com/docs/connect-getresponse-to-an-elementor-form/). - **Mailchimp** (pro) - You can [add users to Mailchimp from an Elementor Form](https://theplusaddons.com/docs/connect-mailchimp-to-an-elementor-form/). - **MailerLite** (pro) - You can [add users to MailerLite from an Elementor Form](https://theplusaddons.com/docs/connect-mailerlite-to-an-elementor-form/). - **Drip** (pro) - You can [add users to Drip from an Elementor Form](https://theplusaddons.com/docs/connect-drip-to-an-elementor-form/). - **Slack** (pro) - You can [send a message to a Slack channel from an Elementor Form](https://theplusaddons.com/docs/send-a-message-to-a-slack-channel-from-elementor-form/).  - **Discord** (pro) - You can [send a message to a Discord server from an Elementor Form](https://theplusaddons.com/docs/send-a-message-to-a-discord-server-from-elementor-form/). - **WebHook** (pro) - You can [send data to a Zapier Zap from an Elementor Form](https://theplusaddons.com/docs/connect-to-zapier-webhook-from-elementor-form/). ## How to Use the Form Widget? Add the Form widget from The Plus Addons for Elementor to the page. ### General From this tab, you can create the form. You can click on the **Import Presets** button to import a preset template and customise it as per your requirements. In the **Form Name** field, you can add a form name. ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-general-new.png) Then, you’ll find some repeater items that you can use to create the form. You can drag and drop to rearrange the form fields.  Open any one repeater item that you want to edit. Once you open a repeater item, you’ll find two tabs. #### Content  From the **Type** dropdown, you have to select the field type. Here you’ll find different form field options -  - **Text** - This will add a normal text field. - **Long Text** - This will add a text area field. - **Email** - This will add an email field. - **Number** - This will add a number field. - **Hidden** - This will add a hidden field, which can be used to pass some values. - **HoneyPot** - This will add HoneyPot to your form. This will add an invisible field to your form, only bots can see the field, and filling the field will cancel the form submission. - **Dropdown **- This will add a dropdown field. - **Phone Number** - This will add a phone number field. - **Radio **- This will add a radio button field. - **Checkbox **- This will add a checkbox field. - **URL **- This will add a URL field. - **Agree to Terms **- This will add a terms and conditions agreement field. - **Date **- This will add a date picker field. - **Time **- This will add a time picker field. - **Cloudflare **- This will add a Cloudflare protection field. - **ReCAPTCHA **- This will add a ReCAPTCHA field for spam protection. Select the field type as per your requirements. Let’s select Text here. > *Note: For the Hidden and HoneyPot field types you won’t see any additional fields.* Then, from the** Label** field, you can add a label. You can add a placeholder from the **Placeholder** field. Then, by enabling the **Required** toggle, you can make the field required. By turning on the **Autofill **toggle, the field can fill in automatically using user data. You can manage the field width from the **Column Width** section. #### Advance In the **Default Value** field, you can add a default value for the field. You can add a help text for the field from the **Help Text** field. You can improve the accessibility of the field by adding an Aria description in the **Aria Description** field. Then, in the **Unique ID** field, you can add a unique ID for the field. > *Note: Make sure not to use the same ID in any other field.* After that, you can use the shortcode from the **Data Shortcode** field to show the data of that particular field. This can be useful for sending customized email notifications. > *Note: For the Hidden field, you’ll see the Default Value and Unique ID fields only. For HoneyPot you’ll only see the Unique ID field.* Following this process, you can edit the other repeater items. You can click on the **+ Add Item** button to add more fields to the form. ### Button From this tab, you can customize the form button. Here, you’ll find two tabs. ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-button-new-1.gif) #### Content From the **Button Text** field, you can customize the button text. Then, from the **Icon Font** dropdown, you can select the font library. Based on your selection, you can add an icon to the button. You can place the icon before or after the button text from the **Icon Position** dropdown. By turning on the **Inline Button** toggle, the button will appear on the same line as the field. You can manage the button width from the **Button Width** section. #### Advance You can add an ID to the button from the **Button ID** field. ### Submit Action From the **Add Action** section, you can select the action after form submission. Here you’ll find two options -  ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-submit-actions-new.gif) - **Database Entry** - To add form entries in the WordPress phpMyAdmin database. - **Email** - To [customize the email notification](https://theplusaddons.com/docs/receive-custom-email-confirmation-from-elementor-form/). - **Auto Respond Email** - To send an email confirmation to the user. - **Redirect** - To [redirect the user after form submission](https://theplusaddons.com/docs/redirect-users-from-elementor-form/). - **ActiveCampaign** - To add users to ActiveCampaign from an Elementor Form. - **Brevo** - To add users to Brevo from an Elementor Form. - **ConvertKit** - To add users to Kit (formerly ConvertKit) from an Elementor Form. - **GetResponse** - To add users to GetResponse from an Elementor Form. - **Mailchimp** - To add users to Mailchimp from an Elementor Form. - **MailerLite** - To add users to MailerLite from an Elementor Form. - **Drip** - To add users to Drip from an Elementor Form. - **WebHook** - To send data to a Zapier Zap from an Elementor Form. - **Slack** - To send a message to a Slack channel from an Elementor Form.  - **Discord** - To send a message to a Discord server from an Elementor Form. ### Message Content From this tab, you can customize different messages related to the form status. ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-message-content-new.png) **Success Message** - From here, you can customize the message when the form is submitted successfully. **Mandatory Fields** - From here, you can customize the message for the required field error. **Form Validation Error** - From here, you can customize the message when there is any validation error in the form. **Submission Issue** - From here, you can customize the message when there is any issue in the form submission. **Server Issue** - From here, you can customize the message when there is any server issue in the form submission. ### Extra Options You can add a unique ID to the form from the **Form ID** field. ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-extra-options-new.png) > *Note: Make sure the form ID is unique and not used anywhere else.* Then, from the **Show Form Title** toggle, you can show or hide the title from the form. Then, from the **Show Label** toggle, you can show or hide the labels from the form. From the **Required Mark** toggle, you can show or hide the required mark from the form. ## How to Style the Form Widget in Elementor? To style the Form widget, you’ll find all the options in the Style tab. **General** - From here, you can manage the form row and column spacing, and you can also manage the form label style. ![](https://theplusaddons.com/wp-content/uploads/2024/11/form-style-new.png) **Fields** - From here, you can style the form input fields. **Submit Button** - From here, you can manage the submit button style. **Help Text** - From here, you can style the help text. **Message Content** - From here, you can style the different messages of the form. Advanced options remain common for all our widgets; you can explore all their options from here. [View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/) --- # How to Create Custom Elementor Post Loop Skin with Smart Loop Builder? Source: https://theplusaddons.com/docs/create-custom-elementor-post-loop-skin-with-smart-loop-builder/ Are you looking to create a custom post loop skin for your Elementor Blog post listing items? By using a custom design for your blog post, you can maintain your brand style and stand out from the rest.  With the Blog Listing widget from The Plus Addons for Elementor, you can easily add a custom design to the blog post listing items using custom HTML and CSS.  *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](/docs/blog-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#blog-post-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) To do this, add the Blog Listing widget to the page.  Then select **Smart Loop Builder** from the **Style** section under the **Layout** tab. After that, select the appropriate layout from the **Layout** section. Then go to the **Smart Loop Builder** tab, here you have to add custom HTML and CSS to create your design, or you can use a ready preset style and customize it. > *Note: To use this feature effectively you should know HTML and CSS.* ### Use Ready Preset To use ready presets, click on the **Ready Presets** button. It will open a pop-up, where you’ll find some free and pro preset templates.  Click on the download icon of the template you want to use, and the HTML and CSS code of that template will be added to the HTML and CSS sections. Then you can easily modify the HTML and CSS code as per your requirements. ### Custom Template But if you want to create the template from scratch, you can do that as well by writing your custom HTML and CSS code. In the **HTML** section, you have to write the HTML of your template. In your HTML template, you have to use the following tags to show the respective data. - For the Post Title - ***{{tpae_title}}*** - For the Post Excerpt - ***{{tpae_excerpt}}*** - For the Featured Image - ***{{tpae_image}}*** - For the Featured Image URL - ***{{tpae_image_url}}*** - For the Post Description - ***{{tpae_description}}*** - For the Post URL - ***{{tpae_permalink}}*** - For the Post Author - ***{{tpae_author_meta}}*** - For the Post Author Avatar - ***{{tpae_author_logo}}*** - For the Post Date (publish date) - ***{{tpae_date_created}}*** - For the Post Time (publish time) - ***{{tpae_time_created}}*** - For the Post Category - ***{{tpae_category}}*** - For the Post Tag - ***{{tpae_tag}}*** - For the Post Author URL - ***{{tpae_author_url}}*** - For the Post Date (publish date - month / year / day) - ***{{tpae_date_created_m_y_d}}*** - For the Post Date (publish date - month (full month name) / year / day) - ***{{tpae_date_created_f_d_y}}*** - For the Post Date (publish date - day / month / year) - ***{{tpae_date_created_d_m_y}}*** - For the Post Date (publish date - month / day / year) - ***{{tpae_date_created_m_d_y}}*** - For the Post Date (publish date - day / month / year / hour) - ***{{tpae_date_created_d_m_y_h}}*** - For the Post Date (publish date - Hour:Minute AM/PM) - ***{{tpae_date_created_h_m_a}}*** - For the Post Date (publish date - Date with GMT offset) - ***{{tpae_date_created_d_m_y_g}}*** - For the Post Date (publish date - ISO 8601 Date Format) - ***{{tpae_date_created_iso}}*** - For the Post Date (publish date - RFC 2822 Date Format) - ***{{tpae_date_created_rfc}}*** - For the Post Date (publish date - day month) - ***{{tpae_date_created_day_month}}*** - For the Post Date (publish date - month year) - ***{{tpae_date_created_month_year}}*** - For the Post Date (publish date - Just the day) - ***{{tpae_date_created_day}}*** - For the Post Date (publish date - Time ago) - ***{{tpae_date_created_time_ago}}*** - For the Post Date (publish date - month (short month name) / year / day) - ***{{tpae_date_created_M_D_Y}}*** > *Note: You can add custom class and static content in your HTML but for dynamic data, you have to use these tags.* Then, in the **CSS** section, you have to write custom CSS to style your template. #### Example Here, we will add a custom (static) HTML and CSS code, then add the dynamic tags to make it dynamic. In this code, we have a post title, featured image, author name, post date, and read more button. To make the post title dynamic, we will use ***{{tpae_title}}*** tag. For the featured image, we will just use the ***{{tpae_image}}*** tag without any tag. Then, for the author name, we’ll use the ***{{tpae_auther_meta}}*** tag. For post date, ***{{tpae_date_created}}***. Finally, to add the permalink to the read more button, we’ll use the ***{{tpae_permalink}}*** tag in the tag. Following this process, you can also convert your static HTML and CSS code into a template for the blog post listing. You can also use code from Codepen, JSFiddle, etc. --- # How to Use WPML for Translating The Plus Addons for Elementor Pages? Source: https://theplusaddons.com/docs/use-wpml-for-translating-the-plus-addons-for-elementor-pages/ Are you looking to translate your Elementor page created with The Plus Addons for Elementor plugin? The Plus Addons for Elementor plugin (free and pro) is fully compatible with the WPML, so you can easily translate your content to any language. Let’s see how you can translate your The Plus Addons for Elementor content with WPML. ## Required Plugins - [Elementor](https://wordpress.org/plugins/elementor/) - [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) - [WPML Multilingual CMS](https://wpml.org/) - WPML String Translation > *Note: The Plus Addons for Elementor Pro is also fully compatible with the WPML.* ## Setup WPML Once the WPML Multilingual CMS and WPML String Translation plugins are installed and activated, go to the WPML setup page. On the first screen, you’ll see the default language is automatically selected in the **Default language** field. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-1.png) In the **Translation languages** field, you have to add the translation languages, i.e. the languages you want your content to translate. You can add multiple languages. Once done, click on the **Continue** button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-2.png) On the next screen, you have to select the URL format. Once done, click on the **Continue** button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-3.png) Next, you have to add the key in the **Site key** field and then click on the **Continue** button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-4.png) Then you have to select the translation mode, you can translate everything automatically using the WPML [automatic translate](https://wpml.org/documentation/automatic-translation/) feature or you can manually translate using the WPML translation editor. Let’s select **Translate What You Choose**. > *Note: For automatic translation, you’ll need credits.* ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-5.png) Then, you have to select who can do the translation, select the appropriate options. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-6-1.png) Then select the appropriate support type and click on the **Continue** button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-7.png) On the next screen, it will suggest some helpful plugins, you can install them or skip the step. On the next screen, click on the **Finish** button to complete the setup.  ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-setup-8.png) ## Manage WPML Settings If you want to customize any WPML translation settings, go to **WPML** > **Settings**. From here you can customize the settings as per your requirements. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-settings-1-1024x518.png) ## Translate The Plus Addons for Elementor Content using Translation Management For instance, we have created a simple services page using the Info Box widget from The Plus Addons for Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/08/the-plus-addons-for-elementor-content-demo.png) 1. Once the page is ready, go to **WPML** > **Translation Management**. 2. Then go to the respective post type tab. For instance, we have created a page, so we'll go to the Pages tab. Then go to your page and tick the checkbox beside it. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-translation-management.gif) 3. After that, scroll down to the "**Content selected for translation**" section to see the estimated word count and number of pages to be translated. 4. Then, from the **Translation controls **section, you have to select how you want to translate the content from the **All languages** dropdown. Here you'll find the following options - - **Translate automatically** - To automatically translate the content. - **Translate myself** - To translate the content manually. - **Assign a translator** - To assign a user for translation. - **Assign translation service** - To assign the translation to a translation service, for this you have to activate the translation service first. - **Duplicate** - - **Do nothing** - It will do nothing. ### Translate Automatically 1. From the **Translation controls **section, select **Translate automatically** from the **All languages** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-auto-translate.png) You can also select this option for individual languages as well. 2. Then select the appropriate review and publish process and click on the **Translate** button. Now the page will be automatically translated into your set languages, and you can easily switch between the languages from the browser. ![](https://theplusaddons.com/wp-content/uploads/2024/08/the-plus-addons-for-elementor-translated-content-demo.gif) ### Translate Manually 1. From the **Translation controls **section, select **Translate myself** from the **All languages** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-manual-translate.png) You can also select this option for individual languages as well. 2. Then click on the **Translate** button. 3. Once the page is ready for translation, a popup will open, then click on the Ok button. 4. After that, go to **WPML** > **Translations**. 5. Then, locate the page that you want to translate and click on the **Translate** button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-manual-translate-2-1024x417.png) 6. It will take you to the WPML translation editor, where you’ll find all the text of the page and you have to manually add the translation for each text. 7. To add translation to any specific text click on the **+** icon and add the translated text then click on the **Save** button. 8. Once all the texts are translated, click on the **Complete Translation** button to complete the translation. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-translation-editor.gif) Depending on the amount of content, it might take some time to save the translation. Once the translation is saved, you can easily view the translated content in the browser. ![](https://theplusaddons.com/wp-content/uploads/2024/08/the-plus-addons-for-elementor-translated-content-demo.gif) > *Note: Depending on your website settings, you might not see the language switcher at the bottom of your website.*  ## Translate The Plus Addons for Elementor Plugin Strings With WPML String Translation If you want, you can also translate The Plus Addons for Elementor plugin (free and pro) strings with the WPML string translation feature. To do so, from the Dashboard, go to **WPML** > **Theme and plugins localization**. On that page, scroll down to the **Strings in plugin** section and select The Plus Addons for Elementor and The Plus Addons for Elementor - Pro, then click on the **Scan selected plugins for strings** button. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-plugin-string-translation.gif) Then a popup will open and wait for the scan to complete. Once done, go to **WPML** > **String Translation**, then click on the **+** icon beside a string and add the translated string for that specific language. ![](https://theplusaddons.com/wp-content/uploads/2024/08/wpml-string-translation-1.gif) So this is how easily you can translate content created with The Plus Addons for Elementor plugin and its strings. --- # How to Fix Unable to Find The Plus Addons for Elementor Widget in Elementor Editor? Source: https://theplusaddons.com/docs/fix-unable-to-find-the-plus-addons-for-elementor-widget-in-elementor-editor/ Are you having trouble finding the widget you need in the Elementor editor? This might be happening because the widget is not enabled in the settings of The Plus Addons for Elementor. When a widget is disabled, it won’t appear in the list of widgets available in The Plus Addons for Elementor, and it also won’t show up when you search for it in the Elementor editor. ![widget not showing](https://theplusaddons.com/wp-content/uploads/2024/07/widget-not-showing.gif) To fix the issue, you have to enable the widget from The Plus Addons for Elementor. ## Enable the Widget from The Plus Addons for Elementor To show a widget from The Plus Addons for Elementor in the Elementor editor, you have to enable that specific widget. To do that, go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/07/fix-to-search-manually-widget.gif) Now, if you search the widget name in the Elementor editor search, it will show the widget. ## Enable Widget from Element Manager Now if you are unable to find any native Elementor Free & Pro widgets from Elementor editor, then make sure it is not disabled. From the [Element Manager](https://elementor.com/help/element-manager/), you can easily check if the widget you are looking for is disabled or not, you can also use it to manage the Elementor’s native widgets even better. --- # How to Show Google Sign-in with Both Login and Registration Forms in Elementor? Source: https://theplusaddons.com/docs/show-google-sign-in-with-both-login-and-registration-forms-in-elementor/ Are you looking to show Google sign-in in both the login and registration forms on your Elementor website? By allowing users to sign in with their Google accounts, you can streamline the registration and login process, making it easier and more convenient for users to access your site's features and content. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily add Google sign-in in both the login and registration forms. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget to the My Account page or any other page that you want to use as the customer login page and follow the steps -  1. Select **Login and Register** from the **Type** dropdown under the **Forms Layout** tab. 2. Then select **Standard Form** from the **Layout** dropdown. 3. Make sure the **Google** toggle is disabled in the **Social Login/Register** tab.  4. Now add another WP Login & Register widget right below the first form. 5. In the second widget, select **Login** or **Register** from the **Type** dropdown under the **Forms Layout** tab. 6. Then enable the **Google** toggle from the **Social Login/Register** tab. 7. After that enable the **Hide Form** toggle.  This will hide the main form and only keep the Google sign-in option. Now you’ll see the Google sign-in option in both the login and register forms.  ![](https://theplusaddons.com/wp-content/uploads/2024/07/google-sign-in-both-login-register-demo.gif) --- # How to Create WooCommerce Multi Step Checkout in Elementor? Source: https://theplusaddons.com/docs/create-woocommerce-multi-step-checkout-in-elementor/ Do you want to create a multi step checkout for your WooCommerce store in Elementor? Breaking the traditional single-page checkout into smaller, more manageable steps can make the process easier and improve the checkout experience for customers.   With the Woo Multi Step widget from The Plus Addons for Elementor you can easily create a WooCommerce multi step checkout in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Builder, [click here](https://theplusaddons.com/docs//woo-builder-settings-overview/).* ## Required Setup - [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Woo Multi Step widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Woo Multi Step and activate. ## How to Activate the Woo Multi Step Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-activation.png) ## Add Woo Multi Step To create a multi step checkout page, open the checkout page with Elementor and add the Woo Multi Step widget. > *Note: Make sure all the default WooCommerce pages are created.* ### Content From the **Style** section, under the **Layout** tab, you can select from multiple predefined styles. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-content-new.png) Now you’ll see a checkout with four steps Login, Coupon, Billing and Payment. ### Navigation From the **Login Tab** toggle, you can add or remove the login step. When enabled you can change the login step label from the **Login** field and from the Logged In field, you can manage the login message. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-navigation.gif) By enabling the **Hide Coupon Tab** toggle, you can remove the coupon step. When disabled you can edit the coupon step label from the **Coupon** field. Then from the **Billing** field, you can edit the billing step label. Similarly, you can edit the payment step label from the **Payment** field. ### Preview From the **Preview** dropdown, you can select and preview a step on the editor. This will help you to style individual steps. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-preview.gif) ### Login You’ll see this tab if you’ve enabled the **Login Tab** toggle from the **Navigation** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-login.png) From the **User** field, you can edit the text for the logged out users. Then from the **User Login** field, you can edit the link text, showing above the login form. You can edit the message for logged out users from the **Login Message** field. ### Billing/Shipping From the **Error Postfix** field, you can edit the required field error message of the billing and shipping form. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-billing-shipping.png) Then by enabling the **Hide Order Notes** toggle, you can hide the **Order notes** field from the form. ### Payment From the **Place Order** field, you can edit the place order button text on the payment step. ### Order From the **Your Order** field, edit the order summary section title. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-order.gif) Then by enabling the **Cart Page Link** toggle, you can add a button for the cart page in the order summary section.  When enabled you can edit the button text from the **Cart Link Text** field. You can add an icon to the button from the **Icon Library** section and manage its position from the **Position** dropdown. From the **Style** tab, you can customize the page further. Now, you’ll see a beautiful multi step checkout with buttons for easy navigation. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-multi-step-demo.gif) ***Read Further***: *[How to Create a WooCommerce Order Tracking Page in Elementor?](https://theplusaddons.com/docs//create-a-woocommerce-order-tracking-page-in-elementor/)* --- # How to Add Social Share Toggle Button in Elementor? Source: https://theplusaddons.com/docs/add-social-share-toggle-button-in-elementor/ Are you looking to add a social share toggle button in Elementor? With a social share toggle button, you can easily toggle the social buttons to show or hide the buttons. With the Social Sharing widget from The Plus Addons for Elementor, you can add a social share toggle button in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Sharing widget, [click here](https://theplusaddons.com/docs//add-social-share-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-social-sharing-buttons/) To do this, add the Social Sharing widget to the page or post template and follow the steps - 1. Select **Toggle **from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-toggle-new.gif) From the **Toggle Style** section, you can select a predefined style. You can select the social icon open direction from the **Hover Direction** dropdown. 2. After that add the required social buttons and adjust the style from the **Social Sharing** section. From the **Toggle Button** tab, you can change the toggle button icon. Now you’ll see a toggle button, on clicking the social icons will show or hide. ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-toggle-demo.gif) --- # How to Add Sticky Social Icons in Elementor? Source: https://theplusaddons.com/docs/add-sticky-social-icons-in-elementor/ Do you want to create sticky social icons in Elementor? These floating social icons remain visible on the screen, even as the user scrolls down the page, making it easily accessible to your website visitors. With the Social Sharing widget from The Plus Addons for Elementor, you can easily align the social buttons vertically and make them fixed in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Sharing widget, [click here](https://theplusaddons.com/docs//add-social-share-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-social-sharing-buttons/) https://www.youtube.com/watch?v=PIfGW6Kxs2M&t=553s To do this, add the Social Sharing widget to the page or post template and follow the steps - 1. Select **Vertical** from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-vertical-new.gif) Select the appropriate style from the Style dropdown. 2. Then select the ideal view type from the **View Type** dropdown. For this type of style, the **Icon** view type would be best. 3. After that add the required social buttons and adjust the style from the **Social Sharing** section. You can adjust the social button spacing and size from the **Style** tab. 4. Then go to **Advanced** > **Layout** tab and select **Fixed** from the **Position** dropdown. After that, you can adjust the horizontal and vertical orientations and their respective offset value as per your requirements.  Now you’ll see sticky or floating social sharing buttons as you scroll through the page. ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-vertical-fixed-demo.gif) ***Suggested Reading***: [*How to Add Social Share Toggle Button in Elementor?*](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/) --- # How to Add Social Share in Elementor? Source: https://theplusaddons.com/docs/add-social-share-in-elementor/ Adding social share buttons on a page allows visitors to easily share the content on different social media platforms which can expand the reach of your content. With the Social Sharing widget from The Plus Addons for Elementor, you can easily add social sharing buttons in Elementor. ## Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-social-sharing-buttons/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Social Sharing widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Social Sharing and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=PIfGW6Kxs2M ## How to Activate the Social Sharing Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing.png) ## Key Features - **Three Layouts **- You can select from 3 layouts, Horizontal, Vertical and Toggle. - **Multiple Styles**- You can choose from multiple preset styles for each layout. - **Fake Share Counter** - You can easily show a fake total share counter. ## How to Use the Social Sharing Widget in Elementor? Add the Social Sharing widget from The Plus Addons for Elementor to the page.  > *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.* From the **Layout** dropdown, you have to select the layout. Here you’ll find three options -  ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-content-new.gif) - **Horizontal** - To align the social icons horizontally. - **Vertical** - To [align the social icons vertically](https://theplusaddons.com/docs/add-sticky-social-icons-in-elementor/). This can be used to create sticky social icons.  - **Toggle** - To [create a social share toggle button](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/). Select the option as per your requirements. Let’s select Horizontal here. You can select a predefined style from the **Style** dropdown. From the **View Type** dropdown, you can select the social button view type. Here you’ll find six options -  - **Icon** - To show only social icons. - **Icon Count** - To show social icons with a share counter. - **Text** - To show only social text. - **Text Count** - To show social icons with a share counter. - **Icon Text** - To show social icons with text. - **Icon Text Count** - To show social icons with text and share counters. Select the option as per your requirements. From the **Column** section, you can manage the number of columns of the social icons. You can align the social icons for different responsive devices from the **Alignment** section.  From the **Content Alignment** section, you can align the content on the button. By enabling the **Display Counter** toggle, you can add a fake or custom total share number.  Then in the **Social Sharing** section, you have to add the social icons. By default, you’ll find four repeater items, open one item. ![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-repeater-items-new.gif) From the **Social Network** dropdown, you have to select your desired social network. In the **Title** field, you can add the social network title. Then in the **Count Number** field, you can add fake or custom share numbers for that social network. In the **Count Label** field, you can add a label for the counter number. You add an extra text after the counter number from the **Social Button** field. > *Note: The visibility of the Title, Counter Number, Count Label and Social Button on the front end will depend on the selected button View Type.* By enabling the **Custom URL** toggle, you can add a custom link to the button. Then from the **Normal** and **Hover** tab section, you can customize the title color, icon color, counter number color, counter label color, border color and background for normal and hover states. Similarly, you can edit the remaining items. You can click on the **+ Add Item** button to add more social sharing buttons. ## How to Style the Social Sharing Widget in Elementor? To style the Social Sharing widget you’ll find all the options in the Style tab. The styling options will vary based on the selected layout and view type. **Title** - From here, you can style the social sharing button title. ![](https://theplusaddons.com/wp-content/uploads/2024/07/tpae-social-sharing-style-new.png) **Counter** - From here, you can style the social sharing button counter number. **Icon** - From here, you can manage the social sharing button icon size and width. **Toggle** - You’ll see this option only when you select Toggle as the layout type. From here, you can style the toggle button. **Total Counter** - You’ll see this option only when you’ve enabled the total counter toggle. From here, you can style the total counter number and text. **Background** - From here, you can manage the width, height and background style of the social button’s container. Advanced options remain common for all our widget, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add WooCommerce Product Wishlist in Elementor? Source: https://theplusaddons.com/docs/add-woocommerce-product-wishlist-in-elementor/ A wishlist allows customers to save items they are interested in purchasing at a later date, making the shopping experience more convenient and personalized. With the Woo Wishlist widget from The Plus Addons for Elementor, you can easily add a wishlist feature to WooCommerce products as well as to other post types in Elementor. ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Woo Wishlist widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Woo Wishlist and activate. ## How to Activate the Woo Wishlist Widget? Go to  - **The Plus Addons **→ **Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/07/tpae-woo-wishlist-activate.png) ## Key Features - **2 Types** - You can add a wishlist option in two types - Button and Count. - **Different Post Types** - You can add the wishlist feature to products, standard post types, and custom post types. ## How to Use the Woo Wishlist in Elementor? Based on your usage requirements you have to add the Woo Wishlist widget to a page or template. ### Woo Wishlist From the **Type** dropdown, you have to select the wishlist type you want to add.  ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type.gif) Here you’ll find two options -  - **Button** - To [add a wishlist button to a custom product skin loop](https://theplusaddons.com/docs//add-a-wishlist-button-to-a-custom-woocommerce-product-skin-in-elementor/), a single product, or any other post type. - **Count** - To [show product wishlist count or any other post type](https://theplusaddons.com/docs//add-a-wishlist-button-to-custom-or-any-other-post-type-in-elementor/). Select the option as per your requirements. Options will vary based on your selection. Let’s select Button here. Then from the **Post Type** dropdown, you have to select the post type where you want to add the wishlist button, here you’ll find a few options – - **Post** - To add a wishlist button to a blog post custom skin loop or single blog post. - **Page** - To add a wishlist button to a page custom skin loop or a single page. - **Custom Post Type** - To add a wishlist button to a custom post type using the custom skin loop or single custom post type. - **Product** - To add a wishlist button to a product custom skin loop or a single product. > *Note: The custom post type option name will depend on the custom post type name and the number of items will depend on the number of custom post types you have.* Select the option as per your requirements. From the **Alignment** section, you can align the wishlist button for responsive devices. ### Woo Wishlist Button From the **Wish Type** dropdown, you have to select the content type on the button.  ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-button.gif) Here you’ll find three options -  - **Icon** - To show the button with an icon only. - **Text** - To show the button with text only. - **Text/Icon** - To show the button with an icon and text. Select the option as per your requirements. Let’s select Text/Icon here. In the **Add Wishlist** field, you can edit the default button text. Then in the **Remove Wishlist** field, you can customize the button text when the item is added to the wishlist. From the **Already Wishlist** field, you can edit the tooltip text of the button when the item is already added to the wishlist. In the **Add Icon** section, you can add an icon when the item is added to the wishlist. In the **Remove Icon**, you can add an icon when the item is removed from the wishlist. ## How to Style the Woo Wishlist Widget? To style the Woo Wishlist widget you’ll find all options in the **Style** tab. The options will vary based on the selected wishlist type. **Icon** - You’ll see this option only when the Button type is selected in the Content tab. From here, you can style the icon of the wishlist button. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-style.png) **Spinner** - You’ll see this option only when the Button type is selected in the Content tab. From here, you can style the spinner on the wishlist button visible when an item is added or removed.  **Button** - You’ll see this option only when the Button type is selected in the Content tab. From here, you can style the wishlist button. **Count** - You’ll see this option only when the Count type is selected in the Content tab. From here, you can style the counter.  Advanced options remain common for all our widgets, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add a Wishlist Button to a Custom WooCommerce Product Skin in Elementor? Source: https://theplusaddons.com/docs/add-a-wishlist-button-to-a-custom-woocommerce-product-skin-in-elementor/ Do you want to add a wishlist button to the WooCommerce product listing? The wishlist feature allows customers to save their favorite items for future reference, making it easier for them to come back and make a purchase. With the Woo Wishlist widget from The Plus Addons for Elementor, you can easily add a wishlist button to a custom product loop. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Wishlist widget, [click here](https://theplusaddons.com/docs//add-woocommerce-product-wishlist-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, make sure you’ve [created a custom WooCommerce product skin](https://theplusaddons.com/docs//create-a-custom-woocommerce-product-skin-in-elementor/). Open the template and add the Woo Wishlist widget to the desired place, then follow the steps -  1. Select **Button** from the **Type** dropdown under the **Woo Wishlist** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-button.gif) 2. Then from the **Post Type** dropdown, select **Products**. From the **Alignment** section, you can align the wishlist button for responsive devices. 3. After making the necessary adjustments and style to the button update the template 4. Then you have to [use this template with the Product Listing widget](https://theplusaddons.com/docs//create-a-custom-woocommerce-product-skin-in-elementor/#Use-the-Template-With-Product-Listing-Widget). Now you’ll see the wishlist button in the product listing that you can use to add products to your wishlist.  > *Note: Make sure you’ve added some products to your WooCommerce store to see the listing.* ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-button-demo.gif) ***Suggested Reading***: *[How to Show WooCommerce Product Wishlist Count in Elementor?](https://theplusaddons.com/docs//show-woocommerce-product-wishlist-count-in-elementor/)* --- # How to Show WooCommerce Product Wishlist Count in Elementor? Source: https://theplusaddons.com/docs/show-woocommerce-product-wishlist-count-in-elementor/ Are you looking to show a product wishlist count in Elementor? It is important to show the wishlist count prominently on your website after users have added products to the wishlist, so they can easily see how many products they have saved. With the Woo Wishlist widget from The Plus Addons for Elementor, you can easily show product wishlist count in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Wishlist widget, [click here](https://theplusaddons.com/docs//add-woocommerce-product-wishlist-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, add the Woo Wishlist widget to the page where you are showing the product listing with the wishlist button or in a common template like header, then follow the steps -  1. From the **Type** dropdown, select **Count** under the **Woo Wishlist** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-count.gif) 2. Then from the **Post Type** dropdown, select **Products**.  From the **Alignment** section, you can align the wishlist counter for responsive devices. Under the **Woo Wishlist Count Button** tab, you can edit the wishlist counter text from the **Wishlist Count** field. You can set an initial counter number from the **Count** field. From the **Button Text** field, you can change the compare count button text. Then from the **Icon Library** section, you can change the icon of the wishlist counter. In the **URL** field, you can add the wishlist page link, so when users click the wishlist count they can see the products added to their wishlist. Now when you add a product to your wishlist, it will show the number of products added to your wishlist. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-count-demo.gif) ***Read Further***: *[How to Add a Wishlist Button to Custom or Any Other Post Type in Elementor?](https://theplusaddons.com/docs//add-a-wishlist-button-to-custom-or-any-other-post-type-in-elementor/)* --- # How to Add a Wishlist Button to Custom or Any Other Post Type in Elementor? Source: https://theplusaddons.com/docs/add-a-wishlist-button-to-custom-or-any-other-post-type-in-elementor/ Do you want to add a wishlist button to a custom post type or any other post type like posts, pages in Elementor? With the Woo Wishlist widget from The Plus Addons for Elementor, you can easily add a wishlist button to a custom post type or any other post type loop. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Wishlist widget, [click here](https://theplusaddons.com/docs//add-woocommerce-product-wishlist-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** Let’s add the wishlist button to a custom post type called “*Books*”. To do this, make sure you’ve [created a custom loop skin for the custom post type](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/). Open the template and add the Woo Wishlist widget to the desired place, then follow the steps -  > *Note: For normal posts or pages, you have to *[*use a custom skin*](https://theplusaddons.com/docs//create-custom-loop-skin-for-blog-post-in-elementor/)* as well.* 1. Select **Button** from the **Type** dropdown under the **Woo Wishlist** tab. 2. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here. 3. In the **Unique Name** field, you have to add a unique name to connect with the Wishlist Count type. For instance, we’ve added *“tp-wishlist*” here. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-button-other-post-types.gif) 4. After making the necessary adjustments and style to the button update the template 5. Then you have to [use this template with the Dynamic Listing widget](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/#Use-the-Template-With-Dynamic-Listing-Widget). Now you’ll see the wishlist button in the custom post type listing that you can use to add posts to your wishlist.  ### Show Wishlist Count Now if you want to show a wishlist count as well then add the Woo Wishlist widget to the page where you are showing the post listing with the wishlist button or in a common template like header, then follow the steps -  1. From the **Type** dropdown, select **Count** under the **Woo Wishlist** tab. 2. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here. 3. After that in the **Unique Name** field, you have to add the same name as added in the Button type above i.e. *“tp-wishlist*” here. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-count-other-post-types.gif) In the **URL** field under the **Woo Wishlist Count Button** tab, you can add the wishlist page link, so when users click the wishlist count they can see the items added to their wishlist. Now when you add a post to the wishlist, it will show the number of posts added to your wishlist. --- # How to Show Quick View to Post Content with Elementor Template? Source: https://theplusaddons.com/docs/show-quick-view-to-post-content-with-elementor-template/ Are you looking to customize the quick view content with the Elementor template? With the WP Quick View widget from The Plus Addons for Elementor, you can easily use an Elementor template to customize the quick view content. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Quick View widget, [click here](https://theplusaddons.com/docs/add-product-post-quick-view-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, first, you have to create an Elementor template, for the WooCommerce product you have to use the WooCommerce[ related widgets](https://theplusaddons.com/elementor-builder/woocommerce-builder/#woo-widgets) and for other post types, you have to use [blog post related widgets](https://theplusaddons.com/elementor-builder/blog-builder/). > *Note: If you have Elementor Pro, then you can use the *[*Dynamic Tag*](https://developers.elementor.com/docs/dynamic-tags/)* as well to make the template content dynamic.* Then add the WP Quick View widget to the appropriate custom loop template, then follow the steps -  1. Select the appropriate post type from the **Post Type** dropdown. 2. Then select **Custom Template** from the **Quickview** dropdown.  3. From the **Template** dropdown, select your Elementor template. ![](https://theplusaddons.com/wp-content/uploads/2024/07/wp-quick-view-custom-template.gif) 4. Then update the custom loop template.  Based on how you’ve created the Elementor template for the quick view content, when you click on the quick view button you’ll see the content accordingly in the popup. ***Suggested Reading***: [*How to Add a Quick View Button to a Custom WooCommerce Product Skin in Elementor?*](https://theplusaddons.com/docs//add-a-quick-view-button-to-a-custom-woocommerce-product-skin-in-elementor/) --- # How to Add a Quick View Button to a Custom WooCommerce Product Skin in Elementor? Source: https://theplusaddons.com/docs/add-a-quick-view-button-to-a-custom-woocommerce-product-skin-in-elementor/ Are you looking to add a quick view button to the WooCommerce product listing? Adding a quick view button to product listings, allows visitors to get a closer look at products without having to navigate away from the main page. With the WP Quick View widget from The Plus Addons for Elementor, you can easily add a quick view button to a custom product loop. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Quick View widget, [click here](https://theplusaddons.com/docs/add-product-post-quick-view-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, make sure you’ve [created a custom WooCommerce product skin](https://theplusaddons.com/docs//create-a-custom-woocommerce-product-skin-in-elementor/). Open the template and add the WP Quick View widget to the desired place, then follow the steps -  1. Select **Products **from the **Post Type** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/07/wp-quick-view-products.gif) 2. Then select the appropriate option from the **Quickview** dropdown and update the template. 3. Then you have to [use this template with the Product Listing widget](https://theplusaddons.com/docs//create-a-custom-woocommerce-product-skin-in-elementor/#Use-the-Template-With-Product-Listing-Widget). Now you’ll see the quick view button in the product listing that you can use to check the product at a glance.  > *Note: Make sure you’ve added some products to your WooCommerce store to see the listing.* ![](https://theplusaddons.com/wp-content/uploads/2024/07/wp-quick-view-products-demo.gif) > *Note: In a similar process you can add a quick view button to *[*blog post*](https://theplusaddons.com/docs//create-custom-loop-skin-for-blog-post-in-elementor/)*, page or *[*custom post type*](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/)* listing using the custom loop skin.* --- # How to Add Product & Post Quick View in Elementor? Source: https://theplusaddons.com/docs/add-product-post-quick-view-in-elementor/ The quick view option allows users to get a sneak peek of a product or content without having to leave the current page, saving time and improving the overall user experience. With the WP Quick View widget from The Plus Addons for Elementor, you can easily add a quick view button to WooCommerce products as well as to other post types in Elementor. ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the WP Quick View widget is activated, to verify this visit The Plus Addons → Widgets → and Search for WP Quick View and activate. ## How to Activate the WP Quick View Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/07/tpae-wp-quick-view-activate.png) ## Key Features - **Different Post Types** - You can add the quick view button to products, standard post types, and custom post types. - **Elementor Template** - You can [create the quick view content with the Elementor template.](https://theplusaddons.com/docs//show-quick-view-to-post-content-with-elementor-template/) ## How to Use the WP Quick View in Elementor? Based on your usage requirements you have to add the WP Quick View widget to a page or template. From the **Post Type** dropdown, you have to select the post type where you want to add the quick view button, here you’ll find a few options – ![](https://theplusaddons.com/wp-content/uploads/2024/07/wp-quick-view-content.gif) - **Post** - To add a quick view button to a blog post listing [using the custom loop skin](https://theplusaddons.com/docs//create-custom-loop-skin-for-blog-post-in-elementor/). - **Page** - To add a quick view button to a page listing using the custom loop skin. - **Custom Post Type** - To add a quick view button to a custom post type listing [using the custom loop skin](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/). - **Product** - To [add a quick view button to a product custom skin loop](https://theplusaddons.com/docs//add-a-quick-view-button-to-a-custom-woocommerce-product-skin-in-elementor/). > *Note: The custom post type option name will depend on the custom post type name and the number of items will depend on the number of custom post types you have.* Select the option as per your requirements. Then from the **Quickview** dropdown, you have to select how you want to show the Quick View content. Here you’ll find two options -  - **Default** - This will show the content in a default format. - **Custom Template** - With this option, you can show content using an Elementor template. Select the option as per your requirements.  ## How to Style the WP Quick View Widget? To style the WP Quick View widget you’ll find all options in the **Style** tab.  **Quick View Icon** - From here, you can style the quick view icon. ![](https://theplusaddons.com/wp-content/uploads/2024/07/wp-quick-view-style.png) **Quick View Loader** - From here, you can style the quick view loader.  **Quick View Title** - You’ll see this option only when the Default is selected as the Quickview type in the Content tab. From here, you can style the quick view popup heading. **Quick View Description**- You’ll see this option only when the Default is selected as the Quickview type in the Content tab. From here, you can style the quick-view popup description.  **Quick View Button **- You’ll see this option only when the Default is selected as the Quickview type in the Content tab. From here, you can style the button in the quick view popup.  **Quick View Fancy Box **- From here, you can style the quick view popup.  Advanced options remain common for all our widgets, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add a Compare Button to Custom or Any Other Post Type in Elementor? Source: https://theplusaddons.com/docs/add-a-compare-button-to-custom-or-any-other-post-type-in-elementor/ If you have a custom post type or any other post type like posts, pages with such content where comparison might be required you can do that with the Woo Compare widget.  With the Woo Compare widget from The Plus Addons for Elementor, you can easily add a compare button to a custom post type or any other post type loop. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Compare widget, [click here](https://theplusaddons.com/docs/add-product-compare-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** Let’s add the compare button to a custom post type called “*Books*”. To do this, make sure you’ve [created a custom loop skin for the custom post type](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/). Open the template and add the Woo Compare widget to the desired place, then follow the steps -  > *Note: For normal posts or pages, you have to *[*use a custom skin*](https://theplusaddons.com/docs//create-custom-loop-skin-for-blog-post-in-elementor/)* as well.* 1. Select **Button** from the **Type** dropdown under the **Woo Compare** tab. 2. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here. 3. In the **Unique Name** field, you have to add a unique name to connect with other Woo Compare Types. For instance, we’ve added *“tp-compare*” here. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-button-other-post-types-1.gif) 4. After making the necessary adjustments and style to the button update the template 5. Then you have to [use this template with the Dynamic Listing widget](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/#Use-the-Template-With-Dynamic-Listing-Widget). Now you’ll see the compare button in the custom post type listing that you can use to add posts to a comparison table.  ### Show Compare Count Now if you want to show a compare count as well then add the Woo Compare widget to the page where you are showing the post listing with the compare button or in a common template like header, then follow the steps -  1. From the **Type** dropdown, select **Count** under the **Woo Compare** tab. 2. Then select **Button** from the **Count Type** dropdown. 3. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here. 4. After that in the **Unique Name** field, you have to add the same name as added in the Button type above i.e. *“tp-compare*” here. ![woo compare type count other post types](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-count-other-post-types.gif) > *Note: You can also connect with the List type by using the same Unique Name.* Now when you add a post to compare, it will show the number of posts added for comparison. --- # How to Create a WooCommerce Product Comparison Page in Elementor? Source: https://theplusaddons.com/docs/create-a-woocommerce-product-comparison-page-in-elementor/ Do you want to create a WooCommerce product comparison page in Elementor? Having a separate product comparison page can allow the users to easily compare their selected products and make an informed decision. With the Woo Compare widget from The Plus Addons for Elementor, you can easily create a product comparison page with a comparison table in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Compare widget, [click here](https://theplusaddons.com/docs/add-product-compare-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, add the Woo Compare widget to the page where you want to show the comparison table for instance we have the page name as “*Product Comparison*”, then follow the steps -  1. From the **Type** dropdown, select **List** under the **Woo Compare** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-list.gif) 2. Then from the **Post Type** dropdown, select **Products**. In the **Loading Text** field, you can customize the text when the table is loading. From the **Alignment** section, you can align the loading text for responsive devices. 3. After that from the **Woo Compare List** tab you have to select the elements you want to show in the comparison table. 4. By default, you’ll find four repeater items, open one item. In the **Label** field, you can add the label of the element. 5. Then from the **Field** dropdown, you have to select the elements you want to show. Here you’ll find some options -  - **Image** - To show the product image (featured image for other post types). - **Title** - To show the product title (post title for other post types). - **Price** - To show the product price (works with WooCommerce only). - **Excerpt** - To show the product's short description. - **Description** - To show the product description. - **SKU** - To show the product SKU name (works with WooCommerce only). - **Availability** - To show the product stock (works with WooCommerce only). - **Weight** - To show the product weight (works with WooCommerce only). - **Dimension** - To show the product dimension (works with WooCommerce only). - **Rating** - To show the product ratings(works with WooCommerce only). - **Add to cart** - To show the add to cart button (works with WooCommerce only). - **Remove** - To add a remove button to remove the added item from the table. - **Empty** - To show custom content. - **Custom Field** - To show the value of a custom field. - **ACF** - To show the value of a custom field created with the Advanced Custom Field plugin. > *Note: For Custom Field and ACF you have to use the custom field name. The ACF repeater field will not work.* > *Note: If you have custom product attributes, those will show in the dropdown list.* Select the option as per your requirements. Similarly, you can edit the remaining items. You can click on the **+ Add Item** button to add more elements to the table. 6. Once done update the page. ### Link from Compare Counter Now you can link the product comparison page from the compare counter. To do this open the page or template where you want to show the compare counter and add the Woo Compare widget, then follow the steps -  1. From the **Type** dropdown, select **Count** under the **Woo Compare** tab. 2. Then select **Button** from the **Count Type** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-count-button.gif) 3. After that from the **Post Type** dropdown, select **Products**. 4. Then in the **URL** field add the product comparison page link under the **Woo Compare Count Button** tab. Now when you add a product to compare, it will show the number of products added for comparison and when you click the counter it will take you to the product comparison page to show the comparison table. ***Suggested Reading***: *[How to Add a Compare Button to Custom or Any Other Post Type in Elementor?](https://theplusaddons.com/docs//add-a-compare-button-to-custom-or-any-other-post-type-in-elementor/)* --- # How to Show WooCommerce Product Compare Count in Elementor? Source: https://theplusaddons.com/docs/show-woocommerce-product-compare-count-in-elementor/ Are you looking to show a product compare count in Elementor? By incorporating the product compare count you can provide customers with a quick and easy way to see how many products they have added to their comparison list. With the Woo Compare widget from The Plus Addons for Elementor, you can easily show product compare count in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Compare widget, [click here](https://theplusaddons.com/docs/add-product-compare-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, add the Woo Compare widget to the page where you are showing the product listing with the compare button or in a common template like header, then follow the steps -  1. From the **Type** dropdown, select **Count** under the **Woo Compare** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-count.gif) 2. Then from the **Count Type** dropdown, you have to select the count type. Here you’ll find two options -  - **Button** - This will allow you to link to an external page like a product comparison page. - **List View** - This will allow you to show products added for comparison in a popup on the same page. Select the option as per your requirements, let’s select List View here. 3. Then from the **Post Type** dropdown, select **Products**.  > *Note: List View only works with WooCommerce products.* From the **Alignment** section, you can align the compare counter for responsive devices. Under the **Woo Compare Count Button** tab, you can edit the compare counter text from the **Compare Count** field. You can set an initial counter number from the **Count** field. From the **Button Text** field, you can change the compare count button text. Then from the **Icon Library** section, you can change the icon of the compare counter. Now when you add a product to compare, it will show the number of products added for comparison and when you click the counter it will show the added products in a popup. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-count-demo.gif) ***Read Further***: *[How to Create a WooCommerce Product Comparison Page in Elementor?](https://theplusaddons.com/docs//create-a-woocommerce-product-comparison-page-in-elementor/)* --- # How to Add Product Compare Button to a Custom WooCommerce Product Skin in Elementor? Source: https://theplusaddons.com/docs/add-product-compare-button-to-a-custom-woocommerce-product-skin-in-elementor/ Integrating a product compare button into your custom product skin, can improve the usability of your online store and help customers make more informed purchasing decisions. With the Woo Compare widget from The Plus Addons for Elementor, you can easily add a product compare button to a custom product loop. *To check the complete feature overview documentation of The Plus Addons for Elementor Woo Compare widget, [click here](https://theplusaddons.com/docs/add-product-compare-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** To do this, make sure you’ve [created a custom WooCommerce product skin](https://theplusaddons.com/docs//create-a-custom-woocommerce-product-skin-in-elementor/). Open the template and add the Woo Compare widget to the desired place, then follow the steps -  1. Select **Button** from the **Type** dropdown under the **Woo Compare** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-button.gif) 2. Then from the **Post Type** dropdown, select **Products**. 3. After making the necessary adjustments and style to the button update the template 4. Then you have to [use this template with the Product Listing widget](https://theplusaddons.com/docs//create-a-custom-woocommerce-product-skin-in-elementor/#Use-the-Template-With-Product-Listing-Widget). Now you’ll see the compare button in the product listing that you can use to add products to a comparison table.  > *Note: Make sure you’ve added some products to your WooCommerce store to see the listing.* ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type-button-demo.gif) ***Suggested Reading***: *[How to Show WooCommerce Product Compare Count in Elementor?](https://theplusaddons.com/docs//show-woocommerce-product-compare-count-in-elementor/)* --- # How to Add Product Compare in Elementor? Source: https://theplusaddons.com/docs/add-product-compare-in-elementor/ Allowing users to compare products side by side helps them to choose the correct product and reduces a lot of manual work of checking each product one by one.  With the Woo Compare widget from The Plus Addons for Elementor, you can easily add a compare feature to WooCommerce products as well as to other post types in Elementor. ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Woo Compare widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Woo Compare and activate. ## How to Activate the Woo Compare Widget? Go to  - **The Plus Addons**→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/woo-compare-activate.png) ## Key Features - **3 Types** - You add a compare option in three types - Button, Count, and List. - **Different Post Types** - You can add the compare feature to products, standard post types, and custom post types. ## How to Use the Woo Compare in Elementor? Based on your usage requirements you have to add the Woo Compare widget to a page or template. ### Woo Compare From the **Type** dropdown, you have to select the compare type you want to add.  ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-type.gif) Here you’ll find three options -  - **Button** - To [add a compare button to a custom product skin loop](https://theplusaddons.com/docs//add-product-compare-button-to-a-custom-woocommerce-product-skin-in-elementor/), a single product, or any other post type. - **Count** - To [show product compare count or any other post type](https://theplusaddons.com/docs//add-a-compare-button-to-custom-or-any-other-post-type-in-elementor/). - **List** - To [show products or any other post types comparison in a comparison table](https://theplusaddons.com/docs//create-a-woocommerce-product-comparison-page-in-elementor/), ideal for creating a product compare page. Select the option as per your requirements. Options will vary based on your selection. Let’s select Button here. Then from the **Post Type** dropdown, you have to select the post type where you want to add the compare button, here you’ll find a few options – - **Posts** - To add a compare button to a blog post custom skin loop or single blog post. - **Pages** - To add a compare button to a page custom skin loop or a single page. - **Custom Post Types** - To add a compare button to a custom post type custom skin loop or single custom post type. - **Products** - To add a compare button to a product custom skin loop or a single product. > *Note: The custom post type option name will depend on the custom post type name and the number of items will depend on the number of custom post types you have.* Select the option as per your requirements. ### Woo Compare Button From the **Compare Type** dropdown, you have to select the content type on the button.  ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-button.gif) Here you’ll find three options -  - **Icon** - To show the button with an icon only. - **Text** - To show the button with text only. - **Text/Icon** - To show the button with an icon and text. Select the option as per your requirements. Let’s select Text/Icon here. In the **Add to Compare** field, you can edit the default button text. Then in the **Remove From Compare** field, you can customize the button text when the item is added to the compare list. From the **Already in Compare** field, you can edit the tooltip text of the button when the item is already added to the compare list. In the **Add Icon** section, you can add an icon when the item is added to the compare list. In the **Remove Icon**, you can add an icon when the item is removed from the compare list. ## How to Style the Woo Compare Widget? To style the Woo Compare widget you’ll find all options in the **Style** tab. The options will vary based on the selected compare type. **Icon** - You’ll see this option only when the Button type is selected in the Content tab. From here, you can style the icon of the compare button. ![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-compare-style.png) **Spinner** - You’ll see this option only when the Button type is selected in the Content tab. From here, you can style the spinner on the compare button visible when an item is added or removed. **Button** - You’ll see this option only when the Button type is selected in the Content tab. From here, you can style the compare button. **Count** - You’ll see this option only when the Count type is selected in the Content tab. From here, you can style the counter.  **Box** - You’ll see this option only when the List type is selected in the Content tab. From here, you can style the comparison table. **Heading** - You’ll see this option only when the List type is selected in the Content tab. From here, you can style the comparison table headings. **Content** - You’ll see this option only when the List type is selected in the Content tab. From here, you can style the comparison table content. Advanced options remain common for all our widgets, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Connect Social Feed Carousel with Remote Carousel? Source: https://theplusaddons.com/docs/connect-social-feed-carousel-with-remote-carousel/ Showing social feeds in a carousel can be an effective way to show many feeds in a limited area. Connecting the Social Feed widget from The Plus Addons for Elementor with the Carousel Remote widget lets you control the social feed carousel navigation from anywhere on the page. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this, add the Social Feed widget and the Carousel Remote widget on the page and follow the steps -  1. In the Social Feed widget, select **Carousel** from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-carousel-new.png) 2. Then, add the social feeds from the **Social Feeds** section from the appropriate source. 3. After that go to the **Style** tab > **Carousel **and add a unique ID in the **Unique Carousel ID** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-unique-carousel-id-new.png) 4. Now select the Carousel Remote widget, go to the **Content** tab, add the same ID in the **Unique Connection ID** field, and make sure **Remote Type** is selected as **Carousel**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/carousel-remote-unique-connection-id-new.png) 5. Now, you can have two different types of navigation, a Next and Previous button and Dots (image or icon). You can use either one or both. a) To use the next previous button, go to **Prev/Next** tab and turn on the **Next/Prev Button** toggle, you’ll find some customization options as well. ![](https://theplusaddons.com/wp-content/uploads/2024/06/carousel-remote-next-prev-new.png) b) But if you want to use dot navigation, then go to the **Dots** tab and turn on the **Dots** toggle, now make sure to have the same number of dot items as the number of items in your Social Review widget. You will get some customization options for your dot navigation. ![](https://theplusaddons.com/wp-content/uploads/2024/06/carousel-remote-dots-new.png) > *Note: You should disable all the carousel navigation options for the Social Feed widget for the best user experience.* That’s it! Now, you can control the social feed carousel with the Carousel Remote widget.   --- # How to Add a Filter to a Multi-Social Media Wall Feed in Elementor? Source: https://theplusaddons.com/docs/add-a-filter-to-a-multi-social-media-wall-feed-in-elementor/ Do you want to add a filter to a multi-social media feed wall in Elementor? Adding a filter to a multi-social media feed wall can improve the user experience by allowing users to easily filter feeds from a specific social media. With the Social Feed widget from The Plus Addons for Elementor, you can easily add a filter to a multi-social media feed wall in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** To do this add the Social Feed widget on the page and follow the steps.  1. Select the appropriate layout (except Carousel) and style for the feed.  2. Then from the **Social Feeds** section, make sure to add different category names for each repeater item. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-add-category.png) 3. Once done, enable the **Category Wise Filter **toggle from the **Filter Option** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-category-filter.png) From the **All Filter Category Text** field, you can edit the text to show all the reviews. You can also select different predefined styles for the category filter labels for normal and hover states from the **Category Filter Style** and **Filter Hover Style** dropdowns, respectively. From the **Filter Alignment** section, you can align the filter.  Now you’ll see a category filter for the social feed that you can use to filter feeds. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-category-filter-demo.gif) ***Read Further***: *[How to Connect Social Feed Carousel with Remote Carousel?](https://theplusaddons.com/docs//connect-social-feed-carousel-with-remote-carousel/)* --- # How to Create a Multi-Social Media Wall Feed in Elementor? Source: https://theplusaddons.com/docs/create-a-multi-social-media-wall-feed-in-elementor/ Are you looking to create a multi-social media wall feed in Elementor? Having feeds from different social media platforms in a single place can help users get updates from one place. With the Social Feed widget from The Plus Addons for Elementor, you can easily create a multi-social media feed wall by showing feeds from Facebook, Instagram, Twitter (x), YouTube and Vimeo together in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this add the Social Feed widget on the page and follow the steps.  1. Select the appropriate layout and style for the feed.  2. Then from the **Social Feeds** section, in the repeater item you have to select the appropriate social media platform from the **Source** dropdown.  **Facebook** - For showing live Facebook feed. **Instagram** - For showing live Instagram feed. **Twitter** - For showing live Twitter feed. **YouTube** - For showing live YouTube video feeds. **Vimeo** - For showing a Vimeo channel feed. 3. Then click on the **+ ADD ITEM** button to add feeds from different social media. For each repeater item, you can add a category name to allow users to filter feeds by social networks. Now you’ll see feeds from your selected social media platforms in a single place. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-multi-social-media-demo.png) ***Read Further***: *[How to Add a Filter to a Multi-Social Media Wall Feed in Elementor?](https://theplusaddons.com/docs//add-a-filter-to-a-multi-social-media-wall-feed-in-elementor/)* --- # How to Add Vimeo Channel Feed in Elementor? Source: https://theplusaddons.com/docs/add-vimeo-channel-feed-in-elementor/ Do you want to add a Vimeo channel feed to your Elementor website? Adding a Vimeo channel feed to your Elementor website can help you engage your audience with high-quality video content. With the Social Feed widget from The Plus Addons for Elementor, you can easily add a Vimeo channel feed to your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this add the Social Feed widget on the page and follow the steps.  1. Select the appropriate layout and style for the feed.  2. Then go to the **Social Feeds** section. Here you’ll find an item, open the item, and select **Vimeo** from the **Source** dropdown. 3. After that [add the access token](https://theplusaddons.com/docs/get-a-vimeo-access-token-for-wordpress/) in the **Access Token** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-new.png) 4. Then from the **Vimeo Type** dropdown, you have to select the from where you want to show the videos. Here you’ll find seven options -  - **User Video** - To show Vimeo videos from a particular user. - **Search Video** - To show Vimeo videos for a particular search term. - **Liked Video** - To show Vimeo videos from a particular user based on likes. - **Channel Video** - To show Vimeo videos from a channel. - **Group Video** - To show Vimeo videos from a group. - **Album (Showcases) Video** - To show Vimeo videos from a showcase. - **Categories Video** - To show Vimeo videos from a category. Select the option as per your requirements, you’ll see different settings for each option. In the **Category (For Filter)** section, you can add a category to the feed which can be used with the **Filter Option** to filter posts by category. From the **Max Results** field, you can set the maximum number of videos to be displayed. ### How to Show Vimeo Videos From a User? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular Vimeo user on your Elementor website. #### Find Username To find a username of any use in Vimeo follow the steps -  1. Go to the user's page from which you want to add the videos. 2. In the address bar the characters after “*https://vimeo.com/*” is the username.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-username-1024x286.png) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **User Video** from the **Vimeo Type** dropdown. 4. After that add the username in the **Username** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-user-video-new.png) Now you’ll see videos from that specific Vimeo user. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-user-video-demo.png) ### How to Show Vimeo Videos From a Search Term? With the Social Feed widget from The Plus Addons for Elementor, you can easily show Vimeo videos from a particular search term on your Elementor website. To do this add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **Search Video** from the **Vimeo Type** dropdown. 4. After that add the search term in the **Search **field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-search-video-new.png) Now you’ll see videos related to that search term. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-search-video-demo-1024x729.png) ### How to Show Vimeo Videos From a User Based on Likes? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular Vimeo user based on likes on your Elementor website. To do this add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **Liked Video** from the **Vimeo Type** dropdown. 4. After that add the username in the **Username** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-liked-video-new.png) Now you’ll see videos from that specific Vimeo user based on likes. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-liked-video-demo-1024x715.png) ### How to Show Vimeo Videos From a Channel? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular Vimeo channel on your Elementor website. #### Find Channel Name To find a channel name of any channel on Vimeo follow the steps -  1. Go to the channel’s page from which you want to add the videos. 2. In the address bar the characters after “*channels/*” is the channel name.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-channel-name-1024x389.png) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **Channel Video** from the **Vimeo Type** dropdown. 4. After that add the channel name in the **Channel Name** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-channel-video-new.png) Now you’ll see videos from that specific Vimeo channel. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Vimeo-feed-demo.png) ### How to Show Vimeo Videos From a Group? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular Vimeo group on your Elementor website. #### Find Group Name To find a group name of any group on Vimeo follow the steps -  1. Go to the group’s page from which you want to add the videos. 2. In the address bar the characters after “*groups/*” is the group name.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-group-name-1024x291.png) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **Group Video** from the **Vimeo Type** dropdown. 4. After that add the group name in the **Group Name** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-group-video-new.png) Now you’ll see videos from that specific Vimeo group. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-group-video-demo-1024x734.png) ### How to Show Vimeo Videos From a Showcase? With the Social Feed widget from The Plus Addons for Elementor, you can easily show Vimeos videos from a showcase on your Elementor website. To do this first, you have to [create a showcase](https://help.vimeo.com/hc/en-us/articles/12426259177105-How-to-create-a-showcase) and add some video to it. Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **Album (Showcases) Video** from the **Vimeo Type** dropdown. 4. After that [add your username](https://docs.vimeotheque.com/how-to-get-your-vimeo-username/) in the **Username** field. 5. Then in the **Album ID** field [add your showcase ID](https://www.sociablekit.com/find-vimeo-showcase-id/). If you have set a password for your showcase then in the **Password** field add the password. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-album-video-new.png) Now you’ll see videos from that specific Vimeo group. ### How to Show Vimeo Videos From a Category? With the Social Feed widget from The Plus Addons for Elementor, you can easily show Vimeo videos from a particular category on your Elementor website. #### Find Category Name When you search in Vimeo with the **Search all of Vimeo** option, on the search page you’ll see the category names. ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-category-name.png) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Vimeo** from the **Source** dropdown. 2. After that add the access token in the **Access Token** field. 3. Then select **Categories Video** from the **Vimeo Type** dropdown. 4. After that add the category name in the **Categories** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-categories-video-new.png) Now you’ll see videos from that specific category. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-categories-video-demo.png) ### How to Show Vimeo Feed in a Grid Layout? With the Social Feed widget from The Plus Addons for Elementor, you can show the Vimeo feed in a beautiful grid layout.  1. Select **Grid** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-grid-new.png) From the **Style** dropdown, you can select different styles for your grid. 2. Then select **Vimeo** from the **Source** dropdown under **Social Feeds**. 3. After that add the access token in the **Access Token** field. 4. Then select the appropriate type from the **Vimeo Type** and add the necessary details. Now the Vimeo videos will show in a beautiful grid layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-categories-video-demo-1.png) ### How to Show Vimeo Feed in a Masonry Layout? To display the Vimeo feed in a masonry layout on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Masonry** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-masonry-new.png) From the **Style** dropdown, you can select different styles for your masonry layout. 2. Then select **Vimeo** from the **Source** dropdown under **Social Feeds**. 3. After that add the access token in the **Access Token** field. 4. Then select the appropriate type from the **Vimeo Type** and add the necessary details. Now your Vimeo videos will show in a unique masonry layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-masonry-demo.png) ### How to Create a Vimeo Video Carousel? To display the Vimeo feed as a carousel on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Carousel **from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-vimeo-carousel-new.png) From the **Style** dropdown, you can select different styles for your carousel layout. 2. Then select **Vimeo** from the **Source** dropdown under **Social Feeds**. 3. After that add the access token in the **Access Token** field. 4. Then select the appropriate type from the **Vimeo Type** and add the necessary details. Now the Vimeo videos will show as a carousel. From the **Carousel** tab under **Style, **you can manage the carouse settings and some styles. ***Recommended Reading***: [*How to Get a Vimeo Access Token for WordPress? (Easy Method*)](https://theplusaddons.com/docs/get-a-vimeo-access-token-for-wordpress/) --- # How to Add Live YouTube Video Feed in Elementor? Source: https://theplusaddons.com/docs/add-live-youtube-video-feed-in-elementor/ Do you want to add a Live YouTube feed to your Elementor website? Integrating YouTube videos into your website can be a powerful way to engage your audience and enhance the user experience. With the Social Feed widget from The Plus Addons for Elementor, you can easily embed a live YouTube feed in your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this add the Social Feed widget on the page and follow the steps.  1. Select the appropriate layout and style for the feed.  2. Then go to the **Social Feeds** section. Here you’ll find an item, open the item, and select **YouTube** from the **Source** dropdown. 3. After that [add the API Key](https://theplusaddons.com/docs//get-a-youtube-api-key-for-wordpress/) in the **Access Token** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-new.png) 4. Then from the **YouTube Type** dropdown, you have to select the from where you want to show the videos. Here you’ll find three options -  - **User feed** - To show YouTube videos from a user. - **Handle** - To show YouTube videos from a handle. - **Channel** - To show YouTube videos from a channel. - **Playlist** - To show YouTube videos from a playlist. - **Search** - To show YouTube videos for a particular search term. Select the option as per your requirements, you’ll see different settings for each option. You can change the video thumbnail size from the **Thumbnail Size** dropdown. In the **Category (For Filter)** section, you can add a category to the feed which can be used with the **Filter Option** to filter posts by category. From the **Max Results** field, you can set the maximum number of videos to be displayed. ### How to Show YouTube Videos From a Handle? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular YouTube handle on your Elementor website. #### Find Handle Name For this first, you need to find the handle name of the channel, from which you want to show the videos.  To find the handle name of any YouTube channel follow the steps -  1. Go to the home page of the channel.  2. In the address bar the characters with “*@*” is the handle name. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-handle-name.png) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **YouTube** from the **Source** dropdown. 2. After that add the API Key in the **Access Token** field. 3. Then select **Handle** from the **YouTube Type** dropdown. 4. After that add the handle name (without @) in the **Handle Name** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-handle-new.png) Now you’ll see videos from that specific YouTube handle. ### How to Show YouTube Videos From a Channel? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular YouTube channel on your Elementor website. #### Find Channel ID For this first, you need to find the channel ID of the channel, from which you want to show the videos.  You can use [this tool](https://www.tunepocket.com/youtube-channel-id-finder/) to find the channel ID of any YouTube channel. You have to add the channel handle name and you’ll get the channel ID. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-channel-id.gif) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **YouTube** from the **Source** dropdown. 2. After that add the API Key in the **Access Token** field. 3. Then select **Channel** from the **YouTube Type** dropdown. 4. After that add the channel ID in the **Channel ID** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-channel-new.png) From the **Video Order** dropdown, you can order the videos based on date, title, view count etc. Now you’ll see videos from that specific YouTube channel. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-channel-demo.png) ### How to Show YouTube Videos From a Playlist? With the Social Feed widget from The Plus Addons for Elementor, you can easily show videos from a particular YouTube playlist on your Elementor website. #### Find Playlist ID For this first, you need to find the playlist ID of the playlist, from which you want to show the videos. To find the playlist ID follow the steps -  1. Open the playlist you want to add the videos from. 2. In the address bar the characters after “*list=*” is the playlist ID. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-playlist-id.png) #### Use the Social Feed Widget Then add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **YouTube** from the **Source** dropdown. 2. After that add the API Key in the **Access Token** field. 3. Then select **Playlist** from the **YouTube Type** dropdown. 4. After that add the playlist ID in the **Playlist ID** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-playlist-new.png) Now you’ll see videos from that specific YouTube playlist. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-playlist-demo.png) ### How to Show YouTube Videos From a Search Term? With the Social Feed widget from The Plus Addons for Elementor, you can show YouTube videos from a particular search term on your Elementor website. To do this add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **YouTube** from the **Source** dropdown. 2. After that add the API Key in the **Access Token** field. 3. Then select **Search** from the **YouTube Type** dropdown. 4. After that add the search term in the **Search Query** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-search-new.png) Now you’ll see videos related to that search term. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-search-demo.png) ### How to Show YouTube Feed in a Grid Layout? With the Social Feed widget from The Plus Addons for Elementor, you can show the YouTube feed in a beautiful grid layout.  1. Select **Grid** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-grid-new.png) From the **Style** dropdown, you can select different styles for your grid. 2. Then select **YouTube** from the **Source** dropdown under **Social Feeds**. 3. After that add the API Key in the **Access Token** field. 4. Then select the appropriate type from the **YouTube Type** and add the necessary details. Now the YouTube videos will show in a beautiful grid layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-grid-demo.png) ### How to Show YouTube Feed in a Masonry Layout? To display the YouTube feed in a masonry layout on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Masonry** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-masonry-new.png) From the **Style** dropdown, you can select different styles for your masonry layout. 2. Then select **YouTube** from the **Source** dropdown under **Social Feeds**. 3. After that add the API Key in the **Access Token** field. 4. Then select the appropriate type from the **YouTube Type** and add the necessary details. Now the YouTube videos will show in a unique masonry layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-masonry-demo.png) ### How to Create a YouTube Video Carousel? To display the YouTube feed as a carousel on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Carousel **from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-carousel-new.png) From the **Style** dropdown, you can select different styles for your carousel layout. 2. Then select **YouTube** from the **Source** dropdown under **Social Feeds**. 3. After that add the API Key in the **Access Token** field. 4. Then select the appropriate type from the **YouTube Type** and add the necessary details. Now the YouTube videos will show as a carousel. From the **Carousel** tab under **Style, **you can manage the carouse settings and some styles. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-youtube-carousel-demo-1024x441.gif) ***Suggested Reading***: *[How to Get a YouTube API Key for WordPress? (Easy Method)](https://theplusaddons.com/docs//get-a-youtube-api-key-for-wordpress/)* --- # How to Get a YouTube API Key for WordPress? (Easy Method) Source: https://theplusaddons.com/docs/get-a-youtube-api-key-for-wordpress/ To generate YouTube API key follow the process -  1. For this, you have to log in to your Google account and go to the [Google Developers Console](https://console.developers.google.com/). 2. If you don’t have any project created then click on the **CREATE PROJECT **link. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Create-Project-in-Google-Cloud.png) If you have existing projects then click on the dropdown menu at the top and then click on the **New Project** link in the Select a Project popup. 3. On the next screen add your **Project name** and click the **CREATE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-1.png) 4. Then select the project from the notification section or you can click on the dropdown menu at the top and select the project from the Select a Project popup. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-2.png) 5. Then click on the **+ ENABLE APIS AND SERVICES** at the top. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-3.png) 6. On that page, search for “YouTube” and select the latest API. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-4.gif) 7. On the next screen, click on the **ENABLE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-5.png) 8. On the next page click on the **Credentials** from the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-6.png) 9. On the Credentials page, from the top, click on **+ CREATE CREDENTIALS** > **API key**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-7.png) 10. Now you’ll see your API key in a popup, click on the **copy button** to copy the key and save it in a notepad, then click on the **CLOSE** button to close the popup. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-8.png) 11. You need to restrict the key, to do this click on the three dots beside SHOW KEY and click on **Edit API Key**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-9.png) 12. On the next page, select **Restrict Key** under the **API restrictions** section. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-10.png) 13. Then from the **Select APIs** dropdown select the API selected in step 6, i.e. **YouTube Data API v3** here, and click OK to select the API. Once done click on the **SAVE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/youtube-api-key-11.png) Now you can use the API key. --- # How to Get a Vimeo Access Token for WordPress? (Easy Method) Source: https://theplusaddons.com/docs/get-a-vimeo-access-token-for-wordpress/ To generate a Vimeo access token follow the process -  1. For this, you have to log in to your Vimeo account and go to the [developer page](https://developer.vimeo.com/). 2. Then click on the **Create an app **button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-access-token-1.png) 3. On the next page add the app details like app name, description and app accessibility, once done agree to the terms and conditions and click on the **Create App** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-access-token-2.png) 4. Then on the next page click on the **Generate Access Token** link in the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-access-token-3.png) 5. In the Authentication section select **Authenticated (you)** and click on the **Generate** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-access-token-4.png) 6. Now your access token will be generated, copy and save the token in a notepad. ![](https://theplusaddons.com/wp-content/uploads/2024/06/vimeo-access-token-5.png) Now you can use the access token. ***Suggested Reading***: *[How to Create a Multi-Social Media Wall Feed in Elementor?](https://theplusaddons.com/docs//create-a-multi-social-media-wall-feed-in-elementor/)* --- # How to Get an Instagram Access Token for WordPress? (Easy Method) Source: https://theplusaddons.com/docs/get-an-instagram-access-token-for-wordpress/ ## Generate Access Token for Personal Account 1. You have to log in to your Facebook account and then go to [Facebook for Developers](https://developers.facebook.com/). 2. If you don’t have a developer account, click the **Get Started** button at the top. Skip to step 4 if you have a developer account.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-1-1-1024x505.png) 3. Then you have to register for a developer account, and follow the steps to create your account. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-2.png) 4. Once done, you’ll get to the Apps page, and click on the **Create App** button.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-3.png) 5. On the next page you have to add your app name and email ID and then click on the **Next** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-1.png) 6. On the next page select **Other** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-2.png) 7. On the next screen, you have to select your app type, select **Business** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-3.png) 8. On the next screen click on the **Create App** button, it will ask for your Facebook password to authenticate. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-4.png) 9. On the next page go to **App Settings** > **Basic**. 10. On the other screen, scroll to the bottom and click on the **+Add platform** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-5.png) 11. It will open a popup, then select **Website** as the platform, and click on the **Next** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-6.png) 12. Then add your website URL in the **Site URL** field and click on the **Save Changes** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-7.png) 13. Then, from the left panel, click on the **Add Product** link. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-8.png) 14. After that, scroll down to **Instagram** and click on the **Set up** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-9.png) 15. On the next page, click on the **Add account** button under the **Generate access tokens** section. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-10.png) 16. It will open a popup and click on the **Continue** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-11.png) 17. Then it will ask you to log in to your Instagram account and grant some permissions. 18. After that, click on the **Generate token** link and allow the required permissions. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-12.png) 19. Then you’ll see the Token generated popup, check the **I understand** checkbox to see the token, and click the **Copy** button to copy the token key. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-personal-access-token-13.png) ## Generate Access Token for Business Account To generate access token for business account follow the process -  1. You have to log in to your Facebook account and then go to [Facebook for Developers](https://developers.facebook.com/). 2. If you don’t have a developer account, click the **Get Started** button at the top. Skip to step 4 if you have a developer account.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-1-2-1024x505.png) 3. Then you have to register for a developer account, and follow the steps to create your account. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-2-1-1024x347.png) 4. Once done, you’ll get to the Apps page, click on the **Create App** button.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-3-1-1024x503.png) 5. On the next page, select the business profile you want to link with the app and click **Next**.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-4.png) 6. On the next page select **Other** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-5-1.png) 7. On the next screen, you have to select your app type, select **Business** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-6-1.png) 8. Then add an app name, email id and optionally connect your business account. Once done click on the **Create App** button, it will ask for your password to authenticate. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-1-3-1024x439.png) 9. On the next page, from the top menu go to **Tools** > **Graph API Explorer**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-2-1024x409.png) 10. On the next page, select your app from the **Meta App** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-3.png) 11. Then from the **User or Page** dropdown select **Get Page Access Token**. A popup will open, continue with your Facebook account, then select your Facebook page and follow the steps to complete the process. Now you’ll see two permissions added in the **Permissions** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-4.gif) 12. Then add “pages_manage_metadata” permission in the **Add a Permission** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-5.gif) 13. Similarly add the following permissions -  - ads_management - business_management - instagram_basic - instagram_manage_comments - instagram_manage_insights - instagram_content_publish Now you should have nine permissions in the **Permissions** tab. All the permissions in green color are not included yet. 14. To include them click on the **Generate Access Token** button, a popup will open, continue with your Facebook account, then select your associated business profile, Facebook page and Instagram profile then follow the steps to complete the process. Now you’ll see all permissions in black color. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-6.gif) 15. Then from the **User or Page** dropdown select your Facebook page and then click on the **Submit** button. Now you’ll see your Facebook page name and ID. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-7.gif) 16. Now copy and save the page ID in a notepad. ![](https://theplusaddons.com/wp-content/uploads/2024/06/instagram-app-id-secret-social-feed-b-8.png) The access token generated here is a temporary one (will expire in about 2 hours) to [extend the access token](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/#exted-token), follow steps 17-20 mentioned in the Facebook access token document. --- # How to Get a Facebook Access Token for WordPress? (Easy Method) Source: https://theplusaddons.com/docs/get-a-facebook-access-token-for-wordpress/ ## Generate Access Token for Page To generate an access token for a Facebook page follow the process -  1. You have to log in to your Facebook account and then go to [Facebook for Developers](https://developers.facebook.com/). 2. If you don’t have a developer account, click the **Get Started** button at the top. Skip to step 4 if you have a developer account.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-1-3.png) 3. Then you have to register for a developer account, and follow the steps to create your account. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-2-2.png) 4. Once done, you’ll get to the Apps page, click on the **Create App** button.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-3-2.png) 5. On the next page, select the business profile you want to link with the app and click **Next**.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-4-2.png) 6. On the next page select **Other** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-5-2.png) 7. On the next screen, you have to select your app type, select **Business** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-6-2.png) 8. Then add an app name, email id and optionally connect your business account. Once done click on the **Create App** button, it will ask for your password to authenticate. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-7-1.png) 9. On the next page, from the top menu go to **Tools** > **Graph API Explorer**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-8-1.png) 10. On the next page, select your app from the **Meta App** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-9-1.png) 11. Then from the **User or Page** dropdown select **Get Page Access Token**. A popup will open, continue with your Facebook account, then select your Facebook page and follow the steps to complete the process. Now you’ll see two permissions added in the **Permissions** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-10.gif) 12. Then add “pages_read_user_content” permission in the **Add a Permission** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-11.gif) 13. Similarly add the following permissions -  - pages_manage_metadata - business_management Now you should have five permissions in the **Permissions** tab. All the permissions in green color are not included yet. 14. To include them click on the **Generate Access Token** button, a popup will open, continue with your Facebook account, then select your associated business profile and Facebook page and follow the steps to complete the process. Now you’ll see all permissions in black color. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-12.gif) 15. Then from the **User or Page** dropdown select your Facebook page and then click on the **Submit** button. Now you’ll see your Facebook page name and ID. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-13.gif) 16. Now copy and save the page ID in a notepad. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-14.png) 17. Now the generated token key is a temporary one (will expire in about 2 hours from generation), to extend it for 2 months, copy the access token and from the top menu go to **Tool** > **Access token debugger**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-15.png) 18. On the next page paste the access token in the text field under the **Access Token** tab and click on the **Debug** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-16.png) 19. You’ll see details related to your access token, scroll down the page and click on the **Extend Access Token** button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-17.png) 20. It will ask for your password to authenticate. Now you’ll see your extended access token, which will last for about 2 months. Copy and save the new access token in a notepad. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-18.png) *Note: Once the access token expires you have to generate a new access token to keep the app working.* ## Generate Access Token for Individual Account To generate an access token for an individual account follow the process -  1. You have to log in to your Facebook account and then go to [Facebook for Developers](https://developers.facebook.com/). 2. If you don’t have a developer account, click the **Get Started** button at the top. Skip to step 4 if you have a developer account.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-1-4.png) 3. Then you have to register for a developer account, and follow the steps to create your account. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-2-3.png) 4. Once done, you’ll get to the Apps page, click on the **Create App** button.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-3-3.png) 5. On the next page, select the business profile you want to link with the app and click **Next**.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-4-1.png) 6. On the next page select **Other** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-5-3.png) 7. On the next screen, you have to select your app type, select **Consumer** and click **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-i-1.png) 8. Then add an app name, email id and optionally connect your business account. Once done click on the **Create App** button, it will ask for your password to authenticate. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-i-2.png) 9. On the next page, from the top menu go to **Tools** > **Graph API Explorer**. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-i-3.png) 10. On the next page, select your app from the **Meta App** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-i-4.png) 11. Then in the **Permissions** tab add “user_likes” permission in the **Add a Permission** field. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-i-5.gif) 12. Similarly add the following permissions -  - user_videos - user_posts - user_link Now you should have five permissions (including default public_profile) in the **Permissions** tab. All the permissions in green color are not included yet. 13. To include them click on the **Generate Access Token** button, and a popup will open, continue with your Facebook account. Now you’ll see all permissions in black color and you have your access token. ![](https://theplusaddons.com/wp-content/uploads/2024/06/facebook-app-id-secret-m-i-6.gif) The access token generated here is a temporary one (will expire in about 2 hours) to [extend the access token](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/#exted-token), follow steps 17-20 mentioned in the Facebook access token page document. ***Suggested Reading***: *[How to Add Live Instagram Feed in Elementor? (Personal & Business)](https://theplusaddons.com/docs//add-live-instagram-feed-in-elementor/)* --- # How to Add Live Instagram Feed in Elementor? (Personal & Business) Source: https://theplusaddons.com/docs/add-live-instagram-feed-in-elementor/ Are you looking to show an Instagram feed on your Elementor website? Integrating an Instagram feed on your website can help increase engagement, showcase your brand, and connect with your audience in a more visually appealing way. With the Social Feed widget from The Plus Addons for Elementor, you can easily embed a live Instagram Feed in your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, *[*click here*](https://theplusaddons.com/docs/social-feed-elementor-widget/) ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this add the Social Feed widget on the page and follow the steps.  1. Select the appropriate layout and style for the feed.  2. Then go to the **Social Feed** section. Here you’ll find an item, open the item, and select **Instagram** from the **Source** dropdown. You can set the maximum number of posts from the **Maximum Posts** section and exclude posts from the beginning from the **Offset Post** section. 3. From the **Select Option** dropdown, you have to select from where you want to show the feeds. Here you’ll find two options -  - **Personal** - To show feeds from a personal account. - **Business** - To show feeds from a business account. Let’s select Personal here. 4. After that in the **Access Token** field, you have to [add the token key](https://theplusaddons.com/docs//get-an-instagram-access-token-for-wordpress/). From the **Profile Image** section, you can add a profile image for the posts. In the **Category (For Filter)** section, you can add a category to the feed which can be used with the **Filter Option** to filter posts by category. From the **Max Results** field, you can set the maximum number of feeds to be displayed. ### How to Show Instagram Feed from a Business Account? With the Social Feed widget from The Plus Addons for Elementor, you can easily show feeds from an Instagram business account on your Elementor website. To do this add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Instagram** from the **Source** dropdown. 2. Then select **Business** from the **Select Option** dropdown. 3. After that [add the access token ](https://theplusaddons.com/docs//get-an-instagram-access-token-for-wordpress/#Generate-Access-Token-for-Business-Account)in the **Access Token** field. 4. Then add your Facebook page ID in the **Facebook Page Id** field. 5. After that from the **Feed Type** dropdown, you have to select the from where you want to show the feed. Here you’ll find three options -  - **Userfeed** - To show feeds from a user. - **Hashtag** - To show feeds based on a hashtag.(Currently not supported) - **Mentions** - To show feeds where your profile is tagged. Select the option as per your requirements, you’ll see different settings for each option. In the **Category (For Filter)** section, you can add a category to the feed which can be used with the **Filter Option** to filter posts by category. From the **Max Results** field, you can set the maximum number of videos to be displayed.  ### How to Show Instagram Feed from a User Name? With the Social Feed widget from The Plus Addons for Elementor, you can easily show Instagram feeds from a user name on your Elementor website. To do so add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Instagram** from the **Source** dropdown. 2. Then select **Business** from the **Select Option** dropdown. 3. After that add the access token in the **Access Token** field. 4. Then add your Facebook page ID in the **Facebook Page Id** field. 5. Select **Userfeed** from the **Feed Type** dropdown. 6. Then in the **UserName** field add the specific user's username. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-userfeed-new.png) Now you’ll see Instagram feeds from that specific user's profile. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-userfeed-demo.png) ### How to Show Instagram Feeds by Mentions? With the Social Feed widget from The Plus Addons for Elementor, you can easily show Instagram feeds where your profile has been tagged on your Elementor website. To do so add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Instagram** from the **Source** dropdown. 2. Then select **Business** from the **Select Option** dropdown. 3. After that add the access token in the **Access Token** field. 4. Then add your Facebook page ID in the **Facebook Page Id** field. 5. Select **Mentions** from the **Feed Type** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-mentions-new-1.png) Now you'll see Instagram feeds where your profile has been tagged. ### How to Show Instagram Feed in a Grid Layout? With the Social Feed widget from The Plus Addons for Elementor, you can show your Instagram feed in a beautiful grid layout.  1. Select **Grid** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-grid-new.png) From the **Style** dropdown, you can select different styles for your grid. 2. Then select **Instagram** from the **Source** dropdown under **Social Feeds**. 3. After that select the appropriate option from the **Select Option** dropdown. Let’s select Personal. 4. Then add the token key in the **Access Token** field. > *Note: For the Business type you have to add an App ID and App Secret and then generate the token key.* Now your Instagram posts will show in a beautiful grid layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-userfeed-demo-1.png) ### How to Show Instagram Feed in a Masonry Layout? To display your Instagram feed in a masonry layout on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Masonry** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-masonry-new.png) From the **Style** dropdown, you can select different styles for your masonry layout. 2. Then select **Instagram** from the **Source** dropdown under **Social Feeds**. 3. After that select the appropriate option from the **Select Option** dropdown. Let’s select Personal. 4. Then add the token key in the **Access Token** field. > *Note: For the Business type you have to add an App ID and App Secret and then generate the token key.* Now your Instagram posts will show in a unique masonry layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-masonry-demo.png) ### How to Create an Instagram Feed Carousel? To display your Instagram feed as a carousel on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Carousel **from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-instagram-carousel-new.png) From the **Style** dropdown, you can select different styles for your carousel layout. 2. Then select **Instagram** from the **Source** dropdown under **Social Feeds**. 3. After that select the appropriate option from the **Select Option** dropdown. Let’s select Personal. 4. Then add the token key in the **Access Token** field. > *Note: For the Business type you have to add an App ID and App Secret and then generate the token key.* Now your Instagram feed will show as a carousel. From the **Carousel** tab under **Style, **you can manage the carouse settings and some styles. ***Suggested Reading***: [*How to Get an Instagram Access Token for WordPress? (Easy Method)*](https://theplusaddons.com/docs//get-an-instagram-access-token-for-wordpress/) --- # How to Add Live Facebook Feed in Elementor? Source: https://theplusaddons.com/docs/add-live-facebook-feed-in-elementor/ Do you want to add a Live Facebook Feed to your Elementor website? Integrating social media into your website can be a great way to showcase your brand's online presence and improve engagement. Facebook is one of the most popular social media platforms, and adding a live Facebook feed to your website can provide visitors with real-time updates about your business. With the Social Feed widget from The Plus Addons for Elementor, you can easily embed a live Facebook Feed in your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Social Feed widget, [click here](https://theplusaddons.com/docs/social-feed-elementor-widget/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) To do this add the Social Feed widget on the page and follow the steps.  1. Select the appropriate layout and style for the feed.  2. Then go to the **Social Feed** section. Here you’ll find an item, open the item, and select **Facebook** from the **Source** dropdown. 3. After that [add the access token ](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/#Generate-Access-Token-for-Individual-Account)in the **Access Token** field by clicking the **Generate Access Token** button. 4. Then scroll down to the **Select Option** section and choose your source from the dropdown.  Here you’ll find two options - - **Individual** - To show the feed from a personal Facebook account. - **Page** - To show the feed from your Facebook page. Let’s select Individual. > *Note: Access Token generated with a source type Individual or Page can be used with that source type only. For example, if Access Token is generated for the Individual source type it can’t be used with a Page. To use it for Page you have to save the page and reload it, then add a new item, and then generate an access token for Page specifically.* Now you’ll be able to see Facebook posts from your personal account. From the **Content Type** field, you can select what type of post you want to show. If you have an album in your Facebook account, you can show it by enabling the **Show Album** toggle. Once turned on you can set the maximum number of photos in an album from the **Max Album Photo** field. In the **Category (For Filter)** section, you can add a category to the feed which can be used with the **Filter Option** to filter posts by category. From the **Max Results** field, you can set the maximum number of feeds to be displayed. ### How to Show Feed From Your Facebook Page? With the Social Feed widget from The Plus Addons for Elementor, you can easily show the feed from your Facebook page on your Elementor website. This powerful widget lets you connect your Facebook account and choose the specific page from which you want to display the feed. You can also customize the layout and design of the feed to match your website's theme and style. To do this add the Social Feed widget on the page and follow the steps. 1. After selecting the appropriate layout and style for the feed, go to the **Social Feed** section. Open the item, and select **Facebook** from the **Source** dropdown. 2. Then select **Page** from the **Select Option** dropdown. 3. After that [add the access token](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/#Generate-Access-Token-for-Page) in the **Access Token** field by clicking the **Generate Access Token** button.. 4. After that add your Facebook page ID in the **Facebook Page Id** field.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-page-new.png) Now you’ll see feeds from your selected Facebook page. ### How to Show Facebook Feed in a Grid Layout? With the Social Feed widget from The Plus Addons for Elementor, you can show your Facebook feed in a beautiful grid layout.  1. Select **Grid** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-grid-new.png) From the **Style** dropdown, you can select different styles for your grid. 2. Then select **Facebook** from the **Source** dropdown under **Social Feeds**. 3. After that add the access token in the **Access Token** field. 4. Then select the appropriate option from the **Select Option** dropdown. Now your Facebook posts will show in a beautiful grid layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-grid-demo-1.png) ### How to Show Facebook Feed in a Masonry Layout? To display your Facebook feed in a masonry layout on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Masonry** from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-masonry-new.png) You can select different styles for your masonry layout from the **Style** dropdown. 2. Then select **Facebook** from the **Source** dropdown under **Social Feeds**. 3. After that add the access token in the **Access Token** field. 4. Then select the appropriate option from the **Select Option** dropdown. Now your Facebook posts will show in a unique masonry layout. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-masonry-demo.png) ### How to Show Facebook Feed as a Carousel? To display your Facebook feed as a carousel on your Elementor website, use The Plus Addons for Elementor's Social Feed widget.  1. Select **Carousel **from the **Layout** section of the Social Feed widget. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-facebook-carousel-new.png) From the **Style** dropdown, you can select different styles for your carousel layout. 2. Then select **Facebook** from the **Source** dropdown under **Social Feeds**. 3. After that add the access token in the **Access Token** field. 4. Then select the appropriate option from the **Select Option** dropdown. Now your Facebook feed will show as a carousel. From the **Carousel** tab under **Style, **you can manage the carousel settings and some styles. ***Read Further***: [*How to Get a Facebook Access Token for WordPress? (Easy Method*)](https://theplusaddons.com/docs//get-a-facebook-access-token-for-wordpress/) --- # Social Feed Elementor Widget: Settings Overview Source: https://theplusaddons.com/docs/social-feed-elementor-widget/ Social media has become an integral part of our lives and businesses, and integrating social media feeds into your website can bring several benefits. Not only does it add social proof, but it also provides fresh and relevant content to your website, increasing engagement and keeping visitors informed about your social media activity.  The Social Feed widget from The Plus Addons for Elementor can help you add feeds from Facebook, Instagram, X (formerly Twitter), YouTube, and Vimeo to your Elementor website. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-feed) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Social Feed widget is activated, to verify this, visit The Plus Addons → Widgets → and Search for Social Feed and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=oiGi2NaEj7o ## How to Activate the Social Feed Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **for the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed.png) ## Key Features - **Multiple Layout and Style** - You’ll get three different layout options, **Grid**, **Masonry** and **Carousel** with multiple layout style options. - **Facebook Feed** - You can show the feed from a Facebook account and page. - **Instagram Feed** - You can show feeds from Instagram Personal and Business accounts. - **X (formerly Twitter) Feed** - You can show the X (formerly Twitter) feed. - **YouTube Feed** - You can show the feed from a YouTube channel, handle, playlist, user feed and search. - **Vimeo Feed** - You can show the feed from a Vimeo user, channel, showcase, search and more. - **RSS Feed** - You can show posts using an RSS feed. - **Multi Social Media Feed** - You can [show feeds from multiple social media channels together.](https://theplusaddons.com/docs//create-a-multi-social-media-wall-feed-in-elementor/) ## How to Use the Social Feed Widget? Once you add the Social Feed widget on the page, you’ll have to select the layout from the **Layout** dropdown under the **Content Feed** tab. Here you’ll find three options -  ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-content-new.png) **Grid** - To create a grid style layout of the social feed. **Masonry** - To create masonry style layout of the social feed. **Carousel** - This option will turn your social feed into a carousel. Once you select your layout you’ll get the relevant layout preset style under the **Style** dropdown. Then under **Social Feeds,** you’ll get an item. Once you open the item, you’ll find different social media options under the **Source** dropdown. **Facebook** - For [showing live Facebook feed](https://theplusaddons.com/docs//add-live-facebook-feed-in-elementor/). **Instagram** - For [showing live Instagram feed](https://theplusaddons.com/docs//add-live-instagram-feed-in-elementor/). **X (formerly Twitter)** - For showing live X (formerly Twitter) feed. **YouTube** - For [showing live YouTube video feeds](https://theplusaddons.com/docs/add-live-youtube-video-feed-in-elementor/). **Vimeo** - For [showing a Vimeo channel feed](https://theplusaddons.com/docs//add-vimeo-channel-feed-in-elementor/). **WP RSS Feed** - To show [posts from the RSS feed](https://theplusaddons.com/docs/show-posts-from-rss-feed-in-elementor/). Based on the selected source you’ll get relevant settings. You can click on the **+ Add Item** button to add additional social media feeds to [show feeds from multiple social media channels together](https://theplusaddons.com/docs//create-a-multi-social-media-wall-feed-in-elementor/). ### Social Feed Options In the **Maximum Posts** field, you can mention the number of posts to be displayed in the feed.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-options.png) In the **Media Filter** dropdown, you’ll get three options - **Default** - This will show all types of posts. **Only Media Posts** - This will show the posts with images or videos only. **Hide Media Posts** - This will hide the posts with images or videos. From the **Show Title** toggle you can show the post title for YouTube, Vimeo and Instagram(Mention) feeds. Then you’ll find the **Display Id & Exclude** option, from here you can exclude posts by ID from the feed.  Once you turn on the toggle it will show the post ID of each post in the Elementor editor, just copy the post ID that you want to exclude and paste it in the **Exclude Post Ids** field, and that specific post will be excluded from the feed. You can add multiple post IDs separated by a comma. ### Columns Manage This option is available for Grid and Masonry layouts only. From here, you can manage the number of columns in the layout and column gap for different devices. ### Filter Option This option is available for Grid and Masonry layouts only. From here, you can set a filter option based on the content source. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-filter-option-2.png) Once you turn on the **Category Wise Filter** toggle, you can select from different styles and hover styles for the category filter. You can also align the category filter from the **Filter Alignment** section. ### Load More/Lazy Load Option For the Grid and Masonry layouts, you can add a load more or a lazy load option from this tab. In the **More Post Loading Options** dropdown you’ll find two options -  **Load More** - By enabling this option, a Load More button will be added to your feed. You can specify the maximum number of posts that appear before the button displays and set the number of posts to load when the button is clicked. Additionally, you can customize the button text, loading text, and text displayed once all posts have loaded. **Lazy Load** - To add a lazy load feature to your feed, select this option. You can specify the maximum number of posts that load initially and set a number for how many posts to load on scroll. Additionally, you can customize the loading text and the text displayed once all posts have loaded. ### Extra Options In this tab, you’ll find some additional options. From the **Refresh Time** dropdown, you can set how often the feed will refresh. Based on your selection it will load new posts from your social media channels. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-extra-options-1.png) Then from the **Text Limit** toggle, you can set a text limit on your posts. You can set the limit by character or word. You can also add dots at the end of the text by enabling the **Display Dots** toggle. If you have a long post you can add a scroll bar to them by enabling the **Content Scrolling Bar** toggle. Once you turn on the toggle you’ll get an option to set a height to your posts. From the** Fancybox Scrolling Bar** toggle you can add a scroll bar in the fancy box if you are showing the content in a fancy box. You can also set the height of the fancy box. Then you can set what will happen when someone clicks on the post from the **On Post Click** dropdown, here you’ll find three options -  **Do Nothing** - On clicking the post nothing will happen. **Go To Website** - It will redirect the users to the post website. Like if the post is from Facebook it will redirect users to Facebook. **Open Fancy Box** - This will open the post content in a fancy box.  In case you are using a local host or non SSL website (non HTTPS) then turning on the **Curl SSL Verify Peer** toggle, will help you securely connect with social media accounts. Many social media accounts don’t allow insecure connections. The **Facebook Transient** option will allow you to store a copy of your Facebook feed in the local database, so it doesn’t send requests to Facebook every time to show the feeds.  This transient is a temporary database file that gets deleted after an interval and new files are stored again based on the **Refresh Time** settings. ### Performance In the Performance tab, you’ll find some options to improve the performance of the widget. Generally, whenever the feeds are displayed it sends a request to the respective social media account to get the data. This process can be time consuming especially if you have a lot of feeds. To improve the performance you can turn on the **Performance** toggle, this will save all the feed into the local database as a transient. So every time a visitor visits the page it will get the data from the local database making the process a lot faster. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-performance-1.png) Based on the **Refresh Time** settings under the **Extra Options** tab these transient files will be deleted and new files will be stored. Then from the **Delete All Transient** option you can delete the transient by clicking on the **Delete** button. This will clear the local database.  If you make any changes in the feed settings of any social feed like changing the feed from an Instagram Personal account to a Business account, you have to delete the transient. Then you have to disable the **Performance** toggle and then enable it again to save the new feed in the local database. ## How to Style the Social Feed Widget? If you want to style your feeds you can do that from the Style tab. **Universal** - From this tab, you can give a standard style to all your feeds from different social media accounts. You can manage the typography of the description, name, time, footer area, color of description, name, time, URL, Hashtag, icon color, size, and much more. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-style-new.png) **FancyBox** - From this tab, you can select different styles for fancybox. Within this tab, you’ll find two tabs **Option** and **Style**. You can manage different fancybox settings like features, effects etc. from the **Option **tab. From the **Style** tab, you can manage the background and backdrop filter. **Show More Text** - From here, you can manage the style of the Show More text within the post and fancybox. **Scroll Bar** - If you have a scrolling bar in your posts then you can manage the scroll bar style from this tab. **Load More Style** - From this tab, you can manage the load more text typography, color, loading spinner color and size. **Filter Category** - If you are using the **Filter Option**, then you can manage the style from here. You can manage the filter typography, color, hover color, background and more. **Carousel** - If you are using the Carousel layout for your feed then you’ll get this option. From here you can manage slider mode, speed, column for different devices and much more. **Facebook** - If you don’t want a universal style for Facebook feeds then you can style them from this tab. **Vimeo** - From this tab, you can manage the Vimeo channel feed style. **YouTube** - To manage the YouTube feed style you can use this tab. **X (formerly Twitter)** - From this tab, you can style the X (formerly Twitter)feed. **Instagram** - To style the Instagram feeds you can use this tab. Advanced options remain common for all our widget, you can explore all it options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) ## How to Show Social Feed as a Carousel? If you want to show your social feed as a carousel, then select **Carousel** from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-carousel-new.png) From the **Style** dropdown, you can select different styles for your carousel layout. Now just set your social media feed from the **Social Feeds** section and it will display as a carousel. From the **Carousel** tab under **Style** you’ll get many options to customize your carousel.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-feed-carousel-style-1.png) > *Note: These options work similarly as in the Carousel Anything widget, we have covered these options in detail there. * **Slider Mode** - From here you can choose your slider orientation Horizontal or Vertical. **Slide Speed** - Control your slide transition speed from here. *Now you’ll find various device-dependent options.* **Columns **- You can set multiple columns for the slide. Learn more about the process. **Next Previous** - You can set the behavior of your next/previous slide movement from here. You can either move one column at a time or move all visible columns (depending on the number of columns set in the **Columns** dropdown). **Slide Padding** - From here you can adjust the padding of your slider. **Draggable** - Make your carousel draggable or non-draggable from here. **Infinite Mode** - You can turn your carousel into an infinite loop slider from here. **Pause On Hover** - Allow the users to pause the slider on mouse hover. **Adaptive Height** -  If you have slides with uneven height with this option the carousel navigations will adjust its position automatically according to the height of the slide. **Animation Type** - From here you can choose the animation type for your slider. **Autoplay** - Make your Elementor carousel slider autoplay from here and adjust its speed as well. **Show Dots** - From here you can add slider navigation dots and you can style them as well. Learn more about the process. **Show Arrow** - You can also add navigation arrows for your carousel slider and style them from here. **Center Mode** - From here you choose the center position of your slider. You can learn more about the process here. **Number Of Rows** - From here you can select the number of rows that will display in the carousel feed. **Unique Carousel ID** - With this option, you can control the carousel navigation with the Remote Carousel widget using a unique ID. --- # How to Use Elementor Template in a Timeline? Source: https://theplusaddons.com/docs/use-elementor-template-in-a-timeline/ Do you want to use the Elementor template in the timeline? By using the Elementor template you can add unique layouts to the timeline. With the Timeline widget from The Plus Addons for Elementor, you can easily add an Elementor template to a timeline in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Timeline widget, [click here](https://theplusaddons.com/docs//add-an-elementor-timeline/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-timeline) To use an Elementor template in the timeline, first, you have to create and save the template in Elementor. Then, add the Timeline widget from The Plus Addons for Elementor to a page and follow the steps - 1. Open the repeater item to which you want to add the Elementor template. 2. Then, select **Template** from the **Content Type** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-template-new.gif) 3. After that choose your Elementor template from the **Elementor Templates** dropdown. > *Note: When using an Elementor template the title and description of that repeater item won’t show.* Now you’ll see your Elementor template content in that specific timeline item. ***Suggested Reading***: *[How to Add a Button in Elementor Timeline?](https://theplusaddons.com/docs//add-a-button-in-elementor-timeline/)* --- # How to Add iFrame Content in Elementor Timeline? Source: https://theplusaddons.com/docs/add-iframe-content-in-elementor-timeline/ Are you looking to add iFrame content in an Elementor timeline? By adding iFrame or HTML content, you can embed external materials such as videos, forms, maps, and web pages directly into each timeline item. With the Timeline widget from The Plus Addons for Elementor, you can add HTML or iFrame content to any timeline item in the Elementor editor. **Best Used For:** - Event or company history timelines where each milestone displays an embedded YouTube video- Location-based timelines that show an embedded Google Map for each office, store, or project site entry- Multi-step process or onboarding timelines that include embedded forms or booking widgets at specific stages *To check the complete feature overview documentation of The Plus Addons for Elementor Timeline widget, [click here](https://theplusaddons.com/docs/add-an-elementor-timeline/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-timeline) To do this, add the Timeline widget from The Plus Addons for Elementor to a page and follow the steps - 1. Open the repeater item to which you want to add the iFrame content. Each repeater item represents one event or milestone on your timeline. 2. After adding the title and description, select **iFrame/HTML** from the **Content Type** dropdown. Use this option when you want to embed external content such as a YouTube video, a Google Map, or a contact form instead of plain text or an image. ![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-iframe-html-new.gif) 3. In the **Custom HTML/Iframe Code** field, add the HTML or iFrame embed code for your external content. For instance, if you want to add a YouTube video, copy the video's embed code from YouTube and paste it into this field. Now you’ll the iFrame content in that specific timeline item. ![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-iframe-html-demo.png) --- # How to Add a Button in Elementor Timeline? Source: https://theplusaddons.com/docs/add-a-button-in-elementor-timeline/ Do you want to add a button in an Elementor timeline? Adding buttons to timeline items lets you direct visitors to specific posts, pages, or resources directly from each event. With the Timeline widget from The Plus Addons for Elementor, you can add a button to any timeline item in the Elementor editor and link it to any URL. A similar feature is also available in the [Timeline block in Nexter Blocks](https://nexterwp.com/docs/add-a-button-in-wordpress-timeline/) for WordPress block editor users. *To check the complete feature overview documentation of The Plus Addons for Elementor Timeline widget, [Timeline Widget — Settings Overview](https://theplusaddons.com/docs/add-an-elementor-timeline/).* **Best Used For:** - Company history and milestone pages where each event links to a detailed post or case study - Portfolio timelines where each project entry links to a full project page - Product roadmap or release pages where timeline items link to announcements, changelogs, or resources ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/) To do this, add the Timeline widget from The Plus Addons for Elementor to a page and follow the steps - 1. Open the repeater item where you want to add the button and enter the content for that timeline item. Each repeater item has its own button settings, so you can enable a button on specific items without affecting the rest of the timeline. This is useful when you want only selected events to include a call-to-action, such as milestone entries that link to a case study or project page. 2. Enable the **Display Button** toggle. This controls whether the button appears on that specific timeline item. Use this when you want only certain events in the timeline to include a call-to-action link, so the timeline does not become cluttered with buttons on every item. ![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-display-button-new.gif) 3. In the **Button Text** field, add the text that will appear on the button, such as “Learn More”, “View Project”, or “Register Now”. Use action-oriented labels that tell visitors what happens when they click, so they understand where the button takes them before they interact with it. 4. In the **Link** field, add the destination URL for the button. Always enter a valid URL here. If you leave this field empty, the button appears on the page but does not redirect visitors anywhere when clicked, which creates a confusing experience. > The **Display Button** toggle is located in the **Style** tab under **Button Options**. Make sure it is enabled there for the button to appear on the page. The button will now appear on that timeline item. ![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-display-button-demo.png) ***Read Further***: *[How to Add iFrame Content in Elementor Timeline?](https://theplusaddons.com/docs/add-iframe-content-in-elementor-timeline/)* If you are building a page where you also need an expandable content section with per-item controls, the Accordion widget from The Plus Addons for Elementor works in a similar repeater-based way. See [How to Create an Accordion with Repeater Field Data in Elementor?](https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/). --- # How to Add an Elementor Timeline? Source: https://theplusaddons.com/docs/add-an-elementor-timeline/ Using the timeline style allows you to display a chronological sequence of events in a structured, scannable format. The Timeline widget in The Plus Addons for Elementor lets you add a timeline in the Elementor editor with customizable pins, multiple content types, entrance animations, and two preset layout styles. Unlike standalone timeline plugins such as Timeline Widget Addon for Elementor or the Content Timeline feature in Essential Addons for Elementor, this widget integrates directly into your existing The Plus Addons for Elementor setup. No separate plugin is required. **Best Used For:** - Company or brand history pages that walk visitors through key milestones and achievements - Product roadmap sections on SaaS or software sites displaying past releases and upcoming features - Agency portfolio pages showing project timelines, phases, and deliverables ## Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Timeline widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Timeline and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=9AVvXE-e-IY ## How to Activate the Timeline Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![Timeline widget activation in The Plus Addons for Elementor — Widgets panel with Timeline toggled on](https://theplusaddons.com/wp-content/uploads/2024/06/timeline.png) ## Key Features - **Two Preset** – Choose from two predefined layout styles for the Timeline widget. Use this when you want to set the overall visual structure of your timeline without building a custom layout from scratch. - **Button** – [Add a button in the timeline](https://theplusaddons.com/docs/add-a-button-in-elementor-timeline/) to link individual timeline items to related pages. Use this when each event or milestone has a corresponding product page, case study, or blog post you want visitors to follow. - **Elementor Template** – [Use an Elementor template in the timeline](https://theplusaddons.com/docs/use-elementor-template-in-a-timeline/) to insert a pre-built layout inside a timeline item. Use this when a timeline entry requires a multi-column layout, testimonial card, or product block that goes beyond a simple title and image. If your timeline items link to detailed event descriptions or case studies, the [Popup Builder widget](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/) lets you open that content in a modal overlay directly within the Elementor editor. Use this when you want visitors to explore milestone details without navigating away from the timeline page. ## How to Use the Timeline Widget in Elementor? Add the Timeline widget from The Plus Addons for Elementor to the page. > *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.* ### Content  From the **Style** section, select a predefined layout style for the timeline. This sets the overall visual format of all timeline items at once. Use this when you want to establish the timeline's structure before customizing individual entries. ![Timeline widget Content tab in The Plus Addons for Elementor — Style, Masonry Layout, and Content Alignment settings](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-content-new.gif) Enable the **Masonry Layout** toggle to make the spacing between timeline items more compact. This is useful when your timeline items have varying amounts of content. Shorter items will sit closer to the next entry rather than leaving large gaps between them. From the **Content Alignment** section, align the content inside timeline items. Use center alignment for full-width timelines where a balanced visual layout is the goal, and left alignment when the timeline sits inside a narrow column or alongside other page elements. Then you will find a repeater section where you add the timeline content. Two items appear by default. Open one item to configure it. From the **Select Icon** dropdown, add an icon or image to the timeline pin. Three options are available: - **None** – No icon or image is added to the pin. Use this when you want a minimal pin style with only text or a plain marker. - **Icon** – Add an icon to the pin. Use this when you want to visually categorize different event types. For example, use a calendar icon for dates, a star icon for milestones, or a flag icon for launch events. - **Image** – Add an image to the pin. Use this when you want to display a logo, photo, or branded visual at each timeline position to reinforce identity or context. > *Note: The options available below this dropdown depend on which option you select here.* From the **Icon Font** dropdown, select the icon library to use. Then from the **Icon Library** section, select the specific icon. In the **Pin Title** field, add a label that appears on the pin itself. For example, add a year, a short date, or a category label. This helps visitors scan the full timeline at a glance without reading the content of every individual item. From the **Pin Position** dropdown, set the position of the pin label relative to the timeline line. Adjust this when the default position visually conflicts with the overall layout of your timeline. In the **Title** field under the **Content** tab, add the headline for the timeline item. This is the main event name or milestone title that a visitor reads first. In the **Description** section, add supporting body text for the timeline item. Keep descriptions concise so visitors can scan the full timeline without losing context between entries. From the **Content Type** dropdown, select what appears after the item title. Three options are available: - **Image** – Add an image after the item title. Use this when each timeline entry has a supporting photo, screenshot, or diagram that adds visual context to the written description. - **Iframe/HTML** – [Add an iFrame or HTML content after the item title](https://theplusaddons.com/docs/add-iframe-content-in-elementor-timeline/). Use this when you want to embed a video, map, or external content directly inside a timeline entry instead of linking out to it. - **Template** – Use an Elementor template inside the timeline item. Use this when a timeline entry needs a complex layout. For example, use a team member card, product feature block, or multi-column section that a single image cannot achieve. If you need tabbed navigation on the same page to organize your roadmap by phase or release quarter, the [Tabs Tours widget](https://theplusaddons.com/docs/tabs-tours-elementor-widget-settings-overview/) pairs naturally with the Timeline widget. In the **Featured Image** section, add the image for the timeline item. From the **Image Resolution** section, choose the image size to balance display quality with page load performance. In the **Link** field, add a URL to make the timeline item clickable. Use this when each event corresponds to a dedicated page, such as a blog post, case study, or product launch announcement. Enable the **Display Button** toggle to add a call-to-action button to the timeline item. Use this when you want a clearly labeled action for visitors to follow from a specific event, separate from the item title link. For detailed button configuration, see [How to Add a Button in Elementor Timeline](https://theplusaddons.com/docs/add-a-button-in-elementor-timeline/). From the **Advanced** tab within each item, use the **Content Alignment** dropdown to adjust the horizontal alignment of content inside the item. From the **Section Alignment** section, move the item to the left or right side of the timeline. This is useful when you want alternating left-right placement that creates a more dynamic visual rhythm. From the **In Animation Effect** dropdown, add an entrance animation so the item appears with motion as it scrolls into view. From the **Top Offset Space** section, add top spacing to the item for specific screen sizes to fine-tune vertical positioning on mobile or tablet layouts. After configuring one item, follow the same process for the remaining items. Click the **+ Add Item** button to add more timeline entries. For content that benefits from an expand-and-collapse interaction rather than a scrolling timeline, the [Accordion widget](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/) provides a collapsible layout that works well on the same page as your Timeline widget. ### Start / End Pin From the **Pin Center Style** dropdown, select a predefined style for the terminal pins that appear at the top and bottom of the timeline. Use this when you want the start and end markers to visually stand out from the event pins along the timeline line. ![Timeline widget Start and End Pin settings in The Plus Addons for Elementor — pin style and icon options](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-start-end-pin.gif) From the **Select Icon** dropdown under the **Start Pin** tab, add a starting pin to the top of the timeline. Four options are available: - **None** – No starting pin is added. - **Icon** – Add an icon as the starting pin. Use this to mark the beginning of the timeline with a recognizable symbol, such as a flag, rocket, or play icon. - **Image** – Add an image as the starting pin. Use this when you want to display a logo or branded visual at the very top of the timeline. - **Text** – Add a text label as the starting pin, such as “Start”, a year, or a specific date. Use this when visitors need a clear written reference point at the beginning of the timeline. This matters most on timelines that span many years. From the **End Pin** tab, configure the ending pin using the same four options. Setting a clearly styled end pin signals to visitors where the timeline concludes, which matters most on long timelines where the bottom of the page is not immediately visible. ## How to Style the Elementor Timeline Widget? To style the Timeline widget, go to the **Style** tab. **Loop Pin Style** – Controls the typography, color, and size of the pin titles and icons that appear along the timeline. Adjust this when you want the pins to use your brand color or match the heading style used elsewhere on the page. ![Timeline widget Style tab in The Plus Addons for Elementor — Loop Pin Style, Title Style, and Description options](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-style.png) **Title Style** – Manages the typography, color, and border for timeline item titles in both normal and hover states. Use this to keep timeline titles visually consistent with the rest of your page headings and to add hover effects when item titles are linked. **Description / Content Style** – Controls the typography and color of the body text inside timeline items. Adjust this when the default text size or color does not match your site's reading style or content hierarchy. **Button Options** – Styles the buttons added to timeline items, including background color, border, typography, and hover state. Use this when timeline buttons need to match the button style established elsewhere on the site for visual consistency. **Pin Start / End Style** – Manages the color of the vertical divider line between events and the icon size and color for the start and end pins. Adjust this when you want to use a brand accent color for the timeline line, or when you want the terminal pins to be more visually prominent than the event pins. **Extra Options** – Controls the gap between timeline items and the style of the timeline divider line. Use this when timeline items appear visually crowded or when the default spacing does not suit the density of your content. Advanced options remain common for all Plus Addons widgets. [View Advanced Tab documentation](https://theplusaddons.com/help/plus-extras/) to explore all its options. --- # How to Add Lottiefiles to the Pricing List in Elementor? Source: https://theplusaddons.com/docs/add-lottiefiles-to-the-pricing-list-in-elementor/ Do you want to use Lottiefiles in the pricing list in Elementor? With the Pricing List widget from The Plus Addons for Elementor, you can add animated Lottie files to the pricing list to create a unique pricing list. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing List widget, [click here](https://theplusaddons.com/docs//add-a-pricing-list-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-price-list/) For this, you need to have the JSON file URL of the Lottie file you want to use. First, go to[ LottieFiles.com](https://lottiefiles.com/) and create a free account there if you don’t have one. Now log in to your account and go to [Featured](https://lottiefiles.com/featured) Here, you’ll find all the free Lottie files. Click on the animation you like, it will open in a popup, click on the **Save to workspace to generate** button. It will open the Lottie animation in a new window. From the right panel, enable the **Enable Asset Link** toggle.  Then copy the Lottie file URL from the **Asset link** field.  Then, add the Pricing List widget to the page and follow the steps - 1. Select **Classic** from the **Style** section under the **Layout** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Classic-Lottie-Animation-1.gif) 2. Then add the content as per your requirements from the **Content **tab. You’ll find the same content options as available in **Modern **style.  3. After that, select **Lottie** from the **Icon Type** dropdown under the **Image** tab. From the **Right Space** section, you can manage the Lottiefiles and content spacing. 4. After that, paste the copied JSON link in the **Lottie URL** field.  You can further adjust the Lottiefiles size and animation from the style tab. Now you’ll see animated Lottiefiles in the pricing list. You have to add the Pricing List widget multiple times to create more pricing list items. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-classic-lottie-demo.gif) --- # How to Create a Food Menu in Elementor? Source: https://theplusaddons.com/docs/create-a-food-menu-in-elementor/ Are you looking to create a food menu in Elementor? With the Pricing List widget from The Plus Addons for Elementor, you can add an image to the pricing list that can be used to create a beautiful food menu. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing List widget, [click here](https://theplusaddons.com/docs//add-a-pricing-list-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-price-list/) To do this, add the Pricing List widget to the page and follow the steps - 1. Select **Classic** from the **Style** section under the **Layout** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Classic.gif) 2. Then add the content as per your requirements from the **Content **tab. You’ll find the same content options as available in **Modern **style.  3. After that, select **Image** from the **Icon Type** dropdown under the **Image** tab. 4. Add your image in the **Image** section.  From the **Right Space** section, you can manage the image and content spacing.   You can change the image size from the **Image Resolution** dropdown. From the **Image Shape** dropdown, you can change the image shape.  You have to add the Pricing List widget multiple times to create more pricing list items. You can adjust the style further from the style tab to make a unique-looking food menu with prices. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-food-menu-demo.png) ***Suggested Reading***:*[ How to Add a Flip Box Style Pricing List in Elementor?](https://theplusaddons.com/docs//add-a-flip-box-style-pricing-list-in-elementor/)* --- # How to Add a Flip Box Style Pricing List in Elementor? Source: https://theplusaddons.com/docs/add-a-flip-box-style-pricing-list-in-elementor/ Do you want to add a pricing list with a flip box style in Elementor? Adding a pricing list with a flip box style can add a unique touch to your website. With the Pricing List widget from The Plus Addons for Elementor, you can easily add a flip box-style pricing list in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing List widget, [click here](https://theplusaddons.com/docs//add-a-pricing-list-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-price-list/) To do this, add the Pricing List widget to the page and follow the steps - 1. Select **Simple** from the **Style** section under the **Layout** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Simple-1.gif) 2. Then add the content as per your requirements from the **Content **tab. You’ll find the same content options as available in **Modern **style. > *Note: In the Simple style the description will show on the backside.* Now, when you hover over the pricing list item, it will flip to show the content of the backside. 3. Then, under the **Extra Option** tab, from the **Box Align** dropdown, you can set the pricing box alignment to Top Left, Top Right, Bottom Left, or Bottom Right. You have to add the Pricing List widget multiple times to create more pricing list items. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-simple-demo.gif) ***Read Further***: *[How to Add Lottiefiles to the Pricing List in Elementor?](https://theplusaddons.com/docs//add-lottiefiles-to-the-pricing-list-in-elementor/)* --- # How to Add a Pricing List in Elementor? Source: https://theplusaddons.com/docs/add-a-pricing-list-in-elementor/ Whether you are selling something offline or online, having a well-organized pricing list on your website makes it easy for users to make the buying decision. With the Pricing List widget from The Plus Addons for Elementor, you can add beautiful pricing lists to your Elementor website. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-price-list/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Pricing List widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Pricing List and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=0zSX-ovDcwM ## How to Activate the Pricing List Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Activate.png) ## Key Features - **Three Styles **- You can select from three predefined styles, Modern, Simple, and Classic. - **Lottiefiles **- You can [add Lottiefiles to the pricing list](https://theplusaddons.com/docs//add-lottiefiles-to-the-pricing-list-in-elementor/). ## How to Use Pricing List in Elementor? Add the Pricing List widget to the page. ### Layout From the **Style** section, you have to select a pricing list style. Here you’ll find three options -  ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Layout.png) - **Modern** - With this option, you can create a modern pricing list item with a background image or color. - **Simple** -  To [create a flip box style pricing list item](https://theplusaddons.com/docs//add-a-flip-box-style-pricing-list-in-elementor/). - **Classic** - With this option, you can create a pricing list with an image or Lottiefiles. This can be used to [create a food menu pricing list](https://theplusaddons.com/docs//create-a-food-menu-in-elementor/) or something similar. Select the option as per your requirements. Let’s select **Modern **here. ### Content In the **Title** field, you have to add the list title. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Content.png) Then, in the **Tag** field, you can add relevant tags for the pricing list item, which will be placed above the title. > *Note: You can add multiple tags separated by a separator (|).* After that, in the **Price** field, you have to add the price of that specific item.  In the **Description** section, you can add a description. ### Extra Option From the **Box Align** dropdown, you can set the pricing box alignment to Left, Center, or Right. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Extra-Option.png) ### Image From **Icon Type,** you can select the icon type. > Note: This tab shows only when Classic style is selected in the Layout tab. Here you’ll find two options –  - **Image** - In this option, you can use an image for the content. - **Lottie** – In this option, you can use Lottie animation icons for the content. Based on your selection, you’ll find different options to add the content. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Image.gif) From the **Image** section, you can select an image for the Pricing List content. From the **Right Space** section, you can manage the image and content spacing.   The **Image Resolution** dropdown allows you to select the appropriate image size. After that, from the **Image Shape** dropdown, you can select the shape of the pricing image. Here you’ll find three options – - **None –** Shows the image in its original shape. - **Rounded –** Gives the image slightly rounded corners. - **Circle –** Turns the image into a circle. From the **Lottie URL** section, you can add a Lottie animation to the number counter using a Lottie file URL. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-modern-demo.png) ## How to Style the Pricing List Widget? You’ll find all the styling options in the Style tab to style the Pricing List widget. **Title** - From here, you can style the title. ![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Style.png) **Line** - You’ll see this tab only when the Classic style is selected. From here, you can add a line between the title and price. You can also style the line from here.  **Tag** - From here, you can style the tags of the pricing list item. **Price** - From here, you can style the price text. **Description** - From here, you can style the description text. **Image** - You’ll see this tab only when the image is selected as the icon type for the classic style. From here, you can style the image. **Lottie** - You’ll see this tab only when Lottie is selected as the icon type for the classic style. From here, you can style the Lottiefiles. **On Scroll View Animation** -  This is our global extension available for all our widgets. This adds a scrolling animation as the widget comes into the viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add Lottiefiles to an Elementor Pricing Table Button? Source: https://theplusaddons.com/docs/add-lottiefiles-to-an-elementor-pricing-table-button/ Do you want to add a Lottiefiles to an Elementor Pricing Table Button? With the Pricing Table widget from The Plus Addons for Elementor, you can add animated Lottiefiles to the pricing table button. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, [click here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) For this, you need to have the JSON file URL of the LottieFile you want to use. First, go to[ LottieFiles.com](https://lottiefiles.com/) and create a free account there if you don’t have one. Now log into your account and go to the [free Lottie animation section](https://lottiefiles.com/featured) here you’ll find all the free Lottie files. Click on the animation you like, it will open in a popup, and save the file in your workspace. It will open the Lottie animation in a new window. From the right panel go to the **Handoff** tab and enable the **Enable asset CDN** toggle. Then select **Lottie JSON** from the **Asset link format** dropdown.  After that, copy the Lottie file URL from the **Asset link** field.  Then, add the Pricing Table widget to the page and follow the steps - 1. Add the appropriate title, price and content of the pricing table. 2. Then enable the **Button** toggle from the **Button** tab. 3. Select **Style 2** from the **Button Style** dropdown.  4. After that select **Lottie** from the **Icon Type** dropdown. 5. After that paste the copied JSON link in the **Lottie URL** field.  Then from the **Icon Position** dropdown, you can place the Lottie before or after the button text. You can further adjust the Lottiefiles size and animation from the style tab. Now you’ll see animated Lottiefiles in the pricing table button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-lottie-demo.gif) ***Read Further***: *[How to Add a Tooltip to an Elementor Pricing Table?](https://theplusaddons.com/docs//add-a-tooltip-to-an-elementor-pricing-table/)* --- # How to Add a Tooltip to an Elementor Pricing Table? Source: https://theplusaddons.com/docs/add-a-tooltip-to-an-elementor-pricing-table/ Do you want to add a tooltip to an Elementor pricing table? By adding a tooltip you can show additional information to the users and make your pricing table more interactive. With the Pricing Table widget from The Plus Addons for Elementor, you can easily add a tooltip to the description items of an Elementor pricing table. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, [click here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) To do this, add the Pricing Table widget to the page and follow the steps - 1. Add the appropriate title and price of the pricing table. 2. Then in the **Description** tab, select **Stylish List** from the **Content Style** dropdown. 3. After that open the repeater item you want to add the tooltip to and enable the **Tooltip Options** toggle. 4. From the **Tooltip On** dropdown, you have to select where to add the tooltip. Here you’ll find two options -  - **Box** - It will show the tooltip when you hover over the entire repeater item content area. - **Icon** - It will add an icon at the end of the repeater item content. It will show the tooltip when you hover over the icon. Select the option as per your requirements. 5. Then from the **Content Type** dropdown, you have to select how you want to add the tooltip content. Here you’ll find two options -  - **Content Text** - With this option, you’ll get a text area to add simple text content. - **Content WYSIWYG** - With this option, you’ll get a WYSIWYG editor to add the content. With this, you can add links, images etc. to the tooltip.  Select the option as per your requirements. Let’s select Content Text here. 6. Then in the **Description** section, you have to add the tooltip content. From the **Text Alignment** section, you can align the content. Then from the **Typography** and **Text Color** sections, you can manage the typography and color. Now you’ll see a tooltip when you hover over that specific repeater item. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-tooltip-options-demo.gif) ***Suggested Reading***: *[How to Highlight a Pricing Plan with Scale Effect in Elementor?](https://theplusaddons.com/docs//highlight-a-pricing-plan-with-scale-effect-in-elementor/)* --- # How to Highlight a Pricing Plan with Scale Effect in Elementor? Source: https://theplusaddons.com/docs/highlight-a-pricing-plan-with-scale-effect-in-elementor/ Do you want to highlight a pricing plan of a pricing table with a zoom effect in Elementor? By adding a zoom effect you can enlarge a certain pricing plan to easily grab the attention of users to highlight some features or offers. With the Pricing Table widget from The Plus Addons for Elementor, you can easily add a zoom effect to a pricing table in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, [click here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) 1. Add multiple Pricing Table widgets and add appropriate content to them. 2. Then select the Pricing Table widget you want to add the zoom effect. 3. Go to **Style** > **Extra Effects** tab, and from the **Scale Zoom** slider add the scale amount (ideally more than 1).  ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-scale-zoom.png) You can add different scale values for responsive devices. > *Note: In case there is an overlapping issue you have to adjust the z-index value of the scaled pricing table, so it properly overlaps the other pricing table.*   Now that specific pricing plan will be scaled and highlighted among the other plans in the pricing table. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-scale-zoom-demo.png) ***Read Further***: *[How to Add Show More Button for Features in Elementor Pricing Table?](https://theplusaddons.com/docs//add-show-more-button-for-features-in-elementor-pricing-table/)* --- # How to Add Show More Button for Features in Elementor Pricing Table? Source: https://theplusaddons.com/docs/add-show-more-button-for-features-in-elementor-pricing-table/ Are you looking to limit the initial content visibility on Elementor pricing table by adding a show more option? Just showing the important information initially and providing an option to show all the content can improve the user experience, especially if you have a long list of description items. With the Pricing Table widget from The Plus Addons for Elementor, you can easily add a show more button and limit the initial content in an Elementor pricing table. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, [click here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) To do this, add the Pricing Table widget to the page and follow the steps - 1. Add the appropriate title and price of the pricing table. 2. Then in the **Description** tab, select **Stylish List** from the **Content Style** dropdown. 3. After that add the necessary repeater items and content. 4. Then in the **List Open Default** field add the number of items you want to show initially.  Let’s suppose we’ve added 3, so only 3 items will show initially and the rest will be hidden. You have to click **+ Show all options** button to see all the items. You can edit the toggle open and close button text from the **Expand Section Title** and **Shrink Section Title** fields, respectively. Now based on the entered number you’ll see a toggle button after an equivalent number of description items in the pricing table, that you use to show all the content. ***Suggested Reading***: *[How to Add a Ribbon to an Elementor Pricing Table? (Recommended, Popular Tag)](https://theplusaddons.com/docs//add-a-ribbon-to-an-elementor-pricing-table/)* --- # How to Add a Ribbon to an Elementor Pricing Table? (Recommended, Popular Tag) Source: https://theplusaddons.com/docs/add-a-ribbon-to-an-elementor-pricing-table/ Do you want to add a ribbon to an Elementor pricing table? Adding a ribbon to a pricing table plan, not only adds a visual appeal but also highlights certain features or offers. With the Pricing Table widget from The Plus Addons for Elementor, you can easily add a ribbon to a pricing table in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, [click here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) To do this, add the Pricing Table widget to the page and follow the steps - 1. After adding content to the pricing table, go to the **Ribbon** tab and enable the **Display Ribbon** toggle. 2. Then select an appropriate ribbon style from the **Ribbon Style** dropdown.  3. After that add the ribbon text in the **Ribbon/Pin Text** section. Now you’ll see a ribbon on the pricing table. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-enable-ribbon-demo-1.png) --- # How to Add a Pricing Table in Elementor? Source: https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/ A pricing table is crucial for businesses, as it allows customers to compare different pricing options and make informed decisions easily. With the Pricing Table widget from The Plus Addons for Elementor, you can easily add beautiful pricing tables in Elementor. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Freemium widget. To unlock the extra features, you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Pricing Table widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Pricing Table and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=9V0E9mFmaro ## How to Activate the Pricing Table Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table.png) ## Key Features - **Multiple Layout** - You can select from multiple predesigned layouts. - **Previous Price** - You can easily show a previous price in the pricing table. - **Ribbon **(Pro) - You can easily [add a ribbon tag to highlight a pricing table](https://theplusaddons.com/docs//add-a-ribbon-to-an-elementor-pricing-table/). - **Tooltip** (Pro) - You can [add a tooltip to a pricing table content](https://theplusaddons.com/docs//add-a-tooltip-to-an-elementor-pricing-table/). - **Show More Options** (Pro) - You can easily limit the initial content by [adding a show more option to a pricing table](https://theplusaddons.com/docs//add-show-more-button-for-features-in-elementor-pricing-table/). - **Scale Effect** - You can easily [add a zoom effect to highlight a pricing table](https://theplusaddons.com/docs//highlight-a-pricing-plan-with-scale-effect-in-elementor/). ## How to Use the Pricing Table in Elementor? Add the Pricing Table widget to the page. ### Layout You can click on the **Import Presets** button to import a preset template and customise it as per your requirements. From the **Style** section, you can select a pre-defined style (free and pro) for the pricing table. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-layout-new.png) ### Content From the **Style **dropdown, you can select a style for the title. You can edit the title from the **Title** field. In the **Sub Title** field, you can add a subtitle. Then, from the **Select Icon** dropdown, you can add an icon, image, or SVG (pro) above the title in the pricing table. - **None** - To add nothing above the title. - **Icon** - To add an icon from different icon libraries. - **Image** - To add an image above the title. - **Svg (Pro)** - To add a pre-built animated or custom SVG image above the title. ### Price From the **Price Style** dropdown, you can select a pre-defined style (free and pro) of the price text. In the **Prefix Text** field, you can add a currency symbol or any text before the price amount.  Then, in the **Value Of Price** field, you have to add the actual price. You add text after the price in the Postfix Text field. Ideal for adding the frequency of the payment, like per month, per year, etc. ### Previous Price By enabling the **Display Previous Price** toggle, you can add a previous price, ideal for showing the differences between the old and new prices. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-previous-price-new.png) Similar to the Price tab, you can add a prefix text, price, and postfix text in the **Prefix Text, Value Of Price,** and **Postfix Text** fields. ### Content Description In this tab, you have to add the pricing table content. From the **Content Style** dropdown, you have to select how you want to add the content. Here you’ll find two options -  - **Stylish List** - With this option, you can add content using repeater items. - **WYSIWYG** - With this option, you’ll find a WYSIWYG editor to add the content. Select the option as per your requirements. Let’s select Stylish List here. > *Note: You’ll find extra options with the Stylish List option.* You can select a pre-defined style from the **Content List Style** dropdown. Then you’ll find three repeater items by default, open one item. In the **List Description** section, you can add the description. From the **Icon Font** (pro) dropdown, you can select the icon library and add an icon to the description list item. By enabling the **Tooltip Options** toggle, you can add a tooltip to the list item. Following this process, you can edit the other repeater items. You can click on the **+ Add Item** button to add more items. From the **List Open Default** section, you can limit the initial item visibility by adding a show more option. ### Button By enabling the **Button** (Pro) toggle, you can add a button to the pricing table. From the **Button Style** section, you can select a pre-defined style. In the **Button Text** field, you can add the button text. You can add a link to the button in the **Button Link** field. > *Note: The icon related options are available for Style 2 only.* From the **Icon Type** dropdown, you can add an icon to the button. Here you’ll find two options -  - **Icon** - To add an icon to the pricing table button. - **Lottie** - To [add a Lottiefiles to the pricing table button](https://theplusaddons.com/docs//add-lottiefiles-to-an-elementor-pricing-table-button/). Then, from the **Icon Position** dropdown, you can place the icon before or after the button text. ### Call to Action From the **Call To Action(CTA) Text** (Pro) section, you can add a call to action content below the button. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-call-to-action-new.png) ### Ribbon By enabling the **Display Ribbon** **(Pro)** toggle, you can [add a ribbon to the pricing table.](https://theplusaddons.com/docs//add-a-ribbon-to-an-elementor-pricing-table/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-ribbon-new.png) > *Note: This will only add one pricing table item, to create multiple pricing table items you have to use the Pricing Table widget multiple times.* ## How to Style the Pricing Table Widget? To style the Pricing Table widget, you’ll find all options in the Style tab. **Lottie** - You’ll see this tab only when Lottie is selected as the icon type for the button. From here, you can style the Lottiefiles. ![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-style-new.png) **Title** - From here, you can style the title. **Previous Price** - From here, you can style the previous price text.  **Price** - From here, you can style the price text. **Content** - From here, you can style the pricing table description text. **Content Background** - From here, you can style the pricing table description area. **Tooltip Options** **(Pro)** - You’ll see this tab only when the tooltip toggle is enabled in the pricing content item. From here, you can style the tooltip. **Button** - You’ll see this tab only when the button toggle is enabled. From here, you can style the button. **Call To Action (CTA)** **(Pro)** - From here, you can style the call to action text. **Ribbon/Pin** - You’ll see this tab only when the ribbon toggle is enabled. From here, you can style the ribbon. **Background Options** - From here, you can style the pricing table background for normal and hover states, add different hover animations, and more. **Extra Effects** - From here, you can [add a zoom effect to highlight a pricing plan](https://theplusaddons.com/docs//highlight-a-pricing-plan-with-scale-effect-in-elementor/). **On Scroll View Animation** -  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets; you can explore all their options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add Social Media Icons in Elementor? Source: https://theplusaddons.com/docs/add-social-media-icons-in-elementor/ It is important to have a strong social media presence for any business or individual. Having social media icons linking to your social media profiles on your website allows visitors to easily follow you on each platform. With the Social Icon widget from The Plus Addons for Elementor, you can easily add different social icons with custom links in Elementor. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/social-icons-for-elementor/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - Make sure the Social Icon widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Social Icon and activate. - This is a Freemium widget to unlock the extra features; you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). ## Learn via Video Tutorial: https://www.youtube.com/watch?v=9V0E9mFmaro ## How to Activate the Social Icon Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-icon.png) ## Key Features - **Multiple Styles** - You can select from multiple predesigned styles. - **Magic Scroll** (Pro) - You can easily add a magic scroll effect to an individual social icon. - **Tooltip** (Pro) - You can add a tooltip to an individual social icon. - **Mouse Move Parallax** (Pro) - You can add a mouse move parallax effect to an individual social icon. - **Continuous Animation** - You can add different continuous animations to an individual social icon. ## How to Use the Social Icon in Elementor? Add the Social Icon widget from The Plus Addons for Elementor to the page. You can select a pre-defined style for the social media icons from the **Style** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-icon-content.gif) > *Note: For some styles, you’ll find the ****Select Hover Style**** dropdown to select a hover style.* From the **Social Network Select** section, you have to add the social media icons. You’ll find one repeater item by default; open it. From the **Social Network Select** dropdown, you have to select a social media icon. In the **Link** field, you have to add a link for the social media icon. Ideally, you should add your social media profile link. Then, in the Title field, you can add a title for the social media icon.  > *Note: You’ll see the Title for some specific styles only.* You can color the icon from the **Icon Color** section. Then, from the **Icon Hover Color** section, you can add a hover color to the icon. From the **Background Color** and **Background Hover Color** sections, you can manage the background color and hover color of the social icon. After that, from the **Border Color** section, you can change the border color and border hover color from the **Border Hover Color** section. Then you’ll find some options to add different effects. > *Note: Most of these options work similarly to the global options available for the other widgets of The Plus Addons for Elementor.* **Magic Scroll** (pro) - From here, you can [add a scrolling effect to the social icon item](https://theplusaddons.com/docs/magic-scroll-effect-in-elementor/). **Tooltip** (pro) - From here, you can [add a tooltip to the social icon item](https://theplusaddons.com/docs/global-tooltips-settings-overview/). **Mouse Move Parallax** (pro) - From here, you can [add a mouse move parallax effect to the social icon item](https://theplusaddons.com/docs/mouse-cursor-parallax-effects-in-elementor/). **Continuous Animation** - From here, you can [add different continuous animation effects](https://theplusaddons.com/docs/global-continuous-animation-widget-in-elementor/) to the social icon item.   You can click on the **+ Add Item** button to add more social media icon items. From the **Alignment** section, you can align the social icons for responsive devices. You can align the social media icons vertically by enabling the **Vertical Layout** toggle. > *Note: You won’t find the Vertical Layout toggle option for the Custom style.* ## How to Style the Social Icon Widget? You’ll find all options in the **Style** tab to style the Social Icon widget. **Style** - From here, you can manage the gap between the social icons, padding, icon size, and more. The options will vary based on the selected style in the content tab. ![](https://theplusaddons.com/wp-content/uploads/2024/06/social-icon-style-1.png) **On Scroll View Animation** -  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets; you can explore all their options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add a Flipping Text Effect in Elementor? Source: https://theplusaddons.com/docs/add-a-flipping-text-effect-in-elementor/ Are you looking to add a flipping text effect in Elementor? The flipping text effect can add an eye-catching element to your website and make your content stand out. With the Heading Animation widget from The Plus Addons for Elementor, you can easily add a flipping text effect in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Heading Animation widget, [click here](https://theplusaddons.com/docs//add-animated-headings-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/heading-animation) To do this, add the Heading Animation block on the page and follow the steps - 1. Select the **Style 2** from the **Animation Style **section. ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-flipping-effect-new.gif) In the **Prefix Text** field, you can add a text before the animated text. 2. Then in the **Animated Text** section, you have to add the texts you want to animate. You can add multiple texts by adding one text in each line. In the **Postfix Text** field, you can add a text after the animated text. Now you will see a beautiful flipping text effect. ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-flipping-effect-demo-1.gif) --- # How to Add Text Typing Effect in Elementor? Source: https://theplusaddons.com/docs/add-text-typing-effect-in-elementor/ Do you want to add a typing text effect in Elementor? The text typing effect, also known as a typewriter or animated typing effect, adds a sense of dynamism and engagement to plain text. With the Heading Animation widget from The Plus Addons for Elementor, you can easily add a typing effect to a text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Heading Animation widget, [click here](https://theplusaddons.com/docs//add-animated-headings-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/heading-animation) To do this, add the Heading Animation block on the page and follow the steps - 1. Select the **Style 1** from the **Animation Style **section. ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-typing-effect-new.gif) In the **Prefix Text** field, you can add a text before the animated text. 2. Then in the **Animated Text** section, you have to add the texts you want to animate. You can add multiple texts by adding one text in each line. In the **Postfix Text** field, you can add a text after the animated text. Now you will see a beautiful typing text effect. ![This image has an empty alt attribute; its file name is heading-animation-typing-effect-demo-1.gif](https://theplusaddons.com/wp-content/uploads/2024/06/image.gif) ***Learn More***: *[How to Add a Flipping Text Effect in Elementor?](https://theplusaddons.com/docs/add-a-flipping-text-effect-in-elementor/)* --- # How to Add Heading Animation in Elementor? Source: https://theplusaddons.com/docs/add-animated-headings-in-elementor/ Adding an animated headline in Elementor can help you grab the visitor's attention easily. Not only does it make your website more visually appealing, but it also adds an element of interactivity and engagement for your visitors.  With the Heading Animation widget from The Plus Addons for Elementor, you can easily add different types of animation to text in Elementor. ## Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/heading-animation) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - Make sure the Heading Animation widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Heading Animation and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=LTgDD_v8ioA ## How to Activate the Heading Animation Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation.png) ## Key Features - **Multiple Animation Styles** - You can choose from multiple animation styles. ## How to Add an Animated Headline in Elementor? Add the Heading Animation widget from The Plus Addons for Elementor to the page. > *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.* From the **Animation Style** section, you have to select an animation style.  Here you’ll find 6 pre-defined animation styles.  ### Style 1  This will [create a typing animation effect.](https://theplusaddons.com/docs/add-text-typing-effect-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-typing-effect-demo.gif) ### Style 2  This will [create a flipping text effect.](https://theplusaddons.com/docs/add-a-flipping-text-effect-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-flipping-effect-demo.gif) ### Style 3  This will create a zoom-in text effect. ![](https://theplusaddons.com/wp-content/uploads/2024/06/style-3-demo.gif) ### Style 4  This will create a text underline animation effect. ![](https://theplusaddons.com/wp-content/uploads/2024/06/style-4-demo.gif) ### Style 5  This will create a slide-in text animation effect. ![](https://theplusaddons.com/wp-content/uploads/2024/06/style-5-demo.gif) ### Style 6  This will create a text scale-down and scale-up animation effect. ![](https://theplusaddons.com/wp-content/uploads/2024/06/style-6-demo.gif) Select the style as per your requirements. ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-content-new.gif) In the **Prefix Text** field, you can add a text before the animated text. Then in the **Animated Text** section, you have to add the texts you want to animate. You can add multiple texts by adding one text in each line. From the **Animated Text Tag** dropdown, you can set the HTML tag for the text. In the **Postfix Text** field, you can add a text after the animated text. From the **Alignment** section, you can align the text for different responsive devices. ## How to Style the Heading Animation Widget? To style the Heading Animation widget, you’ll find all the options under the **Style** tab. **Prefix and Postfix** - From here, you can manage the typography and color of the prefix and postfix texts. ![](https://theplusaddons.com/wp-content/uploads/2024/06/heading-animation-style.png) **Animated Text** - From here, you can manage the typography, color and background color of the animated text. **On Scroll View Animation** -  This is our global extension available for all our widgets, this adds scrolling animation as the widget comes in the viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widget, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add Lottie Animation to Process Steps in Elementor? Source: https://theplusaddons.com/docs/add-lottie-animation-to-process-steps-in-elementor/ Are you looking to add a Lottie animation to the process steps in Elementor? With the Process Steps widget from The Plus Addons for Elementor, you can easily add a Lottie animation to the process step circle. *To check the complete feature overview documentation of The Plus Addons for Elementor Process Steps widget, [click here](https://theplusaddons.com/docs//add-process-steps-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-process-steps/) For this, you need to have the JSON file URL of the LottieFile you want to use. First, go to[ LottieFiles.com](https://lottiefiles.com/) and create a free account there if you don’t have one. Now log into your account and go to [Featured](https://lottiefiles.com/featured) here you’ll find all the free Lottie files. Click on the animation you like, it will open in a popup, click on the **Save to workspace to generate** button. It will open the Lottie animation in a new window. From the right panel enable the **Enable Asset Link** toggle.  Then copy the Lottie file URL from the **Asset link** field.  Then, add the Process/Steps widget to the page and follow the steps - 1. After selecting the appropriate style, add the required process steps and content from the **Process/Steps** section. 2. Then open the repeater item on which you want to add the Lottie animation. Select **Lottie** from the **Select Icon** dropdown. 3. After that, paste the copied JSON link in the **Lottie URL** field.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps-lottie-new.gif) From the **Lottie Width** and **Lottie Height** sections, you can adjust the Lottie width and height for responsive devices. You can further adjust the Lottie animation from the style tab. Now you’ll see the Lottie animation playing in that specific process step item. ***Suggested Reading***: *[How to Create Vertical Process Steps in Elementor?](https://theplusaddons.com/docs//create-vertical-process-steps-in-elementor/)* --- # How to Create Vertical Process Steps in Elementor? Source: https://theplusaddons.com/docs/create-vertical-process-steps-in-elementor/ Do you want to create vertical process steps in Elementor? With the Process Steps widget from The Plus Addons for Elementor, you can easily create vertical process steps in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Process Steps widget, [click here](https://theplusaddons.com/docs//add-process-steps-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-process-steps/) To do this, add the Process/Steps widget to the page and follow the steps - 1. Select **Vertical** from the **Style** section. ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps-vertical-new.gif) From the **Display Counter** toggle, you can add a step counter. 2. Then from the **Process/Steps** section under the **Content** tab, you have to add the required process steps and content. Now you’ll see vertical process steps.  ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps-vertical-demo-1.png) --- # How to Add Process Steps in Elementor? (Vertical & Horizontal) Source: https://theplusaddons.com/docs/add-process-steps-in-elementor/ Adding a process step is a great way to visually represent a process or workflow and guide users through it. They not only provide a clear and organized way for users to navigate through a process but also enhance the overall user experience. With the Process Steps widget from The Plus Addons for Elementor, you can easily create beautiful process steps in Elementor. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-process-steps/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://theplusaddons.com/elementor-widget/elementor-process-steps/) installed and activated. - Make sure the Process Steps widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Process Steps and activate. - This is a Freemium widget to unlock the extra features; you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). ## Learn via Video Tutorial: https://www.youtube.com/watch?v=3ude_wxrqVo ## How to Activate the Process Steps Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps.png) ## Key Features - **Two Layout Styles** - You can select from horizontal and vertical styles. - **Display Counter** - You can show different types of counters on the steps. - **Carousel Anything Connection** - You can easily sync with the Carousel Anything widget.  ## How to Use the Process Steps in Elementor? Add the Process/Steps widget to the page. > *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.* ## Layout From the **Style** section, you have to select the layout style. Here you’ll find two options -  ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps-horizontal-new.gif) - **Vertical** - To [create vertical process steps](https://theplusaddons.com/docs//create-vertical-process-steps-in-elementor/). - **Horizontal** - To create horizontal process steps. Select the options as per your requirements. Let’s select Horizontal here. By enabling the **Display Counter** toggle, you can add a step counter. From the **Counter Style** dropdown, you can select different types of counter styles. > *Note: With the Custom Text option you can add custom step text in each step repeater item.* Then, you can add a ripple-type background from the **Special Background** toggle. By enabling the **Normal Layout In Mobile** toggle, you can show the steps as normal blocks on mobile screens, but if disabled, it will turn to vertical steps on mobile screens. You can align the step circles from the **Circle Alignment** section for responsive devices. Then, from the **Content Alignment** section, you can change the content alignment for responsive devices. From the **Default Active** dropdown, you can select which step to set as active; this will add a hover color to the selected step. ## Content Then, from the **Process/Steps** section, you have to add the process step content. By default, you’ll find three repeater items; open one item. ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps-content-new.gif) In the **Title** field, you have to add the step title. Then, in the **Description** section, you can add the step content. From the **Select Icon** dropdown, you can select the content type you want to add to the step circle. Here you’ll find five options -  - **None** - To keep the step circle blank. - **Icon** - To add an icon to the step circle. - **Image** - To add an image to the step circle. - **Text** - To add text to the step circle. - **Lottie** - To [add an animated Lottie to the step circle](https://theplusaddons.com/docs//add-lottie-animation-to-process-steps-in-elementor/). Based on your selection, you’ll find different icon options to add the step circle. From the **Icon Font** dropdown, you can select and add an icon based on the chosen Icon Type. Here you’ll find two options: - **FontAwesome** – To add classic icons, from the FontAwesome icon library. - **Icons Mind** **(Pro)** –To add clean and minimal icons from the Icons Mind library. Based on your selection, you’ll find different group controls for an Icon Type. You’ll see different options to add content based on your selection.  Select the option as per your requirements. Let’s select the Icon here. From the **Icon Font** dropdown, you can select the icon library, and from the **Icon Library** section, you can add your icon. By enabling the **Icon Link** toggle, you can add a link to the step circle. In the **Link** field, you can add a custom link to the step item. Then, from the Normal Background Option and Hover Background Option sections, you can add backgrounds for the normal and hover states of the step circle. If you’ve selected Custom Text as the counter style, then from the Display Counter Custom Text section, you can add a custom counter for the step item.  Following this process, you can edit the other items. You can click on the **+ Add Item** button to add more steps. By enabling the **Carousel Anything Connection** toggle, you can [connect the steps with the Carousel Anything widget](https://theplusaddons.com/docs//connect-process-steps-with-carousel-anything-in-elementor/). ![](https://theplusaddons.com/wp-content/uploads/2024/06/carousel-anything-and-process-step.gif) You can watch the video to learn the process. https://www.youtube.com/watch?v=Fxnqm5O8Qnw ## How to Style the Process Steps Widget? To style the Process Steps widget, you’ll find all options in the **Style** tab. **Title Style** - From here, you can style the step title. ![](https://theplusaddons.com/wp-content/uploads/2024/06/process-steps-style.png) **Description Style** - From here, you can style the step description.  **Icon/Image Style** - From here, you can manage the style of icons and images in the step circle. **Lottie** - From here, you can style the Lottiefiles. **Separator/Line Style** - From here, you can style the connecting lines. **Display Counter Style** - You’ll see this option only when the display counter toggle is enabled in the content tab. From here, you can style the counter in the step circle. **Content Background Style** - From here, you can style the step content area. **Horizontal Background** - You’ll see this option only when the horizontal style is selected. From here, you can add margin and padding to the horizontal step items.  **On Scroll View Animation** -  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets, you can explore all their options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Use LottieFiles Animation with the Animated Service Box in Elementor? Source: https://theplusaddons.com/docs/lottiefiles-animation-with-the-animated-service-box-in-elementor/ Do you want to use the LottieFiles animation in the Animated Service Box widget? LottieFiles are very lightweight files that allow you to easily add complex animations to your website. By using LottiesFiles animation with the Animated Service Boxes widget from The Plus Addons for Elementor you can create unique and engaging designs. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** For this, you need to have the JSON file URL of the LottieFile you want to use. First, go to[ LottieFiles.com](https://lottiefiles.com/) and create a free account there if you don’t have one. Now log into your account and go to[ Featured](https://lottiefiles.com/featured) here you’ll find all the free Lottie files. Click on the animation you like, it will open in a popup, click on the **Save to workspace to generate** button. It will open the Lottie animation in a new window. From the right panel enable the **Enable Asset Link** toggle.  Then copy the Lottie file URL from the **Asset link** field.  Then, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Info Banner**, **Hover Section** or **Services Element** from the **Main Style** dropdown. Let’s select the Services Element here. 2. After selecting the appropriate style enable the **Image/Icon** toggle. 3. In the **Animated Service Boxes** section, you have to add the content. By default, you’ll find three items, open one item. 4. You can add a title in the **Title** field.  5. Then select **Lottie** from the Select Icon dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/05/animated-service-boxes-lottie.gif) 6. After that paste the copied JSON link in the **Lottie URL** field. Then add the necessary information in the remaining fields as per your requirement. Following this process you can add Lottie files to the other items. You can style and control the Lottie animation from the Style tab. Now you’ll see beautiful Lottie animation on your selected Animated Service Box style. ![](https://theplusaddons.com/wp-content/uploads/2024/05/animated-service-boxes-lottie-demo.gif) --- # How to Create a Unique Portfolio Section in Elementor? Source: https://theplusaddons.com/docs/create-a-unique-portfolio-section-in-elementor/ Do you want to create a unique portfolio section in Elementor to showcase your portfolio images? A portfolio is important for those in creative industries such as graphic design, photography, or web development. A portfolio section allows you to showcase your work and skills to potential clients or employers. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can create unique portfolio sections that will change the image as you hover over the text. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Portfolio** from the **Main Style** dropdown. 2. Then select the appropriate style from the **Style** section. Here you’ll find two styles. - **Style 1** - With this style, the image will be on the right and the text on the left column. - **Style 2** - With this style, the image will be used as the container background with overlaying text. You can select the image size from the **Image Resolution** dropdown. 3. In the **Animated Service Boxes** section, you have to add the content for the portfolio section. By default, you’ll find three items, open one item. 4. You have to add a title in the **Title** field.  5. Then in the **Featured Image** section, you have to add your portfolio image. In the **Button Link** field, you can add a link to the title. Following this process you can edit the other items. You can click on the **+Add Item** button to add more portfolio items. Then from the **Layout** tab, you can manage the vertical and horizontal alignment of the text content, you can also manage the portfolio section height as well. In the **Title On Click Text** tab, you can add an additional text for the title for tablet and mobile devices where users can click to visit the link set in the Button Link field. > *Note: This additional text is given for the button link because, on mobile and tablet users have to click the title to change the image.* Now your portfolio images will change as you hover over the text.  ***Read Further***: [*How to Create an Expandable Service Box in Elementor?*](https://theplusaddons.com/docs//create-an-expandable-service-box-in-elementor/) --- # How to Create an Expandable Service Box in Elementor? Source: https://theplusaddons.com/docs/create-an-expandable-service-box-in-elementor/ Do you want to add expandable service boxes to showcase some information? Expandable service boxes are a great way to showcase multiple services or products in a compact and organized manner. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can easily create expandable service boxes in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Services Element** from the **Main Style** dropdown. 2. Then select the **Style 1** from the **Style** section. > *Note: With Style 2 all items will always be visible.* You can select the image size from the **Image Resolution** dropdown. You can add a button to the hover sections by enabling the **Button** toggle. When enabled you can select a button style from the **Button Style** dropdown. Then by enabling the **Image/Icon** toggle, you can add different image types to the service box. 2. In the **Animated Service Boxes** section, you have to add the content for the hover section. By default, you’ll find three items, open one item. 3. You can add a title in the **Title** field.  Then from the **Select Icon** dropdown, you can add an icon, image or Lottie file to the service box. > *Note: Make sure the Image/Icon toggle is enabled to show the icon, image or Lottie file.* As required, you can add a subtitle and description in the **Sub Title** and **Description** fields. 4. Then in the **List Content** section, you have to list service items. You can add multiple items separated by a separator (|) like this Small | Medium | Large. You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other items. You can click on the **+Add Item** button to add more service boxes. From the **Columns Manage** tab, you can manage the number of items in a row for desktop, tablet and mobile separately. You can also manage the gap between the items as well. Now when you hover over the service box it will expand to show the list of items. --- # How to Change Background Image on Hover in Elementor? Source: https://theplusaddons.com/docs/change-background-image-on-hover-in-elementor/ Do you want to change the background image of an Elementor section on hover? With this effect when a user hovers their mouse over a specific element in the section, the background image will automatically change, creating an interactive and engaging experience for visitors. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can easily change the section background image on hover. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Hover Section** from the **Main Style** dropdown. From the **Style** dropdown, you can select a predefined style. You can enable the **Image Preload** toggle to preload all the background images so there is a smooth transition between the images. You can select the image size from the **Image Resolution** dropdown. You can add a button to the hover sections by enabling the **Button** toggle. When enabled you can select a button style from the **Button Style** dropdown. Then by enabling the **Image/Icon** toggle, you can add different image types to the service boxes. 2. In the **Animated Service Boxes** section, you have to add the content for the hover section. By default, you’ll find three items, open one item. 3. Then add a title in the **Title** field. The title will always be visible. You can add an icon or image, subtitle and description if required from the **Select Icon**, **Sub Title** and **Description **fields. > *Note: The Select Icon, Sub Title, Description and Button content will show on hover only.* 4. Then in the **Featured Image** section, you have to add an image for the section.  You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other items. You can click on the **+Add Item** button to add more hover sections. Then from the **Layout** tab, you can manage the text alignment of the content and you can also manage the section height as well. Then from the **Columns Manage** tab, you can manage the number of items in a row for desktop, tablet and mobile separately. You can also manage the gap between the items as well. Now when you hover over the different titles in the section the background image will change. ***Suggested Reading***: [*How to Create an Expandable Service Box in Elementor?*](https://theplusaddons.com/docs//create-an-expandable-service-box-in-elementor/) --- # How to Add an Info Banner in Elementor? Source: https://theplusaddons.com/docs/add-an-info-banner-in-elementor/ Do you want to add info banners to your Elementor website? These banners can be used to display important information and promotional offers on your website. Adding an info banner is a simple and effective way to grab the attention of your audience and improve the overall user experience. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can create beautiful info banners in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Info Banner** from the **Main Style** dropdown. From the **Style** dropdown, you can select a predefined style. 2. Then from the **Hover Orientation** dropdown, you can select the slide direction on hover. You can set the direction to top, bottom, left or right. You can select the image size from the **Image Resolution** dropdown. By enabling the **Button** toggle you can add a button to the info banners. When enabled you can select a button style from the **Button Style** dropdown. Then by enabling the **Image/Icon** toggle, you can add different image types to the info banner. 3. In the **Animated Service Boxes** section, you have to add the content for the info banners. By default, you’ll find three items, open one item. 4. You can add a title in the **Title** field.  Then from the **Select Icon** dropdown, you can select the image type for the info banner. Here you’ll find four options -  - **None** - This will not add any image to the info banner. - **Icon** – With this option, you can add an icon to the info banner. - **Image** - With this option, you can add an image to the info banner. - **Lottie** – With this option, you can add a Lottie file to the info banner. Based on your selection you’ll get different options to add the image type. > *Note: Make sure the Image/Icon toggle is enabled to show the icon, image or Lottie file.* You can add a subtitle in the **Sub Title** field as required. 5. In the **Description **field you can add a description that will show on the back slide. 6. Then in the **Featured Image** section, you have to add an image for the info banner. You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other items. You can click on the **+Add Item** button to add more info banners. Then from the **Layout** tab, you can manage the text alignment of the info banner content and you can also manage the info banner height as well. Then from the **Columns Manage** tab, you can manage the number of items in a row for desktop, tablet and mobile separately. You can also manage the gap between the items as well. --- # How to Add an Article Box in Elementor? Source: https://theplusaddons.com/docs/add-an-article-box-in-elementor/ Do you want to add an article box in Elementor? In an article box, you can show a title, description and an image in an elegant box that can used to display important information. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can easily create beautiful article boxes in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Article Box** from the **Main Style** dropdown. From the **Style** section, you can select a predefined style. You can select the image size from the **Image Resolution** dropdown. By enabling the **Button** toggle you can add a button to the article boxes. When enabled you can select a button style from the **Button Style** dropdown. 2. Then in the **Animated Service Boxes** section, you have to add the content for the article boxes. By default, you’ll find three items, open one item. 3. Add the title, subtitle and description in the **Title**, **Sub Title** and **Description **fields as required. 4. Then in the **Featured Image** section, you have to add an image for the article box. You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other items. You can click on the **+Add Item** button to add more article boxes. Then from the **Columns Manage** tab, you can manage the number of article boxes in a row for desktop, tablet and mobile separately. You can also manage the gap between the items as well. ***Suggested Reading***: *[How to Add an Info Banner in Elementor?](https://theplusaddons.com/docs//add-an-info-banner-in-elementor/)* --- # How to Create Sliding Box Effect in Elementor? Source: https://theplusaddons.com/docs/create-sliding-box-effect-in-elementor/ Are you looking to create a beautiful content sliding box effect in Elementor? This effect allows an image to slide in or out to show the content when you hover over it. This unique design can add an interactive touch to your website and improve the user experience. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can easily create a sliding box effect in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Sliding Boxes** from the **Main Style** dropdown. From the **Style** dropdown, you can select a predefined style. Then from the **Active Slide** section, you can select a particular slide to be active by default or make all the slides equal. You can select the image size from the **Image Resolution** dropdown. By enabling the **Button** toggle you can add a button to the sliding boxes. When enabled you can select a button style from the **Button Style** dropdown. 2. Then in the **Animated Service Boxes** section, you have to add the content for the sliding boxes. By default, you’ll find three items, open one item. 3. Add the title, subtitle and description in the **Title**, **Sub Title** and **Description **fields as required. 4. Then in the **Featured Image** section, you have to add an image for the sliding boxes. You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other items. You can click on the **+Add Item** button to add more sliding boxes. From the **Layout** tab, you can manage the vertical alignment of the text content. Then from the **Columns Manage** tab, you can manage the number of sliding boxes in a row for tablet and mobile separately. You can also manage the gap between the items as well. This is how easily you can create beautiful sliding content boxes. ***Read Further***: *[How to Add an Article Box in Elementor?](https://theplusaddons.com/docs//add-an-article-box-in-elementor/)* --- # How to Create an Image Accordion in Elementor? (Horizontal & Vertical) Source: https://theplusaddons.com/docs/create-an-image-accordion-in-elementor/ Do you want to create an image accordion in Elementor? Image accordion allows you to display multiple images in a compact and organized manner, making it perfect for showcasing a gallery or portfolio. The accordion effect adds a touch of creativity to your website, making it more visually appealing and engaging for visitors. With the Animated Service Boxes widget from The Plus Addons for Elementor, you can easily create vertical and horizontal image accordions in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) To do this, add the Animated Service Boxes widget to a page and follow the steps - 1. Select **Image Accordion** from the **Main Style** dropdown. Then from the **Style** section, you can select a predefined style. 2. From the **Orientation** dropdown, you have to select the image accordion orientation. Here you’ll find two options - - **Vertical** - To create a vertical image accordion. - **Horizontal** - To create a horizontal image accordion. Select the option as per your requirement, let’s select Vertical here. Then from the **Active Slide** section, you can select a particular slide to be active by default or make all the slides equal. In the **Active Slide Width(0-15)** field, you can set the active slide width i.e. how much the active slide will open. You can set the value from 1 to 15, where 1 will make all the slide's widths equal and 15 will set the maximum width for the active slide. You can select the image size from the **Image Resolution** dropdown. By enabling the **Button** toggle you can add a button to the image accordion. When enabled you can select a button style from the **Button Style** dropdown. 3. Then in the **Animated Service Boxes** section, you have to add the content for the image accordion. By default, you’ll find three items, open one item. You can add a title, subtitle and description in the **Title**, **Sub Title** and **Description **fields if required. 4. Then in the **Featured Image** section, you have to add an image for the accordion. You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other items. You can click on the **+Add Item** button to add more accordion items. Then from the **Layout** tab, you can manage the vertical and horizontal alignment of the text content of the image accordion, you can also manage the image accordion height as well. Now you’ll see a beautiful vertical image accordion. > *Note: Similarly you can create a horizontal image accordion by selecting ****Horizontal**** from the ****Orientation**** dropdown.* ***Suggested Reading***: *[How to Create Sliding Box Effect in Elementor?](https://theplusaddons.com/docs//create-sliding-box-effect-in-elementor/)* --- # Animated Service Boxes Widget: Settings Overview Source: https://theplusaddons.com/docs/animated-service-boxes-widget-settings-overview/ With the Animated Service Boxes widget from The Plus Addons for Elementor, you can add different types of animated content sections like image accordion, service box, portfolio section, info banner and more. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Animated Service Boxes widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Animated Service Boxes and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=EZDOPlaO_2Y ## How to Activate the Animated Service Boxes Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/05/animated-service-boxes-1.png) ## Key Features - **Image Accordion **- You can easily [create an image accordion (vertical and horizontal).](https://theplusaddons.com/docs//create-an-image-accordion-in-elementor/) - **Sliding Boxes **- You can [create a sliding box effect](https://theplusaddons.com/docs//create-sliding-box-effect-in-elementor/). - **Article Box** - You can[ create an article box (like a post)](https://theplusaddons.com/docs//add-an-article-box-in-elementor/). - **Info Banner** - You can easily [create an info banner](https://theplusaddons.com/docs//add-an-info-banner-in-elementor/). - **Hover Section** - You can easily [change the background image on hover](https://theplusaddons.com/docs//change-background-image-on-hover-in-elementor/). - **Fancy Box** - You can add a fancy box to show content. - **Service Elements** - You can [easily add an animated service box](https://theplusaddons.com/docs//create-an-expandable-service-box-in-elementor/). - **Portfolio** - You can [add unique portfolio sections](https://theplusaddons.com/docs//create-a-unique-portfolio-section-in-elementor/). ## How to Use the Animated Service Boxes in Elementor? Add the Animated Service Boxes widget to a page. ### Animated Service Boxes  From the **Main Style** dropdown, you can select the service box type. Here you’ll find eight options -  - **Image Accordion **- With this option, you can create an image accordion. - **Sliding Box **- With this option, you can create a sliding box effect. - **Article Box** - With this option, you can create an article box. - **Info Banner** - With this option, you can create an info banner. - **Hover Section** - With this option, you can change the background image on hover. - **Fancy Box** - With this option, you can add a fancy box to show content. - **Service Elements** - With this option, you can add an animated service box. - **Portfolio** - With this option, you can add unique portfolio sections. You’ll see different options based on your selection, let’s select Fancy Box here. From the **Style** dropdown, you can select a style. Then from the **Image Resolution** dropdown, you can select the image size. By enabling the **Button** toggle you can add a button to the service box. When enabled you can select a button style from the **Button Style** dropdown. Then in the **Animated Service Boxes** section, you have to add the content for the service box. By default, you’ll find three items, open one item. In the **Title** field, you can add the service box title. From the **Select Icon** dropdown, you can select the image type for the service box. Here you’ll find four options -  - **None** - This will not add any image to the service box. - **Icon** – With this option, you can add an icon to the service box. - **Image** - With this option, you can add an image to the service box. - **Lottie** – With this option, you can [add a Lottie file to the service box](https://theplusaddons.com/docs//lottiefiles-animation-with-the-animated-service-box-in-elementor/).  In the **Sub Title** field, you can add a subtitle to the service box. You can add a description to the service box in the **Description** field. From the **Featured Image** section, you can add a background image to the service box. In the **Button Text** field, you can add the button text of the service box.  Then in the **Button Link** field, you can add a link to the button. > *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.* Following this process you can edit the other service box items. You can click on the **+Add Item** button to add more service box items. ### Layout From here, you can add custom [CSS Transform](https://www.w3schools.com/cssref/css3_pr_transform.php) to the service box for normal and hover states. ![](https://theplusaddons.com/wp-content/uploads/2024/05/animated-service-boxes-layout.png) ### Columns Manage From here, you can manage the number of service boxes in a row for desktop, tablet and mobile separately. ![](https://theplusaddons.com/wp-content/uploads/2024/05/animated-service-boxes-columns-manage.png) From the **Columns Gap/Space Between** section, you can manage the gap between the items. ## How to Style the Animated Service Boxes Widget? To style the Animated Service Boxes, you’ll find all the options in the Style tab. > *Note: You’ll find different styling options for different types of service boxes.* **Title** - From here, you can manage the service box title typography, color, text shadow and other styles. You can also change the title HTML tag as well from here. ![](https://theplusaddons.com/wp-content/uploads/2024/05/animated-service-boxes-style.png) **Sub Title** - From here, you can manage the service box sub title typography, color and HTML tag. **Description** - From here, you can manage the service box description text style. **Icon** - You’ll see this option only when the Image/Icon toggle is enabled from the Content tab. From here, you can manage the service box icon style. **Lottie** - From here, you can manage the Lottie file style. **Listing** - You’ll see this tab when the Services Elements is selected. From here, you can style the service box listing typography, color and margin. **Button** - You’ll see this option only when the Button toggle is enabled from the Content tab. From here, you can manage the service box button style. **Content Background** - From here, you can manage the service box content area padding, border radius and hover overlay background. **Outer Content** - You’ll see this tab when the Article Box is selected. From here, you can style the service box border, box shadow etc. **Content Background Back** - You’ll see this tab when the Info Banner is selected. From here, you can manage the back of the content background overlay color, and background. **On Scroll View Animation** -  This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widgets, you can explore all its options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Add  Elementor Background Text Blend Mode? Source: https://theplusaddons.com/docs/add-elementor-background-text-blend-mode/ Are you looking to create beautiful text blend modes in Elementor? This feature allows users to create visually stunning effects by blending the text with background images or colors. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create beautiful text blend effects in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. First add a background color or image to the section containing the Advanced Typography widget. > *Note: Using a background image will give a better blend mode effect.* 2. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown. Let’s select Normal. 3. Then add the text in the **Text** field. 4. After that enable the **Enable/Disable** toggle from the **Background based Blend Mode** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-background-based-blend-mode-enable-1.gif) > *Note: In the Multiple option you’ll find the Background based Blend Mode in each text repeater item.* 5. Then from the **Variations** dropdown, you have to select a blend mode. > *Note: The effect will vary based on the section background.* Now you’ll see a beautiful text blend effect. You can use other options of the Advanced Typography widget like animation, marquee etc. to create more interesting effects. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-background-based-blend-mode-demo-1.gif) ***Keep Reading***: [*How to Create a Text Mask Effect in Elementor?*](https://theplusaddons.com/docs//text-mask-effect-in-elementor/) --- # How to Add Mouse Move Parallax Effect on Text in Elementor? Source: https://theplusaddons.com/docs/add-mouse-move-parallax-effect-on-text-in-elementor/ Are you looking to add a mouse move parallax effect on text in Elementor? This effect allows the text to move and react to the movement of the mouse, creating an interactive and dynamic experience for the user. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add a mouse move parallax effect to text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Multiple** from the **Select Option** dropdown. 2. Then add the required text in the repeater items under the **Text Listing** section. 3. Now open the text repeater item you want to add the mouse move parallax effect to and enable the **Mouse Move Parallax** toggle. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-mouse-move-parallax.gif) 4. Then from the **Parallax Options** section, you have to adjust the parallax effect in the x and y axis. Now, you’ll see a beautiful parallax effect on mouse hover on that text. --- # How to Add a Vertical Shape Divider in Elementor? Source: https://theplusaddons.com/docs/add-a-vertical-shape-divider-in-elementor/ Are you looking to add a vertical shape divider to a section in Elementor? Adding a vertical shape divider can add a touch of personality and uniqueness to your website design. With the Advanced Separators widget from The Plus Addons for Elementor, you can easily add a vertical shape divider to a section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, [click here](https://theplusaddons.com/docs//add-separators-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-shape-divider-animation/) To do this, add the Advanced Separators widget to a container or section and follow the steps - 1. Select an appropriate option from the **Shape Divider** section. 2. Then select **Column **from the **Row/Column** dropdown.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-column-new.gif) Then make the necessary adjustment to the shape divider based on the selected shape divider type. This is how easily you can add a vertical shape divider to a section or container in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-column-demo.png) --- # How to Add a Horizontal Shape Divider in Elementor? Source: https://theplusaddons.com/docs/add-a-horizontal-shape-divider-in-elementor/ Do you want to add a horizontal shape divider to a section in Elementor? A horizontal shape divider, also known as a section separator, is a design element that helps to visually break up different sections of a webpage. It not only adds an aesthetic appeal to the design but also improves the overall user experience. With the Advanced Separators widget from The Plus Addons for Elementor, you can easily add a horizontal shape divider to a section in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, [click here](https://theplusaddons.com/docs//add-separators-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-shape-divider-animation/) To do this, add the Advanced Separators widget to a container or section and follow the steps - 1. Select an appropriate option from the **Shape Divider** section. 2. Then select **Section/Row **from the **Row/Column** dropdown.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-section-row-new1.gif) Then make the necessary adjustment to the shape divider based on the selected shape divider type. This is how easily you can add a horizontal shape divider to a section or container in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-wave-demo-1.gif) ***Suggested Reading***: *[How to Add a Vertical Shape Divider in Elementor?](https://theplusaddons.com/docs//add-a-vertical-shape-divider-in-elementor/)* --- # How to Add Shape Divider in Elementor? Source: https://theplusaddons.com/docs/add-shape-divider-in-elementor/ Are you looking to add a shape divider in Elementor? These decorative elements not only enhance the visual appeal of your website but also help in creating a seamless transition between different sections. With the Advanced Separators widget from The Plus Addons for Elementor, you can easily add a shape divider in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, [click here](https://theplusaddons.com/docs//add-separators-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-shape-divider-animation/) To do this, add the Advanced Separators widget to a container or section and follow the steps - 1. Select **Shape 1** from the **Shape Divider** section. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-shape-new.gif) 2. Then from the **Row/Column** dropdown, you can select where to add the shape divider. Here you’ll find two options -  - **Section/Row** - With this option, you can add a horizontal shape divider to a section. - **Column** - With this option, you can add a vertical shape divider to a column. Select the option as per your requirements, let’s select Section/Row here. 3. Then select the appropriate position of the shape divider from the **Divider Position** section. From the **Flip Divider** toggle, you can flip the shape divider. 4. Then from the **Fill Color** section, you can add color to the shape divider. From the **Icon Font** dropdown, you can choose the icon library, and based on that you’ll get options to select an icon.  You can manage the icon color and size as well. In the **URL** field, you can add a URL. You can [anchor link](https://elementor.com/help/create-anchor-links/) to the next section on the page to add more interactivity. This is how easily you can add a shape divider to a section or column in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-shape-demo.png) ***Suggested Reading***: *[How to Create Animated Shape Divider in Elementor?](https://theplusaddons.com/docs//create-animated-shape-divider-in-elementor/)* --- # How to Create Animated Shape Divider in Elementor? Source: https://theplusaddons.com/docs/create-animated-shape-divider-in-elementor/ Do you want to create an animated shape divider in Elementor? These animated shape dividers can help break up sections of your page, add a sense of movement and dynamism, and create a more engaging and interactive user experience. With the Advanced Separators widget from The Plus Addons for Elementor, you can easily add animated section dividers in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, [click here](https://theplusaddons.com/docs//add-separators-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-shape-divider-animation/) To do this, add the Advanced Separators widget to a container or section and follow the steps - 1. Select **Wave** from the **Shape Divider** section. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-wave-new1.gif) 2. Then from the **Row/Column** dropdown, you can select where to add the shape divider. Here you’ll find two options -  - **Section/Row** - With this option, you can add a horizontal shape divider to a section. - **Column** - With this option, you can add a vertical shape divider to a column. Let’s select Section/Row here. 3. Then select the appropriate position of the shape divider from the **Divider Position** section. From the **Flip Divider** toggle, you can flip the shape divider. 4. After that set an appropriate height for the shape divider from the **Shape Height** section. 5. Then from the **Wave Loop** section, you can add multiple animated wave shapes. By default, you’ll find two items here, open one item. From the **Shape Color Type** section, you can add a solid or gradient color to the shape. Then from the **Height** section, you can set the wave animation height. The higher the height the lower will be the animation wave height. > *Note: This height will correspond to the height set in the Shape Height section.* In the **Bones** section, you can set the number of wave curves in the animation. Then from the **Amplitude** section, you can set wave movement. The higher the number the higher will be the wave movement. You can control the animation speed from the **Speed** section. The higher the number the slower the animation will be. Following this process, you can edit the other item. By setting different values and color for the wave you can create interesting wave animation. You can click on the **+ Add Item** button to add more waves. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-wave-demo.gif) --- # How to Add Separators in Elementor? Source: https://theplusaddons.com/docs/add-separators-in-elementor/ Do you want to add unique separators to Elementor sections? Adding a unique shape divider to sections can add depth and creativity to your design. With the Advanced Separators widget from The Plus Addons for Elementor, you can add a unique shape divider to the Elementor section. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-shape-divider-animation/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). - Make sure the Advanced Separators widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Advanced Separators and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=REW41xU0aRg ## How to Activate the Advanced Separators Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators.png) ## Key Features - **Animated Divider **- You can [add an animated shape divider](https://theplusaddons.com/docs//create-animated-shape-divider-in-elementor/). - **Horizontal Shape Divider **- You can [add a horizontal shape divider to a section](https://theplusaddons.com/docs//add-a-horizontal-shape-divider-in-elementor/). - **Vertical Shape Divider** - You can [add a vertical shape divider to a column](https://theplusaddons.com/docs//add-a-vertical-shape-divider-in-elementor/). - **Flip Divider** - You can easily flip the shape divider. ## How to Use the Advanced Separators in Elementor? Add the Advanced Separators widget to a container or section.  From the **Shape Divider** section, you can select a shape divider type. Here you’ll find three options -  - **None** - With this option, no shape divider will be added. - **Wave** - With this option, you can add an animated shape divider. - **Shape 1** - With this option, you can use a shape as a divider. You’ll see different options based on your selection, let’s select Wave here. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-separators-section-row-new.gif) Then, from the **Row/Column** dropdown, you can select where to add the shape divider. Here you’ll find two options -  - **Section/Row** - With this option, you can add a horizontal shape divider to a section. - **Column** - With this option, you can add a vertical shape divider to a column. Let’s select Section/Row here. From the **Divider Position**, you can add the shape divider at the top or bottom of the section. By enabling the **Flip Divider** toggle you can easily flip the shape divider. You can set a height to the shape divider from the **Shape Height** section. Then, from the **Wave Loop** section, you can add multiple animated wave shapes. Advanced options remain common for all our widgets, you can explore all it options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*106h0u3*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjI3NDgyMC40MzQuMS4xNzE2MjkwMTkwLjYwLjAuMA..) --- # How to Customize the WooCommerce My Account Page Login Form? Source: https://theplusaddons.com/docs/customize-the-woocommerce-my-account-page-login-form/ Do you want to customize the WooCommerce My Account page login form? In a WooCommerec store, most of the customers log in through the My Account login form but the default login form may not always align with a brand's aesthetics and identity. With the WP Login & Register and Navigation Menu widgets from The Plus Addons for Elementor, you can customize the login form that your customers can use to log in. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget to the My Account page or any other page that you want to use as the customer login page and follow the steps -  1. From the **Forms Layout** tab, select **Login** from the **Type** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-login.gif) > *Note: You can also select Login and Register if you want to allow users to register from there as well.* 2. Then select **Standard Form** from the **Layout** dropdown. 3. In the **Login Options** tab, enable the **Redirect After Login** toggle and add the My Account page URL. > *Note: You can add a different URL if you want to redirect users to a different page.* Then customize the form as per your requirements.  4. Now [enable the Display Condition extension](https://theplusaddons.com/docs//display-conditions-settings-overview/#How-to-Activate-the-Display-Condition-Extension) from The Plus Addons for Elementor. 5. Then open the My Account page in Elementor. 6. Select the [Woo My Account](https://theplusaddons.com/docs/edit-woocommerce-my-account-page-in-elementor/) widget or the default WooCommerce My Account shortcode whichever you are using to show the My Account content. ![](https://theplusaddons.com/wp-content/uploads/2024/05/woo-my-account-display-condition.gif) 7. Then Go to **Advanced** > **Plus Extras : Display Condition**. 8. Turn on the **Display Condition** toggle. 9. Select **All Rules are True** from the **Display When** dropdown. 10. Select **Login Status** from the first dropdown under the **Rule** tab. 11. Choose **Is** from the second dropdown. 12. Finally select **Logged In** from the last dropdown. This will make sure the My Account content is only visible to logged in users and hides default the login and register form from the logged out users. This is how easily you can customize the My Account login form. ***Read Further***: *[How to Show Google Sign-in with Both Login and Registration Forms in Elementor?](https://theplusaddons.com/docs//show-google-sign-in-with-both-login-and-registration-forms-in-elementor/)* --- # How to Add an Elementor Login Logout Button in the Header Menu? Source: https://theplusaddons.com/docs/elementor-login-logout-button-in-the-header-menu/ Do you want to add an Elementor login logout button in the header menu? Adding an easily accessible login and logout button in the header menu can enhance the user experience. This allows users to quickly and conveniently access their accounts or log out when needed. With the WP Login & Register and Navigation Menu widgets from The Plus Addons for Elementor, you can easily add a login logout button on a header menu. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget to the header template and follow the steps - > *Note: To create the header template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* or you can use Elementor Pro if you are already using it.*  1. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown. 2. Then from the **Layout** dropdown, select **Button Hover**, **Button Click** or **Button Popup**.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-hover-3.gif) All these three options add a login button so select the appropriate layout as per your requirements. Some options will vary based on your selection so let’s select **Button Hover** here. 3. Then enable the **My Account Menu** toggle from the **My Account Menu** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-my-account-logout.gif) 4. Make sure to enable either **User Avatar** or **User Name** toggle, or you can enable both. This will make sure the My Account button is visible after you log in. 5. After that make sure the **Logout** toggle is enabled.  Now this button will show a login form once you hover over the button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-hover-login-demo.gif) After you log in the login button will be replaced by the My Account button, once you hover over you’ll see the logout button that you can use to easily log out from the site. ![This image has an empty alt attribute; its file name is wp-login-register-button-hover-logout-demo.gif](https://theplusaddons.com/wp-content/uploads/2024/05/image.gif) ***Suggested Reading***: *[How to Customize the WooCommerce My Account Page Login Form?](https://theplusaddons.com/docs/customize-the-woocommerce-my-account-page-login-form/)* --- # How to Add a Login Button to a Sticky Header in Elementor? Source: https://theplusaddons.com/docs/add-a-login-button-to-a-sticky-header-in-elementor/ Do you want to add a login button on a sticky Elementor header? Having the login button in a sticky header makes the login button always accessible for visitors to access their accounts, this can greatly improve user experience. With the WP Login & Register and Navigation Menu widgets from The Plus Addons for Elementor, you can easily add a login button on a sticky header. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) To do this, add the Navigation Menu and WP Login & Register widgets to a container in the header template and follow the steps - > *Note: To create the header template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* or you can use Elementor Pro if you are already using it.* 1. Select the **Navigation Menu** widget. 2. From the **Navigation Bar** tab, select the appropriate **Menu Type**, **Menu Direction** and menu. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-sticky-menu-enable.png) 3. Then enable the **Sticky Menu** toggle from the **Extra Options** tab. 4. Then select the **WP Login & Register** widget. 5. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown. 6. Then from the **Layout** dropdown, select **Button Hover**, **Button Click** or **Button Popup**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-hover-2.gif) 7. Then go to the **Style** tab and enable the **Sticky Navigation Connection** toggle from the **Extra Option** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-sticky-navigation-connection-1-329x1024.gif) Now you’ll see different styling options. From the **Before Login** section, you can style the button for normal and hover states before login. Then from the **After Login** section, you can style the button for normal and hover states after login. Now you’ll see the login button sticking on the header along with other menu items. --- # How to Add an Elementor Login Register Popup? Source: https://theplusaddons.com/docs/add-an-elementor-login-register-popup/ Do you want to show the Elementor login and register form in a popup? Adding user registration and login in a popup allows users to register or login without having to navigate away from their current page, this can enhance the user experience. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily show the user login and registration form in a popup. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget to the page and follow the steps -  1. From the **Forms Layout** tab, select the **Login and Register** form from the **Type** dropdown. 2. Then select **Button Popup** from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-popup-login-register.png) From the **Password Reset Page** dropdown, you can select the password reset page. You can align the button from the **Button Alignment** section. Then from the **Content Alignment** section, you can align the form content. You can further customize the popup from the Style tab. Now you’ll see the login and registration form in a popup. --- # How to Create an Elementor Login Form Popup? Source: https://theplusaddons.com/docs/create-an-elementor-login-form-popup/ Do you want to create an Elementor login form popup? A login popup not only adds a professional touch to a website but also offers a seamless login experience for users. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily show the user login in a popup. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget to the page and follow the steps -  1. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown. 2. Then select **Button Popup** from the **Layout** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-popup-login.gif) From the **Password Reset Page** dropdown, you can select the password reset page. You can align the button from the **Button Alignment** section. Then from the **Content Alignment** section, you can align the form content. You can further customize the popup from the Style tab. Now the login form will show in a popup. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-popup-login-demo.gif) ***Suggested Reading***: [How Add an Elementor Login Register Popup?](https://theplusaddons.com/docs//add-an-elementor-login-register-popup/) --- # How to Add a Login Button to the Elementor Header Menu? Source: https://theplusaddons.com/docs/add-a-login-button-to-the-elementor-header-menu/ Do you want to add a login button to the Elementor header menu? Adding the login button on the header allows users to easily access their accounts or log in to the website, making the overall user experience more seamless and convenient. You can add the WP Login & Register widget from The Plus Addons for Elementor, to any page or template like the header. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) ### Add a Login Button in the Header This is a pro feature, [upgrade to The Plus Addons for Elementor Pro for full functionality,](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) plus 120+ other widgets. Add the WP Login & Register widget to the header template and follow the steps -  https://youtu.be/C6XNXRaSo08?si=nAO7S7Mzl15XZVtz > *Note: To create the header template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* or you can use Elementor Pro if you are already using it.*  1. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown. 2. Then from the **Layout** dropdown, select **Button Hover**, **Button Click** or **Button Popup**.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-button-hover-1.gif) All these three options add a login button so select the appropriate layout as per your requirements. Some options will vary based on your selection, so let’s select **Button Hover** here. From the **Drop Down Alignment** dropdown, you can align the dropdown. Then from the **Password Reset Page** dropdown, you can select the password reset page. You can align the button from the **Button Alignment** section. Then from the **Content Alignment** section, you can align the form content. This is how easily you can add a login button to the header. ![This image has an empty alt attribute; its file name is wp-login-register-activate-header-demo-1024x70.png](https://theplusaddons.com/wp-content/uploads/2024/05/image-1.png) ### Login & Register Enhancements Worth Upgrading For #### Social Login (Google & Facebook) Make registration lightning fast with one-click signups using Google or Facebook accounts. This modern experience not only increases conversion but also reduces login friction—especially on mobile. #### Mailchimp Integration Automatically add new users to your Mailchimp lists right from the registration form. This makes it effortless to grow your email audience and kickstart welcome campaigns without needing another plugin. #### Floating Login Bar (Hover or Click) Add a sleek login/register bar that appears on hover or click—perfect for placing in headers or off-canvas menus. It keeps your layout clean while ensuring login is always accessible. #### Tabbed Login/Register/Reset Layout Combine login, registration, and password reset in a single, tabbed layout. This keeps your UI compact and avoids sending users to separate pages, reducing drop-offs. #### Logged-In User Panel Once users are logged in, show them a personalized panel with profile links, logout button, and other custom options—built entirely with Elementor. #### Why Upgrade? Upgrading to **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)** unlocks the full power of login and user form customization: - Bring modern features like social login and marketing integration directly into your forms. - Build visually rich, user-friendly forms without relying on multiple plugins. - Offer a seamless, on-brand login and signup journey from start to finish. With 120+ widgets and advanced user control, The Plus Addons for Elementor Pro gives you everything you need to build powerful, conversion-friendly user flows—without touching code. ***Suggested Reading***: *[How to Add a Login Button to a Sticky Header in Elementor?](https://theplusaddons.com/docs//create-an-elementor-login-form-popup/)* --- # How to Send Custom Email for User Registration in Elementor Registration Form? Source: https://theplusaddons.com/docs/send-custom-email-for-user-registration/ Are you looking to send custom emails to new users from your Elementor registration form? By sending custom email notifications for user registration, you have the opportunity to not only personalize the user experience but also add a touch of professionalism and branding to your website. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily send custom user registration email messages to your users. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Register **or **Login and Register** form from the **Type** dropdown. 2. Then enable the **Custom Email** toggle from the **Register Extra Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-user-registration-custom-email.png) > *Note: For the ****Login**** and ****Login and Register**** form make sure the ****Lost your password?**** toggle is enabled from the ****Login Options**** tab, only then you’ll see the ****Lost Password Options**** tab.* 3. In the **Email Subject** field, you have to add the email subject. 4. Then in the **Email Message** field, you have to write your custom email message. Here you’ll have to use some shortcodes in the message. - **[tp_firstname]** - For the user’s first name. - **[tp_lastname]** - For the user’s last name. - **[tp_username]** - For the user’s username. - **[tp_email]** - For the user’s email address. - **[tp_password]** - For the user’s password. > *Note: For any email related features such as Lost your password, User Registration etc. you have to set up SMTP (Simple Mail Transfer Protocol) to send emails properly. You can use the free *[*Fluent SMTP Plugin*](https://wordpress.org/plugins/fluent-smtp)*.* Now whoever registers on your website using this registration form will receive your custom email. If you want to send custom emails for user login as well, you can use the Nexter theme, you can use its native login email notification feature to [send email notifications for user logins](https://nexterwp.com/docs/send-login-email-notification-in-wordpress/). With the Nexter theme, you can easily [change the WordPress admin URL](https://nexterwp.com/docs/change-wordpress-admin-login-url-path/) to improve your WordPress security as well. --- # How to Create a Custom Password Reset Email in Elementor Login Form? Source: https://theplusaddons.com/docs/custom-password-reset-email/ Do you want to send a custom password reset email to users in Elementor? The default password reset emails can often be generic and lack personalization. By customizing the password reset email, you can provide your users with a more professional and personalized experience while ensuring the security of their accounts. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily send custom password reset email messages to your users. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Login**, **Login and Register** or **Forgot Password** form from the **Type** dropdown. 2. Then enable the **Custom Email** toggle from the **Lost Password Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-password-reset-custom-email-1.png) > *Note: For the ****Login**** and ****Login and Register**** form make sure the ****Lost your password?**** toggle is enabled from the ****Login Options**** tab, only then you’ll see the ****Lost Password Options**** tab.* 3. In the **Email Subject** field, you have to add the email subject. 4. Then in the **Email Message** field, you have to write your custom email message. Here you’ll have to use some shortcodes in the message. - **[tplr_sitename]** - For your website name. - **[tplr_username]** - For username. - **[tplr_link]** - For the password reset link. > *Note: For any email related features such as Lost your password, User Registration etc. you have to set up SMTP (Simple Mail Transfer Protocol) to send emails properly. You can use the free *[*Fluent SMTP Plugin*](https://wordpress.org/plugins/fluent-smtp)*.* Now whenever a user reset their password they will receive your custom email. ***Suggested Reading***: [*How to Send Custom Email for User Registration in Elementor Registration Form?*](https://theplusaddons.com/docs//send-custom-email-for-user-registration/) --- # How to Make User Registration GDPR Compliant in WordPress with Elementor? Source: https://theplusaddons.com/docs/user-registration-gdpr-compliant-in-wordpress/ Do you want to make your Elementor registration form compliant with GDPR? With the General Data Protection Regulation (GDPR) Act in place, website owners need explicit consent from users during user registration, as it involves the collection and processing of personal data. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily make your Elementor registration form GDPR compliant by adding a Terms & Conditions checkbox. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Register** or **Login and Register** form from the **Type** dropdown. 2. Then enable the **Terms & Conditions** toggle from the **Register Extra Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-terms-conditions.png) 3. After that add your terms and conditions text in the **Terms & Conditions** field. You can even add custom HTML to include links to the text like this -  I agree, With Terms and Conditions.  > *Note: In the href tag enter your desired page URL.* This will add a Terms & Conditions checkbox on the form and users will have to accept it to register on the site. ***Read Further***: [*How to Send Custom Email for User Registration in Elementor Registration Form?*](https://theplusaddons.com/docs//send-custom-email-for-user-registration/) --- # How to Redirect After Registration in Elementor Registration Form? Source: https://theplusaddons.com/docs/redirect-after-registration-in-elementor-registration-form/ Do you want to redirect new users to a specific page after registration in Elementor? By setting up a redirect, you can guide your users to a designated page, such as a thank-you page or a member's area, after they complete the registration process creating a seamless user experience. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily redirect users to a specific page after user registration from your Elementor registration form. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here.](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/)* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Register** or **Login and Register** form from the **Type** dropdown. 2. Then enable the **Redirect After Register** toggle from the **Register Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-redirect-after-register-333x1024.png) 3. Finally in the input field below add the page URL where you want the users to redirect after signup. > *Note: You can add links from your current domain only.* Now users will be redirected to your specified URL after signup. ***Read Further***: [*How to Redirect After Login in Elementor Login Form?*](https://theplusaddons.com/docs//redirect-after-login-in-elementor-login-form/) --- # How to Redirect After Login in Elementor Login Form? Source: https://theplusaddons.com/docs/redirect-after-login-in-elementor-login-form/ Do you want to redirect users after logging in Elementor login form? Redirecting users after login not only enhances the user experience but also allows website owners to direct their users to relevant and personalized content. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily redirect users to a specific page after logging in from your Elementor login form. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown. 2. Then enable the **Redirect After Login** toggle from the **Login Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-redirect-after-login.png) 3. Finally in the input field below add the page URL where you want the users to redirect after login. > *Note: You can add links from your current domain only.* Now users will be redirected to your specified URL after login. Read Further: How to Make a Custom Password Reset Form Page in WordPress with Elementor? --- # How to Make a Custom Password Reset Form in Elementor? Source: https://theplusaddons.com/docs/custom-password-reset-form-page-in-elementor/ Do you want to create a custom password reset page in Elementor? The default WordPress password reset page can be hard to customize and may not always align with your website’s design. Creating a custom password reset page can allow you to customize the look and feel to match the design and branding of your website. The WP Login & Register widget from The Plus Addons for Elementor, allows you to add a separate password reset form on any page. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) ### Create Custom Password Reset Form Now to create a custom password reset page you have to add the WP Login & Register widget at two places, first where you’ll have the login form with the password reset link then the second on the page where you’ll have the password reset form. For instance, we’ll have two pages - Login page (for the login form) and Password Reset page (for the password reset form). 1. Add the WP Login & Register widget on the page or location where you want to have the login form, in our case, it is the Login page. 2. From the **Forms Layout** tab, select the **Login** or **Login and Register** form from the **Type** dropdown. 3. Then select **Custom** from the **Password Reset Page** dropdown. 4. After that from the **Select Page** dropdown, select your page, in our case, it is the Password Reset page. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-custom-password-reset.gif) > *Note: In the ****Login**** and ****Login and Register**** form make sure the ****Lost your password?**** toggle is enabled from the ****Login Options**** tab, only then you’ll see the Lost Password link in the form.* 5. Then add the WP Login & Register widget to the page you want to use as the password reset page, in our case it is the Password Reset page. 6. Select **Forgot Password** from the **Type** dropdown under the **Forms Layout** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-forgot-password.png) > *Note: For any email related features such as Lost your password, User Registration etc. you have to set up SMTP (Simple Mail Transfer Protocol) to send emails properly. You can use the free *[*Fluent SMTP Plugin*](https://wordpress.org/plugins/fluent-smtp)*.* From the **Lost Password Options** tab, you can edit the form label, placeholder and button text. You can also customize the password reset email from here. Then from the Reset Password Option tab, you can force users to use strong passwords by enabling the **Strong Password Required** toggle. Now when users request for password reset from your login form, the link in the password reset email will redirect users to your selected password reset page. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-forgot-password-demo.png) ### Login & Register Enhancements Worth Upgrading For #### Social Login (Google & Facebook) Make registration lightning fast with one-click signups using Google or Facebook accounts. This modern experience not only increases conversion but also reduces login friction—especially on mobile. #### Mailchimp Integration Automatically add new users to your Mailchimp lists right from the registration form. This makes it effortless to grow your email audience and kickstart welcome campaigns without needing another plugin. #### Floating Login Bar (Hover or Click) Add a sleek login/register bar that appears on hover or click—perfect for placing in headers or off-canvas menus. It keeps your layout clean while ensuring login is always accessible. #### Tabbed Login/Register/Reset Layout Combine login, registration, and password reset in a single, tabbed layout. This keeps your UI compact and avoids sending users to separate pages, reducing drop-offs. #### Logged-In User Panel Once users are logged in, show them a personalized panel with profile links, logout button, and other custom options—built entirely with Elementor. #### Why Upgrade? Upgrading to **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)** unlocks the full power of login and user form customization: - Bring modern features like social login and marketing integration directly into your forms. - Build visually rich, user-friendly forms without relying on multiple plugins. - Offer a seamless, on-brand login and signup journey from start to finish. With 120+ widgets and advanced user control, The Plus Addons for Elementor Pro gives you everything you need to build powerful, conversion-friendly user flows—without touching code. ***Suggested Reading***: *[How to Create a Custom Password Reset Email in Elementor Login Form?](https://theplusaddons.com/docs//custom-password-reset-email/)* --- # How to Send New Account Registration Email to Mailchimp in Elementor? Source: https://theplusaddons.com/docs/send-new-account-registration-email-to-mailchimp-in-elementor/ Do you want to add new users to your Mailchimp list from the Elementor registration form? Manually adding new account registrations to Mailchimp can be a time-consuming and tedious process. Integrating the Elementor registration form with Mailchimp can automate the process and save a lot of time.  With the WP Login & Register widget from The Plus Addons for Elementor, you can easily add an option to allow users to sign up to your Mailchimp list from your Elementor registration form. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) > *Note: Make sure new user registration is enabled in the ****Settings**** > ****General**** **page**.* To do this, first you have to get your [Mailchimp API key](https://mailchimp.com/help/about-api-keys/) and [List ID](https://mailchimp.com/help/find-audience-id/). ### Add Mailchimp API Key List ID in The Plus Addons for Elementor Once you have both Mailchimp API Key and List ID go to - **The Plus Addons → Extra Options → Settings**  - Scroll down to the **Mailchimp **section then click on the Setting Icon and you can see the **Mailchimp API** popup section**. ** - Then in the Popup section paste your **Mailchimp API Key **and **List ID** and click on **Save**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/login-register-mailchimp-api-key-settings.gif) ### Enable Mailchimp in the WP Login & Register widget Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Register** or **Login and Register** form from the **Type** dropdown. 2. Then enable the **MailChimp Subscribe** toggle from the **Register Extra Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-mailchimp-subscribe.gif) By enabling the **UnCheck** toggle, you can keep the checkbox unchecked by default. You can make your subscription process double opt-in by enabling the **Double Opt-In** toggle. In this process, users must confirm their email before they are subscribed to the list. You can add users to specific groups in your MailChimp list by enabling the **Group** toggle. Once you enable the toggle, you can add the group name in the **Enter Group ID** field. If you want you can assign custom tags to the users by enabling the **Tag** toggle. In the **Enter Tags ID** field, you can add the tags. That’s it! Now, users can subscribe to your MailChimp list when they register on the site ***Suggested Reading***:* [How to Make a Custom Password Reset Form Page in WordPress with Elementor?](https://theplusaddons.com/docs/custom-password-reset-form-page-in-elementor/) * --- # How to Add Google reCAPTCHA in the Elementor Registration Form? Source: https://theplusaddons.com/docs/add-google-recaptcha-in-the-elementor-registration-form/ By adding reCAPTCHA to your Elementor registration form, you can ensure that only legitimate users can register on your website. This not only enhances the security of your website but also improves the overall user experience. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily add a Google reCAPTCHA to your Elementor registration form. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) > *Note: Make sure new user registration is enabled in the ****Settings**** > ****General**** page.* For this, you must have your Google reCAPTCHA v3 Site Key and Secret Key. > *Note: You have to use Google reCAPTCHA v3.* ### Get Google reCAPTCHA v3 Site Key and Secret Key Make sure you are logged into your Google account and then go to [this link](https://www.google.com/recaptcha/admin/create#list). ![](https://theplusaddons.com/wp-content/uploads/2024/05/reCAPTCHA-type.png) Then, on the page, you can add a label in the Label field. You can use your domain name for easy identification. In the **reCAPTCHA type,** make sure to select **reCAPTCHA v3**. Then you have to add your domain name in the **Domains** field. Make sure to add the domain name without http or https.  You can add multiple domain names. Accept the Terms of Service and click the **Submit** button. On the next page, you’ll get your Google reCAPTCHA v3 Site Key and Secret Key. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Adding-reCAPTCHA-to-your-site.png) ### Add the Google reCAPTCHA v3 Site Key and Secret Key in The Plus Addons for Elementor Once you have both Google reCAPTCHA v3 Site Key and Secret Key, go to - **The Plus Addons → Extra Options → Settings**  - Scroll down to the **Google ReCaptcha v3** section then click on the Setting Icon and you can see the **Google ReCaptcha v3** popup section**. ** - Then in the Popup section paste your **Site Key reCAPTCHA v3 **and **Secret Key reCAPTCHA v3** and click on **Save**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/login-register-google-reCAPTCHA-v3-settings-1.gif) ### Enable Google reCAPTCHA v3 in the WP Login & Register widget Add the WP Login & Register widget on the page and follow the steps -  1. From the **Forms Layout** tab, select the **Register** or **Login and Register** form from the **Type** dropdown. 2. Then enable the **reCAPTCHA v3** toggle from the **Register Extra Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-recaptcha.png) This will add the Google reCAPTCHA security to your registration form. ***Read Further***: *[How to Add a Google Login to WordPress with Elementor?](https://theplusaddons.com/docs//add-a-google-login-to-wordpress-with-elementor/)* --- # How to Add a Facebook Login to WordPress with Elementor? Source: https://theplusaddons.com/docs/add-a-facebook-login-to-wordpress-with-elementor/ Are you looking to add a Facebook login to your Elementor website? Adding a Facebook login feature to your Elementor website can greatly enhance user experience and improve engagement by simplifying the login process. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily add a Google login to your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-login-form/) First, you have to generate your **Facebook App Id **and** Facebook App Secret**. ### Generate Facebook App ID and App Secret 1. For this, you have to login to your Facebook account and go to [Facebook for Developers](https://developers.facebook.com/). 2. If you don’t have a developers account, click the **Get Started** button at the top. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Generate-Facebook-App-ID-and-App-Secret.png) 3. Then you have to register for a developer account, follow the steps to create your account. ![](https://theplusaddons.com/wp-content/uploads/2024/05/create-Meta-Developers-Account.png) 4. Once done, you’ll get to the Apps page, click on the **Create App** button.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/Create-App.png) 5. On the next screen, you have to select your app type, select **None** and click on **Next**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Select-App-type.png) 6. Then add an app name, email id and optionally connect your business account. Once done click on **Create App** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/App-Details.png) 7. On the next page, from the left sidebar, click on **Settings** > **Basic**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Basic-Settings.png) 8. Now you’ll find your App Id and Secret, click on the **Show** button in the **App secret** field to see the secret key.  Copy and paste both App Id and Secret into a notepad. You’ll need it later. You need to perform a few more steps before you can use them.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/App-Id-and-App-secret.png) 9. Now you need to make the app live. In order to do so, you’ll have to add a **Privacy Policy URL**. You can add your website URL or privacy policy page URL. Then from the **Category** dropdown you have to select a category for your app. Once done click on **Save changes** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Select-app-category.png) 10. Then from the top, turn on the **App Mode** toggle to **Live**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/App-Mode.png) 11. Now click on the **Add Product** link in the left sidebar. 12. On the next page, click the **Set up** button in the **Facebook Login**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Click-Set-up-button.png) 13. This will add a **Facebook Login** link in the left sidebar. Go to **Facebook Login** > **Settings**. 14. On the next page, in the **Valid OAuth Redirect URIs** field add the page URL where you have added the Login & Signup block. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Valid-OAuth-Redirect-URIs.png) 15. Then turn on the **Login with JavaScript SDK** toggle to **Yes,** and in the **Allowed Domains for the JavaScript SDK** field, add your website URL. Then click on the **Save changes** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Login-with-JavaScript-SDK.png) ### Add the Facebook App ID and Facebook App Secret in The Plus Addons for Elementor Once you have your Facebook App ID and App Secret, go to - **The Plus Addons **→** Extra Options → Settings**  - Scroll down to the **Login with Facebook **section then click on the Setting Icon and you can see the Login with Facebook popup section**. ** - Then in the Popup section paste your Facebook **App ID **and **App Secret ID** and click on **Save**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/login-register-facebook-id-settings.gif) ### Enable Facebook Login in the WP Login & Register widget Add the WP Login & Register widget on the page and follow the steps -  1. Select the appropriate form type (except Forgot Password) from the **Type** dropdown under the **Forms Layout** tab. 2. Then enable the **Facebook** toggle from the **Social Login/Register** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-facebook-login.png) You can select a button layout from the **Layout** dropdown.  From the **Alignment,** you can align the button in the form. Then in the **Redirect URL** field, you can add a page link to redirect users to a specific page after login. By enabling the **Hide Form** toggle, you can hide the manual form and only keep the Facebook login button. This is how easily you can add a Facebook login option to your Elementor website. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-facebook-login-demo.png) ***Suggested Reading***: [*How to Add a Google Login to WordPress with Elementor?*](https://theplusaddons.com/docs//add-a-google-login-to-wordpress-with-elementor/) --- # How to Add a Google Login to WordPress with Elementor? Source: https://theplusaddons.com/docs/add-a-google-login-to-wordpress-with-elementor/ Do you want to add a Google login to your Elementor website? By allowing users to log in with their Google accounts, you not only make the login process seamless but also add a layer of security. With the WP Login & Register widget from The Plus Addons for Elementor, you can easily add a Google login to your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor WP Login & Register widget, [click here](https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** First, you have to generate your **Google Client ID**. ### Generate Google Client ID 1. For this, you have to login to your Google account and go to the [Google Developers Console](https://console.developers.google.com/). 2. If you don’t have any project created then click on **CREATE PROJECT **link. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Create-Project.png) 3. On the next screen add your **Project name** and click the **CREATE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Give-Project-Name.png) 4. Then click on the **OAuth consent screen** on the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2024/05/OAuth-consent-screen.png) 5. On that page, select the User Type and click the **CREATE** button. - Internal – Only available to users within your organization. - External – Available to any user with a Google Account. ![](https://theplusaddons.com/wp-content/uploads/2024/05/OAuth-consent-screen-1.png) 6. On the next page, add your app information. **App name**, **User support email** and **Developer contact information** fields are mandatory rest are optional until you deploy your app. Then click on the **SAVE AND CONTINUE** button.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/Save-and-Continue.png) 7. On the Scopes page, click the **SAVE AND CONTINUE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Scopes.png) 8. Also on the Test users page, click the **SAVE AND CONTINUE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Test-Users.png) 9. On the Summary page, click the **BACK TO DASHBOARD **button at the bottom. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Summary-page.png) 10. On the next page, click on the **PUBLISH APP** button to publish your app. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Publish-App.png) 11. Once done click on **Credentials** in the left sidebar. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Credentials.png) 10. On the Credentials page, from the top, click on **+ CREATE CREDENTIALS** > **OAuth client ID**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Create-Credentials.png) 11. Then from the **Application type** dropdown, select **Web application**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Create-oAuth-Client-ID.png) 12. Once you select the option then, you have to add the following details. • **Name** - Add your application name. • **Authorised JavaScript origins** - Click the **ADD URI** button to add your website URL - Example: *http://www.yourwebsite.com*. • **Authorised redirect URLs** - Click the **ADD URI** button to add your website URL - Example: *http://www.yourwebsite.com*. Once done, click on the **CREATE** button. ![](https://theplusaddons.com/wp-content/uploads/2024/05/Click-Create.png) 13. On the next page, you’ll get your **Client ID** and **Client Secret,** copy and paste them in a notepad.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/Client-ID.png) ### Add Google Client ID in The Plus Addons for Elementor Once you have your Google Client ID, go to - **The Plus Addons → Extra Options → Settings**  - Scroll down to the **Login with Google** section then click on the Setting Icon and you can see the **Login with Google** popup section**. ** - Then in the Popup section paste your **Google Client ID** and click on **Save**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/login-register-google-client-id-settings.gif) ### Enable Google Login in the WP Login & Register widget Add the WP Login & Register widget on the page and follow the steps -  1. Select the appropriate form type (except Forgot Password) from the **Type** dropdown under the **Forms Layout** tab. 2. Then enable the **Google** toggle from the **Social Login/Register** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-google-login.gif) You can enable the **Google One Tap Login** toggle, to automatically show a popup asking the user to log in via Google. But if you don’t enable **Google One Tap Login**, you’ll see a few more options. **Type** - From here, you can choose the button type, Standard or Icon. **Theme** - From here, you can select different button themes. **Shape** - From here, you can select different button shapes. **Text** - From here, you can choose from different button texts for the Standard button. **Size** - From here, you can select the button size. By enabling the **Long Title** toggle, you can show  From the **Alignment,** you can align the button in the form. Then in the **Redirect URL** field, you can add a page link to redirect users to a specific page after login. By enabling the **Hide Form** toggle, you can hide the manual form and only keep the Google login button. This is how easily you can add a Google login option to your Elementor website. --- # How to Create a Login & Register Form in Elementor? Source: https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/ If you allow user registration on your Elementor website, providing a user-friendly experience is important for keeping visitors engaged and reducing drop-off at the login or signup step. The default WordPress login and registration forms do not match your site’s branding or design. Check out the [login form widget page](https://theplusaddons.com/elementor-widget/login-form/) to see all available styles and options. The WP Login & Register widget in The Plus Addons for Elementor lets you build custom login, user registration, and password reset forms directly in the Elementor editor. You can create four form types, add social login options, configure post-login redirects, and control every field and notification message. A similar login and signup form block is also available in [Nexter Blocks](https://nexterwp.com/docs/add-login-signup-in-wordpress/) for Gutenberg users. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/login-form/) **Best Used For:** - Membership websites that need a branded login and registration page separate from the default WordPress forms - WooCommerce stores where customers need a custom registration page with specific fields and redirect after account creation - Online course or LMS platforms where students need to register, log in, and access a protected member dashboard ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) - Make sure the WP Login & Register widget is activated, to verify this visit The Plus Addons → Widgets → and Search for WP Login and activate. ## Learn via Video Tutorial: https://www.youtube.com/watch?v=-y0tLa7c5sI ## How to Activate the WP Login & Register Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name and **turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/05/login-register-1024x357.png) ## Key Features - **Four types of forms** – You can create four types of forms: **Login**, **Register**, **Login & Register** (toggle), and **Forgot Password**. Use the Login & Register toggle type when you want both forms on a single page, so users can switch between them without navigating away. - **Four Layouts** – There are four form layouts: Standard, Button Hover, Button Click, and Button Popup (except for the Forgot Password form). Use Button Popup when you want the form to appear as an overlay without the user leaving the current page, which works well on landing pages and WooCommerce product pages. - **Social login** – You can add Facebook or Google as login options on your Elementor login and registration form. Use this when you want to reduce the number of steps required to sign up, which typically increases registration rates on membership and course sites. - **Custom My Account menu** – You can add a custom account menu for users after they log in, including links to their profile, downloadable content, or a member dashboard. - **Redirect after Registration** – You can [redirect users to a custom link after registration](https://theplusaddons.com/docs/redirect-after-registration-in-elementor-registration-form/). Use this when you want new users to land on a welcome page, onboarding guide, or account setup screen after signing up. - **Auto Login** – You can auto login users immediately after registration, so they do not need to fill in the login form again right after signing up. - **Redirect after Login** – You can [redirect users to a custom link after login](https://theplusaddons.com/docs/redirect-after-login-in-elementor-login-form/). Use this to send logged-in members directly to a dashboard or a protected page. - **Mailchimp subscribe** – Users can [subscribe to Mailchimp from the registration form](https://theplusaddons.com/docs/send-new-account-registration-email-to-mailchimp-in-elementor/) with a checkbox during signup, so you build your email list at the same time as your user base without a separate step. - **Google reCAPTCHA** – You can [add Google reCAPTCHA to your registration form](https://theplusaddons.com/docs/add-google-recaptcha-in-the-elementor-registration-form/) to block spam and bot registrations. - **GDPR compliant** – You can [add an acceptance checkbox in the registration form](https://theplusaddons.com/docs/user-registration-gdpr-compliant-in-wordpress/) to get explicit user consent before collecting their data. - **Custom email message** – You can [send custom email messages for user registration and password reset](https://theplusaddons.com/docs/send-custom-email-for-user-registration/) instead of the default WordPress notification emails. - **Password strength meter** – You can add a password strength meter to the registration form so users can see how secure their password is before submitting. - **Password hint** – You can display a password hint on the registration form to guide users on what character combinations the password pattern requires. - **Strong password** – You can require users to set a strong password using different password patterns on the registration and password reset form. Use this on sites that handle sensitive user data, such as membership portals or platforms with stored payment information. For more advanced popup control over when a login or signup prompt appears, such as on exit intent, after a page scroll, or on a timed delay, see the [Popup Builder Widget — Settings Overview](https://theplusaddons.com/docs/popup-builder-elementor-widget-settings-overview/). ## How to Create a Custom Elementor Login Form? Ideally, you should create a custom login form on a new or separate page. Add the WP Login & Register widget on the page. ### Forms Layout From the **Type** dropdown, select **Login**. Then from the **Layout** dropdown, select the form layout. Here you will find four options: - **Standard Form** – To create a standard login form that is always visible on the page. - **Button Hover** – This will [open the login form on a button hover](https://theplusaddons.com/docs/add-a-login-button-to-the-elementor-header-menu/). Use this when placing the login trigger in a header or navigation bar where space is limited. - **Button Click** – This will open the login form when the user clicks a button. Use this when you want a compact trigger on the page and only reveal the form on demand. - **Button Popup** – With this, you can [create a popup login form](https://theplusaddons.com/docs/create-an-elementor-login-form-popup/). Use this when you want users to log in without navigating away from the page they are currently on. Select the option that fits your page layout. Let’s select the Standard Form here. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-form-type-login.gif) You can set the lost password page from the **Password Reset Page** dropdown. Here you will find two options: - **Default** – This will use the default WordPress password reset page. - **Custom** – With this, you can [set a custom password reset page](https://theplusaddons.com/docs/custom-password-reset-form-page-in-elementor/). Use this when you have a branded password reset page built with the WP Login & Register widget and want to keep users within your site design. > **Note:** The lost password link will only show on the form when enabled from the **Login Options** tab. Then from the **Content Alignment** section, you can align the form content. ### Login Options From the **Labels** toggle, you can show or hide labels on the form. Disable labels when your placeholder text is descriptive enough and you want a minimal, clean form design. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-login-options.gif) When enabled, you will find the **Custom Labels** toggle. From here you can customize the label text for each field to match your site's language or branding. From the **Custom Placeholders** toggle, you can customize the placeholder text inside each form field. Then from the **Login Button Text** field, you can change the text displayed on the login button. By enabling the **Remember Me** toggle, you can add a remember me checkbox to the login form. This stores the user's login details in their browser for a set period. Enable this on sites with returning users, such as members or customers, so they do not need to re-enter credentials on every visit. When enabled, you can also customize the remember me label text. From the **Lost your password?** toggle, you can add a lost password link to the login form. Enable this when you want users to recover account access on their own without needing to contact support. When enabled, you can customize the link text. Then by enabling the **Register** toggle, you can add a register link to the login form. When enabled you will find two options: - **Text** – From here, you can edit the register link text. - **Link** – From here, you can use the default WordPress register page or set a custom registration page as the destination link. From the **Redirect After Login** toggle, you can redirect the user to a specific URL after they log in. Use this to send logged-in users directly to a dashboard, members area, or a protected page instead of the default WordPress home page. ### Form Heading By enabling the **Heading Content** toggle, you can customize the form heading text. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-form-heading-329x1024.png) ### Social Login/Register From the **Facebook** toggle, you can [add a Facebook login option to your website](https://theplusaddons.com/docs/add-a-facebook-login-to-wordpress-with-elementor/). Use this when you want to let users log in without creating a separate username and password, which reduces friction on membership and course sites. Then from the **Google** toggle, you can [add a Google login option to your website](https://theplusaddons.com/docs/add-a-google-login-to-wordpress-with-elementor/). ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-social-login-register.png) You can align these social buttons from the **Alignment** section. In the **Redirect URL** field, you can add a custom URL to redirect users after they log in using Facebook or Google. You can hide the default login form by enabling the **Hide Form** toggle. > **Note:** Enable **Hide Form** only when you have activated one of the social login options. Hiding the form without an active social login option will leave users with no way to log in. ### Lost Password Options You will see this tab only when the **Lost your password?** toggle is enabled from the **Login Options** tab. From here, you can control the lost password form that appears within the login form. ![](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-lost-password-options.png) From the **Label** toggle, you can customize the form label text. Then from the **Placeholder** field, you can manage the placeholder text inside the email field. From the **Button Text** field, you can change the text on the password reset button. You can set the form heading from the **Heading** field. Then from the **Custom Email** toggle, you can [send a custom password reset email](https://theplusaddons.com/docs/send-custom-email-for-user-registration/) instead of the default WordPress reset email. Use this when you want the reset email to reflect your site's brand design and copy. ### My Account Menu From this tab, you can add a custom account menu that logged-in users see on the page. > **Note:** Make sure there is no redirect set after user login when using this tab. A post-login redirect will prevent users from seeing the account menu on the page. Turn on the **My Account Menu** toggle to enable this feature. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-2.png) From the **Alignment** section, you can align the account menu on the page. By enabling the **User Avatar** toggle, you can display the user's avatar in the menu. Enable this when users have custom avatars set in WordPress or Gravatar and you want to personalize the account panel. To show the user's display name, enable the **User Name** toggle. By enabling the **Edit Profile** toggle, you can add a link to the WordPress profile edit page inside the menu. You can also customize the menu item label. You can add a logout link by turning on the **Logout** toggle. When enabled, you can edit the logout menu item label. To add menu items manually, click the **+Add menu** button under the **Extra Menu** section. Open the new item, then edit the label text and add a custom URL. Use this to link users to a membership dashboard, downloadable files, or a custom account page. Click **+Add menu** again to add more items. ### Notification Message From this tab, you can customize the notification messages that appear when users interact with the login form. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-3.png) From the **Login Message Option** section, you can edit the following messages for the login form: **Loading text** – To show a message while the form is submitting. **Success text** – To show a message when the form submits successfully. **Validation text** – To show a message when there is a validation error. **Error Text** – To show a message when the form fails to submit. Similarly, from the **Lost Password Message Option** section, you can edit the following messages for the lost password form: **Loading text** – To show a message while the form is submitting. **Success text** – To show a message when the reset email sends successfully. **Error Text** – To show a message when the form fails to submit. ### Login Fields Width From this tab, you can control the field width of the Username, Password, and Remember Me fields individually for desktop, tablet, and mobile. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-4.png) ### Reset Password Option Enabling the **Strong Password Required** toggle will force users to set a strong password when using the password reset form. Use this on sites that handle sensitive data, such as membership portals or accounts with stored payment information. The **Login/Register Form Override** toggle hides the login or register form when the password reset form is active on the same page. This is useful when you redirect users to the same page for a password reset and you do not want the login form and the reset form to appear at the same time. ## How to Create a Custom Elementor Registration Form? To allow new user registration on your WordPress website, you must first enable the registration option in WordPress settings. To do this, go to **Settings** > **General** and check the **Anyone can register** checkbox, then click **Save Changes**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-5-1024x489.png) You should add the registration form on a new or separate page. Add the WP Login & Register widget on the page. ### Forms Layout From the **Type** dropdown, select **Register**. Then from the **Layout** dropdown, select the form layout. Here you will find four options: - **Standard Form** – To create a standard registration form that is always visible on the page. - **Button Hover** – This will open the registration form when the user hovers over a button. - **Button Click** – This will open the registration form when the user clicks a button. - **Button Popup** – With this, you can [create a popup registration form](https://theplusaddons.com/docs/add-an-elementor-login-register-popup/). Use this when you want users to register without leaving the page they are on. Select the option that fits your page layout. Let's select the Standard Form here. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-1.gif) Then from the **Content Alignment** section, you can align the form content. ### Register Extra Options From the **Name Field** toggle, you can show or hide the name field in the registration form. Enable this when you need users to provide their name for account personalization, profile display, or future email communications. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-2.gif) When enabled, you can individually show or hide the first name and last name fields using the **First Name Field** and **Last Name Field** toggles. Then from the **User Name Field** toggle, you can add a username field to the registration form. From the **Password Field** toggle, you can add a password field to the registration form. When enabled, you will see additional password options: - **Confirm Password Field** – You can add a confirm password field so users verify their password before submitting. Use this to prevent typos that would lock users out of their new account. - **Show/Hide Password Toggle** – You can add a toggle icon that lets users reveal or hide their password while typing. You can also select custom icons for the show and hide states. - **Strong Password** – Enabling this toggle forces users to set a strong password. When enabled, select a password pattern from the **Pattern** dropdown. Each pattern requires a different combination of characters. Enable the **Password Hint** toggle to show users what the chosen pattern requires. Use this on sites that handle sensitive data, such as membership platforms or accounts with stored payment details. - **Password Strength Meter** – With this, you can display a visual strength indicator on the password field so users can see how secure their password is before submitting. > **Note:** If the **Password Field** toggle is disabled, the system will auto-generate a password and send it to the user by email. By enabling the **reCAPTCHA v3** toggle, you can [add Google reCAPTCHA v3 to your registration form](https://theplusaddons.com/docs/add-google-recaptcha-in-the-elementor-registration-form/) to prevent spam and bot registrations. Then from the **Honeypot** toggle, you can add a secondary spam protection layer. This adds an invisible field that only bots can detect. If a bot fills in the field, the registration is cancelled automatically. Use this alongside reCAPTCHA for stronger protection on high-traffic registration pages. By enabling the **MailChimp Subscribe** toggle, you can [add new users to your MailChimp list during registration](https://theplusaddons.com/docs/send-new-account-registration-email-to-mailchimp-in-elementor/). A checkbox appears on the form, and checking it adds the user to your list at the moment they register, without requiring a separate subscription form. Then by enabling the **Terms & Conditions** toggle, you can [add a GDPR acceptance checkbox to the registration form](https://theplusaddons.com/docs/user-registration-gdpr-compliant-in-wordpress/). Users must check the box before submitting, giving you explicit consent for data processing. From the **Custom Email** toggle, you can [send a custom welcome email to users after registration](https://theplusaddons.com/docs/send-custom-email-for-user-registration/) instead of the default WordPress notification. Use this when you want the registration confirmation email to reflect your site's branding and copy. ### Registration Options From the **Labels** toggle, you can show or hide labels on the registration form. Disable labels when your placeholder text is descriptive enough and you want a minimal form design. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-3.gif) When enabled, you will find the **Custom Labels** toggle. From here you can customize the label text for each field. From the **Custom Placeholders** toggle, you can customize the placeholder text inside each form field. Then from the **Login Button Text** field, you can change the text on the registration submit button. From the **Redirect After Register** toggle, you can [redirect the user after registration](https://theplusaddons.com/docs/redirect-after-registration-in-elementor-registration-form/). Use this to send new users to a welcome page, onboarding flow, or a protected members area immediately after they sign up. By enabling the **Auto Login After Register** toggle, you can log users in automatically after registration, so they do not need to fill in the login form separately. Then from the **Login** toggle, you can add a login link to the registration form. When enabled you will find three options: - **Text** – From here, you can edit the login link text. - **Link** – From here, you can use the default WordPress login page or set a custom login page as the destination. - **Before Text** – From here, you can add custom text that appears before the login link. From the **Bottom Message** toggle, you can add a custom message below the registration form. Use this to add terms of service text, an email verification note, or any other context users need before submitting. Then from the **Register Button Text** field, you can change the text on the register button. To show a registration prompt when a visitor is about to leave your page, see [How to Create an Exit Intent Popup in Elementor](https://theplusaddons.com/docs/exit-intent-popup-in-elementor/) for setup instructions. ### Form Heading By enabling the **Heading Content** toggle, you can customize the form heading text. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-6.png) ### Social Login/Register From the **Facebook** toggle, you can add Facebook as a registration option on the form. Then from the **Google** toggle, you can add Google as a registration option on the form. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-7.png) You can align these social buttons from the **Alignment** section. In the **Redirect URL** field, you can add a custom URL to redirect users after they sign in using Facebook or Google. You can hide the default registration form by enabling the **Hide Form** toggle. > **Note:** Enable **Hide Form** only when you have activated one of the social login options. ### Password Strength Meter You will see this tab only when the **Password Strength Meter** toggle is enabled from the **Register Extra Options** tab. From the **Style** dropdown, you can select a visual style for the password strength indicator. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-4.gif) You can also add a label to the meter by enabling the **Label** toggle. ### My Account Menu From this tab, you can add a custom account menu that logged-in users see on the page. Here, you will find the same options available in the Login form's My Account Menu tab. ### Notification Message From this tab, you can customize the notification messages that appear when users interact with the registration form. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-8.png) From the **Register Message Option** section, you can edit the following messages for the registration form: **Loading text** – To show a message while the form is submitting. **Success text** – To show a message when the form submits successfully. **Validation text** – To show a message when there is a validation error. **Error Text** – To show a message when the form fails to submit. Similarly, from the **Lost Password Message Option** section, you can edit the following messages for the lost password form: **Loading text** – To show a message while the form is submitting. **Success text** – To show a message when the reset email sends successfully. **Error Text** – To show a message when the form fails to submit. ### Register Fields Width From this tab, you can individually control the width of each field in the registration form for desktop, tablet, and mobile. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-9-262x1024.png) ### Validation Error Messages By enabling the **Override Validation Error Message** toggle, you can customize the validation error message for each field in the registration form individually. Use this when your form has specific requirements, such as a custom username format or minimum password length, and you want error messages that explain those requirements clearly. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-10.png) ## How to Create a Custom Elementor Login and Registration Form? With the WP Login & Register widget from The Plus Addons for Elementor, you can create a combined login and register toggle form on a single page. You should add the form on a new or separate page. Add the WP Login & Register widget on the page. ### Forms Layout From the **Type** dropdown, select **Login and Register**. Then from the **Layout** dropdown, select the form layout. Here you will find four options: - **Standard Form** – To create a standard login and register toggle form that is always visible on the page. - **Button Hover** – This will open the login and register toggle form when the user hovers over a button. - **Button Click** – This will open the login and register toggle form when the user clicks a button. - **Button Popup** – With this, you can [create a popup login and register toggle form](https://theplusaddons.com/docs/add-an-elementor-login-register-popup/). Select the option that fits your layout. Let's select the Standard Form here. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-11.png) You can set the lost password page from the **Password Reset Page** dropdown. Here you will find two options: - **Default** – This will use the default WordPress password reset page. - **Custom** – With this, you can [set a custom password reset page](https://theplusaddons.com/docs/custom-password-reset-form-page-in-elementor/). > **Note:** The lost password link will only show on the form when enabled from the **Login Options** tab. Then from the **Content Alignment** section, you can align the form content. In the **Login Options** tab, you will find the same options available in the Login form. In the **Register Extra Options**, **Registration Options**, **Form Heading**, **Social Login/Register**, **Password Strength Meter**, and **My Account Menu** tabs, you will find the same options available in the Registration form. From the **Notification Message** tab, you can customize notification messages for the registration, login, and lost password forms. In the **Login Fields Width** tab, you will find the same options available in the Login form. In the **Register Fields Width** and **Validation Error Messages** tabs, you will find the same options available in the Registration form. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-5.gif) ## How to Style the WP Login & Register Widget? To style the WP Login & Register widget, go to the **Style** tab. Styling options vary depending on the form type and layout you selected. **Form Label** – From here, you can style the form labels, including font, size, and color. ![](https://theplusaddons.com/wp-content/uploads/2024/05/image-12.png) **Form Input Fields** – From here, you can style the form input fields, including border, background, and text color. **Form Button** – From here, you can style the submit buttons on the form. **Hover/Click/Popup Button** – From here, you can style the trigger button that opens the form. This tab is visible when the layout is set to Button Hover, Button Click, or Button Popup. **Button** – From here, you can style the close button on the form popup. **Heading Option** – From here, you can style the form heading text. **Register Additional Message** – From here, you can style the additional message shown below the registration form. **Show Hide Password Toggle** – From here, you can style the icon used to show and hide the password field. **Lost Password/Register Text** – From here, you can style the lost password and register links shown on the login form. **Password Hint** – From here, you can style the password hint text on the registration form. **Login/Register Tabbing** – From here, you can style the tab buttons that switch between the login and register forms on the combined form type. **Notification Message Option** – From here, you can style the notification messages that appear on form submission. **Custom Validation** – From here, you can style the custom validation error messages. **Password Strength Meter** – From here, you can style the password strength indicator on the registration form. **My Account Menu** – From here, you can style the account menu shown to logged-in users. **Box Content Option** – From here, you can style the container that wraps the form. **Extra Option** – By enabling the **Sticky Navigation Connection** toggle, you can [add the login or register button to a sticky header](https://theplusaddons.com/docs/add-a-login-button-to-a-sticky-header-in-elementor/). Use this when your site uses a sticky header and you want the login button to remain accessible as users scroll down the page. [View Advanced Tab documentation](https://theplusaddons.com/help/plus-extras/) ## Unlock Pro-Level Login & Registration Extensions The following features are available in [The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) and extend the WP Login & Register widget beyond the default free capabilities. #### Social Login Integration (Google & Facebook) Users can log in or register using their existing Google or Facebook account. This removes the need for a separate username and password. Configure this from the **Social Login/Register** tab inside the widget. #### Mailchimp Subscription at Signup A subscription checkbox can be added to the registration form that adds the new user to a Mailchimp list at the moment of registration. No separate form or third-party integration step is required. Configure this from the **Register Extra Options** tab. #### Tabbed Login/Register/Reset Interface The login form, registration form, and password reset form can be combined into a single widget using the **Login and Register** type. Users switch between the three using tab buttons on the same page. Configure this from the **Type** dropdown in the **Forms Layout** section. #### Flexible Form Placement Options The login or registration form can be displayed as a popup, triggered on button hover, or triggered on button click using the **Layout** dropdown in the **Forms Layout** section. Style the trigger button from the **Style** tab under **Hover/Click/Popup Button**. #### Why Upgrade? [The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) includes all Pro-only widgets and advanced options for Freemium widgets, plus access to Nexter Extension. The WP Login & Register Pro features listed above are not available in the free version of The Plus Addons for Elementor. --- # How to Create a Fullwidth Mega Menu in Elementor? Source: https://theplusaddons.com/docs/create-a-fullwidth-mega-menu-in-elementor/ Do you want to create a fullwidth mega menu in Elementor? A fullwidth mega menu not only enhances the overall aesthetics of the website but also provides a seamless navigation experience for users. With the Navigation Menu widget from The Plus Addons for Elementor, you can easily create a fullwidth mega menu on your Elementor website. *To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu widget, [click here](/docs/navigation-menu-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text) Once you’ve [created a mega menu](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/) using the Navigation Menu widget, follow the steps -  1. From the dashboard go to **Appearance** > **Menus**. 2. From the **Select a menu to edit:** dropdown, select your mega menu and click on the **Select** button. 3. Open the top level or parent menu item on which you want to have a fullwidth mega menu. 4. Select **Full Width** from the **Mega menu Type** dropdown. Repeat the process (steps 3 and 4) on each parent menu item on which you want to have full width mega menu. 5. Once done click on the **Save Menu** button. > *Note: You can do this process while creating the menu as well.* Now the parent menu items on which you’ve set full width will show full width mega menu. --- # How to Add Magic Scroll Effect to Text in Elementor? Source: https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/ Do you want to add a scroll effect to text in Elementor? The scrolling effect text allows text to smoothly flow or appear as the user scrolls down the page. Not only does it add a touch of creativity to your website, but it also helps to engage and captivate your audience. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add a scroll effect to text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Multiple** from the **Select Option** dropdown. 2. Then add the required text in the repeater items under the **Text Listing** section. 3. Now open the text repeater item you want to add the scrolling effect to and enable the **Magic Scroll** toggle. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-magic-scroll.gif) From the **Scroll Options** section, you can set when the animation starts and ends by setting an offset and duration value. 4. From the **Initial Position** section under the **Initial** tab, you have to set the initial state of the text. Here, you’ll find the following options –  **(X) / Horizontal Distance** – To set the initial horizontal position. **(Y) / Vertical Distance** – To set the initial vertical position. **Opacity** – To set the initial opacity. **Scale Value** – To set the initial scale value. **Rotate Value** – To set the initial rotate value. 4. Then, from the **Final Position** section under the **Final** tab, you have to set the final state of the text. You’ll find the same options as in the initial position. Now, as per your settings, you’ll see that text animating back and forth as you scroll up and down. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-magic-scroll-demo.gif) ***Suggested Reading***: *[How to Add Mouse Move Parallax Effect on Text in Elementor?](https://theplusaddons.com/docs//add-mouse-move-parallax-effect-on-text-in-elementor/)* --- # How to Combine Multiple Styles on a Text in Elementor? Source: https://theplusaddons.com/docs/multiple-styles-on-a-text-in-elementor/ Are you looking to add different styles to a text in Elementor? Adding different styles to text, allows you to customize and enhance the appearance of your website's content. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add different styles to a text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Multiple** from the **Select Option** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-multiple.gif) 2. In the **Text Listing** section you’ll find two repeater items by default. Here you can split a text into parts by adding them to different repeater items. Open one item.  3. In the **Text** field, you have to add the text. From the **Url/Link** field, you can add a link to the text. Then in the **Extra Options** section, you’ll find different options to style the text. - **Stroke/Fill Options** - From this toggle, you can [add a text stroke outline](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/). - **Background based Blend Mode** - From this toggle, you can [add a text blend mode](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/). - **Knockout Text** - From this toggle, you can [add a text mask](https://theplusaddons.com/docs//text-mask-effect-in-elementor/). - **On Hover Image Reveal** - From this toggle, you can [add an image reveal effect on text](https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/). - **Marquee** - From this toggle, you can [add a marquee text effect](https://theplusaddons.com/docs/marquee-text-effect-in-elementor/). - **Magic Scroll** - From this toggle, you can [add a scrolling effect to the text](https://theplusaddons.com/docs/magic-scroll-effect-to-text-in-elementor/). - **Mouse Move Parallax** - From this toggle, you can [add a mouse move parallax effect to the text](https://theplusaddons.com/docs//add-mouse-move-parallax-effect-on-text-in-elementor/). - **Continuous Animation** - From this toggle, you can [add continuous animation to the text](https://theplusaddons.com/docs//animated-rotating-circle-text-in-elementor/). - **Advance Underline Options** - From here, you can [add unique underline text effects](https://theplusaddons.com/docs/underline-overlay-effect-on-text-in-elementor/). Then from the **Typography** tab under the **Typography Style** section, you can edit the typography of the text. - **Typography** - From here, you can edit the text typography. - **Padding** - From here, you can add padding to the text. - **Transform Normal** - From here, you can add custom [transform CSS](https://www.w3schools.com/cssref/css3_pr_transform.php) to transform the text for the normal state. - **Transform Hover** - From here, you can add custom [transform CSS](https://www.w3schools.com/cssref/css3_pr_transform.php) to transform the text for the hover state. - **Advanced Style** - From this toggle, edit the text width, horizontal and vertical alignment. From the **Normal** and **Hover** tab, you can manage and add color, text shadow and CSS filter to the text for normal and hover states.  Following this process, you can edit and add different styles to the text of the other item. You can click on the **+ Add Item** button to add more text. Then from the **Alignment** section, you can align the text. This is how you can add different styles to the text.  ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-multiple-demo-1.png) --- # How to Add Underline Overlay Effect on Text in Elementor? Source: https://theplusaddons.com/docs/underline-overlay-effect-on-text-in-elementor/ Do you want to add unique underline text effects in Elementor? Adding unique underlines to text not only improves the design but you can easily highlight important parts of the text. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add an image reveal effect on text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown. Let’s select Normal. 2. Then add the text in the **Text** field. 3. Then go to the **Advance Underline Options** tab under the **Style** tab. > *Note: In the Multiple option you’ll find the Advance Underline Options in each text repeater item.* 4. From the **Underline Style** dropdown, you have to select the underline type. Here you’ll find three options -  - **None** - This will not add any underline.  - **Classic** - With this option you can add some classic underlines like underline, overline and line through for normal and hover states. You can also add different underline styles as well.  - **Overlay** - With this option, you can add unique underline overlay effects. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-advanced-underline-options.gif) Select the option as per your requirements, let’s select Overlay here. 5. From the **Overlay Style** dropdown, you can select different predefined overlay styles. Then from the Normal and Hover tab, you can customize the style further. > *Note: Depending on the selected style you’ll find different options for normal and hover states.* This is how easily you can add a unique underline style to highlight text. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-advanced-underline-options-demo.gif) ***Suggested Reading**: [How to Create Image Reveal Effect on Text in Elementor?](https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/)* --- # How to Create Image Reveal Effect on Text in Elementor? Source: https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/ Do you want to add an image reveal effect on text in Elementor? Adding an image reveal effect on text not only adds a touch of creativity to your website but also allows you to highlight important information uniquely and engagingly. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add an image reveal effect on text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown. Let’s select Normal. 2. Then add the text in the **Text** field. 3. After that enable the **Enable/Disable** toggle from the **On Hover Image Reveal** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-on-hover-image-reveal-enable.gif) > *Note: In the Multiple option you’ll find the On Hover Image Reveal option in each text repeater item.* 4. Add your image from the **Hover Image** section. From the **Style** dropdown, you can add different image reveal effects. Now when you hover over the text it will show an image with a reveal effect. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-on-hover-image-reveal-demo.gif) ***Suggested Reading**: [How to Create a Text Mask Effect in Elementor?](https://theplusaddons.com/docs//text-mask-effect-in-elementor/)* --- # How to Create a Text Mask Effect in Elementor? Source: https://theplusaddons.com/docs/text-mask-effect-in-elementor/ Do you want to create a text mask in Elementor? Text masks allow you to overlay text onto an image or graphic, creating an eye-catching effect that can elevate the overall design of your website. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a text mask in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown. Let’s select Normal. 2. Then add the text in the **Text** field. 3. After that enable the **Enable/Disable** toggle from the **Knockout Text** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-knockout-text-enable.gif) > *Note: In the Multiple option you’ll find the Knockout Text option in each text repeater item.* 4. Then from the **Background Type** section, you have to set a background image or color. > *Note: Using a background image with a thick font will create a prominent text mask.* Now you’ll have a beautiful text mask. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-knockout-text-demo.png) ***Read Further***: *[How to Add  Elementor Background Text Blend Mode?](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/)* --- # How to Customize the Search Result Page in Elementor? Source: https://theplusaddons.com/docs/customize-the-search-result-page-in-elementor/ Are you looking to customize the search result page in Elementor? The default search result page may not go with your website design.  With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily customize the search archive page as per your requirements. *To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) First, you have to create the search archive template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/) or you can use [Elementor Pro](https://elementor.com/help/search-results-site-part/) if you are already using it. 1. Add the Dynamic Listing widget to the template. 2. Select **Archive Page** from the **Post Listing Types** dropdown. 3. Then select **Posts** from the **Post Type** dropdown. ![](https://theplusaddons.com/wp-content/uploads/2024/05/dynamic-listing-customize-search-result-page-new.png) 4. After that, select the appropriate style and layout. You can also [create a custom loop skin](https://theplusaddons.com/docs//create-custom-loop-skin-for-blog-post-in-elementor/) to customize the results design further. Now when you do any search on your website, you’ll see the search results in your custom design. > *Note: If you are using the WP Search Bar widget for search, then *[*you can specify the post type*](https://theplusaddons.com/docs//search-bar-widget-settings-overview/#Search-Bar-Fields)* as well. Just make sure to *[*disab*](https://theplusaddons.com/docs//search-bar-widget-settings-overview/#Extra-Option)le the Ajax Search option to show the result on* the search archive page.* --- # How to Create Marquee Text Effect in Elementor? (Left to Right Motion) Source: https://theplusaddons.com/docs/marquee-text-effect-in-elementor/ Are you looking to add a marquee text effect in Elementor? Marquee text, also known as scrolling or ticker text, is a moving text that grabs the attention of visitors and adds a sense of motion to a webpage. This eye-catching effect can be used to highlight important information. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a marquee text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) ### Create Marquee Text Effect To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown. Let’s select Normal. 2. Then add the text in the **Text** field. 3. After that enable the **Enable/Disable** toggle from the **Marquee** tab. > *Note: In the Multiple option you’ll find the Marquee option in each text repeater item.* Then from the **Type** dropdown, you can select the marquee type. Here you’ll find two options -  - **Default** - This will add a marquee tag to create the marquee effect.  - **On Transition** - This will create the marquee effect using CSS transition. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-marquee-enable.gif) > *Note: We recommend using the On Transition option as the marquee tag is not very SEO friendly.* Let’s select Default here. From the **Direction** dropdown, you can select the marquee scrolling direction. From here you can set the marquee direction to left, right, top and bottom. Then from the **Behavior** dropdown, you can set the scrolling behavior. Here you’ll find three options -  - **Scroll** - This will add a scrolling effect. - **Slide** - This will create a sliding effect. - **Alternate** - This will make the text move in both directions alternatively.  In the **Loop** field, you can set how many times the animation will play. > *Note: You can set the loop to 0 or -1 to set an infinite loop.* From the **Speed** field, you set the animation speed. Then from the **Animation Duration** field, you can set the animation duration. You can set the marquee animation horizontal area for responsive devices in the **Width** field. Based on your settings you’ll see a beautiful marquee text. ![](https://theplusaddons.com/wp-content/uploads/2024/05/chrome_btQFYJDrJT.gif) ### Upgrade to Pro for Typography Magic You Can’t Get Anywhere Else Upgrade to **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)** and unlock advanced typography controls that elevate your Elementor designs with stunning effects—without custom CSS or complicated setups. #### Magic Scroll Typography Add scroll-triggered typography animations like color transitions, fade-ins, and dynamic reveals as users scroll the page. This effect transforms static text into engaging motion visuals. #### Text Blend & Knockout Text Create eye-catching typography that blends text with background images or knockout effects—perfect for hero sections or overlay titles. Available only in Pro version. #### Arc & Circular Text Layouts Arrange your text in circular, semi-circle, or arc shapes with full control over alignment and spacing. These artistic layouts are unique to Pro and not available in Elementor’s default text tools. #### 3D Shadow & Stroke Effects Apply precise stroke thickness, colors, and 3D shadow depth to your typography—ideal for standout headlines without needing external graphics. #### Hover Reveal & Background Text Image Effects Make text reveal images on hover or use image backgrounds inside text for interactive headlines. These Pro effects add polish and user engagement that feels intuitive and modern. #### Why Upgrade? By upgrading to **[The Plus Addons for Elementor Pro](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)**, you gain access to a full suite of advanced typography enhancements—all managed visually within Elementor. These Pro-only features let you create polished, memorable text animations and layouts that outperform what Elementor alone can deliver, giving your site a premium, design-forward edge. You’ll also get access to 120+ widgets and top-tier support—all backed by a 60-day money-back guarantee. ***Suggested Reading***: [*How to Create Elementor Background Text Blend Mode?*](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/) --- # How to Create an Animated Rotating Circle Text in Elementor? Source: https://theplusaddons.com/docs/animated-rotating-circle-text-in-elementor/ Are you looking to create an animated circle text in Elementor? Incorporating animated circle text can add a touch of creativity and uniqueness to your website and make it stand out from the rest. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a circle text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** from the **Select Option** dropdown. 2. Then add the text in the **Text** field. 3. Make sure to select the **center** from the **Alignment** section to keep the circle text centered. 4. After that enable the **Enable/Disable** toggle from the **Circular Text** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-continuous-animated-circular-text.gif) 5. Then go to the **Style** tab and enable the **Continuous Animation** toggle from the **Continuous Animation** tab. 6. From the **Animation Effect** dropdown, you have to select an animation. Let’s select **Rotating**. Now the circle text will rotate continuously. By enabling the **Hover animation** toggle you can show the animation only on hover.  From the Transform Origin dropdown, you can set the point based on which the text will rotate. > *Note: You’ll see the Transform Origin option only for the Rotating animation.* Then from the **Duration Time** field, you can control the animation speed by setting a duration. You can set different durations for different responsive devices. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-continuous-animated-circular-text-demo.gif) --- # How to Create Circular Text in Elementor? Source: https://theplusaddons.com/docs/create-circular-text-in-elementor/ Do you want to create a circle text in Elementor? The circle text feature allows you to wrap text around a circular shape, creating a dynamic and eye-catching design.  With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a circle text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** from the **Select Option** dropdown. 2. Then add the text in the **Text** field. 3. Make sure to select the **center** from the **Alignment** section to keep the circle text centered. 4. After that enable the **Enable/Disable** toggle from the **Circular Text** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-circular-text-enable.gif) Now you’ll see a circle text. You’ll find some additional options as well. By enabling the **Custom Radius** toggle, you can change the circle radius value from the **Select Value** section. This will allow you to create a curved text. From the **Reverse Direction** toggle, you can reverse the curved text. By enabling the **Auto Responsive** toggle you can make the circle text responsive. ![This image has an empty alt attribute; its file name is advanced-typography-circular-text-demo.png](https://theplusaddons.com/wp-content/uploads/2024/05/image.png) ***Read Further***: *[How to Create an Animated Rotating Circle Text in Elementor?](https://theplusaddons.com/docs//animated-rotating-circle-text-in-elementor/)* --- # How to Create Text Stroke Outline in Elementor? Source: https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/ Do you want to create a text stroke outline in Elementor? This simple yet effective design element can make your text stand out, catch the viewer's attention, and give a professional touch to your website. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a stroke outline text in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown. Let’s select Normal. 2. Then add the text in the **Text** field. 3. After that enable the **Enable/Disable** toggle from the **Stroke/Fill Options** tab. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-stroke-fill-option-enable.gif) > *Note: In the Multiple option you’ll find the Stroke/Fill Options in each text repeater item.* You’ll find more options in the **Stroke/Fill style** tab, under **Style**. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-stroke-fill-style.gif) From the **Stroke Width** section, you can control the text stroke width. You can add a stroke color and fill color for normal and hover states. By adding fill color on hover you can create a text outline to fill animation. This is how easily you can create a stroke outline text in Elementor. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-stroke-fill-option-demo.gif) ***Suggested Reading***: *[How to Add Vertical Text in Elementor?](https://theplusaddons.com/docs/add-vertical-text-in-elementor/)* --- # How to Add Vertical Text in Elementor? Source: https://theplusaddons.com/docs/add-vertical-text-in-elementor/ Are you looking to add a vertical text in Elementor? Vertical text can be a unique and eye-catching design element that can add visual interest to your website. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add vertical texts in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) To do this, add the Advanced Typography widget to the page and follow the steps - 1. Select **Normal** from the **Select Option** dropdown under the **Advanced Typography** tab. > *Note: You can also create vertical text for the Multiple option as well, but in that option, you have to manually add *[*transform CSS*](https://www.w3schools.com/cssref/css3_pr_transform.php)* in each text repeater item.* 2. Then add the text in the **Text** field. 3. After that go to the **Text Direction** tab and select the vertical text direction from the **Vertical Text** dropdown. Here you’ll find three options -  ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-text-direction-on.gif) - **Normal** - This, will keep the text horizontally aligned. - **Left to Right** - With this, the text will be aligned vertically from left to right for text with two or more words. - **Right to Left** - With this, the text will be aligned vertically from right to left for text with two or more words. Let’s select Left to Right here. By enabling the **Vertical Letters** toggle, you can place each letter vertically without rotating them. From the **Vertical Direction** section, you can change the text direction of the text from left to right and right to left. This can be very useful if you are using any [right to left languages](https://www.andiamo.co.uk/resources/right-to-left-languages/). In the **Transform Normal** field, you can add custom [transform CSS](https://www.w3schools.com/cssref/css3_pr_transform.php) to transform the text further. > *Note: You can directly create a vertical text by using transform CSS only as well.* Then in the **Transform Hover** field, you can set transform CSS for the text which will work on hover only. From the **Transform Origin** dropdown, you can set the point around which the transformation will work. > *Note: Transform Origin will be only applicable to your custom transform CSS.* Now you’ll have a beautiful vertical text. ***Read Further***: *[How to Create Text Stroke Outline in Elementor?](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/)* --- # Advanced Typography Widget: Settings Overview Source: https://theplusaddons.com/docs/advanced-typography/ Typography plays a crucial role in the success of any website design. It not only affects the overall appearance of the website but also contributes to the readability and user experience. Adding different effects to texts can add a touch of creativity to your design. With the Advanced Typography widget from The Plus Addons for Elementor, you can add different types of effects to text. ### Check the Live Widget Demo [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated. - This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) - Make sure the Advanced Typography widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Advanced Typography and activate. ## Learn via Video Tutorial: https://youtu.be/_zdX4iGcbtA ## How to Activate the Advanced Typography Widget? Go to  - **The Plus Addons **→** Widgets ** - **Search **the widget name** **and** turn on the toggle.** ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography.png) ## Key Features - **Single/Multiple Text **- You can [add unique text effects to single or multiple texts](https://theplusaddons.com/docs//mulitple-styles-on-a-text-in-elementor/). - **Vertical Text **- You can [add a ](https://theplusaddons.com/docs/add-vertical-text-in-elementor/)[vertical ](https://theplusaddons.com/docs/add-vertical-text-in-elementor/)[text](https://theplusaddons.com/docs/add-vertical-text-in-elementor/). - **Text Stroke** - You can [add a text stroke outline effect](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/). - **Circle Text** - You can easily [create a circle text effect](https://theplusaddons.com/docs//create-circular-text-in-elementor/). - **Text Blend** - You can [add a text blend effect on a background](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/). - **Marquee Text** - You can easily [add a marquee text effect](https://theplusaddons.com/docs/marquee-text-effect-in-elementor/). - **Text Mask** - You can [add a text mask over a background color or image](https://theplusaddons.com/docs//text-mask-effect-in-elementor/). - **Image Reveal on Hover** - You can [add an image reveal effect on hover in text](https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/). ## How to Use the Advanced Typography in Elementor? Add the Advanced Typography widget to the page. ### Advanced Typography From the **Select Option** dropdown, you have to select the text type. Here you’ll find two options -  - **Normal** - For adding effect on a single text. - **Multiple** - For adding different effects on multiple texts. Using this option, you can [create an impression of having multiple effects on a single text or paragraph](https://theplusaddons.com/docs//mulitple-styles-on-a-text-in-elementor/). Select the option as per your requirements, let’s select Normal here. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-normal.gif) > *Note: For the Multiple text option, you’ll only see one tab and all the options are included inside the repeater item.* In the **Text** field, you have to add your text.  From the **Tag** dropdown, you can change the HTML tag of the text. Then from the **Alignment** section, you can align the text for different devices. ### Text Direction From this tab, you can [create vertical text](https://theplusaddons.com/docs/add-vertical-text-in-elementor/). ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-text-direction.png) ### Stroke/Fill Options From this tab, you can [create an outline text effect](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/). ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-stroke-fill-option.png) ### Circular Text From this tab, you can [create a circle text effect](https://theplusaddons.com/docs//create-circular-text-in-elementor/). ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-circular-text.png) ### Background based Blend Mode From this tab, you can [add a text blend effect on a ](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/)[background](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/). ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-background-based-blend-mode.png) ### Knockout Text From this tab, you can [create a text mask on a background color or image.](https://theplusaddons.com/docs//text-mask-effect-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-knockout-text.png) ### On Hover Image Reveal From this tab, you can [add an image reveal effect on hover.](https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/) ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-on-hover-image-reveal.png) ### Marquee From this tab, you can [add a marquee text effect](https://theplusaddons.com/docs/marquee-text-effect-in-elementor/). ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-marquee.png) ### Advanced Options In the **Link** field, you can add a link to the text. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-advanced-options-1.png) ## How to Style the Advanced Typography Widget? You’ll find all the styling options in the Style tab to style the Advanced Typography widget. **Advanced Typography** - From here, you can manage the text typography and padding. You can also add different text colors, text shadows and CSS filters to the text for normal and hover states. ![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-style.png) **Continuous Animation** - You’ll see this tab only for the Normal text. From here, you can add different continuous animations to the text. You can also set the animation to hover only as well. ***Also Read***: *[How to Create an Animated Rotating Circle Text in Elementor?](https://theplusaddons.com/docs//animated-rotating-circle-text-in-elementor/)* **Advance Underline Options** - You’ll see this tab only for the Normal text. From here, you can [add unique underline effects to the text](https://theplusaddons.com/docs/underline-overlay-effect-on-text-in-elementor/). **On Scroll View Animation** -  This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport. You can learn more about this from here. [Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/) Advanced options remain common for all our widget, you can explore all it options from here. [View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..) --- # How to Create a Custom WooCommerce Product Skin in Elementor? Source: https://theplusaddons.com/docs/create-a-custom-woocommerce-product-skin-in-elementor/ Are you looking to create a custom WooCommerce product skin in Elementor? Creating a custom product item layout can help you stand out from the rest. With the Product Listing widget from The Plus Addons for Elementor, you can easily design a custom skin for your WooCommerce product in Elementor. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text) Here we’ll use the Woo Product Images, Woo Single Basic and Woo Single Pricing widgets from The Plus Addons for Elementor to create the product loop. So make sure these widgets are activated. You can also [create a custom product loop with custom fields](https://theplusaddons.com/docs//create-woocommerce-custom-product-loop-in-elementor/). To do this, make sure you’ve added some products to your WooCommerce store, then follow the steps - First, you have to create a custom product template using Elementor. For instance, we will be creating this custom product layout design. ![tpae product listing custom skin preview](https://theplusaddons.com/wp-content/uploads/2024/05/tpae-product-listing-custom-skin-preview.png) ### Create a Custom Product Template for WooCommerce 1. To do this from the Dashboard, go to **Templates** and click on **Add New**, then select **Section** as the template type, give a name to the template then click on **Create Template** button. ![create elementor product template](https://theplusaddons.com/wp-content/uploads/2023/08/create-elementor-product-template-1024x487.png) 2. We’ll add a two column container, with a background color and border. 3. As per the design we have the product image on the left. For that in the left column, we’ll add the Woo Product Images widget. 4. Then select **Single Image** from the **Layout** dropdown. 5. After selecting the appropriate image size, enable the **Link** toggle, to link the product image to the product details page. 6. As per the layout we have the product title and description in the right column. For this, we’ll add the Woo Single Basic widget in the right column. 7. From the **Woo Single Basic** repeater section we’ll remove all the default items except the **title** and **short_descripton**. > *Note: By opening individual items you can easily change the element type. You can also click on the ****+ Add Item**** button to add more elements. * Style it further as per your requirements. 8. Then we need to add the product price and add to cart button in the right column. For this, we’ll add the Woo Single Pricing widget in the right column. 9. From the **Woo Single Pricing** repeater section we’ll remove all the default items except the **price** and **add_to_cart**. > *Note: By opening individual items you can easily change the element type. You can also click on the ****+ Add Item**** button to add more elements. * Style it further as per your requirements. 10. Once done, publish the template. ### Use the Template With Product Listing Widget Once you have created your custom product layout, use it with the Product Listing widget. 1. Add the Product Listing widget on a page or template, and select the appropriate listing type. 2. Then select **Custom Skin** from the **Style** dropdown. 3. Now, you have to select your template from the **Select a template** dropdown. ![product listing custom skin](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-custom-skin.gif) You can turn on the **Multiple Loops** toggle to use multiple layout designs together for your listing. You can use up to 5 templates together. > *Note: In order to use Multiple Loops, you have to create separate custom templates for each loop template.* If you are using multiple loops, you can arrange the templates in reverse or random order from the **Template Order** dropdown. 4. Then, you have to select the appropriate layout type from the **Layout** dropdown. > *Note: For using Masonry and Metro layout, you have to design your templates accordingly.* Now your products will show in your custom layout. ![tpae product listing custom skin demo](https://theplusaddons.com/wp-content/uploads/2024/05/tpae-product-listing-custom-skin-demo.gif) You can also [create a single product page](https://theplusaddons.com/docs/edit-woocommerce-product-page-in-elementor/) using these widgets. --- # Dynamic Tags for Elementor Source: https://theplusaddons.com/elementor-extras/dynamic-tags/ Home # Multi Box Shadows Effect in Elementor - - - [ Buy Now ](https://theplusaddons.com/pricing/) View Demos - 60 Day Money-Back Guarantee - DemosVideos- Docs- Related Widgets- Templates - - - DemosVideos- Docs- Related Widgets- Templates ## Popular Use Cases of Dynamic Content in Elementor - Create Custom Loop Skins for Posts & ProductsCreate one layout for all posts or products, saving time while maintaining a consistent design across your entire site.- Create Personalized Content for Logged-In UsersShow personalized content based on who’s viewing the page, displaying relevant text, images, or offers for each user.- Offer Personalized Product Recommendations Based on User BehaviorShow dynamic product recommendations based on user behavior, displaying related items as visitors browse different categories or products.- Dynamically Populate Product Pages with WooCommerce DataEvery blog post gets its own layout with data like title, date, and featured image, all pulled in automatically.- Generate Automated News and Update PagesAutomatically display the latest posts or updates, keeping your news and update pages current at all times.- Integrate User-Generated Content into Site PagesLet users submit posts, reviews, or photos that automatically appear in galleries, feeds, or community sections dynamically.Create Custom Loop Skins for Posts & ProductsCreate one layout for all posts or products, saving time while maintaining a consistent design across your entire site. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Create-Custom-Loop-Skins-for-Posts-Products.png) Create Personalized Content for Logged-In UsersShow personalized content based on who’s viewing the page, displaying relevant text, images, or offers for each user. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Create-Personalized-Content-for-Logged-In-Users.png) Offer Personalized Product Recommendations Based on User BehaviorShow dynamic product recommendations based on user behavior, displaying related items as visitors browse different categories or products. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Offer-Personalized-Product-Recommendations-Based-on-User-Behavior.png) Dynamically Populate Product Pages with WooCommerce DataEvery blog post gets its own layout with data like title, date, and featured image, all pulled in automatically. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Dynamically-Populate-Product-Pages-with-WooCommerce-Data.png) Generate Automated News and Update PagesAutomatically display the latest posts or updates, keeping your news and update pages current at all times. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Generate-Automated-News-and-Update-Pages.png) Integrate User-Generated Content into Site PagesLet users submit posts, reviews, or photos that automatically appear in galleries, feeds, or community sections dynamically. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Integrate-User-Generated-Content-into-Site-Pages.png) ## Why Should You Use Dynamic Tags for Elementor ### Keep Post & Page Titles Consistent Across the Site Dynamic tags automatically update titles, ensuring consistent content across all pages without manual updates. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Keep-Post-Page-Titles-Consistent-Across-the-Site-Image-1024x490.png) ### Easily Customize Archive & Blog Pages With dynamic tags, you can customize archives and blogs at scale, making updates across large sites quicker and easier. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Easily-Customize-Archive-Blog-Pages-Image-1024x699.png) ### Display Custom Data from ACF, MetaBox, JetEngine Easily integrate and display custom data from ACF and WooCommerce directly in Elementor, streamlining your design process. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Display-Custom-Data-from-ACF-MetaBox-JetEngine-Image-1024x721.png) ### Update WooCommerce Product Pages Globally Dynamic tags pull product details like prices, names, and images, saving time on manual updates for each product page. ![](https://theplusaddons.com/wp-content/uploads/2026/01/Update-WooCommerce-Product-Pages-Globally-Imagee-1024x505.png) ## Watch How Elementor Dynamic Tags Work Subscribe for more Such Elementor Video Tutorials ## Read How it Works [ ###### How to Add Dynamic Content in Elementor? ](https://theplusaddons.com/docs/add-dynamic-content-in-elementor/) [ ###### How to Add Global GSAP Animation in Elementor? ](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/) [ ###### How to Use GSAP Animation in Elementor? ](https://theplusaddons.com/docs/use-gsap-animation-in-elementor/) [ ###### How to Show Posts from RSS Feed in Elementor? ](https://theplusaddons.com/docs/show-posts-from-rss-feed-in-elementor/) [ ###### How to Create a Custom WooCommerce Product Loop Skin in Elementor Using Smart Loop Builder? ](https://theplusaddons.com/docs/create-a-custom-woocommerce-product-loop-skin-in-elementor-using-smart-loop-builder/) [ ###### How to Create a Custom Post Type Loop Skin in Elementor Using Smart Loop Builder? ](https://theplusaddons.com/docs/create-a-custom-post-type-loop-skin-in-elementor-using-smart-loop-builder/) [ ###### How to Show WordPress Database Entries in an Elementor Table? ](https://theplusaddons.com/docs/show-wordpress-database-entries-in-an-elementor-table/) [ ###### How to Show the Form Submission Entries in an Elementor Table? ](https://theplusaddons.com/docs/show-the-form-submission-entries-in-elementor-table/) [ ###### How to Display Posts Using an AJAX Filter in Team Member Listing? ](https://theplusaddons.com/docs/display-posts-using-an-ajax-filter-in-team-member-listing/) [ ###### How to Create a Shareable URL with Load More For Team Member Listing in Elementor? ](https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-team-member-listing-in-elementor/) Read Documentation ![](https://theplusaddons.com/wp-content/uploads/2022/10/main-component-1-1.png) #### Any Questions ? [ASK NOW](https://theplusaddons.com/chat/) ★★★★★ Rated 5 out of 5 ##### A must have plugin! Excellent support too [This plugin is a must have when working with Elementor. As a designer, sometimes it is difficult to find tools that help you create what you have in mind. This plugin goes beyond that. I gives you so many widgets to play around, and be creative with your wordpress site.](https://wordpress.org/support/topic/a-must-have-plugin-excellent-support-too/) Totally recommended. I’m using it in all my developments, it became a must have to me. And when it comes to support, they act rapidly to give you a solution. ~cuevasmiriam ## Frequently Asked Questions ### Do I need Elementor Pro to use dynamic tags? No. The Dynamic Tags feature from The Plus Addons works without Elementor Pro and covers common dynamic content needs. ### What are Elementor Dynamic Tags used for? They display content like post titles, images, user data, or custom fields that change automatically per page. ### Can I use dynamic tags with custom fields like ACF? Yes. You can pull ACF and custom field data into Elementor elements using dynamic tags. ### Where can I use dynamic tags in Elementor? You can use them in headings, text, images, links, and WooCommerce product elements. ### Why should I use dynamic content in Elementor? Dynamic content saves time, reduces errors, and keeps layouts consistent across posts, archives, and products. ### Is this useful for agencies managing multiple sites? Yes. It reduces manual updates, avoids extra plugins, and keeps Elementor setups easier to maintain. ## Related Widgets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [ View 120+ Widget Library ](https://theplusaddons.com/elementor-widget) --- # Admin and Site Enhancements Extensions for WordPress Source: https://theplusaddons.com/elementor-extras/extensions/ ## Performance ## Google Fonts To improve your site’s performance, you can self-host Google Fonts locally, enable Display Swap, or completely disable Google Fonts and load system fonts instead. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Google-Fonts.png) ## Disable Comments Get rid of spam links from comments by disabling comments where they’re not needed. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Disable-Comments.png) ## Revisions Control Limit or disable post & page revisions to keep your WordPress database optimized and clutter-free. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Revisions-Control.png) ## Heartbeat Control Reduce server load and boost admin performance by customizing the WordPress Heartbeat API behavior. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Heartbeat-Control.png) ## Advance Performance Optimize your website’s speed and performance with advanced tweaks and remove non-required assets loading. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Advance-Performance.png) ## Disable Image Sizes Save server resources by selectively disabling unnecessary image sizes, ensuring efficient image handling. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Disable-Image-Sizes.png) ## Register Custom Image Sizes Tailor your image sizes to fit your website’s design perfectly, optimizing both performance and visuals. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Register-Custom-Image-Sizes.png) ## Disable Icons Fine-tune your website’s performance by selectively disabling Elementor icons or Font Awesome, Icons when they’re not in use. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Disable-Icons.png) ## Security ## 2 - Factor Authentication Adds an additional layer of protection by implementing two-factor authentication (2FA), where users authenticate via email or time-based OTP. ![](https://theplusaddons.com/wp-content/uploads/2025/07/2-Factor-Authentication.png) ## Custom Login URL Strengthen security by hiding your WP-Admin URL, making it more difficult for unauthorized access. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Custom-Login-URL.png) ## Login Email Notification Stay informed about login activities on your website with email notifications for added security and peace of mind. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Login-Email-Notification.png) ## Captcha Enable spam protection on login, register, password reset, WooCommerce checkout, cart pages, and form submission pages using Google reCAPTCHA or Cloudflare Turnstile. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Captcha.png) ## Advance Security Harden your website’s defenses with advanced security measures to protect your valuable content. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Advance-Security.png) ## SVG Upload Let selected user roles upload safe SVG files without compromising security. ![](https://theplusaddons.com/wp-content/uploads/2025/07/SVG-Upload.png) ## Content Protection Safeguard your content from unauthorized copying and distribution, preserving your intellectual property. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Content-Protection.png) ## Utilities ## Adobe Fonts Access an extensive library of stylish fonts from Adobe to make your website text visually appealing. Connect with Adobe Cloud Fonts. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Adobe-Fonts.png) ## Custom Upload Fonts Take full control of your site’s typography by uploading your own custom fonts. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Custom-Upload-Fonts.png) ## Replace Text & URL Easily bulk replace text or URLs throughout your website at once. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Replace-Text-URL.png) ## Duplicate Post Save time by duplicating posts and pages with a few clicks, maintaining a consistent layout. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Duplicate-Post.png) ## Regenerate Thumbnails Ensure your images display perfectly by regenerating thumbnail sizes without hassle. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Regenerate-Thumbnails.png) ## Replace Media Update your media files without changing URLs or reuploading—perfect for quick content tweaks. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Replace-Media.png) ## Content Post Order Take control of your content display by reordering posts, pages, or custom post types with a simple drag and drop. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Content-Post-Order.png) ## Disable Gutenberg Easily switch to the Classic Editor or your favorite page builder by turning off the Gutenberg editor. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Disable-Gutenberg.png) ## Custom User Avatar Change user avatars from your dashboard—skip Gravatar entirely. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Custom-User-Avatar.png) ## Public Preview for Drafts Get feedback on your draft before hitting publish—it can make all the difference. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Public-Preview-for-Drafts.png) ## Redirect 404 Redirect users from broken links to your homepage (Free) or a custom URL (Pro) to maintain a seamless browsing experience. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Redirect-404.png) ## Rollback Manager Restore a previous version of the plugin in one click to undo changes or fix compatibility issues instantly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Rollback-Manager.png) ## Code Snippets ## Add HTML, CSS, JS & PHP Code Insert and manage snippets of code across your website effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Add-HTML-CSS-JS-PHP-Code.png) ## Conditional Code Load Get rid of sSpecify conditions for when specific code snippets should be loaded, optimizing performance and functionality.pam links from comments by disabling comments where they’re not needed. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Conditional-Code-Load.png) ## Smart Code Error Handling Automatically detect & handle errors in your code snippets. If an error occurs, our system prevents the snippet from running to avoid site crashes. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Smart-Code-Error-Handling.png) ## Admin Interface ## Clean Admin Bar Clean up your WordPress admin bar by hiding unwanted elements for a more focused and clutter-free editing experience. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Clean-Admin-Bar.png) ## Clean User Profile Hide unnecessary profile fields for a simpler, client-friendly user interface. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Clean-User-Profile.png) ## Display Active Plugins First Save time by showing all active plugins at the top of your plugin list for faster management. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Display-Active-Plugins-First.png) ## Wider Admin Menu Make the admin menu easier to read by widening it to show full menu item names without cutting them off. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Wider-Admin-Menu.png) ## Disable Admin Settings Simplify your WordPress dashboard by hiding unnecessary admin settings, notifications etc. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Disable-Admin-Settings.png) ## Branded WP Admin Brand your WP Admin Login page with your logo and colors for a professional and cohesive user experience. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Branded-WP-Admin.png) ## With Ready to Import Page & Sections Templates for Elementor Theme Builder - Header- Footer- Single Page- Archive Page- 404 PageHeader [![](https://theplusaddons.com/wp-content/uploads/2025/06/Header-one.png)](https://wdesignkit.com/templates/section/header--tailtrim/18968) ### Header | TailTrim [![](https://theplusaddons.com/wp-content/uploads/2025/06/Header-two.png)](https://wdesignkit.com/templates/section/header--occasionpro/18638) ### Header | OccasionPro [![](https://theplusaddons.com/wp-content/uploads/2025/06/Header-three.png)](https://wdesignkit.com/templates/section/header--momentmakers/18703) ### Header | MomentMakers [![](https://theplusaddons.com/wp-content/uploads/2025/06/Header-four.png)](https://wdesignkit.com/templates/section/header--scubasailor/15876) ### Header | ScubaSailor [![](https://theplusaddons.com/wp-content/uploads/2025/06/Header-five.png)](https://wdesignkit.com/templates/section/header--tattoomuse/14814) ### Header | TattooMuse ## View 1460+ Elementor Templates & Sections [ See all Demos ](https://wdesignkit.com/templates?builder=1001&temp_type=websitekit) Footer [![](https://theplusaddons.com/wp-content/uploads/2025/06/Footer-one.png)](https://wdesignkit.com/templates/section/footer--quickfix/17596) ### Footer | QuickFix [![](https://theplusaddons.com/wp-content/uploads/2025/06/Footer-two.png)](https://wdesignkit.com/templates/section/footer--eventcraft/16897) ### Footer | EventCraft [![](https://theplusaddons.com/wp-content/uploads/2025/06/Footer-three.png)](https://wdesignkit.com/templates/section/footer--scubasailor/15878) ### Footer | ScubaSailor [![](https://theplusaddons.com/wp-content/uploads/2025/06/Footer-four.png)](https://wdesignkit.com/templates/section/footer--yogazenith/16106) ### Footer | YogaZenith [![](https://theplusaddons.com/wp-content/uploads/2025/06/Footer-five.png)](https://wdesignkit.com/templates/section/footer--fixpro/16858) ### Footer | FixPro ## View 1460+ Elementor Templates & Sections [ See all Demos ](https://wdesignkit.com/templates?builder=1001&temp_type=websitekit) Single Page [![](https://theplusaddons.com/wp-content/uploads/2025/06/Single-one.png)](https://wdesignkit.com/templates/page/blog-details--focuspixel/16604) ### Blog Details | FocusPixel [![](https://theplusaddons.com/wp-content/uploads/2025/06/Single-two.png)](https://wdesignkit.com/templates/page/blog-details--eventcraft/16885) ### Blog Details | EventCraft [![](https://theplusaddons.com/wp-content/uploads/2025/06/Single-three.png)](https://wdesignkit.com/templates/page/blog-single--2--tattoomuse/14794) ### Blog Single – 2 | TattooMuse [![](https://theplusaddons.com/wp-content/uploads/2025/06/Single-four.png)](https://wdesignkit.com/templates/page/blog-detail--yogazenith/16089) ### Blog Detail | YogaZenith [![](https://theplusaddons.com/wp-content/uploads/2025/06/Single-five.png)](https://wdesignkit.com/templates/page/blog-details--tailtrim/18962) ### Blog Details | TailTrim ## View 1460+ Elementor Templates & Sections [ See all Demos ](https://wdesignkit.com/templates?builder=1001&temp_type=websitekit) Archive Page [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634828-1.png)](https://wdesignkit.com/templates/page/author-page--eventcraft/16887) ### Author Page | EventCraft [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634829.png)](https://wdesignkit.com/templates/page/blog-categories--yogazenith/16091) ### Blog Categories | YogaZenith [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634830.png)](https://wdesignkit.com/templates/page/blog-author--flashpix/15632) ### Blog Author | FlashPix [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634831.png)](https://wdesignkit.com/templates/page/author-page--lens-legacy/14031) ### Author Page | Lens-Legacy [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634832.png)](https://wdesignkit.com/templates/page/blog-author-page--bumpblossom-heal/13797) ### Author Page | BumpBlossom Heal ## View 1460+ Elementor Templates & Sections [ See all Demos ](https://wdesignkit.com/templates?builder=1001&temp_type=websitekit) 404 Page [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634833.png)](https://wdesignkit.com/templates/page/404-error--momentmakers/18699) ### 404 Error | MomentMakers [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634836.png)](https://wdesignkit.com/templates/page/404-error-page--flashpix-edge/15651) ### 404 Error Page | FlashPix Edge [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634835.png)](https://wdesignkit.com/templates/page/404-page--scubasailor/15872) ### 404 Page | ScubaSailor [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634834.png)](https://wdesignkit.com/templates/page/404-page--ledgerworks/16695) ### 404 Page | LedgerWorks [![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272634837.png)](https://wdesignkit.com/templates/page/404-page--lawsavvy-pro/12815) ### 404 Page | LawSavvy Pro ## View 1460+ Elementor Templates & Sections [ See all Demos ](https://wdesignkit.com/templates?builder=1001&temp_type=websitekit) --- # Theme Builder for Elementor Source: https://theplusaddons.com/elementor-extras/theme-builder/ ### Build & Customise Everything Visually — No Theme Hard Coded Lock-ins Say goodbye to rigid WordPress themes. Create headers, footers, archives, and even dynamic templates — all within Elementor. 100% control, zero coding, and no theme dependency. #### Header Builder Design headers your way using Elementor widgets. No more fixed theme headers — create responsive, custom layouts for any device. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-one.png) #### Footer Builder Complete footer control with Elementor. Drag, drop, and design footers with flexible layouts that match your site’s vibe perfectly. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-two-1.png) #### Breadcrumbs Bar Smart breadcrumb navigation to improve UX and SEO. Add clean trails across posts, pages, products, and categories — fully customizable. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-three-1.png) #### Action & Filter Hooks Developer flexibility inside Elementor. Add dynamic behaviors or inject content using WordPress actions and filters — without leaving the visual builder. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-four.png) #### Display Rules for Theme Builder Show templates exactly where needed. Use advanced conditional display to apply templates to pages, posts, roles, devices, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-five.png) #### 404 Page Turn a dead-end into a branded opportunity. Create engaging and helpful 404 layouts that match your site — no more boring error pages. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-six.png) #### Single Pages Custom layouts for posts & pages. Build unique designs for CPTs, WooCommerce product pages, blog posts, and more — all using dynamic fields. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-seven.png) #### Archive Pages Flexible layouts for post types. Design category, tag, author, and product archives that fit your brand, not your theme’s restrictions. ![](https://theplusaddons.com/wp-content/uploads/2025/06/theme-eight.png) ## With Ready to Import Page & Sections Templates for Elementor Theme Builder - Header- Footer- Single Page- Archive Page- 404 PageHeader Footer Single Page Archive Page 404 Page --- # Sticky Column Effect for Elementor Source: https://theplusaddons.com/elementor-extras/sticky-column/ ## Embrace Everyday Comforts Discover simple pleasures that bring joy and relaxation to your daily routine. Start Your Journey ### Relaxing with a Good Book Unwind and dive into your favorite stories. Explore Books ### Create a Cozy Space Enhance your environment with simple touches. Shop Decor ### Pamper Yourself Indulge in some well-deserved self-care. Discover Self-Care ### Tune Into Joy Feel the rhythm and brighten your day. Listen Now ## Instant Access to Your Digital Card Sign up and receive your virtual card in minutes, ready for immediate use. Get My Card Now ## Effortless Global Payments Use your card worldwide with no hidden fees and real-time currency conversion. Start Paying Globally ## Real-Time Expense Monitoring Stay on top of your finances with instant notifications and detailed expense insights. Track My Spending ## Secure Your Transactions Protect your account with advanced security features like biometric authentication. Secure My Account ![](https://theplusaddons.com/wp-content/uploads/2024/11/digital-card-mobile.png) ## Embrace Everyday Comforts Discover simple pleasures that bring joy and relaxation to your daily routine. Start Your Journey ### Relaxing with a Good Book Unwind and dive into your favorite stories. Explore Books ### Create a Cozy Space Enhance your environment with simple touches. Shop Decor ### Pamper Yourself Indulge in some well-deserved self-care. Discover Self-Care ### Tune Into Joy Feel the rhythm and brighten your day. Listen Now ## Instant Access to Your Digital Card Sign up and receive your virtual card in minutes, ready for immediate use. Get My Card Now ## Effortless Global Payments Use your card worldwide with no hidden fees and real-time currency conversion. Start Paying Globally ## Real-Time Expense Monitoring Stay on top of your finances with instant notifications and detailed expense insights. Track My Spending ## Secure Your Transactions Protect your account with advanced security features like biometric authentication. Secure My Account ![](https://theplusaddons.com/wp-content/uploads/2024/11/digital-card-mobile.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Custom Media Query Breakpoints Source: https://theplusaddons.com/elementor-extras/custom-media-query-breakpoints/ ## Custom Media Query Breakpoints for Column Settings Easily configure column width, margin, padding, visibility, and order for custom breakpoints. Add multiple min/max values using a repeater for ultimate control. ## Rock Climbing - This will be hidden from 320px to 850px. - Sequence of this will be 2nd in 850px to 1200px. ## Skydiving - This will be hidden from 1100px to 1200px. - Sequence of this will be 1st in 850px to 1200px. ## Surfing - Width of this column will be 50% below 650px - It will have 50px margin on left below 650px. ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Column Width  Source: https://theplusaddons.com/elementor-extras/column-width/ ## Column Width Options Define column widths with precision using Pixels, Percentage, or the Calc function for flexible and responsive layouts. ## Riverstone Heights Minutes from schools, shopping, and parks, this modern 4-bed, 3-bath home offers comfort and convenience. - Open-plan living space - Modern kitchen with to appliances - Smart home system - Landscaped garden - Double garage - Open-plan living space ## $950,000 ## Address 123 Maple Street, Downtown City ## Contact Agent (123) 456-7890 jane.doe@realestate.com View Details ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Column Ordering Devices Source: https://theplusaddons.com/elementor-extras/column-ordering-devices/ ## Device Responsive Column Ordering Customize column order dynamically to deliver the best layout for every screen size, ensuring an optimized viewing experience across all devices. ![](https://theplusaddons.com/wp-content/uploads/2025/01/team-member-Carusel-demo-3-1-1.png) #### Liam Smith Desktop : 1st Tablet : 2nd Mobile : 3rd ![](https://theplusaddons.com/wp-content/uploads/2025/01/team-member-Carusel-demo-3-2-1.png) #### Emma Johnson Desktop : 2nd Tablet : 1st Mobile : 1st ![](https://theplusaddons.com/wp-content/uploads/2025/01/team-member-Carusel-demo-3-3-1.png) #### Noah Davis Desktop : 3rd Tablet : 3rd Mobile : 2nd ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # GA4 Event Tracker Source: https://theplusaddons.com/elementor-extras/ga4-event-tracker/ ## GA4 Event Tracker for Elementor Track and analyze user interactions effortlessly with GA4 Event Tracker for Elementor. Gain insights into user behavior and optimize your website’s performance with precision. View Use Cases ![](https://theplusaddons.com/wp-content/uploads/2024/12/GA4-Event-Tracker-for-Elementor.png) ### Recommended Google Analytics 4 Events Supported - Ad Impression - Add to Cart - Earn Virtual Currency - Level End - Login - Refund - Select Item - Sign Up - Tutorial Complete - View Item - Create Custom Event in Bullets - Add Payment Info - Add to Wishlist - Generate Lead - Level Start - Post Score - Remove from Cart - Select Promotion - Spend Virtual Currency - Unlock Achievement - Add Shipping Info - Begin Checkout - Join Group - Level Up - Purchase - Select Content - Share - Tutorial Begin - View Cart - View Promotion ## Track Any Google Analytics 4 Event or Create Custom Events Easily monitor every GA4 event or design custom events tailored to your needs with the GA4 Event Tracker for Elementor. Gain valuable insights and optimize your site’s performance. ### Monitor User Logins and Signups Track when users log in or sign up via your forms. With GA4 Event Tracking, you can gain insights into user engagement and refine their experience to drive higher conversions. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Monitor-User-Logins-and-Signups.png) ### Track Form Submissions Monitor every form submission to gain insights into user behavior and optimize your forms. This allows you to improve your site's performance and boost conversion rates. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Track-Form-Submissions.png) ### Track Download Clicks Check exactly when users click to download your content. This enables you to identify popular resources and refine your content strategy to better align with your audience’s needs. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Track-Download-Clicks.png) ### Track Every CTA Button Click Monitor every click on your Call-to-Action (CTA) buttons. This insight reveals which elements drive user interaction, helping you refine your strategy to boost engagement. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Track-Every-CTA-Button-Click.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Multi Box Shadows Effect in Elementor Source: https://theplusaddons.com/elementor-extras/multi-box-shadows/ ## Multi Box Shadows Add multiple layered box shadows to your Elementor sections, columns and widgets based on custom class setup. ##### 0 ###### Satisfied Client POSIMYTH Buddy Premium Unlock Buddy premium to unlock all features. Use our global feature for that. ## Global Multi Text Shadows Use the Global feature to add Neon text effect and Special 3D text layouts using text shadows. ## RETRO ## SOLID ## Multi Drop Shadows Create Neumorphism layouts and 3D image layouts by using the multiple repeater based drop shadows. LAYER EFFECTS Add stylish stacking and layering effects to your content, perfect for building modern UI sections with depth and visual appeal — no extra CSS needed. Have a Look ![](https://theplusaddons.com/wp-content/uploads/2022/03/space_rocket.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Overlay Special Effects for Elementor Source: https://theplusaddons.com/elementor-extras/special-overlay-color/ #### About Us ## Our Beauty Philosophy We believe that beauty is a journey, not a destination. With a passion for elegance and self-expression, our mission is to empower you to feel confident in your own skin. Discover your unique beauty with our thoughtfully crafted products. Read More ![](https://theplusaddons.com/wp-content/uploads/2025/06/image-24.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1272638690.png) ## Key Features of Elementor Overlay Special Effects ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Continuous Effects Source: https://theplusaddons.com/elementor-extras/continuous-effects/ - Daily Ride ![](https://theplusaddons.com/wp-content/uploads/2024/10/floating-mobile.png) ## Improving Your Ride Every Day ![](https://theplusaddons.com/wp-content/uploads/2024/10/Joyful-Bike-Ride-in-the-City.png) ### Transform Your Daily Commute with Enhanced Ride Quality Experience a smoother, more enjoyable journey every day. Our innovative solutions are designed to improve the quality of your ride, making your daily commute a more comfortable and pleasant experience. With advanced technology and thoughtful design, you’ll notice a significant difference in how you travel. ## Unlocking the Potential of Real-Time Data Insights ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-587.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638834.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638837.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638835.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638836.png) Revolutionize your decision-making with dynamic, real-time data. Harness the power of analytics to drive actionable insights Explore Your Insights ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638853.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638850.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638854.png) ##### 3D Web Creations ## Immersive 3D Web Creations Step into the future of web design with stunning 3D visuals that captivate and engage. Transform your digital presence with interactive experiences that leave a lasting impression. Explore in 3D ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638852.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638851.png) ## AI-Powered Watch Assistant Unlock Smart Features ![](https://theplusaddons.com/wp-content/uploads/2024/10/Union-Orange-BG-00.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/ai-powered-watch-ass-hero-img.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Visibility Conditional Rules for Elementor Source: https://theplusaddons.com/elementor-extras/woocommerce-display-conditions/ ![](https://theplusaddons.com/wp-content/uploads/2025/06/Display-Condition-Image.png) ## Display Conditions for WooCommerce Whether you're looking to promote discounts when specifics items have been added to cart or orders are eligible for free delivery – get started with our WooCommerce Display Conditions. In Cart Product Category Cart Subtotal Cart Total Items in Cart Purchase Date In Purchase Product category Order(s) Placed Current Product Category Current Product Price Current Product Stock Cart Product Purchase Order Total First Purchase Date Last Purchase Date Last Order Billing City Last Order Billing State Last Order Billing Country Last Order Billing Postcode Last Order Shipping City Last Order Shipping State Last Order Shipping Country Last Order Shipping Postcode ![](https://theplusaddons.com/wp-content/uploads/2025/06/Fashion-Product.png) ## Display Conditions for WooCommerce Easily control the visibility of Elementor content based on the number of items in cart, their category & more – the perfect opportunity to showcase personalized offers and discounts. ## Display Conditions for Checkout Page. Drive more revenue by showing contextual upsells at checkout. Easily encourage customers to add extra products to cart to benefit from free shipping. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Checkout-Page-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/My-account-image.png) ## Display Conditions for My Account Page Target returning customers with personalized offers based on their user data, purchase activity & more directly in their account area. ## Display Conditions for Single Product Page. Show custom content dynamically based on product stock, category etc. to increase your checkout rates. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Single-Product-page-Image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/condition-page-image.png) ## Display Conditions for Product Listing Page. Using cross-selling to increase the average order value for your WooCommerce store has never been easier – in just a few clicks you can start showing visitors related products from the current category they're browsing. ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Custom Fields Visibility Conditional Rules Elementor Source: https://theplusaddons.com/elementor-extras/custom-fields-display-conditions/ ![](https://theplusaddons.com/wp-content/uploads/2025/06/Populate-Dynamic-post-meta-image.png) ## Populate Dynamic Post Meta - Default WordPress Post Meta Terms & User Profile - ACF, Toolset, MetaBox & Pods Content - WooCommerce Dynamic Content ## Show Dynamic Fields in all our Widgets - Show Dynamic Fields in all our Blocks - Add Prefix, Postfix to the field data - Add Fallback Content ![](https://theplusaddons.com/wp-content/uploads/2025/06/Show-Dynamic-Fields-Image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Make-use-of-Nexter-Image.png) ## Make use of Nexter Theme Builder - Build Singular Page for Blog Posts or CPT - Create Category Archive or Search Pages - Add Display Conditional Rules ## Custom Post Loop Skin in Elementor - Show Dynamic Fields in all our Blocks - Add Prefix, Postfix to the field data - Add Fallback Content ![](https://theplusaddons.com/wp-content/uploads/2025/06/Custom-Post-Loop-Skin.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Magic Scroll Animation for Elementor Source: https://theplusaddons.com/elementor-extras/magic-scroll-integration/ Features of MagicScroll Works with All Widgets of The Plus Addons for Elementor. MagicScroll in Elementor ![](https://theplusaddons.com/wp-content/uploads/2019/02/person.png) ![](https://theplusaddons.com/wp-content/uploads/2019/02/tourbg.jpg) ![](https://theplusaddons.com/wp-content/uploads/2019/02/4k-wallpaper-close-up-dew-807598.jpg) Unique Elements Donec mauris leo, vestibulum malesuada blandit. Donec mauris leo. Read More Build Your Website Donec mauris leo, vestibulum malesuada blandit. Donec mauris leo. Read More High Performance Donec mauris leo, vestibulum malesuada blandit. Donec mauris leo. Read More ## Use with any widget ### Works smoothly with all widgets - - Google Plus- Twitter- Youtube- Instagram- LinkedIN follow me ## Achieve most amazing layouts to impress your clients ## Tons of Options to Play with ![](https://theplusaddons.com/wp-content/uploads/2018/08/img21.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/08/img19.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/08/img23.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/08/img20.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/08/img22.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/08/img24.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/08/img18.jpg) ## Available Options ### All Needed Options Included from MagicScroll ![](https://theplusaddons.com/wp-content/uploads/2019/03/magic-scroll-options-2.jpg) Options of Initial Position ![](https://theplusaddons.com/wp-content/uploads/2019/03/magic-scroll-options-1.jpg) Offset + Scroll Duration Options ![](https://theplusaddons.com/wp-content/uploads/2019/03/magic-scroll-options-3.jpg) Options of Final Position ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Custom CSS for Elementor Source: https://theplusaddons.com/elementor-extras/custom-css/ ## Add Custom CSS with Ease Achieve complete design flexibility by adding custom CSS to any Row, Section, Container, or Column in Elementor with the Elementor Custom CSS. Create your layouts precisely to your needs for a truly unique website. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Adventure-wildlife-phootgrpher.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Facebook Pixel Event Conversion Tracker Source: https://theplusaddons.com/elementor-extras/facebook-pixel-event-conversion-tracker/ ## Facebook (Meta) Pixel Event Tracker for Elementor Easily monitor and analyze user interactions with Facebook Pixel Event Tracker for Elementor. Gain valuable insights into user behavior and fine-tune your website's performance with accuracy. View Use Cases ![](https://theplusaddons.com/wp-content/uploads/2024/12/Facebook-Meta-Pixel-Event-Tracker-for-Elementor.png) ### Supported Facebook Pixel Events - Add Payment Info - Complete Registration - Donate - Lead - Search - Subscribe - Add to Cart - Contact - Find Location - Purchase - Start Trial - View Content - Add to Wishlist - Customize Product - Initiate Checkout - Schedule - Submit Application ## Track Any Facebook Pixel Event or Create Custom Events Easily track all Facebook Pixel events or create custom events tailored to your needs with the Facebook Pixel Event Tracker for Elementor. Find valuable insights and improve your site's performance. ### Monitor User Logins and Signups Easily track user logins and sign-ups through your forms. With Facebook Pixel Event Tracking, gain insights into user engagement and optimize their experience to drive higher conversions. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Monitor-User-Logins-and-Signups.png) ### Track Form Submissions Monitor every form submission to analyze user behavior and refine your forms. This allows you to optimize your site's performance and boost conversion rates. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Track-Form-Submissions.png) ### Track Download Clicks Track exactly when users click to download your content. This enables you to identify popular resources and refine your content strategy to better align with your audience's needs. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Track-Download-Clicks.png) ### Track Every CTA Button Click Track every click on your Call-to-Action (CTA) buttons. This valuable insight reveals which elements drive engagement, helping you fine-tune your strategy for improved interaction. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Track-Every-CTA-Button-Click.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Neumorphism Source: https://theplusaddons.com/elementor-extras/neumorphism/ ## Live Demos of Elementor Neumorphism [![](https://theplusaddons.com/wp-content/uploads/2024/07/Neumorphism-Bento-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/neumorphism-demo/%20#neumorphismdemo1) ### Neumorphism Bento Grid [![](https://theplusaddons.com/wp-content/uploads/2024/07/Icon-Boxes-with-Neumorphism.png)](https://etemplates.wdesignkit.com/theplusaddons/neumorphism-demo/%20#neumorphismdemo2) ### Icon Boxes with Neumorphism [![](https://theplusaddons.com/wp-content/uploads/2024/07/Neumorphism-Personal-Bio.png)](https://etemplates.wdesignkit.com/theplusaddons/neumorphism-demo/%20#neumorphismdemo3) ### Neumorphism Personal Bio ## Key Features of Elementor Neumorphism ![](https://theplusaddons.com/wp-content/uploads/2024/07/Box-Shadow-Controls.png) ### Box Shadow Controls ![](https://theplusaddons.com/wp-content/uploads/2024/07/Text-Shadow.png) ### Text Shadow ![](https://theplusaddons.com/wp-content/uploads/2024/07/Drop-Shadows.png) ### Drop Shadows ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Glassmorphism Source: https://theplusaddons.com/elementor-extras/glassmorphism/ ## Live Demos of Elementor Glassmorphism [![](https://theplusaddons.com/wp-content/uploads/2024/07/Info-Boxes-With-GlassMorphism-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-glassmorphism-demo/%20#morphism-1) ### Info Boxes With Glassmorphism Effect [![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-Glassmorphism-in-Hero-Section.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-glassmorphism-demo/%20#morphism-2) ### Elementor Glassmorphism in Hero Section [![](https://theplusaddons.com/wp-content/uploads/2024/07/Blur-Frosted-Glass-Effect-in-Container.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-glassmorphism-demo/%20#morphism-3) ### Blur Frosted Glass Effect in Container ## Key Features of Elementor Glassmorphism ![](https://theplusaddons.com/wp-content/uploads/2024/07/Adjust-Blur-Grayscale-for-Glassmorphism.png) ### Adjust Blur & Grayscale for Glassmorphism ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Global Tooltips Source: https://theplusaddons.com/elementor-extras/global-tooltips/ ## Service Available At Spa Aura, we prioritize your beauty and wellness with advanced laser facial hair removal for a flawless look. Clinical Treatments Discover a range of clinical treatments designed to enhance your beauty and wellness. Naturally Grafted Experience the benefits of naturally grafted treatments that blend nature and science. Facial Rejuvenation Revitalize your skin with our specialized facial rejuvenation treatments. Toxins Free Enjoy our toxin-free treatments that focus on purifying & enhancing your skin . View all Services ##### Pricing ## Discover our range of wellness offerings ![](https://theplusaddons.com/wp-content/uploads/2024/11/gold-kada.png) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) ### Diamond Solitaire Ring #### $33.09 With regular massage format and steam bath ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) ### Sapphire & Diamond Ring #### $36.12 With regular massage format and steam bath ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) ### Pearl Strand Necklace #### $34.29 With regular massage format and steam bath ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) ### Gold Pendant Necklace #### $40.52 With regular massage format and steam bath ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) ### Diamond Tennis Necklace #### $38.09 With regular massage format and steam bath ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) ### Gold Bangle Bracelet #### $37.21 With regular massage format and steam bath Explore full pricing list ## Amazing Products At Spa Aura, we prioritize your beauty and wellness with advanced laser facial hair removal for a flawless look. View all Services ![](https://theplusaddons.com/wp-content/uploads/2024/11/amazing-product-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/product-image-one.png) ### $44 Product 01 ![](https://theplusaddons.com/wp-content/uploads/2024/11/product-image-one.png) ### $48 Product 02 ![](https://theplusaddons.com/wp-content/uploads/2024/11/product-image-one.png) ### $36 Product 03 ## Unleashing the Potential: Our Key Feature - Streamlined Recruitment - Employee Onboarding - Performance Management - Payroll and Benefits Administration - Time and Attendance Tracking - Employee Self-Service Portal - Advanced Analytics and Reporting - Compliance and Security ![](https://theplusaddons.com/wp-content/uploads/2024/11/dashstack-board-image.png) ### Refresh ### Your World - Productivity Unleashed ## A Visual Tour of the Office Gallery Discover the essence of efficiency and creativity through our curated office space. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Natural-Beauty-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/Orange-Mist-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/Purple-Serum-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/Pink-Tube-image.png) ## Innovations in Agricultural Technology ## Cultivating a Smarter Future In an era where technology is revolutionizing every facet of our lives, agriculture is not left behind. The fusion of innovation with traditional farming practices is paving the way for a smarter, more efficient, Vertical Farming Precision Agriculture Drone Technology Smart Irrigation Robotics Agriculture IoT in Farming Precision Farming Blockchain Agriculture ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Display Conditions for Elementor Source: https://theplusaddons.com/elementor-extras/display-conditions/ ## Good morning, it's Sunday.👋 Scroll down to Explore the Power of Display Rules. ## Good morning, it's Monday.👋 Scroll down to Explore the Power of Display Rules. ## Good morning, it's Tuesday.👋 Scroll down to Explore the Power of Display Rules. ## Good morning, it's Wednesday.👋 Scroll down to Explore the Power of Display Rules. ## Good morning, it's Thursday.👋 Scroll down to Explore the Power of Display Rules. ## Good morning, it's Friday.👋 Scroll down to Explore the Power of Display Rules. ## Good morning, it's Saturday.👋 Scroll down to Explore the Power of Display Rules. - Visitor - Date and Time - Single Page - Archive Page - Language - URL - Shortcode - Advanced Custom Fields ![](https://theplusaddons.com/wp-content/uploads/2024/11/ACF-Image.png) - Text Fields - Selection - Boolean - Date & Time - Button Group ## Display Conditions for Dynamic Custom Fields Display conditional content from dynamic custom fields with smooth integration from tools like ACF, Jet Engine, and more. ## Display Conditions for Geo Location Deliver unique, tailored experiences by targeting segments of your global audience Australia Australia USA USA Scotland Scotland India India Germany Germany England England Cuba Cuba All Global All Global ![](https://theplusaddons.com/wp-content/uploads/2024/11/web-url-image.png) - FREE - New ## Display Conditions for URL Parameters & Strings Powerful Display Rules for every marketer, where you can show or hide content based on UTM Parameters or URL Strings. - PRO ## Display Conditions for Shortcodes Using plugins or themes that use shortcodes for galleries, audio players, forms & more? We've got you covered. Easily show/hide your content with any supported display condition. ![](https://theplusaddons.com/wp-content/uploads/2024/11/air-jordan-image-1024x532.png) - PRO ## Display Conditions based on Language From Hello to Namaste, you have readers from all over the world. Personalize your Text, images or any Elementor widget content using Display Rules based on Browser and Site Language. #### English ##### Hello #### English ##### Hello #### Spanish ##### Hola #### Spanish ##### Hello #### German ##### Hallo #### German ##### Hallo #### French ##### Bonjour #### French ##### Bonjour #### Italian ##### Ciao #### Italian ##### Ciao #### Other ##### 👋 #### Other ##### 👋 ![](https://theplusaddons.com/wp-content/uploads/2024/11/visitor-layout.png) ## Display Conditions for Visitor Show custom content based on visitor details like Login Status, User Role, Operating System, Browser and Geo Location i.e., IP. You can also combine them together to create your custom visibility rule for Elementor widgets. - PRO - New ## Display Conditions Based on Operating System Show custom content based on visitor's operating system. - Windows - Windows - Mac - Mac - Android - Android - Ios - Ios - Linux - Linux - Chrome OS - Chrome OS - New ## Display Conditions based on Visitor Login Status Show custom content based on visitor's Login Status. ![](https://theplusaddons.com/wp-content/uploads/2024/11/visitor-login-image-1024x532.png) - New ## Display Conditions for Visitor's Browser Choose from any of the popular browsers to set conditions to fully control the content your website visitors see. Show or hide specific Elementor widgets or entire sections. ### Chrome ![](https://theplusaddons.com/wp-content/uploads/2022/08/Chrome-BW.svg) ![](https://theplusaddons.com/wp-content/uploads/2022/08/Chrome-browse.svg) ### Safari ![](https://theplusaddons.com/wp-content/uploads/2022/08/Safari-BW.svg) ![](https://theplusaddons.com/wp-content/uploads/2022/08/Safari-icon.svg) ### Firefox ![](https://theplusaddons.com/wp-content/uploads/2022/08/FireFox-BW.svg) ![](https://theplusaddons.com/wp-content/uploads/2022/08/Firefox.svg) ### Edge ![](https://theplusaddons.com/wp-content/uploads/2022/08/Edge-black-white.svg) ![](https://theplusaddons.com/wp-content/uploads/2022/08/Edge.svg) ### Opera ![](https://theplusaddons.com/wp-content/uploads/2022/08/opera-mini-black-white.svg) ![](https://theplusaddons.com/wp-content/uploads/2022/08/opera.svg) - New ## Time of the day Easily set specific intervals (fully customizable) during which you want to display or hide page content. ### Morning - 5 AM to 11 AM ![](https://theplusaddons.com/wp-content/uploads/2024/11/Morning-dark-sun.svg) ### Morning - 5 AM to 11 AM ![](https://theplusaddons.com/wp-content/uploads/2024/11/morning-sun.svg) ### Afternoon - 11 AM to 4 PM ![](https://theplusaddons.com/wp-content/uploads/2024/11/afternoon-dark-sun.svg) ### Afternoon - 11 AM to 4 PM ![](https://theplusaddons.com/wp-content/uploads/2024/11/afternoon-sun.svg) ### Evening - 4 PM to 7 PM ![](https://theplusaddons.com/wp-content/uploads/2024/11/evening-dark-sun.svg) ### Evening - 4 PM to 7 PM ![](https://theplusaddons.com/wp-content/uploads/2024/11/evening-sun.svg) ### Night - 7 PM to 5 AM ![](https://theplusaddons.com/wp-content/uploads/2024/11/night-dark-sun.svg) ### Night - 7 PM to 5 AM ![](https://theplusaddons.com/wp-content/uploads/2024/11/night-sun.svg) ## Day of The Week Want to let your website visitors know your support team is away during the weekend? All that and more in just a few clicks – display custom content based on the days of the week. ![](https://theplusaddons.com/wp-content/uploads/2024/11/monday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/monday-light.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/tuesday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/tuesday-light.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/wednesday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/wednesday-light.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/thursday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/thursday-light.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/friday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/friday-light.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/saturday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/saturday-light.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/sunday-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/sunday-light.png) - New ## Single Page Easily show & hide Elementor widgets on an individual page (or set of pages). - Page - Post - Static page - Post Type - Term ![](https://theplusaddons.com/wp-content/uploads/2024/11/single-page-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/11/archive-page-image.png) - New ## Display Conditions for Archive Page Show custom content on your Archive Page using Elementor Display Conditions. - Taxonomy - Term - Post Type - Date - Author - Search ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Wrapper Link Source: https://theplusaddons.com/elementor-extras/wrapper-link/ - SERVICE WE OFFER ## Explore The Possibilities ### High-Speed Connectivity Enjoy blazing-fast internet with advanced Wi-Fi technology. Check Now ### Dual-Band Compatibility Seamlessly connect multiple devices with support for both 2.4GHz frequencies. Check Now ### Secure Network Seamlessly connect multiple devices with support for both 2.4GHz frequencies. Check Now ## Auto Interface Insights Navigating the Future of Automotive User Experience [ ### Inventory Management Interface An interface designed to monitor and control the flow of goods within a supply chain. It enables businesses to track inventory levels, manage stock locations ](https://theplusaddons.com/) [ ### Logistics Tracking Interface An interface designed to monitor and control the flow of goods within a supply chain. It enables businesses to track inventory levels, manage stock locations ](https://theplusaddons.com/) [ ### Data Analytics Dashboard An interface designed to monitor and control the flow of goods within a supply chain. It enables businesses to track inventory levels, manage stock locations ](https://theplusaddons.com/) [ ### Supplier Relationship Management An interface designed to monitor and control the flow of goods within a supply chain. It enables businesses to track inventory levels, manage stock locations ](https://theplusaddons.com/) ## SPIDERMAN In the shadowed heart of Gotham, Batman stands vigilant as the Bat-Signal blazes, summoning him to action against a breakout at Arkham Asylum. With his armored suit and sleek Batmobile, he navigates the city's labyrinthine streets, always steps ahead of his foes. Amidst the chaos, he remains a beacon of hope and fear. Read more ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # White Label Source: https://theplusaddons.com/elementor-extras/white-label/ ![](https://theplusaddons.com/wp-content/uploads/2024/12/White-Label-The-Plus-Addons-with-Your-or-Your-Clients-Identity.png) ## White Label The Plus Addons with Your or Your Clients Identity - Update Plugin Name - Update Plugin Description - Update Developer Name - Update Plugin’s Website URL - Update Name in Dashboard Menu - Update Dashboard Menu’s Icon/Logo ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Row/ Section Full Scroll Animation  Source: https://theplusaddons.com/elementor-extras/row-section-full-scroll-animation/ - Chapter ## The Rectangular Enigma Hidden within the confines of a rectangle, the enigmatic thinker navigates a world of structured chaos and abstract lines. ![](https://theplusaddons.com/wp-content/uploads/2024/11/The-Enigma.png) - Chapter ## The Visionary Triangle In the realm of geometric clarity, the visionary's perspective is shaped by sharp angles and bold contrasts. ![](https://theplusaddons.com/wp-content/uploads/2024/11/The-Triangle.png) - Chapter ## The Circular Continuum In the infinite loops of the circular continuum, the journey is never-ending, and each step is a harmonious blend of past, present, and future. ![](https://theplusaddons.com/wp-content/uploads/2024/11/The-Circular.png) - Chapter ## The Star of Perception Illuminated by the brilliance of a star, perception expands beyond the ordinary, embracing a spectrum of possibilities. ![](https://theplusaddons.com/wp-content/uploads/2024/11/The-Perception.png) Fulfill Your ## Wellness Requirements with the PixeSaaS App. #### Download our app - - - ![](https://theplusaddons.com/wp-content/uploads/2024/10/01-Free-iPhone-15-Pro-Mockup-727x1024.png) - Start - free trial Get trained by the most skilled team. 3 minute ## Business Growth
Scenarios - ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272630888-1.png) ##### 0k+ ###### People trust us ![](https://theplusaddons.com/wp-content/uploads/2024/10/hello-hand-1.png) Create, share & play your own AR content anytime anywhere Download app ## Better management for better health. Start Free Trial ![Device mobile](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/devices/iphone-x-black.png)![](https://theplusaddons.com/wp-content/uploads/2020/10/43fd5a5afb6e4af9a61e9efc07f7692d-1.png)![](https://theplusaddons.com/wp-content/uploads/2020/10/Frame-1272630946.png)![](https://theplusaddons.com/wp-content/uploads/2020/10/Frame-1272630944.png)![](https://theplusaddons.com/wp-content/uploads/2020/10/Frame-1272630944-1.png)![](https://theplusaddons.com/wp-content/uploads/2020/10/Frame-1272630943.png)![](https://theplusaddons.com/wp-content/uploads/2020/10/Frame-1272630944-2.png) Protect Your Health Companion Get Started ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Global Mouse Hover Parallax Source: https://theplusaddons.com/elementor-extras/global-mouse-hover-parallax/ TRUSTED BY THOUSANDS OF Business ###### More 15,000 Companies & partners trusted & choice Itekseo ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-1-.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-2-.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-9.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-4.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-5.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-6.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-7.svg) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Client-Carousel-Demo-2-8.svg) Bring your business to the best scale ## Discover Products With the Best Pricing Select from best plan, ensuring a perfect match. Need more or less? Customize your subscription for a seamless fit! BasicBest for personal use.FreeGet Started- Employee directory - Task management- Calendar integration - File storage- Communication tools- Reporting and analytics EnterpriseFor large teams & corporations.$20/ per monthGet Started- Advanced employee directory - Project management - Resource scheduling - Version control - Team collaboration - Advanced analytics BusinessBest for business owners.$120/ per monthGet Started- Employee directory - Client project management - Client meeting schedule- Compliance tracking- Client communication- Create custom reports tailored  ## The Company's Core Values ![](https://theplusaddons.com/wp-content/uploads/2025/06/Hover-Image-1.png) #### Customer Focus Dedicated to exceeding customer expectations through personalized service and attention. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Hover-Image-2.png) #### Integrity & Transparency Committed to conducting business with unwavering honesty and transparency in all dealings. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Hover-Image-3.png) #### Excellence & Accountability Striving for excellence in all endeavors, while taking full responsibility for our actions and outcomes. ## Bookish Bliss on Your Fingertips ![](https://theplusaddons.com/wp-content/uploads/2025/07/Mouse-Hover-Template-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Mouse-Hover-Template-3.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Mouse-Hover-Template-1.png) 01 ###### Join the Literary Journey Sign up and embark on your literary adventure. Personalize your profile and preferences to unlock a tailored book-buying experience. 02 ###### Discover Endless Stories Dive into a vast collection of books curated just for you. Explore genres, bestsellers, and hidden gems with intuitive filters and recommendations. 03 ###### Real-time Book Browsing Immerse yourself in live book listings. Stay updated on new arrivals, exclusive offers, and community reviews as you browse the dynamic, ever-changing catalog. ## Live Demos of 3D Tilt Powering Tomorrow ### The Future of Green Energy Our commitment to green energy is paving the way for a cleaner, healthier planet. Join us on a journey towards a future where clean, renewable energy sources transform the way we power our lives. Get in touch Check Video ![](https://theplusaddons.com/wp-content/uploads/2025/06/Tilt-3d.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Candlestick.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Score.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/Area.png) ### Statistical distribution analysis Distribution and Variability Analysis A comprehensive overview of the data's spread and central tendency, highlighting key statistical measures. This visualization aids in understanding the range. Get started now ##### Fresh, Fast, & Flavorful ## Savor the Best Veggie Fast-Food with Ingredients You Can Trust ![](https://theplusaddons.com/wp-content/uploads/2025/06/pizza-titlt-3d.png) ### Mediterranean Veggie Salad #### $8.99 Crisp greens, cucumber, olives, and feta cheese tossed in a lemon vinaigrette. ### Veggie Quesadilla #### $8.99 Soft tortillas filled with melted cheese, grilled vegetables, and a side of salsa. ### Veggie Samosa #### $8.99 Crispy pastry filled with spiced potatoes, peas, and herbs, served with a tangy chutney. ### Grilled Veggie Panini #### $8.99 Grilled veggies, mozzarella, and pesto sauce pressed in a toasted panini. ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Content Animation Source: https://theplusaddons.com/elementor-extras/on-scroll-content-animation/ ## On Scroll Animations Eliminate boring popups and showcase the theme with multiple transition animations and engaging effects. - Fading- Sliding- Zooming- Rotating- Flippers- Lightspeed- Attention Seeker- SpecialsFadingSlidingZoomingRotatingFlippersLightspeedAttention SeekerSpecials ## Innovations in Agricultural Technology ## Cultivating a Smarter Future In an era where technology is revolutionizing every facet of our lives, agriculture is not left behind. The fusion of innovation with traditional farming practices is paving the way for a smarter, more efficient, Vertical Farming Precision Agriculture Drone Technology Smart Irrigation Robotics Agriculture IoT in Farming Precision Farming Blockchain Agriculture ## Streamlined Healthcare Access in Three Simple Steps Ordering and Payments Premium Sound, Supreme Comfort Learn how to effortlessly navigate our website, choose your desired products, and complete the purchase securely with our streamlined checkout process. Shipping and Delivery We offer standard and expedited shipping options. Delivery times vary based on location and shipping method, typically ranging from 3-7 business days for standard shipping. You’ll receive tracking information once your order is shipped. Returns and Exchanges We accept returns and exchanges within 30 days of purchase. Items must be unused and in original packaging. Please contact our support team to initiate the process. Customer Support You can reach our customer support team via email, phone, or live chat. We’re available to assist you with any inquiries or issues during our business hours. ## Team Member Section: The Extraordinary Primates ![](https://theplusaddons.com/wp-content/uploads/2024/11/Grumpy-Gary-a.png) ### Grumpy Gary Do I look like someone who enjoys paperwork? ![](https://theplusaddons.com/wp-content/uploads/2024/11/Maverick-Max-a.png) ### Maverick Max Stick with me, and you'll never be bored! ![](https://theplusaddons.com/wp-content/uploads/2024/11/Heroic-Hank-a.png) ### Heroic Hank Justice never sleeps, and neither do I! ![](https://theplusaddons.com/wp-content/uploads/2024/11/Rugged-Rick-a.png) ### Rugged Rick You think you can take me down? Think again! ![](https://theplusaddons.com/wp-content/uploads/2024/11/Inquisitive-Ike.png) ### Inquisitive Ike Stick with me, and you'll never be bored! ![](https://theplusaddons.com/wp-content/uploads/2024/11/Brainy-Ben-a.png) ### Brainy Ben Knowledge is power, and I've got plenty. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Fearless-Frank.png) ### Fearless Frank You think you can take me down? Think again! ![](https://theplusaddons.com/wp-content/uploads/2024/11/Curious-Carl.png) ### Curious Carl Stick with me, and you'll never be bored! ## Securing Your Haven: Home Insurance Excellence ### Comprehensive Home Protection Welcome to our Home Insurance Agency, where we prioritize safeguarding your most cherished investment – your home. Our policies are crafted to provide comprehensive coverage, ensuring peace of mind and financial security for you and your family. In a world of uncertainties, our insurance plans offer a robust shield against unforeseen events. From natural disasters to theft and accidents, we've got you covered. With a focus on personalized service and swift claims processing, we strive to make your experience with us seamless and reliable. ##### 0% ###### Customer Satisfaction ##### 0/7 ###### Customer Support ![](https://theplusaddons.com/wp-content/uploads/2024/11/Home-Protection.png) Unlock Your Business Potential with BizMaster BizMaster streamlines operations and drives growth, empowering your team to achieve new levels of productivity and success. ![](https://theplusaddons.com/wp-content/uploads/2024/11/business-potential.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Grid Design Tool Source: https://theplusaddons.com/elementor-extras/grid-design-tool/ ## Grid System Use Grid System to get bootstrap grid reference layout on your whole page to make sure all design and alignments are developed initial design from PSD or other designer file. - Bootstrap Grid Reference Layout - Custom Layout with Options of Alley, Columns & Offset ![](https://theplusaddons.com/wp-content/uploads/2025/01/Card-Grid.png) ![](https://theplusaddons.com/wp-content/uploads/2025/01/Card-Grid.png) ![](https://theplusaddons.com/wp-content/uploads/2025/01/Card-Grid.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Equal Height for Elementor Source: https://theplusaddons.com/elementor-extras/equal-height/ ## Equal Height for Image Box ![](https://theplusaddons.com/wp-content/uploads/2025/05/Chill-Vibes-Only.png) ### Chill Vibes Only Step into a world of cool, calm, and collected style. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Street-Style-Queen.png) ### Street Style Queen Dominate the streets with confidence and style. Embrace bold fashion that makes a fearless statement. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Super-Star-Girl.png) ### Super Star Girl Shine bright and stand out with every step you take. ## Equal Height for Pricing Tables Free PlanAccess to basic features without any subscription fee.$0/ Month - Limited Features - Basic Support - Trial for Premium Features - Community Access - No Commitment Get Started Exclusive PlanAccess to the full suite of advanced functionalities.$20/ Month - Premium Features - Custom Integrations - Personalised Onboarding - Dedicated Account Manager - Higher API Limits - Advanced Analytics Dashboard - Priority Customer Support Get Started Platinum PlanAccess to the full suite of advanced features and functionalities.$30/ Month - Unlimited Usage - Exclusive Content - Custom Reports and Analytics - Priority Support - VIP Community Access Get Started ## Equal Height for Testimonial Cards I've been using this NFT marketplace for months, and it's by far the most user-friendly platform out there. The intuitive design and smooth transactions make buying and selling NFTs a breeze. The community is vibrant and always ready to help newcomers. I highly recommend it. ### User-friendly, Intuitive, Welcoming ### ![](https://theplusaddons.com/wp-content/uploads/2025/05/Ray-K-Davidson.png) Alice Chen Senior Product Designer The low transaction fees are a major plus. I can buy and sell without worrying about losing too much to fees. This affordability makes trading more enjoyable and profitable. It’s one of the best features of this marketplace. ### Affordable, Profitable, Enjoyable ### ![](https://theplusaddons.com/wp-content/uploads/2025/05/Precision-in-architecture.png) Liam Patel Chief Technology Officer The customer support is top-notch. They helped me resolve an issue quickly and efficiently, which really impressed me. Their responsiveness and professionalism make me feel confident in using the platform. I highly recommend this marketplace! ### Responsive, Professional ### ![](https://theplusaddons.com/wp-content/uploads/2025/05/caucasian-woman-s.png) Sophia Martinez Marketing Director I've tried several NFT platforms, but this one stands out for its reliability and ease of use. The smooth user experience and consistent performance make it my go-to marketplace. ### Reliable, Intuitive, Seamless ### ![](https://theplusaddons.com/wp-content/uploads/2025/05/Precision-in-architecture-.png) Ethan Kim Customer Success Manager ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Cross-Domain Copy Paste Content for Elementor Source: https://theplusaddons.com/elementor-extras/cross-domain-copy-paste-content/ ## Instantly Copy Sections Across Domains with Full Styling & Media Content Easily copy any section from third-party domains or The Plus Addons' website live demos, with all media, text, and styles seamlessly preserved, right from your browser. ![](https://theplusaddons.com/wp-content/uploads/2024/11/Cross-Domain-copy-section.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Query Builder for Elementor Source: https://theplusaddons.com/elementor-listing/advance-query-builder/ ## Popular Usecases of Advanced Query Builder - Event WebsiteDisplay upcoming or past events by date, category, or type to keep your audience updated and engaged effortlessly.- News or Magazine WebsiteOrganize articles by topics, tags, or authors to create dynamic sections for trending, latest, or featured news.- E-Commerce WebsiteShowcase products by categories, price, popularity, or stock status to build personalized shopping experiences without custom development.- Portfolio WebsiteHighlight projects by type, client, or date to craft a stunning, filterable portfolio that matches your creative style.- Online Course or LMS WebsiteList courses by subject, instructor, or difficulty level to help students quickly find the most relevant learning materials.- Real Estate or Directory WebsiteFilter listings by location, property type, price range, or agent to create tailored browsing experiences for your visitors.Event WebsiteDisplay upcoming or past events by date, category, or type to keep your audience updated and engaged effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Event-Website.png) News or Magazine WebsiteOrganize articles by topics, tags, or authors to create dynamic sections for trending, latest, or featured news. ![](https://theplusaddons.com/wp-content/uploads/2025/07/News-or-Magazine-Website.png) E-Commerce WebsiteShowcase products by categories, price, popularity, or stock status to build personalized shopping experiences without custom development. ![](https://theplusaddons.com/wp-content/uploads/2025/07/E-Commerce-Website.png) Portfolio WebsiteHighlight projects by type, client, or date to craft a stunning, filterable portfolio that matches your creative style. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Portfolio-Website.png) Online Course or LMS WebsiteList courses by subject, instructor, or difficulty level to help students quickly find the most relevant learning materials. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Online-Course-or-LMS-Website.png) Real Estate or Directory WebsiteFilter listings by location, property type, price range, or agent to create tailored browsing experiences for your visitors. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Real-Estate-or-Directory-Website.png) ## Conditional Logic ![](https://theplusaddons.com/wp-content/uploads/2025/07/logic-images-1024x346.png) ## Supported Widgets - - - - - - - - - - - - - - - - - - - - - - - - ## Key Features of Advanced Query Builder #### Display Posts from Specific Categories & Tags Easily show content based on selected categories or tags to deliver highly targeted and relevant content to your visitors. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Display-Posts-from-Specific-Categories-Tags.png) #### Quick Queries Use predefined query options to instantly display popular, recent, or featured posts without complex settings or custom code. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Quick-Queries.png) #### Include & Exclude Category Fine-tune your content by including or excluding specific categories to control exactly what appears on your pages. ![](https://theplusaddons.com/wp-content/uploads/2025/07/include-exclude-category-image.png) #### Maximum and Offset Posts Display Limit the number of posts shown and skip initial ones to create smart layouts like featured + recent or staggered content sections. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Quick-Queries-Images.png) #### Reorder Posts Sort posts by author, title, date, comment count and more in ascending or descending order for perfect layout control. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Recorder-Post-images.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Custom Query Builder for Elementor Source: https://theplusaddons.com/elementor-listing/custom-query-builder/ ## How to Use Custom Query Builder [5 Simple Steps] - Prepare Your Query Logic in PHPWrite your custom PHP query to modify WP_Query: ordering, filtering, meta queries, post types. Assign this logic to a unique query ID.- Add the Dynamic Listing WidgetDrag and drop the Dynamic Listing widget by The Plus Addons onto your Elementor page or template. This widget will later fetch and display posts according to your custom query definition.- Select “Custom Query” ModeInside the widget settings, open the “Post Listing Types” dropdown and choose “Custom Query”. This connects the widget to your PHP-based filtering logic.- Add Your Query IDIn the "Query ID" field, enter the same identifier you used in your PHP code. Elementor uses it to link the widget to your custom query logic.- Choose Style and LayoutPick your preferred display style and layout options from the Style & Layout dropdowns to visually present the filtered posts.Prepare Your Query Logic in PHPWrite your custom PHP query to modify WP_Query: ordering, filtering, meta queries, post types. Assign this logic to a unique query ID. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Prepare-Your-Query-Logic-in-PHP.png) Add the Dynamic Listing WidgetDrag and drop the Dynamic Listing widget by The Plus Addons onto your Elementor page or template. This widget will later fetch and display posts according to your custom query definition. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Add-the-Dynamic-Listing-Widget.png) Select “Custom Query” ModeInside the widget settings, open the “Post Listing Types” dropdown and choose “Custom Query”. This connects the widget to your PHP-based filtering logic. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Select-Custom-Query-Mode.png) Add Your Query IDIn the "Query ID" field, enter the same identifier you used in your PHP code. Elementor uses it to link the widget to your custom query logic. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Set-Your-Query-ID.png) Choose Style and LayoutPick your preferred display style and layout options from the Style & Layout dropdowns to visually present the filtered posts. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Customize-Presentation-Save.png) ## Conditional Logic ![](https://theplusaddons.com/wp-content/uploads/2025/07/Conditional-Logic-1024x344.png) ## Usecases of Custom Query Builder ## Event Listing Display upcoming or past events by filtering posts based on custom dates, categories, or tags for a tailored calendar view. ![](https://theplusaddons.com/wp-content/uploads/2025/07/event-listing.png) ## Portfolio Showcase Showcase specific portfolio items by client, category, or project type using advanced filters for a clean, curated presentation. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Portfolio-Showcase.png) ## Product Grid Highlight featured, on-sale, or category-specific WooCommerce products in a flexible, custom-designed grid layout using personalized queries. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Product-Grid-Images.png) ## Blog Posts Display only trending, recent, or topic-specific blog posts using custom queries to boost relevance and reader engagement. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Blog-Posts-Powerfull-Images.png) ## Testimonials Filter and showcase testimonials from specific clients or services, ensuring you present the most impactful reviews where it matters. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Testimonials-Best-Friends-Image.png) ## Page Grid Create a visual grid of selected pages like services or landing pages using custom filters for easy navigation and organization. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Yacht-Page-Grid.png) ## Key Features of Custom Query Builder #### Multiple Post Types Display posts, pages, products, or custom post types in one layout by combining content from various sources seamlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Group-127263833.png) #### Custom Query Support Write personalized PHP queries to filter content exactly how you need. Beyond default widget limitations and standard filters. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Custom-Query-Support-Blog-Images.png) #### Include & Exclude Category Easily include or exclude specific categories to fine-tune which posts appear, keeping your layout focused and relevant. ![](https://theplusaddons.com/wp-content/uploads/2025/07/include-exclude-category-image.png) #### Quick Queries Use built-in quick query presets like recent posts or featured items to save time without writing custom code. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Quick-Queries-Images.png) #### Reorder Posts Sort posts by date, title, custom fields, or any order criteria using custom query parameters for total control. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Recorder-Post-images.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Content Loop Skin for Elementor Source: https://theplusaddons.com/elementor-listing/dynamic-content-loop-skin/ ## Create Beautiful Custom Post Type Layouts Transform your simple Custom Post Types into fully customizable layouts using the Dynamic Content Loop Skin. Fully Compatible with ACF and other Custom Post Types. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Group-1272633587.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Group-1272631997.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Turn Your Ordinary Custom Post Types into Premium One ![](https://theplusaddons.com/wp-content/uploads/2025/07/post-layout-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/post-hotel-image.png)- ![](https://theplusaddons.com/wp-content/uploads/2025/07/post-layout-image.png) ## Supports Dynamic Fields ![](https://theplusaddons.com/wp-content/uploads/2025/07/ACF-Images.png) ACF ![](https://theplusaddons.com/wp-content/uploads/2025/07/Pods-Images.png) Pods ![](https://theplusaddons.com/wp-content/uploads/2025/07/ACF-Images.png) Metabox ![](https://theplusaddons.com/wp-content/uploads/2025/07/WordPress-Default-Content-Images.png) WordPress Default Content ## Complete Loop Skin Solutions ### WooCommerce Product Loop Skin Create stunning WooCommerce product layouts effortlessly. Customize elements, add dynamic content, and design freely in Elementor without coding. ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-Product-box-image.png) ### Blog Post Loop Skin Design stunning blog post layouts effortlessly with Blog Post Loop Skin. Customize every detail, add dynamic content, and build without any coding. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Blog-Post-Loop-Skin-Box-Image.png) ### HTML Code Loop Skin Build fully custom loop layouts with HTML Code Loop Skin. Write your own HTML, control every detail, and design dynamic loops with total flexibility. ![](https://theplusaddons.com/wp-content/uploads/2025/07/HTML-Code-Loop-Skin-Box-Image.png) ## Multiple Loop Skin Layouts List your CPTs in any layout you prefer; our blog builder offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [Grid](https://theplusaddons.com/elementor-listing//blog-post/grid/) [Carousel](https://theplusaddons.com/elementor-listing//blog-post/carousel/) [Metro](https://theplusaddons.com/elementor-listing//blog-post/metro/) [Masonry](https://theplusaddons.com/elementor-listing//blog-post/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your CPTs based on category with just one click using our Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Product Loading Methods With more posts, make it easier for users to find other posts using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272635714.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/infinity-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/load-more-images.png) ## Query your Posts with Multiple Settings Show the right posts listing by filtering categories, excluding unwanted content, and seamlessly sorting by date in ascending or descending order etc. for right organization and user experience. ### Product Source Descending - Author - None - Title - Post ID - Name (slug) ### Order By - Descending - Author - Date - Comment Count - None - Title - Modified Date - Default Menu Order - Post ID - Name (slug) - Random - Custom Function ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # HTML Code Loop Skin for Elementor Source: https://theplusaddons.com/elementor-listing/html-code-loop-skin/ ## Create World Class Post Layouts Using HTML Codes Transform your plain listings into fully customizable layouts using the HTML Code Loop Skin. Write your own HTML for total control, boost SEO, lower bounce rates, and drive more conversions effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Hotel-Places.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Hotel-Places-Image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Turn Your HTML Code to Fully Functional Loop Skin ![](https://theplusaddons.com/wp-content/uploads/2025/07/Code-html-css.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272639246.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1410129386.png)- ## Key Features of Smart Loop Builder ### Smart Loop Skins Use Smart Loop Skins to design and customize grid layouts with full control over HTML and CSS, giving you the freedom to create unique designs. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Smart-Loop-Builder-Key-featutres.png) ### Convert Any Design to Post Loop Seamlessly turn any design into a functional post loop, allowing you to display posts, custom post types, and dynamic content in the exact style you want. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Convert-Any-Design-to-Post-Loop.png) ### Advanced Design Customization Modify every aspect of your grid, including layout, typography, colors, spacing, and hover effects, to match your website’s branding. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Advanced-Design-Customization.png) ### Developer Friendly Built for designers and developers who want complete freedom to implement any custom design. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Developer-Friendly.png) ## Supports Dynamic Fields ![](https://theplusaddons.com/wp-content/uploads/2025/07/ACF-Images.png) ACF ![](https://theplusaddons.com/wp-content/uploads/2025/07/Pods-Images.png) Pods ![](https://theplusaddons.com/wp-content/uploads/2025/07/ACF-Images.png) Metabox ![](https://theplusaddons.com/wp-content/uploads/2025/07/WordPress-Default-Content-Images.png) WordPress Default Content ## Complete Loop Skin Solutions ### WooCommerce Product Loop Skin Create stunning WooCommerce product layouts effortlessly. Customize elements, add dynamic content, and design freely in Elementor without coding. ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-Product-box-image.png) ### Blog Post Loop Skin Design stunning blog post layouts effortlessly with Blog Post Loop Skin. Customize every detail, add dynamic content, and build without any coding. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Blog-Post-Loop-Skin-Box-Image.png) ### Dynamic Content Loop Skin Design dynamic layouts with Dynamic Content Loop Skin. Use Custom Post Types and ACF in Elementor, no coding needed, full creative control. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Dynamic-Content-Image.png) ## HTML Code Loop Skin in Grid Layout Our HTML Code Loop Skin Builder offers Grid layout option to turn your HTML Code into Listing Layout. [Grid](https://theplusaddons.com/elementor-listing//blog-post/smart-loop-builder/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your posts based on category with just one click using our Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Loading Methods With more posts, make it easier for users to find other posts using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272635714.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/infinity-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/load-more-images.png) ## Query your Posts with Multiple Settings Show the right posts listing by filtering categories, excluding unwanted content, and seamlessly sorting by date in ascending or descending order etc. for right organization and user experience. ### Product Source Descending - Author - None - Title - Post ID - Name (slug) ### Order By - Descending - Author - Date - Comment Count - None - Title - Modified Date - Default Menu Order - Post ID - Name (slug) - Random - Custom Function ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blog Post Loop Skin for Elementor Source: https://theplusaddons.com/elementor-listing/blog-post-loop-skin/ ## Turn Your Ordinary Blog Post Listings to Premium One Upgrade your basic listing content to a fully customizable listing with our curated collection of powerful Blog Post Loop Skin Builder. With our SEO-optimized widgets and tools, designed to boost your traffic, reduce bounce rates, and create high-converting post layouts for more engagement. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Desert-Image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Desert-Images-Dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Turn your Boring Blog Post Listing Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2025/07/places-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Travel-Images.png)- ![](https://theplusaddons.com/wp-content/uploads/2025/07/places-image.png) ## Supports Dynamic Fields ACF Pods Metabox WordPress Default Content ## Complete Loop Skin Solutions ### WooCommerce Product Loop Skin Create stunning WooCommerce product layouts effortlessly. Customize elements, add dynamic content, and design freely in Elementor without coding. ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-Product-box-image.png) ### Dynamic Content Loop Skin Design dynamic layouts with Dynamic Content Loop Skin. Use Custom Post Types and ACF in Elementor, no coding needed, full creative control. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Blog-Post-Loop-Skin-Box-Image.png) ### HTML Code Loop Skin Build fully custom loop layouts with HTML Code Loop Skin. Write your own HTML, control every detail, and design dynamic loops with total flexibility. ![](https://theplusaddons.com/wp-content/uploads/2025/07/HTML-Code-Loop-Skin-Box-Image.png) ## Multiple Blog Post Loop Skin Layouts List your blog posts in any layout you prefer; our Blog Post Loop Skin Builder offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [Grid](https://theplusaddons.com/elementor-listing//blog-post/grid/) [Carousel](https://theplusaddons.com/elementor-listing//blog-post/carousel/) [Metro](https://theplusaddons.com/elementor-listing//blog-post/metro/) [Masonry](https://theplusaddons.com/elementor-listing//blog-post/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your blog posts based on category with just one click using our Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Loading Methods With more blogs, make it easier for users to find other posts using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272635714.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/infinity-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/load-more-images.png) ## Query your Blog Posts with Multiple Settings Show the right blog posts listing by filtering categories, excluding unwanted content, and seamlessly sorting by date in ascending or descending order etc. for right organisation and user experience. ### Product Source Descending - Author - None - Title - Post ID - Name (slug) ### Order By - Descending - Author - Date - Comment Count - None - Title - Modified Date - Default Menu Order - Post ID - Name (slug) - Random - Custom Function ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Product Loop Skin for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product-loop-skin/ ## Turn Your Ordinary Listings to Premium One Upgrade your basic listing content to a fully customizable listing with our curated collection of powerful WooCommerce Product Loop Skin Builder. With our SEO-optimized widgets and tools, designed to boost your traffic, reduce bounce rates, and create high-converting listings for more sales. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Shop-Shoes-Image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Shop-Shoes-Images.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/before-after-icon.png) ## Turn your Boring Product Listing Page to Premium One ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272638825.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Group-1272633598.png)- ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272638825.png) ## Supports Dynamic Fields ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-Product-Fields.png) WooCommerce Product Fields ![](https://theplusaddons.com/wp-content/uploads/2025/07/ACF-Images.png) ACF ![](https://theplusaddons.com/wp-content/uploads/2025/07/Pods-Images.png) Pods ![](https://theplusaddons.com/wp-content/uploads/2025/07/ACF-Images.png) Metabox ![](https://theplusaddons.com/wp-content/uploads/2025/07/WordPress-Default-Content-Images.png) WordPress Default Content ## Complete Loop Skin Solutions ### Dynamic Content Loop Skin Design dynamic layouts with Dynamic Content Loop Skin. Use Custom Post Types and ACF in Elementor, no coding needed, full creative control. ![](https://theplusaddons.com/wp-content/uploads/2025/07/WooCommerce-Product-box-image.png) ### Blog Post Loop Skin Design stunning blog post layouts effortlessly with Blog Post Loop Skin. Customize every detail, add dynamic content, and build without any coding. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Blog-Post-Loop-Skin-Box-Image.png) ### HTML Code Loop Skin Build fully custom loop layouts with HTML Code Loop Skin. Write your own HTML, control every detail, and design dynamic loops with total flexibility. ![](https://theplusaddons.com/wp-content/uploads/2025/07/HTML-Code-Loop-Skin-Box-Image.png) ## Multiple Product Loop Skin Layouts List your products in any layout you prefer; our WooCommerce Product Loop Skin Builder offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [Grid](https://theplusaddons.com/elementor-listing//woocommerce-product/grid/) [Carousel](https://theplusaddons.com/elementor-listing//woocommerce-product/carousel/) [Metro](https://theplusaddons.com/elementor-listing//woocommerce-product/metro/) [Masonry](https://theplusaddons.com/elementor-listing//woocommerce-product/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your products based on category with just one click using our Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/07/Frame-1272635714.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/infinity-image.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/load-more-images.png) ## Query your WooCommerce Products with Multiple Settings Show the right products by filtering categories, excluding unwanted content, and seamlessly sorting by date in ascending or descending order etc. for right organization and user experience. ### Product Source Descending - Author - None - Title - Post ID - Name (slug) ### Order By - Descending - Author - Date - Comment Count - None - Title - Modified Date - Default Menu Order - Post ID - Name (slug) - Random - Custom Function ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Category for Elementor Source: https://theplusaddons.com/elementor-listing/dynamic-category/ ## Live Demos of Elementor Dynamic Category [![](https://theplusaddons.com/wp-content/uploads/2025/06/Skincare-Products-Category-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo1) ### Skincare Products Category Grid [![](https://theplusaddons.com/wp-content/uploads/2025/06/Home-Interior-Category-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo2) ### Home Interior Category Carousel [![](https://theplusaddons.com/wp-content/uploads/2025/06/Category-Grid-with-3D-Parallax-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo3) ### Category Grid with 3D Parallax Effect [![](https://theplusaddons.com/wp-content/uploads/2025/06/Restro-Menu-Category-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo4) ### Restro Menu Category Grid [![](https://theplusaddons.com/wp-content/uploads/2025/06/Online-Store-Product-Category-Metro.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo5) ### Online Store Product Category Metro [![](https://theplusaddons.com/wp-content/uploads/2025/06/Footwear-Showcase-Category-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo6) ### Footwear Showcase Category Grid [![](https://theplusaddons.com/wp-content/uploads/2025/06/Accessories-Display-Masonry-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo7) ### Accessories Display Masonry Layout [![](https://theplusaddons.com/wp-content/uploads/2025/06/Art-Gallery-Product-Category-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-category-demos/#Demo8) ### Art Gallery Product Category Grid ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Smart Loop Builder Source: https://theplusaddons.com/elementor-listing/blog-post/smart-loop-builder/ ### Turn Your Content Display Into A Refreshing Loop With our powerful Smart Loop Builder, easily transform any post into a captivating post loop, with full control over HTML and CSS. Create unique designs that will truly engage your audience. ![](https://theplusaddons.com/wp-content/uploads/2025/04/smart-loop-image-light.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/smart-loop-image-dark.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/separator_icon.svg) ## Popular Use Cases of Smart Loop Builder - Travel BlogShowcase travel guides, destinations, and itineraries with custom layouts that draw in your audience.- Finance BlogDisplay financial news, investment tips, and market updates with customizable post loops that cater to various financial topics.- Recipe BlogOrganize and display recipes, cooking tips, and food blogs in a structured and engaging post loop.- Digital Agency BlogShowcase case studies, portfolio items, and client success stories in a visually appealing post loop that highlights your agency’s expertise.- Real Estate BlogDisplay property listings, market trends, and real estate tips in an organized, customizable post loop.- E-commerce BlogCreate dynamic product listings, reviews, and recommendations in an organized and engaging layout.- Educational BlogDisplay online courses, tutorials, and educational resources in a clear, user-friendly post loop.Travel BlogShowcase travel guides, destinations, and itineraries with custom layouts that draw in your audience. ![Tavel Blog](https://theplusaddons.com/wp-content/uploads/elementor/thumbs/Tavel-Blog-r8x9o81280abcy8n79d4h5t0t5oxd60ig6i97hv9js.png) Finance BlogDisplay financial news, investment tips, and market updates with customizable post loops that cater to various financial topics. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Finance-Blog-997x1024.png) Recipe BlogOrganize and display recipes, cooking tips, and food blogs in a structured and engaging post loop. ![](https://theplusaddons.com/wp-content/uploads/2025/03/receipe-blog-997x1024.png) Digital Agency BlogShowcase case studies, portfolio items, and client success stories in a visually appealing post loop that highlights your agency’s expertise. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Digital-Agency-1-997x1024.png) Real Estate BlogDisplay property listings, market trends, and real estate tips in an organized, customizable post loop. ![](https://theplusaddons.com/wp-content/uploads/2025/03/News-and-article-Images.png) E-commerce BlogCreate dynamic product listings, reviews, and recommendations in an organized and engaging layout. ![](https://theplusaddons.com/wp-content/uploads/2025/03/E-commerce-insignts-997x1024.png) Educational BlogDisplay online courses, tutorials, and educational resources in a clear, user-friendly post loop. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Educational-Blog-997x1024.png) ## Key Features of Smart Loop Builder ### Smart Loop Skins Use Smart Loop Skins to design and customize grid layouts with full control over HTML and CSS, giving you the freedom to create unique designs. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Smart-Loop-Builder-Key-featutres.png) ### Convert Any Design to Post Loop Seamlessly turn any design into a functional post loop, allowing you to display posts, custom post types, and dynamic content in the exact style you want. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Convert-Any-Design-to-Post-Loop.png) ### Dynamic Content Integration Automatically populate grids with content from posts, pages, or custom post types, keeping your designs fresh and up-to-date. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Dynamic-Content-Integration.png) ### Responsive Control Ensure your grid looks stunning on all devices with flexible breakpoints and mobile-first settings. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Responsive-Control.png) ### Infinite Scroll and Load More Offer multiple navigation options to keep users engaged, whether through infinite scrolling or load-more buttons. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Infinite-Scroll-and-Load-More.png) ### Interactive Filtering Options Add category, tag, or custom filters to make content browsing effortless for users. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Interactive-Filtering-Options.png) ### Advanced Design Customization Modify every aspect of your grid, including layout, typography, colors, spacing, and hover effects, to match your website’s branding. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Advanced-Design-Customization.png) ### Ready-to-Import Presets Start with pre-designed templates and customize them to save time and effort. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Ready-to-Import-Presets.png) ### Developer Friendly Built for designers and developers who want complete freedom to implement any custom design. ![](https://theplusaddons.com/wp-content/uploads/2025/03/Developer-Friendly.png) ## Live Demos of Smart Loop Builder [![](https://theplusaddons.com/wp-content/uploads/2025/03/Travel-Blogs-Loop.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-1/) ### Travel Blogs Loop [![](https://theplusaddons.com/wp-content/uploads/2025/03/Finance-Blog-Posts-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-2/) ### Finance Blog Posts Grid [![](https://theplusaddons.com/wp-content/uploads/2025/03/Digital-Agency-Posts-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-3/) ### Digital Agency Posts Layout [![](https://theplusaddons.com/wp-content/uploads/2025/03/Recipe-Blog-Posts-1.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-4/) ### Recipe Blog Posts [![](https://theplusaddons.com/wp-content/uploads/2025/03/E-Commerce-Posts-Loop.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-5/) ### E-Commerce Posts Loop [![](https://theplusaddons.com/wp-content/uploads/2025/03/Real-Estate-Articles-in-Loop.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-6/) ### Real Estate Articles in Loop [![](https://theplusaddons.com/wp-content/uploads/2025/03/Educational-Blog-Posts-Loop.png)](https://etemplates.wdesignkit.com/theplusaddons/smart-loop-builder-demo-7/) ### Educational Blog Posts Loop ## Custom Loop Skin vs. Smart Loop Builder ## Custom Loop Skin - Loop created using Elementor - No coding knowledge needed - Limited customization - Best for users looking for a simple, no-code solution ## Smart Loop Builder - Loop created using HTML code for full flexibility - Requires coding knowledge - Highly customizable, breaking coding barriers - Best for developers & designers who want full control over content display ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Listing Source: https://theplusaddons.com/elementor-listing/dynamic-listing/ ## 4+ Styles and Custom Elementor Based Loop Layouts ### Use prebuilt styles or Design using Elementor Pro's dynamic fields. - Prebuilt Style 1 : Check Demo - Prebuilt Style 2 : Check Demo - Prebuilt Style 3 : Check Demo - Prebuilt Style 4 : Check Demo - Custom Loop Builder : View More Special - Custom Loop with Mix Templates : View More Special Latest News- [Magazine-post-1](https://theplusaddons.com/magazine-post-1/)- [Magazine Post – 2](https://theplusaddons.com/magazine-post-2/)- [Magazine Post – 3](https://theplusaddons.com/magazine-post-3/)- [Magazine Post – 4](https://theplusaddons.com/magazine-post-4/)- [Magazine Post – 5](https://theplusaddons.com/magazine-post-5/) [ ](https://theplusaddons.com/magazine-post-1/) ### Magazine-post-1 [](https://theplusaddons.com/magazine-post-1/) [ ](https://theplusaddons.com/magazine-post-2/) ### Magazine Post – 2 [](https://theplusaddons.com/magazine-post-2/) [ ](https://theplusaddons.com/magazine-post-3/) ### Magazine Post – 3 [](https://theplusaddons.com/magazine-post-3/) [ ](https://theplusaddons.com/magazine-post-4/) ### Magazine Post – 4 [](https://theplusaddons.com/magazine-post-4/) [ ](https://theplusaddons.com/magazine-post-5/) ### Magazine Post – 5 [](https://theplusaddons.com/magazine-post-5/) ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-masonary-img-3.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-img-1-update-grid-builder.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-3.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/Grid-Builder-grid-img-update-5.png) ### ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-img-6-updated-grid-builder.png) ### ## Made using Custom Loop Builder + Mix Templates for custom post type + Carousel Options I have been using the software from XYZ Business for a few weeks now and it has exceeded my expectations. It is user-friendly, efficient, and the customer support team is always available to help. Highly recommend this software! ### Outstanding Support ![](https://theplusaddons.com/wp-content/uploads/2025/06/marperau.png) Emily Thompson CEO of CodeCraft Inc. I have been using the software from XYZ Business for a few weeks now and it has exceeded my expectations. It is user-friendly, efficient, and the customer support team is always available to help. Highly recommend this software! ### Improved Productivity ![](https://theplusaddons.com/wp-content/uploads/2025/06/docusense.png) Benjamin Reed Founder of X Community I have been using the software from XYZ Business for a few weeks now and it has exceeded my expectations. It is user-friendly, efficient, and the customer support team is always available to help. Highly recommend this software! ### Highly recommend ![](https://theplusaddons.com/wp-content/uploads/2025/06/marionbade.jpeg) Rachel Johnson COO of AppFinity Solutions ## Testimonials + Carousel's Center Mode ## Most amazing Layout Options ### You can create lots of different layouts with tons of customisation possibilities using this widget. - Grid Layout : Check Demo - Masonry Layout : Check Demo - Metro Layout : Check Demo - Carousel Layout : Check Demo Popular - Carousel with Center Mode : Check Demo New - Carousel with Two Rows : Check Demo Unique - Category Based Filter Options : Check Demo - Tags Based Filter Options Special - Lazy Load Feature : Check Demo - Load More Functionality : Check Demo Popular - Pagination Feature : Check Demo - Messy Columns Options : Check Demo - Stagger Based Loading Animation : Check Demo Unique ## Works with all post Types ### Lots of features to build your listing query and use that in different places on website. - Works with **all Custom Post Types** Special - Use in Normal Page - Use in Archive Page New - Use as Related Posts Section Unique - Taxonomy Based Listing - Post Ordering, Specific Exclude or/and Include Options - Offset Posts & Maximum Posts to Display Options [ ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-carousel-img-1.png) ](https://theplusaddons.com/magazine-post-5/) [Magazine-post](https://theplusaddons.com/category/magazine-post/) ### Magazine Post – 5 [August 16, 2023](https://theplusaddons.com/magazine-post-5/) | By [Darshan Patel](https://theplusaddons.com/author/darshan-patel/) [ ![](https://theplusaddons.com/wp-content/uploads/2023/08/grid-builder-grid-img-2.png) ](https://theplusaddons.com/magazine-post-4/) [Magazine-post](https://theplusaddons.com/category/magazine-post/) ### Magazine Post – 4 [August 16, 2023](https://theplusaddons.com/magazine-post-4/) | By [Darshan Patel](https://theplusaddons.com/author/darshan-patel/) ## Grid listing for blog posts + Messy Columns ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Magazine Filter for Elementor Source: https://theplusaddons.com/elementor-listing/magazine-filter/ ## Live Demos of Elementor Magazine Filter [![](https://theplusaddons.com/wp-content/uploads/2025/04/Gaming-Blogs-with-Theme-Filters.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-filter-demos/#Demo-1) ### Gaming Blogs with Theme Filters [![](https://theplusaddons.com/wp-content/uploads/2025/04/Travel-Niche-Posts-with-Filters.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-filter-demos/#Demo-2) ### Travel Niche Posts with Filters ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Gallery for Elementor Source: https://theplusaddons.com/elementor-listing/image-gallery/ ## Multiple Layouts for Elementor Image Gallery ### Image Grid Layout Create a dynamic Grid layout for your image gallery to showcase your photos in a sleek and organized grid design. [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-image-gallery/grid/) ![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-grid-layout.png) ### Image Carousel Layout Capture attention with a captivating Elementor Image Carousel slider and let your images shine in a seamless and interactive display. [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-image-gallery/carousel/) ![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Carousel-Layout.png) ### Image Metro Layout Make a bold statement with a unique Metro layout for your image gallery by arranging your photos in a modern and eye-catching Metro grid. [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-image-gallery/metro/) ![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Metro-Layout.png) ### Image Masonry Layout Create a visually stunning Elementor Masonry Gallery and showcase your images in an elegant and dynamic Masonry grid design. [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-image-gallery/masonry/) ![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-MasonryLayout.png) ## Key Features of Elementor Image Gallery ![](https://theplusaddons.com/wp-content/uploads/2024/07/Open-Image-in-Lightbox.png) ### Open Image in Lightbox ![](https://theplusaddons.com/wp-content/uploads/2024/07/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/07/Details-Display-Settings.png) ### Details Display Settings ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mouse-Parallax.png) ### Mouse Parallax ![](https://theplusaddons.com/wp-content/uploads/2024/07/Choose-from-Grid-Carousel-Metro-Masonry-Layout.png) ### Choose from Grid, Carousel, Metro & Masonry Layout ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Images-at-Bulk-in-Repeater-or-ACF-Gallery-Field.png) ### Upload Images at Bulk, in Repeater or ACF Gallery Field ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Category-Details-Icons-to-Images.png) ### Add Category, Details & Icons to Images ![](https://theplusaddons.com/wp-content/uploads/2024/07/Load-Images-from-ACF-Gallery-Field.png) ### Load Images from ACF Gallery Field ![](https://theplusaddons.com/wp-content/uploads/2024/07/Carousel-Options-for-Carousel-Mode.png) ### Carousel Options for Carousel Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/3D-Parallax-Image.png) ### 3D Parallax Image ![](https://theplusaddons.com/wp-content/uploads/2024/07/Messy-Columns-Setup.png) ### Messy Columns Setup ![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-image-Gallery-Customize-Everything-1.png) ### Customize Everything ## Elementor Image Gallery Layouts List your images in any layout you prefer; our Elementor Image Gallery Widget offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [ Grid](https://theplusaddons.com/elementor-listing/elementor-image-gallery/grid/) [ Carousel](https://theplusaddons.com/elementor-listing/elementor-image-gallery/carousel/) [ Metro](https://theplusaddons.com/elementor-listing/elementor-image-gallery/metro/) [ Masonry](https://theplusaddons.com/elementor-listing/elementor-image-gallery/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your Elementor Galleries based on category with just one click. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Watch How Elementor Image Gallery Works Subscribe for more Such Elementor Video Tutorials --- # Client Logos Grid for Elementor Source: https://theplusaddons.com/elementor-listing/client-logos/grid/ ## Live Demos of Elementor Client Logos Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Two-Column-Client-Logos-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-grid-demo/%20#Clientgrid1) ### Two Column Client Logos Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Four-Column-Client-Logos-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-grid-demo/%20#Clientgrid2) ### Four Column Client Logos Grid ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Client Logos Masonry for Elementor Source: https://theplusaddons.com/elementor-listing/client-logos/masonry/ ## Live Demos of Elementor Client Logos Masonry [![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logos-Masonry-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-masonry-demo/%20#ClientMasonry1) ### Client Logos Masonry Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Masonry-Logos-with-Messy-Columns.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-masonry-demo/%20#ClientMasonry2) ### Masonry Logos with Messy Columns ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Carousel Slider for Elementor Source: https://theplusaddons.com/elementor-listing/image-gallery/carousel/ ## Live Demos of Elementor Image Gallery Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-Image-Carousel-with-Center-Focus.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-carousel-slider-for-elementor-demo/%20#carousel-1) ### Elementor Image Carousel with Center Focus [![](https://theplusaddons.com/wp-content/uploads/2024/07/AutoPlay-Image-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-carousel-slider-for-elementor-demo/%20#carousel-2) ### AutoPlay Image Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Carousel-with-Navigations-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-carousel-slider-for-elementor-demo/%20#carousel-3) ### Image Carousel with Navigation Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/07/Color-Variation-Carousel-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-carousel-slider-for-elementor-demo/%20#carousel-4) ### Color Variation Carousel Images ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Grid Gallery for Elementor Source: https://theplusaddons.com/elementor-listing/image-gallery/grid/ ## Live Demos of Elementor Image Gallery Grid [![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Gallery-Grid-with-Load-More.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-grid-for-elementor-demo/%20#Grid-1) ### Image Gallery Grid with Load More [![](https://theplusaddons.com/wp-content/uploads/2024/07/Paginated-Image-Gallery-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-grid-for-elementor-demo/%20#Grid-2) ### Paginated Image Gallery Grid [![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Gallery-with-Information-On-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-grid-for-elementor-demo/%20#Grid-3) ### Image Gallery with Information on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Gallery-Grid-with-Category-Wise-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/image-gallery-grid-for-elementor-demo/%20#Grid-4) ### Image Gallery Grid with Category Wise Filter ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Masonry Gallery for Elementor Source: https://theplusaddons.com/elementor-listing/image-gallery/masonry/ ## Live Demos of Elementor Image Gallery Masonry [![](https://theplusaddons.com/wp-content/uploads/2024/07/Masonry-Image-Gallery-with-Hover-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-masonary-demo/%20#masonry-1) ### Masonry Image Gallery with Hover Options [![](https://theplusaddons.com/wp-content/uploads/2024/07/Color-Shade-Masonry-Image-Gallery.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-masonary-demo/%20#masonry-2) ### Color Shade Masonry Image Gallery [![](https://theplusaddons.com/wp-content/uploads/2024/07/Neon-Themed-Image-Gallery-Masonry.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-masonary-demo/%20#masonry-3) ### Neon Themed Image Gallery Masonry [![](https://theplusaddons.com/wp-content/uploads/2024/07/Fashion-Based-Masonry-Image-Gallery.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-masonary-demo/%20#masonry-4) ### Fashion Based Masonry Image Gallery ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Metro Gallery for Elementor Source: https://theplusaddons.com/elementor-listing/image-gallery/metro/ ## Live Demos of Elementor Image Gallery Metro [![](https://theplusaddons.com/wp-content/uploads/2024/07/Metro-Image-Gallery-with-Category-Filters.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-metro-demo/%20#metro-1) ### Metro Image Gallery with Category Filters [![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Gallery-Metro-with-Load-More.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-metro-demo/%20#metro-2) ### Image Gallery Metro with Load More [![](https://theplusaddons.com/wp-content/uploads/2024/07/Paginated-Metro-Image-Gallery.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-metro-demo/%20#metro-3) ### Paginated Metro Image Gallery [![](https://theplusaddons.com/wp-content/uploads/2024/07/Metro-Gallery-Images-with-Info-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-image-gallery-metro-demo/%20#metro-4) ### Metro Gallery Images with Info on Hover ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Team Members Carousel for Elementor Source: https://theplusaddons.com/elementor-listing/team-members/carousel/ ## Live Demos of Elementor Team Members Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/08/Simple-Team-Members-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-carousel-demo/%20#teamcarousel-1) ### Simple Team Members Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Carousel-with-Designation-Social-Links.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-carousel-demo/%20#teamcarousel-2) ### Team Members Carousel with Designation & Social Links [![](https://theplusaddons.com/wp-content/uploads/2024/08/Center-Focused-Team-Members-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-carousel-demo/%20#teamcarousel-3) ### Center Focused Team Members Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/08/Fancy-Image-Team-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-carousel-demo/%20#teamcarousel-4) ### Fancy Image Team Carousel Slider ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Team Members Filter for Elementor Source: https://theplusaddons.com/elementor-listing/team-members/filter/ ## Live Demos of Elementor Team Members Filter [![](https://theplusaddons.com/wp-content/uploads/2024/08/Simple-Team-Members-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/team-memberssearch-filter-demo/%20#teammembersearch-1) ### Simple Team Members Filter [![](https://theplusaddons.com/wp-content/uploads/2024/08/Designation-Based-Team-Members-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/team-memberssearch-filter-demo/%20#teammembersearch-2) ### Designation Based Team Members Filter [![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Filter-with-Count-Display.png)](https://etemplates.wdesignkit.com/theplusaddons/team-memberssearch-filter-demo/%20#teammembersearch-3) ### Team Members Filter with Count Display [![](https://theplusaddons.com/wp-content/uploads/2024/08/Right-Aligned-Team-Members-Filter-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/team-memberssearch-filter-demo/%20#teammembersearch-4) ### Right Aligned Team Members Filter Options ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Team Members Grid for Elementor Source: https://theplusaddons.com/elementor-listing/team-members/grid/ ## Live Demos of Elementor Team Members Grid [![](https://theplusaddons.com/wp-content/uploads/2024/08/Four-Column-Team-Members-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-grid-demo/%20#teammembergrid-1) ### Four Column Team Members Grid [![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Grid-with-Designation-Social-Links.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-grid-demo/%20#teammembergrid-2) ### Team Members Grid with Designation & Social Links [![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Grid-Cards.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-grid-demo/%20#teammembergrid-3) ### Team Members Grid Cards [![](https://theplusaddons.com/wp-content/uploads/2024/08/Fancy-Image-Team-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-grid-demo/%20#teammembergrid-4) ### Fancy Image Team Grid ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Team Members Masonry for Elementor Source: https://theplusaddons.com/elementor-listing/team-members/masonry/ ## Live Demos of Elementor Image Gallery Metro [![](https://theplusaddons.com/wp-content/uploads/2024/08/Messy-Columns-Team-Members-Masonry-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-masonry-demo/%20#teammembercarousel-1) ### Messy Columns Team Members Masonry Layout [![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Masonry-with-Designation-Social-Links.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-masonry-demo/%20#teammembercarousel-2) ### Team Members Masonry with Designation & Social Links [![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Masonry-Cards.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-masonry-demo/%20#teammembercarousel-3) ### Team Members Masonry Cards [![](https://theplusaddons.com/wp-content/uploads/2024/08/3D-Image-Effect-Team-Masnory-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/team-members-masonry-demo/%20#teammembercarousel-4) ### 3D Image Effect Team Masonry Listing ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Testimonial & Reviews Grid for Elementor Source: https://theplusaddons.com/elementor-listing/testimonials/grid/ ## Live Demos of Elementor Testimonial Grid [![](https://theplusaddons.com/wp-content/uploads/2024/08/Client-Testimonial-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-grid-demo/%20#testimonialgrid-1) ### Client Testimonial Grid [![](https://theplusaddons.com/wp-content/uploads/2024/08/Testimonials-Grid-with-Image-Designation-and-Ratings.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-grid-demo/%20#testimonialgrid-2) ### Testimonials Grid with Image, Designation and Ratings [![](https://theplusaddons.com/wp-content/uploads/2024/08/Elementor-Testimonial-Cards.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-grid-demo/%20#testimonialgrid-3) ### Elementor Testimonial Cards [![](https://theplusaddons.com/wp-content/uploads/2024/08/Product-Review-Testimonials.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-grid-demo/%20#testimonialgrid-4) ### Product Review Testimonials ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Testimonial & Reviews Masonry for Elementor Source: https://theplusaddons.com/elementor-listing/testimonials/masonry/ ## Live Demos of Elementor Testimonial Masonry [![](https://theplusaddons.com/wp-content/uploads/2024/08/Client-Testimonials-Masonry-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-masonry-demos/%20#testimonialmasonry-1) ### Client Testimonials Masonry Grid [![](https://theplusaddons.com/wp-content/uploads/2024/08/Messy-Columns-Testimonials-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-masonry-demos/%20#testimonialmasonry-2) ### Messy Columns Testimonials Listing [![](https://theplusaddons.com/wp-content/uploads/2024/08/NGO-Reviews-Testimonial-Cards.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-masonry-demos/%20#testimonialmasonry-3) ### NGO Reviews Testimonial Cards [![](https://theplusaddons.com/wp-content/uploads/2024/08/Masonry-Testimonials-with-View-More-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-masonry-demos/%20#testimonialmasonry-4) ### Masonry Testimonials with View More Button ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Magazine Slider for Elementor Source: https://theplusaddons.com/elementor-listing/magazine-slider/ ## Live Demos of Elementor Magazine Slider [![](https://theplusaddons.com/wp-content/uploads/2025/04/Productivity-Blogs-Magazine-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-1) ### Productivity Blogs Magazine Layout [![](https://theplusaddons.com/wp-content/uploads/2025/04/AI-Blogs-Horizontal-Magazine-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-2) ### AI Blogs Horizontal Magazine Slider [![](https://theplusaddons.com/wp-content/uploads/2025/04/Architecture-Posts-Magazine-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-3) ### Architecture Posts Magazine Slider [![](https://theplusaddons.com/wp-content/uploads/2025/04/Yacht-Custom-Posts-Magazine-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-4) ### Yacht Custom Posts Magazine Layout [![](https://theplusaddons.com/wp-content/uploads/2025/04/Digital-Marketing-Blogs-in-Magazine-Format.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-5) ### Digital Marketing Blogs in Magazine Format [![](https://theplusaddons.com/wp-content/uploads/2025/04/Real-Estate-Posts-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-6) ### Real Estate Posts Slider [![](https://theplusaddons.com/wp-content/uploads/2025/04/Healthcare-Content-in-Boxed-Magazine-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-7) ### Healthcare Content in Boxed Magazine Layout [![](https://theplusaddons.com/wp-content/uploads/2025/04/Video-Games-Magazine-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-slider-demos/#Demo-8) ### Video Games Magazine Listing ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Post Ticker for Elementor Source: https://theplusaddons.com/elementor-listing/dynamic-ticker/ ## Live Demos of Elementor Dynamic Ticker [![](https://theplusaddons.com/wp-content/uploads/2025/04/Gaming-Blogs-Post-Ticker.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-ticker-demos/#Demo-1) ### Gaming Blogs Post Ticker [![](https://theplusaddons.com/wp-content/uploads/2025/04/Travel-Niche-Posts-with-Ticker.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-magazine-ticker-demos/#Demo-2) ### Travel Niche Posts with Ticker ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Client Logos Carousel for Elementor Source: https://theplusaddons.com/elementor-listing/client-logos/carousel/ ## Live Demos of Elementor Client Logos Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Slider-in-Right-Side-Container.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-carousel-demo/%20#ClientLogosCarousel%201) ### Client Logo Slider in Right Side Container [![](https://theplusaddons.com/wp-content/uploads/2024/09/Business-Clients-Logo-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-carousel-demo/%20#ClientLogosCarousel%20%202) ### Business Clients Logo Carousel Slider ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Client Logos Filter for Elementor Source: https://theplusaddons.com/elementor-listing/client-logos/filter/ ## Live Demos of Elementor Client Logos Filter [![](https://theplusaddons.com/wp-content/uploads/2024/09/Continent-Filtered-Client-Logos.png)](https://etemplates.wdesignkit.com/theplusaddons/client-logos-filter-demo/%20#Categoryfilter1) ### Continent Filtered Client Logos ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blog Post Carousel for Elementor Source: https://theplusaddons.com/elementor-listing/blog-post/carousel/ ## Live Demos of Elementor Blog Posts Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/09/Animated-Blog-Listing-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-carousel-slider-for-elementor-demo/%20#blogcarousel1) ### Animated Blog Listing Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Posts-Slider-with-Cards-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-carousel-slider-for-elementor-demo/%20#blogcarousel2) ### Blog Posts Slider with Cards Layout [![](https://theplusaddons.com/wp-content/uploads/2024/09/Carousel-Slider-with-Vertical-Cards.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-carousel-slider-for-elementor-demo/%20#blogcarousel3) ### Carousel Slider with Vertical Cards [![](https://theplusaddons.com/wp-content/uploads/2024/09/Dark-Mode-Posts-Slider-with-Arrow-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-carousel-slider-for-elementor-demo/%20#blogcarousel4) ### Dark Mode Posts Slider with Arrow Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Listing-Carousel-with-Multiple-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-carousel-slider-for-elementor-demo/%20#blogcarousel5) ### Blog Listing Carousel with Multiple Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/09/Integrated-Buttons-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-carousel-slider-for-elementor-demo/%20#blogcarousel6) ### Integrated Buttons Carousel Slider ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blog Posts Grid for Elementor Source: https://theplusaddons.com/elementor-listing/blog-post/grid/ ## Live Demos of Elementor Blog Posts Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Two-Column-Blog-Posts-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-grid-for-elementor/%20#bloggrid1) ### Two Column Blog Posts Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Three-Column-Blog-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-grid-for-elementor/%20#bloggrid2) ### Three Column Blog Listing [![](https://theplusaddons.com/wp-content/uploads/2024/09/Full-Width-Blog-Listing-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-grid-for-elementor/%20#bloggrid3) ### Full Width Blog Listing Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Simple-Blog-Posts-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-grid-for-elementor/%20#bloggrid4) ### Simple Blog Posts Grid ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blog Posts Masonry for Elementor Source: https://theplusaddons.com/elementor-listing/blog-post/masonry/ ## Live Demos of Elementor Blog Posts Masonry​ [![](https://theplusaddons.com/wp-content/uploads/2024/09/Dark-Theme-Masonry-Blog-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-masonry-for-elementor/%20#blogmasonry1) ### Dark Theme Masonry Blog Listing [![](https://theplusaddons.com/wp-content/uploads/2024/09/Masonry-Blog-Post-Cards.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-masonry-for-elementor/%20#blogmasonry2) ### Masonry Blog Post Cards [![](https://theplusaddons.com/wp-content/uploads/2024/09/Real-Estate-Blog-Posts-Masonry.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-masonry-for-elementor/%20#blogmasonry3) ### Real Estate Blog Posts Masonry [![](https://theplusaddons.com/wp-content/uploads/2024/09/Artistic-Themed-Masonry-Blog-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-masonry-for-elementor/%20#blogmasonry4) ### Artistic Themed Masonry Blog Listing ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blog Posts Metro for Elementor Source: https://theplusaddons.com/elementor-listing/blog-post/metro/ ## Live Demos of Elementor Blog Posts Metro [![](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Listing-Cards-Metro-Layout.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-metro-for-elementor/%20#blogmetro1) ### Blog Listing Cards Metro Layout [![](https://theplusaddons.com/wp-content/uploads/2024/09/Fancy-Metro-Blog-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-metro-for-elementor/%20#blogmetro2) ### Fancy Metro Blog Listing [![](https://theplusaddons.com/wp-content/uploads/2024/09/Dark-Mode-Metro-Blog-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-metro-for-elementor/%20#blogmetro3) ### Dark Mode Metro Blog Listing [![](https://theplusaddons.com/wp-content/uploads/2024/09/Alternative-Metro-Blog-Posts-List.png)](https://etemplates.wdesignkit.com/theplusaddons/blog-posts-metro-for-elementor/%20#blogmetro4) ### Alternative Metro Blog Posts List ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # ACF Gallery in Elementor Source: https://theplusaddons.com/elementor-listing/image-gallery/gallery-support/ ## ACF Gallery in Elementor Easily setup your ACF Gallery Fields in WordPress dashboard and fetch it in the Elementor editor using The Plus Addons' Elementor ACF Gallery Field Listing. ![](https://theplusaddons.com/wp-content/uploads/2025/04/acf-hero-img.png) ## ✷ Monochrome Moments ✷ Experience the timeless elegance and emotional depth of monochrome photography, capturing the essence of light and shadow. ![](https://theplusaddons.com/wp-content/uploads/2025/04/acf-img-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/acf-img-2.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/acf-img-3.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/acf-img-4.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/acf-img-5.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/aacf-img-6.png) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Products Grid for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product/grid/ ## Live Demos of Elementor WooCommerce Product Grid [![](https://theplusaddons.com/wp-content/uploads/2025/04/Dark-Themed-Four-Column-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-grid-demo/#DarkTheme) ### Dark Themed Four Column Grid [![](https://theplusaddons.com/wp-content/uploads/2025/04/Footwear-Products-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-grid-demo/#Pagination) ### Footwear Products Grid [![](https://theplusaddons.com/wp-content/uploads/2025/04/Three-Column-Product-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-grid-demo/#ThreeColumn) ### Three Column Product Grid [![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-Product-Grid-with-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-grid-demo/#Lazyload) ### WooCommerce Product Grid with Buttons ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Products Masonry for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product/masonry/ ## Live Demos of Elementor WooCommerce Product Masonry [![](https://theplusaddons.com/wp-content/uploads/2025/04/Ecom-Store-Masonry-Product-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-masonry-demo/#Demo1) ### Ecom Store Masonry Product Grid [![](https://theplusaddons.com/wp-content/uploads/2025/04/Three-Column-Product-Masonry.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-masonry-demo/#Demo2) ### Three Column Product Masonry [![](https://theplusaddons.com/wp-content/uploads/2025/04/Wine-Store-Masonry-Display.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-masonry-demo/#Demo3) ### Wine Store Masonry Display [![](https://theplusaddons.com/wp-content/uploads/2025/04/Product-Masonry-Grid-with-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-masonry-demo/#Demo4) ### Product Masonry Grid with Buttons ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Products Metro for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product/metro/ ## Live Demos of Elementor WooCommerce Product Metro [![](https://theplusaddons.com/wp-content/uploads/2024/10/Jewellery-Products-in-Metro-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo1) ### Jewellery Products in Metro Listing [![](https://theplusaddons.com/wp-content/uploads/2024/10/Ecom-Store-Products-Metro.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo2) ### Ecommerce Store Products Metro [![](https://theplusaddons.com/wp-content/uploads/2024/10/Footwear-WooCommerce-Products-Metro.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo3) ### Footwear WooCommerceProducts Metro [![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Theme-Metro-Product-Listing.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-metro-demo/#Demo4) ### Dark Theme Metro Product Listing ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Products Carousel for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product/carousel/ ## Live Demos of Elementor WooCommerce Product Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Themed-Product-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-carousel-demo/#Demo1) ### Dark Themed Product Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/10/Centre-Mode-Product-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-carousel-demo/#Demo2) ### Center Mode Product Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/10/Liquor-Store-Products-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-carousel-demo/#Demo3) ### Liquor Store Products Slider [![](https://theplusaddons.com/wp-content/uploads/2024/10/Carousel-Slider-with-7-Dots-Style.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-carousel-demo/#Demo4) ### Carousel Slider with 7 Dots Style [![](https://theplusaddons.com/wp-content/uploads/2024/10/WooCommerce-Product-Slider-with-6-Arrows-Style.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-carousel-demo/#Demo5) ### WooCommerce Product Slider with 6 Arrows Style ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Product Category Filters for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product/filter/ ## Live Demos of Elementor WooCommerce Product Filter [![](https://theplusaddons.com/wp-content/uploads/2024/10/Products-Grid-with-Category-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-filters-demo/#Demo1) ### Products Grid withCategory Filter [![](https://theplusaddons.com/wp-content/uploads/2024/10/Filtered-Layout-with-Number-Display.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-filters-demo/#Demo2) ### Filtered Layout with Number Display [![](https://theplusaddons.com/wp-content/uploads/2024/10/Jewelry-Store-Filtered-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-filters-demo/#Demo3) ### Jewelry Store Filtered Grid [![](https://theplusaddons.com/wp-content/uploads/2024/10/Sports-Storewith-Filter.png)](https://etemplates.wdesignkit.com/theplusaddons/product-listing-filters-demo/#Demo4) ### Sports Store with Filter ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WooCommerce Product for Elementor Source: https://theplusaddons.com/elementor-listing/woocommerce-product/ ## Multiple Elementor WooCommerce Product Listing Layouts ### Product Carousel Slider Showcase your WooCommerce Products in Carousel Slider with Elementor. [ View More ](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/carousel/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Carousel-Slider.png) ### Product Grid Display your WooCommerce products in a Grid layout using Elementor. [ View More ](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/grid/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Grid.png) ### Product Masonry Showcase your WooCommerce Products in a Masonry layout using Elementor. [ View More ](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/masonry/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Masonry.png) ### Product Metro Display your WooCommerce products in a Metro layout using Elementor. [ View More ](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/metro/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Metro.png) ### Product Filter Categorize your WooCommerce products with Category Wise Filters using Elementor. [ View More ](https://theplusaddons.com/elementor-listing//woocommerce-product/filter/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Filter.png) ## WooCommerce Product Listing Layouts List your WooCommerce products in any layout you prefer; our Elementor WooCommerce Product Listing offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [Grid](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/grid/) [Carousel](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/carousel/) [Metro](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/metro/) [Masonry](https://theplusaddons.com/elementor-listing/elementor-woocommerce-product/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Key Features of Elementor WooCommerce Product Listing ![](https://theplusaddons.com/wp-content/uploads/2024/09/Multiple-Product-Listing-Mode-from-Single-to-Archive.png) ### Multiple Product Listing Mode from Single to Archive ![](https://theplusaddons.com/wp-content/uploads/2024/09/Choose-from-Pre-Made-Styles-or-Create-Custom-Loop-Skins.png) ### Choose from Pre-Made Styles or Create Custom Loop Skins ![](https://theplusaddons.com/wp-content/uploads/2024/09/Grid-Masonry-Carousel-and-Metro-Layout.png) ### Grid, Masonry, Carousel & Metro Layout ![](https://theplusaddons.com/wp-content/uploads/2024/09/Source-Products-from-Category-or-Product-ID.png) ### Source Products from Category or Product ID ![](https://theplusaddons.com/wp-content/uploads/2024/09/Off-Set-or-Re-Order-Products.png) ### Off Set or Re-Order Products ![](https://theplusaddons.com/wp-content/uploads/2024/09/Show-Variable-Pricing-Change-Product-Image-on-Hover.png) ### Show Variable Pricing & Change Product Image on Hover ![](https://theplusaddons.com/wp-content/uploads/2024/09/Display-Product-Rating-Category.png) ### Display ProductRating & Category ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-Add-to-Cart-Button.png) ### Enable Add to Cart Button ![](https://theplusaddons.com/wp-content/uploads/2024/09/Connect-with-YITH-Quickview-Wishlist-Compare.png) ### Connect with YITH Quickview, Wishlist & Compare ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-Quick-View-for-Product.png) ### Enable Quick View for Product ![](https://theplusaddons.com/wp-content/uploads/2024/09/Set-No-Product-Found-Message.png) ### Set No Product Found Message ![](https://theplusaddons.com/wp-content/uploads/2025/05/Customize-Everything-Product-Listing.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Posts Widget for Elementor Source: https://theplusaddons.com/elementor-listing/blog-post/ ## Multiple Layouts for Elementor Posts Listings ### Blog Posts Carousel Slider Showcase your posts in a captivating Elementor blog post carousel slider listing and let your blogs shine in a seamless and interactive display. [ Check Demos ](https://theplusaddons.com/elementor-listing/blog-post/carousel/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Posts-Carousel-Slider.png) ### Blog Posts Grid Layout Create a dynamic Grid layout for your Blog Post Listings to showcase your blogs in a sleek and organized grid design. [ Check Demos ](https://theplusaddons.com/elementor-listing/blog-post/grid/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Posts-Grid-Layout.png) ### Blog Posts Masonry Layout Create a visually stunning Masonry layout for your blog posts and showcase your blogs in an elegant and dynamic Masonry grid design. [ Check Demos ](https://theplusaddons.com/elementor-listing/blog-post/masonry/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Posts-Masonry-Layout.png) ### Blog Posts Metro Layout Make a bold statement with a unique Metro layout for your blog posts by arranging your blogs in a modern and eye-catching Metro grid. [ Check Demos ](https://theplusaddons.com/elementor-listing/blog-post/metro/) ![Blog Posts Metro Layout](https://theplusaddons.com/wp-content/uploads/2024/09/Blog-Posts-Metro-Layout.png) ## Elementor Posts Layouts List your Blogs in any layout you prefer; our Elementor Blog Post Listing offers multiple options such as Grid, Carousel Slider, Metro Posts, and Masonry Layout. [ Grid](https://theplusaddons.com/pluslisting/elementor-blog-post/grid/) [ Carousel](https://theplusaddons.com/pluslisting/elementor-blog-post/carousel/) [ Masonry](https://theplusaddons.com/pluslisting/elementor-blog-post/masonry/) [ Metro](https://theplusaddons.com/pluslisting/elementor-blog-post/metro/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your WooCommerce Products based on category with just one click using our Product Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Key Features of Elementor Posts Listing ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mulitple-Page-Layout-Modes.png) ### Multiple Page Layout Modes ![](https://theplusaddons.com/wp-content/uploads/2024/09/Multiple-Blog-Post-Styles.png) ### Multiple Blog Post Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Grid-Carousel-Metro-Masonry-layout.png) ### Grid, Carousel, Metro & Masonry Layout ![](https://theplusaddons.com/wp-content/uploads/2024/09/Content-Source-Query-Builder.png) ### Content Source Query Builder ![](https://theplusaddons.com/wp-content/uploads/2024/09/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/09/Post-Settings.png) ### Post Settings ![](https://theplusaddons.com/wp-content/uploads/2024/09/Post-Category-Wise-Filter.png) ### Post Category Wise Filter ![](https://theplusaddons.com/wp-content/uploads/2024/09/Pagination-Load-More-Lazy-Load-Post-Method.png) ### Pagination, Load More & Lazy Load Post Method ![](https://theplusaddons.com/wp-content/uploads/2024/09/Post-Preloader.png) ### Post Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/09/BLog-Post-listing-Customize-Everything.png) ### Customize Everything ## Watch How to Use Posts Widget for Elementor Subscribe for more Such Elementor Video Tutorials --- # Team Members for Elementor Source: https://theplusaddons.com/elementor-listing/team-members/ ## Multiple Layouts to Display Team Members in Elementor ### Team Members Carousel for Elementor Display Elementor Team Members in an interactive Carousel Slider without any coding. [ Check Demos ](https://theplusaddons.com/elementor-listing/team-members/carousel/) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Member-Carousel-For-Elementor.png) ### Team Members Masonry for Elementor Showcase Team Members in Elementor in a visually appealing Masonry layout. [ Check Demos ](https://theplusaddons.com/elementor-listing/team-members/masonry/) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Masonry-for-Elementor.png) ### Team Members Grid for Elementor Add a Team Members Grid on your Elementor WordPress website with ease. [ Check Demos ](https://theplusaddons.com/elementor-listing/team-members/grid/) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Grid-for-Elementor.png) ### Team Members Filter for Elementor Filter Elementor Team Members based on Departments. [ Check Demos ](https://theplusaddons.com/elementor-listing/team-members/filter/) ![Team Members Filter for Elementor](https://theplusaddons.com/wp-content/uploads/2024/08/Team-Members-Filter-for-Elementor.png) ## Team Members Layouts List your Team in any layout you prefer; our Elementor Team Members Listing offers multiple options such as Grid, Carousel Slider and Masonry Layout. [ Grid](https://theplusaddons.com/pluslisting/elementor-client-logos/grid/) [ Carousel](https://theplusaddons.com/pluslisting/elementor-client-logos/carousel/) [ Masonry](https://theplusaddons.com/pluslisting/elementor-client-logos/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your WooCommerce Products based on category with just one click using our Product Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Key Features of Elementor Team Member ![](https://theplusaddons.com/wp-content/uploads/2024/08/Source-Content-from-Post-Type-or-Repeater.png) ### Source Content from Post Type or Repeater ![](https://theplusaddons.com/wp-content/uploads/2024/08/Multiple-Styles-Alignment-Control.png) ### Multiple Styles & Alignment Control ![](https://theplusaddons.com/wp-content/uploads/2024/08/Grid-Masonry-Carousel-Layout.png) ### Grid, Masonry & Carousel Layout ![](https://theplusaddons.com/wp-content/uploads/2024/08/Layout-Column-Manager.png) ### Layout Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/08/Category-wise-filters.png) ### Category wise filters ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Social-Links.png) ### Add Social Links ![](https://theplusaddons.com/wp-content/uploads/2024/08/Team-member-Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/08/Title-Tag-Display-Controls.png) ### Title Tag & Display Controls ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Team-Name-Image-Designation.png) ### Add Team Name, Image & Designation ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Client Logos for Elementor Source: https://theplusaddons.com/elementor-listing/client-logos/ ## Multiple Layouts to Display Client Logos on Elementor Book a Demo ### Client Logos Carousel Display Elementor Client Logos in an interactive Carousel Slider without any coding. [ Check Demos ](https://theplusaddons.com/elementor-listing/client-logos/carousel/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Carousel.png) ### Client Logos Grid Add a Client Logos Grid on your Elementor WordPress website with ease. [ Check Demos ](https://theplusaddons.com/elementor-listing/client-logos/grid/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Grid.png) ### Client Logos Masonry Showcase Client Logos in Elementor in a visually appealing Masonry layout. [ Check Demos ](https://theplusaddons.com/elementor-listing/client-logos/masonry/) ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Masonry.png) ### Client Logos Filter Filter Elementor Client Logos based on Categories. [ Check Demos ](https://theplusaddons.com/elementor-listing/client-logos/filter/) ![Client Logo Filter](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Filter.png) ## Client Logo Layouts List your Client logos in any layout you prefer; our Client Logos Listing offers multiple options such as Grid, Carousel Slider and Masonry Layout. [ Grid](https://theplusaddons.com/pluslisting/elementor-client-logos/grid/) [ Carousel](https://theplusaddons.com/pluslisting/elementor-client-logos/carousel/) [ Masonry](https://theplusaddons.com/pluslisting/elementor-client-logos/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your WooCommerce Products based on category with just one click using our Product Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2024/05/categorywise-filter.svg) ## Multiple Product Loading Methods With more products, make it easier for users to find other products using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Key Features of Elementor Client Logos ![](https://theplusaddons.com/wp-content/uploads/2024/09/Grid-Masonry-Carousel-Layout.png) ### Grid, Masonry & Carousel Layout ![](https://theplusaddons.com/wp-content/uploads/2024/09/Source-Content-from-Post-Type-or-Repeater.png) ### Source Content from Post Type or Repeater ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logos-Carousel-Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Category-Link-Logo-Image.png) ### Add Category, Link & Logo Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Category-Wise-Filter-Title-Tag.png) ### Category Wise Filter & Title Tag ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/09/Client-Logo-Responsive-Column-Manager.png) ### Responsive Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/09/Title-Desc-Image-Size-Control.png) ### Title, Desc. & Image Size Control ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Testimonial Carousel for Elementor Source: https://theplusaddons.com/elementor-listing/testimonials/carousel/ ## Live Demos of Elementor Testimonial Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/08/Client-Testimonials-with-Ratings.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-carousel-demo/%20#testimonialcarousel-1) ### Client Testimonials with Ratings [![](https://theplusaddons.com/wp-content/uploads/2024/08/Customer-Reviews-Elementor-Testimonial-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-carousel-demo/%20#testimonialcarousel-2) ### Customer Reviews Elementor Testimonial Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/08/Centre-Focused-Testimonial-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-carousel-demo/%20#testimonialcarousel-3) ### Centre Focused Testimonial Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/08/Autoplay-Testimonial-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/testimonial-carousel-demo/%20#testimonialcarousel-4) ### Autoplay Testimonial Slider ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How Elementor Testimonial Carousels Work Subscribe for more Such Elementor Video Tutorials --- # Testimonials for Elementor Source: https://theplusaddons.com/elementor-listing/testimonials/ ## Multiple Layout Options to Display Testimonials on Elementor ### Testimonial Carousel Display Testimonial Reviews in an engaging Carousel Slider [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-testimonials/carousel/) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Testimonial-Carousel.png) ### Testimonial Grid Showcase Testimonials in a Grid layout [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-testimonials/grid/) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Testimonial-Grid.png) ### Testimonial Masonry Display Elementor Testimonials in a sleek Masonry structure [ Check Demos ](https://theplusaddons.com/elementor-listing/elementor-testimonials/masonry/) ![](https://theplusaddons.com/wp-content/uploads/2024/08/Testimonial-Masonry.png) ## Elementor Testimonials Layout Options List your Testimonials in any layout you prefer such as Grid, Carousel Slider, and Masonry Layout. [ Grid](https://theplusaddons.com/elementor-listing/elementor-client-logos/grid/) [ Carousel](https://theplusaddons.com/elementor-listing/elementor-client-logos/carousel/) [ Masonry](https://theplusaddons.com/elementor-listing/elementor-client-logos/masonry/) ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Multiple Product Loading Methods With more testimonial reviews, make it easier for users to find other Elementor testimonials using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-pagination.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ## Key Features of Elementor Testimonials Widget ![](https://theplusaddons.com/wp-content/uploads/2024/08/Mulitple-Styles.png) ### Multiple Styles ![](https://theplusaddons.com/wp-content/uploads/2024/08/Grid-Masonry-Carousel-Layout-1.png) ### Grid, Masonry & Carousel Layout ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Content-from-Post-Type-or-Repeater.png) ### Add Content from Post Type or Repeater ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Testimonial-Content.png) ### Add Testimonial Content ![](https://theplusaddons.com/wp-content/uploads/2024/08/Category-wise-filters.png) ### Extra Options for Title Tag & Text Limits ![](https://theplusaddons.com/wp-content/uploads/2024/08/Testimonial-Customize-Everything.png) ### Customize Everything ## Watch How to Use Elementor Testimonials Widget Subscribe for more Such Elementor Video Tutorials --- # Free vs Pro Source: https://theplusaddons.com/free-vs-pro/ # Free vs Pro Check our detailed comparison of the list of features you get when you upgrade to the Premium version of The Plus Addons for Elementor. - GeneralFAQ- Templates - - - GeneralFAQ- Templates ### Free [ Download Now ](https://theplusaddons.com/download-free-addons/) ### Pro [ Buy Now ](https://theplusaddons.com/pricing/) ### General | | | | [ Total Widgets ](https://theplusaddons.com/elementor-widget/) | 35+ | 120+ | | --- | --- | --- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --- | ---- | | [ Total Extensions ](https://theplusaddons.com/elementor-extras/) | 5 | 8 | | [ 300+ Ul Blocks & 18+ Templates ](https://theplusaddons.com/plus-design/) | | | | [ Whitelabel Plugin ](https://theplusaddons.com/elementor-extras/white-label/) | | | ### Widgets | | | | [ Advanced Text Block ](https://theplusaddons.com/elementor-widget/advanced-text-block/) | | | | --- | --- | --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | --- | | [ Advanced Charts ](https://theplusaddons.com/elementor-widget/advanced-charts/) | | | | [ Age Gate ](https://theplusaddons.com/elementor-widget/age-gate/) | | | | [ Audio Player ](https://theplusaddons.com/elementor-widget/audio-player/) | | | | [ Blockquote ](https://theplusaddons.com/elementor-widget/blockquote/) | | | | [ Buttons ](https://theplusaddons.com/elementor-widget/free-buttons/) | | | | [ Count Down ](https://theplusaddons.com/elementor-widget/countdown-timer/) | Limited | | | [ Coupon Code ](https://theplusaddons.com/elementor-widget/coupon-code/) | | | | [ Dark Mode ](https://theplusaddons.com/elementor-widget/dark-mode-switcher/) | | | | [ Heading Title ](https://theplusaddons.com/elementor-widget/heading-titles/) | | | | [ Info Box ](https://theplusaddons.com/elementor-widget/info-box/) | Limited | | | [ Login/Signup ](https://theplusaddons.com/elementor-widget/login-form/) | | | | [ Message Box ](https://theplusaddons.com/elementor-widget/message-box/) | | | | [ Navigation Menu ](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) | Limited | | | [ Number Counter ](https://theplusaddons.com/elementor-widget/number-counter/) | Limited | | | [ Pie Chart ](https://theplusaddons.com/elementor-widget/pie-chart/) | | | | [ Preloader ](https://theplusaddons.com/elementor-widget/preloader-and-page-transition/) | | | | [ Pricing List ](https://theplusaddons.com/elementor-widget/price-list/) | | | | [ Pricing Table ](https://theplusaddons.com/elementor-widget/pricing-table/) | Limited | | | [ Progress Bar ](https://theplusaddons.com/elementor-widget/progress-bar/) | | | | [ Protected Content ](https://theplusaddons.com/elementor-widget/protected-content/) | | | | [ Social Icon ](https://theplusaddons.com/elementor-widget/social-icons/) | Limited | | | [ Social Sharing ](https://theplusaddons.com/elementor-widget/social-sharing-buttons/) | | | | [ Stylish List ](https://theplusaddons.com/elementor-widget/stylish-list/) | Limited | | | [ Syntax Highlighter ](https://theplusaddons.com/elementor-widget/syntax-code-highlighter/) | | | | [ Table Of Contents ](https://theplusaddons.com/elementor-widget/table-of-contents/) | | | | [ Video ](https://theplusaddons.com/elementor-widget/video-player/) | | | | [ Advanced Buttons ](https://theplusaddons.com/elementor-widget/advanced-buttons/) | | | | [ Advanced Typography ](https://theplusaddons.com/elementor-widget/advanced-typography/) | | | | [ Advertisement Banner ](https://theplusaddons.com/elementor-widget/banner-widget/) | | | | [ Animated Separators ](https://theplusaddons.com/elementor-widget/advanced-separators/) | | | | [ Animated Service Boxes ](https://theplusaddons.com/elementor-widget/animated-service-boxes/) | | | | [ Animated Text ](https://theplusaddons.com/elementor-widget/heading-animations/) | | | | [ Before After ](https://theplusaddons.com/elementor-widget/before-after-slider/) | | | | [ Carousel Anything ](https://theplusaddons.com/elementor-widget/carousel-slider/) | Limited | | | [ Carousel Remote ](https://theplusaddons.com/elementor-widget/carousel-remote-sync/) | | | | [ Circle Menu ](https://theplusaddons.com/elementor-widget/circle-menu/) | | | | [ Creative Images ](https://theplusaddons.com/elementor-widget/creative-images/) | | | | [ Draw SVG ](https://theplusaddons.com/elementor-widget/draw-animated-svg-icon/) | | | | [ Dynamic Devices ](https://theplusaddons.com/elementor-widget/dynamic-device-mockups/) | | | | [ Flipbox ](https://theplusaddons.com/elementor-widget/flipbox/) | Limited | | | [ Hotspot/Pin Point ](https://theplusaddons.com/elementor-widget/hotspots/) | | | | [ Hover Card ](https://theplusaddons.com/elementor-widget/hover-card/) | | | | [ Image Cascading ](https://theplusaddons.com/elementor-widget/image-cascading/) | | | | [ Lottiefiles ](https://theplusaddons.com/elementor-widget/lottiefiles-animation/) | | | | [ Morphing Sections ](https://theplusaddons.com/elementor-widget/morphing-sections/) | | | | [ Mouse Cursor ](https://theplusaddons.com/elementor-widget/mouse-cursor/) | | | | [ Popup Builder/Offcanvas ](https://theplusaddons.com/elementor-builder/popup-builder/) | | | | [ Process/Steps ](https://theplusaddons.com/elementor-widget/process-steps/) | Limited | | | [ Scroll Navigation ](https://theplusaddons.com/elementor-builder/header-builder/one-page-scroll-navigation/) | Limited | | | [ Smooth Scroll ](https://theplusaddons.com/elementor-widget/smooth-scroll/) | | | | [ Timeline ](https://theplusaddons.com/elementor-widget/timeline/) | | | | [ Unfold ](https://theplusaddons.com/elementor-widget/unfold/) | | | | [ Row Background ](https://theplusaddons.com/elementor-widget/section-background/particles-background-effect/) | | | | [ Accordion ](https://theplusaddons.com/elementor-widget/accordion/) | Limited | | | [ Switcher ](https://theplusaddons.com/elementor-widget/switcher/) | Limited | | | [ Tabs & Tours ](https://theplusaddons.com/elementor-widget/tabs/) | Limited | | | [ Mailchimp ](https://theplusaddons.com/elementor-widget/mailchimp-form/) | | | | [ Meeting Scheduler ](https://theplusaddons.com/widgets/meeting-schedular-apps-integration-elementor/) | | | | [ Google Map ](https://theplusaddons.com/elementor-widget/google-maps/) | | | | [ Form Stylers ](https://theplusaddons.com/elementor-widget/contact-form-7-styler/) | | | | [ Page Scroll ](https://theplusaddons.com/elementor-widget/full-page-scroll/) | Limited | | | [ Horizontal Scroll ](https://theplusaddons.com/elementor-widget/horizontal-scroll/) | | | | [ Google & Facebook Reviews ](https://theplusaddons.com/elementor-widget/reviews-wall/) | | | | [ Social Embeds ](https://theplusaddons.com/elementor-widget/social-embed/) | | | | [ Social Feeds ](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/) | | | ### Listings | | | | [ Blog Post ](https://theplusaddons.com/elementor-listing//blog-post/) | Limited | | | --- | --- | --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --- | | [ WooCommerce Products ](https://theplusaddons.com/elementor-listing//woocommerce-product/) | | | | [ Ajax Search ](https://theplusaddons.com/elementor-builder/grid-builder/#Ajaxsearch) | | | | [ Ajax Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/) | | | | [ Dynamic Listing ](https://theplusaddons.com/elementor-listing//dynamic-listing/) | | | | [ Dynamic Ticker ](https://theplusaddons.com/elementor-listing//dynamic-ticker/) | | | | [ Dynamic Category ](https://theplusaddons.com/elementor-listing//dynamic-category/) | Limited | | | [ Magazine Slider ](https://theplusaddons.com/elementor-listing//magazine-slider/) | | | | [ Magazine Filter ](https://theplusaddons.com/elementor-listing//magazine-filter/) | | | | [ Custom Loop Skins ](https://theplusaddons.com/elementor-listing//blog-post-loop-skin/) | | | | [ ACF Gallery Field ](https://theplusaddons.com/elementor-listing//image-gallery/gallery-support/) | Limited | | | [ ACF Repeater Field ](https://theplusaddons.com/elementor-builder/grid-builder/acf-repeater-field/) | | | | [ Image Gallery ](https://theplusaddons.com/elementor-listing//image-gallery/) | Limited | | | [ Testimonial ](https://theplusaddons.com/elementor-listing//testimonials/) | Limited | | | [ Team Members ](https://theplusaddons.com/elementor-listing//team-members/) | Limited | | ### Builders | | | | [ Blog Builder ](https://theplusaddons.com/elementor-builder/blog-builder/) | | | | --- | --- | --- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | --- | | [ WooCommerce Builder ](https://theplusaddons.com/elementor-builder/woocommerce-builder/) | | | | [ Popup Builder ](https://theplusaddons.com/elementor-builder/popup-builder/) | | | | [ Header Builder ](https://theplusaddons.com/elementor-builder/header-builder/) | | | | [ Footer Builder ](https://theplusaddons.com/elementor-builder/footer-builder/) | | | | [ Mega Menu Builder ](https://theplusaddons.com/elementor-builder/header-builder/mega-menu/) | | | ### Extensions | | | | [ Column Ordering ](https://theplusaddons.com/elementor-extras/column-ordering-devices/) | | | | --- | --- | --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- | --- | | [ Column Width ](https://theplusaddons.com/elementor-extras/column-width/) | | | | [ Sticky Column ](https://theplusaddons.com/elementor-extras/sticky-column/) | | | | [ Custom Media Query Breakpoints ](https://theplusaddons.com/elementor-extras/custom-media-query-breakpoints/) | | | | [ Conditional Rules ](https://theplusaddons.com/elementor-extras/display-conditions/) | | | | [ Global Tooltips ](https://theplusaddons.com/elementor-extras/global-tooltips/) | | | | [ Global Continuous Effect ](https://theplusaddons.com/elementor-extras/continuous-effects/) | | | | [ Global Mouse Hover Parallax ](https://theplusaddons.com/elementor-extras/global-mouse-hover-parallax/) | | | | [ Global Special Overlay Colour ](https://theplusaddons.com/elementor-extras/special-overlay-color/) | | | | [ Global Tilt 3D Effect ](https://theplusaddons.com/elementor-extras/global-mouse-hover-parallax/#3d-effects) | | | | [ Cross Domain Copy Paste ](https://theplusaddons.com/elementor-extras/cross-domain-copy-paste-content/) | | | | [ Equal Heights ](https://theplusaddons.com/elementor-extras/equal-height/) | | | | [ FB & Google Event Tracker ](https://theplusaddons.com/elementor-extras/facebook-pixel-event-conversion-tracker/) | | | | [ Glassmorphism ](https://theplusaddons.com/elementor-extras/glassmorphism/) | | | | [ Neomorphism ](https://theplusaddons.com/elementor-extras/neumorphism/) | | | | [ Magic Scroll ](https://theplusaddons.com/elementor-extras/magic-scroll-integration/) | | | | [ Advanced Shadows ](https://theplusaddons.com/elementor-extras/multi-box-shadows/) | | | | [ Row Section Scroll Animations ](https://theplusaddons.com/elementor-extras/row-section-full-scroll-animation/) | | | | [ Whitelabel Plugin ](https://theplusaddons.com/elementor-extras/white-label/) | | | | [ Wrapper Link ](https://theplusaddons.com/elementor-extras/wrapper-link/) | | | | [ On Scroll Animation Content ](https://theplusaddons.com/elementor-extras/on-scroll-content-animation/) | | | | [ Grid Design Tool ](https://theplusaddons.com/elementor-extras/grid-design-tool/) | | | --- # The Plus Addons for Elementor Academy – Learn. Build. Source: https://theplusaddons.com/learn-the-plus-addons-for-elementor/ # Learn The Plus Addons for Elementor. Build Smart, Future-Ready Websites. Master The Plus Addons for Elementor with step-by-step courses. Learn to build fast, modern, and scalable websites Start Learning --- # The Plus Addons for Elementor (Up to 50% OFF) – Discounts Code & Offers Source: https://theplusaddons.com/offers/ # Discounts & Offers for The Plus Addons for Elementor Explore Exclusive Offers: Unlock Premium Features & Discounts with Our Range of Discount Codes for The Plus Addons for Elementor PRO! Get Notified First with Offers ![](https://theplusaddons.com/wp-content/uploads/2025/06/Offer-image.png) Active![](https://theplusaddons.com/wp-content/uploads/2025/06/halloween-offer-banner.png) #### Halloween Sale 2024 ###### Duration : Oct 22nd - Nov 13th 2024 Offer: Up to 30% OFF EXPIRED![](https://theplusaddons.com/wp-content/uploads/2025/06/black-friday-banner.png) #### Black Friday Sale 2023 ###### Duration : Nov 14th - Dec 1st 2023 Offer: Up to 40% OFF EXPIRED![](https://theplusaddons.com/wp-content/uploads/2025/06/cyber-monday-banner.png) #### Cyber Monday Sale 2023 ###### Duration : Dec 2nd - Dec 8th 2023 Offer: Up to 40% OFF --- # The Plus Addons for Elementor AI Chat – 24X7 Support Source: https://theplusaddons.com/chat/ --- # The Plus Addons for Elementor Review Source: https://theplusaddons.com/reviews/ # The Plus Addons for Elementor Review Planning to use The Plus Addons for Elementor? Then check out these 5-star rated reviews from our happy users who utilize this Elementor Addon on all their sites. One Elementor Addon to replace them all! ## Reviews from our 100K+ Happy Users ### Outstanding support! ### ★★★★★ Outstanding support! The team behind The Plus Addons for Elementor went above and beyond to assist me promptly and with clear guidance Their dedication to helping customers is truly commendable. As for the plugin itself, it’s an absolute game-changer. With a wide range of features and seamless integration with Elementor, it has significantly enhanced my web design capabilities. I highly recommend The Plus Addons for Elementor to anyone looking to take their Elementor experience to the next level! ![](https://theplusaddons.com/wp-content/uploads/2025/06/marionbade.jpeg) marionbode ### Great plugin with everything I need ### ★★★★★ The Plus Addons for Elementor is a great plugin and a good addition to Elementor. With all the beautiful widgets you can easy make your website more awesome and professional. ![](https://theplusaddons.com/wp-content/uploads/2025/06/marperau.png) marperau ### Great Product Excellent support ### ★★★★★ Coming from a few different themes and I think i found the one. Lots of features and customisable. Support is super quick and helpful. ![](https://theplusaddons.com/wp-content/uploads/2025/06/auther-logo-1.png) cheekymate06 ### Awesome addition to Elementor pro ### ★★★★★ This is a great set of add ons for Elementor Pro. Plus the support they provide is really above what I expected. Well worth the cost! ![](https://theplusaddons.com/wp-content/uploads/2025/06/auther-logo-1.png) zduhac011 ### Great support and awesome features ### ★★★★★ A must have plugin to increase Elementor features. And a great and fast support 🙂 ![](https://theplusaddons.com/wp-content/uploads/2025/06/auther-logo-1.png) jpujolcat ### They Have it ALL ### ★★★★★ A great set of widgets for any WordPress project and outstanding customer support. I have The Plus Addons installed on all my websites. ![](https://theplusaddons.com/wp-content/uploads/2025/06/stone74955.jpeg) stone74955 ### Awesome response time ### ★★★★★ Finding the Masonry 3 Gallery setting was tricky and buried under another widget.Thanks for solving it so quickly! ![](https://theplusaddons.com/wp-content/uploads/2025/06/fury.jpeg) fury1 ### Always great support ### ★★★★★ Been using the plugin more than 3 years and the support team always helpful, kind and willing to help. With this plugin I could create any designs I want. ![](https://theplusaddons.com/wp-content/uploads/2025/06/nnhameaw.png) nnhameaw ### Exceptional Support Response ### ★★★★★ I was surprised to see such great support on Christmas. Thank you so much for an amazing plugin. ![](https://theplusaddons.com/wp-content/uploads/2025/06/docusense.png) docusense123 ### Very useful plugin and Very easy to use ### ★★★★★ you must try this plugin. It has many useful widget. ![](https://theplusaddons.com/wp-content/uploads/2025/06/Ashok-Chaudhary.png) Ashok Chaudhary ### Amazing customisability and great support ### ★★★★★ You can literally customise everything precisley and Deekshit from support is so helpful at fixing our issues ![](https://theplusaddons.com/wp-content/uploads/2025/06/kalsal.png) kalsal ### All Elementor Addon Plugins Should Be This Excellent ### ★★★★★ I was already blown away by the feature-rich building environment. But also, the performance options, the seriously impressive educational documentation, and the helpful video tutorials make this plugin a pleasure to use. I wish all Elementor addon plugins were this helpful out of the gate. So many of these plugins offer widgets galore with no explanation of how best to use them. Plus Addons is definitely a cut above. Full disclosure: I upgraded to Pro almost instantly. Zero regrets. ![](https://theplusaddons.com/wp-content/uploads/2025/06/astralbath.png) astralbath ### Fantastic support: fast and very helpful support. ### ★★★★★ I just started using the plus addons for elementor and ran into a few problems related to my website theme. This was resolved very quickly and well by the customer support. Highly recommended! ![](https://theplusaddons.com/wp-content/uploads/2025/06/marcootje.jpeg) marcootje2020 ### Great product, with amazing support ### ★★★★★ The addon needed some minor tweaks to work on my website, the support answered my questions and helped me resolve the issue quickly, even responded to support tickets on a weekend (which was unexpected). Highly recommended! ![](https://theplusaddons.com/wp-content/uploads/2025/06/thex.png) the91x ### Great product and very prompt post sale help! ### ★★★★★ I have subscribed to The Plus Addons for Elementor to create a Mega Menu on my website. It is very beautiful and customer friendly. The best part is Deekshit Nair’s after-sales assistance. Great product and very prompt post sale help! ![](https://theplusaddons.com/wp-content/uploads/2025/06/thex.png) happyhealthyholy ### Great and fast support ### ★★★★★ The plugin authors provide great support, they helped me solve problems with the tables. ![](https://theplusaddons.com/wp-content/uploads/2025/06/tomhones.png) tomhones ### Good collection ### ★★★★★ They have a bunch of great widgets which are advanced against others. Really like the parallax and scroll sequence, which are included in the full package, and many, many more. If you like to get a full range of great widgets at good quality and a fair price, go get it. ![](https://theplusaddons.com/wp-content/uploads/2025/06/oichtental.png) oichtental ### Fantastic widgets, excellent support ### ★★★★★ If I had one complaint it would be that there’s simply too many great widgets stuff to pick from! Support is excellent, best I’ve experienced in the industry (at least for the paid version, which is the one I use). It’s worth it for the Woocommerce features alone! ![](https://theplusaddons.com/wp-content/uploads/2025/06/cessayr.png) stormymondays ### Great Plugin, Excellent Support ### ★★★★★ Have been using this plugin for a while and its works brilliantly. Recently had a tricky issue to resolve and POSIMYTH support worked diligently with me to get it resolved. Deekshit is a stand out support dev. Really valued his commitment to find me a solution. Would highly recommend. ![](https://theplusaddons.com/wp-content/uploads/2025/06/lanceadam.jpeg) lanceadam ### The Plus app has some great widgets. Excellent support. ### ★★★★★ The Plus app Dark Mode has the potential to be the best for Elementor. In They are currently working on disabling the filters in Global Mode. When they do that, it will be the best dark mode for Elementor sites. They demonstrated 5 star support in working through some of the issues I was experiencing. They took ownership of the problem, they showed willingness to help, went far to find solutions and help resolve the problem, they were excellent in communications, showed excellent professionalism, were clear and detailed in their assistance/instructions, and showed a genuine desire to want to help. Well done The Plus Addons for Elementor team! ![](https://theplusaddons.com/wp-content/uploads/2025/06/skyvibe.png) skyvibe9 [ Read More 250+ Reviews ](https://wordpress.org/support/plugin/the-plus-addons-for-elementor-page-builder/reviews/?filter=5) ## The Plus Addons for Elementor Milestones ![](https://theplusaddons.com/wp-content/uploads/2025/06/active-users.svg) ##### 0K + ###### Active Users ![](https://theplusaddons.com/wp-content/uploads/2025/06/downloads.svg) ##### 0M + ###### Total Downloads ![](https://theplusaddons.com/wp-content/uploads/2025/06/widgets.svg) ##### 0+ ###### Widgets ![](https://theplusaddons.com/wp-content/uploads/2025/06/reviews.svg) ##### 0+ ###### 5 Star Reviews [ Download The Plus Addons for Elementor ](http://qa.theplusaddons.com/pricing/) --- # Download The Plus Addons for Elementor for Free Source: https://theplusaddons.com/download-free-addons/ # Download The Plus Addons for Elementor Free Download The Plus Addons for Elementor for FREE and unlock a world of design possibilities! Enhance your website with powerful features, stunning templates, and customizable elements to create a standout online presence. Download FREE [ or Get Pro ](https://theplusaddons.com/pricing/) As Seen on ![](https://theplusaddons.com/wp-content/uploads/2025/06/Frame-1410119210.png) ## Get the FREE Version of The Plus Addons for Elementor Thank you for choosing The Plus Addons for Elementor! We're thrilled to be part of your next project and can't wait to see your amazing creation come to life. - 100% FREE - FREE Support at[ WordPress.org ](https://wordpress.org/) I’m very happy with The Plus Addons for Elementor — the range of features, widgets, and templates is impressive and allows for highly customized designs with ease. It’s one of the most powerful extensions I’ve used with Elementor. Beyond the plugin itself, the customer support is top-notch: responsive, helpful, and genuinely committed to solving any issue quickly. That kind of service really adds value and peace of mind. Highly recommended for anyone looking to elevate their Elementor workflow! ![](https://theplusaddons.com/wp-content/uploads/2025/06/review-image.png) assistanceperchoirdigital (@assistanceperchoirdigital) First Name * Last Name Email to Receive Download Link * Download Free Join 150,000+ Elementor Users already built with The Plus Addons for Elementor, Instant Download Link     --- # Elementor Starter Templates [Build Websites in 10 Minutes] Source: https://theplusaddons.com/elementor-starter-templates/ # Starter Website & Section Templates for Elementor Discover stunning starter website and section templates created by The Plus Addons for Elementor. Enhance your site with our FREE Theme Builder optimized for SEO. [ Get Pro ](https://theplusaddons.com/pricing/) View Demos ## 1000+ Pre-Designed Elementor Templates & Sections [![](https://theplusaddons.com/wp-content/uploads/2025/09/Colo-Fitness.png)](https://wdesignkit.com/templates/kit/colo-fitness--elementor-template-kit/19565) ### Colo Fitness | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/Taj-Bakery.png)](https://wdesignkit.com/templates/kit/taj-bakery--elementor-template-kit/19423) ### Taj Bakery | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/Rome-Technology.png)](https://wdesignkit.com/templates/kit/rome-technology--elementor-template-kit/19656) ### Rome Technology | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/MensGroomX-Prime.png)](https://wdesignkit.com/templates/kit/mensgroomx-prime--elementor-template-kit/14606) ### MensGroomX Prime | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/Medclinic-Pro.png)](https://wdesignkit.com/templates/kit/medclinic-pro--elementor-template-kit/13946) ### Medclinic Pro | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/Byte-Boutique-Zen.png)](https://wdesignkit.com/templates/kit/byte-boutique-zen--elementor-template-kit/14226) ### Byte-Boutique Zen | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/Pixe-Saas.png)](https://wdesignkit.com/templates/kit/pixesaas-boost--elementor-template-kit/19131) ### PixeSaas Boost | Elementor Template Kit [![](https://theplusaddons.com/wp-content/uploads/2025/09/Talent-Tree.png)](https://wdesignkit.com/templates/kit/talent-tree-rise--elementor-template-kit/15095) ### Talent-tree Rise | Elementor Template Kit ## View 1460+ Elementor Templates & Sections [ See all Demos ](https://wdesignkit.com/templates?builder_req=1001&builder=1002&temp_type=websitekit) --- # Pricing Plans Source: https://theplusaddons.com/pricing/ # Pricing Plans From the Makers Powering 500K+ WordPress Websites ![](https://theplusaddons.com/wp-content/uploads/2023/12/Group-6.png) ![](https://theplusaddons.com/wp-content/uploads/2026/02/up-to-40-discounts.png) ![](https://theplusaddons.com/wp-content/uploads/2026/02/Limited-Deals.png) Yearly PAY ONCELifetime Choose Your Plan Widgets for Elementor Templates for Elementor Plugin Updates Site Activations Premium Support 1 Site YEARLY Starter $3.61 10% OFF $3.25/Month $39 Billed Annually [ Buy Now ](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=28&edd_options[price_id]=1&discount=SUMMER10) 60-Days Refund Guarantee 120+ 1000+ 1 Year 1 Site 1 Year BEST VALUE SAVER 5 Sites YEARLY Professional $9.27 20% OFF $7.42/Month $89 Billed Annually [ Buy Now ](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=28&edd_options[price_id]=5&discount=SUMMER20) 60-Days Refund Guarantee 120+ 1000+ 1 Year 5 Sites 1 Year BEST VALUE SAVER Unlimited Sites YEARLY Studio $15.36 30% OFF $10.75/Month $129 Billed Annually [ Buy Now ](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=28&edd_options[price_id]=2&discount=SUMMER30) 60-Days Refund Guarantee 120+ 1000+ 1 Year Unlimited Sites 1 Year BEST VALUE SAVER 1 Site YEARLY Starter $ 59 Save 16% $49/Year $99 billed annually Buy Now 60 Days Money Back Guarantee 1 Year BEST VALUE SAVER - Agency Bundle - $55.75 40% OFF lkl$33.25/Month$399 Billed Annually[Buy Now](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=141316&edd_options%5Bprice_id%5D=3&discount=SUMMER40)- 60-Day Refund Guarantee ### Included : - 120+ Widgets for Elementor - Header & Footer Builder - WooCommerce Store Builder - Mega Menu & Mobile Menu - Live Search & 15+ Ajax Filters - Social Reviews, Feeds & Embeds - Blogs & Dynamic Post Listing - Popup Builder & Off Canvas - Cross Domain Copy & Paste - GA4 & Facebook Event Tracker - Tabs, Accordion & Switcher - Global Dark Mode - Whitelabel Plugin #### Included POSIMYTH Products Worth $2100+ - The Plus Addons for Elementor  ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - WDesignKit  ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - Nexter Extensions ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - Nexter Theme ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - Nexter WordPress Blocks ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) The prices listed above do not include taxes. You can upgrade to higher plan anytime. 100% Safe & Secure Payments. Choose Your Plan Widgets for Elementor Templates for Elementor Plugin Updates Site Activations Premium Support 1 Site LIFETIME Starter $154 10% OFF $139/Once [ Buy Now ](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=28&edd_options[price_id]=7&discount=SUMMER10) 60-Days Refund Guarantee 120+ 1000+ Lifetime 1 Site Lifetime BEST VALUE SAVER 5 Sites LIFETIME Professional $311 20% OFF $249/Once [ Buy Now ](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=28&edd_options[price_id]=6&discount=SUMMER20) 60-Days Refund Guarantee 120+ 1000+ Lifetime 5 Sites Lifetime BEST VALUE SAVER Unlimited Sites LIFETIME Studio $499 30% OFF $349/Once [ Buy Now ](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=28&edd_options[price_id]=3&discount=SUMMER30) 60-Days Refund Guarantee 120+ 1000+ Lifetime Unlimited Sites Lifetime BEST VALUE SAVER 1 Site YEARLY Starter $ 59 Save 16% $49/Year $99 billed annually Buy Now 60 Days Money Back Guarantee 1 Year BEST VALUE SAVER - Agency Bundle - $1500 40% OFF lkl$899/Once[Buy Now](https://store.posimyth.com/checkout/?edd_action=add_to_cart&download_id=141316&edd_options%5Bprice_id%5D=6&discount=SUMMER40)- 60-Day Refund Guarantee ### Included : - 120+ Widgets for Elementor - Header & Footer Builder - WooCommerce Store Builder - Mega Menu & Mobile Menu - Live Search & 15+ Ajax Filters - Social Reviews, Feeds & Embeds - Blogs & Dynamic Post Listing - Popup Builder & Off Canvas - Cross Domain Copy & Paste - GA4 & Facebook Event Tracker - Tabs, Accordion & Switcher - Global Dark Mode - Whitelabel Plugin #### Included POSIMYTH Products Worth $2100+ - The Plus Addons for Elementor  ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - WDesignKit  ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - Nexter Extensions ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - Nexter Theme ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) - Nexter WordPress Blocks ![](https://theplusaddons.com/wp-content/uploads/2026/04/info.svg) The prices listed above do not include taxes. You can upgrade to higher plan anytime. 100% Safe & Secure Payments. - Frequently Asked Questions[Compare FREE vs PRO](https://theplusaddons.com/free-vs-pro/)- [Need Help?](https://theplusaddons.com/chat/) - - - Frequently Asked Questions[Compare FREE vs PRO](https://theplusaddons.com/free-vs-pro/)- [Need Help?](https://theplusaddons.com/chat/) #### As Seen on ![](https://theplusaddons.com/wp-content/uploads/2022/09/elementor.png) ![](https://theplusaddons.com/wp-content/uploads/2022/09/kinsta.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/wpexplorer.png) ![](https://theplusaddons.com/wp-content/uploads/2022/09/aThemes.png) ![](https://theplusaddons.com/wp-content/uploads/2022/09/torque.png) - 1M+ Total Downloads You're choosing a stable and growing plugin that has been downloaded more than 800K times. - 60-Days Money Back Guarantee You're backed with the highest 60 Days Full Refund guarantee if you're not satisfied with our plugin. Read Refund Policy. - Regular Monthly Updates Our plugin receives regular monthly updates to make sure you dont run into any issue with Elementor & WordPress updates. - Recommended by Elementor Our addon is officially recommended and listed on the Elementor website addons collection. - We plant 1 Tree for Every Purchase We promise to make Earth Greener as we grow with you. Our mission is to make the world a better place for the future generations. #OneEarth - 50% OFF for NGOs & Non-Profits As a small token of gratitude, we provide flat 50% off on all plans to NGOs & Non-Profits. Please provide the details on our live chat. - Upgrade or Cancel Anytime No Commitments You can upgrade anytime to higher plan by paying the difference of the amounts. Or stop the subscription.! - Secure Payment Gateway We use Stripe & PayPal to process payments via secure 256-bit SSL for safer & smoother transactions. - WooCommerce Ready Take your online store to the next level with our WooCommerce Ready Widgets for Elementor. It's everything you need to build a beautiful, high-performing store, all in one place. ## The Plus Addons for Elementor Replaces 50+ WordPress Plugins & Saves more than $1000 - The Plus Addons for Elementor - 120+ Widgets for Elementor  - Login/Signup & Password Reset Form - Dynamic Content - Carousel Anything & Remote Sync - Google & Facebook Reviews - 6+ Social Feeds & Embeds - Advanced Display Conditions - Mega Menu & Mobile Menu - Blog Post & CPT Builder - Popup Builder & Off Canvas - Theme Builder - Advance Security - Change Login URL - Content Protections - Login Email Notification - Adobe & Google Self Host Fonts - Custom Fonts - Disable Admin Settings - Google reCAPTCHA - Replace Text & URL - Post & Page Duplicator - Regenerate Thumbnails - Branded WP Admin - Advance Performance Tweaks - Disable Comments - Security & Performance Booster - Theme Customiser - Maintenance & Coming Soon Mode - Action & Filter Hooks Get Started ![](https://theplusaddons.com/wp-content/uploads/2024/10/VS-2.svg) ![](https://theplusaddons.com/wp-content/uploads/2024/10/OtinMonster.svg) ### OptinMonster #### $108 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Post-X.svg) ### Post X #### $36 ![](https://theplusaddons.com/wp-content/uploads/2024/11/Premium-Elementor-Addon-1-.svg) ### Premium Addon for Elementor #### $49 ![](https://theplusaddons.com/wp-content/uploads/2024/11/Premium-WordPress-Theme-for-Elementor-11.svg) ### Premium WP Theme for Elementor #### $39 ![](https://theplusaddons.com/wp-content/uploads/2024/10/WP-Form.svg) ### WP Form #### $49 ![](https://theplusaddons.com/wp-content/uploads/2024/10/WP-filter.png) ### WP Grid Builder #### $25 ![](https://theplusaddons.com/wp-content/uploads/2024/10/search.png) ### Search & Filter Pro #### $29 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Perfmatters.svg) ### Perfmatters #### $24 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Press.svg) ### Login Press #### $39 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Ultimate-Dashboard.svg) ### Ultimate Dashboard #### $58 ![](https://theplusaddons.com/wp-content/uploads/2024/10/ShopEngine.svg) ### ShopEngine #### $59 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Coming-Soon-Pro.svg) ### Coming Soon Pro #### $19 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Better-Search-Replace.svg) ### Better Search Replace #### $59 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Code-Snippets-Pro.svg) ### Code Snippets Pro #### $39 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Smash-Baloon.svg) ### Smash Balloon #### $299 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Smart-Slider.svg) ### Smart Slider #### $49 ![](https://theplusaddons.com/wp-content/uploads/2024/10/If-So-Dynamic-Content.svg) ### If So Dynamic Content #### $89 ![](https://theplusaddons.com/wp-content/uploads/2024/10/WP-Dark-Mode.svg) ### WP Dark Mode #### $49 ![](https://theplusaddons.com/wp-content/uploads/2024/10/WP-Data-Tables.svg) ### WP Data Tables #### $59 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Modular-Image-Gallery.svg) ### Modular Image Gallery #### $35 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Nextend-Social-Login.svg) ### Nextend Social Login #### $49 ![](https://theplusaddons.com/wp-content/uploads/2024/10/Scroll-Sequence.svg) ### Scroll Sequence #### $69 ### Grand Total of all Plugins #### $1,390 ### The Plus Addons for Elementor #### $39 > Empowering businesses to build smarter, faster, and more personalized websites — without the hassle. ![](https://theplusaddons.com/wp-content/uploads/2025/10/Sagar-Patel.png) Sagar Patel CEO ![](https://theplusaddons.com/wp-content/uploads/2025/10/100-Risk-Free-Image.png) Hello Web Creator, I’m Sagar Patel, CEO of The Plus Addons for Elementor. Many years back, when operating a web agency like yours, I had a hard time finding a perfect plugin to fulfill my needs. Installing multiple plugins was frustrating and ended up slowing down the complete website. That’s why I made The Plus Addons for Elementor, an addon built by a web creator for web creators who wants to stand out with his/her website. With optimized code and a modular approach, you use the feature only you require. Recommended by Elementor itself, you choose the best in the market. And I want to make sure you love what you buy from our store. That’s why we have a 60-Days Money-Back Guarantee. Enjoy a Hassle-Free, Zero-Risk experience that makes it easy for you to select your best product in the market. Cheers, Sagar Patel CEO, The Plus Addons for Elementor ![](https://theplusaddons.com/wp-content/uploads/2025/10/Vector-1.svg) ## 1000+ Pre-Designed Templates & Sections for Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/09/Colo-Fitness.png)](https://wdesignkit.com/templates/kit/colo-fitness--elementor-template-kit/19565) ### Colo Fitness | Template Kit for Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/09/Taj-Bakery.png)](https://wdesignkit.com/templates/kit/taj-bakery--elementor-template-kit/19423) ### Taj Bakery | Template Kit for Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/09/Rome-Technology.png)](https://wdesignkit.com/templates/kit/rome-technology--elementor-template-kit/19656) ### Rome Technology | Template Kit for Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/09/MensGroomX-Prime.png)](https://wdesignkit.com/templates/kit/mensgroomx-prime--elementor-template-kit/14606) ### MensGroomX Prime | Template Kit for Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/09/Medclinic-Pro.png)](https://wdesignkit.com/templates/kit/medclinic-pro--elementor-template-kit/13946) ### Medclinic Pro | Template Kit for Elementor ## View 1460+ Templates & Sections for Elementor [ See all Demos ](https://wdesignkit.com/templates?builder_req=1001&builder=1002&temp_type=websitekit) ## One Addon for Elementor to Replace Them All! With the most extensive collection of 120+ widgets & extensions for Elementor, The Plus Addons for Elementor is the only addon you will ever need. [ Get Pro Now ](https://theplusaddons.com/pricing) ![](https://theplusaddons.com/wp-content/uploads/2024/03/footer.png) ## The Premium Support you Deserve [ #### Our Friendly Support ](https://store.posimyth.com/helpdesk/) [ #### Documentations ](https://theplusaddons.com/docs) [ #### Detailed Video Tutorials ](https://www.youtube.com/playlist?list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) [ #### Active Users Community ](https://www.facebook.com/groups/theplus4elementor/) [ #### AI Chatbot ](https://theplusaddons.com/chat/) #### Outstanding support [I’ve used many Elementor add-ons and find this to be the best The features are excellent and the support is second to none I’ve been helped out at short notice with comprehensive advice Outstanding! ](https://wordpress.org/support/topic/outstanding-support-181/) ~the Cloud Machine - NO SPAM GUARANTEE #### Get Exclusive Elementor Tips, Tricks and Resources Delivered Straight to Your Inbox! [contact-form-7] - NO SPAM GUARANTEE #### Get Exclusive Tips, Tricks and Resources for Elementor Delivered Straight to Your Inbox! SUBSCRIBE #### Popular Widgets - [ Plus Essentials Popular ](https://theplusaddons.com/elementor-widget/#plus-essentials) - [ Plus Sections ](https://theplusaddons.com/elementor-widget/#plus-sections) - [ Plus Creatives ](https://theplusaddons.com/elementor-widget/#plus-creatives) - [ Plus Tabs ](https://theplusaddons.com/elementor-widget/#plus-tabbed) - [ Plus Forms ](https://theplusaddons.com/elementor-widget/#plus-adapted) - [ Social Reviews & Badges ](https://theplusaddons.com/elementor-widget/social-reviews-badges/) - [ Social Feed Advanced ](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/) - [ Social Embeds ](https://theplusaddons.com/elementor-widget/social-embed/) - [ Plus Scroll ](https://theplusaddons.com/elementor-widget/#plus-scroll) - [ Plus Social ](https://theplusaddons.com/elementor-widget/#plus-social) - [ Plus Listing ](https://theplusaddons.com/elementor-listing/) - [ Blog Posts ](https://theplusaddons.com/elementor-listing/blog-post/) - [ ACF Loops ](https://theplusaddons.com/elementor-listing/image-gallery/gallery-support/) - [ WooCommerce Products ](https://theplusaddons.com/elementor-listing/woocommerce-product/) - [ Magazine Posts ](https://theplusaddons.com/elementor-listing/magazine-filter/) - [ Ajax Search & Filters ](https://theplusaddons.com/elementor-builder/ajax-filters/) - [ Client Logos ](https://theplusaddons.com/elementor-listing/client-logos/) - [ Image Gallery ](https://theplusaddons.com/elementor-listing/image-gallery/) - [ Team Members ](https://theplusaddons.com/elementor-listing/team-members/) - [ Testimonials ](https://theplusaddons.com/elementor-listing/testimonials/) - [ Dynamic CPT Listing Advanced ](https://theplusaddons.com/elementor-listing/dynamic-listing/) - [ Mega Menu Popular ](https://theplusaddons.com/elementor-builder/header-builder/mega-menu/) - [ Site Navigation ](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/) - [ Header Effects Unique ](https://theplusaddons.com/elementor-builder/header-builder/header-effects/) - [ Grid Builder ](https://theplusaddons.com/elementor-builder/grid-builder/) - [ Post  & CPT Builder Free ](https://theplusaddons.com/elementor-builder/blog-builder/) - [ Modal Popups ](https://theplusaddons.com/elementor-builder/popup-builder/) - [ WooCommerce Builder Advanced ](https://theplusaddons.com/elementor-builder/woocommerce-builder/) - [ Special Features ](https://theplusaddons.com/elementor-extras/) - [ Visibility Rules ](https://theplusaddons.com/elementor-extras/display-conditions/) - [ Global Options ](https://theplusaddons.com/elementor-extras/global-mouse-hover-parallax/) - [ Global Effects  ](https://theplusaddons.com/elementor-extras/continuous-effects/) - [ Event Tracking Unique ](https://theplusaddons.com/elementor-extras/facebook-pixel-event-conversion-tracker/) - [ Column Extras ](https://theplusaddons.com/elementor-extras/column-ordering-devices/) #### Resources - [ Pricing HOT ](https://theplusaddons.com/pricing/) - [ Compare FREE vs PRO ](https://theplusaddons.com/free-vs-pro/) - [ Changelog Updated ](https://roadmap.theplusaddons.com/updates/) - [ Feature Request ](https://roadmap.theplusaddons.com/boards/feature-request) - [ Roadmap ](https://roadmap.theplusaddons.com/) - [ Affiliate Program 💰 ](https://store.posimyth.com/affiliate-program/) - [ Blogs ](https://theplusaddons.com/blog) - [ Uptime 99.99% ](https://status.posimyth.com/) - [ Brand Kit for Press & Media ](https://www.playbook.com/s/posimyth/aVqMbAKS2JfFamwHuvf5QY3H) - [ Sitemap ](https://theplusaddons.com/sitemap) - [ Reviews ](https://theplusaddons.com/reviews) - [ Showcase ](https://theplusaddons.com/showcase) #### Get Support - [ Login  ](https://store.posimyth.com/login/) - [ Helpdesk ](https://store.posimyth.com/helpdesk) - [ Documentation Updated ](https://theplusaddons.com/docs/) - [ Facebook Community ](https://www.facebook.com/groups/theplus4elementor/) - [ Video Tutorials ](https://www.youtube.com/playlist?list=PLFRO-irWzXaLK9H5opSt88xueTnRhqvO5) - [ AI Chat Instant Answers ](https://theplusaddons.com/chat/) #### Our Products - [ NexterWP - Blocks, Theme & Extension ](https://nexterwp.com/) - [ WDesignKit - Templates, Widgets Builder & More New ](https://wdesignkit.com/) - [ UiChemy - Figma to WordPress Convertor New ](https://uichemy.com/) #### Company - [ Website ](https://posimyth.com/) - [ About Us ](https://posimyth.com/about-us/) - [ Our Team ](https://posimyth.com/our-team/) - [ Career Hiring ](https://posimyth.com/career/) - [ Contact Us ](https://posimyth.com/contact-us/) #### Legal - [ Refund Policy 60 Days Guarantee ](https://store.posimyth.com/refund-policy/) - [ Cookie Policy ](https://store.posimyth.com/cookie-policy/) - [ Privacy Policy ](https://store.posimyth.com/privacy-policy/) - [ Terms & Condition ](https://store.posimyth.com/terms-conditions/) - [ Support Policy ](https://store.posimyth.com/support-policy/) - [ Affiliate Agreement ](https://store.posimyth.com/affiliate-program/agreement/) - [ Acceptable Use Policy ](https://store.posimyth.com/acceptable-use-policy/) ![](https://theplusaddons.com/wp-content/uploads/2021/10/Secure-Footer-Logos.svg) [ ![](https://theplusaddons.com/wp-content/uploads/2021/10/TPAE-Footer-Logo.png) ](https://theplusaddons.com/) © POSIMYTH Innovation 2026 - [](https://www.facebook.com/groups/theplus4elementor/)- [](https://twitter.com/tpaelementor)- [](https://www.instagram.com/theplus_elementor/)- [](https://in.pinterest.com/posimyth)- [](https://t.me/posimyth)- [](https://www.youtube.com/@posimyth) --- # Best Elementor Addon with 120+ Widgets & 1000+ Templates Source: https://theplusaddons.com/ # Best Addon for Elementor with 120+ Widgets & 1000+ Templates - Performance Optimized Widgets - 150K+ Active Users - Recommended by Elementor - Mega Menu & Mobile Menu - WooCommerce & Blog Builder [ Download Now ](https://theplusaddons.com/pricing/) ★★★★★ Rated 5 out of 5 ##### The only Elementor Addon you’ll ever need! [The Plus Addons is by far the most extensive and impressive add ons for Elementor. It’s the only one we use for every site by default. Support is extremely responsive and helpful. ~ madebyproxy](https://wordpress.org/support/topic/the-only-add-on-youll-ever-need/) ![](https://theplusaddons.com/wp-content/uploads/2025/01/Best-Elementor-Addon-with-120-Widgets-1000Templates-1024x644.png) ★★★★★ Rated 4.5 out of 5 ###### ★★★★★ 4.5/5 350+ Reviews ###### 1.5M+ Downloads ###### 60 Days MoneyBack Guarantee ###### Regular SecurityTested Plugin As Seen on ![](https://theplusaddons.com/wp-content/uploads/2022/09/elementor.png) ![](https://theplusaddons.com/wp-content/uploads/2022/09/kinsta.png) ![](https://theplusaddons.com/wp-content/uploads/2024/05/wpexplorer.png) ![](https://theplusaddons.com/wp-content/uploads/2022/09/aThemes.png) [ ![](https://theplusaddons.com/wp-content/uploads/2024/11/which-addon-real-logo-1.png) ](https://which-addon.com/?ref=theplusaddons) ![](https://theplusaddons.com/wp-content/uploads/2022/09/torque.png) ## Complete 120+ Widgets for Elementor to Build Great Websites Without Coding [![](https://theplusaddons.com/wp-content/uploads/2022/11/mega-menu.png)](https://theplusaddons.com/elementor-builder/header-builder/mega-menu/) ### Horizontal & Vertical Mega Menus and Mobile Menus [![](https://theplusaddons.com/wp-content/uploads/2022/11/woocommerce-store-builder.png)](https://theplusaddons.com/elementor-builder/woocommerce-builder/) ### Complete WooCommerce Store Builder [![](https://theplusaddons.com/wp-content/uploads/2022/11/popup-builder.png)](https://theplusaddons.com/elementor-builder/popup-builder/) ### Ultimate Popup Builder, Off Canvas & Slide-ins [![](https://theplusaddons.com/wp-content/uploads/2022/11/advanced-display-condition.png)](https://theplusaddons.com/elementor-extras/display-conditions/) ### Advanced Display Conditions for WooCommerce & more [![](https://theplusaddons.com/wp-content/uploads/2022/11/ajax-search-bar.png)](https://theplusaddons.com/elementor-builder/ajax-filters/) ### Listings with Ajax Search Bar & 15+ Filters [![](https://theplusaddons.com/wp-content/uploads/2022/11/social-feed.png)](https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/) ### Social Media Live Feed & Review Widgets [![](https://theplusaddons.com/wp-content/uploads/2022/11/login-form.png)](https://theplusaddons.com/elementor-widget/login-form/) ### Login/Register & Password Reset Form [![](https://theplusaddons.com/wp-content/uploads/2022/11/custom-loopskin.png)](https://theplusaddons.com/elementor-listing/woocommerce-product-loop-skin/) ### Custom Loop Skin for Posts, CPT & Woo Products [![](https://theplusaddons.com/wp-content/uploads/2022/11/scroll-sequence.png)](https://theplusaddons.com/elementor-widget/full-page-scroll/) ### Full-Page Scrolling Animations [ Explore all 120+ Widgets ](https://theplusaddons.com/elementor-widget/) ★★★★★ Rated 5 out of 5 ## Highly Recommended, Specially for the Customer Support [Everything is top-notch! Just obsessed with this plugin ~ akashsharnarthi](https://wordpress.org/support/topic/after-my-1-week-of-looiking-for-the-best-addons/) ## Redesign the way to use Elementor Smartly Optimized CSS & JS With our smart asset delivery, only 1 CSS and 1 JS file is loaded for individual page, regardless of any no. of widgets you use Cross-Domain Copy & Paste You can copy any design with media files from our live website to yours in just few clicks of copy and paste 1-Click Unused Widget Scanner The 1st Addon for Elementor to introduce the power of detecting unused widget code. Enjoy a faster backend by removing all the non-essential CSS and JS. Clean Coded Each widget is coded modularly to load only the required styles on your website. In-Built Lazy Loading Improve your web vitals scores with inbuilt lazy-loading for post listings Images and multiple loading animations RTL & Multi-lingual Support Use our plugin in the language you're comfortable, our widgets supports RTL & multiple languages with WPML Works with Popular Themes Integrated with most popular WordPress themes like Astra, Kadence, Nexter, OceanWP, Blocksy etc Regular 3rd Party Security Audits Our codes are audited regularly by the world’s top 10 cybertech companies. So that you can make your website with confidence. ★★★★★ Rated 5 out of 5 ## After my 1 week of looking for the best addons [This Plus addons is really worth the price. verify widget and style, also i have lot of new idea when I see the Plus addons features. ~nd037](https://wordpress.org/support/topic/the-only-add-on-youll-ever-need/) ## All-in-One Addon for Elementor 90+ Widgets ## Plus Widgets — Key Design Elements - Carousel Anything - Tabs, Accordion & Switcher - Data Tables, Charts - Age Gate & Preloader [ Learn More ](https://theplusaddons.com/elementor-widget/) ![](https://theplusaddons.com/wp-content/uploads/2024/01/plus-widgets-key-design-elemens-.png) ![](https://theplusaddons.com/wp-content/uploads/2024/01/Plus-Listin-List-any-Post-CPT-or-Woo-Products-.png) 14+ Widgets ## Plus Listing — List any Post, CPT or Woo Products - Grid, Metro, Carousel & Masonry Layout - Magazine Filters & Sliders - Paginations, Load More & Lazy load - Image & Video Gallery [ Learn More ](https://theplusaddons.com/elementor-listing/) 30+ Widgets ## Plus Builder — Powerful & Customizable - WooCommerce Cart, Checkout, Thank You, Product Single etc - Mega Menu, Header Builder & Mobile Menu - Blog Comments, Single, Next/ Prev, Author Page etc. - Modal Popup, Sales Banner & Off Canvas [ Learn More ](https://theplusaddons.com/elementor-builder/) ![](https://theplusaddons.com/wp-content/uploads/2024/01/Plus-Builder-Powerful-customizable-.png) ![](https://theplusaddons.com/wp-content/uploads/2024/01/Plus-Extras-Essential-extensions-for-elementor-.png) 20+ Extensions ## Plus Extras — Essential extensions for Elementor - Equal Heights & White label Plugin - Facebook & Google Event Tracking - Advanced Shadows - Tooltips & Custom Cursors [ Learn More ](https://theplusaddons.com/elementor-extras/) ### Theme Builder ![](https://theplusaddons.com/wp-content/uploads/2024/01/Theme-Builder-.png) ### Google reCAPTCHA ![](https://theplusaddons.com/wp-content/uploads/2024/01/Google-reCAPTCHA-min.png) ### Advanced Performance Booster ![](https://theplusaddons.com/wp-content/uploads/2024/01/Advanced-Performance-Booster--1024x203.png) ![](https://theplusaddons.com/wp-content/uploads/2021/11/Nexterwp.png) ## Best Started Theme For Elementor [Learn More about Nexter Theme](https://theplusaddons.com/elementor-extras/theme-builder/) ### Font Manager ![](https://theplusaddons.com/wp-content/uploads/2024/01/Font-Manager-1024x203.png) ### Security Hardening ![](https://theplusaddons.com/wp-content/uploads/2024/01/Security-Hardening.png) ### Whitelabel Theme ![](https://theplusaddons.com/wp-content/uploads/2024/01/Whitelabel-Theme.png) ### Content Protection ![](https://theplusaddons.com/wp-content/uploads/2024/01/Content-Protection.png) ### Powerup with Nexter Theme Nexter WP theme is our in-house blank canvas with inbuilt Theme Builder, Header & Footer Builder, Code Snippets, 2FA, Google reCAPTCHA, Content Protection and much more. Your final investment to the future of WordPress Themes [ Learn More about Nexter Theme ](https://nexterwp.com/) ★★★★★ Rated 5 out of 5 ### Finally my Search for Fastest WordPress Theme Ends [Great Job guys, we have replaced all our client sites with Nexter Theme, just because of it light build. Keep going, I have a lot of expectations for you all, have been an avid user of The Plus Addons for Elementor, and now this combined it’s once for all solution for our client projects. Truly a Theme Build for the Future of WordPress. ~arswebmedia](https://wordpress.org/support/topic/finally-my-search-for-fastest-wordpress-theme-ends/) --- # The Plus Addons for Elementor Website Showcase – #MadeWithTPAE Source: https://theplusaddons.com/showcase/ # The Plus Addons for Elementor Website Showcase - #MadeWithTPAE Experience the versatility of The Plus Addons for Elementor, fueling over 120,000+ websites worldwide. Explore a curated showcase of select sites empowered by our Elementor Addon. ![](https://theplusaddons.com/wp-content/uploads/2024/03/showcase-landingimg.png) - All11- Blog & Magazine- Business & Corporate- E-commerce & Online Shopping- Portfolio & Personal Websites- Real Estate & Property- Technology & IT Services [![](https://theplusaddons.com/wp-content/uploads/2024/02/Trusource-Group.png)](https://theplusaddons.com/showcase/trusource-group/) Business & Corporate ### Trusource Group From:Michael Waters [Visit Website](https://trusourcegroup.com) [![](https://theplusaddons.com/wp-content/uploads/2024/03/arktis-story.png)](https://theplusaddons.com/showcase/arktis-story-design/) Portfolio & Personal Websites ### ARKTIS Story Design From:Sampo Lenzi [Visit Website](https://arktisdesign.com) [![](https://theplusaddons.com/wp-content/uploads/2024/03/Boise-marketing-Agency.png)](https://theplusaddons.com/showcase/boise-marketing-agency/) Business & Corporate ### Boise Marketing Agency From:Casey McMullen [Visit Website](https://getsitely.com/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/Welcome-law-firm.png)](https://theplusaddons.com/showcase/welcome-baar-law-firm/) Business & Corporate ### Welcome – BAAR Law Firm From:Jovan Lakić [Visit Website](https://www.baarlaw.com) [![](https://theplusaddons.com/wp-content/uploads/2024/03/utmon-pour.png)](https://theplusaddons.com/showcase/home-utmon-es-pour-paris/) E-commerce & Online Shopping ### Home – Utmon Es Pour Paris From:Shahzad Khan [Visit Website](https://utmon-paris.com/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/bersus.png)](https://theplusaddons.com/showcase/bersus-the-designer/) Portfolio & Personal Websites ### BERSUS – The Designer From:Den Sabrov [Visit Website](https://bersus.design/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/Niyo-global.png)](https://theplusaddons.com/showcase/niyo-global-international-debit-and-credit-card/) Business & Corporate ### Niyo Global – International Debit and Credit Card From:Go Niyo Team [Visit Website](https://goniyo.com/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/attention-insight.png)](https://theplusaddons.com/showcase/attention-insight-heatmaps-ai-driven/) Technology & IT Services ### Attention Insight Heatmaps | AI-Driven From:Darius [Visit Website](https://attentioninsight.com/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/Gesundheit.png)](https://theplusaddons.com/showcase/gesundheit-finanzen-technik-reisen/) Blog & Magazine ### Gesundheit / Finanzen / Technik / Reisen From:Oliver Fröhner [Visit Website](https://www.oliverfroehner.de/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/biomodel.png)](https://theplusaddons.com/showcase/explore-biology-in-every-mode-biomodal/) Business & Corporate ### Explore biology in every mode – biomodal From:Sam [Visit Website](https://biomodal.com/) [![](https://theplusaddons.com/wp-content/uploads/2024/03/smile-life.png)](https://theplusaddons.com/showcase/__trashed/) Real Estate & Property ### Smile Life Co Ltd. – Real estate agent in Otaki Town From:Alan Watchorn [Visit Website](https://smile-life.net/) --- # RSS Feed Widget for Elementor Source: https://theplusaddons.com/elementor-widget/rss-feed/ ## Live Demos of Elementor RSS Feed Widget [![](https://theplusaddons.com/wp-content/uploads/2025/11/Tech-Radar.png)](https://etemplates.wdesignkit.com/theplusaddons/rss-feed-demos/#Demo1) ### Tech Radar [![](https://theplusaddons.com/wp-content/uploads/2025/11/The-New-York-Times.png)](https://etemplates.wdesignkit.com/theplusaddons/rss-feed-demos/#Demo2) ### The New York Times [![](https://theplusaddons.com/wp-content/uploads/2025/11/The-Guardian.png)](https://etemplates.wdesignkit.com/theplusaddons/rss-feed-demos/#Demo3) ### The Guardian [![](https://theplusaddons.com/wp-content/uploads/2025/11/Tech-Crunch.png)](https://etemplates.wdesignkit.com/theplusaddons/rss-feed-demos/#Demo4) ### Tech Crunch ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Custom Icon Widget for Elementor Source: https://theplusaddons.com/elementor-widget/custom-icons/ ## SVG Export ## Cost Optimization ## Streamlined Operations ## Enhanced Security ## Scalability & Flexibility ## Performance / Reliability ## Monitoring and Support ## Font Awesome ## Home Page ## Content Search ## User Account ## System Settings ## Shopping Cart ## Alert Notifications ## Message Inbox ## Favorite Items --- # Full Page Piling for Elementor Source: https://theplusaddons.com/elementor-widget/page-piling/ ## Live Demos of Elementor Page Pilling - - [Main Page](https://theplusaddons.com/elementor-widget/page-piling/)- [Full Page](https://theplusaddons.com/elementor-widget/full-page-scroll/)- [Multi Scroll 1](https://theplusaddons.com/elementor-widget/elementor-multi-scroll-50-50/)- [Multi Scroll 2](https://theplusaddons.com/elementor-widget/elementor-multi-scroll-30-70/) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Untitled-1.png) COZY COLD ![](https://theplusaddons.com/wp-content/uploads/2025/07/organic-juice-4.png) ### Strawberry Juice #### $5 ### Orange Juice #### $3 ### Green Guava Juice #### $8 ### Watermelon Juice #### $6 Mango juice ![](https://theplusaddons.com/wp-content/uploads/2025/07/Juice-Bottle-1.png) Order now Orange juice ![](https://theplusaddons.com/wp-content/uploads/2025/07/Juice-Bottle-2.png) Order now Guava juice ![](https://theplusaddons.com/wp-content/uploads/2025/07/Juice-Bottle-3.png) Order now J U J I U I C E ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Preloader Animations & Transitions for Elementor Source: https://theplusaddons.com/elementor-widget/preloader-and-page-transition/ ## Live Demos of Elementor Preloader [![](https://theplusaddons.com/wp-content/uploads/2024/04/Travel-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-1/) ### Travel Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Musical-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-2/) ### Musical Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Real-Estate-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-3/) ### Real Estate Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Photography-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-4/) ### Photography Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Payment-in-Progress-Preloader.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-5/) ### Payment-in-Progress Preloader [![](https://theplusaddons.com/wp-content/uploads/2024/04/Food-and-Restaurant-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-6/) ### Food & Restaurant Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Gaming-Elementor-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-7/) ### Gaming Elementor Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Health-and-Doctor-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-8/) ### Health & Doctor Preloader Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Blog-Preloader-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/preloader-demo-9/) ### Blog Preloader Animation ## Key Features of Elementor Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Mulitple-Preloader-Content-Types.png) ### Multiple Preloader Content Types ![](https://theplusaddons.com/wp-content/uploads/2024/04/Image-as-Elementor-Preloader.png) ### Image as Elementor Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Icon-as-Preloader.png) ### Icon as Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Text-as-Elementor-Preloader.png) ### Text as Elementor Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Choose-from-our-Pre-designed-Animation.png) ### Choose from our Pre-designed Animation ![](https://theplusaddons.com/wp-content/uploads/2024/04/Lottie-as-Preloader.png) ### Lottie as Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Pure-CSS-Lottie-Animation.png) ### Pure CSS Lottie Animation ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Page-In-Out-Transitions-Effects.png) ### Add Page In & Out Transitions Effects ![](https://theplusaddons.com/wp-content/uploads/2024/04/Render-Shortcode-Content-as-Preloader.png) ### Render Shortcode Content as Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Progress-Bar-as-Preloader.png) ### Progress Bar as Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Combine-Multiple-Content-for-Preloader-Animations.png) ### Combine Multiple Content for Preloader Animations ![](https://theplusaddons.com/wp-content/uploads/2024/04/Exclude-Content-from-Elementor-Preloader.png) ### Exclude Content from Elementor Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Set-Minimum-Maximum-Time-for-Preloader.png) ### Set Minimum & Maximum Time for Preloader ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Full Page Scrolling for Elementor Source: https://theplusaddons.com/elementor-widget/full-page-scroll/ ## Live Demo of Elementor Full Page Scroll [![](https://theplusaddons.com/wp-content/uploads/2025/06/Full-Page-Scrolling-Wellness-App-Site-with-Vertical-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/full-page-scrolling-for-elementor-demos/) ### Full Page Scrolling Wellness App Site with Vertical Buttons ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Morphing Shape Background for Elementor Source: https://theplusaddons.com/elementor-widget/section-background/on-scroll-morphing-shape-background/ ## Live Demo of Elementor On Scroll Background Color Change unique The never ending quest, once and forever. Discover ![](https://theplusaddons.com/wp-content/uploads/2024/10/portfolio-4-3-683x1024-1.jpg) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Background Color Change with Gradient for Elementor Source: https://theplusaddons.com/elementor-widget/section-background/on-scroll-change-gradient-background/ ## Live Demo of Background Color Change with Gradient for Elementor NEED FASTEST WEBSITE? Based on animated morphing SVG layout, which stays fixed till the end in background of whole page’s body. You can use it to create extraordinary and out of the box layouts. Based on animated morphing SVG layout, which stays fixed till the end in background of whole page’s body. You can use it to create extraordinary and out of the box layouts. Based on animated morphing SVG layout. Have it today ## Master Shot ![](https://theplusaddons.com/wp-content/uploads/2025/07/attractive-beautiful-beauty-995978.jpg)![](https://theplusaddons.com/wp-content/uploads/2025/07/glamour-1.jpg)![](https://theplusaddons.com/wp-content/uploads/2025/07/camylla-battani-794114-unsplash.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/07/ipad_2.jpg)![](https://theplusaddons.com/wp-content/uploads/2025/07/mobile_4.jpg)![](https://theplusaddons.com/wp-content/uploads/2025/07/laptop_3.jpg) ### How it Works ## Easy to handle Based on animated morphing SVG layout, which stays fixed till the end in background of whole page’s body. You can use it to create extraordinary and out of the box layouts. Based on animated morphing SVG layout, which stays fixed till the end in background of whole page’s body. You can use it to create extraordinary and out of the box layouts. Buy Now ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Fixed SVG Morphing For Elementor Source: https://theplusaddons.com/elementor-widget/section-background/on-scroll-fixed-svg-morphing/ ## Live Demos of Elementor On Scroll Background Fixed SVG Morphing Journey ## Through Time Embark on a captivating voyage through history, witnessing the pivotal moments that have shaped our world. ## Ancient Civilizations Step back to the dawn of civilization with the rise of great empires like Egypt, Mesopotamia, and the Indus Valley. Marvel at Egypt's pyramids, witness Mesopotamia's birth of writing with cuneiform tablets, and explore the advanced urban planning and trade of the Indus Valley. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Ancient-Civilizations.png) ## Classical Greece and Rome Explore the classical world of Greece and Rome, where philosophy, democracy, and engineering flourished. Experience Greece’s democratic assemblies and architectural marvels like the Parthenon. In Rome, witness the grandeur of the Colosseum, a symbol of Roman might and culture. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Classical-Greece-and-Rome.png) ## Medieval Life and Legacy Journey through the medieval period, characterized by knights, castles, and religious influence. Enter a feudal world with powerful lords and chivalrous knights. Discover the impact of towering cathedrals, monasteries, and the transformative Crusades that brought East and West together. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Medieval-Life-and-Legacy.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Background Color Change for Elementor Source: https://theplusaddons.com/elementor-widget/section-background/on-scroll-background-color-change/ ## Live Demo of Elementor On Scroll Background Color Change ## Key Features Setup a cool animated gradient background with multiple customisation options of direction, speed and other for gradient in the page background. High Performance The plus is best Elementor Addons and It's powerful and in a collection of top notch elementor addons ever made. The plus is best Elementor Addons and It's powerful. Latest Designs It's powerful and in a collection of top notch elementor addons ever and The plus is best Elementor Addons. The plus is best Elementor Addons and It's powerful. Responsive Design The plus is best Elementor Addons and It's powerful and in a collection of top notch elementor addons ever made. The plus is best Elementor Addons and It's powerful. ## Let's create it together Setup a cool animated gradient background with multiple customisation options of direction, speed and other for gradient in the page background. ##### 40% Business Solutions gradient in the page background ##### 60% Customer Support gradient in the page background ##### 70% Create Ideas gradient in the page background ##### 80% Innovative Projects gradient in the page background ## Our Clients Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-27.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-25.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-26.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-24.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-23.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-22.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-21.png) ![](https://theplusaddons.com/wp-content/uploads/2025/06/b-20.png) ## Our Portfolio Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. ## Happy Customer Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_4.jpg) ### Outstanding Support I have been using the software from XYZ Business for a few weeks now and it has exceeded my expectations. It is user-friendly, efficient, and the customer support team is always available to help. Highly recommend this software! Emily Thompson CEO of CodeCraft Inc. ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_07.jpg) ### Improved Productivity I have been using the software from XYZ Business for a few weeks now and it has exceeded my expectations. It is user-friendly, efficient, and the customer support team is always available to help. Highly recommend this software! Benjamin Reed Founder of X Community ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_01.jpg) ### Highly recommend I have been using the software from XYZ Business for a few weeks now and it has exceeded my expectations. It is user-friendly, efficient, and the customer support team is always available to help. Highly recommend this software! Rachel Johnson COO of AppFinity Solutions LET’S WORK TOGETHER ## posimyththemes@gmail.com ![](https://theplusaddons.com/wp-content/uploads/2025/07/child-plays-superhero-P5ZDXQL-700x700.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/07/open-highway-in-california-P6QHYNU-700x700.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/07/portrait-of-a-young-man-in-a-studio-on-a-blue-2X96TZK-700x700.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/07/kal-loftus-644938-unsplash-667x700.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/07/child-experimenting-with-virtual-reality-headset-PWERW44-700x700.jpg) ![](https://theplusaddons.com/wp-content/uploads/2025/07/heceta-head-lighthouse-at-sunset.jpg) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Animated Gradient Background for Elementor Source: https://theplusaddons.com/elementor-widget/section-background/on-scroll-animated-gradient-background/ ## Live Demos of Animated Gradient Background for Elementor ![sec-1 bg-a](https://theplusaddons.com/wp-content/uploads/2024/10/sec-1-bg-a.png)![Nike-Shoe](https://theplusaddons.com/wp-content/uploads/2024/10/Nike-Shoe.png) ## Runners ![sec-2-bg-a](https://theplusaddons.com/wp-content/uploads/2024/10/sec-2-bg-a.png)![girl-yoga-practice](https://theplusaddons.com/wp-content/uploads/2024/10/girl-yoga-practice.png) ## Ayurveda ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Multi Layer Parallax Scroll Background for Elementor Source: https://theplusaddons.com/elementor-widget/section-background/multi-layer-parallax-scroll/ ## Live Demos of Elementor Multi Layer Parallax Scrolling Background ## Dawn in the Wilderness Captured by the serenity of nature, where the dawn paints the wilderness in hues of tranquility. #### About Us ## Transforming Dreams into Reality > Discovering AI and Robotics was a game-changer for me. The insightful content and engaging writing style have enriched my life in countless ways. It's my go-to source for inspiration, knowledge, and a sense of connection. Thank you for sharing your wisdom with the world! > > > My passion for storytelling has always been the compass guiding my path. Here, you'll find an eclectic collection of narratives, anecdotes, and musings that paint a vivid portrait of my experiences, insights, and adventures. From my travels around the world to the quiet moments of introspection, I aim to capture the essence of each moment and share it. ![](https://theplusaddons.com/wp-content/uploads/2024/10/novelora.svg) ![](https://theplusaddons.com/wp-content/uploads/2024/10/leveric.svg) ![](https://theplusaddons.com/wp-content/uploads/2024/10/firmsus.svg) ![](https://theplusaddons.com/wp-content/uploads/2024/10/creativaco.svg) - 3D Illustration ## Revolutionary 3D Abstract Designs - Dynamic Interactivity - Generative Design Algorithms - Mixed Reality Integration ## Optimizing Logistics, Enhancing Efficiency Explore More ![](https://theplusaddons.com/wp-content/uploads/2024/10/boat-image-3061.png) Uncover Your.. Signature Style Fashioned For You ## Join the 5000+ Companies Trusting Us ![](https://theplusaddons.com/wp-content/uploads/2024/11/Frame-1272632311.svg) ### ![](https://theplusaddons.com/wp-content/uploads/2024/11/Frame-1272632314.svg) ### ![](https://theplusaddons.com/wp-content/uploads/2024/11/Frame-1272632309.svg) ### ![](https://theplusaddons.com/wp-content/uploads/2024/11/Frame-1272632310.svg) ### ![](https://theplusaddons.com/wp-content/uploads/2024/11/Frame-1272632317.svg) ### ![](https://theplusaddons.com/wp-content/uploads/2024/11/Frame-1272632312.svg) ### ## Streamlining Payment Solutions for Growing Companies Streamlining transactions for expanding enterprises. Our solutions simplify payment processes, empowering businesses to focus on growth and innovation. Explore More ![](https://theplusaddons.com/wp-content/uploads/2024/11/streamlining-payment.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Gallery Background for Elementor Source: https://theplusaddons.com/elementor-widget/section-background/image-gallery-background/ ## Live Demos of Elementor Image Gallery Background ## Relax, Renew, Remask Your Spa Escape The advanced grooming solution of laser facial hair removal, promising a smooth and perfected look at the spa. Because we're more than just a salon. SHOP STYLES #### SOARING OVER THE HIGHEST SLAM DUNKS At "Beyond the Bounce," we provide you with the keys to unlock the secrets of basketball skills, allowing you to elevate your game to new heights. From fundamental skills to advanced tactics, everything is here to enhance your performance on the basketball court. GET YOUR FREE CLASS ## Slaying Over The Highest SlamDunks ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Shape Dividers Animation for Elementor Source: https://theplusaddons.com/elementor-widget/advanced-separators/ #### About Us ## Our Beauty Philosophy We believe that beauty is a journey, not a destination. With a passion for elegance and self-expression, our mission is to empower you to feel confident in your own skin. Discover your unique beauty with our thoughtfully crafted products. ![](https://theplusaddons.com/wp-content/uploads/2024/12/image-24.png) ![](https://theplusaddons.com/wp-content/uploads/2024/12/Frame-1272638690.png) ## Experience with Cutting-Edge Advanced Mouse Cursors Unlock a new level of precision and personalization with our cutting-edge advanced mouse cursors. Elevate your digital interaction and transform the way you navigate your screen. Explore More ![](https://theplusaddons.com/wp-content/uploads/2024/09/spaaura-image.png) ## Discover SpaAura Facial Rejuvenation ![](https://theplusaddons.com/wp-content/uploads/2024/09/tissue-massage.png) ### Tissue Massage #### $120 Relieve muscle tension with our specialized deep tissue techniques. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Revitalizing-Facial.png) ### Revitalizing Facial #### $85 Restore your skin's glow with a refreshing and hydrating facial. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Hot-Stone-Therapy.png) ### Hot Stone Therapy #### $150 Melt away stress with warm stones placed on key points of your body. ## Travel Itinerary Organizer Efficiency and simplicity converge in the digital age, revolutionizing how we navigate life with technology. ![](https://theplusaddons.com/wp-content/uploads/2025/05/parcel-box-image.png) ###### Parcel Delivery Tracker Track your parcels with ease! Get real-time updates and notifications for your deliveries, ensuring you never miss a package again. ![](https://theplusaddons.com/wp-content/uploads/2025/05/travel-flight-image.png) ###### Travel Itinerary Organizer Plan your trips effortlessly! Organize your travel itinerary, manage reservations, and explore destinations with maps, all in one place. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Home-town-image.png) ###### Home Automation Hub Control your smart home seamlessly! Manage IoT devices, customize settings, and enhance convenience and security at your fingertips. ![](https://theplusaddons.com/wp-content/uploads/2025/05/Health-images.png) ###### Health Monitoring Dashboard Stay on top of your well-being! Monitor vital signs, track fitness goals, and receive health alerts to maintain a healthy lifestyle. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Financial-Budget-Manager.png) ###### Financial Budget Manager Take control of your finances! Track expenses, set budgets, and reach savings goals with this comprehensive financial management tool. ![](https://theplusaddons.com/wp-content/uploads/2024/12/Project-Manage-Dashboard.png) ###### Project Manage Dashboard Streamline your projects efficiently! Manage tasks, track progress, and foster collaboration among team members for successful project outcomes. ## Watch How Elementor Shape Dividers Works Subscribe for more Such Elementor Video Tutorials --- # Horizontal Scroll for Elementor Source: https://theplusaddons.com/elementor-widget/horizontal-scroll/ ![](https://theplusaddons.com/wp-content/uploads/2023/11/Advanced-Scrolling-Effect-Left-Img-new.png) ## Advanced Horizontal Scrolling Effects - Slide Transitions Animation - Change Background Color on Scroll - Change Opacity on Scroll - RTL Scroll Compatibility - Change Background Image on Scroll - Change Scrolling Speed View Demos ## Control Horizontal Scroll with Arrows & Dots​ - Navigate Scroll with Dots - Navigate Scroll with Anchor Link - Navigate Scroll with Next/Prev Button - Navigate Scroll with Anchor Link - Share Slide with URL Parameters - Pagination & Progress Bar for Horizontal Scroll View Demos ![](https://theplusaddons.com/wp-content/uploads/2023/11/Control-Horizontal-Arrow-Dots-1.png) ![](https://theplusaddons.com/wp-content/uploads/2023/11/Animated-widgets.png) ## Animate Widgets During Scroll - Scroll Viewport - Change Opacity on Scroll - Change Border Radius & Background Color - Move Horizontal & Vertically - Rotate, Scale or Skew Widgets - Disable Animation on Responsive Screens View Demos ## Live Demos of Elementor Horizontal Scroll [![](https://theplusaddons.com/wp-content/uploads/2023/12/Frame-1272630061.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/creative-digital-agency/) ### Digital AgencyHorizontal Scroll [![](https://theplusaddons.com/wp-content/uploads/2023/12/background-color.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/change-background-color/) ### Background color changeHorizontal Scroll [![](https://theplusaddons.com/wp-content/uploads/2023/12/Fix-backgroundimage.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/fix-background-image/) ### Fix Background imageHorizontal Scroll [![](https://theplusaddons.com/wp-content/uploads/2023/12/backgroundimg.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/change-background-image/) ### Background image ChangeHorizontal Scroll ## Key Features of Elementor Horizontal Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Select-the-page-template-for-horizontal-scroll.png) ### Select the Page Template for Horizontal Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Edit-Template-Directly-from-Backend.png) ### Edit Template Directlyfrom Backend ![](https://theplusaddons.com/wp-content/uploads/2023/11/Multiple-Scrolling-effects.png) ### Multiple ScrollingEffects ![](https://theplusaddons.com/wp-content/uploads/2023/11/Change-Section-Background-Color-or-Image-During-Scroll.png) ### Change Section Background Color or Image during Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Fix-Partcular-Content-Like-Header-During-Scroll.png) ### Fix Particular Content Like Header during Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Change-Section-Opacity-during-Scroll.png) ### Change Section Opacityduring Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/RTL-Compatible-Horizontal-Scroll.png) ### RTL CompatibleHorizontal Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Adjust-Scroll-Speed.png) ### Adjust Scroll Speed ![](https://theplusaddons.com/wp-content/uploads/2023/11/Full-Side-Scroll.png) ### Full SlideScroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Set-Custome-Width-of-Horizontal-Scroll.png) ### Set Custom Width ofHorizontal Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Custome-URL-to-each-Slide.png) ### Add Custom URL toEach Slide ![](https://theplusaddons.com/wp-content/uploads/2023/11/Connect-Horizontal-Scroll-with-our-Carousel-Slider-Connection-new.png) ### Connect Horizontal Scroll withour Carousel Slider Connection ![](https://theplusaddons.com/wp-content/uploads/2023/11/Set-Responsive-Visibility-for-Horizontal-Scroll-1.png) ### Set Responsive Visibility forHorizontal Scroll ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Section-ID-to-Each-Horizontal-Section-1.png) ### Add Section ID to EachHorizontal Section ![](https://theplusaddons.com/wp-content/uploads/2023/11/Live-Elementor-Template-Editor.png) ### Live ElementorTemplate Editor ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Horizontal Scroll with Background Color Change in Elementor Source: https://theplusaddons.com/elementor-widget/horizontal-scroll-with-background-color-change/ ## Live Demo of Elementor Horizontal Scroll Background Color Change [![](https://theplusaddons.com/wp-content/uploads/2025/05/Storytelling-Background-Color-Change-on-Horizontal-Scroll.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-horizontal-scroll-with-background-color-change-demo/) ### Storytelling Background Color Change on Horizontal Scroll ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Horizontal Scroll with Background Image Change in Elementor Source: https://theplusaddons.com/elementor-widget/horizontal-scroll-background-image-change/ ## Live Demos of Elementor Horizontal Scroll Background Image Change [![](https://theplusaddons.com/wp-content/uploads/2024/11/Avengers-Characters-Image-Change-on-Scroll.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-horizontal-scroll-with-background-image-change-demo/) ### Avengers Characters Image Change on Scroll ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Horizontal Scroll with Fixed Background Image in Elementor Source: https://theplusaddons.com/elementor-widget/horizontal-scroll-fixed-background-image/ ## Live Demo of Elementor Horizontal Scroll Fixed Background Image [![](https://theplusaddons.com/wp-content/uploads/2024/11/Real-Estate-Lead-Generation-Page-with-Fixed-Background-on-Scroll.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-horizontal-scroll-with-fixed-background-image-demos/) ### Real Estate Lead Generation Page with Fixed Background on Scroll ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Animated Service Boxes for Elementor Source: https://theplusaddons.com/elementor-widget/animated-service-boxes/ ### Animated Service Boxes for Elementor ## Live Demos of Image Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Team-Members-Image-Accordion-With-Designation.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#ImageAccordion1) ### Team Members Image Accordion With Designation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Real-Estate-Vertical-Image-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#ImageAccordion2) ### Real Estate Vertical Image Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Horizontal-Photography-Portfolio-Image-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#ImageAccordion3) ### Horizontal Photography Portfolio Image Accordion Accordion Sliding Article Box Info Banner Hover Fancy Box Services Portfolio ## Key Features of Image Accordion ![](https://theplusaddons.com/wp-content/uploads/2024/03/Vertical-Horizontal-Image-Accordion.png) ### Vertical & Horizontal Image Accordion ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Button-to-Image-Accordion-Slides.png) ### Add Button to Image Accordion Slides ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Lottie-Icon-Image.png) ### Add Lottie, Icon & Image ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Height-Controls.png) ### Layout & Height Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Sliding Boxes [![](https://theplusaddons.com/wp-content/uploads/2024/03/Ecommerce-Product-Sliding-Boxes.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#slidingboxes1) ### Ecommerce Product Sliding Boxes [![](https://theplusaddons.com/wp-content/uploads/2024/03/Cryptocurrency-Sliding-Boxes.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#slidingboxes2) ### Cryptocurrency Sliding Boxes [![](https://theplusaddons.com/wp-content/uploads/2024/03/Gradient-Shades-Sliding-Boxes.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#slidingboxes3) ### Gradient Shades Sliding Boxes ## Key Features of Sliding Boxes ![](https://theplusaddons.com/wp-content/uploads/2024/03/Multiple-Style-Layout.png) ### Multiple Style Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Custom-Slide-Active.png) ### Set Custom Slide Active ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Controls.png) ### Layout Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Responsive-Column-Manager.png) ### Responsive Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Article Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Featured-Projects-Article-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#articlebox1) ### Featured Projects Article Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Real-Estate-Article-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#articlebox2) ### Real Estate Article Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Team-Members-Article-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#articlebox3) ### Team Members Article Box ## Key Features of Article Box ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Multiple-Icon-Libary.png) ### Multiple Icon Library ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Pin-Title-and-Position.png) ### Set Pin Title and Position ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Info Banner [![](https://theplusaddons.com/wp-content/uploads/2024/03/Video-Hosting-Info-Banner-.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#infobanner1) ### Video Hosting Info Banner [![](https://theplusaddons.com/wp-content/uploads/2024/03/Consultation-Firm-Info-Banner.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#infobanner2) ### Consultation Firm Info Banner [![](https://theplusaddons.com/wp-content/uploads/2024/03/Fin-tech-Info-Banner.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#infobanner3) ### Fin-tech Info Banner ## Key Features of Info Banner ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Hover-Orientation.png) ### Set Hover Orientation ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Height-Manager.png) ### Layout & Height Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Hover Section [![](https://theplusaddons.com/wp-content/uploads/2024/03/Furniture-Ecommerce-Hover-Sections.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#hoversection1) ### Furniture Ecommerce Hover Sections [![](https://theplusaddons.com/wp-content/uploads/2024/03/Cleaning-Service-Hover-Sections.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#hoversection2) ### Cleaning Service Hover Sections [![](https://theplusaddons.com/wp-content/uploads/2024/03/CoWorking-Space-Hover-Sections.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#hoversection3) ### CoWorking Space Hover Sections ## Key Features of Hover Section ![](https://theplusaddons.com/wp-content/uploads/2024/03/Predefined-Layout.png) ### Predefined Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Preload-Image-for-Performance.png) ### Preload Image for Performance ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Layout-Control.png) ### Layout Control ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Fancy Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Web-Development-Fancy-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#fancybox1) ### Web Development Fancy Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Blog-Post-Fancy-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#fancybox2) ### Blog Post Fancy Box [![](https://theplusaddons.com/wp-content/uploads/2024/03/Resources-Post-Fancy-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#fancybox3) ### Resources Post Fancy Box ## Key Features of Fancy Box ![](https://theplusaddons.com/wp-content/uploads/2024/03/Predefined-Layout.png) ### Predefined Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Normal-Hover-Transform-CSS.png) ### Normal & Hover Transform CSS ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Set-Pin-Title-and-Position.png) ### Set Pin Title and Position ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Services Element [![](https://theplusaddons.com/wp-content/uploads/2024/03/Website-Feature-Unfold-Service-Elements.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#serviceselement1) ### Website Feature Unfold Service Elements [![](https://theplusaddons.com/wp-content/uploads/2024/03/Consulting-Solutions-Unfold-Service-Elements.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#serviceselement2) ### Consulting Solutions Unfold Service Element [![](https://theplusaddons.com/wp-content/uploads/2024/03/Dating-Website-Service-Elements.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#serviceselement3) ### Dating Website Service Elements ## Key Features of Services Element ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layouts.png) ### Multiple Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Image-Icon.png) ### Add Image/Icon ![](https://theplusaddons.com/wp-content/uploads/2024/03/Column-Manager.png) ### Column Manager ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ### Animated Service Boxes for Elementor ## Live Demos of Portfolio Style [![](https://theplusaddons.com/wp-content/uploads/2025/04/Sports-Training.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#portfoliostyle1) ### Sports Training Portfolio Style [![](https://theplusaddons.com/wp-content/uploads/2025/04/Robots-Ai-Portfolio-Style.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#portfoliostyle2) ### Robots & Ai Portfolio Style [![](https://theplusaddons.com/wp-content/uploads/2025/04/Modern-Clothing-Porfolio-Style.png)](https://etemplates.wdesignkit.com/theplusaddons/animated-service-boxes-demo/#portfoliostyle3) ### Modern Clothing Portfolio Style ## Key Features of Portfolio Style ![](https://theplusaddons.com/wp-content/uploads/2024/03/Mulitple-Layout.png) ### Multiple Layout ![](https://theplusaddons.com/wp-content/uploads/2024/03/Alignment-Height-Offset-Controls.png) ### Alignment, Height & Offset Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Text-on-Responsive-Screen.png) ### Add Title Text on Responsive Screen ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Eveything.png) ### Style Everything ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Title-Image-Description-Button-Link.png) ### Add Title, Image, Description, Button Link ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Google Business & Facebook Reviews for Elementor Source: https://theplusaddons.com/elementor-widget/social-reviews-badges/ --- # Social Embed for Elementor Source: https://theplusaddons.com/elementor-widget/social-embed/ ## Facebook Embed - Display Unlimited Posts - Options for Personal / Page Feed - Add / Display Comments from Here - Like / Save / Share / Recommend Buttons [View Demo](https://theplusaddons.com/elementor-widget/facebook-embed/) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Facebook-Embed-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Instagram-Embed.png) ## Instagram Embed - Display Any Post Using it's ID - Posts / Reels/ IGTV - Show / Hide Caption - Get More Views [View Demo](https://theplusaddons.com/elementor-widget/instagram-embed/) ## Twitter Embed - Timeline / Tweets / Buttons Embed - Profile / Likes / List / Collection Timeline - Follow / Like / ReTweet / DM / Reply Buttons - Feed Layout Options [View Demo](https://theplusaddons.com/elementor-widget/twitter-embed/) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Twitter-Embed-1.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Youtube-Embed.png) ## Youtube Embed - Single / User / Playlist Video Listing Options - Options to Choose Start & End Time - Every Video Tag Options like Mute & Loop - In-App Text Language Selection Option [View Demo](https://theplusaddons.com/elementor-widget/youtube-embed/) ## Vimeo Embed - Display Any Video You Like - Options to Choose Start Time - Every Video Tag Options like Mute & Loop - In-App Color Selection Option [View Demo](https://theplusaddons.com/elementor-widget/vimeo-embed/) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Vimeo-Embed.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/Embed-Google-maps-min.png) - Google Map Embed New - Single / User / Playlist Video Listing Options - Options to Choose Start & End Time - Every Video Tag Options like Mute & Loop - In-App Text Language Selection Option [View Demo](https://theplusaddons.com/elementor-widget/google-maps-embed/) ## Why to Display Social Embeds on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! Stream Live Videos Copy your streaming video ID from your platform & paste it here and have your website watch the live you on your page only. Pick Your Best Content Social Embedding allows you to display the posts you want, not the combined feed. Select your best suitable feed for the page you want to display and make it happen. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Get More Views Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Facebook Comments Made Easy Getting a way much response on Facebook through comments ?? Let your viewers see or add comments directly from your website using Social Embed. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Fetch Feed from Pages Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Social Feed Widget for Elementor Source: https://theplusaddons.com/elementor-widget/social-feed/ ## Display Social Media Feeds or Any RSS Feeds on Elementor ### YouTube Feed Using the Elementor YouTube Feed widget, easily embed channels, playlists, and user feeds, while seamlessly integrating your YouTube API key for a dynamic video experience. ![](https://theplusaddons.com/wp-content/uploads/2025/04/YoutTube-Feed.png) ### Facebook Feed With the Elementor Facebook Feed widget, smoothly showcase personal or page feeds, integrate your Facebook API key, and display images, videos, status updates, and photo albums without any coding. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Group-1272633595.png) ### Instagram Feed Boost engagement with the Elementor Instagram Feed widget. Connect personal or business accounts, integrate Instagram API, and curate feeds based on users, mentions, and hashtags. Control display of recent or top posts without coding. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Group-1272633622.png) ### X (Twitter) Feed Amplify your website with the Elementor Twitter Feed widget. Integrate X (formerly Twitter) API keys to display user feeds, mentions, likes, post lists, collections, search results, and trending posts, and more. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Group-1272633590.png) ### Vimeo Feed Using the Elementor Vimeo Feed widget, easily integrate Vimeo API key to showcase user videos, search results, liked videos, channel content, group videos, album showcases, and more without any coding. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Vimeo-Feed-1.png) ### Multi Feed With the Elementor Multi Social Feed widget, easily integrate multiple social platforms with customizable layouts and category filters. Showcase your content in grid, masonry, or carousel formats for a dynamic and engaging website experience. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Multi-Feed.png) ### RSS Feed Bring fresh content to your site easily with the Elementor RSS Feed Widget. Embed, filter, and customize any external feed to showcase news, blogs, or videos without writing code. ![](https://theplusaddons.com/wp-content/uploads/2025/04/RSS-Feed.png) ## Layout Manager List your Elementor Social Feeds or Any RSS Feeds in any layout you prefer - Grid, Carousel Slider, and Masonry Layouts. Grid Carousel Masonry ## Responsive Column Manager Change the columns based on device screen; you can have different column modes based on screen size and device type. #### Desktop 3 Columns #### Tablet 2 Columns #### Mobile 1 Column ## Category Wise Filters Easily filter your WooCommerce Products based on category with just one click using our Product Listing widgets. Simplify navigation and improve user experience. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Group-1272633460.png) ## Multiple Loading Methods With more Social and RSS feeds, make it easier for users to find other feeds using our Pagination, Infinite Load, or simple Load More button. Keep users engaged and browsing effortlessly. ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-load-more.png) ![](https://theplusaddons.com/wp-content/uploads/2025/04/WooCommerce-infinity-load.png) ## Key Features of Elementor Social Feed ![](https://theplusaddons.com/wp-content/uploads/2025/04/Grid-Masonry-Carousel-Layout.png) ### Grid, Masonry & Carousel Layout ![](https://theplusaddons.com/wp-content/uploads/2025/04/Mulitple-Social-Media-Styles.png) ### Mulitple Social Media Styles ![](https://theplusaddons.com/wp-content/uploads/2025/04/Mulitple-Social-Media-Connect.png) ### Mulitple Social Media Connect ![](https://theplusaddons.com/wp-content/uploads/2025/04/Control-Maximum-Post-Feed-Types.png) ### Control Maximum Post & Feed Types ![](https://theplusaddons.com/wp-content/uploads/2025/04/Responsive-Column-Manager.png) ### Responsive Column Manager ![](https://theplusaddons.com/wp-content/uploads/2025/04/Category-Wise-Filter-for-Social-RSS-Feeds.png) ### Category Wise Filter for Social & RSS Feeds ![](https://theplusaddons.com/wp-content/uploads/2025/04/Social-Post-Feed-Loading-Options.png) ### Social Post Feed Loading Options ![](https://theplusaddons.com/wp-content/uploads/2025/04/Set-Content-Refresh-Time.png) ### Set Content Refresh Time ![](https://theplusaddons.com/wp-content/uploads/2025/04/Set-Text-Limit-in-Feed-Description.png) ### Set Text Limit in Feed Description ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Scrollbar-for-Long-Social-Post.png) ### Add Scrollbar for Long Social Post ![](https://theplusaddons.com/wp-content/uploads/2025/04/Open-Post-Link-or-Open-in-Popup.png) ### Open Post Link or Open in Popup ![](https://theplusaddons.com/wp-content/uploads/2025/04/Performance-Database-Optimise-Loading.png) ### Performance & Database Optimise Loading ![](https://theplusaddons.com/wp-content/uploads/2025/04/Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Data Table for Elementor Source: https://theplusaddons.com/elementor-widget/data-tables/ ## Live Demos of Elementor Data Table [![](https://theplusaddons.com/wp-content/uploads/2024/09/Real-Estate-Properties-Data-Table.png)](https://etemplates.wdesignkit.com/theplusaddons/data-table-demo/%20#datatable1) ### Real Estate Properties Data Table [![](https://theplusaddons.com/wp-content/uploads/2024/09/Car-Specs-Data-Table-with-CTA-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/data-table-demo/%20#datatable2) ### Car Specs Data Table with CTA Button [![](https://theplusaddons.com/wp-content/uploads/2024/09/Software-Comparison-Table-with-Search-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/data-table-demo/%20#datatable3) ### Software Comparison Table with Search Box [![](https://theplusaddons.com/wp-content/uploads/2024/09/Automobile-Variants-Table-with-Tabs.png)](https://etemplates.wdesignkit.com/theplusaddons/data-table-demo/%20#datatable4) ### Automobile Variants Table with Tabs [![](https://theplusaddons.com/wp-content/uploads/2024/09/Website-Analytics-Data-Table.png)](https://etemplates.wdesignkit.com/theplusaddons/data-table-demo/%20#datatable5) ### Website Analytics Data Table [![](https://theplusaddons.com/wp-content/uploads/2024/09/Elementor-Data-Table-with-Sorting-Feature.png)](https://etemplates.wdesignkit.com/theplusaddons/data-table-demo/%20#datatable6) ### Elementor Data Table with Sorting Feature ## Key Features of Elementor Data Table ![](https://theplusaddons.com/wp-content/uploads/2024/09/Create-Custom-Table-CSV-File-or-Google-Sheet.png) ### Create Custom Table, CSV File or Google Sheet ![](https://theplusaddons.com/wp-content/uploads/2024/09/Upload-CSV-File.png) ### Upload CSV File ![](https://theplusaddons.com/wp-content/uploads/2024/09/Connect-Google-Sheets.png) ### Connect Google Sheets ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Text-in-Table-Cell.png) ### Add Text in Table Cell ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Icon-Image-in-Cell.png) ### Add Icon, Image in Cell ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mask-Link.png) ### Custom Cell Colors ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Button-with-Link-to-Cell.png) ### Add Button with Link to Cell ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Tooltip-to-Cell.png) ### Add Tooltip to Cell ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Filter-Search-Sorting-to-Table.png) ### Add Filter, Search & Sorting to Table ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mobile-Responsive-Modes.png) ### Mobile Responsive Modes ![](https://theplusaddons.com/wp-content/uploads/2024/09/Data-table-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Breadcrumbs Bar for Elementor Source: https://theplusaddons.com/elementor-widget/breadcrumbs-bar/ ## Live Demos of Elementor Breadcrumbs [![](https://theplusaddons.com/wp-content/uploads/2024/10/Blog-Post-Breadcrumbs-Bar.png)](https://etemplates.wdesignkit.com/theplusaddons/author/alkeshjposimyth/) ### Blog Post Breadcrumbs Bar [![](https://theplusaddons.com/wp-content/uploads/2024/10/Ecommerce-Product-Page-Breadcrumbs.png)](https://etemplates.wdesignkit.com/theplusaddons/product/de-ville-tresor/) ### Ecommerce Product Page Breadcrumbs ## Key Features of Elementor Breadcrumbs​ ![](https://theplusaddons.com/wp-content/uploads/2024/10/Multiple-Breadcrumb-Styles-with-Control.png) ### Multiple Breadcrumb Styles with Alignment & Width Control ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Home-Icon-and-Text.png) ### Add Home Icon & Text ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Custom-Breadcrumb-Seperator-Icon.png) ### Add Custom Breadcrumb Separator Icon ![](https://theplusaddons.com/wp-content/uploads/2024/10/Show-Home-or-Current-Parent-Page.png) ### Show Home/ Current & Parent Page ![](https://theplusaddons.com/wp-content/uploads/2024/10/Breadcrumb-Customize-Everything-1.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Elementor Multi Scroll 50/50 Source: https://theplusaddons.com/elementor-widget/elementor-multi-scroll-50-50/ ## Live Demo of Elementor Multi Scroll 50/ 50 [![](https://theplusaddons.com/wp-content/uploads/2024/11/Ecom-Product-50-50-Multi-Scroll-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-multi-scroll-50-50-demos/) ### Ecom Product 50/ 50 Multi Scroll Effect ## Key Features of Elementor Horizontal Scroll Background Image Change ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Elementor Multi Scroll 30/70 Source: https://theplusaddons.com/elementor-widget/elementor-multi-scroll-30-70/ ## Live Demos of Elementor Multi Scroll 30/ 70​ [![](https://theplusaddons.com/wp-content/uploads/2024/11/SaaS-Product-Multi-Scroll-Visual-Information.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-multi-scroll-30-70-demos/) ### SaaS Product Multi Scroll Visual Information ## Key Features of Elementor Horizontal Scroll Background Image Change ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Scroll Sequence for Elementor Source: https://theplusaddons.com/elementor-widget/image-scroll-sequence/ ## Live Demos of Scroll Sequence [![](https://theplusaddons.com/wp-content/uploads/2023/12/Airpods-Pro-Clone-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/image-scroll-sequence/airpods-apple/) ### Airpods Pro Clone Apple [![](https://theplusaddons.com/wp-content/uploads/2023/12/iPad-Air-Clone-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/image-scroll-sequence/ipad-air/) ### iPad Air Clone Apple [![](https://theplusaddons.com/wp-content/uploads/2023/12/DJI-Inspire-3-Clone-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/image-scroll-sequence/video-transmission-demo-2/) ### DJI Inspire 3 Clone DJI [![](https://theplusaddons.com/wp-content/uploads/2023/12/Smart-Electric-2-Wheeler-.png)](https://etemplates.wdesignkit.com/theplusaddons/scroll-trigger-bicycle/) ### Smart Electric 2 Wheeler CowBoy ## Key Features of Scroll Sequence ![](https://theplusaddons.com/wp-content/uploads/2023/11/Upload-Images-from-Media-Gallery.png) ### Upload Images from Media Gallery ![](https://theplusaddons.com/wp-content/uploads/2023/11/Complete-Styling-Options.png) ### Complete Styling Options ![](https://theplusaddons.com/wp-content/uploads/2023/11/Supports-Multiple-Image-Formats.png) ### Supports Multiple Image Formats ![](https://theplusaddons.com/wp-content/uploads/2023/12/Preload-Image-for-Performance-.png) ### Preload Image for Performance ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Any-Elementor-Widget-Above-the-Scroll-Sequence.png) ### Add Any Elementor Widget Above the Scroll Sequence ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Image-Scroll-Sequence-on-Full-Page-or-Column.png) ### Add Image Scroll Sequence on Full Page or Column ![](https://theplusaddons.com/wp-content/uploads/2023/11/Upload-Image-from-Remote-Server.png) ### Upload Image from Remote Server ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Embed Google Map for Elementor Source: https://theplusaddons.com/elementor-widget/google-maps-embed/ ## #1 Embedded google map with a roadmap ### Embed Google Maps on your WordPress website and showcase your business address with all needed details ## #2 Google maps embedded with styles ### Choose your map style from 6+ unique maps and help your customers to reach your office. #### Google Map Embed Place Mode #### Google Map Embed Direactions Mode + Satellite #### Google Map Embed Streetview Mode ## Important Features Provided By ### Google maps embed the widget Provide important address with Google ##### 1-Click Apply ###### In a simple click, add Google maps for your business address on the WordPress website. ##### Setup Multiple Pins ###### Provide details about multiple offices of your business in one map by implementing multiple pins. ##### Map overlay ###### Showcase content on your Embedded google map using the Map overlay feature to showcase important content. ##### Customization Freedom ###### Customize google maps embedded with heading, subheading, and typography without writing a single line of code. #Nocode ##### Responsiveness ###### Responsive with all devices, Also can be modified for a particular device. ##### Clean coded ###### No junk with the code. optimized for performance. ##### Copy-Paste demos ###### Multiple demos are available, just copy and paste into your Elementor editor using The Cross-Domain Copy-Paste feature. On-scroll Animation ###### 25+ unique on scroll view animations to provide a smooth experience to the users. Secure ###### The security of the website is our top priority. No junk or loopholes in code. ##### Compatibility ###### No need to worry about browser compatibility. All widgets of The plus add-ons are compatible with all browsers. Read More ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Free Vimeo Video Embed for Elementor Source: https://theplusaddons.com/elementor-widget/vimeo-embed/ ### Vimeo Single Video #### Title | Transparent | Picture in Picture ### Vimeo Single Video #### Loop | Muted | Auto Play | Do not Track ### Vimeo Single Video #### Start Time + Brand Color in player + Border + Box Shadow ### Settings Available #### Loop | Muted | Speed(Pro Vimeo Account) | Title | Auto Play | Auto Pause | Portrait Mode | Full Screen | Background (Pro Vimeo Account) | Play Inline | Byline (Username) | Transparent | Do not Track | Picture in Picture | Start Time ## Why to Display Social Embeds on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this Social Feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! Stream Live Videos Copy your streaming video ID from your platform & paste it here and have your website watch the live you on your page only. Pick Your Best Content Social Embedding allows you to display the posts you want, not the combined feed. Select your best suitable feed for the page you want to display and make it happen. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Get More Views Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Facebook Comments Made Easy Getting a way much response on Facebook through comments ?? Let your viewers see or add comments directly from your website using Social Embed. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Fetch Feed from Pages Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Free YouTube Video Embed for Elementor Source: https://theplusaddons.com/elementor-widget/youtube-embed/ ### Youtube Single Video #### Loop | Muted | Disable Keyboard | Controls Enabled ### Youtube Playlist Video #### Full Screen | Related Videos | Auto Play ### Youtube Username Video #### Get all videos of channel with It's Id ### Start & End Time in Video #### Full Screen | Related Videos | Auto Play ### Settings Available #### Loop | Full Screen | Autoplay | Muted | Controls | Disable Keyboard | Disable Youtube Icon | Play Inline | Related Videos | Start Time | End Time | Language ### Video Types #### Single Video | Playlist Video | Users Videos ## Why to Display Social Embeds on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! Stream Live Videos Copy your streaming video ID from your platform & paste it here and have your website watch the live you on your page only. Pick Your Best Content Social Embedding allows you to display the posts you want, not the combined feed. Select your best suitable feed for the page you want to display and make it happen. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Get More Views Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Facebook Comments Made Easy Getting a way much response on Facebook through comments ?? Let your viewers see or add comments directly from your website using Social Embed. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Fetch Feed from Pages Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Free Twitter Post Embed for Elementor Source: https://theplusaddons.com/elementor-widget/twitter-embed/ ### Button Embeds #### Use different kind of twitter buttons [Loading](https://twitter.com/TwitterDev) ### Follow [Loading](https://twitter.com/intent/tweet) ### Tweet [Loading](https://twitter.com/messages/compose?recipient_id=3805104374) ### DM [ Like](https://twitter.com/intent/like?tweet_id=463440424141459456) ### Like [ Reply](https://twitter.com/intent/tweet?in_reply_to=463440424141459456) ### Reply [ Retweet](https://twitter.com/intent/retweet?tweet_id=463440424141459456) ### Retweet [](https://twitter.com/sagarpatel124/lists/1402599168003039236) ### Twitter List Timeline #### No Footer | No Border | Light Mode #### Generated using TweetDeck [](https://twitter.com/sagarpatel124/timelines/1402600329829441543) ### Collection Tweets #### No Header | Light Mode #### Generated using TweetDeck [](https://twitter.com/elonmusk/likes) ### Likes Timeline #### No Footer | Transparent | Light Mode [](https://twitter.com/elonmusk) ### Tweets Timeline - Linear #### Timeline Embed | Profile Timeline | Linear Style | Tweet Limit [](https://twitter.com/NASA) ### Tweets Timeline - Grid #### Timeline Embed | Profile Timeline | Grid Style | Tweet Limit > Loading... > > [](https://twitter.com/evansakanno/status/1400447871812444169) > Loading > > [](https://twitter.com/NatGeo/status/1402391175781355523) ### Embed Tweet #### You can add one or multiple as per the requirements. Dark Mode or Light Mode. ### General Settings #### Loop | Full Screen | Autoplay | Muted | Controls | Disable Keyboard | Disable Youtube Icon | Play Inline | Related Videos | Start Time | End Time | Language ### Individual Tweets #### Multiple Tweets | Loading Message | Dark Mode | Media Disable | Conversation Disable ### Tweets Timeline #### Profile | Likes | List | Collection | Grid | Linear ### Twitter Buttons #### Follow | Direct Message | Tweet | Like | Reply | ReTweet ## Why to Display Social Embeds on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! Stream Live Videos Copy your streaming video ID from your platform & paste it here and have your website watch the live you on your page only. Pick Your Best Content Social Embedding allows you to display the posts you want, not the combined feed. Select your best suitable feed for the page you want to display and make it happen. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Get More Views Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Facebook Comments Made Easy Getting a way much response on Facebook through comments ?? Let your viewers see or add comments directly from your website using Social Embed. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Fetch Feed from Pages Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Free Instagram Post Embed for Elementor Source: https://theplusaddons.com/elementor-widget/instagram-embed/ > ### Instagram Post (Captions ON) #### Add any post with It's ID > ### Instagram Post (Captions OFF) #### Add any post with It's ID > ### Instagram Reels (Captions ON) #### Add any reel with It's ID > ### Instagram Reels (Captions OFF) #### Add any reel with It's ID > ### Instagram IGTV (Captions ON) #### Add any IGTV with It's ID > ### Instagram IGTV (Captions OFF) #### Add any IGTV with It's ID ## Why to Display Social Embeds on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! Stream Live Videos Copy your streaming video ID from your platform & paste it here and have your website watch the live you on your page only. Pick Your Best Content Social Embedding allows you to display the posts you want, not the combined feed. Select your best suitable feed for the page you want to display and make it happen. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Get More Views Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Facebook Comments Made Easy Getting a way much response on Facebook through comments ?? Let your viewers see or add comments directly from your website using Social Embed. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Fetch Feed from Pages Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Facebook Embed Widget for Elementor Source: https://theplusaddons.com/elementor-widget/facebook-embed/ ### Facebook Video #### Add any video from facebook using id. Options of Autoplay | FullScreen | Captions | Height | Width ### Page Timeline #### Full Header | Cover Photo ### Page Events #### Small Header | No Cover Photo | Profile Photos ### Page Message #### Small Header | Profile Photos | Custom CTA Button ### Facebook Post Embed #### Embed any Facebook Post ### Post Comment #### Any Comment Embed + it's Parent Comment ### Comments Area #### You can add separate comments area of facebook for your website page based on URL of your website OR you may put comment area of any facebook Post here ### Different Reaction Buttons #### Use those for your facebook page or use that for your website's pages #### Share button #### Like button #### Recommend button #### Save button ## Why to Display Social Embeds on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! Stream Live Videos Copy your streaming video ID from your platform & paste it here and have your website watch the live you on your page only. Pick Your Best Content Social Embedding allows you to display the posts you want, not the combined feed. Select your best suitable feed for the page you want to display and make it happen. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Get More Views Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Facebook Comments Made Easy Getting a way much response on Facebook through comments ?? Let your viewers see or add comments directly from your website using Social Embed. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Fetch Feed from Pages Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How to Use Our Elementor Facebook Embed Widget Subscribe for more Such Elementor Video Tutorials --- # Multiple Social Account Feed Widget with Filters Source: https://theplusaddons.com/elementor-widget/combined-filterable-social-feed/ ## Social Feed Wall ## Layout : Style 2 | Filter : Style 1 - All15- Twitter- Vimeo- Youtube- Facebook- Instagram ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) 400 **Facebook** Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) 400 **Instagram** Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) Error Code : 32 **Twitter** Could not authenticate you. ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [2 months ago](https://vimeo.com/1109340338) [ ](https://vimeo.com/1109340338) [ ![](https://i.vimeocdn.com/video/2046854688-74283d8964275e150c62c122f4bbed1f2d7999f278637788dfae17909f32ff12-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1109340338) Like 67comment 0share 95 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [12 hours ago](https://www.youtube.com/watch?v=r8h7Xul6BBo) [ ](https://www.youtube.com/watch?v=r8h7Xul6BBo) Squid Game: The Challenge season 2 competitors smile for the camera. # ... shorts #netflix Watch on Netflix: ... Show More [ ![](https://i.ytimg.com/vi/r8h7Xul6BBo/mqdefault.jpg) ](https://www.youtube.com/watch?v=r8h7Xul6BBo) view 17.6Klikes 342Comment 19Dislike 0 ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [4 months ago](https://vimeo.com/1094909937) [ ](https://vimeo.com/1094909937) [ ![](https://i.vimeocdn.com/video/2028595812-f1e35345ea924aeac4eaf09067750915c347bf7635fdcc13f743b158f23b0a97-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1094909937) Like 145comment 0share 95 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [16 hours ago](https://www.youtube.com/watch?v=PssKpzB0Ah0) [ ](https://www.youtube.com/watch?v=PssKpzB0Ah0) At long last… we can begin. The trailer for the epic final season of ... STRANGER THINGS is here. VOL 1 - November 26, 5pm PT ... Show More [ ![](https://i.ytimg.com/vi/PssKpzB0Ah0/mqdefault.jpg) ](https://www.youtube.com/watch?v=PssKpzB0Ah0) view 7.5Mlikes 416.4KComment 23.6KDislike 0 ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [4 months ago](https://vimeo.com/1089577003) [ ](https://vimeo.com/1089577003) [ ![](https://i.vimeocdn.com/video/2022055338-4940e0bbcf39a680d5186e7f6e220c4c10574ad2f734466c5f0552f5d753916c-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1089577003) Like 33comment 0share 95 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=URDeAHzxZPU) [ ](https://www.youtube.com/watch?v=URDeAHzxZPU) The Emmy® nominated and BAFTA winning global sensation Squid Game: Th ... e Challenge returns for a gripping second season. Show More [ ![](https://i.ytimg.com/vi/URDeAHzxZPU/mqdefault.jpg) ](https://www.youtube.com/watch?v=URDeAHzxZPU) view 312.6Klikes 2.9KComment 297Dislike 0 ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [5 months ago](https://vimeo.com/1084133330) [ ](https://vimeo.com/1084133330) Visit our project page for more. [https://www.fern.tea](https://www.fern.tea)m/work/tech-brand [ ![](https://i.vimeocdn.com/video/2015486668-d8cea997f06b013087521bb09880278bc02e8220943591cdbb15235fc2310cfb-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1084133330) Like 227comment 0share 95 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=7xt0TcGKOKs) [ ](https://www.youtube.com/watch?v=7xt0TcGKOKs) The mother of all comedy specials is back! On the heels of her smash-h ... it Netflix debut, "Leanne Morgan: I'm Every Woman" (2023) ... Show More [ ![](https://i.ytimg.com/vi/7xt0TcGKOKs/mqdefault.jpg) ](https://www.youtube.com/watch?v=7xt0TcGKOKs) view 141.6Klikes 656Comment 40Dislike 0 ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 year ago](https://vimeo.com/970763982) [ ](https://vimeo.com/970763982) Last year's Wimbledon, Swift hit us up to create this promo piece with ... them. Visit our site to see behind the scenes & credits. [https://www.fern.tea](https://www.fern.tea)m/work/wimbledon Show More [ ![](https://i.vimeocdn.com/video/2036504059-d873f37d62c790bd9002fd6252e06957bddf88985429ab3d160365753e38ea4a-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/970763982) Like 237comment 0share 95 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=oAZTOtpinNY) [ ](https://www.youtube.com/watch?v=oAZTOtpinNY) In this career-defining matchup, Jake “El Gallo de Dorado” Paul sq ... uares off against Gervonta “Tank” Davis LIVE globally on Netflix ... Show More [ ![](https://i.ytimg.com/vi/oAZTOtpinNY/mqdefault.jpg) ](https://www.youtube.com/watch?v=oAZTOtpinNY) view 48Klikes 1.9KComment 353Dislike 0 ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 year ago](https://vimeo.com/969151144) [ ](https://vimeo.com/969151144) Go check out the project page for credits and behind the scenes. https ... ://www.fern.team/work/transmute Show More [ ![](https://i.vimeocdn.com/video/1882459481-b101c5058f31938459172c5beccf9604ceed24822ee572311c7a6fa3a8e945d1-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/969151144) Like 55comment 0share 95 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=4EHtcpgZM2E) [ ](https://www.youtube.com/watch?v=4EHtcpgZM2E) The day Clara arrives in town to learn the story of her heart donor, s ... omeone disappears. But it turns out it's not the only one. Show More [ ![](https://i.ytimg.com/vi/4EHtcpgZM2E/mqdefault.jpg) ](https://www.youtube.com/watch?v=4EHtcpgZM2E) view 45.3Klikes 1KComment 74Dislike 0 ## Social Feed Wall ## Layout : Style 3 | Filter : Style 3 - 9All- 1Twitter- 6Youtube- 1Facebook- 1Instagram Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) 400 **Facebook** Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) 400 **Instagram** Could not authenticate you. ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) Error Code : 32 **Twitter** Squid Game: The Challenge season 2 competitors smile for the camera. # ... shorts #netflix Watch on Netflix: ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [12 hours ago](https://www.youtube.com/watch?v=r8h7Xul6BBo) 17.6K 342 19 0 [ ](https://www.youtube.com/watch?v=r8h7Xul6BBo) [](https://www.youtube.com/watch?v=r8h7Xul6BBo) At long last… we can begin. The trailer for the epic final season of ... STRANGER THINGS is here. VOL 1 - November 26, 5pm PT ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [16 hours ago](https://www.youtube.com/watch?v=PssKpzB0Ah0) 7.5M 416.4K 23.6K 0 [ ](https://www.youtube.com/watch?v=PssKpzB0Ah0) [](https://www.youtube.com/watch?v=PssKpzB0Ah0) The Emmy® nominated and BAFTA winning global sensation Squid Game: Th ... e Challenge returns for a gripping second season. Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=URDeAHzxZPU) 312.6K 2.9K 297 0 [ ](https://www.youtube.com/watch?v=URDeAHzxZPU) [](https://www.youtube.com/watch?v=URDeAHzxZPU) ## Social Feed Wall ## Layout : Style 2 | Filter : Style 2 - 4All- 1Twitter- 1Vimeo- 0Youtube- 1Facebook- 1Instagram ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) 400 **Facebook** Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) 400 **Instagram** Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) Error Code : 32 **Twitter** Could not authenticate you. ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [2 months ago](https://vimeo.com/1109340338) [ ](https://vimeo.com/1109340338) [ ![](https://i.vimeocdn.com/video/2046854688-74283d8964275e150c62c122f4bbed1f2d7999f278637788dfae17909f32ff12-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1109340338) Like 67comment 0share 95 Load More ## Social Feed Wall ## Layout : Style 4 | Filter : Style 4 Filters- All- Twitter- Youtube- Facebook- Instagram Squid Game: The Challenge season 2 competitors smile for the camera. # ... shorts #netflix Watch on Netflix: ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [12 hours ago](https://www.youtube.com/watch?v=r8h7Xul6BBo) [ ](https://www.youtube.com/watch?v=r8h7Xul6BBo) 17.6K 342 19 0[](https://www.youtube.com/watch?v=r8h7Xul6BBo) At long last… we can begin. The trailer for the epic final season of ... STRANGER THINGS is here. VOL 1 - November 26, 5pm PT ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [16 hours ago](https://www.youtube.com/watch?v=PssKpzB0Ah0) [ ](https://www.youtube.com/watch?v=PssKpzB0Ah0) 7.5M 416.4K 23.6K 0[](https://www.youtube.com/watch?v=PssKpzB0Ah0) The Emmy® nominated and BAFTA winning global sensation Squid Game: Th ... e Challenge returns for a gripping second season. Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=URDeAHzxZPU) [ ](https://www.youtube.com/watch?v=URDeAHzxZPU) 312.6K 2.9K 297 0[](https://www.youtube.com/watch?v=URDeAHzxZPU) The mother of all comedy specials is back! On the heels of her smash-h ... it Netflix debut, "Leanne Morgan: I'm Every Woman" (2023) ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=7xt0TcGKOKs) [ ](https://www.youtube.com/watch?v=7xt0TcGKOKs) 141.6K 656 40 0[](https://www.youtube.com/watch?v=7xt0TcGKOKs) In this career-defining matchup, Jake “El Gallo de Dorado” Paul sq ... uares off against Gervonta “Tank” Davis LIVE globally on Netflix ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=oAZTOtpinNY) [ ](https://www.youtube.com/watch?v=oAZTOtpinNY) 48K 1.9K 353 0[](https://www.youtube.com/watch?v=oAZTOtpinNY) The day Clara arrives in town to learn the story of her heart donor, s ... omeone disappears. But it turns out it's not the only one. Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=4EHtcpgZM2E) [ ](https://www.youtube.com/watch?v=4EHtcpgZM2E) 45.3K 1K 74 0[](https://www.youtube.com/watch?v=4EHtcpgZM2E) ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Vimeo Account Widget for Elementor Source: https://theplusaddons.com/elementor-widget/vimeo-feed/ ## Style 1 [ ![](https://i.vimeocdn.com/video/2028595812-f1e35345ea924aeac4eaf09067750915c347bf7635fdcc13f743b158f23b0a97-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1094909937) ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [2 weeks ago](https://vimeo.com/1094909937) [ ](https://vimeo.com/1094909937) 74 0 95 [ ![](https://i.vimeocdn.com/video/2022055338-4940e0bbcf39a680d5186e7f6e220c4c10574ad2f734466c5f0552f5d753916c-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1089577003) ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 month ago](https://vimeo.com/1089577003) [ ](https://vimeo.com/1089577003) 31 0 95 [ ![](https://i.vimeocdn.com/video/2015486668-d8cea997f06b013087521bb09880278bc02e8220943591cdbb15235fc2310cfb-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/1084133330) Visit our project page for more. [https://www.fern.tea](https://www.fern.tea)m/work/tech-brand-video ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 month ago](https://vimeo.com/1084133330) [ ](https://vimeo.com/1084133330) 100 0 95 [ ![](https://i.vimeocdn.com/video/1884397671-eaeecdbcb7449b64a4caf7d4a03e38a927bab6f95389756463b0ec0ef2477aa2-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/970763982) Last year's Wimbledon, Swift hit us up to create this ... promo piece with them. Visit our site to see behind the scenes & credits. [https://www.fern.tea](https://www.fern.tea)m/work/wimbledon Show More ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 year ago](https://vimeo.com/970763982) [ ](https://vimeo.com/970763982) 211 0 95 [ ![](https://i.vimeocdn.com/video/1882459481-b101c5058f31938459172c5beccf9604ceed24822ee572311c7a6fa3a8e945d1-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/969151144) Go check out the project page for credits and behind ... the scenes. [https://www.fern.tea](https://www.fern.tea)m/work/transmute Show More ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 year ago](https://vimeo.com/969151144) [ ](https://vimeo.com/969151144) 55 0 95 [ ![](https://i.vimeocdn.com/video/1876043511-819975df941c1233163845c89dd10dec7513e864879b9103f1462492954e0730-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/963273482) ¿Necesita aprender —o enseñarle a alguien— sobre la Reserva Federal? ![](https://i.vimeocdn.com/portrait/83766262_360x360?subrect=106%2C79%2C989%2C962&r=cover&sig=bf1f7e05844d32258da0b923dbc145eb7d548a10a9ce782d6a008493cc6d608b&v=1®ion=us) [Fern](https://vimeo.com/madebyfern) [1 year ago](https://vimeo.com/963273482) [ ](https://vimeo.com/963273482) 5 0 95 Load More ## Style 2 ![](https://i.vimeocdn.com/portrait/60713695_360x360?subrect=0%2C0%2C540%2C540&r=cover&sig=feb5e8b4f3d3b7d3a5ecc209e5e2a83d2af4b8671df2aa21ddcd55c4921026d3&v=1®ion=us) [César Pelizer](https://vimeo.com/cesarpelizer) [4 years ago](https://vimeo.com/468626198) [ ](https://vimeo.com/468626198) Credits: Agency: 360i Director César Pelizer Client Kroger Executive Producer Alex Unick Producer H ... anna Smith-Ide Head of Creative Development Kristin Labriola Senior Editor Anita Chao Creative and CG lead Natalia Perez Melendez Art Director Corey Langelotti Storyboards Steph Dere and Sami Healy Assistant Editor Minseok Kim, Olivia Sack, Hyeseung Kim Animator Tom Sheck, Meg Oswalt, Natalia Perez Rigger Josh Planz Modeler Angeline Rivera Lighting/Look Dev Natalia Perez Melendez, Angeline Rivera Lighting/Compositing Christine Kim, Jamil Primas Production Coordinator Nikki Knight Show More [ ![](https://i.vimeocdn.com/video/975871098-9fd3159fd700b40d7dc445648a05110641457bdd5928391e1e2318b7b5263118-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/468626198) 37 0 382 ![](https://i.vimeocdn.com/portrait/60713695_360x360?subrect=0%2C0%2C540%2C540&r=cover&sig=feb5e8b4f3d3b7d3a5ecc209e5e2a83d2af4b8671df2aa21ddcd55c4921026d3&v=1®ion=us) [César Pelizer](https://vimeo.com/cesarpelizer) [4 years ago](https://vimeo.com/468626149) [ ](https://vimeo.com/468626149) Credits: Agency: 360i Director César Pelizer Client Kroger Executive Producer Alex Unick Producer H ... anna Smith-Ide Head of Creative Development Kristin Labriola Senior Editor Anita Chao Creative and CG lead Natalia Perez Melendez Art Director Corey Langelotti Storyboards Steph Dere and Sami Healy Assistant Editor Minseok Kim, Olivia Sack, Hyeseung Kim Animator Tom Sheck, Meg Oswalt, Natalia Perez Rigger Josh Planz Modeler Angeline Rivera Lighting/Look Dev Natalia Perez Melendez, Angeline Rivera Lighting/Compositing Christine Kim, Jamil Primas Production Coordinator Nikki Knight Show More [ ![](https://i.vimeocdn.com/video/975869878-dc69d445d829c7e1261a06a7262474a59d0ccafc5b23f5e8faa6a8c4a39fc488-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/468626149) 19 0 382 ![](https://i.vimeocdn.com/portrait/60713695_360x360?subrect=0%2C0%2C540%2C540&r=cover&sig=feb5e8b4f3d3b7d3a5ecc209e5e2a83d2af4b8671df2aa21ddcd55c4921026d3&v=1®ion=us) [César Pelizer](https://vimeo.com/cesarpelizer) [4 years ago](https://vimeo.com/468626133) [ ](https://vimeo.com/468626133) Credits: Agency: 360i Director César Pelizer Client Kroger Executive Producer Alex Unick Producer H ... anna Smith-Ide Head of Creative Development Kristin Labriola Senior Editor Anita Chao Creative and CG lead Natalia Perez Melendez Art Director Corey Langelotti Storyboards Steph Dere and Sami Healy Assistant Editor Minseok Kim, Olivia Sack, Hyeseung Kim Animator Tom Sheck, Meg Oswalt, Natalia Perez Rigger Josh Planz Modeler Angeline Rivera Lighting/Look Dev Natalia Perez Melendez, Angeline Rivera Lighting/Compositing Christine Kim, Jamil Primas Production Coordinator Nikki Knight Show More [ ![](https://i.vimeocdn.com/video/975869238-076db81be9cf4d7f3a23681b3ad85ddbd7470a063f8d48e0dde3af093b999f9d-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/468626133) 34 0 382 ![](https://i.vimeocdn.com/portrait/60713695_360x360?subrect=0%2C0%2C540%2C540&r=cover&sig=feb5e8b4f3d3b7d3a5ecc209e5e2a83d2af4b8671df2aa21ddcd55c4921026d3&v=1®ion=us) [César Pelizer](https://vimeo.com/cesarpelizer) [4 years ago](https://vimeo.com/468626052) [ ](https://vimeo.com/468626052) [ ![](https://i.vimeocdn.com/video/975868001-464642ebb9e65abe446840f8ca5ff3f93f5aec04b813beff1fcf4a0b203262cf-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/468626052) 48 1 382 ![](https://i.vimeocdn.com/portrait/60713695_360x360?subrect=0%2C0%2C540%2C540&r=cover&sig=feb5e8b4f3d3b7d3a5ecc209e5e2a83d2af4b8671df2aa21ddcd55c4921026d3&v=1®ion=us) [César Pelizer](https://vimeo.com/cesarpelizer) [5 years ago](https://vimeo.com/386220116) [ ](https://vimeo.com/386220116) Director: César Pelizer Agency: DDB New York Production Co: Hornet @hellohornet Executive Producer: ... Alex Unick Head of Production: Sang-Jin Bae Development Producer: Kristin Labriola Producer: Lucas Ajemian Editor: Anita Chao Assistant Editor: Marianne Hill, Hyeseung Kim Production Coordinator: Lotty Vique PRE PRODUCTION Storyboard Artist: Andres Padilla Designers: Matt Herring, Milo Targett, Enrique Vazquez CG CG Lead: Corey Langelotti @langelottl � Modeling & Texturing: Angeline Rivera, Natalia Perez, Enrique Vazquez, Jamil Primas, Christine Kim, Linda Chou, Laney Lai Rigging: Jared Eng, Tyler Fotenos, Steven Mann Lighting & Rendering: Jamil Primas, Natalia Perez, Christine Kim, Elizabeth Ku Compositors: Jamil Primas, Natalia Perez, Christine Kim, Chimin Yang, Emily Mai Animators: HeeJin Kim, Paolo Cogliati, Meg Oswalt AUDIO Sound Design and Mix: Honey Mix CLIENT Kroger Show More [ ![](https://i.vimeocdn.com/video/848675528-74c7b5d4ea5ac543d5e3286a408e1c53e0c8f884514d9648c70fdc7682c8087e-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/386220116) 121 0 382 ![](https://i.vimeocdn.com/portrait/60713695_360x360?subrect=0%2C0%2C540%2C540&r=cover&sig=feb5e8b4f3d3b7d3a5ecc209e5e2a83d2af4b8671df2aa21ddcd55c4921026d3&v=1®ion=us) [César Pelizer](https://vimeo.com/cesarpelizer) [5 years ago](https://vimeo.com/372693923) [ ](https://vimeo.com/372693923) Kroger—the largest supermarket chain in the US—and DDB New York approached Hornet director Césa ... r Pelizer to aid in the launch of a massive company rebrand. The goal was to solidify their branding and tell a more cohesive and inclusive story about their commitment to food that’s “Fresh for Everyone.” To do so, they needed to create a look and feel that wasn't just ownable and original, but also emblematic of the diversity of Kroger's millions of customers. The 100-plus unique character designs César and co. subsequently produced was nothing short of staggering in terms of both scope and originality. The 30-second TV spot is contagiously fun. And the countless in-store, out-of-home, and social media assets showcase a sweeping ability to unify the Kroger brand with characters that are relatable, inviting, and fun. Director: César Pelizer Agency: DDB New York Production Co: Hornet Executive Producer: Alex Unick Head of Production: Sang-Jin Bae Development Producer: Kristin Labriola Producer: Lucas Ajemian Editor: Anita Chao Assistant Editor: Marianne Hill Production Coordinator: Lotty Vique Lighting and Texturing: Linda Zhou PRE PRODUCTION Storyboard Artist: Andres Padilla Designers: Matt Herring, Milo Targett, Enrique Vazquez CG CG Lead: Corey Langelotti Modeling & Texturing: Angeline Rivera, Natalia Perez, Enrique Vazquez, Jamil Primas, Christine Kim, Linda Zhou Rigging: Jared Eng, Tyler Fotenos Lighting & Rendering: Jamil Primas, Natalia Perez, Christine Kim Compositors: Jamil Primas, Natalia Perez, Christine Kim, Chimin Yang, Emily Mai Animators: HeeJIn Kim, Paolo Cogliati, Anderson Ko AUDIO Sound Design and Mix: Honey Mix CLIENT Kroger Show More [ ![](https://i.vimeocdn.com/video/830590169-0846c58c46a5de21eade52be92f83f4150dbfcfc9f10d3bf111cb6d593275bec-d_1920x1080?&r=pad®ion=us) ](https://vimeo.com/372693923) 250 2 382 ## Style 3 Somthing Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) Error Code : 400 **Vimeo** ## Style 4 ![](https://i.vimeocdn.com/portrait/89243569_360x360?subrect=84%2C84%2C2870%2C2870&r=cover&sig=2edeffdc5d7da9c22c6068e37d3c1a5c504763a7593d16a76dbf1f0b7f334b36&v=1®ion=us) [The North Face](https://vimeo.com/thenorthface) [1 year ago](https://vimeo.com/935281489) [ ](https://vimeo.com/935281489) 341 17 1[](https://vimeo.com/935281489) Fueled by an unwavering love and responsibility for the land, ... Hän Gwich’in 20 year-old Quannah Chasinghorse, and her mother Jody Potts-Joseph, are taking a stand to defend their sacred homelands, including the Arctic National Wildlife Refuge. Learn more and share your voice to help protect America’s Arctic by visiting Alaska Wilderness League’s action page here: [https://secure.alaskawild.org/a/americasarctictnf](https://secure.alaskawild.org/a/americasarctictnf) Directed and Produced by Maia Wikler, Edited by Cecilia Brown, Cinematography by Keri Oberly, Executive Producers include Robert Wassmer, Kaki Orr and Eric Raymond. Show More ![](https://i.vimeocdn.com/portrait/89243569_360x360?subrect=84%2C84%2C2870%2C2870&r=cover&sig=2edeffdc5d7da9c22c6068e37d3c1a5c504763a7593d16a76dbf1f0b7f334b36&v=1®ion=us) [The North Face](https://vimeo.com/thenorthface) [1 year ago](https://vimeo.com/876085090) [ ](https://vimeo.com/876085090) 251 8 1[](https://vimeo.com/876085090) In the spring of 2022, four athletes on The North ... Face team, Emily Harrington, Brette​ Harrington, Christina Lusti and Hilaree Nelson embarked on the trip of a lifetime. Their expedition to climb and ski epic first descents on Baffin Island, Canada became a celebration—of their​ accomplishments, of their friendship, and of their lives.​ In loving memory of Hilaree Nelson, 1972–2022.​ Directed by Kaki Orr and Rob Wassmer​ Edited by Aidan Haley and Kyle Von Von Hoetzendorff.​ Cinematography by Mathias Dumas, Nick Kalisz, and Jordan Manoukian. ​ Executive Producers include Kaki Orr, Christina Lusti and Aidan Haley.​ Show More ![](https://i.vimeocdn.com/portrait/89243569_360x360?subrect=84%2C84%2C2870%2C2870&r=cover&sig=2edeffdc5d7da9c22c6068e37d3c1a5c504763a7593d16a76dbf1f0b7f334b36&v=1®ion=us) [The North Face](https://vimeo.com/thenorthface) [2 years ago](https://vimeo.com/832044405) [ ](https://vimeo.com/832044405) 10 1 1[](https://vimeo.com/832044405) After becoming the first person to ski the Seven Summits, ... team athlete Kit DesLauriers found herself searching for purpose beyond herself. And through an epic adventure of athleticism, survival, and conservation, she found it. Beyond the Summit explores her two weeks of traversing the arctic on skis, telling the story of a diminishing snowpack in one of the most pristine wilderness areas in the world—the Arctic National Wildlife Refuge. Directed by Natasha Mynhier, Co-Directed by Nate Luebbe, Produced by Rachel Nederveld, Edited by Eli James, Score by Andy Marsh, Director of Photography: Fisher Creative, Production Company: 37Laines Show More ![](https://i.vimeocdn.com/portrait/89243569_360x360?subrect=84%2C84%2C2870%2C2870&r=cover&sig=2edeffdc5d7da9c22c6068e37d3c1a5c504763a7593d16a76dbf1f0b7f334b36&v=1®ion=us) [The North Face](https://vimeo.com/thenorthface) [2 years ago](https://vimeo.com/771635802) [ ](https://vimeo.com/771635802) 289 5 1[](https://vimeo.com/771635802) Eudemonia explores a different side of snowboarding, one rooted in ... the power of positive psychology and the drive to experience the often chased ‘flow state’. Viewed through the lens of The North Face Explorer David Djite, and directed by Fabian F.vFuchs, the film tells the story of the intangible, untouchable and intrinsically personal experience snowboarding can bring to all of us. Show More ![](https://i.vimeocdn.com/portrait/89243569_360x360?subrect=84%2C84%2C2870%2C2870&r=cover&sig=2edeffdc5d7da9c22c6068e37d3c1a5c504763a7593d16a76dbf1f0b7f334b36&v=1®ion=us) [The North Face](https://vimeo.com/thenorthface) [3 years ago](https://vimeo.com/670312878) [ ](https://vimeo.com/670312878) 28 5 1[](https://vimeo.com/670312878) Learning to Drown follows the life and career of professional ... snowboarder Jess Kimura as she unapologetically shatters stereotypes with her own brand of unwavering determination and go-for-broke mentality. After the tragic death of Jess's partner at the height of her career, she spiraled into a cycle of self destruction, grief and despair. Compounded by head injuries and mental health issues, the circumstances seemed insurmountable. Jess's only way out was within — as she faces her deepest fears, she reminds us that not all wounds are meant to heal. "Jess Kimura is not afraid of falling. This beautiful film showcases her long journey of persistence and determination as she takes on one challenge after the other to become one of the most influential snowboarders of her time. Jess openly shares her deepest fear and suffering and reminds us of the importance of being our best selves, in this inspiring lifetime story of a hero." — Bachar Khattar, jury member of Banff Film Festival Presented by: THE NORTH FACE / Production Company: Felt Soul Media / Director: Ben Knight / Producer: Travis Rummel / CO Producers: Robert Wassmer, Kaki Orr and Aimee Tetreault / Editor: Ben Knight / Original score: Trevor Doherty / Additional music: DL Incognito, Tourist and Odesza. Visual effects: [magazine sequence] Paul Harrison / TNF logo GFX: Barry Thompson / Animation: [dildo sequence] Yeshe Parks / Lead cinematography: Ben Knight / Underwater cinematography: Perrin James / Additional cinematography: Joe Carlino, Travis Rummel, George Knowles and Ben Bilocq / Asst. Editor Sarah Hamilton / Promotional photography by Chad Chomlack and Anastasia Chomlack Additional snowboard footage: [super grateful to all of you] Mark Dangler, Karla Charlton, Donovon Skelton, Bobby Meeks, Sam Hiltner, Troy Erickson, Jesse Burtner, Christina Burtner, Sean Genovese, Mark Clavin, Skylar Brent, Mikael Ahtikari, Hayden Rensch, Justin Hare, Pat Fenelon Thank you: The North Face, Jaime Starr, Fran Dickson, Kimura family, Brittney and Jesse Dickson, Kieth and Kathleen Dickson, Mark Dangler, Ben Bilocq, Karla Charlton, Emily Higgins, Aimee Tetreault, Kaki Orr, Rob Wassmer, my sauna, Sandra Clark, Liina Potter, Jon Torres, Kyle DeLong, Scott Hibbert, Cara Williamson, Esther Kendall, Kristen Miller, Andy DeVelvis, Blue Montgomery, Riley Goodwin, George Kleckner, Cody Dresser, Evan Lefebvre, Sean Genovese, Dave Birnie, Mikey Scott, Pat Bridges, John Cavan, Marie-France Roy, Cam Sorenson, Tulsa Yoshikawa, Adam Skalzub, Tony Lefroy, Dirk Yarmush, Rob Williamson, Wasted Youth Crew, Sertraline, therapists, Pika and Jesse Burtner, Desiree Melancon, Perrin James, Maren Hamilton, Matt Lindsay, Alex Olea, Roy Olea, Nayeli Mendoza, Rick McGaw, Nysai Moreno, Riley Roice, your mom, Hipster Jaime, Fernando y Crystal, Gonzalo y Rosa Gutierrez, Margaret & Juniper Knight Show More ![](https://i.vimeocdn.com/portrait/89243569_360x360?subrect=84%2C84%2C2870%2C2870&r=cover&sig=2edeffdc5d7da9c22c6068e37d3c1a5c504763a7593d16a76dbf1f0b7f334b36&v=1®ion=us) [The North Face](https://vimeo.com/thenorthface) [3 years ago](https://vimeo.com/666109154) [ ](https://vimeo.com/666109154) 1K 28 1[](https://vimeo.com/666109154) ## Why to Display Social Feed on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this Social Feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Multiple Pre-Built Layouts We’ve already boiled pasta for you. Select the layout and display posts without worrying about arrangements. Advanced Caching Architecture Option for feed fetching interval selection. All your feed will be stored in a cache until that time interval. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. Multiple Scrolling Options Use Load More, Lazy Load or All content at once for scrolling. Get More Views - YouTube Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on YouTube. Fetch Feed from Pages - Facebook Got a page on Facebook ? Display feed from Facebook page on your website easily by Social Feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Twitter Account Widget for Elementor Source: https://theplusaddons.com/elementor-widget/twitter-feed/ ## Style 1 ## Style 2 ## Style 3 You currently have access to a subset of X API V2 endpoints and limited v1.1 endpoints (e.g. media p ... ost, oauth) only. If you need access to this endpoint, you may need a different access level. You can learn more here: [https://developer.x.com/en/portal/product](https://developer.x.com/en/portal/product) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/tp-placeholder.jpg) Error Code : 453 **Twitter** ## Style 4 ## Why to Display Social Feed on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your Social Feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for WordPress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Multiple Pre-Built Layouts We’ve already boiled pasta for you. Select the layout and display posts without worrying about arrangements. Advanced Caching Architecture Option for feed fetching interval selection. All your feed will be stored in a cache until that time interval. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. Multiple Scrolling Options Use Load More, Lazy Load or All content at once for scrolling. Get More Views - Youtube Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. Fetch Feed from Pages - Facebook Got a page on Facebook ? Display feed from Facebook page on your website easily by Social Feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # YouTube Channel Widget for Elementor Source: https://theplusaddons.com/elementor-widget/youtube-feed/ ## YouTube Feed Carousal Layout ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [7 hours ago](https://www.youtube.com/watch?v=mwdP-lLghZM) Catalog | Official Trailer | Netflix In this heartwarming and uplifting take on grief, a widowed father uses his late wife's online paren ... ting tips to guide his many ... Show More 13.8K 473 65 0 [View post](https://www.youtube.com/user/NewOnNetflix) [![](https://i.ytimg.com/vi/mwdP-lLghZM/mqdefault.jpg)](javascript:;) In this heartwarming and uplifting take on grief, a widowed father uses his late wife's online paren ... ting tips to guide his many ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [7 hours ago](https://www.youtube.com/watch?v=mwdP-lLghZM) [ ](https://www.youtube.com/watch?v=mwdP-lLghZM) 13.8K 473 65 0 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [8 hours ago](https://www.youtube.com/watch?v=MI_-kLjdURY) Diary of a Ditched Girl | Meet the Cast | Netflix Here they are: the boys of Malmö. Watch Diary of a Ditched Girl September 11 to see if she manages ... to get a second date with ... Show More 12.1K 356 45 0 [View post](https://www.youtube.com/user/NewOnNetflix) [![](https://i.ytimg.com/vi/MI_-kLjdURY/mqdefault.jpg)](javascript:;) Here they are: the boys of Malmö. Watch Diary of a Ditched Girl September 11 to see if she manages ... to get a second date with ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [8 hours ago](https://www.youtube.com/watch?v=MI_-kLjdURY) [ ](https://www.youtube.com/watch?v=MI_-kLjdURY) 12.1K 356 45 0 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [22 hours ago](https://www.youtube.com/watch?v=oHcLSh9nTD0) Trainwreck: Storm Area 51 | Official Teaser | Netflix The stranger-than-fiction story of the greatest meme ever made. Featuring an epic ensemble cast of m ... eme lords, military generals, ... Show More 70.3K 1.9K 150 0 [View post](https://www.youtube.com/user/NewOnNetflix) [![](https://i.ytimg.com/vi/oHcLSh9nTD0/mqdefault.jpg)](javascript:;) The stranger-than-fiction story of the greatest meme ever made. Featuring an epic ensemble cast of m ... eme lords, military generals, ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [22 hours ago](https://www.youtube.com/watch?v=oHcLSh9nTD0) [ ](https://www.youtube.com/watch?v=oHcLSh9nTD0) 70.3K 1.9K 150 0 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=5h8sS8bfzZE) Charlize Theron, Kiki Layne, and Uma Thurman Recap The Old Guard | The Old Guard 2 | Netflix The Old Guard 2 stars Charlize Theron (Andy), KiKi Layne (Nile), and Uma Thurman (Discord) explain t ... heir characters' lore and ... Show More 63.3K 1.4K 144 0 [View post](https://www.youtube.com/user/NewOnNetflix) [![](https://i.ytimg.com/vi/5h8sS8bfzZE/mqdefault.jpg)](javascript:;) The Old Guard 2 stars Charlize Theron (Andy), KiKi Layne (Nile), and Uma Thurman (Discord) explain t ... heir characters' lore and ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=5h8sS8bfzZE) [ ](https://www.youtube.com/watch?v=5h8sS8bfzZE) 63.3K 1.4K 144 0 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=XHFFXU8-q7g) Leanne | Official Trailer | Netflix To new beginnings… even the ones we never wanted. Leanne premieres July 31, only on Netflix! Leann ... e's (Leanne Morgan) ... Show More 195.6K 3.2K 261 0 [View post](https://www.youtube.com/user/NewOnNetflix) [![](https://i.ytimg.com/vi/XHFFXU8-q7g/mqdefault.jpg)](javascript:;) To new beginnings… even the ones we never wanted. Leanne premieres July 31, only on Netflix! Leann ... e's (Leanne Morgan) ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [1 day ago](https://www.youtube.com/watch?v=XHFFXU8-q7g) [ ](https://www.youtube.com/watch?v=XHFFXU8-q7g) 195.6K 3.2K 261 0 ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [2 days ago](https://www.youtube.com/watch?v=pmdz_LWz4Mw) Unspeakable Sins | Official Trailer | Netflix A woman trapped in a controlling marriage finds solace in a secret affair with a younger man until i ... t spirals into a dangerous game ... Show More 114.5K 2.3K 173 0 [View post](https://www.youtube.com/user/NewOnNetflix) [![](https://i.ytimg.com/vi/pmdz_LWz4Mw/mqdefault.jpg)](javascript:;) A woman trapped in a controlling marriage finds solace in a secret affair with a younger man until i ... t spirals into a dangerous game ... Show More ![](https://yt3.ggpht.com/CvgBA1ypUZNxOjiCX0l1V2FbAm7oSDPZE4YkMvkpT_4iLXQ3IXWVtBgWnznHxgtcUoj50TXqZA=s800-c-k-c0x00ffffff-no-rj) [Netflix](https://www.youtube.com/user/NewOnNetflix) [2 days ago](https://www.youtube.com/watch?v=pmdz_LWz4Mw) [ ](https://www.youtube.com/watch?v=pmdz_LWz4Mw) 114.5K 2.3K 173 0 ## YouTube Feed Grid Layout ![](https://yt3.ggpht.com/ytc/AIdro_lj4D7k5L2Y2lqr3V6Ey8fI9EdpLvMrwHZ8Qm0bI8wPyTk=s800-c-k-c0x00ffffff-no-rj) [Art We There Yet?](https://www.youtube.com/channel/) [11 months ago](https://www.youtube.com/watch?v=W779GIUIFeo) [ ](https://www.youtube.com/watch?v=W779GIUIFeo) The adventure of a lifetime aboard the National Geographic Sea Bird, traveling through Alaska's wild ... and untamed Inside ... Show More ![](https://yt3.ggpht.com/ytc/AIdro_lj4D7k5L2Y2lqr3V6Ey8fI9EdpLvMrwHZ8Qm0bI8wPyTk=s800-c-k-c0x00ffffff-no-rj) [Art We There Yet?](https://www.youtube.com/channel/) [11 months ago](https://www.youtube.com/watch?v=W779GIUIFeo) National Geographic's Epic Voyage through Alaska's Inside Passage The adventure of a lifetime aboard the National Geographic Sea Bird, traveling through Alaska's wild ... and untamed Inside ... Show More 1.9M 19.2K 741 0 [View post](https://www.youtube.com/channel/) [![](https://i.ytimg.com/vi/W779GIUIFeo/mqdefault.jpg)](javascript:;) 1.9M 19.2K 741 0 ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [6 days ago](https://www.youtube.com/watch?v=sJpdxlIkiV4) [ ](https://www.youtube.com/watch?v=sJpdxlIkiV4) Jo Franco hits the streets of São Paulo, Brazil, to discover Italian culture in a country that boas ... ts 6 million residents of Italian ... Show More ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [6 days ago](https://www.youtube.com/watch?v=sJpdxlIkiV4) I Ate 9 Italian Dishes in Brazil | Big Little Italy | National Geographic Jo Franco hits the streets of São Paulo, Brazil, to discover Italian culture in a country that boas ... ts 6 million residents of Italian ... Show More 29.9K 1.3K 141 0 [View post](https://www.youtube.com/channel/) [![](https://i.ytimg.com/vi/sJpdxlIkiV4/mqdefault.jpg)](javascript:;) 29.9K 1.3K 141 0 ![](https://yt3.ggpht.com/ytc/AIdro_l6KQyMu0oV2oIG-tv0o0nrMc8NWcqnudX2sz6h5faUfhY=s800-c-k-c0x00ffffff-no-rj) [SquirrelStampede](https://www.youtube.com/channel/) [8 months ago](https://www.youtube.com/watch?v=gXiOJcX0_NU) [ ](https://www.youtube.com/watch?v=gXiOJcX0_NU) Dan at Squirrel Stampede trying to Make his Own Meteor that Glows in the Dark! #nationalgeographic # ![](https://yt3.ggpht.com/ytc/AIdro_l6KQyMu0oV2oIG-tv0o0nrMc8NWcqnudX2sz6h5faUfhY=s800-c-k-c0x00ffffff-no-rj) [SquirrelStampede](https://www.youtube.com/channel/) [8 months ago](https://www.youtube.com/watch?v=gXiOJcX0_NU) National Geographic Make Your Own Glow in the Dark Meteor Kit Dan at Squirrel Stampede trying to Make his Own Meteor that Glows in the Dark! #nationalgeographic # 25.7K 465 14 0 [View post](https://www.youtube.com/channel/) [![](https://i.ytimg.com/vi/gXiOJcX0_NU/mqdefault.jpg)](javascript:;) 25.7K 465 14 0 ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [2 weeks ago](https://www.youtube.com/watch?v=LfUXGbZ6vVQ) [ ](https://www.youtube.com/watch?v=LfUXGbZ6vVQ) Mozzarella stretching, sausage stuffing, and a ceiling full of meat! Jo Franco is discovering what m ... akes New York's Little Italy so ... Show More ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [2 weeks ago](https://www.youtube.com/watch?v=LfUXGbZ6vVQ) I Ate from a Meat Chandelier and Fell in Love with a Baker in New York | Big Little Italy | Nat Geo Mozzarella stretching, sausage stuffing, and a ceiling full of meat! Jo Franco is discovering what m ... akes New York's Little Italy so ... Show More 55.9K 2.3K 325 0 [View post](https://www.youtube.com/channel/) [![](https://i.ytimg.com/vi/LfUXGbZ6vVQ/mqdefault.jpg)](javascript:;) 55.9K 2.3K 325 0 ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [6 years ago](https://www.youtube.com/watch?v=kOEDG3j1bjs) [ ](https://www.youtube.com/watch?v=kOEDG3j1bjs) At the center of our galaxy, a supermassive black hole churns. Learn about the types of black holes, ... how they form, and how ... Show More ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [6 years ago](https://www.youtube.com/watch?v=kOEDG3j1bjs) Black Holes 101 | National Geographic At the center of our galaxy, a supermassive black hole churns. Learn about the types of black holes, ... how they form, and how ... Show More 9.6M 92.9K 2.9K 0 [View post](https://www.youtube.com/channel/) [![](https://i.ytimg.com/vi/kOEDG3j1bjs/mqdefault.jpg)](javascript:;) 9.6M 92.9K 2.9K 0 ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [7 years ago](https://www.youtube.com/watch?v=libKVRa01L8) [ ](https://www.youtube.com/watch?v=libKVRa01L8) How many planets are in the solar system? How did it form in the Milky Way galaxy? Learn facts about ... the solar system's genesis, ... Show More ![](https://yt3.ggpht.com/PpXnS_GVZeQbZgvdnj68a159gpQf6AIlocsZmJb2SDTMcUMZ_JzOI-R6PYtA7omcdtJIWOIqBg=s800-c-k-c0x00ffffff-no-rj) [National Geographic](https://www.youtube.com/channel/) [7 years ago](https://www.youtube.com/watch?v=libKVRa01L8) Solar System 101 | National Geographic How many planets are in the solar system? How did it form in the Milky Way galaxy? Learn facts about ... the solar system's genesis, ... Show More 35.7M 221.9K 7.4K 0 [View post](https://www.youtube.com/channel/) [![](https://i.ytimg.com/vi/libKVRa01L8/mqdefault.jpg)](javascript:;) 35.7M 221.9K 7.4K 0 ## YouTube Feed Masonry Layout Red Bull Flugtag is a flying contest which challenges amateur teams to fly their handmade airplanes and gliders as far as possible to wow the judges. The aviators are also assessed on their creativity, showmanship and flare for design 🪄 But there is no denying physics: what goes up, must also come down! We've put together 8 aeroplane designs from Red Bull Flugtag that flew absolute NOWHERE💦 00:00 Welcome to Red Bull Flugtag 00:19 Team Lai Fly (catch their wings) 01:03 Team Vinyl Frontier (of flight) 01:45 Team Flying Sweetcorn 02:39 Team Dinosoar (or Dino can't soar) 03:44 Team Happy Campers (can't park there) 04:44 Team Manta Ray (go for a swim) 05:45 Team When Blofish Fly (or not...) 06:37 Team Prodivine (get caught in the wind) #RedBull #GivesYouWiiings #RedBullFlugtag _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Check out Red Bull on TikTok: [https://win.gs/TikTok](https://win.gs/TikTok) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [3 years ago](https://www.youtube.com/watch?v=LCzPnuOK0CE&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 185.9K 2.6K 68 0 [ ](https://www.youtube.com/watch?v=LCzPnuOK0CE&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [3 years ago](https://www.youtube.com/watch?v=LCzPnuOK0CE&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) SHORTEST Ever Flights At Red Bull Flugtag Red Bull Flugtag is a flying contest which challenges amateur teams to fly their handmade airplanes and gliders as far as possible to wow the judges. The aviators are also assessed on their creativity, showmanship and flare for design 🪄 But there is no denying physics: what goes up, must also come down! We've put together 8 aeroplane designs from Red Bull Flugtag that flew absolute NOWHERE💦 00:00 Welcome to Red Bull Flugtag 00:19 Team Lai Fly (catch their wings) 01:03 Team Vinyl Frontier (of flight) 01:45 Team Flying Sweetcorn 02:39 Team Dinosoar (or Dino can't soar) 03:44 Team Happy Campers (can't park there) 04:44 Team Manta Ray (go for a swim) 05:45 Team When Blofish Fly (or not...) 06:37 Team Prodivine (get caught in the wind) #RedBull #GivesYouWiiings #RedBullFlugtag _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Check out Red Bull on TikTok: [https://win.gs/TikTok](https://win.gs/TikTok) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) 185.9K 2.6K 68 0 [View post](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [](javascript:;) Red Bull Flugtag is a flying contest like no other, where amateur teams try to fly their homemade machines through the air and compete for glory. As well as trying to fly as far as possible, the teams also need to make a splash with the judges, and are assessed on their creativity, showmanship and flare for design 🪄 But it's basically a rule of physics: what goes up, must also come down! We've put together 8 of the most savage landings from Red Bull Flugtag 💦 00:00 This is Red Bull Flugtag 00:55 Team Beaverton Boys BIG platypus 02:07 Flying Franks (don't fly) 03:36 Team Dragon 04:56 Team de Bosch SLAM DOWN 06:09 Team What Sphynx 07:17 Team Kentucky Flying Colonels kan'tucky fly 08:40 Team Burton make an impact 09:36 Team 503 Adventuremobile #RedBull #flugtag #RedBullFlugtag _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Check out Red Bull on TikTok: [https://win.gs/TikTok](https://win.gs/TikTok) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [3 years ago](https://www.youtube.com/watch?v=VereO0Gp7h4&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 2.5M 11.7K 213 0 [ ](https://www.youtube.com/watch?v=VereO0Gp7h4&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [3 years ago](https://www.youtube.com/watch?v=VereO0Gp7h4&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 8 SAVAGE Landings At Red Bull Flugtag 😂 Red Bull Flugtag is a flying contest like no other, where amateur teams try to fly their homemade machines through the air and compete for glory. As well as trying to fly as far as possible, the teams also need to make a splash with the judges, and are assessed on their creativity, showmanship and flare for design 🪄 But it's basically a rule of physics: what goes up, must also come down! We've put together 8 of the most savage landings from Red Bull Flugtag 💦 00:00 This is Red Bull Flugtag 00:55 Team Beaverton Boys BIG platypus 02:07 Flying Franks (don't fly) 03:36 Team Dragon 04:56 Team de Bosch SLAM DOWN 06:09 Team What Sphynx 07:17 Team Kentucky Flying Colonels kan'tucky fly 08:40 Team Burton make an impact 09:36 Team 503 Adventuremobile #RedBull #flugtag #RedBullFlugtag _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Check out Red Bull on TikTok: [https://win.gs/TikTok](https://win.gs/TikTok) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) 2.5M 11.7K 213 0 [View post](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [](javascript:;) A flying contest like no other... where anyone and everyone can let their creativity fly and take a punt at launching their homemade machines and masterpieces into the abyss. Teams are scored on their showmanship, creativity and flare for design... Over the years some of these creations have left us amused, bemused, speachless and scratching our heads in amazement! Here are 8 designs that for one reason or another, REALLY captured our attention! Enjoy!🤩 0:00 Welcome to Red Bull Flugtag 0:55 I MAMMACACCA 2:01 RINGS OF FIRE 2:55 BLANK SPACE 3:52 POLSE I VAFFEL 5:01 GAG GARAGE 6:13 AIR PUG 6:57 NOOPER 8:09 III ► Watch more of your favourites from the world of Red Bull Flugtag: [https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ► If you love Flugtag, we're sure you'll also love Red Bull Soapbox: [https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ](https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ) #RedBull #RedBullFlugTag #Flugtag #BrilliantDesigns _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=vRCjsuXBVQU&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 5.5M 44K 765 0 [ ](https://www.youtube.com/watch?v=vRCjsuXBVQU&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=vRCjsuXBVQU&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 8 Flugtag Designs We'll Never Forget | Red Bull Flugtag A flying contest like no other... where anyone and everyone can let their creativity fly and take a punt at launching their homemade machines and masterpieces into the abyss. Teams are scored on their showmanship, creativity and flare for design... Over the years some of these creations have left us amused, bemused, speachless and scratching our heads in amazement! Here are 8 designs that for one reason or another, REALLY captured our attention! Enjoy!🤩 0:00 Welcome to Red Bull Flugtag 0:55 I MAMMACACCA 2:01 RINGS OF FIRE 2:55 BLANK SPACE 3:52 POLSE I VAFFEL 5:01 GAG GARAGE 6:13 AIR PUG 6:57 NOOPER 8:09 III ► Watch more of your favourites from the world of Red Bull Flugtag: [https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ► If you love Flugtag, we're sure you'll also love Red Bull Soapbox: [https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ](https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ) #RedBull #RedBullFlugTag #Flugtag #BrilliantDesigns _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) 5.5M 44K 765 0 [View post](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [](javascript:;) Red Bull Flugtag is the place where dreams come true as amateur teams launch their amazing creations off a purpose built runway in pursuit of human powered flight! These are the 7 biggest disasters in the history of Red Bull Flugtag! Occasionally teams even break world records.... but every now and then, dreams turn to nightmares!... Having spent countless hours designing and crafting aeronautical masterpieces, some teams defy all expectations and fail in spectacular fashion! 0:00 History of Red Bull Flugtag 0:51 Ready For Steak Off 1:48 Cardinals 2:53 Red Bullterfly 3:37 8 Legs Rescue Team 4:53 Monkey Ballers 6:00 Possibilities Are Coming 7:37 Ultra Gliders ► Discover more from the world of Red Bull Flugtag: [https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ► If you enjoyed this, we bet you'll also love discovering the world of Red Bull Soapbox too 😍: [https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ](https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ) #RedBull #RedBullFlugtag #Top7 _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=roHHi0kdZOI&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 840.2K 5.7K 161 0 [ ](https://www.youtube.com/watch?v=roHHi0kdZOI&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=roHHi0kdZOI&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) Top 7 Red Bull Flugtag Disasters! 😂 Red Bull Flugtag is the place where dreams come true as amateur teams launch their amazing creations off a purpose built runway in pursuit of human powered flight! These are the 7 biggest disasters in the history of Red Bull Flugtag! Occasionally teams even break world records.... but every now and then, dreams turn to nightmares!... Having spent countless hours designing and crafting aeronautical masterpieces, some teams defy all expectations and fail in spectacular fashion! 0:00 History of Red Bull Flugtag 0:51 Ready For Steak Off 1:48 Cardinals 2:53 Red Bullterfly 3:37 8 Legs Rescue Team 4:53 Monkey Ballers 6:00 Possibilities Are Coming 7:37 Ultra Gliders ► Discover more from the world of Red Bull Flugtag: [https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ► If you enjoyed this, we bet you'll also love discovering the world of Red Bull Soapbox too 😍: [https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ](https://www.youtube.com/playlist?list=PLnuf8iyXggLHjX1X_KYtxbt2Jeuu3KDUQ) #RedBull #RedBullFlugtag #Top7 _________________________________________________ Experience the world of Red Bull like you have never seen it before with the best action sports clips on the web, original series and livestreams. Get the FREE Red Bull TV apps for all your devices: [http://win.gs/RedBullTVApps](http://win.gs/RedBullTVApps) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Instagram: [http://win.gs/RedBullInstagram](http://win.gs/RedBullInstagram) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) 840.2K 5.7K 161 0 [View post](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [](javascript:;) What vehicle would you build? Check out the craziest entries from Red Bull Flugtag in Nashville, US. ► For more Flugtag action visit: [https://www.redbull.com/gb-en/tags/flugtag](https://www.redbull.com/gb-en/tags/flugtag) #Redbull #RedbullFlugtag #extremesports _ Experience the world of Red Bull like you have never seen it before. With the best action sports clips on the web and original series, prepare for your "stoke factor" to be at an all time high. Watch Red Bull TV: [http://win.gs/WatchRBTV](http://win.gs/WatchRBTV) See into our world: [http://goo.gl/J49U](http://goo.gl/J49U) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Subscribe to the Red Bulletin: [http://win.gs/TheRedBulletin](http://win.gs/TheRedBulletin) Sign up for our Newsletter here: [http://win.gs/RedBullNewsletter](http://win.gs/RedBullNewsletter) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=dppeL1F9oA4&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 51.6K 789 21 0 [ ](https://www.youtube.com/watch?v=dppeL1F9oA4&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=dppeL1F9oA4&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) There Are No Limits In Flugtag | Red Bull Flugtag What vehicle would you build? Check out the craziest entries from Red Bull Flugtag in Nashville, US. ► For more Flugtag action visit: [https://www.redbull.com/gb-en/tags/flugtag](https://www.redbull.com/gb-en/tags/flugtag) #Redbull #RedbullFlugtag #extremesports _ Experience the world of Red Bull like you have never seen it before. With the best action sports clips on the web and original series, prepare for your "stoke factor" to be at an all time high. Watch Red Bull TV: [http://win.gs/WatchRBTV](http://win.gs/WatchRBTV) See into our world: [http://goo.gl/J49U](http://goo.gl/J49U) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Subscribe to the Red Bulletin: [http://win.gs/TheRedBulletin](http://win.gs/TheRedBulletin) Sign up for our Newsletter here: [http://win.gs/RedBullNewsletter](http://win.gs/RedBullNewsletter) 51.6K 789 21 0 [View post](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [](javascript:;) 27 teams but which one is going to fly the furthest? Check out the Flugtag highlights from Pittsburgh, Pennsylvania. ► For more Flugtag action visit: [https://www.redbull.com/gb-en/tags/flugtag](https://www.redbull.com/gb-en/tags/flugtag) #Redbull #RedbullFlugtag #extremesports _ Experience the world of Red Bull like you have never seen it before. With the best action sports clips on the web and original series, prepare for your "stoke factor" to be at an all time high. Watch Red Bull TV: [http://win.gs/WatchRBTV](http://win.gs/WatchRBTV) See into our world: [http://goo.gl/J49U](http://goo.gl/J49U) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Subscribe to the Red Bulletin: [http://win.gs/TheRedBulletin](http://win.gs/TheRedBulletin) Sign up for our Newsletter here: [http://win.gs/RedBullNewsletter](http://win.gs/RedBullNewsletter) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=i-7zecPk1tQ&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) 156.3K 1.5K 79 0 [ ](https://www.youtube.com/watch?v=i-7zecPk1tQ&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) ![](https://yt3.ggpht.com/ytc/AIdro_k94J7kkxpmlJe3c2iDFJpHk8SAADPpf49cN7XjomXSzEE=s800-c-k-c0x00ffffff-no-rj) [Red Bull](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [4 years ago](https://www.youtube.com/watch?v=i-7zecPk1tQ&list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) Pittsburgh ‘Pilots’ Try To Rewrite Aviation History | Red Bull Flugtag 27 teams but which one is going to fly the furthest? Check out the Flugtag highlights from Pittsburgh, Pennsylvania. ► For more Flugtag action visit: [https://www.redbull.com/gb-en/tags/flugtag](https://www.redbull.com/gb-en/tags/flugtag) #Redbull #RedbullFlugtag #extremesports _ Experience the world of Red Bull like you have never seen it before. With the best action sports clips on the web and original series, prepare for your "stoke factor" to be at an all time high. Watch Red Bull TV: [http://win.gs/WatchRBTV](http://win.gs/WatchRBTV) See into our world: [http://goo.gl/J49U](http://goo.gl/J49U) Red Bull on Facebook: [http://win.gs/redbullfb](http://win.gs/redbullfb) Red Bull on Twitter: [http://win.gs/redbulltwitter](http://win.gs/redbulltwitter) Subscribe to Red Bull on Youtube: [http://win.gs/SubToRedBull](http://win.gs/SubToRedBull) Subscribe to the Red Bulletin: [http://win.gs/TheRedBulletin](http://win.gs/TheRedBulletin) Sign up for our Newsletter here: [http://win.gs/RedBullNewsletter](http://win.gs/RedBullNewsletter) 156.3K 1.5K 79 0 [View post](https://www.youtube.com/playlist?list=PLnuf8iyXggLF5KwT2vqkDY205HFZr-rHl) [](javascript:;) ## Why to Display Social Feed on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Multiple Pre-Built Layouts We’ve already boiled pasta for you. Select the layout and display posts without worrying about arrangements. Advanced Caching Architecture Option for feed fetching interval selection. All your feed will be stored in a cache until that time interval. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. Multiple Scrolling Options Use Load More, Lazy Load or All content at once for scrolling. Get More Views - Youtube Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. Fetch Feed from Pages - Facebook Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Instagram Account Widget for Elementor Source: https://theplusaddons.com/elementor-widget/instagram-feed/ ## Instagram Feed Style 1 ![](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSBxiP1wfomp42If0BNQA5KBP9_7nM5wDixZOmgT0ev2A&oe=6883C434) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DK9jWXxtkbM/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSBxiP1wfomp42If0BNQA5KBP9_7nM5wDixZOmgT0ev2A&oe=6883C434) Design smarter. Build faster. Get support that truly helps. The Plus Addons makes it possible. ✨ ... 👉Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DK9jWXxtkbM/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSBxiP1wfomp42If0BNQA5KBP9_7nM5wDixZOmgT0ev2A&oe=6883C434)](javascript:;) Design smarter. Build faster. Get support that truly helps. The Plus Addons makes it possible. ✨ ... 👉Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DK9jWXxtkbM/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSBxiP1wfomp42If0BNQA5KBP9_7nM5wDixZOmgT0ev2A&oe=6883C434) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSBxiP1wfomp42If0BNQA5KBP9_7nM5wDixZOmgT0ev2A&oe=6883C434) ![](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSx8i4_ljFnFPKaQn_nvR72e0HRJgFd340r1AMmMhJvYQ&oe=68839784) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKj1c1FtAcc/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSx8i4_ljFnFPKaQn_nvR72e0HRJgFd340r1AMmMhJvYQ&oe=68839784) Perfect on every screen size — that’s how users are describing our Sticky Panel feature! 👉Tr ... y Sticky Header Effects for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKj1c1FtAcc/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSx8i4_ljFnFPKaQn_nvR72e0HRJgFd340r1AMmMhJvYQ&oe=68839784)](javascript:;) Perfect on every screen size — that’s how users are describing our Sticky Panel feature! 👉Tr ... y Sticky Header Effects for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKj1c1FtAcc/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSx8i4_ljFnFPKaQn_nvR72e0HRJgFd340r1AMmMhJvYQ&oe=68839784) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSx8i4_ljFnFPKaQn_nvR72e0HRJgFd340r1AMmMhJvYQ&oe=68839784) ![](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfQz2LHm8oZouII_Ib4Lp_eECG73TX6XLhlNuN_Zm4lv9g&oe=6883BD1D) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKhDX89xXxj/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfQz2LHm8oZouII_Ib4Lp_eECG73TX6XLhlNuN_Zm4lv9g&oe=6883BD1D) Want to show different content based on whether your users are logged in or not? Discover how to se ... t up Elementor display conditions easily! Make your site more engaging. Read More - [https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/) #Elementor #WordPress Show More [View post](https://www.instagram.com/p/DKhDX89xXxj/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfQz2LHm8oZouII_Ib4Lp_eECG73TX6XLhlNuN_Zm4lv9g&oe=6883BD1D)](javascript:;) Want to show different content based on whether your users are logged in or not? Discover how to se ... t up Elementor display conditions easily! Make your site more engaging. Read More - [https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/) #Elementor #WordPress Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKhDX89xXxj/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfQz2LHm8oZouII_Ib4Lp_eECG73TX6XLhlNuN_Zm4lv9g&oe=6883BD1D) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfQz2LHm8oZouII_Ib4Lp_eECG73TX6XLhlNuN_Zm4lv9g&oe=6883BD1D) ![](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRTQWaASvYJLze1SB6nXj-Ekt0lVPY3P4LmphaSPH9wEw&oe=6883A4E4) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcGm3ut-jT/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRTQWaASvYJLze1SB6nXj-Ekt0lVPY3P4LmphaSPH9wEw&oe=6883A4E4) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKcGm3ut-jT/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRTQWaASvYJLze1SB6nXj-Ekt0lVPY3P4LmphaSPH9wEw&oe=6883A4E4)](javascript:;) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcGm3ut-jT/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRTQWaASvYJLze1SB6nXj-Ekt0lVPY3P4LmphaSPH9wEw&oe=6883A4E4) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRTQWaASvYJLze1SB6nXj-Ekt0lVPY3P4LmphaSPH9wEw&oe=6883A4E4) ![](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSnFGmG2BlJcBV9cJREY9RKSu1Ia3aax9un6xXDZTTq2Q&oe=68839225) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcFDl-vfi3/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSnFGmG2BlJcBV9cJREY9RKSu1Ia3aax9un6xXDZTTq2Q&oe=68839225) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKcFDl-vfi3/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSnFGmG2BlJcBV9cJREY9RKSu1Ia3aax9un6xXDZTTq2Q&oe=68839225)](javascript:;) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcFDl-vfi3/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSnFGmG2BlJcBV9cJREY9RKSu1Ia3aax9un6xXDZTTq2Q&oe=68839225) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfSnFGmG2BlJcBV9cJREY9RKSu1Ia3aax9un6xXDZTTq2Q&oe=68839225) ![](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRwUKKnHj01jsR_SO6i6apDQyX9MqP9MuVzosKjzEQImw&oe=6883AEE9) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKKEbPrRjX-/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRwUKKnHj01jsR_SO6i6apDQyX9MqP9MuVzosKjzEQImw&oe=6883AEE9) Got big News to Share with Everyone! 🎉 We’ve Acquired Our First Product with 300,000+ Users! ... Sticky Header Effects for Elementor WordPress plugin is now part of POSIMYTH Innovations Family. This marks a major milestone for us with our first product acquisition! Our team didn’t just take it over; we reimagined the entire experience. From a fresh codebase to 50+ ready-to-import sticky header templates, and even compatibility with Elementor FREE this plugin has been transformed. Read the full story of this exciting chapter here: [https://stickyheadereffects.com/massive-updates-2-0/](https://stickyheadereffects.com/massive-updates-2-0/) Show More [View post](https://www.instagram.com/p/DKKEbPrRjX-/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRwUKKnHj01jsR_SO6i6apDQyX9MqP9MuVzosKjzEQImw&oe=6883AEE9)](javascript:;) Got big News to Share with Everyone! 🎉 We’ve Acquired Our First Product with 300,000+ Users! ... Sticky Header Effects for Elementor WordPress plugin is now part of POSIMYTH Innovations Family. This marks a major milestone for us with our first product acquisition! Our team didn’t just take it over; we reimagined the entire experience. From a fresh codebase to 50+ ready-to-import sticky header templates, and even compatibility with Elementor FREE this plugin has been transformed. Read the full story of this exciting chapter here: [https://stickyheadereffects.com/massive-updates-2-0/](https://stickyheadereffects.com/massive-updates-2-0/) Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKKEbPrRjX-/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRwUKKnHj01jsR_SO6i6apDQyX9MqP9MuVzosKjzEQImw&oe=6883AEE9) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=X-vg19vNpGupRfu60GuSew&oh=00_AfRwUKKnHj01jsR_SO6i6apDQyX9MqP9MuVzosKjzEQImw&oe=6883AEE9) ## Instagram Feed Style 2 ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DK9jWXxtkbM/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQqZp5DPP6dKjgNTFnMlMqZsK_XIby_mTmDqZifsNBE3Q&oe=6883C434) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQqZp5DPP6dKjgNTFnMlMqZsK_XIby_mTmDqZifsNBE3Q&oe=6883C434) Design smarter. Build faster. Get support that truly helps. The Plus Addons makes it possible. ✨ ... 👉Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQqZp5DPP6dKjgNTFnMlMqZsK_XIby_mTmDqZifsNBE3Q&oe=6883C434) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DK9jWXxtkbM/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQqZp5DPP6dKjgNTFnMlMqZsK_XIby_mTmDqZifsNBE3Q&oe=6883C434) Design smarter. Build faster. Get support that truly helps. The Plus Addons makes it possible. ✨ ... 👉Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DK9jWXxtkbM/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQqZp5DPP6dKjgNTFnMlMqZsK_XIby_mTmDqZifsNBE3Q&oe=6883C434)](javascript:;) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKj1c1FtAcc/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfRWUVO0Uw2WMJLFQiP3indKIpdPyJoF-8oVgNsoyIG0Hw&oe=68839784) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfRWUVO0Uw2WMJLFQiP3indKIpdPyJoF-8oVgNsoyIG0Hw&oe=68839784) Perfect on every screen size — that’s how users are describing our Sticky Panel feature! 👉Tr ... y Sticky Header Effects for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfRWUVO0Uw2WMJLFQiP3indKIpdPyJoF-8oVgNsoyIG0Hw&oe=68839784) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKj1c1FtAcc/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfRWUVO0Uw2WMJLFQiP3indKIpdPyJoF-8oVgNsoyIG0Hw&oe=68839784) Perfect on every screen size — that’s how users are describing our Sticky Panel feature! 👉Tr ... y Sticky Header Effects for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKj1c1FtAcc/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfRWUVO0Uw2WMJLFQiP3indKIpdPyJoF-8oVgNsoyIG0Hw&oe=68839784)](javascript:;) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKhDX89xXxj/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSUCDraOQERRJd_wRlrlGAlDW3jvrYEB3DV6Mnf037hPg&oe=6883BD1D) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSUCDraOQERRJd_wRlrlGAlDW3jvrYEB3DV6Mnf037hPg&oe=6883BD1D) Want to show different content based on whether your users are logged in or not? Discover how to se ... t up Elementor display conditions easily! Make your site more engaging. Read More - [https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/) #Elementor #WordPress Show More ![](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSUCDraOQERRJd_wRlrlGAlDW3jvrYEB3DV6Mnf037hPg&oe=6883BD1D) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKhDX89xXxj/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSUCDraOQERRJd_wRlrlGAlDW3jvrYEB3DV6Mnf037hPg&oe=6883BD1D) Want to show different content based on whether your users are logged in or not? Discover how to se ... t up Elementor display conditions easily! Make your site more engaging. Read More - [https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/) #Elementor #WordPress Show More [View post](https://www.instagram.com/p/DKhDX89xXxj/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSUCDraOQERRJd_wRlrlGAlDW3jvrYEB3DV6Mnf037hPg&oe=6883BD1D)](javascript:;) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcGm3ut-jT/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSIydFLcFR8jBAnmdiHrlj7ABksWy6bX-XA31XfRErlPw&oe=6883A4E4) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSIydFLcFR8jBAnmdiHrlj7ABksWy6bX-XA31XfRErlPw&oe=6883A4E4) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSIydFLcFR8jBAnmdiHrlj7ABksWy6bX-XA31XfRErlPw&oe=6883A4E4) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcGm3ut-jT/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSIydFLcFR8jBAnmdiHrlj7ABksWy6bX-XA31XfRErlPw&oe=6883A4E4) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKcGm3ut-jT/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfSIydFLcFR8jBAnmdiHrlj7ABksWy6bX-XA31XfRErlPw&oe=6883A4E4)](javascript:;) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcFDl-vfi3/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfT4Rt-WwwhU-btxWFDf-Tt6-KQfQFRz9Fvj3gn3HwthpA&oe=68839225) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfT4Rt-WwwhU-btxWFDf-Tt6-KQfQFRz9Fvj3gn3HwthpA&oe=68839225) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfT4Rt-WwwhU-btxWFDf-Tt6-KQfQFRz9Fvj3gn3HwthpA&oe=68839225) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcFDl-vfi3/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfT4Rt-WwwhU-btxWFDf-Tt6-KQfQFRz9Fvj3gn3HwthpA&oe=68839225) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKcFDl-vfi3/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfT4Rt-WwwhU-btxWFDf-Tt6-KQfQFRz9Fvj3gn3HwthpA&oe=68839225)](javascript:;) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKKEbPrRjX-/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQ2R-dO0gL-gQEtejvrKhxi3Cn4m9HxtoGMjnao5eQ9Kg&oe=6883AEE9) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQ2R-dO0gL-gQEtejvrKhxi3Cn4m9HxtoGMjnao5eQ9Kg&oe=6883AEE9) Got big News to Share with Everyone! 🎉 We’ve Acquired Our First Product with 300,000+ Users! ... Sticky Header Effects for Elementor WordPress plugin is now part of POSIMYTH Innovations Family. This marks a major milestone for us with our first product acquisition! Our team didn’t just take it over; we reimagined the entire experience. From a fresh codebase to 50+ ready-to-import sticky header templates, and even compatibility with Elementor FREE this plugin has been transformed. Read the full story of this exciting chapter here: [https://stickyheadereffects.com/massive-updates-2-0/](https://stickyheadereffects.com/massive-updates-2-0/) Show More ![](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQ2R-dO0gL-gQEtejvrKhxi3Cn4m9HxtoGMjnao5eQ9Kg&oe=6883AEE9) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKKEbPrRjX-/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQ2R-dO0gL-gQEtejvrKhxi3Cn4m9HxtoGMjnao5eQ9Kg&oe=6883AEE9) Got big News to Share with Everyone! 🎉 We’ve Acquired Our First Product with 300,000+ Users! ... Sticky Header Effects for Elementor WordPress plugin is now part of POSIMYTH Innovations Family. This marks a major milestone for us with our first product acquisition! Our team didn’t just take it over; we reimagined the entire experience. From a fresh codebase to 50+ ready-to-import sticky header templates, and even compatibility with Elementor FREE this plugin has been transformed. Read the full story of this exciting chapter here: [https://stickyheadereffects.com/massive-updates-2-0/](https://stickyheadereffects.com/massive-updates-2-0/) Show More [View post](https://www.instagram.com/p/DKKEbPrRjX-/) [![](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=WLu5QTlt9e0_gno-W4WwEg&oh=00_AfQ2R-dO0gL-gQEtejvrKhxi3Cn4m9HxtoGMjnao5eQ9Kg&oe=6883AEE9)](javascript:;) ## Instagram Feed Style 4 Design smarter. Build faster. Get support that truly helps. The Plus Addons makes it possible. ✨ ... 👉Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DK9jWXxtkbM/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfS4MB78d44bK9w81TRpAuVZJlX56C1qIo3xH0yi86HI4A&oe=6883C434) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfS4MB78d44bK9w81TRpAuVZJlX56C1qIo3xH0yi86HI4A&oe=6883C434) ![](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfS4MB78d44bK9w81TRpAuVZJlX56C1qIo3xH0yi86HI4A&oe=6883C434) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DK9jWXxtkbM/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/508346789_18175366228327016_1993817247672982382_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=1-7&_nc_sid=18de74&_nc_ohc=nGcu14UfIIsQ7kNvwE80Msq&_nc_oc=AdkOw5Lxo69Nz_xLZgkr09X6adKiPTr2ZCmnX5UkC76maK7RbGm3cLoQcq9e5g0OBhA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfS4MB78d44bK9w81TRpAuVZJlX56C1qIo3xH0yi86HI4A&oe=6883C434) Design smarter. Build faster. Get support that truly helps. The Plus Addons makes it possible. ✨ ... 👉Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DK9jWXxtkbM/) [](javascript:;) Perfect on every screen size — that’s how users are describing our Sticky Panel feature! 👉Tr ... y Sticky Header Effects for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKj1c1FtAcc/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTFQngjv8-_Xg5x-Z-AzIFOsQ0rk8o97CblaTpMaLc7Hw&oe=68839784) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTFQngjv8-_Xg5x-Z-AzIFOsQ0rk8o97CblaTpMaLc7Hw&oe=68839784) ![](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTFQngjv8-_Xg5x-Z-AzIFOsQ0rk8o97CblaTpMaLc7Hw&oe=68839784) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKj1c1FtAcc/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504470480_18174375784327016_8936201056931895136_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=1-7&_nc_sid=18de74&_nc_ohc=uin3zgEKoz8Q7kNvwFdxEdu&_nc_oc=Adkp3AE1Pfw9xnb5K7XgSZPN6pMIx2590BbvtlpNjwscwuK6lu0nX9phUHbnyoC9gqQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTFQngjv8-_Xg5x-Z-AzIFOsQ0rk8o97CblaTpMaLc7Hw&oe=68839784) Perfect on every screen size — that’s how users are describing our Sticky Panel feature! 👉Tr ... y Sticky Header Effects for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKj1c1FtAcc/) [](javascript:;) Want to show different content based on whether your users are logged in or not? Discover how to se ... t up Elementor display conditions easily! Make your site more engaging. Read More - [https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/) #Elementor #WordPress Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKhDX89xXxj/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTC7XLpbM39lNj_1nyL1rrafce7HDVlymYlPSnmsFZeBw&oe=6883BD1D) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTC7XLpbM39lNj_1nyL1rrafce7HDVlymYlPSnmsFZeBw&oe=6883BD1D) ![](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTC7XLpbM39lNj_1nyL1rrafce7HDVlymYlPSnmsFZeBw&oe=6883BD1D) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKhDX89xXxj/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/504154560_18174274102327016_6044228546699017403_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=102&ccb=1-7&_nc_sid=18de74&_nc_ohc=7CzHZkGqS18Q7kNvwHakTVz&_nc_oc=AdkiD-HJmIdcUzkOKJOqY6HuzEJk9nlcgNYte0egPFwWBY6RkSfJNrcVjzknaVksMA4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfTC7XLpbM39lNj_1nyL1rrafce7HDVlymYlPSnmsFZeBw&oe=6883BD1D) Want to show different content based on whether your users are logged in or not? Discover how to se ... t up Elementor display conditions easily! Make your site more engaging. Read More - [https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/](https://theplusaddons.com/blog/how-to-set-elementor-display-conditions-based-on-login-status/) #Elementor #WordPress Show More [View post](https://www.instagram.com/p/DKhDX89xXxj/) [](javascript:;) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcGm3ut-jT/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfRVG3vveMyIv74aUOjNa5WHDuQlwG0SDXZ4vcO4lwabqQ&oe=6883A4E4) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfRVG3vveMyIv74aUOjNa5WHDuQlwG0SDXZ4vcO4lwabqQ&oe=6883A4E4) ![](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfRVG3vveMyIv74aUOjNa5WHDuQlwG0SDXZ4vcO4lwabqQ&oe=6883A4E4) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcGm3ut-jT/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503770221_18174092179327016_4533702255770417111_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=1-7&_nc_sid=18de74&_nc_ohc=GO8f5qV7TtwQ7kNvwGqyksn&_nc_oc=AdnPqZO0wNy0INHiY4AREC3VJVyrsHzbWX1MzOXj78_Dox2RwgWAGmtbO0DEA8ZdlsU&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfRVG3vveMyIv74aUOjNa5WHDuQlwG0SDXZ4vcO4lwabqQ&oe=6883A4E4) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKcGm3ut-jT/) [](javascript:;) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcFDl-vfi3/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQbbRIaWhyEVXkLSPX08dNFNxHPgNBisfimPiJYY7xBjg&oe=68839225) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQbbRIaWhyEVXkLSPX08dNFNxHPgNBisfimPiJYY7xBjg&oe=68839225) ![](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQbbRIaWhyEVXkLSPX08dNFNxHPgNBisfimPiJYY7xBjg&oe=68839225) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKcFDl-vfi3/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/503333176_18174091237327016_8222787670161472357_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=111&ccb=1-7&_nc_sid=18de74&_nc_ohc=xdjsteuiCtwQ7kNvwFd4iH9&_nc_oc=Adk1yvlsfQN-9vZNAuXhSb0FuOIxoNmCijue6TmhyWQQHIibNCEGzeRNw_bohnde374&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQbbRIaWhyEVXkLSPX08dNFNxHPgNBisfimPiJYY7xBjg&oe=68839225) Another happy moment at The Plus Addons — loved for its powerful features and even faster support ... 💙 👉 Try The Plus Addons for Elementor today and build better with ease. Like • Comment • Save • Share Show More [View post](https://www.instagram.com/p/DKcFDl-vfi3/) [](javascript:;) Got big News to Share with Everyone! 🎉 We’ve Acquired Our First Product with 300,000+ Users! ... Sticky Header Effects for Elementor WordPress plugin is now part of POSIMYTH Innovations Family. This marks a major milestone for us with our first product acquisition! Our team didn’t just take it over; we reimagined the entire experience. From a fresh codebase to 50+ ready-to-import sticky header templates, and even compatibility with Elementor FREE this plugin has been transformed. Read the full story of this exciting chapter here: [https://stickyheadereffects.com/massive-updates-2-0/](https://stickyheadereffects.com/massive-updates-2-0/) Show More ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKKEbPrRjX-/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQvHvr0DyrPBX8wKLbWJBwmbSU-d0f9pxhu5uThgPu8Og&oe=6883AEE9) [ ](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQvHvr0DyrPBX8wKLbWJBwmbSU-d0f9pxhu5uThgPu8Og&oe=6883AEE9) ![](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQvHvr0DyrPBX8wKLbWJBwmbSU-d0f9pxhu5uThgPu8Og&oe=6883AEE9) ![](https://theplusaddons.com/wp-content/plugins/elementor/assets/images/placeholder.png) [theplus_elementor](https://www.instagram.com/p/DKKEbPrRjX-/) [1 month ago](https://scontent.cdninstagram.com/v/t51.75761-15/501363289_18173406691327016_3808127343109236167_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=1-7&_nc_sid=18de74&_nc_ohc=GdgMuvhLP1UQ7kNvwFNmXrr&_nc_oc=Adm3FsXw9_WDRWrtmv3XaYFZKHUq1o5yCUy0jTh2EUwZ4Kx6WpIg9E9Jme4hu_N5gH4&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AP4hL3IEAAAA&_nc_gid=ruEl3UUcQxsKeYjosRbk8g&oh=00_AfQvHvr0DyrPBX8wKLbWJBwmbSU-d0f9pxhu5uThgPu8Og&oe=6883AEE9) Got big News to Share with Everyone! 🎉 We’ve Acquired Our First Product with 300,000+ Users! ... Sticky Header Effects for Elementor WordPress plugin is now part of POSIMYTH Innovations Family. This marks a major milestone for us with our first product acquisition! Our team didn’t just take it over; we reimagined the entire experience. From a fresh codebase to 50+ ready-to-import sticky header templates, and even compatibility with Elementor FREE this plugin has been transformed. Read the full story of this exciting chapter here: [https://stickyheadereffects.com/massive-updates-2-0/](https://stickyheadereffects.com/massive-updates-2-0/) Show More [View post](https://www.instagram.com/p/DKKEbPrRjX-/) [](javascript:;) ## Special Options - Personal Feed - Feed by Username - Feed by #Hashtag - Feed by Personal Mentions - Close Button Options - Personal Account Feed - Business Account Feed - Filter Multiple Accounts - Performance Options - Manual & Auto API Generation ## Why to Display Social Feed on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this Social Feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Multiple Pre-Built Layouts We’ve already boiled pasta for you. Select the layout and display posts without worrying about arrangements. Advanced Caching Architecture Option for feed fetching interval selection. All your feed will be stored in a cache until that time interval. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Manage Content Your way Social Feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. Multiple Scrolling Options Use Load More, Lazy Load or All content at once for scrolling. Get More Views - Youtube Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. Fetch Feed from Pages - Facebook Got a page on Facebook ? Display feed from Facebook page on your website easily by Social F eed widget. ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Facebook Feed Widget for Elementor Source: https://theplusaddons.com/elementor-widget/facebook-feed/ ## Unique Styles ## Style 1 ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEQk0viatyrsDN0FxjJNxNzGtDjQebw5XXl5g4DnqZMK5S0xR0KCxg6ioD82_7yHB4k9cx36B9S&oh=00_AfqFjjTb-pcEpWkZ1jqfvYgNktsqRIXk9KLLcOVhKzXGeg&oe=69738EB9)![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEG6fiPAgwk34nPgXl08y1HhL0Ew5Y31dv4WCtxBG7R7SiD-tyr4bqaHUx9vdydt6LfZJT53Fp_&oh=00_AfrEPlycZzK7V_V4Mccw-QZHCfy7CO_HqJEFxxpibboacw&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEQk0viatyrsDN0FxjJNxNzGtDjQebw5XXl5g4DnqZMK5S0xR0KCxg6ioD82_7yHB4k9cx36B9S&oh=00_AfqFjjTb-pcEpWkZ1jqfvYgNktsqRIXk9KLLcOVhKzXGeg&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEQk0viatyrsDN0FxjJNxNzGtDjQebw5XXl5g4DnqZMK5S0xR0KCxg6ioD82_7yHB4k9cx36B9S&oh=00_AfqFjjTb-pcEpWkZ1jqfvYgNktsqRIXk9KLLcOVhKzXGeg&oe=69738EB9)](javascript:;) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEG6fiPAgwk34nPgXl08y1HhL0Ew5Y31dv4WCtxBG7R7SiD-tyr4bqaHUx9vdydt6LfZJT53Fp_&oh=00_AfrEPlycZzK7V_V4Mccw-QZHCfy7CO_HqJEFxxpibboacw&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEQk0viatyrsDN0FxjJNxNzGtDjQebw5XXl5g4DnqZMK5S0xR0KCxg6ioD82_7yHB4k9cx36B9S&oh=00_AfqFjjTb-pcEpWkZ1jqfvYgNktsqRIXk9KLLcOVhKzXGeg&oe=69738EB9) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=JcgZwTHFbTEFhrhp_NtSvQ&_nc_tpa=Q5bMBQEQk0viatyrsDN0FxjJNxNzGtDjQebw5XXl5g4DnqZMK5S0xR0KCxg6ioD82_7yHB4k9cx36B9S&oh=00_AfqFjjTb-pcEpWkZ1jqfvYgNktsqRIXk9KLLcOVhKzXGeg&oe=69738EB9) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ## Style 2a ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHKCg6JNw2TYb1ZP8YfHIAHT_CgebEp1SNrnLSXgI9N6FOpB1U9x5_DoH8NAMkTlmMaWKl4D_Tq&oh=00_AfoMRIEhBnP6CHgk8HjBPS6v3KFVPcbv5-WFvHr5k-Zs1Q&oe=6973F490) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHnsWv280fAcsuFUl1VagdfsGwjdCPZL6TM6DzDiNgXe5-XNs6IUGLpI7JPMnDxUKoJoL7I-wrG&oh=00_AfodVmHpquRQcz1JhYBOHs9teqUjt5lgYVQyTSUNMP4kBA&oe=6973FF39) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHnsWv280fAcsuFUl1VagdfsGwjdCPZL6TM6DzDiNgXe5-XNs6IUGLpI7JPMnDxUKoJoL7I-wrG&oh=00_AfodVmHpquRQcz1JhYBOHs9teqUjt5lgYVQyTSUNMP4kBA&oe=6973FF39) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHnsWv280fAcsuFUl1VagdfsGwjdCPZL6TM6DzDiNgXe5-XNs6IUGLpI7JPMnDxUKoJoL7I-wrG&oh=00_AfodVmHpquRQcz1JhYBOHs9teqUjt5lgYVQyTSUNMP4kBA&oe=6973FF39) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHKCg6JNw2TYb1ZP8YfHIAHT_CgebEp1SNrnLSXgI9N6FOpB1U9x5_DoH8NAMkTlmMaWKl4D_Tq&oh=00_AfoMRIEhBnP6CHgk8HjBPS6v3KFVPcbv5-WFvHr5k-Zs1Q&oe=6973F490) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHnsWv280fAcsuFUl1VagdfsGwjdCPZL6TM6DzDiNgXe5-XNs6IUGLpI7JPMnDxUKoJoL7I-wrG&oh=00_AfodVmHpquRQcz1JhYBOHs9teqUjt5lgYVQyTSUNMP4kBA&oe=6973FF39) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=StCEVnylAVCa4Mhc-BLrGw&_nc_tpa=Q5bMBQHnsWv280fAcsuFUl1VagdfsGwjdCPZL6TM6DzDiNgXe5-XNs6IUGLpI7JPMnDxUKoJoL7I-wrG&oh=00_AfodVmHpquRQcz1JhYBOHs9teqUjt5lgYVQyTSUNMP4kBA&oe=6973FF39)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ## Style 2b ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQETro_nyQAWdAfCig9lzNhUeejqAF6YY_aaYIMyPrBdJTPm_VM57Bx3kgBEigqHyTvdgoOUEXQA&oh=00_AfqKkdyQTXQEz_wnnBNzyCx2uyE8bTsS_BwXyhK1CAWa8w&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQHh_EH5QgORU5A3k3mrvhVyqv88yg3OoXmhdP36GCivpbFFeQGND_NF5P_ydPql1U01ZOnm5SxD&oh=00_AfqGvnDesjqALOorY3DfYR9tsJAvwp6Bipm1DSPtxJxFBg&oe=69738EB9) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQHh_EH5QgORU5A3k3mrvhVyqv88yg3OoXmhdP36GCivpbFFeQGND_NF5P_ydPql1U01ZOnm5SxD&oh=00_AfqGvnDesjqALOorY3DfYR9tsJAvwp6Bipm1DSPtxJxFBg&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQHh_EH5QgORU5A3k3mrvhVyqv88yg3OoXmhdP36GCivpbFFeQGND_NF5P_ydPql1U01ZOnm5SxD&oh=00_AfqGvnDesjqALOorY3DfYR9tsJAvwp6Bipm1DSPtxJxFBg&oe=69738EB9) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQETro_nyQAWdAfCig9lzNhUeejqAF6YY_aaYIMyPrBdJTPm_VM57Bx3kgBEigqHyTvdgoOUEXQA&oh=00_AfqKkdyQTXQEz_wnnBNzyCx2uyE8bTsS_BwXyhK1CAWa8w&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQHh_EH5QgORU5A3k3mrvhVyqv88yg3OoXmhdP36GCivpbFFeQGND_NF5P_ydPql1U01ZOnm5SxD&oh=00_AfqGvnDesjqALOorY3DfYR9tsJAvwp6Bipm1DSPtxJxFBg&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=VzJormIJSp19HrMhKC4kaQ&_nc_tpa=Q5bMBQHh_EH5QgORU5A3k3mrvhVyqv88yg3OoXmhdP36GCivpbFFeQGND_NF5P_ydPql1U01ZOnm5SxD&oh=00_AfqGvnDesjqALOorY3DfYR9tsJAvwp6Bipm1DSPtxJxFBg&oe=69738EB9)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ## Style 3 Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [](javascript:;) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [](javascript:;) Load More ## Style 4 Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQEsB5awpzFsImoHr6SX_wGKMiY5m9mAbRoVyGymrit1l-QELGUujzNnFG2QJWmiXH4r3PCrfsvn&oh=00_AfoWKgz4fkP8VKfQ8IAi5e5B3etUZazYL3C119YIYNntew&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [](javascript:;) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQGgjT5yGCXDqvxdVKstSBOw7d5ImKA93EcuYqqZdCf1tTyvLr0FtTqVKpVySGsHNZoKSnsvOvla&oh=00_Afre69xIsXe6klo1x-R6qnQ6kb6aSoxuwzoP4QOkzJH26g&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=8TvqjgRILrpGDzI0EyXIvQ&_nc_tpa=Q5bMBQFg5dIvoclgvT7x2vGD2TNWl96jy0jNqxAQhVxWYwhFoEYQsC3sarTMmUfAVWrFbZqoIOiJEd8s&oh=00_AfpzwnsM0oslykTVVb5-0fuPAlGUjgjlc32xDnDCVSGqrg&oe=6973AB66) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [](javascript:;) Load More ## Style 5 All Social Feed ## Grid Layout ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9)](javascript:;) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ... ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66)](javascript:;) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ... ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [3 weeks ago](https://www.youtube.com/embed/UpYvy-7AXqI) Curious how we made Figma to WordPress faster and smarter this year? Dive into our 2025 recap to s ... ee the magic unfold! Read More - [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) #WordPress #Figma #UiChemy Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://external-fra3-2.xx.fbcdn.net/emg1/v/t13/7914153442796576800?url=https%3A%2F%2Fuichemy.com%2Fwp-content%2Fuploads%2F2025%2F12%2FUiChemy-2025-Recap.jpg&fb_obo=1&utld=uichemy.com&stp=dst-emg0_q75_s1680x879_tt6&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_oc=AdkMgFea8WizbT1J-9y_dfICsy-mxjDC3clNNP97JuHWttNBBw_vo2hW0LrOqVUqBhRFEyiihP2QLAckSdnwPNir&ccb=13-1&oh=06_Q3-7AS3usgp1H45_P_QvgxB56o2MjPSmz0LYuH5c0_m735pv&oe=696F9893&_nc_sid=50234c)](javascript:;) Curious how we made Figma to WordPress faster and smarter this year? Dive into our 2025 recap to s ... ee the magic unfold! Read More - [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) #WordPress #Figma #UiChemy Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [3 weeks ago](https://www.youtube.com/embed/UpYvy-7AXqI) [ ](https://www.youtube.com/embed/UpYvy-7AXqI) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) Final hours before UiChemy’s Cyber Monday Lifetime Deal disappears. After today, it goes back to ... yearly plans, no exceptions. If you want that 90% faster workflow and UiChemy on your toolkit, this is your last chance to own it for life. Secure your deal → [https://uichemy.com/pricing/](https://uichemy.com/pricing/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)0 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE)](javascript:;) Final hours before UiChemy’s Cyber Monday Lifetime Deal disappears. After today, it goes back to ... yearly plans, no exceptions. If you want that 90% faster workflow and UiChemy on your toolkit, this is your last chance to own it for life. Secure your deal → [https://uichemy.com/pricing/](https://uichemy.com/pricing/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) [ ](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)0 0 0 ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) UiChemy 4.4 introduces built-in image conversion and compression, right inside your export. Choose ... your format, set your compression level, and UiChemy does the rest. Our tests show up to 80% smaller file sizes with zero manual work. Clean exports. Faster sites. Happier workflows. 👉🏻 Check out how it works: [https://youtu.be/nhj4UP7v5-A](https://youtu.be/nhj4UP7v5-A) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 1 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F)](javascript:;) UiChemy 4.4 introduces built-in image conversion and compression, right inside your export. Choose ... your format, set your compression level, and UiChemy does the rest. Our tests show up to 80% smaller file sizes with zero manual work. Clean exports. Faster sites. Happier workflows. 👉🏻 Check out how it works: [https://youtu.be/nhj4UP7v5-A](https://youtu.be/nhj4UP7v5-A) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 1 0 ## Masonry Layout ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ... ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ... ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [3 weeks ago](https://www.youtube.com/embed/UpYvy-7AXqI) [ ](https://www.youtube.com/embed/UpYvy-7AXqI) Curious how we made Figma to WordPress faster and smarter this year? Dive into our 2025 recap to s ... ee the magic unfold! Read More - [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) #WordPress #Figma #UiChemy Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [3 weeks ago](https://www.youtube.com/embed/UpYvy-7AXqI) Curious how we made Figma to WordPress faster and smarter this year? Dive into our 2025 recap to s ... ee the magic unfold! Read More - [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) #WordPress #Figma #UiChemy Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://external-fra3-2.xx.fbcdn.net/emg1/v/t13/7914153442796576800?url=https%3A%2F%2Fuichemy.com%2Fwp-content%2Fuploads%2F2025%2F12%2FUiChemy-2025-Recap.jpg&fb_obo=1&utld=uichemy.com&stp=dst-emg0_q75_s1680x879_tt6&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_oc=AdkMgFea8WizbT1J-9y_dfICsy-mxjDC3clNNP97JuHWttNBBw_vo2hW0LrOqVUqBhRFEyiihP2QLAckSdnwPNir&ccb=13-1&oh=06_Q3-7AS3usgp1H45_P_QvgxB56o2MjPSmz0LYuH5c0_m735pv&oe=696F9893&_nc_sid=50234c)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) [ ](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) Final hours before UiChemy’s Cyber Monday Lifetime Deal disappears. After today, it goes back to ... yearly plans, no exceptions. If you want that 90% faster workflow and UiChemy on your toolkit, this is your last chance to own it for life. Secure your deal → [https://uichemy.com/pricing/](https://uichemy.com/pricing/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) Final hours before UiChemy’s Cyber Monday Lifetime Deal disappears. After today, it goes back to ... yearly plans, no exceptions. If you want that 90% faster workflow and UiChemy on your toolkit, this is your last chance to own it for life. Secure your deal → [https://uichemy.com/pricing/](https://uichemy.com/pricing/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)0 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)0 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) UiChemy 4.4 introduces built-in image conversion and compression, right inside your export. Choose ... your format, set your compression level, and UiChemy does the rest. Our tests show up to 80% smaller file sizes with zero manual work. Clean exports. Faster sites. Happier workflows. 👉🏻 Check out how it works: [https://youtu.be/nhj4UP7v5-A](https://youtu.be/nhj4UP7v5-A) Show More ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) UiChemy 4.4 introduces built-in image conversion and compression, right inside your export. Choose ... your format, set your compression level, and UiChemy does the rest. Our tests show up to 80% smaller file sizes with zero manual work. Clean exports. Faster sites. Happier workflows. 👉🏻 Check out how it works: [https://youtu.be/nhj4UP7v5-A](https://youtu.be/nhj4UP7v5-A) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 1 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F)](javascript:;)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 1 0 ## Carousal Layout ![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9)](javascript:;) Over the last 90 days, UiChemy users exported their designs with Image Compression enabled, and here ... ’s what happened. All during export. No extra tools. No manual steps. No extra cost. UiChemy compresses images into modern formats like PNG, JPEG, AVIF, and WEBP, with adjustable quality settings, so your files stay light, uploads stay smooth, and WordPress stays fast. Have you tried exporting with Image Compression on yet? Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [6 days ago](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) [ ](https://scontent-fra3-1.xx.fbcdn.net/v/t39.30808-6/615284534_741041522381562_8904819763751565593_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_ohc=EHXYRKQpROUQ7kNvwF0l7XD&_nc_oc=Admn1vzdgv5_Zs2fhFPmb-onFrHYls98UWcyCqM4kZeUnpirBcVEIOXEGrAK2Pnn35LLYG2aezGgEkK0pBpoNl9J&_nc_zt=23&_nc_ht=scontent-fra3-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEtdMAgjC38tOjjgJ1bb8A8GacEF6MWr-xx8DdnXXF5qqWn-WMUfFdO67niS9jmYU2Jl0etfOGm&oh=00_AfrBuuq8k6O3gkuPouV38KEHDUErhF36YwCIIgrdj8qY_Q&oe=69738EB9) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)3 0 0 ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ... ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66)](javascript:;) Happy New Year from UIchemy 🎉 This year was full of progress, learning, and meaningful steps for ... ward. We’ve shared our 2025 recap, capturing the journey and the moments that shaped it. 👉 Take a moment to check it out: [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 week ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/611339970_735945512891163_8153169104403691500_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=P4uT6QC7dJEQ7kNvwHV2NHA&_nc_oc=AdkiZP5X5WHQtFateBK8Dz9MEEgjqibUVON3pZ-DgOHhuAcXSgXHXOzILCGsb6jgalY93KfaQKGjZyVn2XgR-Hni&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQGnyV-6lOVzxv1mFC3bTTfyFFjchQjOzfxdAU7Omb3bdpd4UkbnBcBbW58lYZzC4MkEAAtddUoj&oh=00_AfrAJgTPfktJgtMVukXYRxmXA-pGX09xkjYt_3wkjC0ObQ&oe=6973AB66) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [3 weeks ago](https://www.youtube.com/embed/UpYvy-7AXqI) Curious how we made Figma to WordPress faster and smarter this year? Dive into our 2025 recap to s ... ee the magic unfold! Read More - [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) #WordPress #Figma #UiChemy Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://external-fra3-2.xx.fbcdn.net/emg1/v/t13/7914153442796576800?url=https%3A%2F%2Fuichemy.com%2Fwp-content%2Fuploads%2F2025%2F12%2FUiChemy-2025-Recap.jpg&fb_obo=1&utld=uichemy.com&stp=dst-emg0_q75_s1680x879_tt6&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_oc=AdkMgFea8WizbT1J-9y_dfICsy-mxjDC3clNNP97JuHWttNBBw_vo2hW0LrOqVUqBhRFEyiihP2QLAckSdnwPNir&ccb=13-1&oh=06_Q3-7AS3usgp1H45_P_QvgxB56o2MjPSmz0LYuH5c0_m735pv&oe=696F9893&_nc_sid=50234c)](javascript:;) Curious how we made Figma to WordPress faster and smarter this year? Dive into our 2025 recap to s ... ee the magic unfold! Read More - [https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/](https://uichemy.com/blog/uichemy-2025-yearly-recap-figma-to-wordpress/) #WordPress #Figma #UiChemy Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [3 weeks ago](https://www.youtube.com/embed/UpYvy-7AXqI) [ ](https://www.youtube.com/embed/UpYvy-7AXqI) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 0 0 ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) Final hours before UiChemy’s Cyber Monday Lifetime Deal disappears. After today, it goes back to ... yearly plans, no exceptions. If you want that 90% faster workflow and UiChemy on your toolkit, this is your last chance to own it for life. Secure your deal → [https://uichemy.com/pricing/](https://uichemy.com/pricing/) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)0 0 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE)](javascript:;) Final hours before UiChemy’s Cyber Monday Lifetime Deal disappears. After today, it goes back to ... yearly plans, no exceptions. If you want that 90% faster workflow and UiChemy on your toolkit, this is your last chance to own it for life. Secure your deal → [https://uichemy.com/pricing/](https://uichemy.com/pricing/) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) [ ](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-6/595381392_714309678388080_6172121427397855949_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=110&ccb=1-7&_nc_sid=127cfc&_nc_ohc=tTmbFEtwpCUQ7kNvwEwbRXX&_nc_oc=AdnviVjCgY-hjg4eitod3XUeSRQNHhJvn1LUViH8wOIYaIt_nar019vVzK-UEBOUDyBrBd_s2lKqdX6k5BUZ-wjL&_nc_zt=23&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQETJ11w0HE7It6kCRQY5x8OIvfRGmRA2OI2iZjkT36sJU2y00drI1IHqIc_rvp6Z47-84v73m_z&oh=00_Afp-JE-JlGlQbR2WbI1ST8SVzjPx7_vt21-h24z8Kzk1rA&oe=6973A5EE) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)0 0 0 ![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) UiChemy 4.4 introduces built-in image conversion and compression, right inside your export. Choose ... your format, set your compression level, and UiChemy does the rest. Our tests show up to 80% smaller file sizes with zero manual work. Clean exports. Faster sites. Happier workflows. 👉🏻 Check out how it works: [https://youtu.be/nhj4UP7v5-A](https://youtu.be/nhj4UP7v5-A) Show More ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 1 0 [View post](https://www.facebook.com/108776782276567) [![](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F)](javascript:;) UiChemy 4.4 introduces built-in image conversion and compression, right inside your export. Choose ... your format, set your compression level, and UiChemy does the rest. Our tests show up to 80% smaller file sizes with zero manual work. Clean exports. Faster sites. Happier workflows. 👉🏻 Check out how it works: [https://youtu.be/nhj4UP7v5-A](https://youtu.be/nhj4UP7v5-A) Show More ![](https://scontent-fra5-1.xx.fbcdn.net/v/t39.30808-1/358112911_6538792502850670_4574417274953416888_n.jpg?stp=c193.193.1035.1035a_cp0_dst-jpg_s50x50_tt6&_nc_cat=102&ccb=1-7&_nc_sid=f907e8&_nc_ohc=J1VKhK9CEzYQ7kNvwGqHv9L&_nc_oc=Adl9WrHF5JHbjrp0Vls3b11QV0x2dWumKf2yyspKeMMrABrVIKINNU_nYw-DSc0tGdU2d9Ml8pCgTvEHVnFTgPfV&_nc_zt=24&_nc_ht=scontent-fra5-1.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQHJ_hv3JA3tzNE6Fn5NFkaf4zUZdM-E59hacxQfxg4Fmj291txIOMdF7M0bQa1fX3YQ9asvNzJH&oh=00_AfqINIfLgGME4_fzwV4G07araJ2FVAZ5UfjZrzV2n--asA&oe=69738410) [UiChemy](https://www.facebook.com/108776782276567) [1 month ago](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) [ ](https://scontent-fra5-2.xx.fbcdn.net/v/t39.30808-6/594057444_713113868507661_5690336329900319408_n.jpg?stp=dst-jpg_s720x720_tt6&_nc_cat=107&ccb=1-7&_nc_sid=127cfc&_nc_ohc=m5sLq6EpeNsQ7kNvwHKcT_G&_nc_oc=AdkcwLT3pQqQa2uMTV03kH0SnUGUeBKSzqXDeU5vL758OcffhgwbMmFnsOgvRKOYC1BFxDUKjY-oiVNg0fEFslOP&_nc_zt=23&_nc_ht=scontent-fra5-2.xx&edm=AJdBtusEAAAA&_nc_gid=64nSn-EPyXmwXd4U0mMW2A&_nc_tpa=Q5bMBQEZf0xwtmBXmRoFJDDml8vgqHNicTB-JgzEDzbIbNzItzjPEW4edgc8D6k5rTWHc_3wt0o9novc&oh=00_AfrkMsGt2sZRYPcLLnPnphfe8HqdK6OIpIYMjRiZuJFWvw&oe=6973A88F) ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/like.png)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-feed/love.png)1 1 0 ## Why to Display Social Feed on Websites ? Nowadays both social media and portfolio on the web both are equally important to maintain for business promotion or as an influencer. The Plus Add-ons have added this social feed widget to connect them both in the easiest way possible. Increase Engagement Get Much more social media engagement using boost of SEO in your social feed as well. Display your feed on the wall and get more likes and profile visitors directly from your website. Make Your Presence Do you post sense ? Do you think it can have an impact ? Do you think it can make a difference ? If yes, then it must be reached to the proper audience. Get your social media feed and keep your audience up-to-date. Save Time Don’t have time to post the content on the web you post on social media ? Then get that content directly from over there. Never compromise. Connect Audience Your social media followers and your daily web visitors have one thing in common, your feed. Getting them connected together and having added credibility to your brands, business, product or service as real people from social media is helping you to convert new visitors into customers. Reliability & Authority Connecting social media with your web is a great move we must say, that defines your brand’s reliability by customers from different platforms. And this also states that you are confident about your brand and open for criticism. Post Everywhere, Display in One Piece Not every content is appropriate for each social media. Each social media has different goals & preferences. Display all posts from memes to job postings at one place using our social feed widget for wordpress on your website. ## Keep your visitors up-to-date with your current social media posts Do you have more site visitors than social media engagement ? No worries, we got you. Display your feed which gets regularly updated as you post on platforms and get free social media engagement. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media settings & you’re ready to rock. Always Up to Date Don’t worry about updating and posting content everywhere. Keep your audience engaged by daily posting of your social media, we’ll fetch content from there by ourselves. Multiple Pre-Built Layouts We’ve already boiled pasta for you. Select the layout and display posts without worrying about arrangements. Advanced Caching Architecture Option for feed fetching interval selection. All your feed will be stored in a cache until that time interval. Flexible & Responsive It’s an obvious thing to make any layout display responsive. We have set all the design options in your favour to make the widget screen responsive. No Limitation for Feed Display as many posts you want to on your page. But you need to post them on social media first !!! No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social feed on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! Manage Content Your way Social feed widgets allows you to manage your post orders, what part of them to display, customize the design and much more. Multiple Scrolling Options Use Load More, Lazy Load or All content at once for scrolling. Get More Views - Youtube Choose what’s working & beat the competition. Post your top grossing videos on websites and get even more views & subscribers on youtube. Fetch Feed from Pages - Facebook Got a page on Facebook ? Display feed from Facebook page on your website easily by social feed widget. Fetch Feed from Your Facebook Profile Display feed from Facebook Profile on your website easily by social feed widget. ## Watch How Elementor Facebook Feed Widget Works --- # Facebook & Google Business Review Wall for Elementor Source: https://theplusaddons.com/elementor-widget/reviews-wall/ ## Grid Layout - All4- Facebook- Google [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925)The acropolis mall has brand factory and several other brands to shop in. It also consists restauran...ts and best theater PVR whose sound quality and picture quality is perfect. Amazing and clean space. The ambience is eye catching. There are both elevator as well as lift for transportation.Show More![](https://lh3.googleusercontent.com/a-/ACB-R5SmrhXZrSZDw6pfVYtqmN1bqh8ZfwxvEqNFcJs2JA=s128-c0x00000000-cc-rp-mo-ba5)[Om Patel](https://www.google.com/maps/contrib/111192465643308137698/reviews)4 months ago ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925)excellent experience in movie. we watch kartikey 2 movie in pvr. sound system is excellent. seats a...re comfortable. food are also good. theatre is neat and clean. after each show cleaning is too good. next time I want to watch movie and take experience of 4D x theatre. recommendedShow More![](https://lh3.googleusercontent.com/a-/ACB-R5So7DbHrPnaluqKGXH2EK91qrpTxsE7Ncy4xAJFdw=s128-c0x00000000-cc-rp-mo-ba6)[Parimal P. Patel](https://www.google.com/maps/contrib/109040893764987332392/reviews)8 months ago [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925)Amazing for 4dx. I enjoyed here spider man no way home 2nd Parton 3 sep. Food 5 star Furniture and ...facilities 5 star Experience seats 5 star Water free available Washroom 5 star. in staf they nit good 0 star for security gard to rude.Show More![](https://lh3.googleusercontent.com/a-/ACB-R5SA4QDt_RZpcTz6Z6Tt1gsO03bY5vKEwYGXBA7U9Q4=s128-c0x00000000-cc-rp-mo-ba4)[ravi hemnani](https://www.google.com/maps/contrib/111239570940105756207/reviews)7 months ago ## Layout 2 - 5All- 4google- 1Facebook ![](https://lh3.googleusercontent.com/a-/ACB-R5SmrhXZrSZDw6pfVYtqmN1bqh8ZfwxvEqNFcJs2JA=s128-c0x00000000-cc-rp-mo-ba5)[Om Patel](https://www.google.com/maps/contrib/111192465643308137698/reviews)The acropolis mall has brand factory and several other brands to shop in. It also consists restaurants and best theater PVR whose sound quality and picture quality is perfect. Amazing and clean space. The ambience is eye catching. There are both elevator as well as lift for transportation. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Posted On Facebook ![](https://lh3.googleusercontent.com/a-/ACB-R5So7DbHrPnaluqKGXH2EK91qrpTxsE7Ncy4xAJFdw=s128-c0x00000000-cc-rp-mo-ba6)[Parimal P. Patel](https://www.google.com/maps/contrib/109040893764987332392/reviews)excellent experience in movie. we watch kartikey 2 movie in pvr. sound system is excellent. seats are comfortable. food are also good. theatre is neat and clean. after each show cleaning is too good. next time I want to watch movie and take experience of 4D x theatre. recommended [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5SA4QDt_RZpcTz6Z6Tt1gsO03bY5vKEwYGXBA7U9Q4=s128-c0x00000000-cc-rp-mo-ba4)[ravi hemnani](https://www.google.com/maps/contrib/111239570940105756207/reviews)Amazing for 4dx. I enjoyed here spider man no way home 2nd Parton 3 sep. Food 5 star Furniture and facilities 5 star Experience seats 5 star Water free available Washroom 5 star. in staf they nit good 0 star for security gard to rude. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5R2x9bVpQS4jg9CiEnt1bam8wqaOMdsy0h8HFiA=s128-c0x00000000-cc-rp-mo-ba3)[Dhruvil Rupareliya](https://www.google.com/maps/contrib/116121816029935018567/reviews)This mall is quite nice. The mall is very spacious and there is lots of open space. This mall is having few selected and big shops. The structure of the mall is quite different and is very beautiful. Cleanliness is good except a few places. Entrance is not good as outside the mall the road is broken and lots of dust is there. There are big stores of Brand Factory and Big Bazaar. Maintenance should be further improved to make it even better place. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google ## Layout 3 - 5All- 1facebook- 4google ![](https://lh3.googleusercontent.com/a-/ACB-R5SmrhXZrSZDw6pfVYtqmN1bqh8ZfwxvEqNFcJs2JA=s128-c0x00000000-cc-rp-mo-ba5)[Om Patel](https://www.google.com/maps/contrib/111192465643308137698/reviews)The acropolis mall has brand factory and several other brands to shop in. It also consists restaurants and best theater PVR whose sound quality and picture quality is perfect. Amazing and clean space. The ambience is eye catching. There are both elevator as well as lift for transportation. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google 4 months ago ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Posted On Facebook ![](https://lh3.googleusercontent.com/a-/ACB-R5So7DbHrPnaluqKGXH2EK91qrpTxsE7Ncy4xAJFdw=s128-c0x00000000-cc-rp-mo-ba6)[Parimal P. Patel](https://www.google.com/maps/contrib/109040893764987332392/reviews)excellent experience in movie. we watch kartikey 2 movie in pvr. sound system is excellent. seats are comfortable. food are also good. theatre is neat and clean. after each show cleaning is too good. next time I want to watch movie and take experience of 4D x theatre. recommended [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google 8 months ago ![](https://lh3.googleusercontent.com/a-/ACB-R5SA4QDt_RZpcTz6Z6Tt1gsO03bY5vKEwYGXBA7U9Q4=s128-c0x00000000-cc-rp-mo-ba4)[ravi hemnani](https://www.google.com/maps/contrib/111239570940105756207/reviews)Amazing for 4dx. I enjoyed here spider man no way home 2nd Parton 3 sep. Food 5 star Furniture and facilities 5 star Experience seats 5 star Water free available Washroom 5 star. in staf they nit good 0 star for security gard to rude. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google 7 months ago ![](https://lh3.googleusercontent.com/a-/ACB-R5R2x9bVpQS4jg9CiEnt1bam8wqaOMdsy0h8HFiA=s128-c0x00000000-cc-rp-mo-ba3)[Dhruvil Rupareliya](https://www.google.com/maps/contrib/116121816029935018567/reviews)This mall is quite nice. The mall is very spacious and there is lots of open space. This mall is having few selected and big shops. The structure of the mall is quite different and is very beautiful. Cleanliness is good except a few places. Entrance is not good as outside the mall the road is broken and lots of dust is there. There are big stores of Brand Factory and Big Bazaar. Maintenance should be further improved to make it even better place. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16696393777576982925) Posted On Google 3 weeks ago ## Why Social Media Reviews are Important According to stats, more than 75% of people read customer reviews before making a purchase. Reviews have the ability to gain customer trust. They motivate people to interact with your service / products. Drive More Purchases As of now, from selling on amazon to landing a client for the biggest consultancy firm, all small to big deals require a personal recommendation. Getting good online reviews, or social proof, in other words, leads to a clear impact on sales. Make Online Presence Social Media pages also get listed when you search for something online. And the best thing that will make your good online presence will be your star ratings. Improve them and half of your marketing is done there. Improve Your Local Search Services like Google My Business help you display important information about your business to the local customers. And getting amazing reviews there will automatically prioritize your business in suggestion to local finders. Engage With Customers If a customer has something to say about your business, they are more likely to drop a review about your service online rather than connect your customer care and give a compliment on a call. Build a Strong Brand Reputation Customers have the power to shape the success of businesses. But businesses have to act upon their demands & expectations. By getting more genuine and quality reviews, any brand can present and measure its online reputation. ## Display Review Anywhere with Social Reviews Widget Do the effective communication with your potential customers with The social reviews widget, the best widget for social media reviews. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media connection settings & you’re ready to rock. Easily Pull-in Reviews from Facebook and Google Options to embed social reviews from platforms like FaceBook and Google on your website. Add unlimited custom reviews for other platforms as well. Get More Reviews Display social review badges on your website and ask other visitors if they recommend your business as well. Fetch Unlimited Reviews No limit on embedding social reviews on a website, display all of them at once. Add as many custom reviews as you want. No Downtime Regardless of Platform Status Display Pre-Fetched reviews from database storage during the downtime of social media platforms. Advanced Caching Architecture Option for reviews fetching interval selection. All your reviews will be stored in a local database until that time interval. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social reviews on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! --- # Google Business Reviews Widget for Elementor Source: https://theplusaddons.com/elementor-widget/google-reviews/ ## Layout 1 ![](https://lh3.googleusercontent.com/a-/ACB-R5SeCEEeGg91YUpiKfqShHpveznh-LnI4zfo5-MvAYM=s128-c0x00000000-cc-rp-mo-ba5)[Dave Reed](https://www.google.com/maps/contrib/100474326184008980463/reviews)Great experience! Friendly service. I had my electric scooter and...was able to come right in with it to take care of my business. Friendly employees, I was helped promptly and got my order within minutes. Clean store, very hip ambiance all around. Plenty of space although there were quite a few people shopping. I bought the iPhone 13pro for filming and art tutorials.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7617071955756226371) Posted On Google a year ago ![](https://lh3.googleusercontent.com/a/AGNmyxaP0u-AfWOWCBjkfIlam2WLUw7YZgLg_O-R8Cbh=s128-c0x00000000-cc-rp-mo)[MT](https://www.google.com/maps/contrib/107135954889152837415/reviews)Tiffany’s work is unbelievable. She made our event over the...top. She worked with your vision (ours was we wanted a WOW when guests walked in) , budget and is 💯 percent reliable. Trust me on this go with Balloon Saloon and know they will show up. The centerpieces, arches, the floating balloons transformed the room - get ready for all the compliments! Book it , you won’t have to worry about your decor (which is HUGE) and move onto searching for the perfect outfit. I was recommended to them and now I’m paying forward! Enjoy! XRead More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=434503248137453700) Posted On Google 4 months ago ![](https://lh3.googleusercontent.com/a-/ACB-R5Ss78trw6-TRaETHA50FhbHd1WGEZGZ-NBfgjrC-Cg=s128-c0x00000000-cc-rp-mo-ba7)[Shayna Abramson](https://www.google.com/maps/contrib/102972195882271589982/reviews)Hazelnut IB tastes more coffee heavy here; I think the...coffee was brewed differently than usual. Still good though! My biggest gripe, though minor, is that the classic purple straws are missing! Chocolate muffins are just like the ones in SoCal!! Glad this bakery supplier is top notch 👌 They have a nice open seating area in the back; good place to do work while getting some sun!Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google a year ago ## Layout 2 ![](https://lh3.googleusercontent.com/a-/ACB-R5TjU2fhN3evzZgLDXYms4X067VZIvo81vnYYTyv=s128-c0x00000000-cc-rp-mo-ba2)[Mercedes Gillett](https://www.google.com/maps/contrib/113499346629344708862/reviews)The place was enormous and very lively. Seems like a great spot to grab some food and drinks after work, have a family gathering, or have a date (if you don't mind the noise). We shared each others dishes so we could try various items they had to offer. For appetizers, we order the Butternut Squash Soup and Burrata. Cannot go wrong with either choices. The soup is more filling if you're super hungry. For entrees, we ordered the B&L Steak Sandwich and the Truffle Lobster Roll (extra $5). You get a choice between B&L fries or a salad with your entree. I personally don't think the Truffle Lobster Roll is worth the extra $5. Didn't really taste any truffle flavor and it wasn't as filling one would hope. The B&L Steak Sandwich will definitely fill you up a lot better than the Lobster Roll. Did I mention the B&L Steak Sandwich also tastes amazing? Must be that caramelized onion and roasted garlic mayo. For dessert we got the Cheesecake Mousse and Chocolate Mousse. We ended up having them packed to take with us as we were both already stuffed after finishing our entree. I personally enjoyed the Cheesecake Mousse more. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=10996021416326597247) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5SSvYlb9lF1DSZdB-cARDJz_cylXcBTrv7_gzcr=s128-c0x00000000-cc-rp-mo)[Angelikamotyka3 M-K](https://www.google.com/maps/contrib/104183374523039574171/reviews)the toilet was closed for guests, the employees had fun that the guests had nowhere to go to the toilet and at the same time they commented loudly with a smile on their face [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7998182588890038297) Posted On Google 5 months ago ![](https://lh3.googleusercontent.com/a-/ACB-R5T5FD9F4kMwBLZvJI_M_O1GY_KlRK-BCgJ1nLMG9Q=s128-c0x00000000-cc-rp-mo-ba2)[Totally Alex](https://www.google.com/maps/contrib/114300514953703142380/reviews)I go here every few days during my lunch break. Good service, especially the janitor, you won't lose a thing and they help you in case you missed something. Usually full of people, good music new and old. Food is good however sometimes it is a little burnt, I don't blame them though there's over 20 people every hour. Very busy but fast with the food, seats are comfortable, even the high chairs. When it comes to happy meals you should expect most of them to have the same toys, because so many people are getting them I'm sure they run out fast. There's 4 self-serve machines, 2 cashiers, 2 new driveway cashiers. Definatley recommend the app, it comes in handy if your feeling extra hungry, you can only scan it one at a time though.. [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=10648184439774743409) Posted On Google ## Layout 3 [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=3428639141922196467)Always a fan of Zara! Great affordable trending items to fit people’s unique styles. Excellent perfume selection. The store is busy but staff are always available to help!![](https://lh3.googleusercontent.com/a-/ACB-R5ST_td2bmr0u2dsynNAwr3M-CjcbbxAnZ0jtYk8Cg=s128-c0x00000000-cc-rp-mo-ba6)[Adati Tarfa](https://www.google.com/maps/contrib/108587144304818963747/reviews)3 months ago [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=2013924343251402086)A good place to grab a morning sausage croissant. 2 for 5 bucks. Yummy. Anywho, if your in the bowling green area on Beaver street check it out. This store survived Hurricane Sandy. Many stores have vanished since then. But Burger King remains King. Good clean store, good patient staff. But hey, don't take my word for it, check it out for yourselves. Then go take a picture with the bull on Broadway, lol. Peace.![](https://lh3.googleusercontent.com/a/AGNmyxYxu5vBKmtr6zwdshafWGvQKtzrxp0qgdlO3GAZ=s128-c0x00000000-cc-rp-mo)[Sylvester Sharp](https://www.google.com/maps/contrib/104499717453876481172/reviews)a month ago ## Grid Layout ![](https://lh3.googleusercontent.com/a-/ACB-R5Ss78trw6-TRaETHA50FhbHd1WGEZGZ-NBfgjrC-Cg=s128-c0x00000000-cc-rp-mo-ba7)[Shayna Abramson](https://www.google.com/maps/contrib/102972195882271589982/reviews)Hazelnut IB tastes more coffee heavy here; I think the coffee was brewed differently than...usual. Still good though! My biggest gripe, though minor, is that the classic purple straws are missing! Chocolate muffins are just like the ones in SoCal!! Glad this bakery supplier is top notch 👌 They have a nice open seating area in the back; good place to do work while getting some sun!Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google a year ago ![](https://lh3.googleusercontent.com/a-/ACB-R5T4PYdBv_TpKcGSgy9ZIejNGaaQYtN0r_t_1xzzCTc=s128-c0x00000000-cc-rp-mo-ba5)[D. C.](https://www.google.com/maps/contrib/103230611686909625641/reviews)Must say I was so excited to see this place open again. But my Original...Mocha frap was so disappointing. On the flip side it’s a really nice coffee shop. Indoor and outdoor sitting with wifi. The place is really clean.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google a year ago ![](https://lh3.googleusercontent.com/a/AGNmyxaUu912Hwk1-M4f87swkjWIZd7LcR_dpaxoBH3Ksgs=s128-c0x00000000-cc-rp-mo-ba3)[Odaya Shapiro-Sivan](https://www.google.com/maps/contrib/113195381331458302644/reviews)Just went there today for brunch! Excellent service and such friendly and sweet staff! There’s...a patio with tables, chairs, and umbrellas and the place is so cool!! There’s packaged kosher food as well! Star K hechsher.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google 2 years ago ![](https://lh3.googleusercontent.com/a/AGNmyxbyjQiEsEsHJYkyfBLM7UqpnYSEPioPkdjXXymB=s128-c0x00000000-cc-rp-mo-ba3)[Yeva Shport](https://www.google.com/maps/contrib/108444356794839711887/reviews)Was happy to discover that this place is in NY! Matcha latte tasted the same...as the one I had in Vegas🙌. Great location and nice outdoor seating area in the back.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google a year ago ![](https://lh3.googleusercontent.com/a-/ACB-R5T-ePARxwmeqFjEcOjSmMIW7QGKsYLVibQueXdE=s128-c0x00000000-cc-rp-mo-ba2)[Ami Davis](https://www.google.com/maps/contrib/100458861151920839927/reviews)Just went there today for brunch! Excellent service and such friendly and sweet staff! There’s...a patio with tables, chairs, and umbrellas and the place is so cool!! it’s a step up from Starbucks in taste and quality. The staff is super nice and attentive and the store itself is clean. They use Oatly oat milk! That’s a win in my books. Obviously, if you like chain coffee cafes this place is for you, if not, there’s a million cute mom and pop cafes in the area. A little something for everyone!Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google a year ago ![](https://lh3.googleusercontent.com/a-/ALV-UjXAJIYGpK_5_O_JeYFCAR7xYx-bPaR_dspCPAQuZ6EnmoFkje9J=s128-c0x00000000-cc-rp-mo)[Jung Park](https://www.google.com/maps/contrib/115897138374668434451/reviews)Friendly staff and clean!! I love Coffee Bean more than ⭐️ bucks ☕️ [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google 3 years ago ![](https://lh3.googleusercontent.com/a-/ALV-UjWWTXYOOxWhxTcrNjzgSKm2SC38-3tZzFsUXy129N9xz8zhpyod=s128-c0x00000000-cc-rp-mo-ba3)[Kysung Hwang](https://www.google.com/maps/contrib/114111218884694107502/reviews)Not the best coffee but has a spacious courtyard sitting inside the store which is...beautiful.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=348616719143318562) Posted On Google 3 years ago ## Masonry Layout ![](https://lh3.googleusercontent.com/a-/ACB-R5T5FD9F4kMwBLZvJI_M_O1GY_KlRK-BCgJ1nLMG9Q=s128-c0x00000000-cc-rp-mo-ba2)[Totally Alex](https://www.google.com/maps/contrib/114300514953703142380/reviews)I go here every few days during my lunch break. Good service, especially the janitor,...you won't lose a thing and they help you in case you missed something. Usually full of people, good music new and old. Food is good however sometimes it is a little burnt, I don't blame them though there's over 20 people every hour. Very busy but fast with the food, seats are comfortable, even the high chairs. When it comes to happy meals you should expect most of them to have the same toys, because so many people are getting them I'm sure they run out fast. There's 4 self-serve machines, 2 cashiers, 2 new driveway cashiers. Definatley recommend the app, it comes in handy if your feeling extra hungry, you can only scan it one at a time though..Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5Td5_afOpBBrZ4ZB_SG9BTSLohHsuRA4wGvbmIrUKk=s128-c0x00000000-cc-rp-mo-ba2)[Nick S.](https://www.google.com/maps/contrib/117209842979048963353/reviews)This particular McDonald’s location is always clean, always gets my order right, and always has...pleasant people working at expo. The presentation of the food is consistently great too. Clearly the managers here are doing something right!Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a/AGNmyxb8CWQb9Y7XwQDiniJZMqYqmr2V0wlwVcxweDQV=s128-c0x00000000-cc-rp-mo-ba3)[EDDIE VAZ](https://www.google.com/maps/contrib/101308499114439831204/reviews)This McDonald’s is pretty good. The times I’ve been there for lunch they always get...my order right. No long waits as well. Highly recommend.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5RYjs-G89AFA2oTJkfcyOWQH1PgJBgGyHNgXO1gIw=s128-c0x00000000-cc-rp-mo-ba7)[Hsin Yi Wei](https://www.google.com/maps/contrib/110868603367525416287/reviews)We were upset with the service at this location, the staff was super rude and...reluctant. We placed an order via McDonald’s app for 1 latte and 1 mocha and the order was ignored when we got there. I pressed the “I am here” button when we were in their parking lot and the order was ready on the screen but actually not available when I entered. I told the staff and the staff was really impatient telling me that I missed our orders. The way they packed the order as shown was not proper. I didn’t know how I can take my 2 cups of coffee in a plastic bag.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5SRQo6hnBsF3zXmj0buStjSzzRnpVDo8RdbcpWXcg=s128-c0x00000000-cc-rp-mo)[Adrien yay](https://www.google.com/maps/contrib/101297047240664974807/reviews)It's a really good McDonald's, the workers and staff are great. The security guards are...kinda off though, and the locks on the bathroom, and having to constantly ask to open the bathroom when the staff is always busy. McDonald's gets pretty full, but this one gets PACKED.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a/AGNmyxZoTZu_VBkYASdyhalsemgtp4qWrYUCy76-mS8P=s128-c0x00000000-cc-rp-mo-ba4)[Shany Thakur](https://www.google.com/maps/contrib/102740479113649179411/reviews)I ordered a large coffee with 7 cream and milk but it didn't seem like...they put even 2 nor milk. So I went to the cashier and asked for some cream and he was nice enough to hand me 3 little cups of cream.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5TDCBUzrCnLO3VJd9zC_sUYcRWWczpPk8TG5Ss4wQ=s128-c0x00000000-cc-rp-mo-ba4)[Brandon Wall](https://www.google.com/maps/contrib/103658557855259861945/reviews)This McDonald’s is always very busy and yet they still can produce in an appropriate...amount of time. Got a huge order for a training I ran later that morning and I received all of my food fast as well as everything made fresh to order.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a/AGNmyxaGpHCMl8nGFxEp59C2MgUEA5Lt98T-2ldq89GY=s128-c0x00000000-cc-rp-mo)[Cheruka Mccullough](https://www.google.com/maps/contrib/117424188521532940398/reviews)The young lady that was working the drive thru was a breath of fresh air....She was kind, polite and friendly. My large fries were hot out the the grease. Just the way I like them.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a/AGNmyxbWDu_q8VyavEKd7N8OuBB9TrcX8F-8BKo1eYxKJjQ=s128-c0x00000000-cc-rp-mo-ba5)[Nicholas Sweeney](https://www.google.com/maps/contrib/113939216118105213560/reviews)This McDonald’s is pretty amazing. For example when you order at the kiosk and get...your order number it is correctly displayed on the order status screen above the cashiers. Also when you pick for the order to be a eat in order and enter the table tent number they actually bring the order to your table. This stuff never works at other locations in brooklyn. Even the simple stuff like selecting eat in. My order is normally put in a to go bag everywhere else. I take it, they do the same stupid mistake here as well. An Eat-in order in a to go bag 😒 Also you get year round Christmas music here 🥶Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ![](https://lh3.googleusercontent.com/a-/ACB-R5Rk_w9P5J70l38u197pPS3OYDzQk_KFj7f4PvpUhQ=s128-c0x00000000-cc-rp-mo)[johnny alba](https://www.google.com/maps/contrib/117932429812723563424/reviews)Didn’t look like other mc Donalds i have been before nobody smiling and i walked...in right behind the manager an the door almost slapped me in the face and she didn’t even look back to see if any senior citizens were behind. Only good thing besides the coffee was that i was able to use the bathroom without having to ask for someone the key.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=7797529834684841979) Posted On Google ## Carousel Layout ![](https://lh3.googleusercontent.com/a/ACg8ocKbqXNnO7UCacSkGbEYsHtZ7ufejIHtGZw5EIHeYKbCI_t6fQ=s128-c0x00000000-cc-rp-mo)[Kevin Hernandez](https://www.google.com/maps/contrib/115227644740083809844/reviews)This is the best Taco Bell I’ve ever had. I’m...legitimately writing a review the morning after because of how god dinner was. I’m vegetarian so I customized everything and they got it all right! My stomach is not feeling upset…Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjUiHiOmvXK8vG7Pjm7zhk927cEJqsI9Bj9-AGWjNaU-5p7nF6V_wA=s128-c0x00000000-cc-rp-mo)[Leesha Smith](https://www.google.com/maps/contrib/114557416203487161239/reviews)Sad to say this is my first and last time...chosing this location. Ordered a Mexican pizza taco (like I usually do at other locations) and unfortunately, this is the worst cooked pizza taco I have had. The stuffing undercooked. Just horrible. The cashier on the other hand demonstrate great customer service, too bad the food did not meet my expectations.Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjWYGIex8DJvwmVMe0MdwhDEDGcQEh8VRP8XqpVnOnwEIpqS2mlk=s128-c0x00000000-cc-rp-mo)[Donald Hampton](https://www.google.com/maps/contrib/114366237850249629021/reviews)This place is absolutely filthy. I placed an order in...the store and brought it home. Upon opening my bag, I noticed a dirty used paper towel with a long hair attached to it. Absolutely disgusting and unacceptable. I had to throw away the whole order because there’s no way I’d eat food that touched this.Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjWL1rGD0JibcXvsE700aWdMl8ff8xtEPafreVmUGdkSSeGZc4HE=s128-c0x00000000-cc-rp-mo-ba5)[tclarke881](https://www.google.com/maps/contrib/112589681993227360062/reviews)Location is okay. Could do better with more training on...customer service and hire cashiers that understand english more. Could improve the architecture with better booths and tables and lighting.Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjXJOqY4HX-CAdJbLlsVSvvPTEYerts9KNd6Bl_zLSJkGtgbJirv=s128-c0x00000000-cc-rp-mo)[Elena Terlyga](https://www.google.com/maps/contrib/108578462780253123857/reviews)First and last!! Extremely disappointed- $8 for this burrito is...absolute steal, plus their prices at this location are twice more then on the website at the beginning. The manager told me that I have to choose their specific location then price will match to this location, so it’s absolute fraud with your ad . For $8 lunch or so there are plenty of better options without over cooked rice and bad taste.Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjUuwF_C3O50s0yZTFQMKLLFdSUIxgDDtAjQLEV9bpwYu7FPmt08=s128-c0x00000000-cc-rp-mo-ba3)[Jessica Denae](https://www.google.com/maps/contrib/104361400044378383562/reviews)This place is consistent and delicious. Every single time I...order from here my food is top notch delicious. Been coming here since I was a little girl and I’m in my 30s. The community appreciate this location. Their new cantinas is bomb 🔥Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjWkqduwpMB0rKJMc8x9ZsH1qjm8_iwuD992Pf-RQ8VowINO2SLR=s128-c0x00000000-cc-rp-mo)[Sami Cronk](https://www.google.com/maps/contrib/112031452572712640404/reviews)This taco bell never misses!! I often order late at...night, and I have some dietary restrictions + don’t eat meat, so i’m always customizing my orders. They always get the order done quick and get it right every time. Whoever works those late night shifts: You deserve a raise and thank youShow More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a/ACg8ocJmiRV-oshqngysU57bzCPshHxYN0Vr2bUA78yopA21pO1Zqg=s128-c0x00000000-cc-rp-mo-ba2)[A](https://www.google.com/maps/contrib/117802447369594844508/reviews)I'm here at 4:12 am Tuesday morning. They closed 18...minutes early. There is a delivery guy banging on the grate.Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjUtDmzxuOBPjBKWaPlA_p8u1wc53IrhggOF6-VuchaUmCqEmsZn=s128-c0x00000000-cc-rp-mo-ba5)[Jessie Deardorff](https://www.google.com/maps/contrib/106519750401319583068/reviews)Very good [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ![](https://lh3.googleusercontent.com/a-/ALV-UjVHlDwD6EIp4NSqq7T0XA8TYGKvheHmwYvZyzav70mFSYEQ19Ri=s128-c0x00000000-cc-rp-mo-ba4)[Matt Josephson](https://www.google.com/maps/contrib/109449412638854948236/reviews)This place gets worse and worse every year. They take...forever, will mess up your order, and what they do make comes out a mess.Show More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=12801597868607449190) Posted On Google ## Carousel Center mode Layout ![](https://lh3.googleusercontent.com/a-/ACB-R5RZ98hjk-ZzipQ0_CWAH-fKQur4NjHLtG6mMXEY=s128-c0x00000000-cc-rp-mo)[A Floating Shopping List](https://www.google.com/maps/contrib/105210067334007592193/reviews)Great! Spicy Italian came out good. The staff was very...efficient and polite. They were not stingy with the ingredients at all like how some other subways are. 10/10Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16652519471863568128) Posted On Google a month ago ![](https://lh3.googleusercontent.com/a-/ACB-R5QORqjkJcNJ9t561gog4St8tVPllA2iRoXu9ptXtQ=s128-c0x00000000-cc-rp-mo)[Sol Amon](https://www.google.com/maps/contrib/110003770945878526902/reviews)This Subway is awesome. The proportions are always perfect,...the food always fresh, the store extremely clean, and the staff super friendly. Once, when I was short by a dollar, the manager paid the remainder out of his own pocket. It is hard to find customer service that goes so well beyond the usual. It's also open until 3am, so it's the perfect place for a late night meal. They have options for every diet; vegans, vegetarians, and meat-eaters will all find something good here. If you're there late, look out for John, whose sandwich artistry is unsurpassed. Always good vibes and great food at this location, probably the best in NYC.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16652519471863568128) Posted On Google 8 months ago ![](https://lh3.googleusercontent.com/a-/ACB-R5RmWhOcHwzKafy27-tBxy0XzTYy0hkyb2ToyWfDSQ=s128-c0x00000000-cc-rp-mo)[Akram Algahim](https://www.google.com/maps/contrib/118089629192745869294/reviews)very discusting store, a hair inside the sandwitch I...ordered from them with .UberEat, all trash and 1star is a lotRead More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16652519471863568128) Posted On Google in the last week ![](https://lh3.googleusercontent.com/a-/ACB-R5Q_r4SAwjOVmde4oVFNaMk9WqoBXeIE1iGxrmL7yQ=s128-c0x00000000-cc-rp-mo-ba3)[Rahat Miah](https://www.google.com/maps/contrib/103690872447329330936/reviews)I really thought that the new garlic bread would be...actual garlic bread. Turns out it's like buttery garlic paste, disappointed. It tasted like garlic but it was oily.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16652519471863568128) Posted On Google 4 years ago ![](https://lh3.googleusercontent.com/a/AGNmyxb91AucgrbsClYjSPytmkgRj0DEXny8o_oYavu6KBc=s128-c0x00000000-cc-rp-mo)[Brianna Comrie](https://www.google.com/maps/contrib/114804462792410536546/reviews)I have been visiting this Subway for years, and what...really stood out to me was customer service I received from John. Very sweet man who really knows what true customer service is. He always greets customers politely, is patient, lets me know the latest promotions and deals, and customizes my sandwich to my liking. As a customer I wish there were more John's in customer service, but bottom line: I'm glad they hired him.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16652519471863568128) Posted On Google 9 months ago ![](https://lh3.googleusercontent.com/a-/AD_cMMRMSefdfq9k0wqe9jEEpCLBW45XX-or2jt7-5nHBw=s128-c0x00000000-cc-rp-mo)[Anouer Hermassi](https://www.google.com/maps/contrib/108822255815593857375/reviews)WTH did I just eat????? The most tasteless thing I’ve...had since I started living on Earth. And close the godamn sandwich properly next time, it’s a mess!! You deserve a 0-star review but unfortunately that’s not an option.Read More [![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp)](https://maps.google.com/?cid=16652519471863568128) Posted On Google a week ago ## Why Social Media Reviews are Important According to stats, more than 75% of people read customer reviews before making a purchase. Reviews have the ability to gain customer trust. They motivate people to interact with your service / products. Drive More Purchases As of now, from selling on amazon to landing a client for the biggest consultancy firm, all small to big deals require a personal recommendation. Getting good online reviews, or social proof, in other words, leads to a clear impact on sales. Make Online Presence Social Media pages also get listed when you search for something online. And the best thing that will make your good online presence will be your star ratings. Improve them and half of your marketing is done there. Improve Your Local Search Services like Google My Business help you display important information about your business to the local customers. And getting amazing reviews there will automatically prioritize your business in suggestion to local finders. Engage With Customers If a customer has something to say about your business, they are more likely to drop a review about your service online rather than connect your customer care and give a compliment on a call. Build a Strong Brand Reputation Customers have the power to shape the success of businesses. But businesses have to act upon their demands & expectations. By getting more genuine and quality reviews, any brand can present and measure its online reputation. ## Display Review Anywhere with Social Reviews Widget Do the effective communication with your potential customers with The Social Reviews widget, the best widget for social media reviews. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media connection settings & you’re ready to rock. Easily Pull-in Reviews from Facebook and Google Options to embed social reviews from platforms like Facebook and Google on your website. Add unlimited custom reviews for other platforms as well. Get More Reviews Display social review badges on your website and ask other visitors if they recommend your business as well. Fetch Unlimited Reviews No limit on embedding social reviews on a website, display all of them at once. Add as many custom reviews as you want. No Downtime Regardless of Platform Status Display Pre-Fetched reviews from database storage during the downtime of social media platforms. Advanced Caching Architecture Option for reviews fetching interval selection. All your reviews will be stored in a local database until that time interval. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social reviews on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Google Reviews Badge for Elementor Source: https://theplusaddons.com/elementor-widget/google-reviews-badge/ ## Layout 1 Google Reviews ![](https://lh3.googleusercontent.com/a/ACg8ocLIDcQY-kscCIyKFr2UySZoTgpkONCfu9lfmSyVX4M_1L-g2Q=s128-c0x00000000-cc-rp-mo-ba3)![](https://lh3.googleusercontent.com/a-/ALV-UjW4ppCuWQHv8-1AygpuuNdL4GzZKCigaqib43EspEBLVGkmgr0Y9A=s128-c0x00000000-cc-rp-mo)![](https://lh3.googleusercontent.com/a-/ALV-UjW2e804yMbGjW1i-PmarvT2qhbK5rkwHbqWa1EFr65tM456MZHu=s128-c0x00000000-cc-rp-mo)![](https://lh3.googleusercontent.com/a-/ALV-UjVca5VcY5lhoDgxQnCkBVJCaKFwTUqlBRuDaJK7c-xCgHsSXXs=s128-c0x00000000-cc-rp-mo) 3.9 Recommended by 255 people Would you recommend Subway [Yes](https://www.google.com/search?q=Subway)No Google Reviews ![](https://lh3.googleusercontent.com/a/ACg8ocJ-cSwDp8uKFQdIBigvMsgcQ0dvqc0ZUaoMsJWfkwLDUwBfaS5A=s128-c0x00000000-cc-rp-mo-ba5)![](https://lh3.googleusercontent.com/a-/ALV-UjULJbxYaBN-0MVu73DV-ozXpW40CpeS5yEYp-xItAeGksz_6eb0=s128-c0x00000000-cc-rp-mo-ba6)![](https://lh3.googleusercontent.com/a-/ALV-UjVr8ItR26UlE5Se2mIvkawFKHmsxqTbQXGrjCIGF8vPhq2XW2HeOA=s128-c0x00000000-cc-rp-mo)![](https://lh3.googleusercontent.com/a-/ALV-UjW7bjyw6WZd1daueHnklsB2FOk3YLDmus_B9Xg0YZFCBHlNTroR=s128-c0x00000000-cc-rp-mo) 3.7 Recommended by 932 people Would you recommend Taco Bell / Pizza Hut [Yes](https://www.google.com/search?q=Taco%20Bell%20/%20Pizza%20Hut)NO Google Reviews ![](https://lh3.googleusercontent.com/a-/ALV-UjXu0M-ooLFoXBUQWizreoQILt8uOKgBqkcbd-_ujsdaGiuFNDE_Ag=s128-c0x00000000-cc-rp-mo-ba5)![](https://lh3.googleusercontent.com/a-/ALV-UjXintYLOarUnxb9dRs6kAqF0S8Azi9GIfDWWAYzg3dN7tdEAId5_Q=s128-c0x00000000-cc-rp-mo-ba3)![](https://lh3.googleusercontent.com/a-/ALV-UjW_4mGZMD1cRA7euUH7U82fw_N80UttV-RId43irdYDti3Wd4eVBw=s128-c0x00000000-cc-rp-mo-ba7)![](https://lh3.googleusercontent.com/a/ACg8ocL4nkTNJbkftvM18HB3edh45DVPVXNjfiQVnRuAU-qnjKbCfQ=s128-c0x00000000-cc-rp-mo-ba3) 4.7 Recommended by 93 people Would you recommend The Coffee Bean & Tea Leaf [YES](https://www.google.com/search?q=The%20Coffee%20Bean%20&%20Tea%20Leaf)NO ## Layout 2 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp) McDonald's 3.9 Recommended by 3264 people ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/google.webp) Burger King 3.8 Recommended by 1091 people ## Layout 3 3.5 Google Reviews Average rating ## Why Social Media Reviews are Important According to stats, more than 75% of people read customer reviews before making a purchase. Reviews have the ability to gain customer trust. They motivate people to interact with your service / products. Drive More Purchases As of now, from selling on amazon to landing a client for the biggest consultancy firm, all small to big deals require a personal recommendation. Getting good online reviews, or social proof, in other words, leads to a clear impact on sales. Make Online Presence Social Media pages also get listed when you search for something online. And the best thing that will make your good online presence will be your star ratings. Improve them and half of your marketing is done there. Improve Your Local Search Services like Google My Business help you display important information about your business to the local customers. And getting amazing reviews there will automatically prioritize your business in suggestion to local finders. Engage With Customers If a customer has something to say about your business, they are more likely to drop a review about your service online rather than connect your customer care and give a compliment on a call. Build a Strong Brand Reputation Customers have the power to shape the success of businesses. But businesses have to act upon their demands & expectations. By getting more genuine and quality reviews, any brand can present and measure its online reputation. ## Display Review Anywhere with Social Reviews Widget Do the effective communication with your potential customers with The Social Reviews widget, the best widget for social media reviews. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media connection settings & you’re ready to rock. Easily Pull-in Reviews from Facebook and Google Options to embed social reviews from platforms like FaceBook and Google on your website. Add unlimited custom reviews for other platforms as well. Get More Reviews Display social review badges on your website and ask other visitors if they recommend your business as well. Fetch Unlimited Reviews No limit on embedding social reviews on a website, display all of them at once. Add as many custom reviews as you want. No Downtime Regardless of Platform Status Display Pre-Fetched reviews from database storage during the downtime of social media platforms. Advanced Caching Architecture Option for reviews fetching interval selection. All your reviews will be stored in a local database until that time interval. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social reviews on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Facebook Reviews Badge for Elementor Source: https://theplusaddons.com/elementor-widget/facebook-badge/ ## Layout 1 400 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Recommended by people Something Wrong 400 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Recommended by people Something Wrong 400 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Recommended by people Something Wrong ## Layout 2 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Recommended by people 400 - Something Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Recommended by people 400 - Something Wrong ## Layout 3 400 Recommended by 400 - Something Wrong ## Why Social Media Reviews are Important According to stats, more than 75% of people read customer reviews before making a purchase. Reviews have the ability to gain customer trust. They motivate people to interact with your service / products. Drive More Purchases As of now, from selling on amazon to landing a client for the biggest consultancy firm, all small to big deals require a personal recommendation. Getting good online reviews, or social proof, in other words, leads to a clear impact on sales. Make Online Presence Social Media pages also get listed when you search for something online. And the best thing that will make your good online presence will be your star ratings. Improve them and half of your marketing is done there. Improve Your Local Search Services like Google My Business help you display important information about your business to the local customers. And getting amazing reviews there will automatically prioritize your business in suggestion to local finders. Engage With Customers If a customer has something to say about your business, they are more likely to drop a review about your service online rather than connect your customer care and give a compliment on a call. Build a Strong Brand Reputation Customers have the power to shape the success of businesses. But businesses have to act upon their demands & expectations. By getting more genuine and quality reviews, any brand can present and measure its online reputation. ## Display Review Anywhere with Social Reviews Widget Do the effective communication with your potential customers with The social reviews widget, the best widget for social media reviews. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media connection settings & you’re ready to rock. Easily Pull-in Reviews from Facebook and Google Options to embed social reviews from platforms like FaceBook and Google on your website. Add unlimited custom reviews for other platforms as well. Get More Reviews Display social review badges on your website and ask other visitors if they recommend your business as well. Fetch Unlimited Reviews No limit on embedding social reviews on a website, display all of them at once. Add as many custom reviews as you want. No Downtime Regardless of Platform Status Display Pre-Fetched reviews from database storage during the downtime of social media platforms. Advanced Caching Architecture Option for reviews fetching interval selection. All your reviews will be stored in a local database until that time interval. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social reviews on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Facebook Reviews Widget for Elementor Source: https://theplusaddons.com/elementor-widget/facebook-reviews/ ## Style 1 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Posted On Facebook ## Style 1 ## Overlay Profile Image ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Posted On Facebook ## Style 2 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) Posted On Facebook ## Style 3 ![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg)Something Wrong![](https://theplusaddons.com/wp-content/plugins/theplus_elementor_addon/assets/images/social-review/facebook.svg) ## Why Social Media Reviews are Important According to stats, more than 75% of people read customer reviews before making a purchase. Reviews have the ability to gain customer trust. They motivate people to interact with your service / products. Drive More Purchases As of now, from selling on amazon to landing a client for the biggest consultancy firm, all small to big deals require a personal recommendation. Getting good online reviews, or social proof, in other words, leads to a clear impact on sales. Make Online Presence Social Media pages also get listed when you search for something online. And the best thing that will make your good online presence will be your star ratings. Improve them and half of your marketing is done there. Improve Your Local Search Services like Google My Business help you display important information about your business to the local customers. And getting amazing reviews there will automatically prioritize your business in suggestion to local finders. Engage With Customers If a customer has something to say about your business, they are more likely to drop a review about your service online rather than connect your customer care and give a compliment on a call. Build a Strong Brand Reputation Customers have the power to shape the success of businesses. But businesses have to act upon their demands & expectations. By getting more genuine and quality reviews, any brand can present and measure its online reputation. ## Display Review Anywhere with Social Reviews Widget Do the effective communication with your potential customers with The social reviews widget, the best widget for social media reviews. Easy & One Time Setup Just drag & drop the widget into the playground, fill up the social media connection settings & you’re ready to rock. Easily Pull-in Reviews from Facebook and Google Options to embed social reviews from platforms like FaceBook and Google on your website. Add unlimited custom reviews for other platforms as well. Get More Reviews Display social review badges on your website and ask other visitors if they recommend your business as well. Fetch Unlimited Reviews No limit on embedding social reviews on a website, display all of them at once. Add as many custom reviews as you want. No Downtime Regardless of Platform Status Display Pre-Fetched reviews from database storage during the downtime of social media platforms. Advanced Caching Architecture Option for reviews fetching interval selection. All your reviews will be stored in a local database until that time interval. No Coding / Learning Curve No watching videos, No learning extra stuff, Not a single line of code required to display your social reviews on a website. Amazing Customer Support The Plus Add-ons is the best add-ons for elementor page builder with an immense widgets library. But out of all this, customer support is the best feature we’re known for. SEO Friendly Social Media profiles also rank on search engines. More engagement is equal to more profile views. And boom you’re on a first page of google search ! ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # WPForms Styler Source: https://theplusaddons.com/elementor-widget/wpforms-styler/ ## Convert your Ordinary WPForms into Extra-Ordinary Without Any Coding Transform your WPForms into a visually appealing and user-friendly experience with our styler widget. Easily customize form fields, colors, fonts, and layouts to match your brand, ensuring your forms stand out. Engage visitors more effectively and drive higher conversion rates, all without any coding. ![](https://theplusaddons.com/wp-content/uploads/2024/10/hospital-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/personal-details-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Key Features of Contact Form 7 Styler ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Ninja Forms Styler Source: https://theplusaddons.com/elementor-widget/ninja-forms-styler/ ## Convert your Ordinary Ninja Form into Extra-Ordinary Ones Transform your Contact Form 7 forms into a visually appealing and user-friendly experience with our styler widget. Easily customize form fields, colors, fonts, and layouts to match your brand, ensuring your forms stand out. Engage visitors more effectively and drive higher conversion rates, all without any coding. ![](https://theplusaddons.com/wp-content/uploads/2024/10/hospital-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/personal-details-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Key Features of Contact Form 7 Styler ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Meeting Schedulers Source: https://theplusaddons.com/elementor-widget/meeting-schedulers/ ## Live Demos of Elementor Meeting Scheduler ## Calendly Integration ## Freebusy Integration ## Vyte Integration ## Key Features of Elementor Mailchimp Form ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Mailchimp Form Source: https://theplusaddons.com/elementor-widget/mailchimp-form/ ## Live Demos of Elementor Mailchimp Form ![](https://theplusaddons.com/wp-content/uploads/2024/10/news-logo.svg) Boost Your Newsletter Reach Expand your audience and keep them engaged with the latest updates and exclusive offers. Sign up today! Subscribe ## Stay Ahead with Our Insights Discover trends, tips, and expert advice tailored just for you. Subscribe to never miss an update! Subscribe ![](https://theplusaddons.com/wp-content/uploads/2024/10/mail-box-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/inbox.png) ## Unlock Exclusive Content in Your Inbox Subscribe to stay updated with the latest news, offers, and expert insights tailored just for you! Subscribe ## Key Features of Elementor Mailchimp Form ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Gravity Forms Styler Source: https://theplusaddons.com/elementor-widget/gravity-forms-styler/ ## Convert your Ordinary Gravity Form into Extra-Ordinary Ones Transform your Contact Form 7 forms into a visually appealing and user-friendly experience with our styler widget. Easily customize form fields, colors, fonts, and layouts to match your brand, ensuring your forms stand out. Engage visitors more effectively and drive higher conversion rates, all without any coding. ![](https://theplusaddons.com/wp-content/uploads/2024/10/hospital-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/personal-details-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Key Features of Contact Form 7 Styler ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Everest Forms Styler Source: https://theplusaddons.com/elementor-widget/everest-forms-styler/ ## Convert your Ordinary Everest Form into Extra-Ordinary Ones Transform your Contact Form 7 forms into a visually appealing and user-friendly experience with our styler widget. Easily customize form fields, colors, fonts, and layouts to match your brand, ensuring your forms stand out. Engage visitors more effectively and drive higher conversion rates, all without any coding. ![](https://theplusaddons.com/wp-content/uploads/2024/10/hospital-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/personal-details-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Key Features of Contact Form 7 Styler ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Contact Form 7 Styler Source: https://theplusaddons.com/elementor-widget/contact-form-7-styler/ ## Convert your Ordinary Contact Form 7 Forms into Extra-Ordinary Ones Transform your Contact Form 7 forms into a visually appealing and user-friendly experience with our styler widget. Easily customize form fields, colors, fonts, and layouts to match your brand, ensuring your forms stand out. Engage visitors more effectively and drive higher conversion rates, all without any coding. ![](https://theplusaddons.com/wp-content/uploads/2024/10/hospital-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/personal-details-form-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Live Demos of Contact Form Stylers [![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-1.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/contact-form-7/#Demo1) ### Responsive Form with Labels [![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-2.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/contact-form-7/#Demo2) ### Modern Placeholder-Only Layout [![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-3.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/contact-form-7/#Demo3) ### Dark Theme with Overlay and Labels [![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-4.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/contact-form-7/#Demo4) ### Minimal Light Layout with Placeholders [![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-5.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/contact-form-7/#Demo5) ### Modern Underlined Fields with Labels [![](https://theplusaddons.com/wp-content/uploads/2025/04/Style-6.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/contact-form-7/#Demo6) ### Advanced Multi-Field Responsive Form ## Key Features of Contact Form 7 Styler ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Tabs Widget for Elementor Source: https://theplusaddons.com/elementor-widget/tabs/ ## Live Demos of Elementor Tabs Widget [![](https://theplusaddons.com/wp-content/uploads/2024/03/Connect-Tabs-with-Carousel-AutoPlay-with-Color-change.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo1) ### Connect Tabs with Carousel & AutoPlay with Color change [![](https://theplusaddons.com/wp-content/uploads/2024/03/Category-Wise-Tabs-List-for-Products-and-Services.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo2) ### Category Wise Tabs List for Products and Services [![](https://theplusaddons.com/wp-content/uploads/2024/03/Integrate-Tabs-With-Horizontal-Swiper.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo3) ### Integrate Tabs With Horizontal Swiper [![](https://theplusaddons.com/wp-content/uploads/2024/03/Change-Tabs-with-Hover-Interaction.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo4) ### Change Tabs with Hover Interaction [![](https://theplusaddons.com/wp-content/uploads/2024/03/Connect-Tabs-with-Carousel-Autoplay.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo5) ### Connect Tabs with Carousel & Autoplay [![](https://theplusaddons.com/wp-content/uploads/2024/03/Next-Previous-Button-for-Swiper-Tabs.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo6) ### Next Previous Button for Swiper Tabs [![](https://theplusaddons.com/wp-content/uploads/2024/03/Tabs-Connected-with-Process-Steps.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo7) ### Tabs Connected with Process Steps [![](https://theplusaddons.com/wp-content/uploads/2024/03/Elementor-Tabs-with-Nested-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo8) ### Elementor Tabs with Nested Content [![](https://theplusaddons.com/wp-content/uploads/2024/03/Vertical-Elementor-Tabs-with-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo9) ### Vertical Elementor Tabs with Icons [![](https://theplusaddons.com/wp-content/uploads/2024/03/Hover-Elementor-Tabs-with-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo10) ### Hover Elementor Tabs with Image [![](https://theplusaddons.com/wp-content/uploads/2024/03/Hover-Change-Vertical-Tab-with-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo11) ### Hover Change Vertical Tab with Icons [![](https://theplusaddons.com/wp-content/uploads/2024/03/Pricing-Food-Menu-with-Tab-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo12) ### Pricing Food Menu with Tab Switcher [![](https://theplusaddons.com/wp-content/uploads/2024/03/Elementor-Tab-Switcher-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo13) ### Elementor Tab Switcher on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/03/Tab-Switcher-for-Contact-Form-Page.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo14) ### Tab Switcher for Contact Form Page [![](https://theplusaddons.com/wp-content/uploads/2024/03/Multi-Columned-Elementor-Tabs.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo15) ### Multi Columned Elementor Tabs [![](https://theplusaddons.com/wp-content/uploads/2024/03/Double-Nested-Elementor-Tabs.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo16) ### Double Nested Elementor Tabs [![](https://theplusaddons.com/wp-content/uploads/2024/03/Modern-Elementor-Horizontal-Tabs.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo17) ### Modern Elementor Horizontal Tabs [![](https://theplusaddons.com/wp-content/uploads/2024/03/Elementor-Tabs-with-Interactive-Hover-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo18) ### Elementor Tabs with Interactive Hover Switcher [![](https://theplusaddons.com/wp-content/uploads/2024/03/Metaverse-Horizontal-Elementor-Tabs.png)](https://etemplates.wdesignkit.com/theplusaddons/tabs-tours-demos/#demo19) ### Metaverse Horizontal Elementor Tabs ## Key Features of Elementor Tabs Widget ![](https://theplusaddons.com/wp-content/uploads/2024/02/Create-Simple-Text-Content-Tabs.png) ### Create Simple Text Content Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/04/Force-Close-Tabs-on-Mobile-Tablet.png) ### Force Close Tabs on Mobile & Tablet ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Hint-Label-Text-to-Tabs.png) ### Add Hint Label Text to Tabs ![](https://theplusaddons.com/wp-content/uploads/2024/02/Add-Unique-Icon-to-Each-Tab-Item.png) ### Add Unique Icon to Each Tab Item ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Outer-Icon-for-Each-Tab-Item.png) ### Add Outer Icon for Each Tab Item ![](https://theplusaddons.com/wp-content/uploads/2025/04/Create-Anchor-Link-for-Each-Tab-Item.png) ### Create Anchor Link for Each Tab Item ![](https://theplusaddons.com/wp-content/uploads/2024/02/Create-Unlimited-Elementor-Tab-Items.png) ### Create Unlimited Elementor Tab Items ![](https://theplusaddons.com/wp-content/uploads/2024/02/Vertical-Horizontal-Tab-Layout.png) ### Vertical & Horizontal Tab Layout ![](https://theplusaddons.com/wp-content/uploads/2025/04/Close-Tab-Content-on-Second-Click.png) ### Close Tab Content on Second Click ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Pointer-Arrow-In-or-Out-of-Tab-Item-1.png) ### Add Pointer Arrow In or Out of Tab Item ![](https://theplusaddons.com/wp-content/uploads/2024/08/Customize-everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2025/04/Open-Tab-Items-on-Hover-or-Click.png) ### Open Tab Items on Hover or Click ![](https://theplusaddons.com/wp-content/uploads/2025/04/Show-Description-Text-only-when-Tab-is-Active.png) ### Show Description Text only when Tab is Active ![](https://theplusaddons.com/wp-content/uploads/2024/02/Make-Tab-Menu-Title-of-Full-Width.png) ### Make Tab Menu Title of Full Width ![](https://theplusaddons.com/wp-content/uploads/2025/04/Reduce-Opacity-of-Inactive-Elementor-Tabs.png) ### Reduce Opacity of Inactive Elementor Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/04/Scale-Tab-Item-Size-on-Focus-or-Active-State.png) ### Scale Tab Item Size on Focus or Active State ![](https://theplusaddons.com/wp-content/uploads/2025/04/Change-Tabs-to-Accordion-One-by-One-or-Full-Width-for-Small-Screen.png) ### Change Tabs to Accordion, One by One or Full Width for Small Screen ![](https://theplusaddons.com/wp-content/uploads/2025/04/Connect-Elementor-Template-or-Place-Shortcode-Content-In-Tabs.png) ### Connect Elementor Template or Place Shortcode Content In Tabs ![](https://theplusaddons.com/wp-content/uploads/2025/04/Automatically-Change-Tab-Content-with-Play-Pause-button.png) ### Automatically Change Tab Content with Play/Pause button ![](https://theplusaddons.com/wp-content/uploads/2025/04/Connect-Tabs-with-Carousel-Slider-Next-Prev-Button-Pagination-Dots.png) ### Connect Tabs with Carousel Slider, Next/Prev Button/ Pagination & Dots ![](https://theplusaddons.com/wp-content/uploads/2025/04/Switch-Tab-on-Hover.png) ### Switch Tab on Hover ## Watch How to Use Advanced Tabs Widget for Elementor Subscribe for more Such Elementor Video Tutorials --- # Switcher for Elementor Source: https://theplusaddons.com/elementor-widget/switcher/ ## Live Demos of Elementor Switcher [![](https://theplusaddons.com/wp-content/uploads/2024/04/Showcase-Services-using-Switcher-with-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo1) ### Showcase Services using Switcher with Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Pricing-List-Elementor-Switcher-for-Online-Food-Ordering.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo2) ### Pricing List Elementor Switcher for Online Food Ordering [![](https://theplusaddons.com/wp-content/uploads/2024/04/Agency-Services-Feature-Toggle.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo3) ### Agency Services Feature Toggle [![](https://theplusaddons.com/wp-content/uploads/2024/04/Cartoon-Characters-Elementor-Switcher-with-Flip-Box-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo4) ### Cartoon Characters Elementor Switcher with Flip Box on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/04/Android-IOS-App-Store-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo5) ### Android & IOS AppStore Switcher [![](https://theplusaddons.com/wp-content/uploads/2024/04/Pricing-Plans-Info-with-MonthlyYearly-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo6) ### Pricing Plans Info with Monthly/Yearly Switcher [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Switcher-Integrated-with-Carousel-Remote.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo7) ### Elementor Switcher Integrated with Carousel Remote [![](https://theplusaddons.com/wp-content/uploads/2024/04/SaaS-Dashboard-Interface-Switcther.png)](https://etemplates.wdesignkit.com/theplusaddons/switcher-demos/#Demo8) ### SaaS DashboardInterface Switcher ## Key Features of Elementor Switcher ![](https://theplusaddons.com/wp-content/uploads/2024/04/Select-Content-Source.png) ### Select Content Source ![](https://theplusaddons.com/wp-content/uploads/2024/04/Switch-between-Elementor-Templates.png) ### Switch between Elementor Templates ![](https://theplusaddons.com/wp-content/uploads/2024/04/Connect-with-Anchor-ID.png) ### Connect with Anchor ID ![](https://theplusaddons.com/wp-content/uploads/2024/04/Connect-Switcher-with-Carousel-Remote.png) ### Connect Switcher withCarousel Remote ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Switcher-Toggle-with-Label.png) ### Add Switcher Togglewith Label ![](https://theplusaddons.com/wp-content/uploads/2024/04/Show-Tooltip-on-Switcher-Label-Hover.png) ### Show Tooltip on SwitcherLabel Hover ![](https://theplusaddons.com/wp-content/uploads/2024/04/Alignment-Size-Spacing-Controls-for-Toggle.png) ### Alignment, Size & Spacing Controls for Toggle ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything-5.png) ### CustomizeEverything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Accordion Widget for Elementor Source: https://theplusaddons.com/elementor-widget/accordion/ ## Live Demos of Elementor Accordion Widget [![](https://theplusaddons.com/wp-content/uploads/2024/03/Digital-Agency-Vertical-Accordion-with-Image-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo1) ### Digital Agency Elementor Vertical Accordion with Image Content [![](https://theplusaddons.com/wp-content/uploads/2024/03/Music-Accordion-Demo-Connected-with-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo2) ### Music Accordion Demo Connected with Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/03/FAQ-Accordion-with-Elementor-Tabs-Connection.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo4) ### FAQ Accordion with Elementor Tabs Connection [![](https://theplusaddons.com/wp-content/uploads/2024/03/Real-Estate-Horizontal-Accordion-with-Image-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo3) ### Real Estate Horizontal Elementor Accordion with Image [![](https://theplusaddons.com/wp-content/uploads/2024/03/Accordion-with-Lottie-Animations.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo5) ### Accordion with Lottie Animations [![](https://theplusaddons.com/wp-content/uploads/2024/03/Line-Edge-Border-Effect-in-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo6) ### Line Edge Border Effect in Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Paginated-Slider-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo7) ### Paginated Slider Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Autoplay-or-Pause-in-Accordion.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo8) ### Autoplay/Pause in Accordion [![](https://theplusaddons.com/wp-content/uploads/2024/03/Accordion-with-Search-Bar.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo9) ### Elementor Accordion with Search Bar [![](https://theplusaddons.com/wp-content/uploads/2024/03/Medical-Accordion-Demo-with-Carousel-Slider-Connection.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo10) ### Medical Accordion Demo with Carousel Slider Connection [![](https://theplusaddons.com/wp-content/uploads/2024/03/Accordion-with-Stagger-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/accordion-demos-new/#Demo11) ### Accordion with Stagger Animation ## Key Features of Elementor Accordion Widget ![](https://theplusaddons.com/wp-content/uploads/2024/03/Create-Unlimited-Accordian-Tabs.png) ### Create Unlimited Accordion Tabs ![](https://theplusaddons.com/wp-content/uploads/2024/03/Custom-Icon-for-Each-Accordian-Items.png) ### Custom Icon for EachAccordion Item ![](https://theplusaddons.com/wp-content/uploads/2025/04/Anchor-Particular-Accordion-Item-on-Scroll.png) ### Anchor Particular Accordion Item on Scroll ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Text-as-Nested-Content-in-Accordion.png) ### Add Text as NestedContent in Accordion ![](https://theplusaddons.com/wp-content/uploads/2025/04/acfsupport.png) ### ACF Repeater Supported Dynamic Accordion ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Elementor-Template-as-Nested-Content-in-Accordion.png) ### Add Elementor Template asNested Content in Accordion ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Custom-Icon-for-Open-close-for-accordion.png) ### Add Custom Icon for Open & Close for Accordion. ![](https://theplusaddons.com/wp-content/uploads/2025/04/Set-Custom-Accordion-Item-Open-Close-All-Open-All.png) ### Set Custom Accordion Item Open / Close All / Open All ![](https://theplusaddons.com/wp-content/uploads/2025/04/Open-Accordion-Item-on-Hover.png) ### Open Accordion Itemon Hover ![](https://theplusaddons.com/wp-content/uploads/2025/04/Vertical-Horizontal-Accordion-Layout.png) ### Vertical & HorizontalAccordion Layout ![](https://theplusaddons.com/wp-content/uploads/2025/04/Scroll-to-Top-on-Accordion-Click.png) ### Scroll to Top onAccordion Click ![](https://theplusaddons.com/wp-content/uploads/2025/04/Load-Accordion-Item-One-by-One.png) ### Load AccordionItem One-by-One ![](https://theplusaddons.com/wp-content/uploads/2025/04/Add-Search-Bar-for-Accordion-Content.png) ### Add Search Bar forAccordion Content ![](https://theplusaddons.com/wp-content/uploads/2025/04/Auto-Play-Accordion-Item-Opening-Closing.png) ### Auto Play Accordion ItemOpening & Closing ![](https://theplusaddons.com/wp-content/uploads/2025/04/Enable-FAQ-SEO-Schema-Markup-for-Accordion.png) ### Enable FAQ SEO SchemaMarkup for Accordion ![](https://theplusaddons.com/wp-content/uploads/2025/04/Connect-Accordion-with-Carousel-Slider.png) ### Connect Accordion with Carousel Slider ![](https://theplusaddons.com/wp-content/uploads/2024/03/Unique-Accordion-Hover-Styles.png) ### Unique AccordionHover Styles ![](https://theplusaddons.com/wp-content/uploads/2025/04/Expand-Collapse-all-Accordion-Items-on-Button-Click.png) ### Expand/Collapse all Accordion Items on Button Click ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Everything.png) ### StyleEverything ## Watch How to Use Elementor Accordion Widget Subscribe for more Such Elementor Video Tutorials --- # Unfold & Expand Button for Elementor Source: https://theplusaddons.com/elementor-widget/unfold/ ## Live Demos of Elementor Unfold [![](https://theplusaddons.com/wp-content/uploads/2024/04/Showcase-Portfolio-With-Show-More-Expand-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo1) ### Showcase Portfolio With Show More Expand Button [![](https://theplusaddons.com/wp-content/uploads/2024/04/Unfold-Team-Member-Details-Using-Multi-Color-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo2) ### Unfold Team Member Details Using Multi-Color Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Expand-Features-Table-With-Simple-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo3) ### Expand Features Table With Simple Button [![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Elementor-Template-Content-With-Read-More-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo4) ### Add Elementor Template Content With Read More Button [![](https://theplusaddons.com/wp-content/uploads/2024/04/E-commerce-Product-Display-Toggle-With-Stylish-Arrow-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo5) ### E-commerce Product Display Toggle With Stylish Arrow Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-New-Button-on-Expanding-Content.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo6) ### Add New Button on Expanding Content [![](https://theplusaddons.com/wp-content/uploads/2024/04/Unfold-Section-With-Expand-Collapse-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo7) ### Unfold Section With Expand/Collapse Button [![](https://theplusaddons.com/wp-content/uploads/2024/04/Expand-Load-More-Button-With-Lottie-Icon.png)](https://etemplates.wdesignkit.com/theplusaddons/unfold-demo/#demo8) ### Expand Load More Button With Lottie Icon ## Key Features of Elementor Unfold ![](https://theplusaddons.com/wp-content/uploads/2024/04/Text-Content-Unfold.png) ### Text Content Unfold ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Icon-in-Expand-Button.png) ### Add Icon in Expand Button ![](https://theplusaddons.com/wp-content/uploads/2024/04/Container-Based-Unfold.png) ### Container Based Unfold ![](https://theplusaddons.com/wp-content/uploads/2024/04/Scroll-to-Top-on-Expand.png) ### Scroll to Top on Expand ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Additional-Button-Near-Expand-Button.png) ### Add Additional Button Near Expand Button ![](https://theplusaddons.com/wp-content/uploads/2024/04/Place-Button-on-Top-or-Bottom-of-the-Content.png) ### Place Button on Top or Bottom of the Content ![](https://theplusaddons.com/wp-content/uploads/2024/04/Fade-Out-Content-With-Opacity-Controls.png) ### Fade Out Content With Opacity Controls ![](https://theplusaddons.com/wp-content/uploads/2024/04/Adjust-Transition-Duration-Alignment.png) ### Adjust Transition Duration & Alignment ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything-1.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/04/Unfold-for-Elementor-Template-Content.png) ### Unfold for Elementor Template Content ![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Lottie-Animation-in-Expand-Button.png) ### Add Lottie Animation in Expand Button ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Timeline for Elementor Source: https://theplusaddons.com/elementor-widget/timeline/ ## Live Demos of Elementor Timeline [![](https://theplusaddons.com/wp-content/uploads/2024/02/Yearly-Product-History-Elementor-Timeline-with-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/timelinedemo/%20#demo1) ### Yearly Product History Elementor Timeline with Images [![](https://theplusaddons.com/wp-content/uploads/2024/02/Step-by-step-Process-Timeline-With-Custom-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/timelinedemo/%20#demo2) ### Step-by-step Process Timeline With Custom Icons [![](https://theplusaddons.com/wp-content/uploads/2024/02/Ecommerce-Products-Display-Timeline-with-Top-Pin.png)](https://etemplates.wdesignkit.com/theplusaddons/timelinedemo/%20#demo3) ### Ecommerce Products Display Timeline with Top Pin [![](https://theplusaddons.com/wp-content/uploads/2024/02/Vertical-Elementor-Timeline-with-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/timelinedemo/%20#demo4) ### Vertical Elementor Timeline with Images [![](https://theplusaddons.com/wp-content/uploads/2024/02/Showcasing-Features-Timeline-with-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/timelinedemo/%20#demo5) ### Showcasing Features Timeline with Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/02/Show-Timeline-with-iFrame-Content-eg-video.png)](https://etemplates.wdesignkit.com/theplusaddons/timelinedemo/%20#demo6) ### Show Timeline with iFrame Content eg. Video ## Key Features of Elementor Timeline​ ![](https://theplusaddons.com/wp-content/uploads/2024/02/Multiple-Style-Layout.png) ### Multiple Style Layout ![](https://theplusaddons.com/wp-content/uploads/2024/02/Add-Icon-or-Image-in-Pin.png) ### Add Icon or Image in Pin ![](https://theplusaddons.com/wp-content/uploads/2024/02/Set-Pin-Title-and-Position.png) ### Set Pin Title and Position ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-timeline.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/02/Add-Text-Video-Image-section-Content-in-pin.png) ### Add Text, Video, Image & Section Content in Pin ![](https://theplusaddons.com/wp-content/uploads/2024/02/Add-Button-for-each-pin.png) ### Add Button for Each Pin ![](https://theplusaddons.com/wp-content/uploads/2024/03/Customize-Start-Ending-Pin-of-Elementor-Timeline.png) ### Customize Start & Ending Pin of Elementor Timeline ![](https://theplusaddons.com/wp-content/uploads/2024/02/Add-Image-iFrame-or-Template-as-Content.png) ### Add Image, iFrame or Template as Content ![](https://theplusaddons.com/wp-content/uploads/2024/02/Add-Entrance-Animation-for-Pin-Appearance.png) ### Add Entrance Animation for Pin Appearance ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Smooth Scrolling Effect for Elementor Source: https://theplusaddons.com/elementor-widget/smooth-scroll/ ## Live Demos of Elementor Smooth Scroll [![](https://theplusaddons.com/wp-content/uploads/2025/04/Chilly-Winds-Parallax-Smooth-Scroll.png)](https://etemplates.wdesignkit.com/theplusaddons/smooth-scroll-for-elementor-demo-1/) ### Chilly Winds Parallax Smooth Scroll [![](https://theplusaddons.com/wp-content/uploads/2025/04/To-The-Moon-Parallax-Smooth-Scroll.png)](https://etemplates.wdesignkit.com/theplusaddons/smooth-scroll-for-elementor-demo-2/) ### To The Moon Parallax Smooth Scroll ## Key Features of Elementor Smooth Scroll Widget ![](https://theplusaddons.com/wp-content/uploads/2025/04/Scrolling-Speed-Controller.png) ### Scrolling Speed Controller ![](https://theplusaddons.com/wp-content/uploads/2025/04/Scrolling-Acceleration-Controller.png) ### Scrolling Acceleration Controller ![](https://theplusaddons.com/wp-content/uploads/2025/04/Smooth-Scroll-Speed-Controller.png) ### Smooth Scroll Speed Controller ![](https://theplusaddons.com/wp-content/uploads/2025/04/Smooth-Scroll-with-Keyword-Arrows.png) ### Smooth Scroll with Keyword Arrows ![](https://theplusaddons.com/wp-content/uploads/2025/04/Smooth-Scroll-with-Touchpad.png) ### Smooth Scroll with Touchpad ![](https://theplusaddons.com/wp-content/uploads/2025/04/Multiple-Browser-Support.png) ### Multiple BrowserSupport ![](https://theplusaddons.com/wp-content/uploads/2025/04/Responsive-Controls-to-Disable-Smooth-Scroll.png) ### Responsive Controls to Disable Smooth Scroll ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Process Steps for Elementor Source: https://theplusaddons.com/elementor-widget/process-steps/ ## Live Demos of Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Custom-Text-Counter-Process.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#Custom-text-counter-process-steps) ### Custom Text Counter Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Connecting-Process-Steps-with-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#connecting-process-steps-with-carousel-slider) ### Connecting Process Steps with Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2020/10/Background-Image-process-steps-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#background-image-process-steps) ### Background Image Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Apple-Process-Steps-Layout-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#apple-process-steps-layout) ### Apple Process Steps Layout [![](https://theplusaddons.com/wp-content/uploads/2020/10/Custom-Icon-Steps-Widget-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#custom-icon-steps-widget) ### Custom Icon Steps Widget [![](https://theplusaddons.com/wp-content/uploads/2020/10/Simple-Steps-Counter-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#simple-steps-counter) ### Simple Steps Counter [![](https://theplusaddons.com/wp-content/uploads/2020/10/Boxed-Process-Steps-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#boxed-process-steps) ### Boxed Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Infobox-Process-Steps-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#Infobox-process-steps) ### Infobox Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Hover-Icon-Process-steps.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#Hover-icon-process-steps) ### Hover Icon Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Gradient-Background-Steps-Widget-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#gradient-background-steps-widget) ### Gradient Background Steps Widget [![](https://theplusaddons.com/wp-content/uploads/2020/10/Hover-Rotate-Process-steps.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#hover-rotate-process) ### Hover Rotate Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Dashed-Process-steps-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#dashed-proces-steps) ### Dashed Process Steps [![](https://theplusaddons.com/wp-content/uploads/2020/10/Vertical-Process-Steps-.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/process-steps/%20#Vertical-process-steps) ### Vertical Process Steps ## Key Features of Process Steps ![](https://theplusaddons.com/wp-content/uploads/2023/11/Horizontal-Vertical-Process-Steps.png) ### Horizontal & Vertical Process Steps ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Number-Counter-to-Process-Steps.png) ### Add Number Counter to Process Steps ![](https://theplusaddons.com/wp-content/uploads/2023/11/Special-Background-Highlight-Specific-Step.png) ### Special Background & Highlight Specific Step ![](https://theplusaddons.com/wp-content/uploads/2023/11/Text-Icon-Content.png) ### Text & Icon Content ![](https://theplusaddons.com/wp-content/uploads/2023/11/Link-Icon-or-Steps.png) ### Link Icon or Steps ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Background-Color-or-Image.png) ### Add Background Color or Image ![](https://theplusaddons.com/wp-content/uploads/2024/02/Display-Counter-Custom-Text.png) ### Display Counter Custom Text ![](https://theplusaddons.com/wp-content/uploads/2023/11/Connect-with-Carousel-Sliders.png) ### Connect with Carousel Sliders ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Multiple-Steps-.png) ### Add Multiple Steps ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Image-in-Step.png) ### Add Image in Step ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Text-in-Step.png) ### Add Text in Step ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Lottie-Animation-in-Step-1.png) ### Add Lottie Animationin Step ![](https://theplusaddons.com/wp-content/uploads/2024/03/Style-Everything-1.png) ### Style Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Mouse Cursor Icon for Elementor Source: https://theplusaddons.com/elementor-widget/mouse-cursor/ ## Live Demos of Elementor Mouse Curser Icon [![](https://theplusaddons.com/wp-content/uploads/2024/09/Mouse-Cursor-Circle-Effect-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-mouse-cursor-icon-demo/%20#mousecursor1) ### Mouse Cursor Circle Effect on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Showcase-Cursor-Change-with-GIF-and-Text.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-mouse-cursor-icon-demo/%20#mousecursor2) ### Product Showcase Cursor Change with GIF and Text [![](https://theplusaddons.com/wp-content/uploads/2024/09/Mouse-Cursor-Icon-Change-on-Image-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/advanced-mouse-cursor-icon-demo/%20#mousecursor3) ### Mouse Cursor Icon Change on Image Hover ## Key Features of Elementor Mouse Curser Icon ![](https://theplusaddons.com/wp-content/uploads/2024/09/Choose-Custom-Cursor-Area.png) ### Choose Custom Cursor Area ![](https://theplusaddons.com/wp-content/uploads/2024/09/Choose-Cursor-Type-from-Image-Text-or-Circle.png) ### Choose Cursor Type from Image, Text or Circle ![](https://theplusaddons.com/wp-content/uploads/2024/09/Choose-from-Pre-defined-Cursor-Icon.png) ### Choose from Pre-defined Cursor Icon ![](https://theplusaddons.com/wp-content/uploads/2024/09/Upload-Custom-Cursor-Icon.png) ### Upload Custom Cursor Icon ![](https://theplusaddons.com/wp-content/uploads/2024/09/Change-Cursor-on-Click.png) ### Change Cursor on Click ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Morphing Sections Source: https://theplusaddons.com/elementor-widget/morphing-sections/ ## Live Demos of Morphing Sections for Elementor [![](https://theplusaddons.com/wp-content/uploads/2024/10/Normal-Morphing-Team-Page-Background.png)](https://etemplates.wdesignkit.com/theplusaddons/morphing-blob-sections-demos/#Demo1) ### Normal Morphing Team Page Background [![](https://theplusaddons.com/wp-content/uploads/2024/10/Testimonials-Background-Continuous-Morphing-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/morphing-blob-sections-demos/#Demo2) ### Testimonials Background Continuous Morphing Animation [![](https://theplusaddons.com/wp-content/uploads/2024/10/Morphing-Blob-effect-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/morphing-blob-sections-demos/#Demo3) ### Morphing Blob Effect on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/10/Reviews-Column-Background-Morphing.png)](https://etemplates.wdesignkit.com/theplusaddons/morphing-blob-sections-demos/#Demo4) ### Reviews Column Background Morphing [![](https://theplusaddons.com/wp-content/uploads/2024/10/Portfolio-Website-Header-Continuous-Morphing-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/morphing-blob-sections-demos/#Demo5) ### Portfolio Website Header Continuous Morphing Animation ## Key Features of Elementor Morphing Sections ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # On Scroll Lottiefiles Animation Source: https://theplusaddons.com/elementor-widget/on-scroll-lottiefiles-animation/ ## Live Demos of Elementor On Scroll Lottiefiles Animation ### Ingredients Preparation To create a delicious pizza, it's essential to start with the right ingredients. Here's a list of what you'll need: #### Dough Ingredients - **Flour:** High-quality bread flour. - **Yeast:** For rising. - **Water:** Lukewarm - **Salt:** Enhances flavor. - **Olive Oil:** For richness. #### Sauce Ingredients - **Tomatoes:** Fresh or canned. - **Basil and Oregano:** Classic herbs. - **Garlic:** For depth. - **Olive Oil: **Smooth texture. #### Toppings: - **Cheese:** FMozzarella, provolone, parmesan. - **Proteins:** Pepperoni, sausage, ham, grilled chicken. - **Vegetables:** Bell peppers, onions, mushrooms, olives. ### Dough Making and Shaping To create a delicious pizza, it's essential to start with the right ingredients. Here's a list of what you'll need: #### Mixing the Dough - Combine 3 cups bread flour, 1 tsp salt, 1 tsp sugar. - Dissolve 1 packet yeast in 1 ¼ cups lukewarm water, add to flour mixture with 2 tbsp olive oil. Mix until a rough dough forms. #### Kneading: - Knead on a floured surface for 10 minutes until smooth and elastic. Adjust with more flour or water as needed. #### Rising - Place dough in an oiled bowl, cover, and let rise for 1-2 hours until doubled. #### Shaping - Punch down dough, divide, and roll out to a ¼ inch thickness. ### Baking and Serving To create a delicious pizza, it's essential to start with the right ingredients. Here's a list of what you'll need: #### Preheat - Heat oven to 500°F (260°C) with a pizza stone or inverted baking sheet inside. #### Assemble - Spread sauce on dough, add cheese and toppings. #### Bake - Transfer pizza to preheated stone/sheet. Bake for 10-15 minutes until crust is golden and cheese is bubbly. #### Serve - Cool for a couple of minutes, slice, and enjoy hot. ## Key Features of Elementor On Scroll Lottiefiles Animation ![](https://theplusaddons.com/wp-content/uploads/2024/08/Import-Lottie-from-URL-JSON-Code-or-JSON-File.png) ### Import Lottie from URL, JSON Code or JSON File ![](https://theplusaddons.com/wp-content/uploads/2024/08/Load-Lottie-in-Backend-during-Editing.png) ### Load Lottie in Backend during Editing ![](https://theplusaddons.com/wp-content/uploads/2024/08/play-lottie-at-multiple-modes.png) ### Play Lottie at Multiple Modes ![](https://theplusaddons.com/wp-content/uploads/2024/08/Repeat-Loop-Lottie-Animations.png) ### Repeat/ Loop Lottie Animations ![](https://theplusaddons.com/wp-content/uploads/2024/08/adjust-lottie-animation-speed.png) ### Adjust Lottie Animation Speed ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Lottie-Heading-and-Descriptions.png) ### Add Lottie Heading and Descriptions ![](https://theplusaddons.com/wp-content/uploads/2024/08/Multiple-Lottie-Render-Modes.png) ### Multiple Lottie Render Modes ![](https://theplusaddons.com/wp-content/uploads/2024/08/Adjust-Layout-and-Alignment-for-Lottie.png) ### Adjust Layout & Alignment for Lottie ![](https://theplusaddons.com/wp-content/uploads/2024/08/Scroll-Lottie-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Lottiefiles Animation for Elementor Source: https://theplusaddons.com/elementor-widget/lottiefiles-animation/ ## Live Demos of Lottiefiles Animation for Elementor https://theplusaddons.com/wp-content/uploads/2024/07/Screen-Recording-2024-07-25-at-11.45.38 AM.mov ### Lottie Elementor Animated Content https://theplusaddons.com/wp-content/uploads/2024/07/Screen-Recording-2024-07-25-at-11.40.21 AM.mov ### Food Delivery Elementor Lottie Animation https://theplusaddons.com/wp-content/uploads/2024/07/Screen-Recording-2024-07-25-at-11.43.52 AM.mov ### Tabbed Lottiefiles Animation ## Live Demos of Lottiefiles Animation for Elementor ![](https://theplusaddons.com/wp-content/uploads/2024/07/Import-Lottie-from-URL-JSON-Code-or-JSON-File.png) ### Import Lottie from URL, JSON Code or JSON File ![](https://theplusaddons.com/wp-content/uploads/2024/07/Load-Lottie-in-Backend-during-Editing.png) ### Load Lottie in Backend during Editing ![](https://theplusaddons.com/wp-content/uploads/2024/07/Play-Lottie-at-Mulitple-Modes.png) ### Play Lottie at Multiple Modes ![](https://theplusaddons.com/wp-content/uploads/2024/07/Repeat-Loop-Lottie-Animations.png) ### Repeat/ Loop Lottie Animations ![](https://theplusaddons.com/wp-content/uploads/2024/07/Adjust-Lottie-Animation-Speed.png) ### Adjust Lottie Animation Speed ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Lottie-Heading-Descriptions.png) ### Add Lottie Heading & Descriptions ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mulitple-Lottie-Render-Modes.png) ### Multiple Lottie Render Modes ![](https://theplusaddons.com/wp-content/uploads/2024/07/Adjust-Layout-Alignment-for-Lottie.png) ### Adjust Layout & Alignment for Lottie ![](https://theplusaddons.com/wp-content/uploads/2024/07/Lottiefiles-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Image Cascading for Elementor Source: https://theplusaddons.com/elementor-widget/image-cascading/ ## Live Demos of Elementor Image Cascading [![](https://theplusaddons.com/wp-content/uploads/2024/07/Layer-Masked-Image-Cascading.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading1) ### Layer Masked Image Cascading [![](https://theplusaddons.com/wp-content/uploads/2024/07/Parallax-Hover-Effect-on-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading2) ### Parallax Hover Effect on Image [![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Cascading-with-Popup-and-Link-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading3) ### Image Cascading with Popup and Link Options [![](https://theplusaddons.com/wp-content/uploads/2024/07/Cascading-Layout-with-Unique-MagicScroll-Effects.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading4) ### Cascading Layout with Unique Magic Scroll Effects [![](https://theplusaddons.com/wp-content/uploads/2024/07/On-Hover-Tooltip-and-Position-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading5) ### On Hover Tooltip and Position Options [![](https://theplusaddons.com/wp-content/uploads/2024/07/Tilt-Effect-Image-Cascading.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading6) ### Tilt Effect Image Cascading [![](https://theplusaddons.com/wp-content/uploads/2024/07/Layered-Image-with-Unique-Transformation-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/image-cascading-demo/%20#imagecascading7) ### Layered Image with Unique Transformation Options ## Key Features of Elementor Image Cascading​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Multiple-Images-for-Cascading.png) ### Add Multiple Images for Cascading ![](https://theplusaddons.com/wp-content/uploads/2024/07/Set-Custom-Image-Position.png) ### Set Custom Image Position ![](https://theplusaddons.com/wp-content/uploads/2024/07/Image-Cascading-Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Continuous-Animation-on-Elements.png) ### Add Continuous Animation on Elements ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mask-Image.png) ### Mask Image ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Lottie-Animation-with-Tooltips.png) ### Add Lottie Animation with Tooltips ![](https://theplusaddons.com/wp-content/uploads/2024/07/Stylizing-Slideshow-Controls.png) ### Stylizing & Slideshow Controls ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Link-or-Trigger-Popup-on-Click.png) ### Add Link or Trigger Popup on Click ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Magic-Scroll-Effects-Tooltips-Parallax-or-Tilt-Effects.png) ### Add Magic Scroll Effects, Tooltips, Parallax or Tilt Effects ![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-Background-with-Responsive-Controls.png) ### Elementor Background with Responsive Controls ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Image-Text-or-Lottie-Files-above-Each-Other.png) ### Add Image, Text or Lottie Files above Each Other ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Hover Card for Elementor Source: https://theplusaddons.com/elementor-widget/hover-card/ ## Live Demos of Advanced Elementor Hover Card ## Timeless Expressions: A Bold Fashion Journey Nick KnightStreet Style Fashion Project Tommy TonAvant-Garde Fashion Editorial Ellen von UnwerthVintage Fashion Nostalgia ## Team Member Section: The Extraordinary Primates ![](https://theplusaddons.com/wp-content/uploads/2024/10/Grumpy-Gary.png)Grumpy Gary ![](https://theplusaddons.com/wp-content/uploads/2024/10/Maverick-Max.png)Maverick Max ![](https://theplusaddons.com/wp-content/uploads/2024/10/Heroic-Hank.png)Heroic Hank ![](https://theplusaddons.com/wp-content/uploads/2024/10/Rugged-Rick.png)Rugged Rick ## We believe what we achieve ![](https://theplusaddons.com/wp-content/uploads/2024/10/green-vineyards-and-small-buildings-in-a-sunny-day-2021-08-26-22-35-05-utc-1.png) ### Green infrastructure Embrace sustainability with green infrastructure solutions! Join our NGO's mission to create eco-friendly urban spaces.$9,595.00 donated of $2,000.00 goalHELP US TO DONATE NOW ![](https://theplusaddons.com/wp-content/uploads/2024/10/healthcare-trust-and-medical-consulting-with-doct.png) ### Medical Treatment to children’s Compassionate medical care for children, delivering hope and healing through specialised treatments and support.$8,485.00 donated of $1,500.00 goalHELP US TO DONATE NOW ![](https://theplusaddons.com/wp-content/uploads/2024/10/pexels-keira-burton-6146978-1.png) ### Education for community Empowering communities through education: Join our NGO's mission to provide accessible learning opportunities.$9,785.00 donated of $2,160.00 goalHELP US TO DONATE NOW ## Dynamic Sports ![](https://theplusaddons.com/wp-content/uploads/2024/10/Basketball-Frame-1272638864.png)BasketballTeams score by shooting a ball through hoops. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Soccer-Frame-1272638865.png)SoccerPlayers score by kicking a ball into the net. ## The Ultimate Adventure Sports Experience Rock ClimbingRead More SkydivingRead More SurfingRead More ## Key Features of Elementor Accordion ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Hotspots for Elementor Source: https://theplusaddons.com/elementor-widget/hotspots/ ## Live Demos of Elementor Hotspots ## Location ## We Are In This Fine Faces ### Our goal is to be a leader in the wellness industry, setting new standards for spa experiences and fostering a community of health-conscious individuals. ![](https://theplusaddons.com/wp-content/uploads/2024/10/Frame-1272638658.png)![](https://theplusaddons.com/wp-content/uploads/2024/10/demo-1-hospost-icon.png)![](https://theplusaddons.com/wp-content/uploads/2024/10/demo-1-hospost-icon.png)![](https://theplusaddons.com/wp-content/uploads/2024/10/demo-1-hospost-icon.png)![](https://theplusaddons.com/wp-content/uploads/2024/10/demo-1-hospost-icon.png) ![](https://theplusaddons.com/wp-content/uploads/2024/09/hotsosts-demo2-bg.png) ![](https://theplusaddons.com/wp-content/uploads/2018/11/Transparent-Bottle.jpg)![](https://theplusaddons.com/wp-content/uploads/2018/11/Mango_1.png)![](https://theplusaddons.com/wp-content/uploads/2018/11/strawberry_1.png)![](https://theplusaddons.com/wp-content/uploads/2018/11/blueberries_1.png) ![](https://theplusaddons.com/wp-content/uploads/2018/11/minimal-PRNRT1.jpg) ![](https://theplusaddons.com/wp-content/uploads/2018/11/cycle.png)123456 ![](https://theplusaddons.com/wp-content/uploads/2018/11/furniture1.jpg)$399![](https://theplusaddons.com/wp-content/uploads/2018/11/colorful-rosa-vase.png) ## Key Features of Elementor Hotspots ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Image-to-add-Hotspot-Pins.png) ### Add Image to add Hotspot Pins ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Multiple-Pins-on-Image.png) ### Add Multiple Pins on Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Text-Icon-Image-Lottie-as-Pin.png) ### Add Text, Icon, Image & Lottie as Pin ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Normal-Hover-Color.png) ### Add Normal & Hover Color ![](https://theplusaddons.com/wp-content/uploads/2024/09/Set-Custom-Position-of-Pins.png) ### Set Custom Position of Pins ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Tooltip-to-Pin-Hover-Content.png) ### Add Tooltip to Pin Hover Content ![](https://theplusaddons.com/wp-content/uploads/2024/09/Style-the-Pin-Tooltips.png) ### Style the Pin Tooltips ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Continuous-Effects-to-Pin.png) ### Add Continuous Effects to Pin ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Custom-Link-to-Pin.png) ### Add Custom Link to Pin ![](https://theplusaddons.com/wp-content/uploads/2024/09/Image-Hotpots-Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/09/Extra-Options-for-Pin-Tooltips.png) ### Extra Options for Pin Tooltips ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Flip Box Widget for Elementor Source: https://theplusaddons.com/elementor-widget/flipbox/ ## Live Demos of Elementor Flip Box Widget [![](https://theplusaddons.com/wp-content/uploads/2024/04/Furniture-Store-Vertical-Carousel-Flipbox.png)](https://etemplates.wdesignkit.com/theplusaddons/flip-box-demo/%20#demo-1) ### Furniture Store Vertical Carousel Flip Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Financial-Services-Flipbox-with-Horizontal-Flip.png)](https://etemplates.wdesignkit.com/theplusaddons/flip-box-demo/%20#demo-2) ### Financial Services Elementor Flipbox with Horizontal Flip [![](https://theplusaddons.com/wp-content/uploads/2024/04/Event-Management-Information-Flipbox.png)](https://etemplates.wdesignkit.com/theplusaddons/flip-box-demo/%20#demo-3) ### Event Management Information Flip Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Law-Firm-Services-Flipbox-with-Vertical-Flip.png)](https://etemplates.wdesignkit.com/theplusaddons/flip-box-demo/%20#demo-4) ### Law Firm Services Flip Box with Vertical Flip [![](https://theplusaddons.com/wp-content/uploads/2024/04/SaaS-Solutions-Horizontal-Elementor-Flipbox.png)](https://etemplates.wdesignkit.com/theplusaddons/flip-box-demo/%20#demo-5) ### SaaS Solutions Horizontal Elementor Flip Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Services-Page-Flipbox.png)](https://etemplates.wdesignkit.com/theplusaddons/flip-box-demo/%20#demo-6) ### Services Page Flip Box ## Key Features of Flip Box for Elementor ![](https://theplusaddons.com/wp-content/uploads/2024/04/Simple-Grid-Carousel-Mode.png) ### Simple Grid & Carousel Mode ![](https://theplusaddons.com/wp-content/uploads/2024/04/Vertical-Horizontal-Layouts.png) ### Vertical & Horizontal Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/04/Adjust-Flipbox-Height.png) ### Adjust Flipbox Height ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Text-Icon-on-Front-Side.png) ### Add Text & Icon on Front Side ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Text-Image-Template-with-Button-on-Black.png) ### Add Text, Image, Template with Button on Back ![](https://theplusaddons.com/wp-content/uploads/2024/04/Button-Styles-Controls-1.png) ### Button Styles & Controls ![](https://theplusaddons.com/wp-content/uploads/2024/04/Repeater-Mode-for-Carousel-1.png) ### Repeater Mode for Carousel ![](https://theplusaddons.com/wp-content/uploads/2024/04/Carousel-Box-Background-Styles.png) ### Carousel Box Background Styles ![](https://theplusaddons.com/wp-content/uploads/2024/04/Select-FA-Icon-Image-or-Custom-SVG.png) ### Select FA Icon, Image or Custom SVG ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything-6.png) ### Customize Everything ## Watch How Our Elementor Flip Box Widget Works Subscribe for more Such Elementor Video Tutorials --- # Dynamic Device Mockups for Elementor Source: https://theplusaddons.com/elementor-widget/dynamic-device-mockups/ ## Live Demos of Elementor Dynamic Device Mockups [![](https://theplusaddons.com/wp-content/uploads/2024/10/Smartwatch-Special-Carousel-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo1) ### Smartwatch Special Carousel Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Multi-Device-Responsive-Mockups.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo2) ### Multi Device Responsive Mockups [![](https://theplusaddons.com/wp-content/uploads/2024/10/Banking-Mobile-App-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo3) ### Banking Mobile App Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Gym-Mobile-Website-Scrolling-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo4) ### Gym Mobile Website Scrolling Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/News-App-Carousel-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo5) ### News App Carousel Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Custom-Screen-Size-Device-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo6) ### Custom Screen Size Device Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/MacBook-Screen-Device-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo7) ### MacBook Screen Device Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Template-Based-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo8) ### Elementor Template Based Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Browser-Based-Carousel-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo9) ### Browser Based Carousel Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Finance-App-Multi-Device-Responsive-Mockups.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo10) ### Finance App Multi Device Responsive Mockups [![](https://theplusaddons.com/wp-content/uploads/2024/10/Website-Dashboard-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo11) ### Website Dashboard Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Music-App-Website-Responsive-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo12) ### Music App/Website Responsive Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Scrollable-Ecommerce-Website-Mockup.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo13) ### Scrollable Ecommerce Website Mockup [![](https://theplusaddons.com/wp-content/uploads/2024/10/Tablet-Mockups-with-Automatic-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo14) ### Tablet Mockups with Automatic Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/10/Landscape-Tablet-Device-Mockups.png)](https://etemplates.wdesignkit.com/theplusaddons/dynamic-device-mockups-for-elementor/#Demo15) ### Landscape Tablet Device Mockups ## Key Features of Elementor Dynamic Device Mockups ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Draw Animated SVG Icon for Elementor Source: https://theplusaddons.com/elementor-widget/draw-animated-svg-icon/ ## Live Demos of Elementor SVG Draw [![](https://theplusaddons.com/wp-content/uploads/2024/08/Multi-Colored-Animated-SVG.png)](https://etemplates.wdesignkit.com/theplusaddons/draw-svg-demo-2/%20#drawsvg1) ### Multi Colored Animated SVG [![](https://theplusaddons.com/wp-content/uploads/2024/08/Elementor-SVG-with-Animation-Duration.png)](https://etemplates.wdesignkit.com/theplusaddons/draw-svg-demo-2/%20#drawsvg2) ### Elementor SVG with Animation Duration [![](https://theplusaddons.com/wp-content/uploads/2024/08/Free-to-Use-Pre-built-SVGs.png)](https://etemplates.wdesignkit.com/theplusaddons/draw-svg-demo-2/%20#drawsvg3) ### Free to Use Pre-built SVGs ## Key Features of Elementor SVG Draw ![](https://theplusaddons.com/wp-content/uploads/2024/08/Choose-From-Pre-Made-Icon-Library.png) ### Choose From Pre-Made Icon Library ![](https://theplusaddons.com/wp-content/uploads/2024/08/Custom-SVG-for-Animated-Icon.png) ### Custom SVG for Animated Icon ![](https://theplusaddons.com/wp-content/uploads/2024/08/Draw-on-Hover-Repeat-Draw-Effects.png) ### Draw on Hover & Repeat Draw Effects ![](https://theplusaddons.com/wp-content/uploads/2024/08/Draw-SVG-Animation-Style.png) ### Draw SVG Animation Style ![](https://theplusaddons.com/wp-content/uploads/2024/08/Draw-SVG-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Creative Images for Elementor Source: https://theplusaddons.com/elementor-widget/creative-images/ ## Live Demos of Creative Images for Elementor [![](https://theplusaddons.com/wp-content/uploads/2024/09/Scrolling-Image-Effect-with-Tooltip-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo1) ### Scrolling Image Effect with Tooltip on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/09/Rotating-Image-and-Masking-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo2) ### Rotating Image and Masking Effect [![](https://theplusaddons.com/wp-content/uploads/2024/09/Elementor-Creative-Images-with-Super-Parallax.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo3) ### Elementor Creative Images with Super Parallax [![](https://theplusaddons.com/wp-content/uploads/2024/09/Medical-Product-Image-with-Mouse-Move-Parallax-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo4) ### Medical Product Image with Mouse Move Parallax Effect [![](https://theplusaddons.com/wp-content/uploads/2024/09/Magic-Scroll-Effect-on-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo5) ### Magic Scroll Effect on Images [![](https://theplusaddons.com/wp-content/uploads/2024/09/App-Showcase-Image-with-Tilt-3D-Parallax-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo6) ### App Showcase Image with Tilt 3D Parallax Effect [![](https://theplusaddons.com/wp-content/uploads/2024/09/Elementor-Creative-Image-Overlay-Special-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo7) ### Elementor Creative Image Overlay Special Effect [![](https://theplusaddons.com/wp-content/uploads/2024/09/CSS-Filter-Saturation-Value-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo8) ### CSS Filter Saturation Value Images [![](https://theplusaddons.com/wp-content/uploads/2024/09/Center-Focused-and-Rest-Blur-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo9) ### Center Focused and Rest Blur Images [![](https://theplusaddons.com/wp-content/uploads/2024/09/On-Hover-Hue-Effect-Images.png)](https://etemplates.wdesignkit.com/theplusaddons/creative-images-demos/#Demo10) ### On Hover Hue Effect Images ## Key Features of Creative Images for Elementor ![](https://theplusaddons.com/wp-content/uploads/2024/09/Choose-from-Creative-Image-or-Scroll-Reveal-Image.png) ### Choose from Creative Image or Scroll Reveal Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Upload-Image-and-Add-Link-to-Image.png) ### Upload Image & Add Link to Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Scroll-Image-Effects.png) ### Add Scroll Image Effects ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mask-Image-with-Any-Shape.png) ### Mask Image with Any Shape ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Super-Parallax-Effect-to-Image.png) ### Add Super Parallax Effect to Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Mouse-Interactive-Parallax-Effects.png) ### Add Mouse Interactive Parallax Effects ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Magic-Scroll-Effects-to-Image.png) ### Add Magic Scroll Effects to Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Text-or-Media-Tooltip-to-Image.png) ### Add Text or Media Tooltip to Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-3D-Tilt-Parallax-Effects.png) ### Enable 3D Tilt Parallax Effects ![](https://theplusaddons.com/wp-content/uploads/2024/09/Overlay-Image-with-Color.png) ### Overlay Image with Color ![](https://theplusaddons.com/wp-content/uploads/2024/09/Make-Image-Move-Continuously.png) ### Make Image Move Continuously ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Border-to-Image.png) ### Add Border to Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Box-Shadow-to-Image.png) ### Add Box Shadow to Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Responsive-Visibility-of-Image.png) ### Responsive Visibility of Image ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Circle Menu for Elementor Source: https://theplusaddons.com/elementor-widget/circle-menu/ ## Live Demos of Elementor Circle Menu - - Pinterest- LinkdIn- Twitter- Whatsapp- Instagram- Facebook ### Circular Bubble Menu - - Cart- Like- Credit Card- Location- Money ### Top Half Circle Menu - - Trash- Folder- Save- Download- Upload ### Bottom Half Circle Menu - - Phone- Email- Camera- Message- Location ### Circle Menu on Right Half - - Plane- Train- Bus- Car- Hotel ### Circle Menu on Left Half - - Brightness- WI-Fi- Finger- Notification- Bluetooth ### Bottom Right Circle Menu - - Pinterest- Linkedin- Twitter- Whatsapp- Instagram ### Bottom Left Circle Menu - - Cart- Like- Credit Card- Location- Money ### Circle Menu with Top Left Icons - - Upload- Download- Save- Folder- Trash ### Top Right Circle Menu - - Phone- Email- Camera- Message ### Four Icon Top Half Circle Menu - - Plane- Train- Bus- Car ### Four Icon Bottom Half Circle Menu - - Brightness- WI-FI- Fingerprint- Notification ### Left Half Circle Menu with Four Icons - - ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_03.jpg)- ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_4.jpg)- ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_07.jpg)- ![](https://theplusaddons.com/wp-content/uploads/2024/10/team_01.jpg) ### Right Half Circle Menu Icons on Click - - Location- Like- Cart ### Straight Icons Menu - - Facebook- Twitter (X)- Instagram ### Social Sharing Circle Menu - - Bus- Train- Plane ### Straight Bottom Menu - - Facebook- Twitter (X)- Instagram ### Straight Bottom Menu Social Icons ## Key Features of Elementor Circle Menu ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Carousel Remote Sync for Elementor Source: https://theplusaddons.com/elementor-widget/carousel-remote-sync/ ## Live Demos of Elementor Carousel Remote [![](https://theplusaddons.com/wp-content/uploads/2024/10/Multi-Level-Switcher-Carousel-Remote.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-remote-demos/#Demo1) ### Multi Level Switcher Carousel Remote [![](https://theplusaddons.com/wp-content/uploads/2024/10/Jewelry-Store-Carousel-with-Prev-Next-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-remote-demos/#Demo2) ### Jewelry Store Carousel with Prev/ Next Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/10/Testimonials-Carousel-Remote-with-Arrows.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-remote-demos/#Demo3) ### Testimonials Carousel Remote with Arrows [![](https://theplusaddons.com/wp-content/uploads/2024/10/Healthcare-FAQs-with-Carousel-Remote.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-remote-demos/#Demo4) ### Healthcare FAQs with Carousel Remote [![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Tabs-as-Carousel-Remote.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-remote-demos/#Demo5) ### Elementor Tabs as Carousel Remote [![](https://theplusaddons.com/wp-content/uploads/2024/10/Multi-Switcher-Integrated-with-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-remote-demos/#Demo6) ### Multi Switcher Integrated with Carousel ## List of Support Widgets with Carousel Remote Sync - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ## Key Features of Elementor Carousel Remote ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Connect-ID-to-Connect-with-Widgets.png) ### Add Connect ID to Connect with Widgets ![](https://theplusaddons.com/wp-content/uploads/2024/10/Select-Remote-Type.png) ### Select Remote Type ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Next-and-Prev-Buttons.png) ### Add Next & Prev Buttons ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Dots-for-Carousel-Navigation.png) ### Add Dots for Carousel Navigation ![](https://theplusaddons.com/wp-content/uploads/2024/10/Connect-Dots-with-Page-Scroll.png) ### Connect Dots with Page Scroll ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Pagination-Controls.png) ### Add Pagination Controls ![](https://theplusaddons.com/wp-content/uploads/2024/10/Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Carousel Slider Widget for Elementor Source: https://theplusaddons.com/elementor-widget/carousel-slider/ ## Live Demos of Elementor Carousel Widget [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Carousel-with-Image-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-1) ### Full Width Carousel with Image Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Continuous-Carousel-with-Dots-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-2) ### Continuous Carousel with Dots Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Bento-Grid-Vertical-Continuous-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-3) ### Bento Grid Vertical Continuous Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Infinite-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-6) ### Full Width Infinite Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/03/Carousel-Slider-with-Elementor-Tabs-Connection.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-5) ### Carousel Slider with Elementor Tabs Connection [![](https://theplusaddons.com/wp-content/uploads/2024/03/Carousel-Slider-Connected-with-Accordion-Items.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-7) ### Elementor Carousel Slider Connected with Accordion Items [![](https://theplusaddons.com/wp-content/uploads/2024/03/Carousel-Slider-with-Process-Steps-Connections.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-4) ### Carousel Slider with Process Steps Connections [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Vertical-Product-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-8) ### Full Width Vertical Product Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/03/Horizontal-Carousel-Slider-with-Data-Change.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-9) ### Horizontal Carousel Slider with Data Change ## Full Width Carousel Slider + Remote Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Ecommerce-Full-Width-Carousel-with-Product-Image-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-10) ### Ecommerce Full Width Carousel with Product Image Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Carousel-with-Product-Type-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-11) ### Full Width Carousel with Product Type Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Carousel-with-Tab-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-12) ### Full Width Carousel with Tab Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Vertical-Elementor-Slider-with-Image-Navigation.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-13) ### Full Width Vertical Elementor Slider with Image Navigation [![](https://theplusaddons.com/wp-content/uploads/2024/07/Carousel-Slider-with-Active-Background-Color-Change.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-14) ### Carousel Slider with Active Background Color Change ## WooCommerce Product Full Width Carousels [![](https://theplusaddons.com/wp-content/uploads/2024/03/Automatic-Centre-Carousel-with-Background-Color-Change.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-15) ### Automatic Centre Carousel with Background Color Change [![](https://theplusaddons.com/wp-content/uploads/2024/03/Automatic-Centre-Carousel-with-Background-Image-Change.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-16) ### Automatic Centre Carousel with Background Image Change [![](https://theplusaddons.com/wp-content/uploads/2024/07/Elementor-Carousel-Sliders-with-Tabs-Connection.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-17) ### Elementor Carousel Sliders with Tabs Connection [![](https://theplusaddons.com/wp-content/uploads/2024/03/Testimonials-Automatic-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-18) ### Automated Elementor Testimonial Carousel Slider [![](https://theplusaddons.com/wp-content/uploads/2024/03/Full-Width-Centre-Focus-Carousel-with-Background-Color-Change.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-19) ### Full Width Centre Focus Carousel with Background Color Change [![](https://theplusaddons.com/wp-content/uploads/2024/03/Blog-Post-Cards-Carousel-Slider-with-Changing-Background-Color.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-20) ### Blog Post Cards Carousel Slider with Changing Background Color [![](https://theplusaddons.com/wp-content/uploads/2024/03/Accordion-Integrated-with-Elementor-Carousel-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/carousel-anything-demo/%20#carousel-21) ### Accordion Integrated with Elementor Carousel Slider ## Key Features of Elementor Carousel Widget ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Content-Using-Elementor-Templates-Shortcodes.png) ### Add Content Using Elementor Templates & Shortcodes ![](https://theplusaddons.com/wp-content/uploads/2024/03/Horizontal-and-Vertical-Sliders.png) ### Horizontal and Vertical Sliders ![](https://theplusaddons.com/wp-content/uploads/2024/03/Change-Carousel-Automatically-or-With-Hold.png) ### Change Carousel Automatically or With Hold ![](https://theplusaddons.com/wp-content/uploads/2024/03/Device-Responsive-Controls.png) ### Device Responsive Controls ![](https://theplusaddons.com/wp-content/uploads/2024/03/Add-Carousel-Navigation-Dots.png) ### Add Carousel Navigation Dots ![](https://theplusaddons.com/wp-content/uploads/2024/03/Show-Customize-Arrows.png) ### Show & Customize Arrows ![](https://theplusaddons.com/wp-content/uploads/2024/03/Carousel-Center-Focus-Mode.png) ### Carousel Center Focus Mode ![](https://theplusaddons.com/wp-content/uploads/2024/03/Random-Order-Slider.png) ### Random Order Slider ## Watch How to Use Elementor Carousel Widget Subscribe for more Such Elementor Video Tutorials --- # Before After Image Comparison Slider Source: https://theplusaddons.com/elementor-widget/before-after-slider/ ## Live Demos of Elementor Before After Slider [![](https://theplusaddons.com/wp-content/uploads/2024/07/Dental-Website-Vertical-Before-and-After-Comparison.png)](https://etemplates.wdesignkit.com/theplusaddons/before-after-image-slider/#Demo1) ### Dental Website Horizontal Before and After Comparison [![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Elementor-Before-and-After-Slider.png)](https://etemplates.wdesignkit.com/theplusaddons/before-after-image-slider/#Demo2) ### Vertical Elementor Before and After Slider [![](https://theplusaddons.com/wp-content/uploads/2024/07/Car-Wash-Service-Before-After-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/before-after-image-slider/#Demo3) ### Car Wash Service Before After Image ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Heading Animations for Elementor Source: https://theplusaddons.com/elementor-widget/heading-animations/ ## Live Demos of Elementor Heading Animations [![](https://theplusaddons.com/wp-content/uploads/2024/04/Typing-Heading-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-animations-demo/#headinganimation4) ### Typing Heading Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Flipover-Heading-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-animations-demo/#headinganimation3) ### Flipover Heading Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Zoom-In-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-animations-demo/#headinganimation1) ### Zoom In Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Underline-Highlight-Heading-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-animations-demo/#headinganimation5) ### Underline Highlight Heading Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Slide-In-Heading-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-animations-demo/#headinganimation2) ### Slide In Heading Animation [![](https://theplusaddons.com/wp-content/uploads/2024/04/Letter-Bounce-Animation.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-animations-demo/#headinganimation6) ### Letter Bounce Animation ## Key Features of Elementor Heading Animations​ ![](https://theplusaddons.com/wp-content/uploads/2024/04/Mulitple-Heading-Animation-Styles.png) ### Multiple Heading Animation Styles ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Prefix-Postfix-Animation-Heading-Text.png) ### Add Prefix, Postfix & Animation Heading Text ![](https://theplusaddons.com/wp-content/uploads/2024/04/Alignment-Controls.png) ### Alignment Controls ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything-2.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Banner Widget for Elementor Source: https://theplusaddons.com/elementor-widget/banner-widget/ ## Live Demos of Elementor Banner Widget ### Shopping Sale Banner with Blur Effect #### EXCLUSIVE 40% OFF SALE ### FOR MEN More Details![](https://theplusaddons.com/wp-content/uploads/2019/03/lt2.jpg) #### MOST POPULAR BRANDS ### FOR WOMEN Shop Now![](https://theplusaddons.com/wp-content/uploads/2019/03/lt1.jpg) ### Advertisement Banner with Parallax Effect #### Live Love Laugh ### Travel & Relax Learn More![](https://theplusaddons.com/wp-content/uploads/2019/03/Hammock1.png) #### Touch Taste Bud ### Homemade Recipe Get Recipe![](https://theplusaddons.com/wp-content/uploads/2019/03/FoodyRecipe-1.png) ### Elementor Banner with Title & Subtitle #### End of Season Sale ### Watches 50% OFF![](https://theplusaddons.com/wp-content/uploads/2019/03/lc1.jpg) #### Electronic Gadgets ### Laptops View more![](https://theplusaddons.com/wp-content/uploads/2019/03/lc2.jpg) #### Drink Eat Treat ### Coffee Order Now![](https://theplusaddons.com/wp-content/uploads/2019/03/lc3.jpg) ### Vertical Hover Banners #### 20% Summer Sale ### Gummi Bears READ MORE![](https://theplusaddons.com/wp-content/uploads/2019/03/rt1.jpg) #### $300 OFF ### Movie Vouchers READ MORE![](https://theplusaddons.com/wp-content/uploads/2019/03/rt2.jpg) #### 100% OFF Coupons ### Gummi Bears READ MORE![](https://theplusaddons.com/wp-content/uploads/2019/03/rt3.jpg) ### Blur on Hover Clothing Banner #### 50% OFF AMAZING SALE ### GUMMIES MACAROON view more![](https://theplusaddons.com/wp-content/uploads/2019/03/rc1.jpg) #### NEW ARRIVAL 40% OFF ### Danish Fruitcake Buy Now![](https://theplusaddons.com/wp-content/uploads/2019/03/rc2.jpg) ### Tourism Banner without Buttons #### Welcoming the World ### New York City ![](https://theplusaddons.com/wp-content/uploads/2019/03/new-york-city.jpg) #### A Story of Crossings ### London Bridge ![](https://theplusaddons.com/wp-content/uploads/2019/03/London_city.jpg) ### Conversion Focused Elementor Banners #### Men Suits ### $146 Sale![](https://theplusaddons.com/wp-content/uploads/2019/03/cc2.jpg) #### Most popular items ### ON SALE Buy Now![](https://theplusaddons.com/wp-content/uploads/2019/03/cc3.jpg) #### Starting from $14 per night ### ROOMS Book Today![](https://theplusaddons.com/wp-content/uploads/2019/03/cc1.jpg) ### Banner with Button Slide Up on Hover ![](https://theplusaddons.com/wp-content/uploads/2018/08/guy-posing-against-gray-background-PCXDZW9.jpg) ### Casual Shirt #### Summer Sale BUY NOW ![](https://theplusaddons.com/wp-content/uploads/2018/08/child-experimenting-with-virtual-reality-headset-PWERW44.jpg) ### VR Visibility #### Bonanza Offer Visit Today ## Key Features of Elementor Banner Widget ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mulitple-Ad-Banners.png) ### Multiple Ad Banners ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Banner-Image-and-Text.png) ### Add Banner Image & Text ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Button-to-Banner.png) ### Add Button to Banner ![](https://theplusaddons.com/wp-content/uploads/2024/09/20-Button-Styles.png) ### 20+ Button Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mulitple-Banner-Hover-Effects.png) ### Multiple Banner Hover Effects ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Everything-Advertisement-Banner.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Typography for Elementor Source: https://theplusaddons.com/elementor-widget/advanced-typography/ ## Live Demos of Elementor Advanced Typography [![](https://theplusaddons.com/wp-content/uploads/2024/08/Real-Estate-Landing-Page-Advanced-Typography-Effects.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo1) ### Real Estate Landing Page Advanced Typography Effects [![](https://theplusaddons.com/wp-content/uploads/2024/08/SaaS-Product-Features-Pages-with-Advanced-Typography.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo2) ### SaaS Product Features Pages with Advanced Typography [![](https://theplusaddons.com/wp-content/uploads/2024/08/Fancy-Title-with-Advanced-Underline-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo3) ### Fancy Title with Advanced Underline Options [![](https://theplusaddons.com/wp-content/uploads/2024/08/Landing-Page-with-Marquee-Tag.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo4) ### Landing Page with Marquee Tag [![](https://theplusaddons.com/wp-content/uploads/2024/08/Trekking-Site-with-Knockout-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo5) ### Trekking Site with Knockout Title [![](https://theplusaddons.com/wp-content/uploads/2024/08/Fancy-CTA-with-Knockout-Text.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo6) ### Fancy CTA with Knockout Text [![](https://theplusaddons.com/wp-content/uploads/2024/08/Multi-Color-Effect-Gamepage.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo7) ### Multi Color Effect Gamepage [![](https://theplusaddons.com/wp-content/uploads/2024/08/Music-Page-with-Arc-Typography-and-Magic-Scroll.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-advance-typography-demos/#Demo8) ### Music Page with Arc Typography and Magic Scroll ## Key Features of Elementor Advanced Typography ![](https://theplusaddons.com/wp-content/uploads/2024/08/Single-Line-Mulitple-Line-Selector.png) ### Single Line & Multiple Line Selector ![](https://theplusaddons.com/wp-content/uploads/2024/08/Adjust-Text-Direction.png) ### Adjust Text Direction ![](https://theplusaddons.com/wp-content/uploads/2024/08/Stroke-and-Fill-Text.png) ### Stroke and Fill Text ![](https://theplusaddons.com/wp-content/uploads/2024/08/Circular-Text.png) ### Circular Text ![](https://theplusaddons.com/wp-content/uploads/2024/08/Background-Text-Blend-Mode.png) ### Background Text Blend Mode ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Image-as-Text-Background.png) ### Add Image as Text Background ![](https://theplusaddons.com/wp-content/uploads/2024/08/Reveal-Image-on-Text-Hover.png) ### Reveal Image on Text Hover ![](https://theplusaddons.com/wp-content/uploads/2024/08/Create-Moving-Text-Marquee-Effects.png) ### Create Moving Text Marquee Effects ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Link-to-Text.png) ### Add Link to Text ![](https://theplusaddons.com/wp-content/uploads/2024/08/Customize-Everything-Advance-Typography.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Buttons for Elementor Source: https://theplusaddons.com/elementor-widget/advanced-buttons/ ## Live Demos of Plus Elementor Buttons Purchase Explore More ### Left Slide In Hover Buttons Purchase Explore More ### Centre Hover Animated CTA Buttons Read More Buy Now ### Interval Shake Elementor Buttons Read More Buy Now ### 3D Popping Effect Buttons Buy Now Check Now ### Animated Text on Elementor Button For MenGet Flat 50% Off For WomenGet Flat 50% Off ### FOMO on Hover CTA Buttons Click Me Click Me ### Icon Guided Elementor Buttons Mango juice Notify Me ### Animated Fruits Icon Button Flat 50% Off ### Ecommerce Offer CTA Buttons Discover Explore ### Elementor Button with Animated Border Discover Read More ### Multi Color Border Animated Buttons WordPress Elementor ### CTA Buttons with Shake Effect Contactabc@gmail.com ContactNew York, USA ### Text Change on Hover Buttons ### Hover Puffy Effect Elementor Button ## Elementor Advanced Download Buttons Download PDF[](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) [](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) ### Download PDF Elementor Button [](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) Download PDF[](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) ### Color Change on Hover Button [DownloadPDF](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) [downloadword](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) ### Text Change on Hover Download Button Download JPG[](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) Download png[](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) ### Bouncing Icon Button [Download JPG](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) [Download AUDIO](https://theplusaddons.com/wp-content/uploads/2018/07/The-Plus-Addons-test-pdf-for-download-button.pdf) ### Animated Icons Multimedia Download Button ## Key Features of Elementor Advanced Buttons ![](https://theplusaddons.com/wp-content/uploads/2024/07/Choose-Button-Type.png) ### Choose Button Type ![](https://theplusaddons.com/wp-content/uploads/2024/07/Multiple-Styles.png) ### Multiple Styles ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Button-Text-Link.png) ### Add Button Text and Link ![](https://theplusaddons.com/wp-content/uploads/2024/08/Adjust-Button-Alignment.png) ### Adjust Button Alignment ![](https://theplusaddons.com/wp-content/uploads/2024/08/Advance-Button-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Video Background Source: https://theplusaddons.com/elementor-widget/section-background/video-background/ ## Live Demo of Elementor Video Background ## Model 3 $7,500 Federal Tax Credit Available From $29,990 After Est. Savings Order Now Demo Drive ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Segmented Background Source: https://theplusaddons.com/elementor-widget/section-background/segmented-background/ ## Live Demos of Elementor Segmented Background ![](https://theplusaddons.com/wp-content/uploads/2018/08/typo-gap-white.png) Amaze by design ## 50% FLAT DISCOUNT Rush now ## In the CAVE ![](https://theplusaddons.com/wp-content/uploads/2018/08/typo-gap-white.png) ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Parallax Scrolling Background Source: https://theplusaddons.com/elementor-widget/section-background/parallax-scrolling-background/ ## Live Demos of Elementor Parallax Scrolling Background ## Citrus Zing Wake up your taste buds with the zesty punch of Citrus Zing. This lively flavor combines the boldness of oranges, lemons, and limes, providing a refreshing and invigorating drink. The striking orange-red hue symbolizes its vibrant and tangy character. Net Quantity : 1 liter Shelf Life : Best within 6 months manufacture. ## Ingredients: - Pineapple Juice (40%) - Mango Juice (30%) - Passionfruit Juice (30%) - Ascorbic Acid (Vitamin C) ## Nutritional Information: - Protein: 0.6 g - Carbohydrates: 12 g - Fat: 0 g - Vitamin C: 60 mg ## Tropical Breeze Transport yourself to a sunny paradise with Tropical Breeze. This vibrant flavor combines the sweet and tangy tastes of pineapple, mango, and passionfruit, creating a refreshing drink that's perfect for hot summer days. The golden hue of this beverage reflects its rich. Net Quantity : 1 liter Shelf Life : Best within 6 months manufacture. ## Ingredients: - Pineapple Juice (40%) - Mango Juice (30%) - Passionfruit Juice (30%) - Ascorbic Acid (Vitamin C) ## Nutritional Information: - Protein: 0.6 g - Carbohydrates: 12 g - Fat: 0 g - Vitamin C: 60 mg ## Berry Blast Dive into a burst of berry goodness with Berry Blast. This exciting flavor features a medley of ripe strawberries, blueberries, and raspberries, delivering a sweet and slightly tart sensation. The deep blue violet color embodies the rich, juicy flavor profile. Net Quantity : 1 liter Shelf Life : Best within 6 months manufacture. ## Ingredients: - Pineapple Juice (40%) - Mango Juice (30%) - Passionfruit Juice (30%) - Ascorbic Acid (Vitamin C) ## Nutritional Information: - Protein: 0.6 g - Carbohydrates: 12 g - Fat: 0 g - Vitamin C: 60 mg ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Particles Background Effect Source: https://theplusaddons.com/elementor-widget/section-background/particles-background-effect/ ## Live Demos of Elementor Particles Background ## FAQs How do I enroll in a course? My design style is a blend of modern and minimalist aesthetics. I focus on clean layouts, intuitive navigation, and visually appealing interfaces. My goal is to create designs that are both user-friendly and visually stunning. Can I access courses on any device? Absolutely! Our e-learning platform is fully responsive and accessible on any device, including smartphones, tablets, and desktop computers. You can learn at your convenience. Are certificates provided upon course completion? Yes, we offer certificates of completion for many of our courses. After successfully finishing a course, you can download and print your certificate to showcase your achievement. What if I need help or have technical issues? We’re here to support you. If you encounter technical issues or need assistance, reach out to our support team through the ‘Help Center’ in your account. We’ll provide prompt assistance to ensure a smooth learning experience. ### We are ## COMING SOON We are preparing something amazing and exciting for you. Stay tuned for the launch of our blog magazine website. Subscribe - 00 ###### Days - 00 ###### Hours - 00 ###### Minutes - 00 ###### Seconds ## Trusted by thousands Business More 15,000 Companies & partners trusted & choice Itekseo ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-1.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-2.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-3.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-4.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-5.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-6.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-7.png) ### ![](https://theplusaddons.com/wp-content/uploads/2024/10/client-8.png) ### ## Enjoy all our feature by subscribing regularly! Choose the plan that fits your business needs and propel your website to the top of search engine results! Explore More ##### Monthly ##### Yearly 100% Secure payment plan with money back guarantee. Basic$9/ Per Month- Basic SEO Tools - Unlock Campaign features Start now Premium$14/ Per Month- Basic SEO Tools - Unlock Campaign features - Limited keywords - 25 Research Start now Professional$20/ Per Month- Basic SEO Tools - Unlock Campaign features - Limited keywords - 25 Research - General Support Start now 100% Secure payment plan with money back guarantee. Basic$34/ Per Year- Basic SEO Tools - Unlock Campaign features Start now Premium$60/ Per Year- Basic SEO Tools - Unlock Campaign features - Limited keywords - 25 Research Start now Professional$75/ Per Year- Basic SEO Tools - Unlock Campaign features - Limited keywords - 25 Research - General Support Start now ## Special Canvas Styles Collection ### Most Amazing and Dynamic Effects to use - 00 ###### Days - 00 ###### Hours - 00 ###### Minutes - 00 ###### Seconds ### Another way to deal with an old style ## Why Choose Us? Munere moderatius no sea, oporteat lucilius prodesset nec in, dicit quidam nec in. Noluisse prodesset no per, facete fastidii disputando no nec, vis ocurreret repudiandae et. Cu verterem quaestio liberavisse quo eripuit consectetuer id ius. learn more ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Google Maps Widget for Elementor Source: https://theplusaddons.com/elementor-widget/google-maps/ ## Live Demos of Elementor Google Maps Widget ## Advanced Google Map Location HereLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. ## Multiple Google Map Styles ## Zoom Values & Control Options for Elementor Google Maps ## Map Overlay Content Our Main Office2653 Simons Hollow Road, New York - 10001 Mobile : 570-751-2447 The Plus Addons![logo](https://theplusaddons.com/wp-content/uploads/2020/11/TPAE-Black-1500X1500.png) ## Elementor Google Map with Multiple Pins ## Google Map with Cluster ## Key Features of Elementor Google Maps & OSM Maps ![](https://theplusaddons.com/wp-content/uploads/2024/10/Choose-from-Google-Maps-or-OSM.png) ### Choose from Google Maps or OSM ![](https://theplusaddons.com/wp-content/uploads/2024/07/Text-Shadow.png) ### Add Maps Pins with Longitude and Latitude ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Pin-Image-for-Maps.png) ### Add Pin Image for Maps ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Maps-Controls.png) ### Add Maps Controls ![](https://theplusaddons.com/wp-content/uploads/2024/10/Choose-Maps-Variations.png) ### Choose Maps Variations ![](https://theplusaddons.com/wp-content/uploads/2024/10/Create-Custom-Maps-Styles.png) ### Create Custom Maps Styles ![](https://theplusaddons.com/wp-content/uploads/2024/10/Modify-Hue-Saturation-Lightness.png) ### Modify Hue, Saturation & Lightness ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Overlap-Map-Text.png) ### Add Overlap Map Text ![](https://theplusaddons.com/wp-content/uploads/2024/10/Connects-Maps-with-our-Filter-Widgets.png) ### Connects Maps with our Filter Widgets ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Pins-on-OSM-maps.png) ### Add Pins on OSM maps ![](https://theplusaddons.com/wp-content/uploads/2024/10/OSM-Maps-Settings.png) ### OSM Maps Settings ![](https://theplusaddons.com/wp-content/uploads/2024/10/Multiple-Map-Pointers-for-OSM.png) ### Multiple Map Pointers for OSM ## Watch How Elementor Map Widget Works Subscribe for more Such Elementor Video Tutorials --- # Table of Contents Widget for Elementor Source: https://theplusaddons.com/elementor-widget/table-of-contents/ ## Live Demos of Elementor Table of Contents [![](https://theplusaddons.com/wp-content/uploads/2025/04/Collapsible-Table-of-Contents-on-Sidebar.png)](https://etemplates.wdesignkit.com/theplusaddons/food-blog-detail-table-of-content-demo/) ### Collapsible Table of Contents on Sidebar [![](https://theplusaddons.com/wp-content/uploads/2025/04/Heading-Tags-Based-Elementor-Table-of-Contents.png)](https://etemplates.wdesignkit.com/theplusaddons/personal-blog-table-of-content/) ### Heading Tags Based Elementor Table of Contents [![](https://theplusaddons.com/wp-content/uploads/2025/04/Fixed-Table-of-Contents-with-Segregated-Headings.png)](https://etemplates.wdesignkit.com/theplusaddons/sport-blog-table-of-content-demo/) ### Fixed Table of Contents with Segregated Headings [![](https://theplusaddons.com/wp-content/uploads/2025/04/Current-Section-Highlighter-Table-of-Contents.png)](https://etemplates.wdesignkit.com/theplusaddons/travel-blog-table-of-content-demo/) ### Current Section Highlighter Table of Contents in Elementor ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How to Use Elementor Table of Contents Widget Subscribe for more Such Elementor Video Tutorials --- # Syntax Highlighter for Elementor Source: https://theplusaddons.com/elementor-widget/syntax-code-highlighter/ ## Live Demos of Elementor Syntax Highlighter ` Button Example ` ## HTML Markup Syntax Highlighter for Elementor - Syntax highlighting for HTML code snippets - Customizable color schemes - Code copy functionality ## CSS Code Elementor Syntax Highlighter - Syntax highlighting for CSS code snippets - Line numbering - Download code button `/* style.css */ .btn { background-color: #3498db; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } btn:hover { background-color: #298069; }` ``` // script.js function validateForm() { var name = document.getElementById("name").value; var email = document.getElementById("email").value; vor message = document.getElementById("message").value; if (nome"" || email"Il message="") { alert("All fields are required!"); return false; } return true; } ``` ## JavaScript Code Snippet Highlighter - Syntax highlighting for JavaScript code snippets - Line numbering - Download code button ## PHP Code Syntax Highlighter for Elementor - Syntax highlighting for PHP code snippets - Line numbering - Download code button ``` ?php // submit.php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $message = htmlspecialchars($_POST["message"]); // Example: Sending an email (you can customize this part) $to = "you@example.com"; $subject = "New Contact Form Submission"; $body ``` ## Key Features of Elementor Syntax Highlighter ![](https://theplusaddons.com/wp-content/uploads/2024/10/Choose-from-multiple-Code-Languages.png) ### Choose from multiple Code Languages ![](https://theplusaddons.com/wp-content/uploads/2024/10/Mulitpl-Code-Themes.png) ### Multiple Code Themes ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Source-Code-and-Adjust-Alignment.png) ### Add Source Code and Adjust Alignment ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Copy-Code-Button.png) ### Add Copy Code Button ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Line-Numbering-with-Highlight.png) ### Add Line Numbering with Highlight ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Download-button-with-code-download-link.png) ### Add Download button with code download link ![](https://theplusaddons.com/wp-content/uploads/2024/10/Code-syntax-highligter-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Stylish List for Elementor Source: https://theplusaddons.com/elementor-widget/stylish-list/ ## Live Demos of Elementor Stylish List [![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Icon-List-with-Hover-Effects.png)](https://etemplates.wdesignkit.com/theplusaddons/stylish-list-new-demos/#demo-1) ### Horizontal Icon List with Hover Effects [![](https://theplusaddons.com/wp-content/uploads/2024/07/Change-Background-Image-on-List-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/stylish-list-new-demos/#demo-2) ### Change Background Image on List Hover [![](https://theplusaddons.com/wp-content/uploads/2024/07/Icon-List-with-Read-More-Button-Pin-Text.png)](https://etemplates.wdesignkit.com/theplusaddons/stylish-list-new-demos/#demo-3) ### Icon List with Read More Button & Pin Text [![](https://theplusaddons.com/wp-content/uploads/2024/07/List-with-on-Hover-Inverse-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/stylish-list-new-demos/#demo-4) ### List with on Hover Inverse Effect ## Key Features of Elementor Stylish List ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Unlimited-List-Items.png) ### Add Unlimited List Items ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Text-Content-for-List.png) ### Add Text Content for List ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Icon-with-Link-to-List.png) ### Add Icon with Link to List ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Pin-Tag-Text-to-List-Item.png) ### Add Pin Tag Text to List Item ![](https://theplusaddons.com/wp-content/uploads/2024/07/Change-Background-on-List-Interaction.png) ### Change Background on List Interaction ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Text-Image-or-Elementor-Template-as-Tooltip.png) ### Add Text, Image or Elementor Template as Tooltip ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-Read-More-Button-for-Long-List.png) ### Show Read More Button for Long List ![](https://theplusaddons.com/wp-content/uploads/2024/07/Display-Number-Counter-for-List-Items.png) ### Display Number Counter for List Items ![](https://theplusaddons.com/wp-content/uploads/2024/07/Interactive-Links-Effect-on-List-Items.png) ### Interactive Links Effect on List Items ![](https://theplusaddons.com/wp-content/uploads/2024/07/Change-List-Layout-as-per-Device-Screen.png) ### Change List Layout as per Device Screen ![](https://theplusaddons.com/wp-content/uploads/2024/07/Create-Global-Hover-Inverse-Effect-on-List-Items.png) ### Create Global Hover Inverse Effect on List Items ![](https://theplusaddons.com/wp-content/uploads/2024/07/Customize-Everything-Stylish-List.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Social Share Buttons Widget for Elementor Source: https://theplusaddons.com/elementor-widget/social-sharing-buttons/ ## Live Demos of Elementor Social Share Buttons share- - - - - ### Elementor Social Share Toggle Button - - [](https://www.instagram.com/)- [](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://twitter.com/intent/tweet?text=Social%20Share%20Buttons%20Widget%20for%20Elementor%20https://theplusaddons.com/elementor-widget/social-sharing-buttons/) ### Social Sharing Right Hover Toggle Button - [Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Vertical Sharing Buttons with Icon & Text - [Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [Linkedin](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Social Platforms Share Button - [Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor)- [WhatsApp](https://api.whatsapp.com/send?text=Social%20Share%20Buttons%20Widget%20for%20Elementor-https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Reddit](https://reddit.com/submit?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Sharing Buttons with Channel Name & Icon - [Share on Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Share on Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [Share on LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor)- [Share on WhatsApp](https://api.whatsapp.com/send?text=Social%20Share%20Buttons%20Widget%20for%20Elementor-https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Share on Reddit](https://reddit.com/submit?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Share on Social Platform text Button - [](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor)- [](https://api.whatsapp.com/send?text=Social%20Share%20Buttons%20Widget%20for%20Elementor-https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://reddit.com/submit?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Vertical Share Button Icons - [Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Horizontal Sharing Buttons with Icon & Text - [Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [Linkedin](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Social Platforms Horizontal Button - [Facebook](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor)- [WhatsApp](https://api.whatsapp.com/send?text=Social%20Share%20Buttons%20Widget%20for%20Elementor-https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Reddit](https://reddit.com/submit?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Elementor Social Sharing Buttons with Auto Columns - [](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor)- [](https://api.whatsapp.com/send?text=Social%20Share%20Buttons%20Widget%20for%20Elementor-https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://reddit.com/submit?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Boxed Social Sharing Icons - [](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor)- [](https://api.whatsapp.com/send?text=Social%20Share%20Buttons%20Widget%20for%20Elementor-https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [](https://reddit.com/submit?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Circle Social Sharing Icons ## Add Social Share with Share Count - [Facebook100K](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest60K](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [Linkedin8K](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Horizontal Social Buttons with Followers Count - [Facebook100K](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [Pinterest60K](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [LinkedIn8k](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Vertical Social Buttons with Share Count - [100K](https://www.facebook.com/sharer.php?u=https://theplusaddons.com/elementor-widget/social-sharing-buttons/)- [60K](https://www.pinterest.com/pin/create/button/?url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&media=https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Buttons-for-Elementor-feature-image.jpg)- [8K](https://www.linkedin.com/shareArticle?mini=true&url=https://theplusaddons.com/elementor-widget/social-sharing-buttons/&title=Social%20Share%20Buttons%20Widget%20for%20Elementor) ### Vertical Social Share Icons with Counter ## Key Features of Elementor Social Share Buttons ![](https://theplusaddons.com/wp-content/uploads/2024/10/Horizontal-Vertical-Toggle-Button-Layout.png) ### Horizontal, Vertical & Toggle Button Layout ![](https://theplusaddons.com/wp-content/uploads/2024/10/Multiple-Social-Icon-Styles.png) ### Multiple Social Icon Styles ![](https://theplusaddons.com/wp-content/uploads/2024/10/Adjust-Icon-Text-and-Share-Count-Order.png) ### Adjust Icon, Text and Share Count Order ![](https://theplusaddons.com/wp-content/uploads/2024/10/Adjust-Column-for-Social-Sharing-Icons.png) ### Adjust Column for Social Sharing Icons ![](https://theplusaddons.com/wp-content/uploads/2024/10/Adjust-Social-Sharing-Alignment.png) ### Adjust Social Sharing Alignment ![](https://theplusaddons.com/wp-content/uploads/2024/10/Display-Social-Sharing-Count.png) ### Display Social Sharing Count ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Social-Sharing-Icons.png) ### Add Social Sharing Icons ![](https://theplusaddons.com/wp-content/uploads/2024/10/Customise-Social-Share-Icons.png) ### Customize Social Share Icons ![](https://theplusaddons.com/wp-content/uploads/2024/10/Social-Sharing-Customize-Everything.png) ### Customize Everything ## Watch How Elementor Social Share Buttons Widget Works Subscribe for more Such Elementor Video Tutorials --- # Social Icons Widget for Elementor Source: https://theplusaddons.com/elementor-widget/social-icons/ ## Live Demos of Elementor Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Skincare-Website-with-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-1/#demo1) ### Skincare Website with Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Social-Icons-for-Personal-Blog.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-1/#demo2) ### Elementor Social Icons for Personal Blog [![](https://theplusaddons.com/wp-content/uploads/2024/04/Fitness-Page-Dotted-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-1/#demo3) ### Fitness Page Dotted Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Social-Icons-on-Pet-Site.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-2/#demo4) ### Elementor Floating Social Icons on Pet Site [![](https://theplusaddons.com/wp-content/uploads/2024/04/Boxed-Horizontal-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-2/#demo5) ### Boxed Horizontal Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Team-Page-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-2/#demo6) ### Team Page Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Social-Icons-in-Footer.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-3/#demo7) ### Elementor Social Icons in Footer [![](https://theplusaddons.com/wp-content/uploads/2024/04/Artist-Page-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-3/#demo8) ### Artist Page Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Social-Icons-for-Digital-Agency.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-3/#demo9) ### Social Icons for Digital Agency [![](https://theplusaddons.com/wp-content/uploads/2024/04/Dark-Mode-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-4/#demo10) ### Dark Mode Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Social-Icons-under-Contact-Info.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-4/#demo11) ### Elementor Social Icons under Contact Info [![](https://theplusaddons.com/wp-content/uploads/2024/04/Social-Icon-Buttons-in-Footer.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-4/#demo12) ### Social Icon Buttons in Footer [![](https://theplusaddons.com/wp-content/uploads/2024/04/Follow-Us-Social-Icons-with-Custom-Links.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-5/#demo13) ### Follow Us Social Icons with Custom Links [![](https://theplusaddons.com/wp-content/uploads/2024/04/Boxed-Social-Icons-on-Coming-Soon-Page.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-demos-new-group-5/#demo14) ### Boxed Social Icons on Coming Soon Page [![](https://theplusaddons.com/wp-content/uploads/2024/04/Sidebar-Social-Icons-on-Blog-Page.png)](https://etemplates.wdesignkit.com/theplusaddons/social-icon-new-demo-blog-formate/) ### Sidebar Social Icons on Blog Page ## Key Features of Elementor Social Icons ![](https://theplusaddons.com/wp-content/uploads/2024/04/Mulitple-Social-Icon-Styles.png) ### Multiple Social Icon Styles ![](https://theplusaddons.com/wp-content/uploads/2024/04/Choose-from-30-Social-Platforms.png) ### Choose from 30+ Social Platforms ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Color-for-Individual-Social-Icon.png) ### Customize Color for Individual Social Icon ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Multiple-Icons-with-Repeater-Mode.png) ### Add Multiple Icons with Repeater Mode ![](https://theplusaddons.com/wp-content/uploads/2024/04/Vertical-and-Horizontal-Toggle-Switcher.png) ### Vertical & Horizontal Toggle Switcher ![](https://theplusaddons.com/wp-content/uploads/2024/04/Adjust-Gap-Styling-Options.png) ### Adjust Gap & Styling Options ## Watch How to Use Elementor Social Icons Widget Subscribe for more Such Elementor Video Tutorials --- # Protected Content for Elementor Source: https://theplusaddons.com/elementor-widget/protected-content/ ## Live Demos of Elementor Protected Content [![](https://theplusaddons.com/wp-content/uploads/2024/08/Single-Password-Content-Protection.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-protected-content-demo/#Demo1) ### Single Password Content Protection [![](https://theplusaddons.com/wp-content/uploads/2024/08/Password-Protected-Exclusive-Content-Lock.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-protected-content-demo/#Demo2) ### Password Protected Exclusive Content Lock [![](https://theplusaddons.com/wp-content/uploads/2024/08/User-Role-Based-Content-Visibility.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-protected-content-demo/#Demo3) ### User Role Based Content Visibility ## Key Features of Elementor Protected Content ![](https://theplusaddons.com/wp-content/uploads/2024/08/Protect-Text-or-Full-Elementor-Template.png) ### Protect Text or Full Elementor Template ![](https://theplusaddons.com/wp-content/uploads/2024/08/User-Role-Single-or-Multi-Password-Mode.png) ### User Role, Single or Multi Password Mode ![](https://theplusaddons.com/wp-content/uploads/2024/08/Store-Value-in-Cookie.png) ### Store Value in Cookie ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Custom-Content-Before-Unlocking-Protected-Content.png) ### Add Custom Content Before Unlocking Protected Content ![](https://theplusaddons.com/wp-content/uploads/2024/08/Edit-Form-Text.png) ### Edit Form Text ![](https://theplusaddons.com/wp-content/uploads/2024/08/Custom-Error-Message.png) ### Custom Error Message ![](https://theplusaddons.com/wp-content/uploads/2024/08/Protected-Content-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Progress Bar Widget for Elementor Source: https://theplusaddons.com/elementor-widget/progress-bar/ ## Live Demos of Elementor Progress Bar [![](https://theplusaddons.com/wp-content/uploads/2024/08/Showcase-Skills-Using-Piechart.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-progress-bar-demo/#Demo1) ### Showcase Skills Using Piechart [![](https://theplusaddons.com/wp-content/uploads/2024/08/Expense-Allocation-Percentage-with-Bars.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-progress-bar-demo/#Demo2) ### Expense Allocation Percentage with Bars [![](https://theplusaddons.com/wp-content/uploads/2024/08/Display-Business-Stats-with-Progress-Bar-Widget.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-progress-bar-demo/#Demo3) ### Display Business Stats with Progress Bar Widget [![](https://theplusaddons.com/wp-content/uploads/2024/08/Progress-Bar-Chart-with-Custom-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-progress-bar-demo/#Demo4) ### Progress Bar Chart with Custom Icons [![](https://theplusaddons.com/wp-content/uploads/2024/08/Customizable-Progress-Meter-Percentages.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-progress-bar-demo/#Demo5) ### Customizable Progress Meter Percentages [![](https://theplusaddons.com/wp-content/uploads/2024/08/Multi-Color-Elementor-Progress-Ticker.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-progress-bar-demo/#Demo6) ### Multi Color Elementor Progress Ticker ## Key Features of Elementor Progress Bar ![](https://theplusaddons.com/wp-content/uploads/2024/08/Multiple-Progress-Bar-Styles.png) ### Multiple Progress Bar Styles ![](https://theplusaddons.com/wp-content/uploads/2024/08/Multiple-Height-Controls.png) ### Multiple Height Controls ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Progress-Percentage.png) ### Add Progress Percentage ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Title-and-Sub-Title.png) ### Add Title and Sub Title ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-No-with-Prefix-or-Suffix.png) ### Add No. with Prefix or Suffix ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Icon-Image-or-Lottie.png) ### Add Icon, Image or Lottie ![](https://theplusaddons.com/wp-content/uploads/2024/08/Progress-Bar-Customize-Everything.png) ### Customize Everything ## Watch How to Use Elementor Progress Bar Widget Subscribe for more Such Elementor Video Tutorials --- # Pricing Table Widget for Elementor Source: https://theplusaddons.com/elementor-widget/pricing-table/ ## Live Demos of Pricing Table for Elementor [![](https://theplusaddons.com/wp-content/uploads/2024/04/Pricing-Table-With-Monthly-yearly-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/pricing-table-demo/#pricingdemo1) ### Pricing Table with Monthly/Yearly Switcher [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Pricing-Table-with-Ribbon-Text.png)](https://etemplates.wdesignkit.com/theplusaddons/pricing-table-demo/#pricingdemo2) ### Elementor Pricing Table with Ribbon Text [![](https://theplusaddons.com/wp-content/uploads/2024/04/Paid-Plans-with-Pricing-Highlighter-Show-More-Option.png)](https://etemplates.wdesignkit.com/theplusaddons/pricing-table-demo/#pricingdemo3) ### Paid Plans with Pricing Highlighter & Show More Option [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Pricing-Table-with-Tag-and-Background-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/pricing-table-demo/#pricingdemo4) ### Elementor Pricing Table with Tag and Background Image [![](https://theplusaddons.com/wp-content/uploads/2024/04/Pricing-Table-with-Center-Zoom-In.png)](https://etemplates.wdesignkit.com/theplusaddons/pricing-table-demo/#pricingdemo5) ### Pricing Table with Center Zoom In ## Key Features of Elementor Pricing Table Widget ![](https://theplusaddons.com/wp-content/uploads/2024/04/Multiple-Pricing-Table-Layouts.png) ### Multiple Pricing Table Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Title-to-Pricing-Table.png) ### Add Title to Pricing Table ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Pricing-with-Currency.png) ### Add Pricing with Currency ![](https://theplusaddons.com/wp-content/uploads/2024/07/Show-Previous-Pricing-for-Offer.png) ### Show Previous Pricing for Offer ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Pricing-Key-Features-List.png) ### Add Pricing Key Features List ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Button-with-Icon-Lottie.png) ### Add Button with Icon / Lottie ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-CTA-Text-below-Button.png) ### Add CTA Text below Button ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/04/Highlight-Pricing-Table-with-Ribbon-Text.png) ### Highlight Pricing Table with Ribbon Text ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Simple-Text-Content-under
Pricing-Table.png) ### Add Simple Text Content under
Pricing Table ## Watch How to Create Pricing Tables in Elementor Subscribe for more Such Elementor Video Tutorials --- # Price List for Elementor Source: https://theplusaddons.com/elementor-widget/price-list/ ## Live Demos of Price List Widget for Elementor ##### Fresh, Fast, & Flavorful ## Savor the Best Veggie Fast-Food with Ingredients You Can Trust ##### POPULAR ### Veggie Burger #### $5.49 ##### Customer Favorite ### Paneer Sandwich #### $6.29 ##### Hot Deal ### Cheesy Fries #### $7.99 ##### Best Value ### Spicy Wrap #### $4.49 ##### Fresh, Fast, & Flavorful ## Savor the Best Veggie Fast-Food with Ingredients You Can Trust ### Margherita Pizza #### $8.99 Classic thin-crust pizza topped with fresh tomatoes, mozzarella, and basil. ### Spinach & Feta Wrap #### $8.99 Fresh spinach, creamy feta, and light garlic sauce wrapped in a soft tortilla and grilled to perfection. ### Grilled Veggie Burger #### $8.99 A savory burger with a grilled veggie patty, fresh lettuce, tomatoes, and a dollop of mayo. ### Cauliflower Buffalo Bites #### $8.99 Spicy, crispy cauliflower bites served with a side of ranch dipping sauce. ### Veggie Quesadilla #### $8.99 Soft tortillas filled with melted cheese, grilled vegetables, and a side of salsa. ### Mediterranean Veggie Salad #### $8.99 Crisp greens, cucumber, olives, and feta cheese tossed in a lemon vinaigrette. ### Veggie Samosa #### $8.99 Crispy pastry filled with spiced potatoes, peas, and herbs, served with a tangy chutney. ### Grilled Veggie Panini #### $8.99 Grilled veggies, mozzarella, and pesto sauce pressed in a toasted panini. ![](https://theplusaddons.com/wp-content/uploads/2024/09/spaaura-image.png) ## Discover SpaAura Facial Rejuvenation ![](https://theplusaddons.com/wp-content/uploads/2024/09/tissue-massage.png) ### Tissue Massage #### $120 Relieve muscle tension with our specialized deep tissue techniques. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Revitalizing-Facial.png) ### Revitalizing Facial #### $85 Restore your skin's glow with a refreshing and hydrating facial. ![](https://theplusaddons.com/wp-content/uploads/2024/09/Hot-Stone-Therapy.png) ### Hot Stone Therapy #### $150 Melt away stress with warm stones placed on key points of your body. ## Key Features of Elementor Price List ![](https://theplusaddons.com/wp-content/uploads/2024/09/Pricing-List-Style.png) ### Pricing List Style ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Title-Tag-with-Pricing.png) ### Add Title & Tag with Pricing ![](https://theplusaddons.com/wp-content/uploads/2024/09/Pricing-Details-Description.png) ### Pricing Details & Description ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Pricing-List-Background.png) ### Customize Pricing List Background ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Flip-Book-Pricing-List.png) ### Add Flip Book Pricing List ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Image-Lottie-in-Pricing-List.png) ### Add Image & Lottie in Pricing List ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Everything-Pricing-List.png) ### Customize Everything ## Watch How to Create Price Lists in Elementor Subscribe for more Such Elementor Video Tutorials --- # Pie Chart for Elementor Source: https://theplusaddons.com/elementor-widget/pie-chart/ ## Live Demos of Elementor Pie Chart ## Pie Chart with Text ##### Green Create Ideas Pie Chart with Text Green ##### Pink Innovative Projects Pie Chart with Text Pink ##### Purple Business Solutions Pie Chart with Text Purple ##### Blue Customer Support Pie Chart with Text Blue ## Pie Chart with Number ##### 40% Business Solutions ##### 60% Customer Support ##### 70% Create Ideas ##### 100% Innovative Projects ## Pie Chart with Icons ##### 60% Innovative Projects ##### 70% Create Ideas ##### 80% Business Solutions ##### 90% Customer Support ## Elementor Pie Chart with Animated Background ##### 90% Customer Support ##### 80% Business Solutions ##### 70% Create Ideas ##### 60% Innovative Projects ## Circle Pie Chart with Title & Subtitle ##### 40% Create Ideas Pie Chart 40% ##### 50% Customer Support Pie Chart 50% ##### 60% Business Solutions Pie Chart 60% ##### 70% Innovative Projects Pie Chart 70% ## Circle Pie Chart with Title & Subtitle ##### 60% Business Solutions Pie Chart 60% ##### 70% Innovative Projects Pie Chart 70% ##### 80% Create Ideas Pie Chart 80% ##### 90% Customer Support Pie Chart 90% ## Gradient Color Elementor Pie Charts ##### 90% Innovative Projects Pie Chart 90% ##### 80% Create Ideas Pie Chart 80% ##### 60% Innovative Projects Pie Chart 60% ##### 50% Business Solutions Pie Chart 50% ## Half Circled Elementor Pie Chart ##### 60% Innovative Projects ##### 70% Create Ideas ##### 80% Customer Support ##### 90% Business Solutions ## Key Features of Elementor Pie Chart ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mulitple-Pie-Chart-Styles.png) ### Multiple Pie Chart Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Pie-Chart-Rounded-Styles.png) ### Pie Chart Rounded Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Labels-No-of-Pie-Chart.png) ### Add Labels & No. of Pie Chart ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Icon-Lottie-or-Image-in-Pie-Chart.png) ### Add Category, Link & Logo Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Pie-Chart-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Number Counter Widget for Elementor Source: https://theplusaddons.com/elementor-widget/number-counter/ ## Live Demos of Elementor Number Counter [![](https://theplusaddons.com/wp-content/uploads/2024/07/Milestone-Stats-Horizontal-Number-Counter.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-animated-number-counter-demo/%20#numbercounter1) ### Milestone Stats Horizontal Number Counter [![](https://theplusaddons.com/wp-content/uploads/2024/07/Event-Management-Vertical-Counter-Widget.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-animated-number-counter-demo/%20#numbercounter2) ### Event Management Vertical Counter Widget [![](https://theplusaddons.com/wp-content/uploads/2024/07/Number-Counter-Statistic-with-Glassmorhpism.png)](https://etemplates.wdesignkit.com/theplusaddons/elementor-animated-number-counter-demo/%20#numbercounter3) ### Number Counter Statistic with Glassmorphism ## Key Features of Elementor Number Counter ![](https://theplusaddons.com/wp-content/uploads/2024/07/Mulitple-Styles.png) ### Multiple Styles ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Title-Alignment-Control.png) ### Add Title & Alignment Control ![](https://theplusaddons.com/wp-content/uploads/2024/07/Animations-Controls.png) ### Animations Controls ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Symbol-at-Prefix-PostFix.png) ### Add Symbol at Prefix & PostFix ![](https://theplusaddons.com/wp-content/uploads/2024/07/Add-Icons-Lottie-SVG-Image-with-Link.png) ### Add Icons, Lottie, SVG & Image with Link ![](https://theplusaddons.com/wp-content/uploads/2024/07/Number-Counter-Customize-Everything.png) ### Customize Everything ## Watch How to Use Elementor Number Counter Widget Subscribe for more Such Elementor Video Tutorials --- # Message Box Source: https://theplusaddons.com/elementor-widget/message-box/ ## Live Demos of Elementor Message Box UX Blaster! Use this to give notices to your visitors to improve site’s UX and conversations. 10,000 users joined last week. Time is ticking, Join today to get exciting offers. 🎁 Change the way you build Mobile Apps! New Dashboard launched today. Have a look. ### Various Warnings, Alerts, Notices and more with simple Message box widget in Elementor. Improve UX by using amazing message box widget in your Elementor based WordPress websites. ### Multiple Possibilities with Icons and Close Buttons Design multiple ways to use at multiple places. Here a special way to describe your emotion. GIGGLE! It’s gradient of your dream in message box. Special Warning! Your text will be here. Double line Warning! Lorem ipsum or wonder women, All same at the end. Warning! Your text will be here. **Special Warning!** Your text will be here. **Bye** 👋. Just kidding. Enter your message here and we will help you. WOW 🤩. It’s background image in message box. ### Long Description based Messages? Here is the solution using below styles DangerIt’s time to show your warning description. As, You have long space to write, What you want to. Use it wisely. Warning ⚡It’s time to show your warning description. As, You have long space to write, What you want to. Use it wisely. OfferIt’s time to show your warning description. As, You have long space to write, What you want to. Use it wisely. Always take care of below things:When you go outside of your home, Wear your clothes. Brush your teeth every morning and night without missing. Don’t order non-veg food, If you are vegetarian. Why you are reading till here? These are just demo content. Focus on design only. ### Simple Yet Elegant Alert Message Boxes Use below to put a notice in between your blog posts This is sample text, You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! It’s wonderful! 😍. You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! It’s wonderful! You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! It’s wonderful! You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! This is sample text, You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! This is sample text, You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! This is sample text, You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! This is sample text, You may replace it with yours. You may write whatever you want to, But make sure, It’s meaningful. Keep in mind, Content is king! ### Want to Show Offers or Update Notification? Below message box layouts will make your work easy. Warning Title! This is your space.Don’t miss this text as It will surely put an impact on user’s decision. It looks small but It will make an impact. Warning Title! This is your space.Don’t miss this text as It will surely put an impact on user’s decision. It looks small but It will make an impact. Special Offer! 🎁Don’t miss this text as It will surely put an impact on user’s decision. It looks small but It will make an impact. New Update AvailableDon’t miss this text as It will surely put an impact on user’s decision. It looks small but It will make an impact. ## Key Features of Elementor Message Box ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Message-Title-and-Description.png) ### Add Message Title & Description ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Message-Box-Icon-and-Close-Button.png) ### Add Message Box Icon & Close Button ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customise-Everything-Message-Box.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Password Reset Form for Elementor Source: https://theplusaddons.com/elementor-widget/password-reset-form/ ## Transform Your Simple Password Reset Form Page into Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-dashboard-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-dashboard-with-form.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Live Demos of Elementor Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-with-Remember-Me-Checkbox.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo1) ### Login Form with Remember Me Checkbox [![](https://theplusaddons.com/wp-content/uploads/2024/10/AI-Website-Themed-Login-Switcher-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo2) ### AI Website Themed Login Switcher Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Login-Form-on-Button-Click.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo3) ### Elementor Login Form on Button Click [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-with-Social-Login-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo4) ### Login Form with Social Login Options [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-Option-in-Header-Bar-CTA-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo5) ### Login Form Option in Header Bar CTA Button [![](https://theplusaddons.com/wp-content/uploads/2024/10/Popup-Box-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo6) ### Popup Box Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Off-Canvas-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo7) ### Off Canvas Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Sign-Up-Form-Tabbed-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo8) ### Login/Sign Up Form Tabbed Switcher ## Complete Set of Login, Sign Up & Forgot/Reset Password Widgets ### Sign Up/Registration Form Create and customize your Sign Up/Registration Forms easily with Elementor Registration Form widget. ![](https://theplusaddons.com/wp-content/uploads/2024/10/signup-form-layout-image.png) ### Forgot/Reset Password Form Easily create and customize your Forgot/Reset Password Forms with Elementor Password Reset Form widget. ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-layout-image.png) ## Key Features of Elementor Login Form ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Registration Form Source: https://theplusaddons.com/elementor-widget/registration-form/ ## Transform Your Simple Password Reset Form Page into Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-dashboard-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-dashboard-with-form.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Live Demos of Elementor Registration Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-with-Remember-Me-Checkbox.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo1) ### Login Form with Remember Me Checkbox [![](https://theplusaddons.com/wp-content/uploads/2024/10/AI-Website-Themed-Login-Switcher-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo2) ### AI Website Themed Login Switcher Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Login-Form-on-Button-Click.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo3) ### Elementor Login Form on Button Click [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-with-Social-Login-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo4) ### Login Form with Social Login Options [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-Option-in-Header-Bar-CTA-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo5) ### Login Form Option in Header Bar CTA Button [![](https://theplusaddons.com/wp-content/uploads/2024/10/Popup-Box-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo6) ### Popup Box Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Off-Canvas-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo7) ### Off Canvas Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Sign-Up-Form-Tabbed-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo8) ### Login/Sign Up Form Tabbed Switcher ## Complete Set of Login, Sign Up & Forgot/Reset Password Widgets ### Login Form Create and customize your Login Forms with Elementor Login Form widget. ![](https://theplusaddons.com/wp-content/uploads/2024/10/login-form-layout-image.png) ### Forgot/Reset Password Form Easily create and customize your Forgot/Reset Password Forms with Elementor Password Reset Form widget. ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-layout-image.png) ## Key Features of Elementor Login Form ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Login Form Widget for Elementor Source: https://theplusaddons.com/elementor-widget/login-form/ ## Transform Your Simple Login Page into Premium One ![](https://theplusaddons.com/wp-content/uploads/2024/10/dashboard-login-image.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/login-form-image-dashboard.png) ![](https://theplusaddons.com/wp-content/uploads/2024/10/scroll-btn-before-after.svg) ## Live Demos of Elementor Login Form Widget [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-with-Remember-Me-Checkbox.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo1) ### Login Form with Remember Me Checkbox [![](https://theplusaddons.com/wp-content/uploads/2024/10/AI-Website-Themed-Login-Switcher-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo2) ### AI Website Themed Login Switcher Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Elementor-Login-Form-on-Button-Click.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo3) ### Elementor Login Form on Button Click [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-with-Social-Login-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo4) ### Login Form with Social Login Options [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Form-Option-in-Header-Bar-CTA-Button.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo5) ### Login Form Option in Header Bar CTA Button [![](https://theplusaddons.com/wp-content/uploads/2024/10/Popup-Box-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo6) ### Popup Box Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Off-Canvas-Login-Form.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo7) ### Off Canvas Login Form [![](https://theplusaddons.com/wp-content/uploads/2024/10/Login-Sign-Up-Form-Tabbed-Switcher.png)](https://etemplates.wdesignkit.com/theplusaddons/login-form-for-elementor/#Demo8) ### Login/ Sign Up Form Tabbed Switcher ## Complete Set of Login, Sign Up & Forgot/ Reset Password Widgets ### Sign Up/ Registration Form Create and customize your Sign Up/ Registration Forms easily with Elementor Registration Form widget. ![](https://theplusaddons.com/wp-content/uploads/2024/10/signup-form-layout-image.png) ### Forgot/ Reset Password Form Easily create and customize your Forgot/ Reset Password Forms with Elementor Password Reset Form widget. ![](https://theplusaddons.com/wp-content/uploads/2024/10/forgot-password-layout-image.png) ## Key Features of Elementor Login Form ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How Login Form for Elementor Works Subscribe for more Such Elementor Video Tutorials --- # Info Box for Elementor Source: https://theplusaddons.com/elementor-widget/info-box/ ## Live Demos of Elementor Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Hexagon-Shaped-Icon-Info-Box-1.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo1) ### Hexagon Shaped Icon Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Logistics-Features-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo2) ### Logistics Features Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Info-Box-with-Glass-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo3) ### Elementor Info Box with Glass Effect [![](https://theplusaddons.com/wp-content/uploads/2024/04/Gradient-Background-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo4) ### Gradient Background Info Box [![](https://theplusaddons.com/wp-content/uploads/2020/10/Elementor-Carousel-Info-Box-with-Lottie-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo5) ### Elementor Carousel Info Box with Lottie Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Glassy-Gradient-Effects-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo6) ### Glassy Gradient Effects Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Info-Box-Icon-Background-Color-Change-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo7) ### Info Box Icon Background Color Change on Hover [![](https://theplusaddons.com/wp-content/uploads/2024/04/Custom-Shaped-Neobrutalism-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo8) ### Custom Shaped Neobrutalism Info Box [![](https://theplusaddons.com/wp-content/uploads/2020/10/Emoji-Icon-Info-Box-with-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo9) ### Emoji Icon Info Box with Carousel [![](https://theplusaddons.com/wp-content/uploads/2024/04/Base-Shadow-Effect-Elementor-Carousel-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo10) ### Base Shadow Effect Elementor Carousel Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Info-Box-Grid-with-Gradient-Background-Change-1.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo11) ### Info Box Grid with Gradient Background Change [![](https://theplusaddons.com/wp-content/uploads/2020/10/Carousel-Gradient-Icons-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo12) ### Carousel Gradient Icons Info Box [![](https://theplusaddons.com/wp-content/uploads/2024/04/Multi-Color-Info-Box-with-Separator.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo13) ### Multi Color Info Box with Separator ## Key Features of Elementor Info Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Grid-Carousel-Layout.png) ### Grid & Carousel Layout ![](https://theplusaddons.com/wp-content/uploads/2024/04/Multiple-Layout-Styles.png) ### Multiple Layout Styles ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Text-to-Info-Box.png) ### Add Text to Info Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Custom-Link-to-Info-Box.png) ### Add Custom Link to Info Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Icon-SVG-Image-or-Lottie-Animations.png) ### Add Icon, SVG, Image or Lottie Animations ![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Additional-Button-to-Info-Box.png) ### Add Additional Button to Info Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Enable-Link-for-Full-Info-Box.png) ### Enable Link for Full Info Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Animation-to-Info-Box.png) ### Add Animation to Info Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Repeater-Mode-for-Carousel.png) ### Repeater Mode for Carousel ![](https://theplusaddons.com/wp-content/uploads/2024/04/Set-Unique-Background-for-Carousel.png) ### Set Unique Background for Carousel ![](https://theplusaddons.com/wp-content/uploads/2024/04/Connect-with-Carousel-Remote.png) ### Connect with Carousel Remote ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything-3.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Heading Titles for Elementor Source: https://theplusaddons.com/elementor-widget/heading-titles/ ## Live Demos of Elementor Heading Widget [![](https://theplusaddons.com/wp-content/uploads/2024/09/Business-Solutions-Heading-Title-and-Sub-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo1) ### Business Solutions Heading Title and Sub Title [![](https://theplusaddons.com/wp-content/uploads/2024/09/Course-Titles-in-Grid.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo2) ### Course Titles in Grid [![](https://theplusaddons.com/wp-content/uploads/2024/09/Testimonial-Heading-Titles-with-Numbers.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo3) ### Testimonial Heading Titles with Numbers [![](https://theplusaddons.com/wp-content/uploads/2024/09/Elementor-Heading-Title-with-Image-Background.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo4) ### Elementor Heading Title with Image Background [![](https://theplusaddons.com/wp-content/uploads/2024/09/Achievements-Headings-with-Timeline.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo5) ### Achievements Headings with Timeline [![](https://theplusaddons.com/wp-content/uploads/2025/04/Overlay-Effect-Dual-Headings-in-Elementor.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo6) ### Overlay Effect Dual Headings in Elementor [![](https://theplusaddons.com/wp-content/uploads/2025/04/Mix-Typography-Styled-Heading-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo7) ### Mix Typography Styled Heading Title [![](https://theplusaddons.com/wp-content/uploads/2025/04/AI-Tool-Animated-Heading-Title.png)](https://etemplates.wdesignkit.com/theplusaddons/heading-title-demos/#Demo8) ### AI Tool Animated Heading Title ## Key Features of Elementor Heading Widget ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mulitple-Heading-Styles.png) ### Multiple Heading Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Title-Sub-Title-with-Postfix-and-Prefix.png) ### Add Title, Sub Title with Postfix & Prefix ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Heading-Limits.png) ### Add Heading Limits ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Everything.png) ### Customize Everything ## Watch How Elementor Heading Titles Work Subscribe for more Such Elementor Video Tutorials --- # Dark Mode Switcher for Elementor Source: https://theplusaddons.com/elementor-widget/dark-mode-switcher/ ## Live Demo of Elementor Dark Mode ## first smart camera with Web3 With Mining AI technology, you can create original artwork, game assets, and other creative works - in just seconds. Download on theApp Store GET IT ONGoogle Play ![](https://theplusaddons.com/wp-content/uploads/2024/10/smart-mobile.png) ## Live Demos of Elementor Dark Mode Switcher ![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Mode-Switcher-with-Image-Background.png) ### Dark Mode Switcher with Image Background [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-1.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Mode-Switcher-with-Image-Toggle.png) ### Dark Mode Switcher with Image Toggle [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-2.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Mode-Switcher-with-Day-Night-Toggle.png) ### Dark Mode Switcher with Day/ Night Toggle [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-3.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Mode-Switcher-with-Big-Day-Night-Toggle.png) ### Dark Mode Switcher with Big Day/ Night Toggle [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-4.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Simple-Dark-Mode-Switcher.png) ### Simple Dark Mode Switcher [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-5.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Night-Light-Dark-Mode-Moon-Sun-Switcher.png) ### Night/ Light Dark Mode Moon/ Sun Switcher [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-6.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Morning-Night-Theme-Switcher.png) ### Morning/ Night Theme Switcher [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-7.json) ![](https://theplusaddons.com/wp-content/uploads/2024/10/Single-Toggle-Button-Night-Theme-Switcher.png) ### Single Toggle Button Night Theme Switcher [](https://theplusaddons.com/wp-content/uploads/2020/01/Dark-mode-style-8.json) ## Key Features of Elementor Dark Mode ![](https://theplusaddons.com/wp-content/uploads/2024/10/Global-Color-and-Mix-Blend-Mode.png) ### Global Color & Mix Blend Mode ![](https://theplusaddons.com/wp-content/uploads/2024/10/Multiple-Dark-Mode-Toggle-Style.png) ### Multiple Dark Mode Toggle Style ![](https://theplusaddons.com/wp-content/uploads/2024/10/Dark-Mode-Blend-Mode.png) ### Dark Mode Blend Mode ![](https://theplusaddons.com/wp-content/uploads/2024/10/Adjust-Dark-Mode-Switcher-Position.png) ### Adjust Dark Mode Switcher Position ![](https://theplusaddons.com/wp-content/uploads/2024/10/Add-Global-Colour-Dark-Mode-Alternative-Shade.png) ### Add Global Colour Dark Mode Alternative Shade ![](https://theplusaddons.com/wp-content/uploads/2024/10/Save-Switcher-Theme-in-Browser-Cookie.png) ### Save Switcher Theme in Browser Cookie ![](https://theplusaddons.com/wp-content/uploads/2024/10/Auto-Match-OS-Browser-Theme-for-Toggle-Switcher.png) ### Auto-Match OS Browser Theme for Toggle Switcher ![](https://theplusaddons.com/wp-content/uploads/2024/10/Ignore-Particular-Classes-or-Images-with-CSS-Classes.png) ### Ignore Particular Classes or Images with CSS Classes ![](https://theplusaddons.com/wp-content/uploads/2024/10/Customize-Everything-Dark-Mode.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Video Player for Elementor Source: https://theplusaddons.com/elementor-widget/video-player/ ## Live Demos of Elementor Video Player ### Magnificent power Experience the fusion of unmatched strength and elegance. Crafted for those who command the road with authority. [![](https://theplusaddons.com/wp-content/uploads/2024/09/magnificent-power-image.png) ![video-icon](https://theplusaddons.com/wp-content/uploads/2024/09/video-icon.svg)](https://www.youtube.com/embed/l0TLgCZAwns) ### Refresh ### Your World ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2018/08/portrait-of-a-young-man-in-a-studio-on-a-blue-2X96TZK.jpg) ##### Vimeo video with box shadow ![play_btn_04](https://theplusaddons.com/wp-content/uploads/2018/09/play_btn_04.png) ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2018/08/guy-posing-against-gray-background-PCXDZW9.jpg) ##### ![play_btn_06](https://theplusaddons.com/wp-content/uploads/2018/09/play_btn_06.png) With Skew and Angle rotate(1deg) skew(10deg) ![Video Thumbnail](https://theplusaddons.com/wp-content/uploads/2018/08/img13.jpg) ##### ![play_btn_06](https://theplusaddons.com/wp-content/uploads/2018/09/play_btn_06.png) With Skew and Angle rotate(1deg) skew(-10deg) YouTube iframe without Controllers Self-hosted with controllers ## Key Features of Elementor Video Player ![](https://theplusaddons.com/wp-content/uploads/2024/09/Source-Video-from-YouTube-Vimeo-or-Selfhost.png) ### Source Video from YouTube, Vimeo or Selfhost ![](https://theplusaddons.com/wp-content/uploads/2024/09/Video-Player-Controls-for-YouTube.png) ### Video Player Controls for YouTube ![](https://theplusaddons.com/wp-content/uploads/2024/09/Video-Player-Controls-for-Vimeo.png) ### Video Player Controls for Vimeo ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Image.png) ### Add Image ![](https://theplusaddons.com/wp-content/uploads/2024/09/Controls-for-Self-Hosted-Video.png) ### Controls for Self-Hosted Video ![](https://theplusaddons.com/wp-content/uploads/2024/09/Upload-Custom-Banner-for-Video.png) ### Upload Custom Banner for Video ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Custom-Title-Description-for-Video.png) ### Add Custom Title & Description for Video ![](https://theplusaddons.com/wp-content/uploads/2024/09/Enable-SEO-Scheme-Markup-for-Video.png) ### Enable SEO Scheme Markup for Video ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Everything-Video-Player.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Coupon Code for Elementor Source: https://theplusaddons.com/elementor-widget/coupon-code/ ## Live Demos of Elementor Coupon Code Get up to 20% DiscountX246-17GT-OL57Here is your coupon codeUse code on siteX246-17GT-OL57Copy CodeVISIT SITE Get up to 50% DiscountX246-17GT-OL57 ### Coupon Code with Popup Get 50% DiscountX246-17GT-LO59Here is your coupon codeUse code on siteX246-17GT-LO59Copy CodeVISIT SITE Get 50% DiscountX246-17GT-LO58 ### Half Pulled Coupon Codes with Popup EARLY BIRD OFFEREARLY-BIRD-50%Theplus Addon For Elementor Coupon Code WidgetUse code on siteEARLY-BIRD-50%Copy CodeVISIT SITE EARLY BIRD OFFEREARLY-BIRD-50% ### Slide In Coupon Code with Popup Happy HolidayTheplus Addon For Elementor Coupon Code WidgetUse code on siteX246-17GT-OL58Copy CodeVISIT SITE Get Best Deal ### Special Occasions Coupon Codes Get 50% Off Get 20% OffHere is your coupon codeUse code on siteX246-17GT-OL57Copy CodeVISIT SITE ### Standard Copy Coupon Code ## Peel Content Effect ![](https://theplusaddons.com/wp-content/uploads/2024/09/backside.png) ![](https://theplusaddons.com/wp-content/uploads/2025/07/front-side.png) ### Discount Voucher Peel Effect ### Offer Reveal Peel Coupon Code ## Key Features of Elementor Coupon Code ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mulitple-Coupon-Code-Modes.png) ### Multiple Coupon Code Modes ![](https://theplusaddons.com/wp-content/uploads/2024/09/Multiple-Styles-Coupon-Styles.png) ### Multiple Styles Coupon Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Set-Alignment-Redirect-Link.png) ### Set Alignment & Redirect Link ![](https://theplusaddons.com/wp-content/uploads/2024/09/Multiple-Copy-Code-Styles.png) ### Multiple Copy Code Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Show-Popup-on-Click-or-Popup.png) ### Show Popup on Click or Popup ![](https://theplusaddons.com/wp-content/uploads/2024/09/Mask-Link.png) ### Mask Link ![](https://theplusaddons.com/wp-content/uploads/2024/09/Peel-Coupon-Code-Front-Back.png) ### Peel Coupon Code Front & Back ![](https://theplusaddons.com/wp-content/uploads/2024/09/Scratch-Coupon-Code.png) ### Title, Desc. & Image Size Control ![](https://theplusaddons.com/wp-content/uploads/2024/09/Slide-Out-Coupon-Code.png) ### Slide Out Coupon Code ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Temlate-or-Text-on-Front.png) ### Add Template or Text on Front ![](https://theplusaddons.com/wp-content/uploads/2024/09/Show-Code-or-Template-at-Back.png) ### Show Code or Template at Back ![](https://theplusaddons.com/wp-content/uploads/2024/09/Coupon-Code-Customize-Every-thing.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Countdown Timer Widget for Elementor Source: https://theplusaddons.com/elementor-widget/countdown-timer/ ## Live Demos of Elementor Countdown Timer [![](https://theplusaddons.com/wp-content/uploads/2024/09/Music-Event-Countdown-Timer.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo1) ### Music Event Countdown Timer [![](https://theplusaddons.com/wp-content/uploads/2024/09/Black-Friday-Sale-Countdown-Timer.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo2) ### Black Friday Sale Countdown Timer [![](https://theplusaddons.com/wp-content/uploads/2024/09/Coming-Soon-Elementor-Countdown-Timer.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo3) ### Coming Soon Elementor Countdown Timer [![](https://theplusaddons.com/wp-content/uploads/2024/09/Maintenance-Mode-Timer-with-Email-Sign-Up.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo4) ### Maintenance Mode Timer with Email Sign Up [![](https://theplusaddons.com/wp-content/uploads/2024/09/Hello-Bar-Countdown-Timer.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo5) ### Hello Bar Countdown Timer [![](https://theplusaddons.com/wp-content/uploads/2024/09/End-of-Season-Sale-Countdown-Timer.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo6) ### End of Season Sale Countdown Timer [![](https://theplusaddons.com/wp-content/uploads/2024/09/Product-Launch-Countdown-on-Landing-Pages.png)](https://etemplates.wdesignkit.com/theplusaddons/countdown-timer-demos/#Demo7) ### Product Launch Countdown on Landing Pages ## Key Features of Elementor Countdown Timer Widget ![](https://theplusaddons.com/wp-content/uploads/2024/09/Multiple-Countdown-Mode-Timer.png) ### Multiple Countdown Mode Timer ![](https://theplusaddons.com/wp-content/uploads/2024/09/3-Countdown-Styles.png) ### 3 Countdown Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Day-Hours-Minutes-and-Seconds.png) ### Add Day, Hours, Minutes & Seconds ![](https://theplusaddons.com/wp-content/uploads/2024/09/Show-Message-Template-or-Redirect-After-Expiry.png) ### Show Message, Template or Redirect After Expiry ![](https://theplusaddons.com/wp-content/uploads/2024/09/Change-Website-Content-Based-after-Expiry.png) ### Change Website Content Based after Expiry ![](https://theplusaddons.com/wp-content/uploads/2024/09/Connect-Timer-with-WooCommerce-Product.png) ### Connect Timer with WooCommerce Product ![](https://theplusaddons.com/wp-content/uploads/2024/09/Fake-Number-Counter-Timer.png) ### Fake Number Counter Timer ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Everything-Countdown.png) ### Customize Everything ## Watch How to Use Our Elementor Countdown Timer Subscribe for more Such Elementor Video Tutorials --- # Button Widget for Elementor Source: https://theplusaddons.com/elementor-widget/free-buttons/ ## Live Demos of Elementor Button Widget Learn More Read More ### Underline Button Effect Download Follow Us ### Download & Follow Button Purchase Learn More ### Animated Arrow Button On Hover On Hover ### Gradient Button with Slide-in Effects On Hover On Hover ### Background Pushover Effect Left to Right Left to Right ### Left to Right Animated Icon Button Icon Hover Icon Hover ### Icon Hover Button Contact Me Notify Me ### Floating Button Effect Icon Hover Icon Hover ### Icon Hover Effect 2 Follow Me Submit Here ### Grow Button Effect Right to left Bottom To Top ### Slide-in Button Effects Right to left Right to left ### Swipe Liquid Effect Top to Bottom Bottom to Top ### Double Slide Button Effects Down To Up Down To Up ### Change Button Text on Hover Hover Border With Shadow ### Hover Outline Button Effect Hover on Top Hover on Bottom ### Border Hover Effect Hover Border Border Hover ### Slide-in Button Effects Hover Background Hover Background ### Outline Fill Button Effect Hover Background Hover Background ### Center Button Fill Effect Hover Background Hover Background ### Diagonal Button Fill Effect On Hover Icon On Hover Icon ### Horizontal Button Fill Effect GET IT ONGoogle Play Available On TheApp Store ### Floating Button Effect With Shadow Inner Shadow Hover Shadow ### Multiple Shadow Effects Solid Outline Dotted Outline Dashed Outline Groove Outline ### Multiple Outline Buttons With Shadow Shadow ### Multiple Shadow Effects 2 With Icon With Outline Custom Color With Gradient ### Interval Shake Animated Button With Outline Custom Color With Gradient ### Multi Color Slide-in Effect Default Button Radius Button Round Button Circle Button ### Multiple Round Button Curves Custom Typography Custom Typography Custom Typography Custom Typography ### Custom Typography Button Background Image Background Image ### Background Image Button Grow Push ### Grow & Push Effect Bounce In Float ### Bounce In & Float Button Wobble Horizontal Wobble Vertical ### Wobble Effect Button Circle Button Grow Shadow ### Grow & Float Shadow Button ## Key Features of Elementor Buttons ![](https://theplusaddons.com/wp-content/uploads/2023/11/22-Styles-.png) ### 22+ Elementor Button Styles ![](https://theplusaddons.com/wp-content/uploads/2023/10/Active-Page-Indicator.png) ### Active Page Indicator ![](https://theplusaddons.com/wp-content/uploads/2023/11/Multiple-Hover-Effects.png) ### Multiple Hover Effects ![](https://theplusaddons.com/wp-content/uploads/2024/02/Shake-Effect.png) ### Shake Effect ![](https://theplusaddons.com/wp-content/uploads/2023/11/Continuous-Effect-.png) ### Continuous Effect ![](https://theplusaddons.com/wp-content/uploads/2023/11/Continuous-Effect-.png) ### Mouse Parallax Effect ![](https://theplusaddons.com/wp-content/uploads/2023/11/Overlay-Color-Effects.png) ### Overlay Color Effects ![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Tooltip-to-Button.png) ### Add Tooltip to Button ![](https://theplusaddons.com/wp-content/uploads/2023/11/Magic-Scrolling-Animations-.png) ### Magic Scrolling Animations ![](https://theplusaddons.com/wp-content/uploads/2023/11/Image-Background-for-Button.png) ### Image Background for Button ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Blockquote Widget for Elementor Source: https://theplusaddons.com/elementor-widget/blockquote/ ## Live Demos of Elementor Blockquote​ [![](https://theplusaddons.com/wp-content/uploads/2024/04/Background-Color-Changing-Blockquotes.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo1) ### Background Color Changing Blockquotes [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Blockquote-with-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo2) ### Elementor Blockquote with Image [![](https://theplusaddons.com/wp-content/uploads/2024/04/Gradient-Background-Elementor-Blockquote.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo3) ### Gradient Background Elementor Blockquote [![](https://theplusaddons.com/wp-content/uploads/2024/04/Dark-Theme-Blockquote-with-Post-on-X.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo4) ### Dark Theme Blockquote with Post on X [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Blockquote-with-Animated-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo5) ### Elementor Blockquote with Animated Effect [![](https://theplusaddons.com/wp-content/uploads/2024/04/Blockquotes-with-Multi-Social-Sharing-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo6) ### Blockquotes with Multi Social Sharing Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Blockquote-with-Image-and-Social-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo7) ### Blockquote with Image & Social Icons [![](https://theplusaddons.com/wp-content/uploads/2024/04/Solid-Color-Blockquote-Design.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo8) ### Solid Color Blockquote Design [![](https://theplusaddons.com/wp-content/uploads/2024/04/Blockquote-Placement-on-About-Us-Page.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo9) ### Blockquote Placement on About Us Page [![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Blockquote-with-Sticky-Note-1.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo10) ### Elementor Blockquote with Sticky Note [![](https://theplusaddons.com/wp-content/uploads/2024/04/Frosted-Glass-Effect-Blockquote.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo11) ### Frosted Glass Effect Blockquote [![](https://theplusaddons.com/wp-content/uploads/2024/04/Full-Width-BlockQuote.png)](https://etemplates.wdesignkit.com/theplusaddons/block-quote-demos-new/#Demo12) ### Full Width Blockquote ## Key Features of Blockquote Widget for Elementor ![](https://theplusaddons.com/wp-content/uploads/2024/04/Multiple-Styles.png) ### Multiple Styles ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Text-Content.png) ### Add Text Content ![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything.png) ### Customize Everything ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Quote-Icon-on-Box.png) ### Add Quote Icon on Box ![](https://theplusaddons.com/wp-content/uploads/2024/04/Tweet-Post-on-X.png) ### Tweet/Post on X ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Image-on-Block-Quote.png) ### Add Image onBlock Quote ![](https://theplusaddons.com/wp-content/uploads/2024/04/Unique-Border-Layouts.png) ### Unique Border Layouts ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Dropcap-for-Block-Quote-Text.png) ### Add Dropcap for Block Quote Text ![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Quote-Author-and-Description.png) ### Add Quote Author & Description ## Watch How Elementor Blockquote Widget Works Subscribe for more Such Elementor Video Tutorials --- # Audio & Music Player for Elementor Source: https://theplusaddons.com/elementor-widget/audio-player/ ## Live Demos of Elementor Audio Player [![](https://theplusaddons.com/wp-content/uploads/2024/09/Podcast-Player-with-Playlist.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo1) ### Podcast Player with Playlist [![](https://theplusaddons.com/wp-content/uploads/2024/09/Individual-Song-Player.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo2) ### Individual Song Player [![](https://theplusaddons.com/wp-content/uploads/2024/09/Simple-Music-Player-with-Volume-Control.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo3) ### Simple Music Player with Volume Control [![](https://theplusaddons.com/wp-content/uploads/2024/09/Fancy-Audio-Player-with-Multiple-Options.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo4) ### Fancy Audio Player with Multiple Options [![](https://theplusaddons.com/wp-content/uploads/2024/09/Elementor-Audio-Player-with-Custom-Background.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo5) ### Elementor Audio Player with Custom Background [![](https://theplusaddons.com/wp-content/uploads/2024/09/Standard-Music-Player-with-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo6) ### Standard Music Player with Image [![](https://theplusaddons.com/wp-content/uploads/2024/09/Compact-Audio-Player-with-Unique-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo7) ### Compact Audio Player with Unique Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/09/Dark-Themed-Elementor-Audio-Player.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo8) ### Dark Themed Elementor Audio Player [![](https://theplusaddons.com/wp-content/uploads/2024/09/Square-Shaped-Audio-Player-with-Cover-Image.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo9) ### Square Shaped Audio Player with Cover Image [![](https://theplusaddons.com/wp-content/uploads/2024/09/Autoplay-Music-Player-without-Controls.png)](https://etemplates.wdesignkit.com/theplusaddons/audio-music-player-demos/#Demo10) ### Autoplay Music Player without Controls ## Key Features of Elementor Audio Player ![](https://theplusaddons.com/wp-content/uploads/2024/09/Multiple-Audio-Player-Styles.png) ### Multiple Audio Player Styles ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Multiple-Audios-and-Create-Playlist.png) ### Add Multiple Audios & Create Playlist ![](https://theplusaddons.com/wp-content/uploads/2024/09/Self-host-Audio-to-Load-from-External-Source.png) ### Self-host Audio to Load from External Source ![](https://theplusaddons.com/wp-content/uploads/2024/09/Set-Volume-and-Player-Width.png) ### Set Volume & Player Width ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Age Gate Verification for Elementor Source: https://theplusaddons.com/elementor-widget/age-gate-verification/ ## Live Demos of Elementor Age Gate [![](https://theplusaddons.com/wp-content/uploads/2024/05/Liquor-Site-Age-Verification-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-01/) ### Liquor Site Age Verification Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Gambling-Birthdate-Based-Age-Verification.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-02/) ### Gambling Birthdate Based Age Verification [![](https://theplusaddons.com/wp-content/uploads/2024/05/Adult-Website-Checkbox-Age-Gate-Verification.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-03/) ### Adult Website Checkbox Age Gate Verification [![](https://theplusaddons.com/wp-content/uploads/2024/05/Medical-Site-Age-Verification-Popup-With-Buttons.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-04/) ### Medical Site Age Verification Popup With Buttons [![](https://theplusaddons.com/wp-content/uploads/2024/05/Cannabis-Store-Website-Age-Verification.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-05/) ### Cannabis Store Website Age Verification [![](https://theplusaddons.com/wp-content/uploads/2024/05/Ammunition-Birthday-Date-Age-Verification.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-06/) ### Ammunition Birthday Date Age Verification [![](https://theplusaddons.com/wp-content/uploads/2024/06/Movie-Booking-Age-Verification-with-Date.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-07/) ### Movie Booking Age Verification with Date [![](https://theplusaddons.com/wp-content/uploads/2024/05/OTT-Platform-Age-Verification-Popup.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-08/) ### OTT Platform Age Verification Popup [![](https://theplusaddons.com/wp-content/uploads/2024/05/Elementor-Age-Gate-for-Gambling-Website.png)](https://etemplates.wdesignkit.com/theplusaddons/age-gate-09/) ### Elementor Age Gate for Gambling Website ## Key Features of Elementor Age Gate ![](https://theplusaddons.com/wp-content/uploads/2024/05/Birthdate-Boolean-Age-Confirmation-Modes.png) ### Birthdate, Boolean & Age Confirmation Modes ![](https://theplusaddons.com/wp-content/uploads/2024/05/Add-Content-to-Age-Gate-Popup.png) ### Add Content to Age Gate Popup ![](https://theplusaddons.com/wp-content/uploads/2024/05/Save-Age-Browser-Options-in-Browser-with-Cookie.png) ### Save Age Browser Options in Browser with Cookie ![](https://theplusaddons.com/wp-content/uploads/2024/05/Background-Image-for-Age
Gate-Popup.png) ### Background Image for Age
Gate Popup ![](https://theplusaddons.com/wp-content/uploads/2024/05/Sidebar-Age-Gate-Image.png) ### Sidebar Age Gate Image ![](https://theplusaddons.com/wp-content/uploads/2024/05/Alignment-Controls.png) ### Alignment Controls ![](https://theplusaddons.com/wp-content/uploads/2024/05/Customize-Everything-1.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Charts for Elementor Source: https://theplusaddons.com/elementor-widget/advanced-charts/ ## Live Demos of Elementor Chart ### Line Chart in Elementor You can achieve amazing in depth Line Charts in Elementor page builder without any hassle with easy to use options. ### Vertical Bar Chart Advance Chart & Graphs widget to create lots of different layouts with unlimited customization options. ### Horizontal Bar Chart Convert your boring quantitate data in to attractive & animated Charts with very less efforts using Elementor Page Builder. ### Radar Chart Manage your complex data using radar chart in Elementor page builder. ### Polar Area Chart Manage your complex data using Polar Area chart in Elementor page builder. ### Doughnut Chart Make donut chart, essentially a Pie Chart with an area of the centre cut out in Elementor page builder. ### Pie Chart Pie Chart, circular statistical graphic, which is divided into slices to illustrate numerical proportion in Elementor. ### Bubble Chart Simplest & Best way to display your three dimensional data in a chart format using bubble chart in Elementor page builder. ## Key Features of Elementor Advanced Charts​ ![](https://theplusaddons.com/wp-content/uploads/2024/09/Different-charts.png) ### Different Charts ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Labels-for-Charts.png) ### Add Labels for Charts ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Data-to-Each-Data-Set-with-Custom-Colors.png) ### Add Data to Each Data Set with Custom Colors ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Y-Axis.png) ### Customize Y Axis ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-X-Axis.png) ### Customize X Axis ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Chart-Legends.png) ### Customize Chart Legends ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Animation-to-Chart-Appearance.png) ### Add Animation to Chart Appearance ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Tooltips-to-Charts.png) ### Add Tooltips to Charts ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Bar-Size-and-Space.png) ### Customize Bar Size and Space ![](https://theplusaddons.com/wp-content/uploads/2024/09/Maintain-Fixed-Aspect-Ratio-of-Graph.png) ### Maintain Fixed Aspect Ratio of Graph ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- # Advanced Text Editor for Elementor Source: https://theplusaddons.com/elementor-widget/advanced-text-block/ ## Live Demos of Elementor Text Editor ### Alignment Options I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Left Aligned I am text block. Click edit button to change this text.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Center Aligned I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Right Aligned I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Justified ### Google Fonts + All Typography Collection of 1000+ Fonts as well as All typography and Cosmetic options I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Lato - Bold - Underline I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Playfair Display - Red I am text block. Click edit button to change this text.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Overpass - Italic I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Rye - Lowercase - oblique ### Advanced Styling Options I am text block. Click edit button to change this text.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Magic Scroll - Vertical I am text block. Click edit button to change this text.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Tool Tip I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Mouse Hover Parallax I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Hover 3d parallax I am text block. Click edit button to change this text.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Overlay color on scroll I am text block. Click edit button to change this text. amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. ##### Continues Animation with Variations ## Key Features of Elementor Text Editor ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-Text-Content-with-Alignment-Controls.png) ### Add Text Content with Alignment Controls ![](https://theplusaddons.com/wp-content/uploads/2024/09/Add-description-limit-based-on-characters-and-words.png) ### Add Description Limit Based on Characters & Words ![](https://theplusaddons.com/wp-content/uploads/2024/09/Customize-Everything-Advance-Text-Blocks.png) ### Customize Everything ## Watch How Elementor Text Editor Works Subscribe for more Such Elementor Video Tutorials --- # Section Background in Elementor Source: https://theplusaddons.com/elementor-widget/section-background/ ## Row Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/Particales-background.png)](https://theplusaddons.com/elementor-widget/section-background/particles-background-effect/) ### Particles Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/Image-Gallery-Background-1.png)](https://theplusaddons.com/elementor-widget/row-background/image-gallery-background/) ### Image Gallery Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/Parallax-Scrolling-Background-1.png)](https://theplusaddons.com/elementor-widget/section-background/parallax-scrolling-background/) ### Parallax Scrolling Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/Multi-Layer-Parallax-Scroll-1.png)](https://theplusaddons.com/elementor-widget/section-background/multi-layer-parallax-scroll/) ### Multi Layer Parallax Scroll [![](https://theplusaddons.com/wp-content/uploads/2025/04/Segmented-Background-1.png)](https://theplusaddons.com/elementor-widget/section-background/segmented-background/) ### Segmented Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/Row-Video-Background-1.png)](https://theplusaddons.com/elementor-widget/section-background/video-background/) ### Row Video Background ## Special Animated On-Scroll Background Effects [![](https://theplusaddons.com/wp-content/uploads/2025/04/On-Scroll-Animated-Gradient-Background-1.png)](https://theplusaddons.com/elementor-widget/section-background/on-scroll-animated-gradient-background/) ### On Scroll Animated Gradient Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/On-Scroll-Row-Background-Color-Change-with-Gradient-1.png)](https://theplusaddons.com/elementor-widget/section-background/on-scroll-change-gradient-background/) ### On Scroll Row Background Color Change with Gradient [![](https://theplusaddons.com/wp-content/uploads/2025/04/On-Scroll-Row-Background-Color-Change-1.png)](https://theplusaddons.com/elementor-widget/section-background/on-scroll-background-color-change/) ### On Scroll Row Background Color Change [![](https://theplusaddons.com/wp-content/uploads/2025/04/On-Scroll-Morphing-Shape-Row-Background-1.png)](https://theplusaddons.com/elementor-widget/section-background/on-scroll-morphing-shape-background/) ### On Scroll Morphing Shape Row Background [![](https://theplusaddons.com/wp-content/uploads/2025/04/On-Scroll-Background-Fixed-SVG-Morphing.png)](https://theplusaddons.com/elementor-widget/section-background/on-scroll-fixed-svg-morphing/) ### On Scroll Background Fixed SVG Morphing ## Key Features of Elementor Before After Slider​ ![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png) ### Horizontal, Vertical & Opacity Mode ![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png) ### Upload Before & After Image with Label ![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png) ### Customize Everything ## Watch How it Works Subscribe for more Such Elementor Video Tutorials --- Generated by RankReady v0.6.4.2 (https://github.com/adityaarsharma/rankready)