--- title: "Como corrigir Elementor com tela cinza ou carregando infinito" url: https://full.services/wp-fixer/corrigir-elementor-tela-cinza/ date: 2026-06-13 author: "Clayton Margiotti" --- # Como corrigir Elementor com tela cinza ou carregando infinito ## O que é o Elementor com tela cinza ou carregando infinito? A tela cinza do Elementor acontece quando o editor abre o painel lateral, mas o iframe de preview (onde a página é montada) não carrega: fica cinza ou preso na animação de carregamento. O preview é uma página separada que o editor injeta num iframe; se o JavaScript dela é bloqueado, se há conflito de script, ou se a URL não bate com a do site, o iframe não renderiza. ## Como identificar - O painel de widgets aparece à esquerda, mas a área de preview fica totalmente cinza. - A animação de carregamento do preview gira sem parar ("carregando infinito"). - O console do navegador mostra erro de conteúdo misto (mixed content) ou bloqueio de script. - O editor funciona em outro navegador ou em aba anônima, o que indica cache/extensão. **Antes de começar:** Antes de trocar as URLs para https em Configurações > Geral, confirme que o certificado SSL está ativo e válido: salvar uma URL https sem SSL funcionando deixa o site inacessível e exige correção pelo wp-config.php. ## Como prevenir - Mantenha o site inteiramente em https com a URL canônica única em Configurações > Geral - Exclua o Elementor da minificação e combinação de JS no plugin de cache desde o início - Atualize Elementor, tema e plugins em staging para flagrar conflitos de JavaScript antes da produção ## Erros relacionados - [Como corrigir o editor do Elementor que não carrega](https://full.services/wp-fixer/corrigir-elementor-nao-carrega/) - [Como corrigir Elementor que não salva alterações](https://full.services/wp-fixer/corrigir-elementor-nao-salva/) - [Como corrigir erro 500 ao editar com Elementor](https://full.services/wp-fixer/corrigir-erro-500-elementor/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#article", "headline": "Como corrigir Elementor com tela cinza ou carregando infinito", "url": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/", "inLanguage": "pt-BR", "datePublished": "2026-06-13T23:16:58-03:00", "dateModified": "2026-06-13T23:16:58-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Page Builders" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/" }, "wordCount": 449, "description": "O Elementor com tela cinza ou carregando infinito mostra o painel de widgets à esquerda, mas a área de preview fica cinza e nunca renderiza a página. A causa quase sempre é o JavaScript do preview bloqueado por minificação/cache, um conflito de plugin ou tema, ou a URL do site inconsistente (http e https misturados).", "articleSection": "Page Builders", "keywords": "elementor carregando infinito, elementor nao mostra preview, elementor preview tela cinza, elementor tela cinza", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://elementor.com/help/system-requirements/", "name": "Elementor — System Requirements" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir Elementor com tela cinza ou carregando infinito", "programmingLanguage": "PHP", "codeRepository": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq-q1", "name": "O painel aparece mas o preview fica cinza. Por quê?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O preview é um iframe separado. O painel carrega, mas o iframe não renderiza porque o JavaScript dele foi bloqueado (minificação, conflito ou conteúdo misto). Comece desativando a minificação de JS e testando em aba anônima.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq-q2", "name": "Tela cinza e carregando infinito são o mesmo problema?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Quase sempre sim: ambos indicam que o iframe de preview não terminou de renderizar. As causas se sobrepõem (JS bloqueado, conflito, URL inconsistente), então a mesma sequência de correção resolve os dois.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq-q3", "name": "Por que funciona em aba anônima?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "A aba anônima ignora cache local e desativa extensões. Se o editor abre nela, o problema é uma extensão (bloqueador) ou o cache do navegador, não o servidor. Limpe o cache e revise as extensões.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq-q4", "name": "O que é conteúdo misto e por que trava o preview?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "É quando uma página https carrega recursos via http. O navegador bloqueia esses recursos por segurança. Se o preview do Elementor é servido em http dentro de um site https, o iframe é bloqueado e fica cinza.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq-q5", "name": "O Modo de Segurança ajuda na tela cinza?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Ajuda a diagnosticar. Ele carrega o editor sem tema e sem outros plugins. Se o preview renderiza no Modo de Segurança, há um conflito de tema ou plugin a ser isolado ativando um a um.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-elementor-tela-cinza/#faq-q6", "name": "Plugin de cache causa a tela cinza?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, com frequência. A minificação e a combinação de JavaScript quebram os scripts do preview do Elementor. Exclua o editor dessas otimizações ou desative o cache para confirmar.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```