Pular para o conteúdo
GloboGlobo Docs
Instalar app
Português (Brasil)

HTML personalizado

Incorpore qualquer HTML no menu, como um Google Maps ou um vídeo do YouTube.

Referência Pro Navigation 2 min de leitura

Qualquer HTML que você colar, exibido dentro do mega menu. Use para conteúdo que os outros blocos não cobrem: um mapa da sua loja, um vídeo, uma incorporação de outro serviço ou texto formatado.

Adicione o bloco

  1. Copie o código de incorporação

    Google Maps: pesquise seu local e clique em Compartilhar > Embed a map > Copy HTML. YouTube: abra o vídeo e clique em Compartilhar > Embed > Copy.

  2. Escolha o layout

    No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Adicionar HTML ao menu, passe o mouse sobre HTML personalizado e clique em Selecionar.

    (1) Clique em Adicionar HTML ao menu, (2) escolha HTML personalizado.

  3. Cole o código

    Em Editar item, digite um Título opcional e cole seu código na caixa Adicionar HTML ao menu.

    O bloco HTML personalizado na prévia, com as configurações em Editar item.

  4. Salve e publique

    Clique em Salvar e depois em Publicar, e confira o resultado na sua loja virtual.

Configurações

LarguraPadrão: 25%
Quanto da linha do mega menu o bloco ocupa: Automático ou de 8,33% a 100%.
TítuloPadrão: HTML personalizado
Título acima do seu HTML. Deixe vazio para não exibir título.
Adicionar HTML ao menuPadrão: Texto de exemplo
O código HTML a exibir.
VisibilidadePadrão: Desativado
Ocultar no desktop, Ocultar no celular, Ocultar quando estiver logado, Mostrar somente quando estiver logado, Agendar publicação. Veja Configurações que todo bloco tem.

Dicas

  • Os códigos de incorporação geralmente têm largura fixa, por exemplo width="600". Altere para width="100%" para o mapa ou vídeo caber no bloco.
  • Multibloco > Mapa + contato + endereço adiciona um mapa, um formulário de contato e seu endereço com um clique.

Solução de problemas

Meu conteúdo tem espaços extras

Cada quebra de linha no código aparece como quebra de linha na página. Cole os códigos de incorporação em uma única linha ou remova as linhas vazias entre as tags.

Esta página foi útil?

Relatar um problema