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

Por Elementor.com
(6.860 avaliações)
Baixar

Hospedagem WordPress com plugin Elementor Website Builder – Mais do que apenas um construtor de páginas

Onde devo hospedar o plugin Elementor Website Builder – Mais do que apenas um construtor de páginas?

Este plugin pode ser hospedado em qualquer provedor que tenha WordPress configurado. Recomendamos optar por uma hospedagem de confiança, com servidores especializados para WordPress, como o serviço de hospedagem WordPress da MCO2.

Hospedando o plugin Elementor Website Builder – Mais do que apenas um construtor de páginas em uma empresa de hospedagem de confiança

A MCO2, além de instalar o WordPress na versão mais nova para seus clientes, oferece o WP SafePress, um mecanismo singular que assegura e aumenta a performance do seu site ao mesmo tempo.

Por que a Hospedagem WordPress funciona melhor na MCO2?

A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização de imagens, proteção da página de login, bloqueio de atividades suspeitas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São recursos que potencializam seu WordPress para a máxima segurança e o máximo desempenho.

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

O Elementor, a principal plataforma de criação de sites do WordPress, permite que você crie sites profissionais e perfeitos em termos de pixels, de maneira integrada.

Revolucione a forma como você constrói sites com a IA do Elementor, uma integração nativa de IA. Crie seções completas, texto original, código e imagens instantaneamente, ou faça referência a outro site para recriar o layout dele no seu site.

Desbloqueie todos os recursos com o Elementor Pro.

🌟 Crie sites profissionais impressionantes

  • Construtor de arrastar e soltar intuitivo: Crie qualquer site com nosso editor de arrastar e soltar sem códigos. Alcance a precisão no design com controle total sobre o layout e o estilo.
  • Ferramentas de design com pixels perfeitos: Envie SVGs, aplique máscaras, gradientes, sombras de caixa, efeitos de título, divisores de forma e use controles CSS integrados para personalização avançada.
  • 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. Crie e exporte seus próprios modelos para reutilização.
  • Widgets avançados: Acesse mais de 40 widgets GRATUITOS, incluindo título, imagem, editor de texto, vídeo, botão, galeria, carrosséis e muito mais. Personalize e estilize os widgets para atender às suas necessidades de design com perfeição.
  • Recursos de IA: Revolucione seu processo de criação de design e conteúdo com a integração nativa de IA. Crie imediatamente seções, texto, código e imagens, ou faça referência a layouts de outros sites.

🗝️ Principais recursos:

  • Sistema de design: Use o sistema de design do Elementor para garantir a consistência das cores, da tipografia e de outros elementos de design em todo o seu site, proporcionando uma aparência coesa e profissional.
  • Design responsivo: Otimize seu design para qualquer dispositivo com pontos de interrupção personalizados e ajustes específicos para cada dispositivo. Garanta uma experiência perfeita para os usuários de desktop, tablet e dispositivo móvel.
  • Formas de máscara: Transforme qualquer elemento, como uma imagem ou um vídeo, em qualquer forma que você queira para criar designs marcantes.
  • Transformação de CSS: Use a transformação de CSS para rotacionar, dimensionar e inclinar elementos, adicionando um estilo dinâmico ao seu site.
  • Animações de entrada: Adicione animações de entrada aos elementos para criar experiências de usuário envolventes e interativas.
  • Histórico de revisões: O recurso de histórico de revisões do Elementor permite que os usuários acompanhem e revertam para versões anteriores dos seus designs, proporcionando tranquilidade e flexibilidade durante o processo criativo.
  • Amigável para desenvolvedores: Equipado com uma ampla documentação, API, ferramentas para desenvolvedores e áreas de código personalizado no nível do widget e da página, o Elementor oferece um ambiente propício para que os desenvolvedores estendam seus recursos e criem soluções personalizadas.
  • Botões flutuantes: Melhore a interação do usuário com botões de ação flutuantes e personalizáveis que permanecem visíveis à medida que os usuários rolam a tela.
  • Construtor de temas [Pro]: O robusto construtor de temas do Elementor permite que você crie todas as partes do seu site, incluindo cabeçalhos, rodapés, layouts de posts únicos e páginas de arquivo, fornecendo controle total sobre a aparência do site.
  • 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.
  • Construtor do WooCommerce [Pro]: Integre perfeitamente o Elementor ao WooCommerce para criar páginas de produtos personalizadas, layouts de loja, arquivos de produtos, menus de carrinhos, páginas de finalização de compra, minha conta e muito mais, aumentando o apelo visual e a funcionalidade das lojas on-line.
  • 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.
  • Efeitos de movimento [Pro]: Adicione efeitos de movimento avançados a elementos para proporcionar uma experiência de usuário mais dinâmica e envolvente.
  • Fontes e ícones personalizados [Pro]: Envie e use fontes e ícones personalizados para combinar com a identidade da sua marca.

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

  • Título. Adicione manchetes chamativas.
  • Imagem. Controle o tamanho, a opacidade e muito mais.
  • Editor de texto. Exatamente como o editor do WordPress.
  • Vídeo. Adicione vídeos do YouTube, do Vimeo, do Dailymotion ou auto-hospedados.
  • Botão. Crie botões interativos.
  • Link na biografia. Crie componentes de link na biografia para promover sua empresa/serviços.
  • Caixa de imagem. Uma caixa com imagem, título e texto.
  • Depoimentos. Depoimentos de clientes.
  • Ícone. Coloque um ou mais dos mais de 600 ícones disponíveis.
  • Caixa de ícones. Um ícone, um título manchete e um texto em um único widget.
  • Ícones sociais. Crie links para suas páginas sociais com os ícones do Facebook/X (antigo Twitter).
  • Galeria de imagens. Exiba suas imagens em uma grade.
  • Carrossel de imagens. Crie carrosséis rotativos ou controles deslizantes (sliders) para as imagens escolhidas.
  • Lista de ícones. Use qualquer ícone para criar uma lista com marcadores.
  • Contador. Mostre os números de forma crescente.
  • Barra de progresso. Inclua uma barra de progresso crescente.
  • Abas aninhadas. Exiba o conteúdo em abas verticais ou horizontais.
  • Sanfona aninhada. Exiba qualquer tipo de conteúdo em seções recolhíveis.
  • Alternar. Use o “Alternar” para ocultar ou exibir conteúdo, como perguntas frequentes (FAQ).
  • Classificação. Exibe quantas estrelas (ou outro ícone) os outros visitantes deram.
  • Alerta. Inclua uma caixa de alerta colorida para chamar a atenção do visitante.
  • HTML . Insira código na página.
  • Shortcode. Insira shortcodes de qualquer plugin na página.
  • Âncora de menu. Vincule qualquer menu a esta âncora.
  • Leia mais. Defina o limite “Leia mais” para o resumo nas páginas de arquivo.
  • Barra lateral. Adicione barras laterais à página.
  • Google Maps. Incorpore mapas na página.
  • SoundCloud. Adicione trechos de áudio do SoundCloud.
  • Divisor. Separe o conteúdo com um divisor projetado.
  • Espaçador. Adicione espaço entre elementos.
  • Caminho de texto. Anexe seu texto a um caminho.
  • E contando…

🚀 Melhore seu site

Sites com alto desempenho: O desempenho do site afeta a experiência do visitante e a classificação dos resultados da pesquisa. O Elementor, em parceria com o Google Chrome, melhora continuamente o desempenho sem comprometer o design.

Os principais recursos incluem:

  • Saída DOM reduzida: Estrutura HTML otimizada para renderização mais rápida.
  • Carregamento de arquivos de mídia melhorado: Carregamento otimizado de imagens, vídeos e outros ativos de mídia.
  • Arquivos CSS e JS reduzidos: Folhas de estilo e scripts minimizados e concatenados para tempos de carregamento mais rápidos.
  • Carregamento lento: Carregamento adiado de recursos não críticos para melhorar a velocidade de carregamento inicial da página.
  • Carregamento mais rápido de fontes: Fornecimento eficiente de fontes da web para aumentar a velocidade de renderização dos textos.
  • Carregamento otimizado de ativos da interface: Carregamento eficiente de ativos como JavaScript e CSS para minimizar o bloqueio de renderização.
  • Armazenamento em cache de elementos: Armazene em cache os elementos de design acessados com frequência, para reduzir o tempo de resposta do servidor e melhorar o desempenho geral.

Quer melhorar o desempenho dos sites? Conheça o Plugin Image Optimizer da Elementor: um plugin WordPress fácil de usar que reduz facilmente o tamanho das imagens sem sacrificar a qualidade. Compatível com formatos populares como JPEG, PNG, WebP e GIF, ele garante um site visualmente impressionante e de alta velocidade – baixe agora!

📈 Acelere seu processo de criação de sites

Para acelerar seu fluxo de trabalho, o Elementor oferece ferramentas que melhoram a colaboração e a eficiência, como:

  • Localizador – navegue rapidamente entre diferentes páginas e componentes do site ou crie novas partes do site.
  • Adicione aos favoritos – coloque os widgets usados com frequência na parte superior do painel de widgets.
  • Copiar e colar entre editores – copie elementos ou layouts do editor de um site para outro.

🔥 Recursos do Elementor Pro

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

Widgets de designs profissionais:

  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. Menu de navegação: Personalize e estilize o menu de navegação do seu site para melhorar a experiência do usuário.
  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. Tabela de conteúdo: Gere uma tabela de conteúdo (índice) para artigos ou guias mais longos para melhorar a navegação.
  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. Comentários do Facebook: Ative os comentários do Facebook nas páginas ou posts do seu site.
  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 mega menus avançados para melhorar a navegação e exibir estruturas de conteúdo complexas de forma eficaz.
  33. Fora da tela (off canvas): Crie áreas de conteúdo fora da tela que deslizam para dentro e para fora da visualização para exibir informações ou menus adicionais sem sobrecarregar o layout da página principal.

Widgets de temas profissionais:
Crie e personalize todas as partes principais do seu site, incluindo cabeçalhos, rodapés, página de erro 404, arquivos globais e muito mais

  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. Logo do site: Envie e personalize o logo do seu site para fins de marca.
  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. Barra de pesquisa: Adicione uma barra de pesquisa para permitir que os usuários pesquisem o conteúdo do seu site.
  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.

Widgets do WooCommerce profissionais:
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 Elementor Pro!

🔒 SEGURANÇA E CONFORMIDADE

O Elementor coloca um foco primordial na segurança, evidente através de nossa aquisição de certificações do setor, como ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701 e SOC 2 Tipo II. Essas certificações ressaltam nosso compromisso com a implementação de medidas de segurança robustas e destacam nossa dedicação em aderir a padrões reconhecidos do setor.

Para criar um software seguro e confiável, seguimos um ciclo de vida de desenvolvimento de sistema seguro, baseado nas práticas recomendadas do setor. Nosso processo de desenvolvimento integra vários serviços que monitoram vulnerabilidades e erros de configuração, inclusive aqueles em bibliotecas de terceiros. Cada linha de código que liberamos passa por uma garantia de qualidade manual e automatizada para detectar e solucionar possíveis problemas.

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.

♿ Melhores práticas de acessibilidade

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 e tipografias e é compatível com RTL (escrita da direita para a esquerda), com traduções do editor para mais de 63 idiomas OOTB. O Elementor também é compatível com WPML, Polylang, TranslatePress, Weglot e outros. Se você quiser contribuir, adicione um novo idioma via translate.wordpress.org. Consulte nosso guia sobre como traduzir e localizar o plugin.

⏩ Uso de serviços de terceiros

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

  • Fontes do Google – são carregadas para adicionar fontes adicionais ao seu site. Consulte TERMOS DE USO e a Política de privacidade do Google.
  • Alguns recursos do Elementor requerem o carregamento de ativos adicionais do Elementor.com. …

Capturas de tela

<strong>Editor visual de arrastar e soltar</strong> - Projete e crie os layouts do seu site e coloque qualquer elemento em qualquer lugar da página para obter designs perfeitos em pixels.

Editor visual de arrastar e soltar - Projete e crie os layouts do seu site e coloque qualquer elemento em qualquer lugar da página para obter designs perfeitos em pixels.

<strong>Sistema de design completo</strong> - Tenha um fluxo de trabalho profissional e garanta consistência em todo o seu site. Defina suas configurações, use-as globalmente e ajuste-as instantaneamente a qualquer momento.

Sistema de design completo - Tenha um fluxo de trabalho profissional e garanta consistência em todo o seu site. Defina suas configurações, use-as globalmente e ajuste-as instantaneamente a qualquer momento.

<strong>Design responsivo</strong> - Edite totalmente o seu site e personalize o comportamento em desktop, tablet e dispositivos móveis para otimizar a experiência do visitante em todos os dispositivos.

Design responsivo - Edite totalmente o seu site e personalize o comportamento em desktop, tablet e dispositivos móveis para otimizar a experiência do visitante em todos os dispositivos.

<strong>Kits e modelos</strong> - Inicie rapidamente o seu processo de criação de sites ou se inspire com modelos projetados profissionalmente ou kits completos de sites disponíveis para personalização imediata.

Kits e modelos - Inicie rapidamente o seu processo de criação de sites ou se inspire com modelos projetados profissionalmente ou kits completos de sites disponíveis para personalização imediata.

<strong>Elementos aninhados</strong> - Aproveite os widgets aninhados do Elementor para colocar qualquer widget dentro da área de conteúdo de outro widget, como abas e sanfonas, para total flexibilidade de design.

Elementos aninhados - Aproveite os widgets aninhados do Elementor para colocar qualquer widget dentro da área de conteúdo de outro widget, como abas e sanfonas, para total flexibilidade de design.

<strong>Efeitos de movimento</strong> - Adicione animações de entrada e transições a qualquer elemento do seu site para cativar os visitantes.

Efeitos de movimento - Adicione animações de entrada e transições a qualquer elemento do seu site para cativar os visitantes.

Plugins semelhantes

Editor clássico
(1.179 avaliações)

Ativar o editor "clássico" anterior e o estilo antigo da tela Editar Post com TinyMCE, Meta Boxes, etc. Suporta todos os plugins que estendem esta tela.

Essential Addons for Elementor – Os melhores modelos, widgets, kits e construtores para Elementor
(3.537 avaliações)

O plugin indispensável que você instala após o Elementor! Com mais de 50 elementos incríveis, como Tabela de dados, Calendário de eventos, Galeria filtrável, WooCommerce.

Elementor Header & Footer Builder
(2.381 avaliações)

Create Header, Footer and Blocks for your WordPress website using Elementor Page Builder for free.

Widgets Clássicos
(249 avaliações)

Ativa a tela clássica de configuração de widgets em Aparência > Widgets e em Personalizar. Desativa o editor de blocos ao gerenciar widgets.

Advanced Editor Tools
(339 avaliações)

Amplia e aprimora o editor de blocos (Gutenberg) e o editor clássico (TinyMCE).

Starter Templates — Elementor, WordPress & Beaver Builder Templates
(4.832 avaliações)

The growing library of 300+ ready-to-use templates that work with all WordPress themes including Astra, Hello, OceanWP, GeneratePress and more