Teste automatizado rodapé completo

Navegar em: Conteúdo>Base>Footers>+Item>
1 - Inserir o nome do arquivo
2 - No campo "Tipo de Conteúdo" escolher "Footer">Salvar
3 - Será aberto os campos para preenchimento do seu footer
4 - No campo "Layout", escolher a opção "Layout Completo".

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

1 - Televendas
2 - Lista de links do espaço
3 - Modal bandeira, HandTalk e Selo Acessibilidade
4 - Mapa do Site
5 - Logos e links para as mídias sociais
6 - Copyright
7 - Logo da Marca

Para o Televendas é exibido o campo "Canais Internos para atendimento"

1 - Clicar nele

2 - Será exibido o link "Link Minha Claro" e "Número para atendimento" (Ainda em desenvolvimento talvez um click to call)para preenchimento, clicar nele, aqui iremos inserir as informaçãoes do botão "Minha Claro" que é exibido do lado esquerdo do footer

3 - Preencher os campos obrigatórios>Salvar>Publicar

Para a Lista de links do espaço são exibidos 2 campos "Lista do espaço", um que serão cadastrados os links para "Atendimento" e o outro para o "Regulatório"

OBS: Normalmente usado para o Rodapé do site da Claro

1 - Clicar no 1o "Lista do espaço" para cadastrarmos os Links para Atendimento

2 - Serão exibidos os campos "Título" e "Links

3 - No campo "Título" podemos sugerir o preenchimento como: "Atendimento"

4 - No campo "Links" iremos cadastrar os links que irão abaixo do Título "Atendimento" no rodapé do site

5 - Para cadastrar todos os links temos que ir clicando no botão "Adicionar Bloco"

6 - Clicar no 2o "Lista do espaço" para cadastrarmos os Links para "Regulatório"

7 - Seguir os mesmos passos de 3 a 5>Salvar>Publicar

Para os campos  Modal bandeira, HandTalk e Selo Acessibilidade é exibido o campo "Itens Diversos", clicar nele, são exibidas as colunas:

"General", "handtalks" e "generic_item"

1 - Clicar na aba "General"

2 - Será exibido o campo "Modal das Bandeiras" , clicar em Adicionar bloco

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

4 - Clicar no campo Link abaixo

5 - Cadastre os campos obrigatórios

6 - Não cadastrar nada no campo URL
Obs: Cadastre aqui o link contendo descrição e o ícone. Sugestão de ícone: Bandeira do Brasil>Salvar>Publicar

7 - No campo Conteúdo do modal, clicar em Adicionar bloco e depois em Modal

8 - Será exibido o campo "Modais", clicar em Adicionar bloco

9 - Serão exibidos os campos "Modal de Cidades", "Modal de Confirmação (botao OK), "Modal de vídeos", "Modal das Bandeiras" (Normalmente usado no rodapé) e "Modal de texto"

10 - Clicar em Modal das Bandeiras

11 - Serão exibidos os campos "Título" e "Link dos países".

12 - No campo Título preencher como: "Onde estamos"

13 - No campo Link clicar em Adicionar bloco e aqui iremos adicionar todos as bandeiras dos países que fazem parte do rodapé da Claro, com também os links para os países, como exemplo: www.claro.ar (quando for Argentina) e assim sucessivamente.

14 - Clicar na aba "handtalks", será exibido o campo "Texto para HandTalk", com sugestão inserimos o texto "Acesso em libras".

15 - Clicar na aba "generic_item", são exibidos os campos: "Imagem prêmio acessibilidade" e "Texto para prêmio de acessibilidade"

16 - No campo "Imagem prêmio acessibilidade" clicar em imagem, serão exibidos os campos para fazermos o upload de imagens

17 - Clicar em "Upload novo" no campo "Padrão" e inserir a imagem de acessibilidade "selo-acessibilidade.png"

18 - No campo "Texto Alternativo" inserir o texto: "Selo acessibilidade" >Salvar>Publicar

19 - No campo "Texto para prêmio de acessibilidade", inserir o texto "Prêmio Anatel de Acessibilidade em Telecomunicações 2020">Salvar >Publicar

Para o campo Mapa do Site será exibido o campo logo abaixo "Footer Site Map", clicar nele, serão exibidos os campos:

"Nome Accordion Site Map" e "Colunas do Site Map"

1 - Para o campo "Nome Accordion Site Map" inserir o nome como sugestão "Veja Mais"

2 - Clicar em Adicionar bloco no campo "Colunas do Site Map" são apresentadas as colunas do links do site map que são exibidas quando acionamos o link "Veja Mais" do rodapé, podendo adicionar até 4 colunas

3 - Ao clicar numa das colunas será exibido o campo "Adicionar bloco", clicar nele 

4 - Será exibido a lista de links para preenchimento que são exibidas no rodapé (dentro da coluna),clicar nele

5 - Serão exibidos os campos "Link principal da coluna" e "Lista de links da coluna"

Para o campo Logos e links para as mídias sociais serão exibidos os links para preenchimento dos ícones e links das redes sociais, bem como facebook, Twitter, Instagram, Youtube e Linkedin

1 - Clicar em Adicionar Bloco, será exibido o campo "Link", clicar nele

2 - Preencher os campos obrigatórios. Como exemplo para o link do Facebook preenchemos assim:

Título=facebook
Texto Acessível=Acessar o canal oficial do Facebook Claro
Rótulo para Google Analytics=acessar-o-canal-oficial-do-facebook-claro
URL=https://www.facebook.com/clarobrasil
Tipo de Abertura=Na mesma Janela
Ícone Mondrian=facebook
Conteúdo do modal=aqui se necessário cadastrar algum modal (verificar no indice de manual do storyblok a seção "Como cadastrar o componente Modal")>Salvar>Publicar

Para o campo "Copyright" é só preencher como: "© 2021 Claro. Todos os direitos reservados"

1 - Para o campo Logo da Marca, clicar logo abaixo em "Imagem", serão exibidos os campos para fazermos o upload de imagens,

2 - Clicar em "Upload novo" no campo "Padrão" e inserir a imagem do logo da Claro "claro.svg">Salvar>Publicar