Ferramenta gratuita

Conversor de HTML para Elementor

Cole qualquer HTML e CSS e receba JSON nativo do Elementor, pronto para colar direto no editor. Gratuito, sem cadastro.

Use the tool ↓ See ready→made

Tem uma página em HTML e precisa dela no Elementor? Este conversor gratuito lê o seu HTML e o CSS junto, resolve a cascata como um navegador faria e devolve estrutura nativa do Elementor: containers, títulos, textos, imagens e botões de verdade, com cores, espaçamentos e tipografia nas configurações nativas de cada widget. Não é um bloco de HTML embutido — é conteúdo que qualquer pessoa da equipe continua editando normalmente. Tudo roda no seu navegador: nada é enviado para os nossos servidores.

  1. 1

    Copie o HTML

    Pegue o HTML da sua página. Se o CSS estiver em um arquivo separado, copie-o também: é ele que carrega cores, espaçamentos e layout.

  2. 2

    Converta aqui

    Cole o HTML abaixo, coloque o CSS no campo opcional e clique em Converter. Você recebe o JSON e um relatório do que foi convertido.

  3. 3

    Cole no Elementor

    Copie o resultado, abra a página no Elementor, clique com o botão direito na tela e escolha Colar. Se o Elementor pedir permissão da área de transferência, permita.

🔒 Conversion runs in your browser. To improve conversion quality we keep an anonymized structural copy of the input — all text is scrambled and URLs removed before anything leaves your browser. Details.

Cole o endereço de uma página. Vamos buscar o HTML e as folhas de estilo e converter tudo automaticamente. É a maneira mais rápida de começar.

ou cole o HTML manualmente abaixo

Entrada de HTML

Cole qualquer HTML — uma página inteira, uma seção, um trecho de e-mail ou marcação gerada por IA.

Opcional: adicione seu CSS (cores, fundos e fontes)
Sua versão do Elementor A versão Pro reconstrói linhas flexíveis (como menus) como contêineres flex nativos. A versão Grátis mantém widgets alinhados que continuam sendo exibidos — sem precisar de CSS personalizado.

Copie o JSON e, no editor do Elementor, clique com o botão direito em uma seção ou coluna e escolha Colar.

Se o Elementor pedir acesso à Área de transferência, permita — é assim que o recurso de copiar e colar do Elementor lê o JSON copiado.

JSON para Colar no Elementor

From the makers of ready→made

Partindo de um design no Figma?

O ready→made converte designs do Figma direto para o Elementor, com estrutura real de um motor de layout de verdade.

Figma para Elementor →
FAQ

Good to know.

É realmente gratuito?

Sim. O conversor é gratuito e sem limite de uso, não exige cadastro e a conversão acontece no seu navegador, não em um servidor nosso.

Preciso do Elementor Pro?

Não. A saída usa containers e widgets disponíveis na versão gratuita do Elementor.

Como coloco o resultado no Elementor?

Copie o JSON, abra o editor do Elementor, clique com o botão direito em uma seção, coluna ou área vazia e escolha Colar. O Elementor reconhece o próprio formato de área de transferência e recria a estrutura.

Minha conversão saiu sem estilo. Por quê?

Quase sempre porque o CSS não veio junto com o HTML. Se a página usa uma folha de estilo externa que não foi colada, o conversor só enxerga a estrutura. Cole o CSS no campo opcional, ou use o campo de URL para buscarmos a página e as folhas de estilo juntas.

Funciona com Tailwind?

Funciona. O conversor resolve o CSS que essas classes realmente aplicam, então o estilo chega ao resultado mesmo que os nomes das classes não signifiquem nada no WordPress.

O que não é convertido?

Tags <script> e qualquer coisa que dependa de JavaScript no momento da renderização são ignoradas e listadas nas notas da conversão. Formulários chegam como marcação: refaça-os com o seu plugin de formulários para que os envios funcionem.

A página foi gerada por IA. Serve?

Serve. O conversor lê HTML e CSS, não importa o que gerou o arquivo. Páginas de arquivo único com um bloco <style> são justamente o caso ideal, porque o estilo já vem junto.

More free tools

Other converters in the suite.

Leaving Elementor

Leaving Oxygen

Leaving WPBakery

Leaving Divi

Leaving Bricks

From HTML

Forms & more

Ready?

Build a real site from your Figma file — in minutes.

Get ready→made Try free in Figma →
menu