Опис
THE #1 NO CODE DRAG & DROP WORDPRESS WEBSITE BUILDER POWERING 23M+ WEBSITES WORLDWIDE, NOW WITH AGENTIC AI.
Elementor, the leading WordPress website creation platform, empowers you to build professional, pixel-perfect websites seamlessly with its no-code, drag-and-drop Atomic Editor.
Supporting the full website lifecycle, Elementor lets you build, optimize, and manage your website with extended capabilities such as agentic AI creation, image optimization, transactional email delivery, accessibility tools, performance boosters, and more.
Now in version 4, the Atomic Editor!. A new generation of performance-first atomic building blocks that puts you in control of every part of your site. Define your global design systems and reusable components once, and they apply everywhere instantly – turning hours or even days of work into single clicks. Elementor AI builds in the same structure, so anything it generates is a native, fully editable part of your site.
Unlock all Pro features with Elementor Pro.
Потрібен швидкий та безпечний хмарний хостинг для вашого сайту на Elementor? Спробуйте Хостинг на Elementor на базі Google Cloud та Cloudflare. Оцінка TrustPilot: 4.9/5.
🌟 Create professional stunning websites
- Intuitive drag & drop builder: Build any website with our no-code, drag-and-drop Editor. Achieve design precision with full control over layout and style.
- Pixel-perfect design tools: Upload SVGs, apply masks, gradients, box shadows, headline effects, shape dividers, and use built-in CSS controls for advanced customization.
- Template Library: Apply complete website kits for instant setups, or choose from a vast library of single pages, blocks, and pop-up templates.
- Розширені віджети: Отримайте доступ до понад 40 БЕЗКОШТОВНИХ віджетів, включаючи заголовки, зображення, текстовий редактор, відео, кнопки, галереї, каруселі тощо.
- Agentic AI for WordPress capabilities: Describe what you want in natural language and Elementor AI builds it: custom widgets, sections, full layouts, and WordPress snippets, delivered as production-ready, fully editable code native to your site.
🗝️ Key features
- Design system: Use Variables and Classes for consistent colors, typography, and design elements that update everywhere at once.
- Адаптивний дизайн: Оптимізуйте свій дизайн для кожного пристрою за допомогою власних точок переходу, забезпечуючи безперебійну роботу на комп’ютері, планшеті та мобільному пристрої.
- Mask shapes: Turn any element, like an image or video, into whatever shape you desire to create standout designs.
- CSS transform: Use CSS Transform to rotate, scale, and skew elements, adding dynamic styling to your site.
- Entrance animations: Add entrance animations to elements to create engaging and interactive user experiences.
- Revision history: Track and revert to previous versions of your designs at any point in the creative process.
- Developer-friendly: Extensive documentation, API, developer tools, and custom code areas, let developers extendElementor and build custom solutions.
- Floating buttons: Add customizable, floating action buttons that stay in view as users scroll.
- Components [Pro]: Reuse the same building blocks across pages and sites, and update them everywhere they appear, with controlled content editing, so collaborators and clients update only exposed content properties.
- Theme Builder [Pro]: Design every part of your site: headers, footers, posts, and archives,for full control over appearance.
- Popup Builder [Pro]: Create popups with advanced targeting and triggering options to optimize user engagement and conversions.
- Forms [Pro]: Design and integrate custom forms with advanced features and integrations to capture lead submissions.
- WooCommerce Builder [Pro]: Design custom product pages, shop layouts, archives, carts, checkout and account pages for your store.
- Dynamic Content [Pro]: Connect your designs to data sources to build personalized, interactive web experiences.
- Notes [Pro]: Leave feedback and comments directly on the design interface for better team collaboration.
- Custom Code [Pro]: Insert custom code to extend the functionality of your site, with flexibility for advanced customizations.
- Custom CSS [Pro]: Apply Custom CSS to fine-tune the styling of elements with precise control.
- Motion effects [Pro]: Add motion effects to elements for a more dynamic and engaging user experience.
- Custom fonts and icons [Pro]: Upload and use custom fonts and icons that match your brand’s identity.
😍 Elementor FREE widgets
Access a suite of free widgets and tools built to support your website creation process:
- Заголовок: Додати привабливі заголовки.
- Image: Control the size, opacity and more.
- Text Editor: Just like the WordPress text editor.
- Video: Add YouTube, Vimeo, VideoPress, Dailymotion or self-hosted videos.
- Button: Create interactive buttons.
- Link in Bio: Build link in bio components to promote your business / services.
- Image Box: A box with image, headline and text.
- Testimonials: Customer testimonials.
- Іконка: Розмістіть одну або більше із 600+ доступних іконок.
- Icon Box: An icon, headline, and text with one widget.
- Social Icons: Link to your social pages with the Facebook/X (formerly Twitter) icons.
- Image Gallery: Display your images in a grid.
- Image Carousel: Create rotating carousels or sliders for chosen images.
- Icon List: Use any icon to create a bullet list.
- Counter: Show numbers in an escalating manner.
- Індикатор виконання: Встановіть індикатор виконання на сторінку.
- Nested Tabs: Display content in vertical or horizontal tabs.
- Nested Accordion: Display any type of content in collapsible sections.
- Rating: Display how many stars (or another icon) other visitors gave.
- Alert: Include a colored alert box to draw visitor’s attention.
- HTML: Вставте код на сторінку.
- Shortcode: Insert shortcodes from any plugin into the page.
- Якір меню: Пов’яжіть будь-який пункт меню з цим якорем.
- Read More: Set the Read More cut-off for the excerpt in archive pages.
- Sidebar: Add sidebars onto the page.
- Google Maps: Дозволяє вставляти карти на сторінку.
- SoundCloud: Add SoundCloud audio bits.
- Divider: Separate content with a designed divider.
- Spacer: Add space between elements.
- Text Path: Attach your text to a path.
- And more.
🚀 Enhance your website
High-performing websites: Website performance affects your visitors’ experience and search result ranking. Elementor, in partnership with Google Chrome, continuously improves performance without compromising design.
Ключові функції включають:
- Reduced DOM output: Streamlined HTML structure for faster rendering.
- Improved media file loading: Optimized loading of images, videos, and other media assets.
- Reduced CSS and JS files: Minimized stylesheets and scripts individually loaded only on demand for quicker load times.
- Lazy loading: Deferred loading of non-critical resources to improve initial page load speed.
- Faster font loading: Efficient delivery of web fonts to enhance text rendering speed.
- Optimized front-end asset loading: Efficient loading of assets like JavaScript and CSS to minimize render-blocking.
- Element caching: Cache frequently accessed design elements to reduce server response time and enhance overall performance.
🔥 Elementor Editor Pro features
Create unparalleled websites while saving time, money and resources with Elementor Pro’s full website builder. Get access to 100+ professional widgets, features, and tools.
Віджети Pro Design:
- Posts: Display your blog posts with customizable layouts and styles.
- Share Buttons: Let visitors share your content on various social media platforms.
- Portfolio: Showcase your work or projects with portfolio layouts.
- Slides: Create slideshows with custom animations and transitions.
- Form: Design and customize advanced forms for user interaction and data collection.
- Login: Add a login form or user registration module to your website.
- WordPress Menu: Customize and style your website’s navigation menu.
- Animated Headline: Create attention-grabbing headlines with animated effects.
- Price Table: Display pricing plans or packages in a structured format.
- Price List: Showcase a list of prices or services with customizable styling.
- Gallery: Create image galleries with layout options and lightbox support.
- Flip Box: Add flip animations to highlight content or features.
- Call to Action: Encourage user interaction and conversions with dedicated sections.
- Media Carousel: Showcase a carousel of media files such as images or videos.
- Testimonial Carousel: Display client testimonials in a carousel format for social proof.
- Nested Carousel: Create nested carousels for more complex content organization.
- Loop Carousel: Display content in a looped carousel for continuous viewing.
- Table of Contents: Generate a table of contents for longer articles or guides.
- Countdown: Add countdown timers to create urgency for promotions or events.
- Facebook Page: Embed your Facebook page feed or content onto your website.
- Blockquote: Highlight quotes or testimonials with stylish formatting options.
- Template: Save and reuse design templates for consistent branding and layout.
- Reviews: Showcase customer reviews and ratings to build trust and credibility.
- Facebook Button: Add buttons to promote interactions with your Facebook page or content.
- Facebook Embed: Embed Facebook posts or content onto your website.
- Facebook Comments: Enable Facebook comments on your website’s pages or posts.
- PayPal Button: Integrate PayPal buttons for online payments.
- Stripe Button: Integrate Stripe payment buttons for secure online transactions.
- Lottie Widget: Add Lottie animations to enhance visual appeal and engagement.
- Code Highlight: Display code snippets with syntax highlighting for better readability.
- Video Playlist: Create and customize playlists for video content on your website.
- Mega Menu: Customize advanced menus for better navigation and displaying complex content.
- Off Canvas: Create off-canvas areas that slide in to show extra info or menus without cluttering the main layout.
Editor Pro theme widgets:
Build and customize all the key parts of your website including headers, footers, 404 page, global archives, and more.
- Post Title: Customize the title of individual blog posts or pages.
- Post Excerpt: Display a brief summary or teaser of your blog posts.
- Post Content: Customize the main content area of your blog posts or pages.
- Featured Image: Set and customize featured images for blog posts or pages.
- Author Box: Display author information and bios on blog posts.
- Post Comments: Customize the appearance and functionality of comments sections on your website.
- Post Navigation: Add navigation links to adjacent posts for easy browsing.
- Post Info: Display additional information about blog posts, such as author and date.
- Site Logo: Upload and customize your website’s logo for branding purposes.
- Site Title: Customize the title of your website.
- Page Title: Customize the title of individual pages.
- Search Bar: Add a search bar to allow users to search your website’s content.
- Breadcrumbs: Display hierarchical navigation paths for better user navigation.
- Sitemap: Generate a sitemap for better search engine indexing and user navigation.
- Loop Grid: Design and customize grid layouts for blog post archives or product listings.
Editor Pro WooCommerce widgets:
Створіть та налаштуйте повний досвід онлайн-покупок на всьому вашому веб-сайті.
- Product: Display individual products with customizable layouts and styles.
- Breadcrumbs: Display hierarchical navigation paths for better user navigation within your store.
- Product Title: Customize the title of individual products.
- Product Images: Set and customize images for product listings.
- Product Price: Display the price of individual products.
- Add To Cart: Add customizable add to cart buttons for easy purchasing.
- Product Rating: Display ratings and reviews for products.
- Product Stock: Display stock availability for products.
- Product Meta: Display additional information about products, such as SKU and categories.
- Product Content: Customize the main content area of product descriptions.
- Short Description: Display brief summaries or teasers of products.
- Product Data Tabs: Organize product information into tabbed sections for better organization.
- Additional Information: Display additional details about products, such as dimensions and weight.
- Product Related: Showcase related products to encourage additional purchases.
- Upsells: Promote upsell products to increase average order value.
- Products: Display a grid or list of products with customizable settings.
- Custom Add To Cart: Customize the add to cart button for specific products.
- WooCommerce Pages: Design and customize WooCommerce-specific pages, such as the cart and checkout pages.
- Product Categories: Display product categories for easy navigation within your store.
- Menu Cart: Display a cart icon in your navigation menu for easy access to the shopping cart.
- Cart: Customize the appearance and functionality of the shopping cart page.
- Checkout: Customize the appearance and functionality of the checkout page.
- My Account: Customize the appearance and functionality of the customer account area.
- Purchase Summary: Display a summary of purchases during the checkout process.
- WooCommerce Notices: Customize the appearance and functionality of WooCommerce notices, such as order confirmation messages.
Build professional websites with Elementor Pro
🔒 Безпека та відповідність вимогам
Elementor places a strong backed by industry certifications such as ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, and SOC 2 Type II. These certifications reflect our commitment to robust security measures and recognized industry standards.
We encourage ethical security research through our Bug Bounty program. We work with leading bug bounty services so researchers can report vulnerabilities in our service backed by a triage team available 24/7/365.
For more information: Trust Center.
♿ Accessibility best practices
Elementor offers accessibility tools and enhancements to help you provide a better experience for all users. Including HTML5 semantics, full keyboard navigation menus, ongoing improvements of features and widget.
🌐 Translated to 63+ languages, includes RTL support
Elementor підтримує кілька мов, типографіки та письмо справа наліво, а редактор пропонує переклади понад 63 мовами.
It’s compatible with WPML, Polylang, TranslatePress, Weglot, and more. To contribute, add a new language via translate.wordpress.org. See our guide on how to translate and localize the plugin.
🧩 Use of 3rd-party services
To improve the user experience, Elementor may use the following 3rd party services if the required feature is enabled:
- Google Fonts are loaded to add additional fonts to your website. Google’s TOS and Privacy Policy apply.
- Some Elementor features require loading assets from Elementor.com. These assets are not used for tracking unless explicitly stated, and require your approval and manual opt-in. Learn more in our TOS and Privacy Policy.
📧 Супутні товари від Elementor
Image Optimizer: Image compression for faster, high-quality website performance.
Site Mailer: Reliable email management without SMTP plugins, keeping your communications reliable.
Ally: Improves website usability for people with disabilities. Ally scans, detects, and remediates key accessibility violations, and works on all WordPress and Elementor websites.
Manage: Centralized dashboard to monitor, optimize, and maintain multiple WordPres sites without switching between individual site admins.
Cookiez: GDPR and CCPA compliant cookie banner with automatic cooking scanning, script blocking and consent logging.
Activity Log: Records every change on your WordPress site, who did it, when, and where the request came from (WP Admin, REST API, WP-CLI, WP-Cron, or the WP Abilities API), for a full audit trail).
📣 Дізнайтеся, що кажуть наші користувачі
“Elementor – безперечно найкращий конструктор сторінок“ – ★★★★★ Graphicvision1
“Неймовірно зручний плагін“ – ★★★★★ Hyeyoga
🌍 Join a global community
Join a global community that helps each other achieve their goals.
- Facebook Community – Over 150K+ members, offering support, advice, feedback, and tutorials.
- Learn valuable insights and techniques from our YouTube Channel.
- Show your support by …
Скріншоти
Встановлення
Мінімальні вимоги
- WordPress 6.8 або вище
- PHP версії 7.4 або вище
- MySQL версії 5.6 або MariaDB версії 10.5 чи новішої
- Обмеження пам’яті PHP 256 МБ або більше
- Обмеження пам’яті WordPress 256 МБ або більше
Recommended Requirements
- WordPress 7.0 або новішої версії
- PHP версії 8.3 або вище
- MySQL версії 8.0 або MariaDB версії 10.6 чи новішої
- Обмеження обсягу пам’яті PHP — 512 Мб (768 Мб для найкращої продуктивності) або більше
- Обмеження обсягу пам’яті WordPress — 512 Мб (768 Мб для найкращої продуктивності) або більше
Нотатка: Ці вимоги стосуються виключно Elementor та Elementor Pro. Якщо на вашому сайті використовуються додаткові плагіни, які також мають мінімальні вимоги, наприклад WooCommerce або додатки до Elementor, вам, можливо, доведеться збільшити ліміт пам’яті для PHP та WordPress, щоб уникнути проблем із завантаженням. Дивіться також наступну документацію Панель віджетів Elementor не завантажується.
Встановлення
- Встановіть за допомогою WordPress або розпакуйте zip-файл і перемістіть його вміст у піддиректорію
wp-content/plugins/вашої директорії WordPress. - Активуйте плагін через меню “Плагіни” у WordPress.
- Перейти до “Сторінки > Додати нову”
- Натисніть кнопку “Редагувати в Elementor”.
- Тепер ви можете перетягувати віджети з лівої панелі в область вмісту сторінки, а також додавати нові розділи та колонки для створення структури сторінки.
Для перегляду документації та посібників відвідайте нашу базу знань.
Часті питання
-
How do I install Elementor?
-
To install the free version of Elementor, follow the steps below:
From your WordPress dashboard -> Go to Plugins -> Click on ‘Add new’-> In the Search field, enter Elementor and choose Elementor website builder.
Press install -> After installation, click Activate. -
Does Elementor work with all the themes?
-
Elementor works with any theme that respects the coding standards of WordPress set by its Codex. We recommend using Elementor’s Hello Theme, a lightweight blank canvas, to enjoy full flexibility when using Elementor Editor, and optimize your experience.
-
Is Elementor compatible with Gutenberg?
-
Elementor and Gutenberg work together. You can easily decide which editor to use at every point while editing your site.
-
Can I create an online store?
-
Yes, with the Elementor Pro WooCommerce Builder you can customize every page of your store to build a customer experience that drives sales.
-
Does it work with other WordPress plugins?
-
It works with almost all the plugins. If you experience an incompatibility issue, please report it to us and to the plugin that conflicts with Elementor.
-
Do I need to know how to code?
-
No. Elementor provides you with all the widgets and features that you need to build a professional website without using code.
-
Do I need to know how to design?
-
No. Choose between professionally designed kits and templates that fit to every industry and have all you need to create your own professional website.
-
Will Elementor slow down my website?
-
As Elementor prioritizes speed and performance, you enjoy better and faster performance with each new version of the Editor. When testing the same page layout on older versions you can see a significant performance improvement, from a score of 82 in Google PageSpeed Insight in version 3.1, to a score of 95 in version 3.5.
-
Is my site secure with Elementor?
-
The security of your website matters to us and we take proactive measures to keep your websites secure. Elementor is ISO 27001 certified, and has a dedicated team of security professionals that implements industry best-practices for maximum security and compliance, 24/7.
There is also a managed security Bug Bounty program, using the power of community for 24/7/365 crowdsourced vulnerability detection.
-
Can I buy templates separately?
-
Yes. you can use any template that supports Elementor
-
Is Elementor compatible with Post and Custom Post Types?
-
Yes. You can set which post types will enable Elementor in the settings page.
-
What is the difference between Elementor’s free Editor plugin and Elementor Pro?
-
Elementor’s Free version gives you our drag & drop live editor, basic widgets and templates. Elementor Pro (Essential, Advanced, Expert, Studio, and Agency) adds professional tools that speed up your workflow, help you build more advanced content, and convert visitors.
-
How can I become a Contributor?
-
Якщо ви хочете зробити внесок, перейдіть до нашого репозиторію GitHub Elementor і подивіться, де ви можете допомогти. Ви також можете додати нову мову через translate.wordpress.org. Ми створили короткий посібник із поясненнями, як перекладати та локалізувати плагін.
Відгуки
Учасники та розробники
“Elementor Website Builder – більше, ніж просто конструктор сторінок” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:
Учасники
“Elementor Website Builder – більше, ніж просто конструктор сторінок” було перекладено на 64 локалізації. Дякуємо перекладачам за їх роботу.
Перекладіть “Elementor Website Builder – більше, ніж просто конструктор сторінок” на вашу мову.
Цікавитесь розробкою?
Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.
Журнал змін
4.2.4 – 2026-08-31
- Tweak: Updated WordPress compatibility to version 7.1
- Fix: Improved code security enforcement in query handling
4.2.3 – 2026-08-19
- Fix: Improved code security enforcement in template handling
- Fix: Invalid style properties prevent pages from being published
4.2.2 – 2026-08-06
- Fix: Editor top bar integrations may not appear in non-English languages
4.2.1 – 2026-07-28
- Fix: Improved code security enforcement in template handling
- Fix: Improved code security enforcement in document handling
- Fix: Invalid border-radius values in Global Classes prevent class changes – Atomic Editor
- Fix: Atomic Variables synced from Atomic Classes are missing after site import – Atomic Editor
4.2.0 – 2026-07-20
- New: Introducing Grid for building advanced row and column layouts – Atomic Editor
- Tweak: Improved Angie layout, composition, and design system creation from prompts and images – Atomic Editor
- Tweak: Added dynamic tag support for AI-generated element properties
- Fix: VideoPress URLs do not display on the frontend when used in Background Video and Lightbox dynamic tags (#24467)
- Fix: Grid containers can cause slower Editor performance on complex pages
- Fix: Filters do not work as expected in Website Templates
- Fix: The Save as Template button is unreachable when the modal does not fit the browser viewport
- Fix: AI-related Editor features show a console error when required services are not available yet
- Fix: Missing classes can affect the editing panel when they are still applied to elements – Atomic Editor
- Fix: Unsaved Class changes are not detected when switching between Design System tabs – Atomic Editor
- Fix: Custom Font names with spaces or special characters do not work in the Font Family control – Atomic Editor
- Fix: The drop indicator is missing when dragging Atomic elements inside row Containers – Atomic Editor
- Fix: Global Classes can be shared across multiple Kits instead of being separated per Kit – Atomic Editor
- Fix: Angie cannot update text in some Atomic elements – Atomic Editor