Como Exibir um Site Dentro de Outro Usando o Elementor

Se você deseja incorporar um site dentro de outro utilizando o Elementor, este tutorial vai guiá-lo(a) passo a passo. Vamos usar um código HTML para adicionar um iframe diretamente no editor do Elementor.

Passo 1: Acesse o Editor do Elementor

1. Faça login no painel administrativo do WordPress.
2. Navegue até a página ou postagem onde deseja exibir o site incorporado.
3. Clique em “Editar com Elementor” para abrir o editor.

Passo 2: Adicione o Widget de HTML

1. No painel lateral do Elementor, localize o widget HTML (use a barra de busca se necessário).
2. Arraste e solte o widget na seção desejada da página.

Passo 3: Insira o Código HTML

1. No campo de edição do widget HTML, cole o seguinte código:

   <div>
       <iframe src="https://O_SITE_AQUI.com" scrolling="no" frameborder="no" height="8400" width="100%">
       </iframe>
   </div>
   

   Detalhes do Código:

   • src: Define o URL do site que será exibido dentro da página.
   • scrolling: Define se barras de rolagem devem ser exibidas. No exemplo, está configurado como “no” (sem rolagem).
   • frameborder: Remove a borda ao redor do iframe.
   • height: Define a altura do iframe (neste caso, 8400 pixels).
   • width: Define a largura do iframe. Usar “100%” faz com que ele se ajuste ao tamanho do container.

Passo 4: Ajuste o Design

1. Após inserir o código, clique fora do campo HTML para visualizar como o iframe aparece na página.
2. Ajuste o tamanho ou a posição do widget, se necessário.
3. Certifique-se de que o iframe está responsivo, especialmente se a página será acessada em dispositivos móveis.
4. Substitua https://O_SITE_AQUI.com pelo site que você quer exibir dentro do seu site

Passo 5: Salve as Alterações

1. Clique no botão Atualizar no rodapé do painel do Elementor para salvar suas alterações.
2. Visualize a página para garantir que o site embutido está exibido corretamente.

Dicas Adicionais

• Segurança: Certifique-se de que o site que você deseja incorporar permite iframes. Alguns sites bloqueiam essa funcionalidade por motivos de segurança.
• Altura do iframe: Ajuste a altura conforme o conteúdo do site incorporado. Para evitar barras de rolagem, experimente diferentes valores até encontrar o ideal.

Agora você pode exibir facilmente um site dentro de outro usando o Elementor e o código HTML fornecido. Boa sorte na criação do seu conteúdo!