WordPress.org

Plugin Directory

Конструктор сайтів Elementor – більше, ніж просто конструктор сторінок

Конструктор сайтів Elementor – більше, ніж просто конструктор сторінок

Опис

THE #1 NO CODE DRAG & DROP WORDPRESS WEBSITE BUILDER POWERING OVER 17M WEBSITES WORLDWIDE, NOW WITH AI.

Elementor, ведуча платформа для створення сайтів на базі WordPress, дозволяє легко створювати професійні, бездоганні веб-сайти.

Unlock all features with Elementor Pro.

🌟 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.
  • Advanced Widgets: Access over 40 FREE widgets, including heading, image, text editor, video, button, gallery, carousels, and more.
  • AI Capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images.

🗝️ Key features:

  • Design System: Use Elementor’s Design System for consistent colors, typography, and design elements, ensuring a cohesive, professional look.
  • Responsive Design: Optimize your design for every device with custom breakpoints, ensuring a seamless desktop, tablet, and mobile experience.
  • Mask Shapes: Turning 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: Elementor’s Revision History feature enables users to track and revert to previous versions of their designs, providing peace of mind and flexibility during the creative process.
  • Developer-Friendly: Equipped with extensive documentation, API, developer tools, and custom code areas, Elementor offers a conducive environment for developers to extend its capabilities and create custom solutions.
  • Floating Buttons: Enhance user interaction with customizable, floating action buttons that stay in view as users scroll.
  • Theme Builder [Pro]: Design every part of your site—headers, footers, posts, and archives—for complete control over appearance.
  • Popup Builder [Pro]: Create eye-catching popups with Elementor’s Popup Builder, equipped with advanced targeting and triggering options to optimize user engagement and conversions.
  • Forms [Pro]: Design and integrate custom forms, utilizing advanced features and integrations to capture and manage submissions effectively.
  • WooCommerce Builder [Pro]: Integrate Elementor with WooCommerce to design custom product pages, shop layouts, archives, carts, checkout pages, my account, and more, enhancing your store’s visual appeal and functionality.
  • Dynamic Content [Pro]: Leverage dynamic content capabilities to create personalized and interactive web experiences by connecting your designs to various data sources.
  • Notes [Pro]: Enhance team collaboration by using Elementor’s Notes feature to leave feedback and comments directly on the design interface.
  • Custom Code [Pro]: Insert custom code to extend the functionality of your site, offering flexibility for advanced customizations.
  • Custom CSS [Pro]: Apply Custom CSS to fine-tune the styling of elements, ensuring precise control over the design aspects.
  • Motion Effects [Pro]: Add advanced motion effects to elements for a more dynamic and engaging user experience.
  • Custom Fonts & Icons [Pro]: Upload and use custom fonts and icons to match your brand’s identity.

😍 Elementor FREE widgets

Unlock the potential of Elementor with our comprehensive suite of free widgets and tools, designed to empower your website creation process and elevate your design capabilities:

  • Заголовок. Додати привабливі заголовки.
  • Image. Control the size, opacity and more.
  • Text Editor. Just like the WordPress editor.
  • Video. Add YouTube, Vimeo, 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.
  • Toggle. Use the Toggle to hide or display content, like FAQ.
  • 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.
  • І не тільки…

🚀 Enhance Your Website

High-Performing Websites: Website performance impacts your visitor’s experience and search result ranking. Elementor, in partnership with Google Chrome, continuously enhances performance without compromising design.

Key features include:

  • 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 and concatenated stylesheets and scripts for quicker loading 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 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 Widgets:

  1. Posts: Display your blog posts with customizable layouts and styles.
  2. Share Buttons: Allow visitors to easily share your content on various social media platforms.
  3. Portfolio: Showcase your work or projects with stunning portfolio layouts.
  4. Slides: Create dynamic slideshows with custom animations and transitions.
  5. Form: Design and customize advanced forms for user interaction and data collection.
  6. Login: Add a login form or user registration module to your website.
  7. Nav Menu: Customize and style your website’s navigation menu for better user experience.
  8. Animated Headline: Create attention-grabbing headlines with animated effects.
  9. Price Table: Display pricing plans or packages in a structured and visually appealing format.
  10. Price List: Showcase a list of prices or services with customizable styling options.
  11. Gallery: Create beautiful image galleries with various layout options and lightbox support.
  12. Flip Box: Add interactive flip animations to highlight content or features.
  13. Call to Action: Encourage user interaction and conversions with compelling call-to-action sections.
  14. Media Carousel: Showcase a carousel of media files such as images or videos.
  15. Testimonial Carousel: Display client testimonials in a carousel format for social proof.
  16. Nested Carousel: Create nested carousels for more complex content organization.
  17. Loop Carousel: Display content in a looped carousel for continuous viewing.
  18. Table Of Content: Generate a table of contents for longer articles or guides to improve navigation.
  19. Countdown: Add countdown timers to create urgency for promotions or events.
  20. Facebook Page: Embed your Facebook page feed or content onto your website.
  21. Blockquote: Highlight quotes or testimonials with stylish formatting options.
  22. Template: Save and reuse design templates for consistent branding and layout.
  23. Reviews: Showcase customer reviews and ratings to build trust and credibility.
  24. Facebook Button: Add buttons to promote interactions with your Facebook page or content.
  25. Facebook Embed: Embed Facebook posts or content onto your website.
  26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
  27. PayPal Button: Integrate PayPal buttons for easy online payments.
  28. Stripe Button: Integrate Stripe payment buttons to facilitate secure online transactions.
  29. Lottie Widget: Add Lottie animations to enhance visual appeal and engagement.
  30. Code Highlight: Display code snippets with syntax highlighting for better readability.
  31. Video Playlist: Create and customize playlists for video content on your website.
  32. Mega Menu: Customize advanced menus for better navigation and displaying complex content.
  33. Off Canvas: Create off-canvas areas that slide in to show extra info or menus without cluttering the main layout.

Pro Theme Widgets:

Build and customize all the key parts of your website including headers, footers, 404 page, global archives, and more

  1. Post Title: Customize the title of individual blog posts or pages.
  2. Post Excerpt: Display a brief summary or teaser of your blog posts.
  3. Post Content: Customize the main content area of your blog posts or pages.
  4. Featured Image: Set and customize featured images for blog posts or pages.
  5. Author Box: Display author information and bios on blog posts.
  6. Post Comments: Customize the appearance and functionality of comments sections on your website.
  7. Post Navigation: Add navigation links to adjacent posts for easy browsing.
  8. Post Info: Display additional information about blog posts, such as author and date.
  9. Site Logo: Upload and customize your website’s logo for branding purposes.
  10. Site Title: Customize the title of your website.
  11. Page Title: Customize the title of individual pages.
  12. Search Bar: Add a search bar to allow users to search your website’s content.
  13. Breadcrumbs: Display hierarchical navigation paths for better user navigation.
  14. Sitemap: Generate a sitemap for better search engine indexing and user navigation.
  15. Loop Grid: Design and customize grid layouts for blog post archives or product listings.

Pro WooCommerce Widgets:

Design and customize a complete online shopping experience across your entire website.

  1. Product: Display individual products with customizable layouts and styles.
  2. Breadcrumbs: Display hierarchical navigation paths for better user navigation within your store.
  3. Product Title: Customize the title of individual products.
  4. Product Images: Set and customize images for product listings.
  5. Product Price: Display the price of individual products.
  6. Add To Cart: Add customizable add to cart buttons for easy purchasing.
  7. Product Rating: Display ratings and reviews for products.
  8. Product Stock: Display stock availability for products.
  9. Product Meta: Display additional information about products, such as SKU and categories.
  10. Product Content: Customize the main content area of product descriptions.
  11. Short Description: Display brief summaries or teasers of products.
  12. Product Data Tabs: Organize product information into tabbed sections for better organization.
  13. Additional Information: Display additional details about products, such as dimensions and weight.
  14. Product Related: Showcase related products to encourage additional purchases.
  15. Upsells: Promote upsell products to increase average order value.
  16. Products: Display a grid or list of products with customizable settings.
  17. Custom Add To Cart: Customize the add to cart button for specific products.
  18. WooCommerce Pages: Design and customize WooCommerce-specific pages, such as the cart and checkout pages.
  19. Product Categories: Display product categories for easy navigation within your store.
  20. Menu Cart: Display a cart icon in your navigation menu for easy access to the shopping cart.
  21. Cart: Customize the appearance and functionality of the shopping cart page.
  22. Checkout: Customize the appearance and functionality of the checkout page.
  23. My Account: Customize the appearance and functionality of the customer account area.
  24. Purchase Summary: Display a summary of purchases during the checkout process.
  25. WooCommerce Notices: Customize the appearance and functionality of WooCommerce notices, such as order confirmation messages.

Build professional websites with Elementor Pro!

🔒 SECURITY AND COMPLIANCE

Elementor places a paramount focus on security, evident through our acquisition of industry certifications such as ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, and SOC 2 Type II. These certifications underscore our commitment to implementing robust security measures, and highlight our dedication to adhering to recognized industry standards.

We encourage ethical security research through our Bug Bounty program. We collaborate with leading bug bounty services to provide opportunities for researchers to report vulnerabilities in our services. Our bounty programs include 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 HTML 5 semantic, full keyboard navigation menu, ongoing improvement of features, widget, and more.

🌐 Translated to 63+ languages, includes RTL support

Elementor supports multiple languages, typographies, and RTL, with editor translations in over 63 languages.

It’s also 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
  • Some Elementor features require loading assets from Elementor.com. These assets are not used for tracking unless explicitly mentioned, requiring your approval and manual opt-in. Learn more in our TOS and Privacy Policy.

📧 Related Products by Elementor

Image Optimizer: Superior image compression for faster, high-quality website performance.

Site Mailer: Reliable email management without SMTP plugins, keeping your communications streamlined and efficient.

📣 See What Our Users Have to Say

“Elementor is hands down the best page builder out there” – ★★★★★ Graphicvision1

“An incredibly user-friendly plugin” – ★★★★★ Hyeyoga

“Easily, my most used WP plugin” – ★★★★★ Xander Venske

“I upgraded to the Pro version and just love this plugin!” – ★★★★★ Andybarn56

“Excellent product with great tech support” – ★★★★★ Martywilsonnj

More testimonials

🌍 Join a Global Community

Join a global community that helps each other achieve their goals.

Скріншоти

  • Visual Drag and Drop Editor – Design your website layouts and place any element anywhere on the page for pixel-perfect designs.
  • Full Design System – Enjoy a professional workflow and ensure consistency across your site. Define your settings, use them globally, and instantly adjust them any time.
  • Responsive Design Fully edit your website and customize the behavior on desktop, tablet, & mobile to optimize the visitor experience on every device.
  • Kits and Templates – Jumpstart your web creation process or get inspired with professionally-designed templates or full website kits available for your immediate customization.
  • Nested Elements Leverage Elementor’s Nested widgets to place any widget inside the content area of another widget – like Tabs, and Accordion for complete design flexibility.
  • Motion Effects – Add entrance animations and transitions to any element in your website to captivate visitors.

Встановлення

Мінімальні вимоги

  • WordPress 6.3 або новішої версії
  • PHP версії 7.4 або вище
  • MySQL версії 5.0 або вище

Recommended Requirements

  • PHP версії 8.1 або вище
  • MySQL 5.6 або вище
  • Обмеження пам’яті WordPress 64 МБ або вище (бажано 128 МБ або вище)

Встановлення

  1. Встановіть за допомогою WordPress або розпакуйте zip-файл і перемістіть його вміст у піддиректорію wp-content/plugins/ вашої директорії WordPress.
  2. Активуйте плагін через меню “Плагіни” у WordPress.
  3. Перейти до “Сторінки > Додати нову”
  4. Натисніть кнопку “Редагувати в Elementor”.
  5. Тепер ви можете перетягувати віджети з лівої панелі в область вмісту сторінки, а також додавати нові розділи та колонки для створення структури сторінки.

Для перегляду документації та посібників відвідайте нашу базу знань.

Часті питання

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 all the themes that respect the coding standards of WordPress set by its Codex. It is recommended to use Elementor’s Hello Theme, a lightweight blank canvas, to enjoy full flexibility when using Elementor, and optimize your experience.

Is Elementor compatible with Gutenberg?

Elementor and Gutenberg work seamlessly together. As a user, 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 create an amazing 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, you can choose between professionally designed kits and templates that fit toevery 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 Elementor. 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 i in version 3.5.

Is my site secure with Elementor?

The security of your website is extremely important to us and we take proactive measures to assure that your websites are 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, utilizing the community power by enabling 24/7/365 crowdsourced vulnerability detection.

Can I buy templates separately?

Звичайно, ви можете використовувати будь-який шаблон, який підтримує Elementor.

Чи сумісний Elementor із записами та власними типами записів?

Звичайно! Ви можете вказати для котрих типів записів викоритовувати Elementor на сторінці налаштувань.

What is the difference between Elementor’s free Plugin and Elementor Pro

Безкоштовна версія Elementor дозволяє дослідити наш революційний редактор з можливістю перетягування, основними віджетами та шаблонами. Elementor Pro (Essential, Advanced, Expert, Studio та Agency) надає вам більше професійних інструментів, які пришвидшують ваш робочий процес, надають вам доступ до підтримки з боку людини, допомагають створювати розширеніший вміст і конвертувати відвідувачів. Дивіться повне порівняння тут.

How can I become a Contributor

Якщо ви хочете зробити внесок, перейдіть до нашого репозиторію GitHub Elementor і подивіться, де ви можете допомогти.
Ви також можете додати нову мову через translate.wordpress.org. Ми створили короткий посібник із поясненнями, як перекладати та локалізувати плагін.

Відгуки

06.12.2024 1 reply
Elementor has become, as many other WP apps, a cold money making machine. I’m paying the Pro version since years and after the last update, essential tools which were part of the paid version and even of the free version, are just being deactivated obligating you to pay more money than you already did. This is such a shi**y way of making money forcing you to pay. I feel like robbed on the street. This is getting worse and worse…
Прочитати всі 6 964 відгуки

Учасники та розробники

“Конструктор сайтів Elementor – більше, ніж просто конструктор сторінок” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Учасники

“Конструктор сайтів Elementor – більше, ніж просто конструктор сторінок” було перекладено на 63 локалізації. Дякуємо перекладачам за їх роботу.

Перекладіть “Конструктор сайтів Elementor – більше, ніж просто конструктор сторінок” на вашу мову.

Цікавитесь розробкою?

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.

Журнал змін

3.25.11 – 2024-12-10

  • Tweak: Updated eicons library to v5.34.0
  • Security Fix: Improved code security enforcement in Image widget
  • Security Fix: Improved code security enforcement in Connect process
  • Security Fix: Improved code security enforcement in Progress bar widget
  • Fix: YouTube video in lightbox is not presented as expected in Video widget (#29241)

3.25.10 – 2024-11-24

  • Security Fix: Improved code security enforcement in Typography control
  • Fix: Link URL actions not functioning as expected inside the editor

3.25.9 – 2024-11-20

  • Fix: 3D Rotate transform is not functioning as expected when the Optimized Control Loading feature is activated

3.25.8 – 2024-11-19

  • Security Fix: Improved code security enforcement in Icon widget

3.25.7 – 2024-11-18

  • Security Fix: Improved code security enforcement in Post functionality

3.25.6 – 2024-11-13

  • Tweak: Updated eicons library to v5.32.0
  • Tweak: Adjusted Kit import flow to allow extendability
  • Tweak: Added extendability functionality to the common Advanced Tab controls
  • Fix: PHP error appears when an undefined color or typography value is used in Site Settings
  • Fix: Permanently deleting a global widget causes a fatal error on pages where it is used
  • Fix: Nested Elements are activated even when the Container experiment is inactive

3.25.5 – 2024-11-12

  • Security Fix: Improved code security enforcement in Post functionality
  • Security Fix: Improved code security enforcement in Floating Elements
  • Security Fix: Improved code security enforcement in Import and Export functionality

3.25.4 – 2024-11-03

  • Fix: Console warning errors related to popups (#29137, #29141)

3.25.3 – 2024-10-30

  • Fix: Global Widgets are not displaying correctly in both the editor and frontend (#29112)

3.25.2 – 2024-10-29

  • Fix: Global Widgets are not displaying correctly in the editor (#29092)
  • Fix: Image captions are not displaying for non-logged-in users in Image Carousel widget

3.25.1 – 2024-10-28

  • Fix: Custom template fails to insert into the page and displays a permission error (#29076)
  • Fix: Global Widgets not displaying correctly on the frontend (#29076)

3.25.0 – 2024-10-28

  • New: Introducing Optimized Markup as an Alpha experiment – Reduce DOM size by eliminating unnecessary HTML wrappers in various elements and widgets
  • Tweak: Reduced the use of JavaScript for smooth scrolling by implementing a modern CSS-based solution (#13773)
  • Tweak: Updated smooth scroll behavior to respect the user’s reduced motion preference setting
  • Tweak: Removed elementor-button-wrapper div from Button widget as part of the Optimized Markup experiment
  • Tweak: Load styles for Floating Elements separately to enhance performance
  • Tweak: Load styles for Link in Bio widgets separately to enhance performance
  • Tweak: Optimized global.css to exclude style generation for unused widgets
  • Tweak: Removed the Floating Elements modules from module.js
  • Tweak: Added “Edit with Elementor” button to WooCommerce’s new product editor
  • Tweak: Merged “Build with AI” feature to version
  • Tweak: Merged “Grid Container” to “Flexbox Container” feature
  • Tweak: Activated “Editor Top Bar” feature for existing sites
  • Tweak: Activated “Optimized Control Loading” for existing sites and promoted the feature to stable
  • Tweak: Activated “Nested Elements” feature for existing sites
  • Tweak: Removed compatibility CSS support for the Twenty Fifteen theme
  • Tweak: Renamed the “Flexbox Container” feature to “Container” feature
  • Fix: Expand Icon in the Accordion widget would not display when nested inside another Accordion widget (#24086)
  • Fix: Swiper incorrectly applied the inert attribute to a slide in the Nested Carousel (#23039)
  • Fix: Footer would overlap the Archive Posts, Portfolio, and Gallery widgets in mobile view when using the Archive template
  • Fix: “Edit with Elementor AI” button is visible for unsupported file types
  • Fix: Structure panel indicator color is not visible in dark mode
  • Fix: Indentation issue with empty elements in the Structure panel
  • Fix: “Reference a website” feature in Elementor AI failed to work in Safari 17

See changelog for all versions.