Teste automatizado Double Card

Como criar o menu completo do Site da Claro

Tutorial

  • Navegar em: Conteúdo>Base>Headers>+Item>
    1 - Inserir o nome do arquivo
    2 - No campo "Tipo de Conteúdo" escolher "header" 
    3 - Salvar
  • Na página tipo Header são exibidos os campos:

    1 - Segmento
    2 - Logo e Link
    3 - Combos
    4 - Menu principal
    5 - Menu de Botões
    6 - Busca Inbenta
    7 - Configuração de Acessibilidade
  • Na página tipo Header são exibidos os campos:

    1 - Para o campo "Segmento" clicar em adicionar bloco por 2 vezes (aqui iremos cadastrar os links "Para você e sua família" e "Para sua empresa"

    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"
  • 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.
  • 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

     
  • 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 
  • 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")
  • Na página tipo Header são exibidos os campos:

    1 - Para o campo "Busca Inbenta" clicar em adicionar bloco 

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

    3 - Serão exibidos os campos para preenchimento do link para a busca Inbenta

    4 - Preencher os campos obrigatórios e necessários

    5 - Salvar e Publicar
  • Na página tipo Header são exibidos os campos:

    1 - Para o campo "Configuração de acessibilidade" clicar nele e adicionar a "Configuração de Acessibilidade já pré-definida e estará cadastrada neste caminho: "shared-content/configuracao-acessibilidade/configuracao-acessibilidade"

    2 - Ver no índice do Manual "Criando Configuração de Acessibilidade"