How to Install Elementor in WordPress

Quick answer: open Plugins → Add New Plugin, search for Elementor Website Builder, confirm the plugin is published by Elementor.com, then click Install Now → Activate. Create a draft page and choose Edit with Elementor. You can skip account creation, templates and the Hello theme if they are not part of your plan.

Back up an established site before adding any page builder. Elementor does not normally modify existing pages on activation, but it introduces a new editing and rendering dependency that should be tested with your theme and plugins.

Check the site before installation

Confirm that WordPress, PHP and the active theme meet Elementor’s current requirements. Use Tools → Site Health to find outdated PHP, missing extensions and HTTPS problems.

Also decide where Elementor will be used:

• one landing page;
• all pages but not posts;
• reusable marketing templates;
• the complete header, footer and theme templates with Elementor Pro.

Using Elementor for one deliberate purpose is easier to maintain than mixing it unpredictably with several page builders.

Install Elementor Core from wp-admin

1. Sign in as a WordPress administrator.
2. Open Plugins → Add New Plugin.
3. Search for Elementor Website Builder.
4. Verify the plugin name, icon and publisher.
5. Click Install Now.
6. Click Activate when installation finishes.

Elementor may start an onboarding flow. Creating an Elementor account enables connected services such as its template library, but you can skip optional steps when you only need the local editor. The official Elementor Core installation guide documents the current onboarding screens.

If WordPress cannot install the plugin, check permissions, available disk space and whether DISALLOW_FILE_MODS prevents dashboard installations. The general WordPress plugin installation guide covers ZIP, SFTP and WP-CLI alternatives.

Decide whether to install Hello Theme

Elementor may offer Hello Elementor, a minimal theme designed to leave most visual decisions to the builder. It is useful when Elementor will control nearly the entire design.

Do not switch automatically when:

• the current theme already provides a tested header and footer;
• the site relies on theme templates or hooks;
• accessibility and WooCommerce layouts have not been retested;
• you only need Elementor for one page.

Changing the theme is a separate migration. Use staging and follow the WordPress theme change checklist.

Install Elementor Pro only if required

Elementor Pro extends the free plugin; it does not replace it. Keep Elementor Core installed and active, download the Pro ZIP from your Elementor account, and upload it through Plugins → Add New Plugin → Upload Plugin.

Connect the correct subscription account to receive updates. Do not use a modified or “nulled” copy: page-builder code runs across the site and must receive authentic compatibility and security releases.

Features commonly associated with Pro include Theme Builder, forms, dynamic content and additional widgets. Confirm the current plan comparison before designing a site around a paid feature.

Create the first Elementor page

1. Go to Pages → Add New Page.
2. Add a descriptive page title.
3. Save it as a draft.
4. Click Edit with Elementor.
5. Add one container and a small set of widgets.
6. Preview desktop, tablet and mobile layouts.
7. Publish only after checking the logged-out page.

Start with real copy rather than a full template kit. Imported kits can create global colors, fonts, pages and dependencies that take longer to remove than to design intentionally.

Configure global design first

Before styling individual widgets, define a limited design system in Elementor’s Site Settings:

• primary and secondary colors;
• body and heading typography;
• content width;
• consistent spacing;
• button appearance.

Global choices reduce duplicated inline settings and make later changes safer. Keep sufficient color contrast and do not use color alone to communicate meaning.

Choose where Elementor is enabled

Open Elementor settings and review the supported post types. If the site uses the block editor for posts, do not enable Elementor for posts merely because the checkbox exists. A consistent editorial workflow matters when many writers maintain the site.

Avoid converting a published page back and forth between builders. Elementor stores layout data separately from ordinary block markup, and switching editors can lose layout fidelity.

Test after activation

Check:

• the Elementor editor opens without console errors;
• existing pages still render correctly;
• mobile navigation and forms work;
• CSS and fonts load over HTTPS;
• page cache does not serve an old design;
• the new page has one meaningful H1 and a stable URL.

If the editor stays on a loading screen, use Elementor Editor Not Loading rather than reinstalling WordPress.

Keep Elementor maintainable

Update Elementor Core and Pro together when their release notes require matching versions. Rehearse major updates on staging, especially when Theme Builder templates or WooCommerce pages depend on them.

Use the fewest add-on packs possible. Each pack adds widgets, scripts and another compatibility surface. If a core WordPress block or a small CSS rule solves the requirement, another Elementor extension may be unnecessary.