Como criar o Componente HTML 5

Tutorial

Navegar em: Conteúdo>Conteúdos Compartilhados>HTML>Itens>+Item e inserir o nome do arquivo,

O nome do arquivo deve seguir a semântica:

1 - Nome do componente

2 - Caminho de onde se encontra o componente

3 - Se PF ou PJ, tudo minúsculo e separados por hífen:

Ex: item-componente-html5-home-internet-movel-pj.

Na página exibida, definir um nome para o código HTML no campo "Nome">Inserir o código HTML no campo "HTML"> Clicar em "Salvar" e "Publicar".
1- Acessar a página que irá receber o componente em "Home > Site"; (Ver no índice deste manual o item "Como criar página no storyblok)

2- Na aba "Geral", clicar em "+Adicionar bloco";

3- Selecionar na lista, o item "HTML" criado anteriormente;

4- Isso irá criar um bloco com o nome "HTML vazio". Clicar nele;

5- Na aba "Geral", clicar em "Selecionar" e na caixa em branco de "Selecionar HTML";

6- Isso ira exibir uma lista com os itens HTML. Clique no HTML Item desejado;

7- Se desejar inserir um Titulo, subtítulo e rodapé para o bloco criado, clicar na aba "Opções" e em "Propriedades Avançadas" e inserir os valor nos respectivos campos.

8- Clicar em "Salvar" e "Publicar"

Vídeo com tutorial para criar o componente HTML5

[1] Título HTML5 Componente

[1] Subtítulo - Soluções de dispositivos Wi-Fi

Soluções de dispositivos Wi-Fi

Conheça no comparativo, mais detalhes sobre os roteadores e escolha aquele que melhor atende o que você precisa.

Tabela comparativa de roteadores
Funcionalidades	M5	M4

Wi-fi Velocidade 2.4GHz	Sim	Sim
Wi-fi Velocidade 5GHz	Não	Não
QoS	Sim	Sim
Bluetooth	Sim	Não
Controle led	Sim	Sim
App Mobile	Sim	Sim
Assistente de posicionamento	Sim	Não
Teste de velocidade	Sim	Sim
Parental Control	Sim	Sim
Troca de senha	Sim	Sim
Controle de consumo	Sim	Sim
Antivírus	Sim	Não
Firewall	Sim	Não

Rodapé 1

[2] Título HTML5 Componente

[2] Subtítulo - Jornada do 5G

Jornada do 5G

Tabela comparativa de serviços
DSS	APÓS O LEILÃO DE NOVAS FREQUÊNCIAS	FUTURO
5G implementado pelo compartilhamento de faixas	Faixa de dedicação exclusiva	Cirurgia robótica a distância
Até 12x mais rápido que o 4G convencional	Download de vídeo de 1GB a partir de 10 segundos	Aeronaves autônomas
Download de vídeo de 1GB a partir de 40 segundos	Cloud gaming	Carros 100% autônomos
Gaming: a menor latência e início dos jogos com Realidade Aumentada	Internet das coisas	Robotização de Indústrias e Agronegócios
Drones: - Monitoramento online de incêncios florestais. - Entregas	Início de carros autônomos	Streaming 8K
Realidade aumentada	Aplicação ao Agronegócio
Realidade virtual	Streaming 4K
	Realidade 360 (ex assista ao jogo do seu time preferido em casa como se estivesse no estádio)
	Holografia (baixa latência)

Rodapé 2

[3] Título HTML5 Componente

[3] Subtítulo - Ofertas Vigentes Etiqueta & Contrato

Ofertas Vigentes Etiqueta & Contrato

Nenhuma etiqueta encontrada com os filtros selecionados.

Rodapé 3

[4] Título HTML5 Componente

[4] Subtítulo - Easteregg Habilite o seu negócio

Rodapé 4

[5] Titulo HTML 5 Componente

[5] Subtítulo - com Pipefy Formulário APPLE

Seja um dos primeiros a descobrir as novidades da Apple.

Cadastre-se agora e garanta R$ 500 de desconto na compra do seu novo iPhone com Claro pós.

Cadastro Realizado com sucesso

Nome Campo obrigatório.

E-mail E-mail inválido.

Celular Campo obrigatório.

Em quais produtos Apple você está interessado?

iPhone 17

iPhone Air

iPhone 17 Pro

iPhone 17 Pro Max

* Você gostaria de receber as ofertas da Claro?

Sim

Erro inesperado. Por favor, tente novamente mais tarde.

Rodapé 5

Componente HTML5