Este componente lhe permite incorporar uma página ou conteúdo externo dentro de seu site. Você pode adiciona-lo em todos os menus, exceto no menu “Geral”.
Nele você preenche:
1 – Adicione o link de incorporação;
2 – Adicione a estilização para o componente (códigos CSS).
Segue alguns exemplos de utilização:
Vídeo
Acesse o vídeo que você quer adicionar em seu site:
1 – Clique em “Share” ou “Compartilhar“;
2 – Clique em “Embed” ou “Incorporar“;
3 – Copie apenas o código dentro das aspas de SRC, conforme mostra a imagem abaixo;
Acesse o Editor do site.
4 – Cole o código de incorporação do vídeo;
5 – Aqui você pode adicionar um código CSS para estilizar o componente;
6 – Clique em “Salvar“.
Processo finalizado.
Este é o código CSS utilizado no exemplo:width: 70%; height: 500px; padding: 10px; left: 50%; transform: translate(-50%)
Playlist
Acesse o canal que contenha a playlist para adicionar no componente.
1 – Clique em “Playlists“;
2 – Clique em “View full playlist“;
3 – Clique na “flecha de compartilhamento”;
4 – Clique em “Embed” ou “Incorporar“;
5 – Copie apenas o código dentro das aspas de SRC, conforme mostra a imagem abaixo;
Acesse o Editor do site.
6 – Cole o código de incorporação da playlist;
7 – Aqui você pode adicionar um código CSS para estilizar o componente;
8 – Clique em “Salvar“.
Processo finalizado.
Este é o código CSS utilizado no exemplo:width: 70%; height: 500px; padding: 10px; left: 50%; transform: translate(-50%)
Mapa
Acesse o mapa e marque o ponto que quer divulgar.
1 – Clique em “Share” ou “Compartilhar“;
2 – Acesse a aba “Embed a map” ou “Incorporar um mapa“;
3 – Clique em “Copy HTML” ou “Copiar HTML“;
Abra um editor de texto qualquer, neste caso eu abri o bloco de notas, colei o código e estruturei ele para ficar mais visível o que precisamos dele.
4 – Copie apenas o código dentro das aspas de SRC, conforme mostra a imagem abaixo;
Acesse o Editor do site.
6 – Cole o código de incorporação do mapa;
7 – Aqui você pode adicionar um código CSS para estilizar o componente;
8 – Clique em “Salvar“.
Processo finalizado.
Este é o código CSS utilizado no exemplo:width: 70%; height: 500px; padding: 10px; left: 50%; transform: translate(-50%)
Tour Virtual(360º)
Para adicionar um tour virtual é bem simples, basta copiar o link da URL mesmo. Segue os passos:
1 – Acesse a página de seu tour virtual e copie o link dele;
Acesse o Editor do site.
2 – Cole o link do tour virtual;
3 – Aqui você pode adicionar um código CSS para estilizar o componente;
4 – Clique em “Salvar“.
Processo finalizado.
Este é o código CSS utilizado no exemplo:width: 70%; height: 500px; padding: 10px; left: 50%; transform: translate(-50%)
Obs.: os passos pode variar um pouco de tour para tour, e nem todos permitem ser incorporados.
