Teste automatizado Menu

1 - Como criar o menu completo da Claro

2 - Criando o menu completo da Claro

3 - Cadastrando o campo Segmento do Menu completo da Claro

Na página tipo Header são exibidos os campos:

1 - Para o campo "Segmento" clicar em adicionar (aqui iremos cadastrar um "Link de Segmento" (PF) + "Grupo de Segmentos" que vai ser usado para Grandes Empresas e Governo (Embratel)

2 - Os campos Links são exibidos para prenchimento, clicar nele

3 - No primeiro link são exibidos os campos: "Título", "Texto Acessivel", "Rótulo para Google Analytics", "URL", "Tipo de Abertura", "Cor do Botão", "Icone do Mondrian" e "Conteúdo do Modal"

4 - Preencher os campos obrigatórios, lembrando que neste primeiro link inserimos o Título como "Para você e sua Família"

5 - No segundo link são exibidos os campos: "Título", "Texto Acessivel", "Rótulo para Google Analytics", "URL", "Tipo de Abertura", "Cor do Botão" "Icone do Mondrian" e "Conteúdo do Modal"

6 - Preencher os campos obrigatórios, lembrando que neste segundo link inserimos o Título como "Para sua empresa"

- A faixa amarela é no cadastro do Segmento do Menu, tem que habilitar o "Segmento Ativo?" e precisa tirar o link que já existia antes para cadastrar o novo "Link de Segmento" + "Grupo de Segmentos".

- Deve ser criado um "Link de Segmento" + "Grupo de Segmentos" que vai ser usado para Grandes Empresas e Governo (Embratel)

- E a Cor do Menu DEVE ser vinho "Hex: #840000 / RGB: 132, 0, 0" para "Pequenas e médias empresas" e "Grandes Empresas e Governo"

- Setas exibindo que tem subnível no menu e os links diretos não apresentam a seta para baixo, isso é feito no cadastro do "Menu Principal" selecionando a opção de cadastrar um "Item de Menu" abre uma lista de links ou cadastrar um "Link" direto no Menu, sem abrir o submenu.

4 - Cadastrando os campos Logo e Link do Menu completo da Claro

Na página tipo Header são exibidos os campos:

1 - Para o campo "Logo e Link" clicar em adicionar bloco

2 - Será exibido o campo "Cadastre Logo e Links da marca", clicar nele

3 - Serão exibidos os campos "Logo da marca" e "Link para o Logo"

4 - Clicar em adicionar bloco para o campo "Logo da marca"

5 - Será exibido o campo "Imagem", clicar nele

6 - Serão exibidos os campos para upload das imagens para cadastro do logo da Claro

7 - No campo "Padrão" clicar em "Upload new" e inserir a imagem oficial referente ao logo da Claro

8 - Preencher o campo obrigatório "Texto Alternativo" (este campo é a descrição que é exibida quando posicionamos o mouse sobre o logo da Claro)

9 - Clicar em adicionar bloco para o campo "Link para o Logo"

10 - Será exibido o campo "Link", clicar nele

11 - Preencher os campos obrigatórios
Obs:lembrando que aqui cadastramos o link que direciona o usuário para a home do site, www.claro.com.br quando clicamos no logo da Claro.

5 - Cadastrando o campo Combo do Menu completo da Claro

Na página tipo Header são exibidos os campos:

1 - Para o campo "Combo" clicar em adicionar bloco (aqui iremos cadastrar o link Combos que após preenchimento do CEP do usuário é direcionado a página de planos para uma possível contratação:"https://planos.claro.com.br"

2 - O campos Link é exibido para prenchimento, clicar nele

3 - São exibidos os campos: "Título", "Texto Acessivel", "Rótulo para Google Analytics", "URL", "Tipo de Abertura", "Cor do Botão", "Icone do Mondrian" e "Conteúdo do Modal"

4 - Preencher os campos obrigatórios, lembrando que para o campo "URL" iremos selecionar o botão "Url" e inserir a informação:
"https://planos.claro.com.br">Salvar>Publicar

6 - Cadastrando o menu principal do Site da Claro

Na página tipo Header são exibidos os campos:

1 - Para o campo "Menu Principal" clicar em adicionar bloco

2 - O campo "Item de menu" é exibido para prenchimento, clicar nele

3 - São exibidos os campos: "Título do Item" e "Subníveis"

4 - Preencher o campo "Título do Item" (este é o título do seu menu principal) e no campo "Subníveis" clicar em adicionar bloco

5 - Será exibido o campo "Subnível", clicar nele

6 - Serão exibidos os campos "Título do subnível" e "Links do subnível"

7 - Preencher o campo "Título do subnível" (este é o nome do título que é exibido em negrito não clicável que aparece em primeiro na lista de submenus quando clicamos nos menus principais) e no campo "Links do subnível" clicar em adicionar bloco

8 - Serão exibidos os campos "Link" (Aqui onde serão cadastrados todos os links do submenu), clicar nele

9 - Preencher os campos obrigatórios e o caminho desejado de cada link que farão parte dos seus submenus

7 - Cadastrando o menu de botões do site da Claro

Na página tipo Header são exibidos os campos:

1 - Para o campo "Menu de Botões" clicar em adicionar bloco por 2 vezes (aqui iremos cadastrar os botões "Contrate" e "Minha Claro"

2 - Os campos "Menu Item Button" são exibidos para prenchimento, clicar no PRIMEIRO "Menu Item Button"

3 - São exibidos os campos: "Botão" e "Sub Nível"

4 - No campo "Botão", clicar no Link (Aqui iremos cadastrar o link do botão "Contrate")

5 - No campo "Sub Nível" clicar logo abaixo no "Subnível"

6 - Serão exibidos os campos "Título do subnível" (Aqui iremos cadastrar o Título do submenu do menu Contrate) e "Links do subnível" (Aqui iremos cadastrar os links do submenu do botão "Contrate")

7 - Os campos "Menu Item Button" são exibidos para prenchimento, clicar no SEGUNDO "Menu Item Button"

8 - São exibidos os campos: "Botão" e "Sub Nível"

9 - No campo "Botão", clicar no Link (Aqui iremos cadastrar o link do botão "Minha Claro)

10 - No campo "Sub Nível" clicar logo abaixo no "Subnível"

11 - Serão exibidos os campos "Título do subnível" (Aqui iremos cadastrar o Título do submenu do menu Minha Claro) e "Links do subnível" (Aqui iremos cadastrar os links do submenu do botão "Minha Claro")

8 - Cadastrando o campo a Busca Inbenta do Menu completo da Claro

9 - Cadastrando o campo Configuração de acessibilidade do Menu completo da Claro

Teste automatizado Menu

Como criar o menu completo do Site da Claro

Tutorial

Vídeo com tutorial para criar o componente Menu