Elementor Website Builder – more than just a page builder

描述

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 网站寻求快速安全的云托管？
快来试用由 Google Cloud 与 Cloudflare 提供技术支持的 Elementor 托管服务。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.
• 模板库：应用完整的网站用于即时设置的套件，或从庞大的单页、块和弹出模板库中进行选择。
• 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.

😍 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.

主要功能包括：

• 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:

1. 帖子：使用可自定义的布局和样式显示您的博客帖子。
2. Share Buttons: Let visitors share your content on various social media platforms.
3. Portfolio: Showcase your work or projects with portfolio layouts.
4. Slides: Create slideshows with custom animations and transitions.
5. 表单：设计和自定义高级表单以供用户交互和数据收集。
6. 登录：向您的网站添加登录表单或用户注册模块。
7. WordPress Menu: Customize and style your website’s navigation menu.
8. 动画标题：使用动画效果创建引人注目的标题。
9. Price Table: Display pricing plans or packages in a structured format.
10. Price List: Showcase a list of prices or services with customizable styling.
11. Gallery: Create image galleries with layout options and lightbox support.
12. Flip Box: Add flip animations to highlight content or features.
13. Call to Action: Encourage user interaction and conversions with dedicated sections.
14. 媒体轮播：展示图像或视频等媒体文件的轮播。
15. 推荐轮播：以轮播格式显示客户推荐，以进行社交证明。
16. 嵌套轮播：创建嵌套轮播以实现更复杂的内容组织。
17. 循环轮播：在循环轮播中显示内容以供连续查看。
18. Table of Contents: Generate a table of contents for longer articles or guides.
19. 倒计时：添加倒计时器以营造促销或活动的紧迫​​感。
20. Facebook 页面：将您的 Facebook 页面提要或内容嵌入到您的网站上。
21. 块引用：使用时尚的格式选项突出显示引用或感言。
22. 模板：保存并重复使用设计模板，以实现一致的品牌和布局。
23. 评论：展示客户评论和评级以建立信任和信誉。
24. Facebook 嵌入：将 Facebook 帖子或内容嵌入到您的网站上。
25. Facebook 嵌入：将 Facebook 帖子或内容嵌入到您的网站上。
26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
27. PayPal Button: Integrate PayPal buttons for online payments.
28. Stripe Button: Integrate Stripe payment buttons for secure online transactions.
29. Lottie 小部件：添加 Lottie 动画以增强视觉吸引力和参与度。
30. 代码突出显示：显示带有语法突出显示的代码片段，以提高可读性。
31. 视频播放列表：为您网站上的视频内容创建和自定义播放列表。
32. 超级菜单：自定义高级菜单，以便更好地导航和显示复杂的内容。
33. 画布外：创建画布外区域，滑入以显示额外信息或菜单，而不会扰乱主布局。

Editor Pro theme widgets:

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

1. 帖子标题：自定义各个博客帖子或页面的标题。
2. 帖子摘录：显示博客帖子的简短摘要或预告片。
3. 帖子内容：自定义博客帖子或页面的主要内容区域。
4. 特色图片：为博客文章或页面设置和自定义特色图片。
5. 作者框：在博客文章上显示作者信息和简介。
6. 发表评论：自定义网站上评论部分的外观和功能。
7. 帖子导航：向相邻帖子添加导航链接以方便浏览。
8. 帖子信息：显示有关博客帖子的附加信息，例如作者和日期。
9. Site Logo: Upload and customize your website’s logo for branding purposes.
10. 网站标题：自定义网站的标题。
11. 页面标题：自定义各个页面的标题。
12. Search Bar: Add a search bar to allow users to search your website’s content.
13. 面包屑：显示分层导航路径，以便更好地用户导航。
14. 站点地图：生成站点地图以实现更好的搜索引擎索引和用户导航。
15. 循环网格：为博客文章档案或产品列表设计和自定义网格布局。

Editor Pro WooCommerce widgets:

在整个网站上设计和定制完整的在线购物体验。

1. 产品：显示具有可自定义布局和样式的单个产品。
2. 面包屑：显示分层导航路径，以便用户在商店内更好地导航。
3. 产品标题：自定义单个产品的标题。
4. 产品图片：设置和自定义产品列表的图像。
5. 产品价格：显示单个产品的价格。
6. 添加到购物车：添加可自定义的“添加到购物车”按钮以方便购买。
7. 产品评分：显示产品的评分和评论。
8. 产品库存：显示产品的库存情况。
9. 产品元数据：显示有关产品的附加信息，例如 SKU 和类别。
10. 产品内容：自定义产品描述的主要内容区域。
11. 简短描述：显示产品的简短摘要或预告片。
12. 产品数据选项卡：将产品信息组织到选项卡式部分中，以便更好地组织。
13. 其他信息：显示有关产品的其他详细信息，例如尺寸和重量。
14. 产品相关：展示相关产品以鼓励额外购买。
15. 追加销售：推广追加销售产品以提高平均订单价值。
16. 产品：显示具有可自定义设置的产品网格或列表。
17. 自定义添加到购物车：自定义特定产品的“添加到购物车”按钮。
18. WooCommerce 页面：设计和自定义 WooCommerce 特定页面，例如购物车和结账页面。
19. 产品类别：显示产品类别，以便在商店内轻松导航。
20. 菜单购物车：在导航菜单中显示购物车图标，以便轻松访问购物车。
21. 购物车：自定义购物车页面的外观和功能。
22. 结帐：自定义结帐页面的外观和功能。
23. 我的帐户：自定义客户帐户区域的外观和功能。
24. 购买摘要：在结账过程中显示购买摘要。
25. WooCommerce 通知：自定义 WooCommerce 通知的外观和功能，例如订单确认消息。

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.

有关更多信息：信任中心。

♿ 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.

🌐 翻译成超过 63 种语言，包括 RTL 支持

Elementor 支持多种语言、排版和 RTL，具有超过 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

为了改善用户体验，如果启用了所需的功能，Elementor 可能会使用以下第三方服务：

• 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 毫无疑问是最好的页面构建器” – ★★★★★ Graphicvision1

“一个令人难以置信的用户友好插件” – ★★★★★ Hyeyoga

更多推荐

🌍 Join a global community

加入一个互相帮助实现目标的全球社区。

• Facebook 社区 – 超过 15 万会员，提供支持、建议、反馈和教程。
• 从我们的 YouTube 频道学习宝贵的见解和技术。
• Show your support by …