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 2 colunas".

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ão exibidos os campos "Link Minha Claro" (exclusivo para o rodapé da Claro), "Lista de Contato" e o campo "Descrição"

3 - Caso o seu rodapé com layout de 2 colunas seja para o site da Embratel, então no campo "Lista de Contato" clicar em Adicionar bloco por 2 vezes, onde serão criados 2 itens de "Canal Interno" e preenchê-los com as informações no título como: "Atendimento faz um 21" e "Atendimento Empresa".

4 - Os campos "Tópico Horizontal" e "Link" são exibidos

5 - Clicar em "Tópico Horizontal Item"

6 - Serão exibidos os campos para preenchimento "Ícone", "Título" e "Descrição", preenchê-los com base da informação do passo 3.

7 - No campo Ícone em "Buscar ícone Mondrian" digitar as primeiras letras do ícone de sua escolha, o sistema irá apresentar uma lista de ícones para selecionar.

8 - Exemplo: digitar a palavra "cli", será exibida a opção de ícone "Cliente Fixo" e assim sucessivamente. Para saber quais ícones desejar para seu clique de atendimento pesquisar em "https://mondrian.clarobrasil.mobi/icons" na opção "Para Conteúdo" e realizar uma busca por lá. Lembrando que para este campo basta inserirmos somente uma palavra para a busca.

9 - Preencher o campo descrição para o seu canal de atendimento.

10 - Clicar no campo "Link", (Caso o seu rodapé seja para Embratel) preencher os campo "Título" como 103 21, "Texto Acessível" também como como 103 21 e "Rótulo para Google Analytics"

11 - Caso seja o rodapé para Embratel, habilitar a opção de Click to Call 

12 - No campo Conteúdo do Modal, clicar em "Adicionar bloco" e depois em "Modal"

13 - No campo "Modais", clicar em Adicionar bloco e depois escolher a opção "Modal de Confirmação (Botão OK)"

14 - Clicar em "Modal de Confirmação (Botão OK)", será aberto o campo para inserirmos o texto que fará parte do seu modal junto com o Botão OK (Default)
OBS: O preenchimento do Modal é necessário para quando os usuários acessarem os telefones de atendimento via "Desktop", onde o modal é exibido, agora quando acessarem via "Mobile" serão exibidos os telefones para ligação automaticamente. 

15 - Repetir os passos a partir do passo 10 para o telefone "0800 721 1021">Salvar>Publicar

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 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 "Copyright" é só preencher como: "© 2021 Claro. Todos os direitos reservados" e se for Embratel será: "© 2021 Embratel. 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"  se for para embratel como "logo-embratel.png" ou outro que o usuário souber e tiver no momento.>Salvar>Publicar