Pular para o conteúdo
Instalar aplicação
Português (Portugal)

HTML personalizado

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

Referência Pro Navigation 2 min de leitura

Qualquer HTML que colar, apresentado dentro do mega menu. Use-o para conteúdo que os outros blocos não abrangem: um mapa da sua loja, um vídeo, um elemento incorporado de outro serviço ou texto formatado.

Adicionar o bloco

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

    Google Maps: pesquise a sua localização e clique em Partilhar > Incorporar um mapa > Copiar HTML. YouTube: abra o vídeo e clique em Partilhar > Incorporar > Copiar.

  2. Escolha o esquema

    No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Add HTML to menu, passe o rato sobre Custom html (HTML personalizado) e clique em Select.

    (1) Clique em Add HTML to menu, (2) escolha Custom html.
  3. Cole o código

    Em Edit Item (editar item), introduza um Title opcional e cole o código na caixa Add HTML to menu.

    O bloco Custom HTML na pré-visualização, com as definições em Edit Item.
  4. Guarde e publique

    Clique em Save e, depois, em Publish e verifique o resultado na loja online.

Definições

WidthPredefinição: 25%
A parte da linha do mega menu que o bloco ocupa: Auto ou de 8,33% a 100%.
TitlePredefinição: Custom html
Título por cima do HTML. Deixe-o vazio para não ter título.
Add HTML to menuPredefinição: Texto de exemplo
O código HTML a mostrar.
VisibilityPredefinição: Desativado
Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. Consulte Definições comuns a todos os blocos.

Sugestões

  • Os códigos de incorporação têm normalmente uma largura fixa, por exemplo width="600". Altere-a para width="100%" para que o mapa ou o vídeo se ajuste ao bloco.
  • Multi block > Map + Contact + Address adiciona um mapa, um formulário de contacto e a sua morada com um clique.

Resolução de problemas

O conteúdo tem espaços a mais

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

Esta página foi útil?

Comunicar um problema