Elementor

Updated:
Jan 22, 2024

Elementor is the most popular WordPress page builder plugin with over 13 million users. You can use it on any WordPress theme. Elementor comes with an intuitive, addictive visual editor to allow you to create beautiful pages on your WordPress site without dealing with CSS or HTML. Its Theme Builder feature allows you to create custom templates for the footer, header, archive pages, single post template, 404 page, and so on. Elementor has a well-established ecosystem, supported by a vibrant community.

Many WordPress developers are now developing Elementor add-ons. Elementor is available in two versions: Elementor Free and Elementor Pro. You can start with the free version to start creating your first page using Elementor visual editor.

Elementor widgets

Elementor offers a bunch of widgets that you can use to create your page. An Elementor widget is an actual design element like button, text, icon, image, and so on. The free version of Elementor offers about 29 widgets while the pro version offers more than 90 widgets in total.

Elementor Free Widgets:

Inner SectionImage GalleryHTML
Image BoxAlertSpacer
AccordionVideoProgress Bar
HeadingImage CarouselMenu Anchor
Icon BoxSoundCloudGoogle Maps
ToggleButtonTestimonial
ImageIcon ListSidebar
Star RatingShortcodeIcon
Social IconsDividerTabs
Text EditorCounter

Elementor Pro Widgets

PostsCountdownNav Menu
PortfolioShare ButtonsSearch Form
SlidesLottieSitemap
FormBlockquotePost Title
LoginFacebook ButtonPost Excerpt
Animated HeadlineFacebook CommentsFeatured Image
Price ListFacebook EmbedAuthor Box
Price TableFacebook PagePost Comments
Flip BoxTemplatePost Navigation
Call to ActionSite LogoPost Info
Media CarouselSite TitleProducts
Testimonial CarouselPage TitleWooCommerce Breadcrumbs
ReviewsWooCommerce PagesCustom Add to Cart
Product CategoriesMenu Cart

A little note. WooCommerce widgets only appear if you have WooCommerce activate on your WordPress site.

Elementor Pro Features

In addition to extra widgets as you can see on the table above, the pro version of Elementor also comes with some advanced features you can unlock, including Theme Builder. This feature allows you to create custom templates for your theme parts such as the header, footer, search results page, single post template, archive pages, author page, 404 page, and so on. You can create these templates using Elementor visual editor. In other words, you can create a fully customized WordPress site without programming knowledge.

Elementor Pro also allows you to add dynamic content. Be it default dynamic content of WordPress (e.g. featured image, post title, post meta, site title, and so on) or custom dynamic content you create with plugin likes ACF or Pods. Thanks to this feature, you can create a professional, complex site without coding. All you need is to understand the concept of custom field and custom post type.

Are you a professional web designer who understands CSS? If so, you can then use your CSS skills to style up Elementor elements (sections, columns, or widgets) with your own CSS code as Elementor Pro supports custom CSS. Furthermore, the pro version of Elementor also supports integrations with third-party services like Adobe Fonts, MailerLite, Mailchimp, ActiveCampaign, and so on.

Elementor Pro Features

  • Theme Builder
  • Dynamic Content
  • WooCommerce Builder
  • Third-Party Integrations
  • Custom CSS
  • Custom Fonts
  • Popup Builder
  • Advanced Motion Effects
  • Form Builder
  • Global Widget
  • Role Manager