📩 Fique por dentro das novidades com a nossa newsletter

Exportar importar blocos Gutenberg em 6 passos

Conheça a loja da FULL Services

Plugins premium, suporte de verdade e tudo o que seu site WordPress precisa em um só lugar.

Pergunte a uma IA sobre este artigo

Obtenha um resumo ou tire dúvidas com seu assistente favorito

Neste artigo

Exportar importar blocos Gutenberg significa transportar uma estrutura visual já montada, com texto, colunas e estilos, de uma instalação WordPress para outra sem refazer nada à mão. No editor de blocos, isso acontece de duas formas: o bloco reutilizável legado, que sai como arquivo .json, e o padrão sincronizado da versão atual, dentro da aba Padrões. A diferença entre os dois define qual caminho seguir. Quem mantém vários sites em todos os artigos de Elementor da FULL ganha tempo padronizando rodapés, CTAs e seções de prova social uma vez só. Este tutorial mostra o passo a passo testado e os limites de cada método.


Diagnóstico rápido: Qual método de exportar importar blocos Gutenberg usar

Decidir como exportar importar blocos Gutenberg depende de uma variável: a versão do WordPress e o tipo de bloco salvo. Para exportar importar blocos Gutenberg em sites com WordPress 6.3 ou superior, o “bloco reutilizável” virou “padrão sincronizado” na aba Padrões; em versões anteriores, o fluxo .json é o caminho oficial.

Métodos de exportar importar blocos Gutenberg: quando usar cada um
Método Quando usar Limitação principal
Exportar como JSON Bloco reutilizável legado em WordPress 6.2 ou anterior Não carrega imagens da biblioteca de mídia junto
Aba Padrões Padrão sincronizado em WordPress 6.3 ou superior Sincronização vale só dentro do mesmo site
Copiar e colar markup Bloco único, transporte rápido entre dois sites Quebra se o tema de destino não registra o bloco

O método JSON é o único que gera um arquivo portável entre domínios. A maioria dos tickets de migração no suporte da FULL, na base de 150 mil sites conectados, mistura esses três caminhos sem perceber a diferença, e isso gera retrabalho.

Por que exportar blocos Gutenberg em vez de recriar à mão

Exportar blocos Gutenberg poupa de 10 a 30 minutos por seção complexa, frente ao tempo de remontagem manual de um bloco com colunas, ícones e botões. Recriar um rodapé de três colunas com links sociais é um trabalho de 15 minutos que o arquivo exportado resolve em segundos.

O ganho real aparece em escala e em consistência. Uma agência que entrega 8 sites por mês com a mesma identidade economiza horas só na etapa de blocos repetidos. Quando o mesmo padrão de bloco sai do site-modelo, a marca não sofre variação de pixel, e a FULL vê no suporte menos chamados de “o rodapé ficou diferente”. O editor trata cada padrão como markup HTML estruturado, então o que você exporta é exatamente o que entra no destino. Para revisar o fluxo, consulte como usar o WordPress Block Editor.

Passo a passo: Como exportar blocos Gutenberg pelo JSON

Exportar um bloco reutilizável como JSON leva 4 cliques e funciona em qualquer WordPress com a função de blocos reutilizáveis ativa. O arquivo gerado é um .json leve, quase sempre abaixo de 50 KB, que carrega a estrutura e o texto, mas não as imagens.

Este é o método mais confiável para exportar importar blocos Gutenberg entre dois domínios diferentes. Siga os três passos abaixo no site de origem, com a sessão de administrador aberta.

Legenda: o gerenciador de blocos reutilizáveis concentra a opção de exportar cada bloco em JSON.

Passo 1: Abra o gerenciador de blocos reutilizáveis

Acesse seusite.com/wp-admin/edit.php?post_type=wp_block no navegador. Essa URL abre a lista de todos os blocos reutilizáveis salvos, mesmo nas versões em que o menu não aparece visível no painel.

Passo 2: Selecione o bloco e clique em exportar como JSON

Passe o mouse sobre o bloco desejado e clique em “Exportar como JSON”. O navegador baixa um arquivo .json com o nome do bloco. Guarde esse arquivo num local seguro.

Passo 3: Confirme o conteúdo do arquivo

Abra o .json num editor de texto. Você verá o markup HTML do bloco e os metadados. Se o arquivo estiver vazio, o bloco tem dependência de plugin ausente.

Passo a passo: Como importar blocos Gutenberg no destino

Importar o JSON no site de destino leva menos de 1 minuto e devolve o bloco intacto à biblioteca. O fluxo é o espelho da exportação: você abre o mesmo gerenciador, aponta para o .json baixado e o WordPress reconstrói o bloco a partir do markup salvo.

O ponto de atenção ao exportar importar blocos Gutenberg é a mídia: imagens precisam ser reenviadas, já que o JSON não as transporta. Siga os três passos no site de destino.

Passo 1: Acesse o gerenciador no site de destino

Vá até seusite-destino.com/wp-admin/edit.php?post_type=wp_block. É a mesma URL do passo de exportação, agora no domínio que vai receber o bloco. Confirme que está logado como administrador.

Passo 2: Clique em importar do JSON e envie o arquivo

No topo da lista, clique em “Importar do JSON”, selecione o .json salvo e confirme. O bloco aparece na lista em segundos, pronto para ser inserido em qualquer página ou post.

Abra o bloco importado e reenvie as imagens pela biblioteca de mídia do destino. Ajuste qualquer link interno que ainda aponte para o domínio de origem, evitando imagens quebradas.

Padrões sincronizados: O método atual do WordPress 6.x

A partir do WordPress 6.3, o bloco reutilizável virou padrão sincronizado e ganhou a aba Padrões, que centraliza criação, edição e organização. Um padrão sincronizado replica qualquer alteração em todas as instâncias do mesmo site: mude o telefone no rodapé uma vez e ele muda em 40 páginas.

Já o padrão não sincronizado funciona como ponto de partida editável, sem vínculo. Para exportar importar blocos Gutenberg entre sites diferentes, o caminho continua sendo o JSON, porque a sincronização da aba Padrões não cruza domínios. Quem usa o Elementor ao lado do Gutenberg deve lembrar que os dois não compartilham blocos: um block template do Gutenberg não vira widget do Elementor. O comparativo Elementor vs Gutenberg esclarece os limites de cada editor.

Copiar e colar markup: O atalho entre dois sites

Copiar o markup HTML de um bloco e colá-lo em outro site é o método mais rápido para um transporte único, em cerca de 15 segundos. Selecione o bloco, clique nos três pontos e escolha “Copiar”; no destino, cole com Ctrl+V e o Gutenberg reconstrói o bloco na hora a partir dos comentários <!-- wp:... -->.

O risco está na dependência de blocos de terceiros. Se o bloco usa um componente registrado por um plugin ausente no destino, o WordPress mostra “bloco inválido” e exibe o markup cru. A solução é instalar o mesmo plugin antes de colar, ou usar o reparo do editor para converter em bloco clássico. A FULL vê no suporte que boa parte dos casos de “bloco quebrado” vem de colar markup com plugin que o destino não tem. Para ir além de blocos estáticos, veja criar blocos customizados com ACF PRO.

Centralize os blocos da agência com a FULL

Manter dezenas de licenças de plugins para padronizar blocos entre clientes pesa no caixa. O plano PRO da FULL custa R$849 e libera 17 plugins premium . Elementor PRO, Crocoblock, ACF PRO e outros , para até 10 sites, o que dá R$85 por site. Para quem entrega vários projetos com a mesma biblioteca de blocos, esse valor por site sai bem abaixo de comprar cada licença avulsa. A gente vê no suporte que agências que centralizam os plugins na FULL reduzem o atrito de manter o mesmo conjunto de blocos em todos os sites. Conheça os planos da FULL e veja qual cobre o seu volume.

Erros comuns ao exportar importar blocos Gutenberg

O erro mais frequente ao exportar importar blocos Gutenberg é assumir que o JSON carrega as imagens: ele não carrega, e a mídia precisa ser reenviada no destino em todos os casos. O segundo é colar markup de um bloco que depende de plugin ausente, gerando o aviso de bloco inválido.

Um terceiro tropeço é confundir padrão sincronizado com padrão exportável, já que a sincronização da aba Padrões não atravessa domínios. Para exportar importar blocos Gutenberg sem esses erros, siga uma rotina simples: reenvie a mídia logo após importar, confirme que os plugins do bloco existem no destino e use o JSON quando o transporte for entre domínios. Quando o bloco aparece quebrado, o reparo do editor converte em bloco clássico e preserva o texto. Quem quer dominar o fluxo encontra mais tutoriais no guia domine o Elementor.


Perguntas frequentes sobre exportar importar blocos Gutenberg

É possível exportar blocos Gutenberg sem instalar plugin extra?

Sim, exportar blocos Gutenberg é nativo do WordPress e não exige plugin. O gerenciador de blocos reutilizáveis, acessível pela URL edit.php?post_type=wp_block, traz a opção “Exportar como JSON” embutida desde o WordPress 5.3. O padrão sincronizado das versões 6.3 ou superior também é nativo. Plugins só entram quando você quer mover bibliotecas inteiras de uma vez ou versionar blocos automaticamente.

Por que o bloco importado aparece quebrado no site de destino?

O bloco quebra porque depende de um plugin registrado na origem que não existe no destino. O WordPress mostra “este bloco contém conteúdo inesperado” e exibe o markup cru. Instale o mesmo plugin no destino antes de importar, ou use o botão de reparo do editor para converter em bloco clássico. Imagens com URL da origem também causam quebra visual e precisam ser reenviadas.

Qual a diferença entre padrão sincronizado e bloco reutilizável?

O padrão sincronizado é o novo nome do bloco reutilizável a partir do WordPress 6.3, com a mesma função: editar uma vez e refletir em todas as instâncias do mesmo site. A diferença é só de nomenclatura e localização, porque agora ele vive na aba Padrões. Para transporte entre domínios, ambos saem pelo mesmo arquivo JSON, já que a sincronização não cruza sites.

Como importar blocos Gutenberg em massa de um site para outro?

Para mover muitos blocos de uma vez, a ferramenta nativa de exportação por tema gera um pacote de padrões, ou um plugin de exportação empacota a biblioteca inteira em um arquivo. O método JSON manual move um bloco por vez, ideal para volumes pequenos. Em migrações grandes, o export do tema preserva mais contexto do que blocos avulsos e reduz o reenvio de mídia.

O Elementor consegue importar blocos do Gutenberg diretamente?

Não, o Elementor e o Gutenberg usam sistemas de bloco diferentes e não trocam estruturas entre si. Um padrão do Gutenberg não vira widget do Elementor nem o contrário. Para reaproveitar conteúdo, copie o texto manualmente ou use o Elementor como construtor único da página. O comparativo entre os dois ajuda a decidir qual editor adotar como padrão da agência.

Próximos passos para padronizar seus blocos

Exportar importar blocos Gutenberg deixa de ser tarefa repetitiva quando você escolhe o método certo: JSON para transporte entre domínios, aba Padrões para sincronizar dentro do mesmo site e copiar markup para o caso pontual. O ponto que mais gera retrabalho, a mídia que não viaja no JSON, some quando a rotina de reenvio entra no processo. Para continuar aprendendo WordPress, o FULL Academy reúne tutoriais, guias e reviews num só lugar.

Compartilhe este conteúdo

Equipe Full Services

A FULL. é especialista em WordPress e oferece plugins premium com licenças originais, suporte técnico e instalação facilitada. Já ajudou mais de 25 mil clientes a impulsionar seus sites com performance, segurança e praticidade.

AI Shopping no Brasil: Como a IA decide quem vende

O AI shopping no Brasil já redesenha como o consumidor

A shortlist da IA: Como 3-5 marcas são escolhidas antes do clique

Entender a shortlist da ia como marcas são escolhidas é

Como fazer um AI visibility audit passo a passo

Se você não sabe se o ChatGPT recomenda a sua
Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.