O Construtor HTML permite inserir conteúdo interativo e de mídia diretamente nas suas páginas ou artigos de notícias. Isso pode ajudar a adicionar contexto, funcionalidade e engajamento ao seu conteúdo, exibindo ferramentas externas, vídeos ou transmissões ao vivo junto com as suas comunicações internas.
Normalmente, a incorporação de conteúdo é feita usando iframe ou código de incorporação fornecido por serviços de terceiros.
Esse recurso está disponível quando você usa o construtor de HTML legado em páginas ou o construtor de artigos.
Dispositivo(s): desktop para criar, pode ser visualizado tanto no desktop quanto no dispositivo móvel
Funções/permissões:
- Administrador de sistema
- Editor
- Editor de Global Pages
- Proprietários de Espaços / Administradores de Espaço (para artigos de Espaço)
Incorporando conteúdo usando iFrames
Um iframe (quadro incorporado) é um elemento HTML que permite exibir conteúdo de outro site diretamente em uma página.
Ele pode ser usado para incorporar páginas da web, formulários, vídeos, ferramentas interativas, painéis ou quadros de colaboração.
Como adicionar um iFrame
- Abra a página ou artigo de notícia que você deseja editar.
- No editor, navegue até Ferramentas.
- Selecione o código-fonte.
- Cole o iFrame ou o código de incorporação fornecido pelo serviço externo.
- Salve suas alterações.
O conteúdo incorporado então aparecerá dentro da página.
Exemplo de código de iFrame
Abaixo está um exemplo de um iFrame básico usado para incorporar uma página da web:
<p><iframe src="https://productportal.workvivo.com" largura="100%" altura="1000px" borda da moldura="0" largura da margem="0px" altura da margem="0px" rolagem="sim" allowfullscreen="allowfullscreen" largura dos dados móveis="100%" altura dos dados móveis="1000px"></iframe></p>
- src = "https://productportal.workvivo.com" - portanto, esse URL será incorporado
- width = "100%" - ocupará toda a largura possível dentro da página/artigo
- height = "1000px" - sua altura será definida como 1.000 pixels
- scrolling = "yes" - o iFrame tem rolagem e não será estático
Observe que há parâmetros de tamanho separados para dispositivos móveis (data-mobile-width e data-mobile-height); porém, neste exemplo, as dimensões são as mesmas da versão web.
Visualização da web:
Visualização móvel:
Observação: se você encontrar o erro abaixo, entre em contato com seu gerente de projeto de experiência do cliente ou envie uma solicitação por meio da Central de Ajuda.
Personalização de conteúdo incorporado
Como o conteúdo é exibido a partir de um site externo, a maioria dos elementos visuais deve ser controlada na plataforma de origem.
Exemplos de elementos que não podem ser personalizados no Workvivo incluem:
- Imagens
- Cores e estilo
- Layout da página
- Responsividade do site
No entanto, você pode ajustar certas configurações de exibição no Workvivo, tais como:
- Largura
- Altura
- Se o conteúdo contém rolagem ou é estático
Incorporação de transmissões ao vivo ou webinários
Transmissões ao vivo e webinars também podem ser incorporados em páginas usando o código de incorporação fornecido pela plataforma de vídeo.
O que é útil ao hospedar conteúdo que pode estar fora do Workvivo, como transmissões externas ou ao vivo, gravações de webinars ou anúncios em vídeo.
Como incorporar uma transmissão ao vivo
- Abra o vídeo da transmissão ao vivo.
-
Copie o código de incorporação do provedor de vídeo.
- Edite sua página.
-
Clique no ícone Inserir mídia.
- Selecione Incorporar.
- Cole o código de incorporação.
-
Clique em Salvar.
O quadro de vídeo da transmissão ao vivo aparecerá na página.
Ajustando o tamanho do quadro do vídeo
Se o vídeo incorporado parecer muito pequeno, poderá redimensionar o quadro de mídia clicando nele, dentro do editor, selecionando o botão Inserir mídia e ajustando as dimensões do quadro conforme necessário.
Por exemplo, altere a largura para 950 e a altura para 549.
Isso permite que o vídeo seja exibido com mais destaque no layout da página.
Solução de problemas com conteúdo incorporado
Se o conteúdo incorporado não for exibido corretamente, primeiro verifique se o código de incorporação foi copiado integralmente da fonte.Em seguida, confirme se o site externo permite a incorporação, pois algumas fontes impedem que seu conteúdo seja incorporado em outros locais. Por fim, certifique-se de que as dimensões sejam adequadas ao layout da página.
Se continuar com problemas, envie uma solicitação pela Central de ajuda.
Este artigo se aplica ao Construtor HTML legado. Se estiver usando o novo editor de páginas baseado em blocos, consulte Incorporar conteúdo no Pages.