Mô tả
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.
Need fast and secure cloud hosting for your Elementor site? Try out Elementor Host Powered by Google Cloud & Cloudflare. 4.9/5 TrustPilot score.
🌟 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.
- Thư viện mẫu: Áp dụng các bộ công cụ trang web hoàn chỉnh để thiết lập tức thì hoặc chọn từ thư viện phong phú gồm các trang đơn, khối và mẫu pop-up.
- Advanced widgets: Access over 40 FREE widgets, including heading, image, text editor, video, button, gallery, carousels, and more.
- 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.
- Responsive design: Optimize your design for every device with custom breakpoints, ensuring a seamless desktop, tablet, and mobile experience.
- 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.
😍 Tiện ích MIỄN PHÍ của Elementor
Access a suite of free widgets and tools built to support your website creation process:
- Heading: Add eye-catching headlines.
- 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.
- Icon: Place one or more of 600+ icons available.
- 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.
- Progress Bar: Include an escalating progress bar.
- 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: Insert code into the page.
- Shortcode: Insert shortcodes from any plugin into the page.
- Menu Anchor: Link any menu to this anchor.
- Read More: Set the Read More cut-off for the excerpt in archive pages.
- Sidebar: Add sidebars onto the page.
- Google Maps: Embed maps into the page.
- 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.
Các tính năng chính bao gồm:
- 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.
Editor Pro design widgets:
- Bài viết: Hiển thị bài đăng trên blog của bạn với bố cục và kiểu dáng có thể tùy chỉnh.
- 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.
- Biểu mẫu: Thiết kế và tùy chỉnh các biểu mẫu nâng cao để tương tác với người dùng và thu thập dữ liệu.
- Đăng nhập: Thêm biểu mẫu đăng nhập hoặc mô-đun đăng ký người dùng vào trang web của bạn.
- WordPress Menu: Customize and style your website’s navigation menu.
- Tiêu đề động: Tạo tiêu đề thu hút sự chú ý bằng các hiệu ứng động.
- 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.
- Băng chuyền phương tiện: Giới thiệu băng chuyền các tệp phương tiện như hình ảnh hoặc video.
- Băng chuyền lời chứng thực: Hiển thị lời chứng thực của khách hàng ở định dạng băng chuyền để chứng minh xã hội.
- Băng chuyền lồng nhau: Tạo băng chuyền lồng nhau để tổ chức nội dung phức tạp hơn.
- Băng chuyền lặp: Hiển thị nội dung trong băng chuyền được lặp để xem liên tục.
- Table of Contents: Generate a table of contents for longer articles or guides.
- Đếm ngược: Thêm bộ hẹn giờ đếm ngược để tạo sự cấp bách cho các chương trình khuyến mãi hoặc sự kiện.
- Trang Facebook: Nhúng nguồn cấp dữ liệu trang Facebook hoặc nội dung của bạn vào trang web của bạn.
- Trích dẫn: Làm nổi bật các trích dẫn hoặc lời chứng thực bằng các tùy chọn định dạng phong cách.
- Mẫu: Lưu và sử dụng lại các mẫu thiết kế để tạo thương hiệu và bố cục nhất quán.
- Đánh giá: Giới thiệu đánh giá và xếp hạng của khách hàng để xây dựng niềm tin và uy tín.
- Nút Facebook: Thêm các nút để thúc đẩy tương tác với trang Facebook hoặc nội dung của bạn.
- Nhúng Facebook: Nhúng các bài đăng hoặc nội dung của Facebook vào trang web của bạn.
- 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.
- Tiện ích Lottie: Thêm hoạt ảnh Lottie để tăng cường sức hấp dẫn trực quan và sự tham gia.
- Làm nổi bật Code: Hiển thị các đoạn mã với cú pháp được tô màu để dễ đọc hơn.
- Danh sách phát video: Tạo và tùy chỉnh danh sách phát cho nội dung video trên trang web của bạn.
- Mega Menu: Tùy chỉnh các menu nâng cao để điều hướng tốt hơn và hiển thị nội dung phức tạp.
- Off Canvas: Tạo các khu vực ngoài khung hiển thị (off-canvas) trượt vào để hiển thị thêm thông tin hoặc menu mà không làm lộn xộn bố cục chính.
Editor Pro theme widgets:
Build and customize all the key parts of your website including headers, footers, 404 page, global archives, and more.
- Tiêu đề bài đăng: Tùy chỉnh tiêu đề của từng bài đăng trên blog hoặc trang.
- Đoạn trích bài đăng: Hiển thị bản tóm tắt ngắn gọn hoặc đoạn giới thiệu về bài đăng trên blog của bạn.
- Nội dung bài đăng: Tùy chỉnh khu vực nội dung chính của bài đăng trên blog hoặc trang của bạn.
- Hình ảnh nổi bật: Đặt và tùy chỉnh hình ảnh nổi bật cho bài đăng trên blog hoặc trang.
- Hộp tác giả: Hiển thị thông tin tác giả và tiểu sử trên các bài đăng trên blog.
- Bình luận bài đăng: Tùy chỉnh giao diện và chức năng của phần bình luận trên trang web của bạn.
- Điều hướng bài đăng: Thêm liên kết điều hướng đến các bài đăng liền kề để dễ dàng duyệt.
- Thông tin bài đăng: Hiển thị thông tin bổ sung về bài đăng trên blog, chẳng hạn như tác giả và ngày tháng.
- Site Logo: Upload and customize your website’s logo for branding purposes.
- Tiêu đề trang web: Tùy chỉnh tiêu đề trang web của bạn.
- Tiêu đề trang: Tùy chỉnh tiêu đề của từng trang.
- Search Bar: Add a search bar to allow users to search your website’s content.
- Đường dẫn: Hiển thị các đường dẫn điều hướng phân cấp để người dùng điều hướng tốt hơn.
- Sơ đồ trang web: Tạo sơ đồ trang web để lập chỉ mục công cụ tìm kiếm và điều hướng người dùng tốt hơn.
- Lưới lặp: Thiết kế và tùy chỉnh bố cục lưới cho kho lưu trữ bài đăng blog hoặc danh sách sản phẩm.
Editor Pro WooCommerce widgets:
Thiết kế và tùy chỉnh trải nghiệm mua sắm trực tuyến hoàn chỉnh trên toàn bộ trang web của bạn.
- Sản phẩm: Hiển thị các sản phẩm riêng lẻ với bố cục và kiểu dáng có thể tùy chỉnh.
- Đường dẫn: Hiển thị các đường dẫn điều hướng phân cấp để người dùng điều hướng tốt hơn trong cửa hàng của bạn.
- Tiêu đề sản phẩm: Tùy chỉnh tiêu đề của từng sản phẩm.
- Hình ảnh sản phẩm: Đặt và tùy chỉnh hình ảnh cho danh sách sản phẩm.
- Giá sản phẩm: Hiển thị giá của từng sản phẩm.
- Thêm vào giỏ hàng: Thêm các nút thêm vào giỏ hàng có thể tùy chỉnh để dễ dàng mua hàng.
- Đánh giá sản phẩm: Hiển thị xếp hạng và đánh giá cho sản phẩm.
- Tình trạng kho hàng: Hiển thị tình trạng còn hàng của sản phẩm.
- Siêu dữ liệu sản phẩm: Hiển thị thông tin bổ sung về sản phẩm, chẳng hạn như SKU và danh mục.
- Nội dung sản phẩm: Tùy chỉnh khu vực nội dung chính của mô tả sản phẩm.
- Mô tả ngắn: Hiển thị tóm tắt ngắn gọn hoặc giới thiệu về sản phẩm.
- Tab dữ liệu sản phẩm: Sắp xếp thông tin sản phẩm thành các phần được gắn thẻ để sắp xếp tốt hơn.
- Thông tin bổ sung: Hiển thị thông tin chi tiết bổ sung về sản phẩm, chẳng hạn như kích thước và trọng lượng.
- Sản phẩm liên quan: Giới thiệu các sản phẩm liên quan để khuyến khích mua thêm.
- Bán thêm: Quảng cáo các sản phẩm bán thêm để tăng giá trị đơn hàng trung bình.
- Sản phẩm: Hiển thị lưới hoặc danh sách sản phẩm với các cài đặt có thể tùy chỉnh.
- Tùy chỉnh nút Thêm vào giỏ hàng: Tùy chỉnh nút thêm vào giỏ hàng cho các sản phẩm cụ thể.
- Trang WooCommerce: Thiết kế và tùy chỉnh các trang dành riêng cho WooCommerce, chẳng hạn như trang giỏ hàng và trang thanh toán.
- Danh mục sản phẩm: Hiển thị danh mục sản phẩm để dễ dàng điều hướng trong cửa hàng của bạn.
- Giỏ hàng trên Menu: Hiển thị biểu tượng giỏ hàng trong menu điều hướng của bạn để dễ dàng truy cập vào giỏ hàng.
- Giỏ hàng: Tùy chỉnh giao diện và chức năng của trang giỏ hàng.
- Thanh toán: Tùy chỉnh giao diện và chức năng của trang thanh toán.
- Tài khoản của tôi: Tùy chỉnh giao diện và chức năng của khu vực tài khoản khách hàng.
- Tóm tắt đơn hàng: Hiển thị tóm tắt các giao dịch mua trong quá trình thanh toán.
- Thông báo WooCommerce: Tùy chỉnh giao diện và chức năng của thông báo WooCommerce, chẳng hạn như tin nhắn xác nhận đơn hàng.
Build professional websites with Elementor Pro
🔒 Security and compliance
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.
Để biết thêm thông tin: Trung tâm tin cậy.
♿ 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.
🌐 Được dịch sang hơn 63 ngôn ngữ, bao gồm hỗ trợ RTL
Elementor hỗ trợ nhiều ngôn ngữ, kiểu chữ và RTL, với các bản dịch trình soạn thảo bằng hơn 63 ngôn ngữ.
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
Để cải thiện trải nghiệm người dùng, Elementor có thể sử dụng các dịch vụ bên thứ ba sau nếu tính năng bắt buộc được bật:
- 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.
📧 Related products by 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).
📣 See what our users have to say
“Elementor chắc chắn là trình tạo trang tốt nhất hiện có” – ★★★★★ Graphicvision1
“Một plugin cực kỳ thân thiện với người dùng” – ★★★★★ Hyeyoga
🌍 Join a global community
Tham gia một cộng đồng toàn cầu giúp đỡ lẫn nhau đạt được mục tiêu của họ.
- Cộng đồng Facebook – Hơn 150 nghìn thành viên, cung cấp hỗ trợ, lời khuyên, phản hồi và hướng dẫn.
- Tìm hiểu những hiểu biết và kỹ thuật có giá trị từ Kênh YouTube của chúng tôi.
- Show your support by …
Ảnh màn hình






Cài đặt
Yêu cầu tối thiểu
- WordPress 6.8 or greater
- PHP phiên bản 7.4 trở lên
- MySQL version 5.6 or MariaDB version 10.5 or greater
- PHP Memory limit of 256 MB or greater
- WordPress Memory limit of 256 MB or greater
Yêu cầu được đề xuất
- WordPress 7.0 or greater
- PHP version 8.3 or greater
- MySQL version 8.0 or MariaDB version 10.6 or greater
- PHP Memory limit of 512 MB (768 MB for best performance) or greater
- WordPress Memory limit of 512 MB (768 MB for best performance) or greater
Note: These requirements are for Elementor and Elementor Pro only. If you are using additional plugins on your site that also have minimum requirements such as WooCommerce or Elementor addons, you may need to increase your PHP and WordPress Memory limit to help avoid loading issues. See also, the following documentation Elementor Widget Panel Not Loading.
Cài đặt
- Cài đặt bằng trình cài đặt Plugin tích hợp sẵn của WordPress hoặc giải nén tệp zip và thả nội dung vào thư mục
wp-content/plugins/của cài đặt WordPress của bạn. - Kích hoạt plugin thông qua menu ‘Plugin’ trong WordPress.
- Đi tới Trang > Thêm mới
- Nhấn nút ‘Chỉnh sửa bằng Elementor’.
- Bây giờ, bạn có thể kéo và thả các tiện ích từ bảng điều khiển bên trái vào khu vực nội dung, cũng như thêm các phần và cột mới tạo nên cấu trúc trang.
Để xem tài liệu và hướng dẫn, hãy truy cập Cơ sở kiến thức của chúng tôi.
Hỏi đáp
-
Làm cách nào để cài đặt 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.
-
Tôi có thể tạo một cửa hàng trực tuyến không?
-
Yes, with the Elementor Pro WooCommerce Builder you can customize every page of your store to build a customer experience that drives sales.
-
Nó có hoạt động với các plugin WordPress khác không?
-
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.
-
Tôi có cần phải biết cách viết mã không?
-
No. Elementor provides you with all the widgets and features that you need to build a professional website without using code.
-
Tôi có cần biết thiết kế không?
-
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.
-
Tôi có thể mua mẫu riêng biệt không?
-
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?
-
If you want to contribute, go to our Elementor GitHub Repository and see where you can help. You can also add a new language via translate.wordpress.org. We’ve built a short guide explaining how to translate and localize the plugin.
Đánh giá
Người đóng góp & Lập trình viên
“Elementor Website Builder – more than just a page builder” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp“Elementor Website Builder – more than just a page builder” đã được dịch qua 64 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.
Dịch “Elementor Website Builder – more than just a page builder” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
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
