Here's a brief overview of how to use Elementor

Elementor is a free WordPress plugin that lets you design pages visually: you drag elements onto the page, see the result as you work, and publish without writing code. It is one of the most widely used page builders for WordPress, with over ten million active installs. This quick guide takes you from installing Elementor to publishing your first page, and covers the settings that keep an Elementor site fast.

1. What Elementor is, and what it isn't

Elementor replaces the WordPress block editor for the pages you choose, with a visual drag-and-drop editor. It isn't a theme: it works on top of your theme, and you can still use the block editor for other pages and posts.

At the time of writing (September 2026), the current version is Elementor 4.3. Version 4 introduced the Atomic Editor, with new building blocks, global Variables and Classes for colours and typography, and flexbox and grid containers for layout. The classic widgets are still there, so older tutorials mostly still apply, but some panel names have moved.

The free plugin needs WordPress 6.8 or later and PHP 7.4 or later.

Start with the free version. Buy Pro only when you actually need one of its features.

2. Install and activate Elementor

Install plugins only from the official WordPress plugin directory or the maker's own website. "Nulled" (pirated) copies of Elementor Pro are a common way sites get hacked.

3. Open a page in the editor

Create a page under Pages › Add New (or open an existing one) and click Edit with Elementor. The editor opens with:

• the canvas in the middle, showing your page as visitors will see it;
• the side panel, listing elements and widgets to drag in, and the settings of whatever you select;
• the top bar, with site settings, the responsive-view switcher, preview and the Publish button.

For a full-width design without the theme's title and sidebar, set the page layout to Elementor Full Width or Elementor Canvas in the page settings. Canvas also hides the theme's header and footer, so use it for landing pages.

4. Build the layout with containers

Modern Elementor pages are built from containers: boxes that arrange what is inside them in a row or a column, using CSS flexbox or grid.

You can also insert a ready-made page or block from the template library (the folder icon on the canvas) and replace the text and images with your own.

5. Style it once, reuse everywhere

Each element has Content, Style and Advanced settings, or their Atomic equivalents. Instead of setting colours and fonts on every heading, define them once:

• Global colours and fonts (Site Settings) or Variables in the Atomic Editor: change your brand colour in one place and every element that uses it updates.
• Classes (Elementor 4): a named set of styles, such as "card-title", that you apply to many elements.

This keeps the site consistent and makes a redesign much faster.

6. Preview, publish and undo

Click the preview (eye) icon to see the page without the editor. When you are happy, click Publish; for an existing page the button saves your changes to the live page. Elementor keeps a revision history, so you can go back to an earlier version if an edit goes wrong. To save work without making it live, use Save as draft from the menu next to the Publish button.

7. Keep an Elementor site fast

Page builders add CSS and JavaScript. A few habits keep that under control:

For more, see optimizing WordPress.

8. Common problems

• "Edit with Elementor" loads forever or shows a grey screen. Usually a plugin conflict or a low PHP memory limit. Deactivate other plugins one by one and raise the memory limit; see PHP memory limit.
• "Resource Limit Is Reached" while editing. The editor makes many requests at once. See fixing resource limit errors on WordPress.
• Changes don't show to visitors. Clear your caching plugin. On our cPanel servers a server-side cache can also serve the previous copy of a page for up to 120 minutes, so add ?t=1 to the URL to check what the server really returns.
• A large template or video won't upload. Upload limits are 256 MB on our cPanel servers and 64 MB on DirectAdmin.

9. Running Elementor on Domain India

Elementor runs on any Domain India shared hosting plan with WordPress. Install WordPress in a few clicks with Softaculous (cPanel and DirectAdmin) or WP Toolkit (cPanel), then add Elementor as above. New cPanel accounts default to PHP 8.3, well above Elementor's minimum. Our shared servers run Apache, so use WP Super Cache or W3 Total Cache rather than LiteSpeed Cache.

For a complete WordPress walkthrough, see mastering WordPress. If you'd rather not build pages yourself, the AI Website Builder creates a business site from a description and lets you edit it by chatting.

The price on the card is a live Domain India list price and excludes 18% GST.

Ready to build your first page? Install WordPress from your control panel, add Elementor, and follow the steps above. Compare plans on WordPress hosting or cPanel hosting.