Elementor Website Builder – more than just a page builder

Mô tả

THE #1 NO CODE DRAG & DROP WORDPRESS WEBSITE BUILDER POWERING 22M+ WEBSITES WORLDWIDE, NOW WITH 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 enables you to confidently build, optimize, and manage your website with extended capabilities such as AI-powered creation, image optimization, transactional email delivery, accessibility tools, performance boosters, and more.

Now in version 4 – the Atomic Editor! Introducing a new generation of performance-first atomic building blocks that allow you to control every atomic part with no limits or locked layouts. Define your global design systems and reusable components once, and they apply everywhere instantly – turning hours or even days of work into single clicks.

Unlock all features with Elementor One.

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.
• 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 Variables and Classes for consistent colors, typography, and design elements, ensuring a cohesive, professional look that updates everywhere globally.
• 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.
• Components [Pro]: Reuse the same building blocks across pages and sites, and update them everywhere they appear. Including controlled content editing, allowing collaborators and clients to update only exposed content properties without breaking layout or styling.
• Trình tạo giao diện [Pro]: Thiết kế mọi phần của trang web của bạn—đầu trang, chân trang, bài viết và kho lưu trữ—để kiểm soát hoàn toàn giao diện.
• 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.
• Biểu mẫu [Pro]: Thiết kế và tích hợp các biểu mẫu tùy chỉnh, sử dụng các tính năng và tích hợp nâng cao để thu thập và quản lý nội dung gửi hiệu quả.
• 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.
• Nội dung động [Pro]: Tận dụng khả năng nội dung động để tạo trải nghiệm web được cá nhân hóa và tương tác bằng cách kết nối thiết kế của bạn với nhiều nguồn dữ liệu khác nhau.
• Notes [Pro]: Enhance team collaboration by using Elementor’s Notes feature to leave feedback and comments directly on the design interface.
• Mã Tùy chỉnh [Pro]: Chèn mã tùy chỉnh để mở rộng chức năng của trang web của bạn, mang đến sự linh hoạt cho các tùy chỉnh nâng cao.
• CSS Tùy chỉnh [Pro]: Áp dụng CSS Tùy chỉnh để tinh chỉnh kiểu dáng của các yếu tố, đảm bảo kiểm soát chính xác các khía cạnh thiết kế.
• Motion effects [Pro]: Add advanced motion effects to elements for a more dynamic and engaging user experience.
• Custom fonts and icons [Pro]: Upload and use custom fonts and icons to match your brand’s identity.

😍 Tiện ích MIỄN PHÍ của Elementor

Mở khóa tiềm năng của Elementor với bộ tiện ích và công cụ miễn phí toàn diện của chúng tôi, được thiết kế để hỗ trợ quy trình tạo trang web và nâng cao khả năng thiết kế của bạn:

• 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 counting…

🚀 Enhance your website

High-performing websites: Website performance impacts your visitors’ experience and search result ranking. Elementor, in partnership with Google Chrome, continuously enhances 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 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 Editor Pro features

Create unparalleled websites while saving time, money and resources with Elementor Editor Pro’s full website builder. Get access to 100+ professional widgets, features, and tools.

Editor Pro design widgets:

1. 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.
2. Nút chia sẻ: Cho phép khách truy cập dễ dàng chia sẻ nội dung của bạn trên nhiều nền tảng mạng xã hội khác nhau.
3. Danh mục đầu tư: Giới thiệu công việc hoặc dự án của bạn bằng bố cục danh mục đầu tư tuyệt đẹp.
4. Trang trình bày: Tạo trình chiếu động với hoạt ảnh và chuyển tiếp tùy chỉnh.
5. 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.
6. Đă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.
7. Nav Menu: Customize and style your website’s navigation menu for better user experience.
8. Tiêu đề động: Tạo tiêu đề thu hút sự chú ý bằng các hiệu ứng động.
9. Bảng giá: Hiển thị các gói hoặc gói giá theo định dạng có cấu trúc và bắt mắt.
10. Bảng giá: Gi Showcase danh sách giá cả hoặc dịch vụ với các tùy chọn kiểu dáng có thể tùy chỉnh.
11. Thư viện ảnh: Tạo thư viện hình ảnh đẹp mắt với nhiều tùy chọn bố cục và hỗ trợ hộp đèn.
12. Hộp lật: Thêm hoạt ảnh lật tương tác để làm nổi bật nội dung hoặc tính năng.
13. Kêu gọi hành động: Khuyến khích tương tác với người dùng và chuyển đổi bằng các phần kêu gọi hành động hấp dẫn.
14. 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.
15. 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.
16. 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.
17. 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.
18. Table of Contents: Generate a table of contents for longer articles or guides to improve navigation.
19. Đế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.
20. 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.
21. 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.
22. 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.
23. Đá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.
24. 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.
25. 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.
26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
27. Nút PayPal: Tích hợp các nút PayPal để thanh toán trực tuyến dễ dàng.
28. Nút Stripe: Tích hợp các nút thanh toán Stripe để tạo điều kiện thuận lợi cho các giao dịch trực tuyến an toàn.
29. 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.
30. 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.
31. 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.
32. 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.
33. 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…

1. Tiêu đề bài đăng: Tùy chỉnh tiêu đề của từng bài đăng trên blog hoặc trang.
2. Đ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.
3. 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.
4. 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.
5. 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.
6. 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.
7. Đ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.
8. 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.
9. Site Logo: Upload and customize your website’s logo for branding purposes.
10. Tiêu đề trang web: Tùy chỉnh tiêu đề trang web của bạn.
11. Tiêu đề trang: Tùy chỉnh tiêu đề của từng trang.
12. Search Bar: Add a search bar to allow users to search your website’s content.
13. Đườ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.
14. 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.
15. 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.

1. 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.
2. Đườ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.
3. Tiêu đề sản phẩm: Tùy chỉnh tiêu đề của từng sản phẩm.
4. Hình ảnh sản phẩm: Đặt và tùy chỉnh hình ảnh cho danh sách sản phẩm.
5. Giá sản phẩm: Hiển thị giá của từng sản phẩm.
6. 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.
7. Đánh giá sản phẩm: Hiển thị xếp hạng và đánh giá cho sản phẩm.
8. Tình trạng kho hàng: Hiển thị tình trạng còn hàng của sản phẩm.
9. 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.
10. 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.
11. 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.
12. 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.
13. 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.
14. 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.
15. 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.
16. 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.
17. 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ể.
18. 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.
19. 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.
20. 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.
21. Giỏ hàng: Tùy chỉnh giao diện và chức năng của trang giỏ hàng.
22. Thanh toán: Tùy chỉnh giao diện và chức năng của trang thanh toán.
23. 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.
24. 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.
25. 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 Editor 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.

Chúng tôi khuyến khích nghiên cứu bảo mật có đạo đức thông qua chương trình Tiền thưởng cho lỗi của chúng tôi. Chúng tôi hợp tác với các dịch vụ tiền thưởng cho lỗi hàng đầu để tạo cơ hội cho các nhà nghiên cứu báo cáo các lỗ hổng trong dịch vụ của chúng tôi. Các chương trình tiền thưởng của chúng tôi bao gồm một nhóm phân loại có sẵn 24/7/365.

Để biết thêm thông tin: Trung tâm tin cậy.

♿ Accessibility best practices

Elementor cung cấp các công cụ và cải tiến về khả năng truy cập để giúp bạn mang đến trải nghiệm tốt hơn cho tất cả người dùng. Bao gồm ngữ nghĩa HTML 5, menu điều hướng bằng bàn phím đầy đủ, cải tiến liên tục các tính năng, tiện ích và hơn thế nữa.

🌐 Đượ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 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

Để 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 Optimization: Superior image compression for faster, high-quality website performance.

Email Deliverability: Reliable email management without SMTP plugins, keeping your communications streamlined and efficient.

Web Accessibility: Enhances website usability for individuals with disabilities. Ally is designed to help web creators make their websites more inclusive. It scans, detects, and remediates key accessibility violations, working seamlessly on all WordPress and Elementor websites.

📣 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

“Easily, my most used WP plugin” – …