Adicionar um elemento HTML.

Obtém um espaço na página onde o seu próprio código corre, como uma publicação social ou um widget de reservas. Utilize-o quando uma incorporação de terceiros ou marcação personalizada não tiver um elemento correspondente.

Adicionar um elemento HTML

Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. Crie a sua primeira página mostra o essencial.

1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em HTML. O elemento é colocado no topo da coluna e o diálogo de definições abre.
2. Copie o código de incorporação da opção Embed ou Share do serviço. Cole-o no editor Raw HTML.
3. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

A sua incorporação funciona no editor assim que clica em Save no diálogo, porque o construtor também executa aí o seu script. No vídeo, um Google Calendar de feriados dos EUA aparece assim que o diálogo fecha. Os visitantes veem-na depois de guardar a página e de esta ser publicada.

Configurar o elemento HTML

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

• Raw HTML: um editor de código para o seu HTML, CSS ou JavaScript. Os scripts correm no editor e na página publicada.
• HTML ID: um ID opcional para apontar ao elemento com CSS ou JavaScript.
• HTML classes: classes CSS opcionais para o invólucro do elemento.

Se não o vir

• O HTML não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em User Profiles.
• Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
• A incorporação aparece como texto simples ou uma citação solta. O script da incorporação ainda não carregou, ou falta a linha <script>. Aguarde alguns segundos, ou cole novamente o código de incorporação completo.
• O campo tem código mas os visitantes não veem nada. O seu site aplica filtros de formato de texto aos visitantes, e o formato pode remover etiquetas como <script> ou <iframe>. Os editores continuam a ver o código a funcionar. Peça a um administrador para desmarcar Apply text format filters to frontend content em General settings, ou para permitir essas etiquetas no formato de texto. Depois recarregue a página publicada.
• O esquema por baixo do elemento parte-se. O código tem uma etiqueta por fechar. Verifique se cada etiqueta de abertura tem a sua etiqueta de fecho.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu elemento HTML.