Elementor Website Builder – muito mais do que apenas um construtor de páginas

O CONSTRUTOR DE SITES WORDPRESS Nº 1 DE ARRASTAR E SOLTAR, SEM CÓDIGOS, COM MAIS DE 22 MILHÕES DE SITES EM TODO O MUNDO, AGORA COM IA.

O Elementor, a principal plataforma de criação de sites para WordPress, permite que você crie sites profissionais e com design impecável de forma integrada, graças ao seu Editor Atômico, que não requer programação e funciona com o recurso de arrastar e soltar.

Oferecendo suporte ao ciclo de vida completo do site, o Elementor permite que você crie, otimize e gerencie seu site com confiança, com recursos avançados, como criação com inteligência artificial, otimização de imagens, envio de e-mails transacionais, ferramentas de acessibilidade, otimizadores de desempenho e muito mais.

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.

Libere todos os recursos com o Elementor One.

Precisa de hospedagem em nuvem rápida e segura para o seu site Elementor? Experimente o Elementor Host, desenvolvido pelo Google Cloud e Cloudflare. Pontuação de 4,9/5 no TrustPilot.

🌟 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.
• Biblioteca de modelos: Aplique kits de sites completos para configurações instantâneas ou escolha em uma vasta biblioteca de páginas únicas, blocos e modelos de 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.
• Componentes [Pro]: Reutilize os mesmos blocos de construção em todas as páginas e sites e os atualize em todos os lugares em que aparecem. Inclui edição controlada de conteúdo, permitindo que colaboradores e clientes atualizem apenas as propriedades de conteúdo expostas, sem quebrar o layout ou o estilo.
• Construtor de temas [Pro]: Crie cada parte do seu site – cabeçalhos, rodapés, posts e arquivos – para ter controle total sobre a aparência.
• Construtor de pop-ups [Pro]: Crie pop-ups chamativos com o construtor de pop-ups do Elementor, que conta com opções avançadas de direcionamento e acionamento para otimizar o envolvimento do usuário e as conversões.
• Formulários [Pro]: Crie e integre formulários personalizados, usando recursos avançados e integrações para capturar e gerenciar envios de forma eficaz.
• 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.
• Conteúdo dinâmico [Pro]: Aproveite os recursos de conteúdo dinâmico para criar experiências personalizadas e interativas na web, conectando seus designs a várias fontes de dados.
• Anotações [Pro]: Melhore a colaboração da equipe usando o recurso de anotações do Elementor para deixar feedbacks e comentários diretamente na interface do design.
• Código personalizado [Pro]: Insere código personalizado para estender a funcionalidade do seu site, oferecendo flexibilidade para personalizações avançadas.
• CSS personalizado [Pro]: Aplique CSS personalizado para fazer o ajuste fino do estilo dos elementos, garantindo um controle preciso sobre os aspectos do design.
• 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.

😍 Widgets do Elementor GRATUITO

Desbloqueie o potencial do Elementor com nosso conjunto abrangente de widgets e ferramentas gratuitas, desenvolvido para otimizar seu processo de criação de sites e melhorar seus recursos de design:

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

Os principais recursos incluem:

• 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

Crie sites incomparáveis enquanto economiza tempo, dinheiro e recursos com o construtor de sites completo do Editor do Elementor Pro. Tenha acesso a mais de 100 widgets, recursos e ferramentas profissionais.

Editor Pro design widgets:

1. Posts: Exibe os posts do seu blog com layouts e estilos personalizáveis.
2. Botões de compartilhamento: Permite que os visitantes compartilhem seu conteúdo com facilidade em várias plataformas de mídia social.
3. Portfólio: Apresente seu trabalho ou projetos com layouts de portfólio impressionantes.
4. Slides: Crie apresentações de slides dinâmicos com animações e transições personalizadas.
5. Formulário: Crie e personalize formulários avançados para interação com o usuário e coleta de dados.
6. Acesso: Adicione um formulário de acesso ou um módulo de cadastro de usuário ao seu site.
7. Nav Menu: Customize and style your website’s navigation menu for better user experience.
8. Manchete animada: Crie títulos principais que chamam a atenção com efeitos animados.
9. Tabela de preços: Exibe planos ou pacotes de preços em um formato estruturado e visualmente atraente.
10. Lista de preços: Exibe uma lista de preços ou serviços com opções de estilo personalizáveis.
11. Galeria: Crie lindas galerias de imagens com várias opções de layout e suporte a lightbox.
12. Caixa giratória: Adicione animações interativas com efeito de giro para destacar conteúdos ou recursos.
13. Chamada para ação: Estimule a interação do usuário e as conversões com seções de chamada para ação convincentes.
14. Carrossel de mídia: Exibe um carrossel de arquivos de mídia, como imagens ou vídeos.
15. Carrossel de depoimentos: Exibe depoimentos de clientes em um formato de carrossel como prova social.
16. Carrossel aninhado: Crie carrosséis aninhados para uma organização do conteúdo mais sofisticada.
17. Carrossel em loop: Exibe conteúdo em um carrossel em loop para visualização contínua.
18. Table of Contents: Generate a table of contents for longer articles or guides to improve navigation.
19. Contagem regressiva: Adicione temporizadores com contagem regressiva para criar urgência em promoções ou eventos.
20. Página do Facebook: Incorpore o feed ou o conteúdo da sua página do Facebook ao seu site.
21. Bloco de citação: Destaque citações ou depoimentos com opções de formatação elegantes.
22. Modelo: Salve e reutilize modelos de design para manter a consistência da marca e do layout.
23. Avaliações: Apresente as avaliações e classificações dos clientes para aumentar a confiança e a credibilidade.
24. Botão do Facebook: Adicione botões para promover interações com sua página ou conteúdo do Facebook.
25. Incorporação do Facebook: Incorpore publicações ou conteúdo do Facebook ao seu site.
26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
27. Botão do PayPal: Integre botões do PayPal para facilitar os pagamentos on-line.
28. Botão do Stripe: Integre botões de pagamento do Stripe para facilitar transações on-line seguras.
29. Widget Lottie: Adicione animações Lottie para aumentar o apelo visual e o envolvimento.
30. Destaque de código: Exiba fragmentos de código (snippets) com destaque na sintaxe para melhorar a legibilidade.
31. Lista de reprodução de vídeos: Crie e personalize listas de reprodução para conteúdo de vídeo no seu site.
32. Mega menu: Personalize menus avançados para melhorar a navegação e exibir conteúdo complexo.
33. Fora da tela: Crie áreas fora da tela que deslizam para mostrar informações ou menus adicionais sem sobrecarregar o layout principal.

Editor Pro theme widgets:

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

1. Título do post: Personalize o título dos posts ou páginas individuais do blog.
2. Resumo do post: Exibe um breve resumo ou prévia dos seus posts do blog.
3. Conteúdo do post: Personalize a área de conteúdo principal dos posts ou páginas do seu blog.
4. Imagem destacada: Defina e personalize imagens destacadas para posts ou páginas do blog.
5. Caixa do autor: Exibe informações e biografias do autor nos posts do blog.
6. Comentários de posts: Personalize a aparência e a funcionalidade das seções de comentários no seu site.
7. Navegação em posts: Adicione links de navegação aos posts adjacentes para facilitar a navegação.
8. Informações do post: Exibe informações adicionais sobre os posts do blog, como autor e data.
9. Site Logo: Upload and customize your website’s logo for branding purposes.
10. Título do site: Personalize o título do seu site.
11. Título da página: Personalize o título de páginas individuais.
12. Search Bar: Add a search bar to allow users to search your website’s content.
13. Caminhos de navegação (breadcrumbs): Exiba caminhos de navegação hierárquicos para melhorar a navegação do usuário.
14. Sitemap: Gere um sitemap para melhorar a indexação nos mecanismos de pesquisa e a navegação do usuário.
15. Grade em loop: Crie e personalize layouts de grade para arquivos de posts de blogs ou listagens de produtos.

Editor Pro WooCommerce widgets:

Crie e personalize uma experiência completa de compras on-line em todo o seu site.

1. Produto: Exiba produtos individuais com layouts e estilos personalizáveis.
2. Caminhos de navegação (breadcrumbs): Exiba caminhos de navegação hierárquicos para melhorar a navegação do usuário na sua loja.
3. Título do produto: Personalize o título de produtos individuais.
4. Imagens de produtos: Defina e personalize imagens para listagens de produtos.
5. Preço do produto: Exibe o preço de produtos individuais.
6. Adicionar ao carrinho: Adicione botões personalizáveis de adicionar ao carrinho para facilitar a compra.
7. Classificação do produto: Exibe classificações e avaliações dos produtos.
8. Estoque do produto: Exibe a disponibilidade de estoque dos produtos.
9. Meta do produto: Exibe informações adicionais sobre produtos, como SKU e categorias.
10. Conteúdo do produto: Personalize a área de conteúdo principal das descrições dos produtos.
11. Descrição curta: Exibe breves resumos ou prévias de produtos.
12. Abas de dados do produto: Organize as informações do produto em seções com abas para melhorar a organização.
13. Informações adicionais: Exibe detalhes adicionais sobre os produtos, como dimensões e peso.
14. Produto relacionado: Exibe produtos relacionados para incentivar compras adicionais.
15. Vendas adicionais (upsells): Promova a venda adicional de produtos para aumentar o valor médio do pedido.
16. Produtos: Exibe uma grade ou lista de produtos com configurações personalizáveis.
17. Adicionar ao carrinho personalizado: Personalize o botão adicionar ao carrinho para produtos específicos.
18. Páginas do WooCommerce: Crie e personalize páginas específicas do WooCommerce, como as páginas do carrinho e da finalização de compra.
19. Categorias de produtos: Exibe categorias de produtos para facilitar a navegação na sua loja.
20. Menu do carrinho: Exibe um ícone de carrinho no seu menu de navegação para facilitar o acesso ao carrinho de compras.
21. Carrinho: Personalize a aparência e a funcionalidade da página do carrinho de compras.
22. Finalização de compra: Personalize a aparência e a funcionalidade da página de finalização de compra.
23. Minha conta: Personalize a aparência e a funcionalidade da área da conta do cliente.
24. Resumo da compra: Exibe um resumo das compras durante o processo de finalização de compra.
25. Notificações do WooCommerce: Personalize a aparência e a funcionalidade das notificações do WooCommerce, como mensagens de confirmação de pedido.

Crie sites profissionais com o Editor do 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.

Incentivamos a pesquisa ética de segurança através do nosso Programa de recompensa por erros. Colaboramos com os principais serviços de recompensa por erros para oferecer oportunidades aos pesquisadores de relatar vulnerabilidades em nossos serviços. Nossos programas de recompensas incluem uma equipe de triagem disponível 24 horas por dia, 7 dias por semana, 365 dias por ano.

For more information: Central de confiança.

♿ Accessibility best practices

O Elementor oferece ferramentas e melhorias de acessibilidade para ajudá-lo a proporcionar uma experiência melhor para todos os usuários. Incluindo HTML 5 semântico, menu de navegação com teclado completo, melhoria contínua dos recursos, widget e muito mais.

🌐 Traduzido para mais de 63 idiomas, inclui compatibilidade com RTL

O Elementor oferece suporte a vários idiomas, tipografias e RTL, com traduções do editor em mais de 63 idiomas.

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

Para melhorar a experiência do usuário, o Elementor pode usar os seguintes serviços de terceiros se o recurso exigido estiver ativado:

• 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

“O Elementor é, sem dúvida, o melhor construtor de páginas que existe” – ★★★★★ Graphicvision1

“Um plugin incrivelmente fácil de usar” – ★★★★★ Hyeyoga

“Sem dúvida, o plugin do WordPress que mais uso” – …