Do you want to create your own custom page layouts in WordPress?
Elementor is a drag-and-drop WordPress page builder that allows you to easily design custom WordPress layouts without having any coding knowledge.
In this article, we will show you how to easily create custom WordPress layouts with Elementor with just a few clicks.
Why and When Do You Need Custom WordPress Layouts?
Many free and premium WordPress themes come with multiple layout choices for different kinds of pages. However, sometimes, none of these layouts will meet your requirements.
If you know how to code in PHP, HTML, and CSS, then you can create your own page templates or even build a child theme for your site. However, the majority of WordPress users are not developers, so this option doesn’t work for them.
Wouldn’t it be great if you could just design page layouts using a drag-and-drop interface?
This is exactly what Elementor does. It is a drag-and-drop WordPress page builder plugin that allows you to easily create your own custom WordPress layouts without any coding skills.
It has an intuitive user interface that lets you build custom layouts with a live preview. It comes with many ready-to-use modules for all kinds of web design elements.
Elementor has several professionally designed templates that you can instantly load and use as a starting point. It works with all standard-compliant WordPress themes and is compatible with all popular WordPress plugins.
Having said that, let’s take a look at how to create custom WordPress layouts with Elementor.
Getting Started With Elementor
First, you will need to purchase the Elementor Pro plugin. It is the paid version of the free Elementor plugin and gives you access to additional features and 1 year of support.
Next, you will need to install and activate the Elementor plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, you must visit the Elementor » Settings page to configure the plugin settings.
Here, you can enable Elementor for different post types. By default, it is enabled for your WordPress posts and pages. If you have custom post types on your site, then those will also appear here, and you can enable them as well.
You can exclude or include user roles that can use Elementor when writing posts or pages. By default, the page builder is enabled only for administrators.
Then, don’t forget to click on the ‘Save changes’ button to store your settings.
Creating Custom WordPress Layouts With Elementor
First, you need to create a new page or post on your WordPress site. On the post editing screen, you will notice the new ‘Edit with Elementor’ button.
Clicking on it will launch the Elementor user interface, where you can edit your page using Elementor’s drag-and-drop page builder.
You can add sections and build your page from scratch, or you can pick a template.
Templates give you a quick and easy way to get started. Elementor comes with several professionally designed templates that you can customize as much as you want.
Let’s start with a template by clicking on the ‘Add Template’ button.
This will bring up a popup where you will be able to see the different templates that are available. You should look for a template that is similar to what you want for your page layout.
Now, you need to click to select the template you like and then click on the ‘Insert’ button to add it to your page.
Elementor will now load the template for you.
You can now start editing the template to match your needs. Simply point and click on any element to select it, and Elementor will show you its settings in the left column.
How Elementor Layouts Work
Now, let’s talk about how Elementor layouts work.
Elementor layouts are built using sections, columns, and widgets. Sections are like rows or blocks that you place on your page.
Each section can have multiple columns, and each section and column can have its own styles, colors, content, and so on.
You can add anything in your columns and sections using Elementor widgets. These widgets are different kinds of content blocks that you can place in your Elementor sections.
Simply select a widget and drop it into your section or column. There is an extensive set of widgets available that cover all the popular web design elements that you can think of.
You can add images, text, headings, image galleries, videos, maps, icons, testimonials, sliders, carousels, and so much more.
You can also add default WordPress widgets and even the widgets created by other WordPress plugins on your site. For example, if you are using WPForms to create different forms for your site, then you can use its widget in Elementor.
Once you are done editing, you can click on the arrow next to the ‘Publish’ button to view different save options.
Note: Saving a page layout will not publish the page on your WordPress site, but it will save it.
You can now preview your page or go to the WordPress dashboard.
This will bring you back to the WordPress post editor. You can now save your WordPress page or publish it on your website.
Creating Your Own Templates in Elementor
Elementor allows you to save your own custom layouts as templates. This way, you can reuse your own templates to create new pages even faster in the future.
Simply edit the page you would like to save as a template with Elementor.
In the Elementor builder interface, click on the arrow next to the ‘Publish’ button. You will now see more options to save your post. Simply click the ‘Save as Template’ option.
This will bring up a popup where you need to provide a name for your template.
After entering the name, click the ‘Save’ button.
Next time you are creating a custom page layout, you will be able to select it from the ‘My Templates’ tab.
All you have to do is click the ‘Insert’ button for your custom page layout.
You can also export this template and use it on other WordPress sites using Elementor.
Simply click the 3 dots icon and then click the ‘Export’ option.
From here, you can download the template onto your computer.
Elementor Alternatives for Creating Custom Layouts
Here are some of the best Elementor alternatives you can use:
SeedProd is the best drag-and-drop WordPress website builder that lets you create custom layouts for your landing pages. There are 300+ theme or landing page templates to choose from. SeedProd also offers tons of customization options and blocks to create stunning pages. For more details, you can see our complete SeedProd review.
Divi is a visual theme and page builder. It’s been in the industry for over 14 years and offers different features for creating WordPress layouts, including a layout library. There are lots of customization options in the visual builder, and you don’t have to edit any code.
Thrive Architect is a powerful and beginner-friendly page builder that you can use to create beautiful layouts. It comes with 352+ templates and many customization options. You can use its front-end visual builder to edit any element on the page. For more details, see our Thrive Architect review.
Beaver Builder is another popular drag-and-drop page builder for WordPress. It is easy to use, and you can easily set up layouts for pages and posts using Beaver Builder. It also offers pre-built templates for landing pages, but there are not as many as with SeedProd or Divi.
We hope this article helped you learn how to create custom WordPress layouts with Elementor. You may also want to see our expert comparison of Elementor vs. Divi vs. SeedProd and our picks for the best web design software.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Are you looking for WordPress FAQ plugins to use on your website?
Using FAQ plugins can improve the customer experience by making it easier for visitors to find answers to their questions without leaving your website. It can also boost your search engine rankings and help more people find your content.
In this article, we will share some of the best WordPress FAQ plugins that can help you add an attractive FAQ section to your website.
Why Use a WordPress FAQ Plugin?
FAQ plugins create a Frequently Asked Questions (FAQ) section on your WordPress website with a list of some commonly asked questions and their answers.
This helps build trust and credibility with your customers by letting them know that you understand their questions and worries. FAQs can even increase conversion rates.
An FAQ section allows users to find an answer to their questions without needing to contact customer service. This saves time and enables your customer support team to focus on other issues.
Additionally, using these plugins can improve your search engine rankings because most FAQs contain long-tail keywords that users commonly look for using search engines.
Your answers may even appear in Google answer boxes. This can bring a lot more organic traffic to your website.
That being said, let’s look at some of the best WordPress FAQ plugins that can help improve user experience on your website.
Disclaimer: When choosing the WordPress FAQ plugins for this article, we downloaded and tried out each of the plugins on our test website. This allowed us to explore all the features, pros, and cons to give you the best recommendations.
All in One SEO is the best WordPress SEO plugin on the market that allows you to easily optimize your website to improve search engine rankings. The plugin comes with an FAQ block that helps you create an attractive FAQ section in the content editor. Within the block, you can directly enter questions and answers.
You can also customize the FAQ section from the block panel, including the text color, background color, typography, and title wrapper.
Moreover, All in One SEO allows you to add FAQ schema to your WordPress website. This schema markup can increase your visibility on Google and bring more traffic.
To activate the FAQ schema, you must scroll down to the AIOSEO section in the block editor and switch to the ‘Schema’ tab. After that, click the ‘Generate Schema’ button to open up a prompt.
Once the Schema Generator opens up, click on the ‘FAQ’ option to add the schema.
Next, you can add questions and answers to the schema template. For more detailed instructions, please see our tutorial on how to add FAQ schema in WordPress.
Pros
Apart from FAQs, AIOSEO has custom sitemaps, advanced redirects, SEO titles and descriptions, support for multiple keyphrases, and more.
It comes with a headline analyzer and provides suggestions to use active voice, insert transition words, distribute subheadings better, and hit a specific Flesch reading score. This makes it the best writing assistant software in WordPress.
AIOSEO can also integrate with social media and WooCommerce.
Cons
AIOSEO has a free plan that you can use to add an FAQ block. However, you will need the pro plan to unlock the FAQ schema.
Why we recommend All in One SEO: It is the best WordPress FAQ plugin on the market that allows you to add an FAQ section directly from the WordPress block editor. Plus, it lets you add FAQ schema to improve search engine rankings.
Heroic FAQs by HeroThemes is a premium WordPress plugin that comes with a drag-and-drop interface to organize, reorder, or group related questions together.
It offers 5 pre-designed FAQ templates and a visual editor that lets you insert images, blockquotes, lists, videos, and more into your FAQ content.
You can display the FAQs in accordion or toggle format. You are also able to choose from 15 different FAQ icon styles to match your website’s design.
Pros
Using the Heroic FAQs plugin can improve your website visibility and search engine rankings because it has built-in FAQ schema.
Some of its other features include fast loading, FAQ search, analytics reports, mobile responsiveness, and page builder integrations.
Heroic FAQs is a premium plugin and does not have a free plan.
It only offers five pre-designed styles. To create an FAQ section unique to your website, you will need to use CSS.
Why we recommend Heroic FAQs: Overall, Heroic FAQs is the perfect solution if you are looking for an all-in-one FAQ management kit. It is ideal for small business sites with its drag-and-drop builder, FAQ schema, analytics, page builder integrations, and more.
It also comes with an Accordion block that lets you create FAQs by adding text sections that expand and collapse to any part of your page.
First, you will need to choose a template and start building your page with SeedProd. Then, you can drag and drop the ‘Accordion’ block onto the landing page from the left column on the screen.
Once you add the questions and answers, you can also customize the font size, icon image, typography, text color, and background color for your FAQs.
Pros
You can add custom CSS and animation effects to your FAQs.
SeedProd comes with built-in SEO features that will allow you to optimize your landing pages for search engines and increase visibility.
It is the best theme builder that lets you create custom themes for your website.
SeedProd can integrate with any email marketing service, and you can also add a contact form, optin form, or giveaways using advanced blocks.
Cons
SeedProd is a page builder and is not designed specifically for FAQs.
It does not offer any FAQ templates or reports and analytics.
SeedProd has a free plan, but some of its features can only be unlocked in the pro version of the plugin.
Why we recommend SeedProd: If want to design custom landing pages for your site, then we recommend using SeedProd to add FAQs to those pages. The plugin will help you create a simple accordion FAQ.
Thrive Architect is another powerful drag-and-drop page builder that helps you easily create custom landing pages, layouts, and content for your WordPress site.
It comes with a Toggle element that lets you add an FAQ section in an accordion style. To expand the toggle and add an answer to the question, click the ‘Expand’ button in the block toolbar above each toggle.
Once you do that, you can customize the FAQ section by adjusting the columns, width, vertical space, and dropdown animations.
With Thrive Architect, you can further customize the FAQs section by changing the icons, typography, layout, background color, borders, adding HMTL attributes, and more.
It comes with prebuilt templates, conversion elements, A/B testing, parallax effects, and smart color technology.
It is a page builder that can be used to add FAQs, but it lacks some of the advanced features offered by the other FAQ plugins on the list.
Why we recommend Thrive Architect: If you are already using Thrive Architect on your website to build pages, then we recommend using the same plugin to add FAQs.
It allows you to create an FAQ section for your product pages and also enables customers to submit their own questions that can be answered by your support team.
This can help increase user engagement in your WooCommerce store and provide a better customer experience.
Pros
It is a highly customizable plugin with a category filter and search feature to make it easier for users to find the answers to their questions.
The plugin lets you implement a voting system, hide inappropriate questions, and encourage users to post their own answers in the FAQ section.
It has an email notification feature that tells you any time a user submits a question or answers the query of another customer.
Cons
The plugin won’t work if you do not have an online store with WooCommerce.
The plugin allows users to submit their questions, which can lead to spam, offensive language, or irrelevant content. To counter that, you will have to actively monitor and manage the FAQ sections.
The plugin offers limited customization options and may not be able to integrate with all WordPress themes seamlessly.
Why we recommend YITH WooCommerce Questions and Answers: If you have a WooCommerce store, then this is the perfect plugin for you. It is specifically designed for WooCommerce and even allows users to submit their questions on your site. This can help boost engagement and lead to more conversions.
Ultimate FAQ is a popular WordPress plugin that provides shortcodes and blocks in the Gutenberg editor that let you add an FAQ section to your website.
It comes with unlimited support for categories and tags and even lets you add an unlimited number of FAQs to a single section.
By default, the plugin comes with accordion and toggle styles. However, you can also use custom CSS to style your FAQs according to your liking.
Pros
The plugin lets you import FAQs in bulk using Google Sheets and even offers a search and filtering feature for customers.
It is super easy to use and helps you create SEO-friendly FAQs to boost website rankings.
Ultimate FAQ integrates with WooCommerce, so you can easily add an FAQ section to your online store.
Some of its other features include email support, social sharing, custom fields, video/image support, and more.
Cons
The plugin offers limited design options for FAQs.
It can add loading time to your pages depending on the customizations you make and the number of FAQs.
The plugin’s built-in search feature can be limited in scope and accuracy.
Why we recommend Ultimate FAQ: If you have a simple WordPress blog, then you can use this plugin to add an attractive FAQ section for free.
Easy Accordion is a powerful FAQ builder that provides a drag-and-drop interface to create an accordion-style FAQ section.
It’s lightweight, fast, and SEO-friendly, helping you quickly optimize your website content for search engines.
The plugin offers more than 16 pre-designed templates and other customization options, including typography, icon sets, font colors, themes, animation effects, padding, color schemes, and more.
Pros
Easy Accordion has a responsive layout that works on various devices, including mobile phones, iPads, desktops, and tablets.
It lets you adjust the accordion height and select activator events for the accordion, including click, mouseover, or automatic.
You can create unlimited accordion sections and also add advanced CSS for custom styling.
Cons
The plugin can add loading time to your pages depending on the number of accordions you have added to your website.
It can have compatibility issues with third-party plugins.
Why we recommend Easy Accordion: The free plugin is a great choice if you want to create a highly customizable FAQ section.
Helpie FAQ comes with a user-friendly interface that allows you to easily create and manage FAQ pages. It also offers built-in FAQ schema that increases your search visibility and can improve your website rankings.
The plugin provides you with complete flexibility to add an FAQ section to your pages, posts, or WordPress sidebar.
Pros
Helpie FAQ includes an AJAX search feature, basic sorting, color themes, import/export, user submissions, and more.
You can integrate this plugin with WooCommerce to create an FAQ section for your online store.
It can easily integrate with HelpieKB, which allows you to build documentation for your site.
Cons
It does not have a drag-and-drop builder and offers limited styling options.
Why we recommend Helpie FAQ: If you have just started your business and are on a shoestring budget, then you can use Helpie FAQ to build a simple FAQ section on your website. The plugin can also integrate with HelpieKB to create a knowledge base.
WP Responsive FAQ with Category is a simple WordPress plugin that uses shortcodes to add FAQ sections to your pages or posts.
It comes with a drag-and-drop interface and 15+ pre-designed templates to create an aesthetically pleasing FAQ section for your website.
Other than that, WP Responsive FAQ offers WooCommerce support and makes it super easy for you to display an FAQ section in your online store.
Pros
The plugin comes with image/video support for FAQs.
It offers customization settings and accordion animation adjustments.
It creates search-friendly URLs for FAQ pages.
Cons
WP Responsive does not offer FAQ schema.
Why we recommend WP Responsive FAQ With Category: If you are looking for a beginner-friendly and easy-to-use solution to create FAQs with images and videos, then this plugin is for you.
Which Is the Best WordPress FAQ Plugin?
In our expert opinion, All in One SEO is the best WordPress FAQ plugin because it allows you to easily add FAQ sections and FAQ schema to your pages and posts.
However, if you want to create an FAQ section on a landing page, then you can also use SeedProd or Thrive Architect. They are the best WordPress page builders on the market that offer built-in features to create attractive FAQ sections.
You can also use the Heroic FAQs plugin if you are looking for an all-in-one solution. Its user-friendly, drag-and-drop interface allows you to easily build FAQs and FAQ schema.
Here are some questions that are frequently asked by our readers about FAQ plugins:
Do FAQs improve SEO?
Adding FAQs on your website can improve SEO because they directly address your user’s query, boosting your relevance to search engines.
Plus, FAQs also contain target keywords and encourage users to spend more time on your website.
How many FAQs should I have on a page?
The best number of FAQs on a page can depend on several factors, including the target audience, topic complexity, layout, and more.
If you are creating a separate dedicated page for FAQs, then you should have at least 10 questions on this page.
However, if you have written an average blog post of about 1500 words and want to add a short FAQ section at the bottom, then you can just add about 3-5 FAQs for your users.
Which is the best free FAQ plugin for WordPress?
If you are on a budget, then you can use the free plan of AIOSEO to add FAQs to your WordPress site. This plugin will improve your SEO and let you add FAQs for free.
Alternatively, if you have a WooCommerce store, then Ultimate FAQ is also a good choice due to its seamless integration with the eCommerce plugin.
Do you want to add a YouTube video as a fullscreen background in WordPress?
When used properly, background videos can instantly grab a visitor’s attention and keep them on your website. This makes videos a great choice for landing pages and sales pages.
In this article, we will show you how to add a YouTube video as a fullscreen background on your WordPress website.
Why Use a YouTube Video as a Fullscreen Background?
An engaging and eye-catching video background is a great way to keep visitors on your site. When visitors first land on your WordPress website, you only have a few seconds to grab their attention and get them to stay.
These days, many different WordPress themes support video backgrounds. However, uploading and hosting a video on WordPress can take a lot of bandwidth.
Depending on your WordPress hosting plan, you might even have to buy extra storage.
Instead, you can use a service like YouTube and then embed the video as a background for your WordPress website. In this way, you can stand out from your competitors without slowing down your website.
That said, let’s see how you can add a YouTube video as a fullscreen background on your WordPress website. We will show you two methods, and you can use these quick links to navigate between them:
Method 1:Use Advanced WordPress Backgrounds for Fullscreen Video Background (Free)
If you are looking for a free and easy way to add a YouTube video as a fullscreen background, then you can use Advanced WordPress Backgrounds.
This free plugin adds a Background block that allows you to create a fullscreen background using any color, image, or video, including YouTube videos.
First, you will need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, simply head to the page or post where you want to add a YouTube video as a fullscreen background. You can then go ahead and click on the ‘+’ add block button.
In the popup that appears, start typing in ‘Background AWB’. When the right block appears, give it a click to add it to the page.
In the left-hand menu, you will see three tabs for the different kinds of fullscreen backgrounds you can create: Color, Image, and Video.
Since you want to add a YouTube video, click on the ‘Video’ tab. After that, choose the ‘YouTube / Vimeo‘ tab.
You can now copy and paste the URL of the YouTube video that you want to use on your WordPress blog.
Advanced WordPress Backgrounds changes the size of the video based on the content you add on top of it, so don’t worry if the video currently looks a bit small.
By default, the video background is disabled on mobile devices.
However, if you do want to show the video background on mobile devices, then click to activate the ‘Enable on mobile devices’ toggle.
Out of the box, the block will play the entire YouTube video on a loop.
Another option is to play a specific portion of the video by typing the exact times into the ‘Start Time’ and ‘End Time’ boxes.
You can also stop the video from playing on a loop by disabling the ‘Loop’ toggle.
By default, the video will only play when the visitor can see it in their browser. This will help maintain your website performance, so you will typically want to leave the ‘Always play’ toggle disabled.
When you first add the video, it is shown at 100% opacity, so it looks solid. Feel free to drag the ‘Image Opacity’ slider to make the YouTube video background more subtle.
If you experiment with opacity, then you may also want to try adding a colored overlay.
Simply click to expand the ‘Overlay Color’ section and then use the settings to create different colored overlays.
Feel free to explore other settings, like the parallax effect and spacing, to make the background look exactly like you want it.
When you are happy with how the YouTube video background is set up, it’s time to start adding content like links, texts, and images.
To start, click on the ‘+’ icon in the middle of the Background (AWB) block.
This opens a popup where you can choose the block you want to add. The Advanced WordPress Backgrounds plugin works with all the standard WordPress blocks, so you can add any content you want.
When you are happy with how it looks, just click the ‘Update’ or ‘Publish’ button to make the page live. Now, if you visit your WordPress website, then you will see the video background in action.
Method 2: Use Thrive Architect to Add a Fullscreen Video Background (Recommended)
If you are looking to fully customize your fullscreen background video or even easily design all the pages on your website, then this method is for you.
The best way to add a YouTube video as a fullscreen background is with Thrive Architect.
Thrive Architect is an easy-to-use page builder plugin made for beginners in mind. Besides a video background feature, it has a drag-and-drop functionality that is flexible to use, so you can create the website you want without any hassle.
Additionally, it comes with smart landing page templates that are optimized for conversions, so your landing page is set up for success from the get-go.
If you want to use this method, go ahead and purchase a Thrive Architect plan first. It’s available for purchase as a standalone product or as part of the Thrive Themes bundle.
After that, you can go to ‘Pages’ from the WordPress admin area and select a page to edit. Hover over the page and choose ‘Edit with Thrive Architect.’
Next, click the ‘+’ button on the right side of the page and find the Background Section element.
Just click on it to add it to the page.
At this point, you can navigate to the left side of the page and scroll down to the Background Style section.
Here, just activate the ‘Video background’ toggle and select ‘YouTube’ for the Source.
After that, go to the YouTube video that you want to use as a fullscreen background.
Just copy the YouTube video URL like so:
Then, paste the URL in the appropriate section.
You should now see the background on the screen.
While the background is added, it’s not fullscreen just yet.
To make sure it is fullscreen, you need to scroll up to the Main Options section. Then, enable the ‘Content covers entire screen width’, ‘Match height to screen’, and ‘Stretch to fit screen width options’.
Let’s explore some more options. To add some content to your background, all you need to do is click the ‘+’ button on the right side again and drag and drop an element.
You can add texts, images, forms, buttons, testimonials, and more. Thrive Architect has dozens of conversion-focused elements that you can leverage for your website.
If you think the background color doesn’t contrast well enough with the text, simply go back to the Background Section settings.
Then, scroll down to Background Style again, and in the Add Layer option, choose a solid color. After that, you can choose a color to use as a background filter and adjust the opacity as you like.
Once you are done, just click ‘Apply.’
Another thing you can adjust in the Background Section settings is the Scroll Behavior. You can choose whether to make it static, sticky, or parallax.
We recommend just keeping it static so that the background doesn’t move as the user scrolls down. Otherwise, the video will keep on playing, which can slow down your website.
The next thing you can do is go to the Responsive section. Here, you can choose whether to make the video background appear on the mobile and tablet versions of your website.
It’s up to you, but do bear in mind that videos take a while to load. It can get annoying for your visitors to wait for them to run when they are on a small-screen device.
Once you are satisfied with the fullscreen YouTube video background, simply click the ‘Save Work’ button to save your changes.
Do you want to add more videos to your website? While WordPress has built-in video embed blocks, they are not the most visually appealing way to display videos, especially if you have multiple of them.
Smash Balloon YouTube Feed Pro is the best YouTube gallery plugin on the market. It automatically shows all the latest videos from your YouTube channel, so your visitors will always see the newest content.
Simply create a YouTube feed using Smash Balloon’s easy editor, and then add it to any page or post using either shortcode or the plugin’s ready-made block.
You can also use Smash Balloon to embed YouTube playlists, favorites, and live streams on your WordPress website.
The best thing about Smash Balloon is that it doesn’t slow down your site. The plugin’s built-in YouTube caching feature will make sure your site always loads fast, which is great for SEO.
Are you looking for the best WordPress accordion plugins?
An accordion is a helpful web design element that allows you to display content in a collapsible tab layout. It’s often used to display frequently asked questions or product details without taking up so much of the page’s space.
In this article, we will share the best WordPress accordion plugins that you can use on your website.
What Is an Accordion on a Website?
An accordion is a list of panels that can hide and show information when you click on each panel. It lets users choose which detail they want to learn more about, while the rest of the tabbed content remains closed.
Many website owners use accordions when they want to cover tons of information while saving some space on their web pages.
You may have seen accordions used as FAQs (Frequently Asked Questions) in online documentation. Users can click on the question to see the answer, and if they don’t want to read it, then they can just close it again. FAQ content has also become more common for WordPress SEO since it can show up in the search results.
WooCommerce product pages also often use accordions to organize a lot of information. Customers can click on a detail they want more explanation for.
By default, WordPress doesn’t have a Gutenberg block for accordions. That’s why many users install a plugin for this purpose.
Let’s take a look at some of the best WordPress accordion plugins that you can use on your WordPress website.
Disclaimer: When choosing the plugins for this showcase, we installed each tool on our test site to explore its pros, cons, and features. This allowed us to recommend only the best WordPress accordion plugins.
If you want to use an accordion plugin specifically for frequently asked questions, then check out Heroic FAQs. It lets you easily generate collapsible tabbed content and add it anywhere on your WordPress blog or site.
It comes with a drag-and-drop editor so that you can create questions and answers, group FAQs, and reorder items with ease. There are 5 pre-defined accordion styles and many customization options to match your website design perfectly.
For example, you can add rich content to your accordions, including images, blockquotes, videos, lists, and so on.
Heroic FAQs also offers 15 FAQ icon choices, accordion or toggle style options, CSS3 animations, and more to make your FAQs more personalized.
Pros of Heroic FAQs:
Easy-to-customize accordions for FAQ content.
User-friendly drag-and-drop editor to build your accordions.
Offers rich content elements to be inserted into your accordions so you can make them much more engaging.
Has built-in FAQ schema support so that your FAQ content can show up on search engines.
Cons of Heroic FAQs:
No free plugin is available.
Must be purchased with Heroic KB, where the price starts at $149.50 per year. So, this plugin is kind of like an addon.
Why we chose Heroic FAQs: It is perfect if you are looking for an easy-to-use accordion plugin that is specifically designed for FAQ content. We also recommend it if you want to build a knowledge base, as you have to purchase it with Heroic KB.
As the best drag-and-drop WordPress page builder in the market, SeedProd offers various blocks to create a user-friendly site. These include an accordion block, which lets you add text sections that expand and collapse on your pages.
All you have to do is drag and drop the accordion block onto your page and start customizing it. You can create as many text sections as you need and even use a unique dropdown icon from Font Awesome for a personal touch.
Feel free to customize the block’s typography, colors, animated effects, and more to make the accordion more interactive.
What’s great about SeedProd is that it makes it easy to make a responsive accordion. You can adjust the block’s spacing for desktop and mobile devices, and even opt to hide the accordion if the page is viewed on a certain device.
Pros of SeedProd:
Easy-to-use drag-and-drop editor for users of all levels.
The customization options allow full control over the accordion’s design, from the header and dropdown icon to the text section’s shadows.
Provides settings to adjust the accordion’s spacing and visibility on mobile, which is great for improving the user experience.
Offers various ready-to-use FAQ section layouts to speed up your process.
Allows custom CSS to make your accordion design more personalized.
Cons of SeedProd:
The accordion block is not available in the free version.
Why we chose SeedProd: While the accordion block is only available in the Pro version, we still think SeedProd is worth recommending. Besides a customizable accordion, you will also get access to a user-friendly page builder that makes creating a unique website easy.
Accordions is a slightly more advanced accordion plugin, but it’s a pretty powerful one, too.
Unlike the previous plugins, it doesn’t come with a WYSIWYG or drag-and-drop editor. The interface is much simpler, with no live preview, but you can see a lot of settings to add and customize unlimited accordions.
One of the most notable features of this plugin is its lazy load setting. This delays the loading of the accordion until the user’s screen reaches it on the page. This way, you can maintain a fast website performance.
Additionally, if you get the Pro version, you can create nested accordions. This feature will be handy if you have plenty of information to explain and want to make it more organized.
Pros of Accordions:
Has a lazy loading feature to optimize the accordions.
Offers an import feature for importing accordions from other plugins.
Provides two types of accordions to choose from: the traditional accordion or vertical tabs.
Offers integration with Font Awesome icons to customize the icons for expanding or collapsing the accordion.
The Pro plan includes advanced features like nested accordions and a built-in search function.
Cons of Accordions:
The interface is not the most user-friendly.
You can only display the accordion using shortcodes (there’s no built-in block for it).
Why we chose Accordions: Despite its slight lack of user-friendliness, Accordions is a powerful plugin for creating beautiful accordions. Its Pro plan also includes features that you may not find in other plugins, like nested accordions.
Thrive Architect is another great page builder with an accordion/toggle block. It has a drag-and-drop editor, so designing a FAQ or product information section with this plugin is easy.
What makes Thrive Architect unique is you can customize the toggle block’s animation style and speed. This offers you more control over how the accordion behaves.
Other than that, you can create columns in the toggle block, which can be beneficial if you have a lot of accordion content. Plus, you can customize the toggle block’s background color, typography, shadows, and so on.
If you want to make the toggle expanded by default to catch visitors’ attention, you can do that too. You don’t have to worry about the space becoming limited due to the expansion, as only the first accordion’s content will be shown.
Pros of Thrive Architect:
The toggle block comes with all Thrive Architect and Thrive Suite plans.
User-friendly drag-and-drop editor.
Plenty of ways to customize how the accordion block looks.
Advanced settings to configure the accordion block’s animation to control how it behaves when clicked.
Settings to make the toggle visible or invisible on desktop, mobile, and tablet to make the website more responsive.
Cons of Thrive Architect:
No free version is available.
No auto-save feature, so you have to manually save your work.
Why we chose Thrive Architect: If you are on the hunt for a page builder with a toggle function, then try Thrive Architect. The customization settings to create accordions are comprehensive, and you can easily build a unique web design and attractive landing pages with the plugin.
Ultimate Blocks is a Gutenberg block plugin with an accordion feature. Using it, you can add a content toggle block right in the block editor rather than in a separate interface.
This way, you can create a FAQ section and easily place it wherever you want on your page or post.
The cool thing about Ultimate Blocks is you can select the heading tag for the accordion title. As a result, you can make your accordion content SEO-friendly and align it with the logical structure of your page or post.
If you upgrade to the Pro version, then you can also add a search bar on top of the accordion so that users can search for answers quickly.
Pros of Ultimate Blocks:
Offers responsive design controls to make the accordion hidden on desktop, tablet, or mobile devices.
SEO-friendly, with FAQ schema support and customizable heading tags.
Easy to use as you can add the content toggle block right in the drag-and-drop Gutenberg block editor.
Provides other blocks for presenting information while minimizing space, like tabbed and expandable content blocks.
Cons of Ultimate Blocks:
Limited accordion icon options compared to the other plugins on the list.
Why we chose Ultimate Blocks: Most WordPress users are already pretty familiar with the block editor, so Ultimate Blocks is great for adding an accordion right in the editor. The content toggle block is also available in the free plugin version.
If you are looking for an accordion plugin for your WooCommerce product pages, then check out Easy Accordion. The Pro version includes support for creating detailed FAQ sections for product pages.
If you have the same FAQ for multiple product categories, you can easily implement them with this plugin. As a result, you won’t have to create different FAQs for different pages.
Easy Accordion is also translation-ready, as it is compatible with multilingual plugins like WPML and PolyLang. This is great if you run a multilingual business.
Another great feature is the custom shortcode generator. This lets you easily differentiate your accordion shortcodes for when you need to embed them later.
Pros of Easy Accordion Pro:
Supports Gutenberg and most major WordPress page builder plugins.
You can create accordions from existing pages, posts, custom post types, and even taxonomies to save time on inserting the accordion content.
Multiple accordion layouts, from vertical tabs and multicolumn sections to horizontal toggles.
Includes SEO features like schema markup and nofollow links.
Cons of Easy Accordion Pro:
The plugin comes with a free version, but most of the features that make it great are locked in the Pro version.
Why we chose Easy Accordion: The built-in support for WooCommerce product pages and translation plugins makes Easy Accordion great for online businesses.
If you are looking for a no-frills accordion plugin with a drag-and-drop builder, then look no further than Accordion FAQ. With it, you can easily create multiple collapsible content sections and move them however you likef from the backend.
The free Accordion FAQ plugin only has one template, but it’s quite user-friendly and versatile. For more design choices, you can upgrade to the Pro version and get 18+ templates.
The plugin also offers many ways to customize the accordion. Feel free to use its 30+ animation styles, dozens of Font Awesome Icons, and 500+ Google Fonts to make the accordion more unique.
Pros of Accordion FAQ:
User-friendly drag-and-drop accordion editor.
Many customization options with unlimited color options and tons of animation styles, icons, and Google Fonts.
The pricing for the Pro plans is quite affordable, starting from $9 for 6 months.
Based on the Bootstrap framework, which creates a responsive design for the accordions.
Cons of Accordion FAQ:
The free plugin version displays multiple ads that can make for a poor user experience.
Why we chose Accordion FAQ: If you are looking for a simple accordion plugin with a drag-and-drop functionality, then Accordion FAQ is a great option, so long as you don’t mind the ads on the plugin page.
Shortcodes Ultimate is a WordPress plugin that comes with a set of shortcodes to add various content elements, including accordions.
Since it uses shortcodes, you can add the accordion shortcode to any part of your WordPress site, from pages and posts to widget-ready areas. You also won’t have to worry about theme compatibility, as it functions smoothly with most modern themes.
The downside is the shortcode and HTML for the accordion are pretty long, and you have to be careful when inserting your content. That’s why we didn’t put this option in the same list as above.
The best WordPress accordion plugin depends on your needs.
If you are looking for an accordion plugin for FAQ content, then the best option is Heroic FAQs. The drag-and-drop editor is easy to use and includes various customization features for creating accordions out of the box.
If you are looking for a page builder with an accordion block, then SeedProd is your best option. SeedProd offers various controls and settings for how the accordion looks and behaves. Plus, your accordion design will look great with other elements on your page.
Finally, for people looking for a free WordPress accordion plugin, consider Accordions. This plugin includes everything needed to create simple accordions or vertical tabbed content. Its lazy loading will also ensure the accordion won’t slow down your site.
FAQs About Accordions in WordPress
Let’s go over some frequently asked questions about adding accordions in WordPress.
How do I add an accordion to WordPress?
The easiest way to add an accordion in WordPress is with a plugin like Heroic FAQs, SeedProd, or Accordions. With these tools, you can insert a ready-to-use accordion into your pages and posts and customize it to your liking.
Which WordPress accordion plugin offers the best customization options?
Heroic FAQs offers the best customization options for creating accordions. It comes with a drag-and-drop editor, pre-defined accordion styles, 15 FAQ icon choices, CSS3 animations, toggle style options, and more.
SeedProd also offers comprehensive customization options to modify how an accordion looks and behaves. Besides changing the color and typography, you can adjust the accordion’s size specifically for mobile devices.
Which WordPress accordion plugin is best for creating FAQ sections?
Heroic FAQs is an excellent WordPress accordion plugin for creating FAQ sections. With this plugin, you can create accordions using various styles and insert different rich content to make your information easier to understand.
We hope this article helped you find the best WordPress accordion plugins. You may also want to see our picks of the best email marketing services, and our expert list of the must-have WordPress plugins for business websites.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
A few years ago, you could only use a BuddyPress-compatible theme if you wanted to run BuddyPress, and if you wanted to use the plugin with your own theme, you’d have to add some extra theme template files to make BuddyPress work. If you’ve been told that you still have to do this, don’t worry: you don’t. Since version 1.7, BuddyPress will work with any well-written theme, although there will always be some themes whose layout and design suit BuddyPress better than others.
So, if you’re searching online for free BuddyPress themes and are having a hard time finding themes that are still supported, don’t worry.
Many WordPress themes will work with your BuddyPress installation!
Free WordPress Directory BuddyPress Themes
And to help you out we did a search for “BuddyPress” in the free WordPress theme directory, found the ones we liked, installed and tested them with BuddyPress and hereby present them to you, updated for 2020:
Navolio Light
As the name implies, Navolio Light is a very light theme. This free WordPress theme is responsive, cross-browser compatible, and SEO friendly. Although the theme’s description states that the theme comes with “lots of highly created features,” beautiful slider section, featured post column, footer options, sidebar options, site design options and many more, when used with BuddyPress, we found little to no customization options available and a very narrow area to display your site title and tag line, as you can see in the demo screenshot.
Choose this theme if you want a very simple and modern-looking BuddyPress site with no distracting features.
Carton
If you want to display your activity stream prominently on your site, choose the free Carton WordPress theme. You can adjust the width of your sidebar and content column in the customizer, select a background color, add a header graphic, background image, and configure menus and widgets.
The theme also integrates with the BuddyPress Nouveau templates to customize your layouts, navigation, component directories, and more directly in the WordPress Customizer.
Spacious
Spacious is a free WordPress Theme you can use with BuddyPress for a clean-looking site or blog. The theme includes a number of customization options that allow you to tweak its design. These options include a slider, boxed and wide layouts, light and dark color skin, and various widgets. The theme is WooCommerce compatible, translation-ready, and offers RTL support.
A Pro version is available with additional features, including unlimited slides, support for Google Fonts, font size options, 35+ theme colors, social icons, header text, footer copyright editor, additional custom widgets, and many other features.
Square
Square is a free WordPress theme that features an angular and minimal design suitable for business or corporate-themed BuddyPress sites. The theme is WooCommerce-ready, flexible, responsive, compatible with all browsers and devices, and offers a number of customizable features, including general settings, colors, menus, widgets, social icons, BuddyPress Nouveau settings, and more. A Pro version is also available with many additional features, such as video background, sliders, mega menu, and advanced settings and layouts.
Woostify
Woostify is a lightweight theme that integrates WooCommerce with BuddyPress and can be used to offer products to your online community. The theme lets you customize various features via the Theme Customizer, such as layout, color, buttons, menus, widgets, and BuddyPress Nouveau settings, and works with page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, and Visual Composer.
If BuddyPress with eCommerce is what you’re after, the theme’s Pro version offers additional features to enhance eCommerce functionality on your site, such as a mega menu, Ajax WooCommerce search, size guide, advanced shop widgets, ‘Buy Now’ buttons, countdown urgency, and sale notifications.
Free BuddyPress Themes Are Everywhere
As explained earlier, most WordPress themes by default are BuddyPress-compatible nowadays. You just need to experiment a little. Install a theme you like and see how it looks on your BuddyPress activity and members’ pages. Some themes allow you to customize and configure settings, some themes offer more limited customization options, and some will just be plainly not suitable for use with BuddyPress.
Page builders take away much of the grunt work in building websites, and make it (almost) a fun activity. This is true especially for non-coders. What’s even better is when you have a base theme that’s compatible with your page builder! In today’s post, we round up the best themes for Thrive Architect, a page builder from Thrive Themes.
Say you’re planning to bake a pizza. What will the base, sauce, cheese, and toppings be? Thin or thick crust? Marinara or pesto sauce? Mozzarella, cheddar or Parmesan cheese? Pepperoni, mushrooms, anchovies? And let’s not even talk about pineapple here!
There are so many variations to choose from. If only there was a way to mix and match them to get exactly what you want. Oh wait…there are several food chains who’ve exploited this very need.
If you’re planning to customize your WordPress website, using a page builder is similar to customizing a pizza. You choose the elements you want in your page, add content, set their alignment, background, colors, fonts, etc. And voila! Your page is ready to be published, for the entire world to savor.
What is a WordPress Page Builder?
In WordPress, a page builder is essentially a plugin that lets you design your site’s pages and posts without any coding involved. It’s a given nowadays for most page builders to come with drag-and-drop functionality. Thus, you can create detailed web page layouts pretty fast, like building a complex structure out of legos.
Why Use a Page Builder for WordPress?
There are many advantages of using a page builder. Here are the 4 primary ones:
No Coding Knowledge Required
Many website owners find it difficult to make even minor changes to their website’s page layouts or styles. You may know exactly what you want to change, but may not know how. With a page builder, you don’t need to learn HTML, CSS, JavaScript, or PHP to make these changes.
This enables you to achieve high-end web pages without any coding involved. What would’ve taken days or weeks earlier, including hiring a professional web developer, can now be done by yourself in a matter of hours, if not minutes.
Feature-Rich
Another amazing advantage of page builders is that they come loaded with tons of on-page widgets and features: Sliders, image carousels, galleries, content grids, social sharing buttons, pricing tables, charts, CTA buttons, forms, animations, etc.
Want the same functionalities without using a page builder? You’d have to install quite a few dedicated plugins, premium or otherwise. First, you’d need to research to find the right plugins. Then, you’d have to learn how to use them. And after that, you’ll have to make sure that they’re all up-to-date and work perfectly with one another and all the other plugins you’ve installed.
Imagine doing that with half a dozen plugins, or even more. A page builder eliminates that hassle and helps you keep it simple.
Pre-Built, Attractive Templates
Most page builders come with beautifully crafted templates for standard website pages such as Home, About, Services, Products, Contact, etc. These templates are a great way to kickstart your designing process.
Some page builders also allow you to mix and match sections from multiple templates, thereby giving you virtually unlimited page design options to choose from.
Easy Customizations
Page builders are fast and intuitive. With user-friendly features such as drag-and-drop support and a live preview mode, you can add modules to your pages easily, and then rearrange and resize them quickly as you like. You can also change their styles such as background, font, color, padding, margin, and border effortlessly.
Any changes you make will be reflected immediately in the live preview section, helping you fine-tune your site.
With so many page builders for WordPress out there, we decided to compare the top ones and list them all, so that you can decide which will be the right fit for you.
Beaver Builder markets itself as “a complete design system.” It’s a flexible drag-and-drop page builder that works on the front-end of your WordPress website, so you can see the changes live as you’re making them. You can also click on individual elements to edit their properties.
If you’re new to page builders, Beaver Builder also includes an intuitive onboarding tour that will explain all its features one by one, helping you get familiarized with its user-friendly interface.
There are modules for adding almost any element you may want on a page, including content sliders, maps, testimonials, galleries, slideshows, accordions, pricing tables, etc.
And if you want to get a headstart with your designing process, it also includes more than 50 finely-crafted templates for landing and content pages. They’re all mobile-friendly, responsive layouts. You can even save your custom templates for use in other sections of your website, or on a different website altogether (all WordPress developers say yay!).
Beaver Builder plugin works great with almost every WordPress theme and Gutenberg. And if you want to uninstall it for any reason, it doesn’t leave behind a mess. If you’re a WordPress developer or an agency, you’ll appreciate how Beaver Builder can help you build some flexibility into your workflow.
Elementor is another front-end focused page builder plugin for WordPress. It prides itself on its fast live design and inline editing capabilities. And deliver it does, which probably accounts for its 3 million+ active installations!
With Elementor, you make changes to the page and instantly see exactly how it looks like. It makes the whole process of designing and editing web pages a seamless experience. Elementor also works perfectly fine with or without Gutenberg.
While the free version of Elementor plugin includes over 100 designer-made templates and just 30 basic widgets, the Pro version takes it to a whole new level with 300+ pre-built templates and 50+ advanced widgets.
Elementor Pro also tacks on a theme builder, a popup builder, a visual form builder with popular marketing integrations, WooCommerce builder with 15+ shop widgets, dynamic content & custom fields capabilities, and motion effects.
It’s certainly one of the most ambitious page builders for WordPress out there.
Since Elementor is released under Open Source and GPL, other developers are free to create their own extensions for it. Check out these amazing add-ons for Elementor on WordPress.org repo.
Divi labels itself as “the ultimate WordPress theme and visual page builder.” Its visual page builder has a pretty slick, easy-to-use interface and comes loaded with tons of features out of the box.
While the Divi Builder plugin works best with the Divi All-in-One theme, you can also pair it up any theme of your liking. It works just fine. And just like Beaver Builder and Elementor, Divi Builder employs a front-end, drag-and-drop WYSIWYG (what you see is what you get) editor.
It comes with 40+ website elements and 800+ pre-made designs, including 100+ full-website packs. Furthermore, Elegant Themes adds brand new layouts to Divi Builder almost every week. All these features come together to help you create amazing designs with surprising ease.
When it comes to pricing, Divi has the sweetest deal of all the premium page builder options out there. Not only does it come with a great theme and the standalone page builder plugin, it also includes all the other products by Elegant Themes.
Visual Composer Website Builder is a drag-and-drop solution to create websites you’ve always wanted. Just like the options mentioned above, it sports a live front-end editor, which allows you to make changes to your website instantly and see how it looks before hitting the publish button.
It comes with 200+ premium templates and content elements, enabling you to design spectacular landing pages or page sections in minutes. To give you an idea of its extensive customization options, just its button element comes in 30 unique styles.
While Visual Composer sports a clean and minimalistic interface, its actual user experience leaves much to be desired. It does need some getting used to, but once you’ve figured it out, it’s a breeze from there on.
Unlike with other page builder plugins listed above, it also lets you edit the header, footer, sidebar, and other theme features. This is why it’s called a website builder, rather than a page builder.
Visual Composer Website Builder is made by the same team behind WPBakery Page Builder plugin, which confusingly enough was named Visual Composer before. They had to rebrand their old product to avoid trademark restrictions set by Envato marketplace. In case you were confused about this, now you know!
Pricing: Starts at $59/year (1 Site), $349/year (Unlimited Sites)
WPBakery is both a front-end and back-end page builder plugin for WordPress. Its front-end user interface is quite similar to that of Visual Composer Website Builder, which isn’t surprising as it’s made by the same team.
Some users prefer its old-school back-end editor to the new front-end ones. You can also move back and forth between the two editing interfaces as needed.
It includes 50+ premium content elements, 100+ pre-built layouts, 200+ 3rd party add-ons, 40+ grid design templates, and much more. And it works with any theme, making it a comprehensive page builder solution.
However, you should note that WPBakery is a shortcode-based plugin, which means that all your customizations through it are tied to clunky shortcodes. It can slow down your website considerably if not used smartly.
WPBakery originally started its journey on Enavato’s marketplace CodeCanyon, where it’s still available. It’s also the most sold WordPress plugin on there. If you’ve ever bought a premium theme from ThemeForest, chances are high that it came preloaded with WPBakery Page Builder plugin.
Oxygen is the new kid on the block of WordPress website builders. It’s designed from the ground up to be a full site builder, as opposed to being just a page builder. Oxygen’s templating engine lets you design every part of your WordPress site – headers, footers, pages, any post type, and any taxonomy.
With Oxygen, you’re essentially building a custom WordPress theme from scratch (though the team behind it doesn’t like to call it as such). But instead of hand-coding it, you’re using an intuitive, live visual editor to do it. This makes the process much simpler and quicker.
The elements in Oxygen are “more flexible, more customizable, and more powerful.” In a way, it lets you do more, but with less! It sounds counter-intuitive, but that’s how I can describe Oxygen in a nutshell.
The Oxygen design library includes premade design layouts for almost everything you can imagine. You can import complete websites from it with just a single click. Not happy with the existing designs? You can mix and match sections from any website template to create beautiful pages with a uniform style.
The end result is an optimized WordPress website with minimal bloat, thus making it load faster.
With that being said, Oxygen is meant for advanced, professional website designers. You need to have at least some knowledge of HTML/CSS/JavaScript, and a rudimentary understanding of PHP and WordPress CMS to make the most out of it.
The best part about Oxygen though is its current pricing, which seems almost too good to be true.
Pricing: $99/lifetime for Unlimited Sites (limited-time introductory pricing)
SiteOrigin Page Builder boasts almost 2.5 million downloads and 1+ million active installs on WordPress.org repo. While its user interface isn’t that easy to use, it’s nonetheless a highly popular page builder plugin. This can be attributed mostly to its price (which is free), while still delivering full-fledged page builder features.
It works with any theme, supports live editing, row and widget styles, and is available in 17 languages. Page Builder uses standard WordPress widgets as its content elements, so combined with its widgets add-on bundle (also free), it should take care of most of your page designing needs.
One cool aspect of this plugin is its History Browser feature, which lets you roll forward and back easily through any changes you make. This gives you the freedom to experiment with your page layouts and designs without worrying about breaking the content.
While I wouldn’t recommend SiteOrigin Page Builder to anyone, especially newbies, it still needs to be acknowledged as it’s used by many out there.
Pricing: Free / Premium Add-ons start from $29/year (1 Site)
Themify Builder is both a front-end and back-end page builder plugin for WordPress.It is included with all Themify themes as part of the Themify framework, but the standalone Themify Builder plugin works with all WordPress themes and is available for free.
Its compact back-end interface lets you to drag-and-drop modules around quickly and easily, while the front-end interface allows you to preview your design live (WYSIWYG).
Themify Builder comes with 40+ professional pre-designed layouts for various website types such as blogs, shops, portfolio, services, etc. All of these website templates can be imported with just a single click.
Most of the standard modules are included for free (text, post, gallery, video, widget, menu, slider, button, map, icons, etc.). However, you can extend its capabilities further by purchasing an add-on bundle which includes 25 extra premium modules.
If you’re looking for a free page builder for WordPress with a simple, easy-to-use interface, you should give Themify Builder a try.
Pricing: Core Plugin is Free / $39 for Add-on Bundle
Themeum is known for its high-quality, user-friendly themes, and their WP Page Builder plugin is no different. Its sleek and simple front-end interface is easy to understand, even if you’ve never used any page builders before.
WP Page Builder calls its modules add-ons, and they’re all unique and perform a specific task. As of now, it includes 30+ add-ons, with more slated to be coming soon. All your WordPress widgets can also be used as an add-on. Apart from that, you have plenty of pre-designed blocks and page layouts to choose from to get started.
Its library feature lets you save any part of your page design as its own template, which you can replicate on other pages or websites easily with just a single click. You can also import or export entire page layouts.
The free version of the plugin includes everything you need to get started. The Pro package gets you 15+ premium layout bundles, that also includes 83+ readymade page layouts. And if you ever want to create custom add-ons or add custom blocks and layouts to WP Page Builder, you can do that easily by following their developer guidelines.
Thrive Architect is an intuitive drag-and-drop front-end page builder for WordPress. What sets it apart from the rest of the page builders is that it’s focused on building landing pages that convert.
Want to change something on your page? Just click on it and start editing instantly. Wanna move something? Click to select, and then drag and drop where you want it to be.
Thrive Architect comes bundled with 300+ beautifully designed landing page templates that are 100% focused on conversion. And to eliminate the WordPress plugin hellhole, it includes conversion-focused elements such as attractive CTA buttons, dynamic actions and animations, pricing tables, testimonials, lead generation forms, countdown timers, and more.
Plus, all of these features integrate with your favourite marketing tools, so that you can concentrate on growing your business, and not how your website looks and works.
Thrive Architect works with any WordPress theme. If you’re looking to create professional looking sales pages, webinar pages, or opt-in pages, this is the solution you’re looking for.
GeneratePress is one of the most popular and well-reviewed free WordPress themes. It’s built with a focus on speed and user-friendliness. And thanks to its strict adherence to WordPress coding standards, it works well with all major page builders, including Beaver Builder and Elementor.
Now, you might be wondering why a free WordPress theme is included here. Well, that’s because GeneratePress also offers a premium package called, well, GP Premium.
GP Premium builds on GeneratePress theme and adds 14 premium modules, including the Site Library, from which you can import entire demo sites with just a click. Its Sections premium module acts as a tiny page builder, allowing you to build complex web page layouts with a basic back-end interface.
While it’s not the most intuitive page builder solution mentioned here, it still needs a mention due to its performance advantage.
Most page builders add considerable bloat to your site’s frontend, but GP Premium retains its fast and lightweight nature, thereby giving your site a boost in page load speed and performance.
MotoPress Content Editor is a drag-and-drop page builder plugin for WordPress that’ll help you create better websites with any theme. With its front-end editor, you can easily design your site’s posts, pages, or custom post types.
It includes 30+ content modules and various styling options for you to choose from. However, if you want to display videos, Google Maps, pricing tables, or add a simple contact form, you need to purchase those add-ons separately.
Its straightforward page builder interface can help you streamline your website building process, helping you design your pages swiftly. The designs you build with this plugin are optimized for all viewports, meaning they’re all responsive and mobile-friendly layouts.
This plugin also lets you create custom reusable sections, widgets, and pages. Thus, you can transfer your designs to other websites in no time, saving you a lot of hassle.
There’s no shortcode lock-in with MotoPress Content Editor, which means that even if you choose to deactivate the plugin, your content will still be safe.
Brizy is a relatively new entrant to the WordPress page builder plugins scene. Built from scratch and focused on usability, its intuitive and clutter-free interface ensures that you only see what’s needed for the task at hand.
Like Elementor, Brizy is an ambitious venture and has set its goals pretty high. The first thing you’ll notice about Brizy is its modern, minimalistic design.
It works pretty much like any other front-end page builder plugin for WordPress. You set your page layout, and add or remove page elements as needed. But the area where Brizy truly sets itself apart is how you customize on-page elements. This is where it shines.
For example, if you’re using Beaver Builder or Elementor, you’ll be doing it via a sidebar or a popup. But Brizy lets you edit the element properties inline, right where it is, which seems more intuitive and natural.
Another area where Brizy trumps other page builders is its cloud save feature. You don’t have to worry about saving your changes anymore. It’s all taken care of automatically. And if you ever want to roll back any changes, you can do it easily.
Brizy works with all WordPress themes.
Pricing: Starts at $49/year (3 Sites) / Lite Version is Free
Other Notable Mentions
These page builder plugins were shortlisted, but just missed the mark from making the cut. You can check them out if you’re curious.
How to Choose the Best WordPress Page Builder for You?
With all being said and done, you’re still left with picking a WordPress page builder from a pretty big list. To lock down on any one plugin that’s the best fit for you, look out for these five main factors:
Ease of Use – how intuitive and fast is the builder interface to use?
Compatibility – is it compatible with your existing setup (theme, plugins, etc.)?
Flexibility – does it let you create layouts and apply design styles that you want?
Price – is it within your budget?
Final Output – does the end result look good, is responsive, and is optimized for performance?
Start with Your Dream Site Today
WordPress has always been a platform that promotes openness and DIY. With a page or website builder, you can start building a powerful website in minutes, without compromising on design, flexibility, or functionality. This saves you a lot of time and money, as you don’t have to hire a professional web developer or designer.
Using the right page builder, you can create websites that can compete with many professionals out there. Get started with building your dream site today!
*The discounts for our members that we mention in this post are there because they are products that we know our members love. No affiliate links, kick-backs, special treatment, or anything like that :)
Before we get to the list of the best WordPress page builders, let’s answer some basic, frequently asked questions about page builders.
What is a WordPress page builder?
A WordPress page builder, also known as site builder, is a plugin that extends WordPress’s built-in website editing features. It makes building a page or an entire website on WordPress much easier and more customizable.
Some page builder plugins also call themselves theme or website builders. This is because they allow you to edit not just pages but also other parts of your site like the navigation menu, header, footer, sidebar, and so on.
Do I need to use a WordPress site builder?
If you find WordPress difficult to use, then using a site builder can be a good idea. Most WordPress website builders offer a drag and drop function that lets you easily arrange your content elements exactly to your liking.
We noticed that when users just use WordPress’s built-in features, the website may look not very unique, making it difficult to stand out. Many page builders offer tons of customization options so that you can create a truly custom theme.
Do I need to install a theme to use a WordPress website builder?
WordPress comes pre-installed with a theme, so you don’t have to worry about installing another theme if you want to use a page builder plugin.
A WordPress theme and a page builder are two different things. A theme is like a skin that controls the visual appearance of your website, while a website builder is a tool to customize how your skin or in other words, your website looks.
Popular page builders are compatible with most WordPress themes. Unless there is a compatibility issues with your theme and the page builder of your choice, you don’t necessarily need to switch to a different theme.
Do I still need a page builder if I am using the WordPress Full Site Editor?
It depends. The short answer is yes, you’ll need a page builder if you want an enhanced website editing functionality.
Since WordPress 5.9 release, the core WordPress software comes bundled with WordPress Full Site Editor (FSE), which extends the latest WordPress editor, also known as Gutenberg / block editor. Basically, it allows you to edit all the parts of your site (besides pages and posts) using a drag and drop block feature similar to your WordPress post and page editor.
While FSE is getting popular, not all WordPress themes support this feature. This feature is only available with a WordPress theme that supports blocks. Plus, FSE’s drag and drop feature and built-in block options are also not as advanced as page builders.
Having said that, let’s take a look at the best page builders for WordPress on the market.
During our testing, we decided to compare and rank the top WordPress page builders and website builders so you can choose the right solution for your needs. Our criteria for comparing these WordPress page builders are ease of use, flexibility, and design output.
Video Tutorial
If you’d prefer written instructions, then just keep reading.
SeedProd is a premium WordPress theme and page builder plugin. Unlike many other page builders, it lets you create custom WordPress themes from scratch without writing any code.
You can choose from hundreds of beautiful pre-made layouts or create a completely custom website template with an easy-to-use drag and drop visual builder.
There are ready-made 300+ website kits and templates for landing pages, sales pages, thank you pages, webinar registration pages, coming soon pages, maintenance mode pages, 404 pages, eCommerce product pages, and more.
SeedProd is built with website speed and SEO in mind. It ensures that your pages are the fastest so that you can rank higher in the search results.
It comes with a smart design system, so you can save time by re-using elements instead of doing repetitive work. You can define color schemes, save font combinations, page templates, custom blocks, sections, and more.
SeedProd has all the blocks and features you’d expect from a powerful page builder, such as opt-in forms, social profiles, countdown timers, contact forms, buttons, various content blocks, and more.
The best part is that some of these blocks have pre-made templates, so you can speed up the design process by adapting your favorite 1-click block templates.
You can use their custom domain mapping feature to create micro-sites within WordPress. Agencies use this feature to manage multiple client landing pages from a single WordPress installation.
This WordPress page builder works with all popular themes and plugins, including WooCommerce. It also comes with WooCommerce blocks so that you can create custom checkout pages, cart pages, product pages, and more.
Over 1 million users are using SeedProd to make better website layouts.
Pricing: Starting from $39.50 for a single site license. There’s also a free version with limited features.
Our Grade: A++
Review:SeedProd is the fastest theme and page builder plugin on the market. It is also the most affordable. Its large library of pre-built templates and pro blocks is a huge time saver, and the ability to customize every little detail makes it the perfect solution for all WordPress users.
Thrive Architect is a powerful, fast, and easy-to-use page builder. It lets you create beautiful pages, layouts, and content in WordPress without touching a line of code.
The WordPress site builder includes 357+ pre-designed layouts for homepages, sales pages, webinar pages, lead generation pages, application pages, and more.
Every single detail of the templates can be customized using the front-end visual editor. Simply point and click to edit, move, or delete any page element.
You can also quickly add pre-made conversion elements to your pages. Choose from building blocks like call-to-action buttons, testimonials, countdown timers, guarantee boxes, and more.
With Thrive Architect, you can even create custom blog post layouts. You can add blocks like highlight boxes, styled lists, and click-to-tweet boxes to make your WordPress blog more engaging.
Plus, there are more helpful web design elements you can use, such as flexible column layouts, hover effects, total font customization, and more.
You can also connect Thrive Architect with the Thrive Optimize addon to split-test your pages. This lets you compare two versions of the same web page to find out which converts best.
Pricing: Starts at $99 per year for the standalone plugin. Or, you can purchase the entire Thrive Suite of plugins, which includes the Thrive Theme Builder, starting at $299 per year.
Our Grade: A+
Review:Thrive Architect is an easy and highly intuitive WordPress page builder. The huge template library and fast front-end visual editor make it simple, even for beginners, to create custom pages and layouts in WordPress.
Beaver Builder is a popular drag and drop page builder plugin for WordPress.
You can quickly familiarize yourself with the interface and get started with the built-in onboarding tour.
Beaver Builder comes with a live drag and drop interface. You get to see all your changes as you add them by dragging elements from the right sidebar and dropping them on your page. You can click on any element on a page to edit its properties.
There are modules that let you add almost everything you may want, including sliders, carousels, backgrounds, content blocks, buttons, and more.
The WordPress drag and drop builder also comes with over 170 beautifully designed templates for landing pages that make it super easy and super fast to create stunning website layouts.
Wondering if it is compatible with the new WordPress version? Yes, it is. Beaver Builder has been updated to work alongside the WordPress Gutenberg editor.
Pricing: Starting from $99 for unlimited sites.
Our Grade: A+
Review:Beaver Builder is a popular page builder option. It comes with pre-made templates to help you get started. A lot of web professionals use Beaver Builder to create their client sites and custom themes.
Divi is a professional drag and drop theme and WordPress page builder plugin. It is extremely easy to use and comes with hundreds of layout packs for different kinds of websites.
Similar to SeedProd and Beaver Builder, the Divi Builder comes with a true WYSIWYG (what you see is what you get) visual editor with visual drag and drop functionality.
You can directly click on your page and start editing in real time with a live preview of all changes. So you don’t need to save and click preview to see your new design.
Divi comes with dozens of content modules that you can drag and drop anywhere in your layout. It lets you arrange these modules in multiple section types and row types. And you can customize each element using its advanced design settings.
With Divi, you can create any type of custom page layout within a few minutes. You can then save these Divi layouts for future use on your site. You can also export a layout from one Divi installation into another.
The Divi Builder plugin is the backbone of the Divi theme, yet it works well with any other popular WordPress theme.
Best of all, Divi has very attractive pricing options. For a single price, you’ll get the Divi theme, the Divi page builder plugin, and all other Elegant Themes products, such as Extra and Bloom.
This means you can use the Divi theme or install the Divi Builder plugin on any other theme.
Pricing: Starting from $89 per year (a lifetime access plan is also available)
Our Grade: A
Review:Divi is a great SeedProd builder alternative. It has a powerful page builder with limitless design possibilities. The large number of content modules allows you to create literally any type of website that you really want. The lifetime plan also makes it one of the best deals on the market.
Check out our complete Divi review for more information.
Elementor Pro is a powerful drag and drop WordPress page builder plugin. It is a live page builder plugin, which means you can your changes live as you make them.
Start by creating sections and select the number of columns for each section. You can then drag and drop widgets from the left panel into your section.
Elementor comes with tons of widgets, including the most commonly used website elements. These range from basic image and text widgets to advanced accordions, sliders, testimonials, icons, social media, tabs, and more.
Each widget is independent and comes with its own settings. Elementor will also let you add widgets created by other WordPress plugins.
Don’t want to build your own layout?
Elementor comes with many ready-to-use templates that you can easily insert into your pages. You can simply point and click to edit any item on the page, replace the content, and you’re done.
Pricing: Starting from $59 for a single site license.
Our Grade: A
Review:Elementor is a popular page builder plugin for WordPress. It is easy to use, has a large extensions ecosystem, and comes with tons of modules and templates that you can use to build a custom website. However, the code output is less efficient, and users often report slower page speed.
Visual Composer Website Builder is a user-friendly WordPress website editor that helps you create custom website layouts, fast.
It comes with a simple drag and drop builder, out-of-the-box content elements, professional templates, and a host of powerful features to make a website.
Similar to SeedProd and Beaver Builder, it also provides a real front-end editing experience for designing a website. But there’s a lot more you can do with this WordPress site builder.
With the exception of SeedProd, Visual Composer is the only other plugin that allows you to edit all aspects of your landing page, such as logos, menus, headers, footers, and sidebars.
That’s why the team decided to call it a website builder instead of just a page builder.
The plugin features powerful design options to customize the appearance of any element on your page. You have easy options to add stylish backgrounds, including parallax, gradient, slideshow, carousel, zoom in and out, video, and more. It also comes with flexible rows and columns for creating grid layouts on your site.
Visual Composer works well with all WordPress themes. This allows you to switch your themes without losing the custom layouts that you created with Visual Composer.
It also includes support for the Gutenberg editor, Google Fonts, and Yoast SEO.
Visual Composer is designed for professionals, which is evident by their attention to detail, such as remembering your color choices. This allows you to easily use the same color palette for consistency throughout your design.
Pricing: $49/year for one site license
Our Grade: A-
Review:Visual Composer is a great plugin for beginners to start a website. It provides powerful features for website making in a simple manner. Website editing is made super simple with the front-end drag and drop editor. However, the interface is a bit different than typical WordPress plugins, so it can feel confusing to new users.
As a freemium WordPress website builder, Themify Builder is pretty unique. With this plugin, you get two types of interfaces: a drag and drop WYSIWYG to customize the design of your page and a backend to move around your content elements.
During our testing, we found it a bit tricky to use at first. However, we can imagine how useful it is when you just want to focus on editing the structure of your page.
Themify Builder comes in two versions: a free plugin and a Pro plan. The free plugin is more like a page builder as it lets you create a custom page using its 40+ layouts, but not other parts of your site.
Meanwhile, Themify Builder Pro allows you to modify all your page templates, from headers and footers to single post templates and custom post types. The plugin offers professional-looking pre-designed themes and templates.
Themify Builder Pro also offers a Display Conditions feature. You can use this to display certain templates on specific pages only rather than on your entire site. This can be helpful in for showing promotional banners on relevant product pages.
Pricing: Themify Builder Pro costs a one-time fee of $69. A free plugin is also available.
Our Grade: A-
Review:Themify Builder is a great WordPress site builder if you are looking for a slightly more advanced option. It comes with features that you may not easily find in other WordPress page builders. However, for beginners, it’s not the most user-friendly pick.
Brizy is a WordPress website builder made for agencies and SaaS companies, but any user with any skill level can still use it. After installing the plugin, you can simply choose one of the 50 free starter templates for businesses, online stores, wedding sites, and more.
The free plugin only comes with basic content elements like text, images, and buttons, though a contact form is available. We recommend getting a pro plan to get more content elements and other features like a popup builder and user access settings.
The editing interface itself looks clean and feels straightforward to use. It’s not cluttered with too many settings and you can easily figure your way around it without any pointers.
Besides moving elements around, you can save layouts for future use, change the page’s global typography and color scheme, and preview your page on desktop, tablet, and mobile.
The reason this WordPress page builder is intended for agencies is that its White Label plan lets you brand the plugin using your own logo and business name. It’s a cool perk if you work with many clients and want to maintain a consistent brand experience.
Pricing: Starting from $60/year for 1 website. A free version for personal use is available.
Our Grade: A
Review: As a free WordPress page builder, Brizy‘s user experience is beginner-friendly, but it’s not the most powerful. If you want to make the most out of this plugin, then we recommend getting a paid plan to get more out-of-the-box features.
Live Composer is a completely free WordPress site builder. To use it, you will need to enter your email on the website and they will send you a download link to install and activate the plugin.
This WordPress page builder has a WYSIWYG drag and drop editor, with a bottom side panel to insert content blocks. While the plugin itself is free, it offers some elements that you may find in a paid page builder, like accordions, galleries, and progress bars.
When we used Live Composer, we realized that the plugin also allowed us to create custom post types for downloadables, partners, projects, staff, testimonials, and galleries.
These are all excellent custom post types for a business website or a digital product store, and you can use them to fill out your pages if needed.
If you want to extend the plugin further, then you can get an extension pack that includes add-ons for adding a contact form, embedding videos, restricting content, and so on.
Pricing: Free plugin, but the extensions pack starts from $69/year for 1 website.
Our Grade: A-
Review:Live Composer is a good free WordPress site builder for people on a budget. But we think users will need to get the extension pack or installing other plugins as some essential elements like contact forms and video embeds aren’t available in the free version.
SiteOrigin is another free WordPress page builder. You can use it with your existing WordPress theme, but works best with a SiteOrigin theme.
This plugin is technically a drag and drop builder, but when we tried it, it worked pretty differently from other options on the list.
For one, even though it comes with a live preview, you must add and move elements on the side panel rather than directly on the page. So it’s similar to the WordPress Theme Customizer, but it comes with a drag and drop editor.
It can seem tricky at first. However, one cool feature is that it lets you resize rows and columns in a page section easily by dragging a slider instead of sticking with the default section sizes. This can be useful if you want to have more control over your layout.
Additionally, you can adjust layouts specifically for mobile to ensure your site looks good on smaller screens.
SiteOrigin also provides a premium add-on bundle that includes extra widgets like video backgrounds, WooCommerce templates, tooltips, and more.
Pricing: Free, but there are premium add-on packs that start from $29/year for 1 site.
Our Grade: A-
Review: As a WordPress page builder, SiteOrigin offers everything needed to build a fully functional site, but it can seem too advanced for beginners. That’s why we recommend it more for experienced WordPress users looking for more control over their themes.
Like Brizy, Oxygen is a WordPress drag and drop builder designed for WordPress professionals. What makes it different is that it offers no free plan, so you have to purchase a plan to use it.
At a glance, the interface looks similar to a photo editor like Photoshop, which can intimidate beginners. However, it offers tons of control over how your site looks.
For example, the drag and drop editor doesn’t just allow you to move elements around. You can also adjust an element’s padding and margins to ensure your content is readable.
Additionally, this WordPress site builder provides a historical view for each element added to your page so that you can track all the changes that were made to it.
Oxygen also has an excellent dynamic content support. With this, you can insert real-time content into your website elements. This can be beneficial if you have an online store and need to display product prices dynamically based on discounts, sales, or location.
Pricing: Starting from $129 for a lifetime license.
Our Grade: A
Review: If you are a WordPress developer looking to speed up your website building, then Oxygen is a great WordPress website builder to consider. It can be quite an investment at first, but it’s easy to use and has plenty of advanced customization.
If you’re looking for a simple WordPress page builder, then Page Builder Sandwich can be a good pick.
The plugin comes in two versions: free and paid. When reviewing the plugin, we found the free option better suited for a personal, non-commercial site. There are not a lot of block options, and all the page template options are premium.
That said, you can still use the page builder to edit your existing theme.
On the other hand, the paid version offers all the essentials needed to create a website. You will get 10 page templates, 40+ pre-designed sections, and newsletter integration to build your audience.
Pricing: Starting from $29/year for 1 website. A free plugin is also available.
Our Grade: A-
Review:Page Builder Sandwich is a pretty simple WordPress website builder compared to the other options on this list. The feature set is not as rich, but we think it’s a good option if you want something straightforward that sticks to the basics.
Spectra is a WordPress website builder developed by the same team that created the popular Astra theme.
What makes it different from the rest of the plugins on the list is it works right in the Gutenberg block editor. This makes it a good option for people who are familiar with the built-in editor but want some extra features to modify their web pages.
Out of the box, Spectra offers 30+ essential blocks and 100+ pre-built templates to speed up your website creation.
It also offers an AI generative feature called Zip AI so that you can craft copy for your landing pages quickly. Free Spectra plugin users can get 1000 free credits to use this feature.
Spectra is optimized for speed. When we tried the plugin, it did not take long for it to load and there were no performance issues. It also uses advanced tech like the Just-in-Time compiler to make the plugin more efficient.
Pricing: Starting from $49/year for 1 website. A free plugin is available.
Our Grade: A
Review: Spectra is an easy-to-use WordPress site builder that packs in a lot of features. It’s an excellent choice for those looking to extend their existing block editor with some extra Gutenberg blocks and templates. Plus, the AI feature will come in handy for writing content to grow your site.
Zion Builder is a WordPress drag and drop builder that’s made to run fast. The team behind this plugin makes sure that the templates use clean and lightweight code so that your website has high performance and is SEO-friendly.
This WordPress site builder’s 250+ templates and blocks also have professional designs. You can simply pick one from various industry categories, from blogs and restaurants to businesses and real estate.
During our tests, one feature that stood out to us was the tree view mode. With this, you can get an overview of how your elements are stacked and arranged.
Sometimes, when there are multiple, nested blocks, it can be difficult to click on the element you want to customize. The tree view mode helps with this exact problem.
Zion Builder also has a conditional logic function to display specific elements based on certain criteria. For example, you may want to show different content depending on whether a user is logged in or not.
Pricing: Starting from $39/year for 1 website. A free version is available.
Our Grade: A
Review: As a WordPress website builder, Zion Builder is fast and powerful, providing both speed and a wide range of features. It also has great ease of use with its drag and drop feature and tree view mode to make moving your content around much easier.
Last but not least, we have Cornerstone. This WordPress website builder is one of the more advanced options on the list. Like Oxygen, beginners may take some time to get used to the slightly more complex drag and drop interface.
But once you get around it, you can make the most out of Cornerstone. This WordPress site builder has 100+ fully customizable elements for page layouts, dynamic content, WooCommerce, and so much more.
You can even create a custom element from scratch and save it for future use.
Other than that, Cornerstone has a feature to add unique effects to your elements like filters, interactions, masking, and so on. You can combine these effects to make your website more interactive for users.
Cornerstone is also SEO-friendly. It uses a lean codebase with structured schema markup to make sure your website has the best chance of appearing in search engines.
Pricing: Starting from $69 for a lifetime license. If you want to use their custom integrated theme framework, then the price starts from $99/year for 1 website.
Our Grade: A-
Review: We were impressed by Cornerstone‘s vast features and out-of-the-box SEO-friendliness. Not many WordPress website builders focus on SEO. That said, this plugin is not the most beginner-friendly due to its advanced interface.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Disclaimer: We could have included many other page and site builder plugins in this list, including WPBakery and WP Page Builder. But we decided to only include the very best WordPress page builder plugins to help you avoid choice paralysis.
