Tutorial de como cadastrar o Link, Link variante e Link Modal

3 - Cadastre os campos obrigatórios

4 - Não cadastrar nada no campo URL

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

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

7 - Serão exibidos os campos "Modal de Cidades", "Modal de Confirmação (botao OK), "Modal de Imagem",  "Modal de Multimídia (Vídeo)", "Modal das Bandeiras" (Normalmente usado no rodapé), "Modal de texto", "Modal Detalhes" e "Modal de Disponibilidade".

 

Componentes que usam botão e link arrow:

Caso o seu link modal tenha que ser tipo um modal que contenha um botão de confirmação, então clicar em:

1 - Conteúdo do Modal>Adicionar Bloco
2 - Clicar em Modal, irá abrir o campo "Modais", clicar em "Adicionar Bloco" novamente
3 - Escolher ao lado direito o combo "Modal de Confirmação (botao OK), clicar nele
4 - Será exibido o campo de texto rico para preenchimento>Salvar>Publicar
5 - Após preenchimento e inserido este link modal em quaisquer componentes elegíveis, o mesmo quando for
acionado apresentará o texto inserido com um botão de OK para confirmação.

Caso o seu link modal tenha que ser um vídeo, então clicar em:

1 - Conteúdo do Modal>Adicionar Bloco
2 - Clicar em Modal, irá abrir o campo "Modais", clicar em "Adicionar Bloco" novamente
3 - Escolher ao lado direito o combo "Modal Multimídia (Vídeo), clicar nele
4 - Será exibido o campo Vídeo Item, clicar em "Adicionar Bloco"
5 - Clicar em Vídeo Item, o sistema exibe a tela com os campos "Título", "Subtítulo", "Player do Vídeo",  "Id do Vídeo" e "Descrição do vídeo para acessibilidade"
6 - Preencher campos obrigatórios
7 - Para o campo Player do Vídeo, escolher as opções no combo entre Youtube ou Now
8 - Para o campo Id do Vídeo devemos colocar somente o ID que é exibido no final de cada URL, por exemplo:

Se for vídeo do Youtube que a URL do mesmo é apresentada assim: "https://www.youtube.com/watch?v=JhGp9bBjbHg"
devemos inserir somente a informação depois do sinal de "=", ficando somente como: "JhGp9bBjbHg"

Se for vídeo do NOW que a URL do mesmo é apresentada assim: "https://www.nowonline.com.br/filme/o-poderoso-chefao/327434"
devemos inserir somente a informação depois do sinal de "=", ficando somente como: "327434"

9 - Inserir o texto no campo "Descrição do vídeo para acessibilidade" o texto acessível para pessoas com PCD>Salvar>Publicar

Caso o seu link modal seja o modal de Bandeiras, clicar em: "Modal das Bandeiras" (Normalmente usado no rodapé) 

1 - Ir em Conteúdo>Base>Footer Full>
2 - No campo "Modal bandeira, HandTalk e Selo Acessibilidade" clicar em "Adicionar bloco"
3 - Será exibido o campo "Itens diversos", clicar nele
4 - Clicar na aba "General"
5 - No campo "Modal das bandeiras", clicar em "Adicionar bloco"
6 - Será exibido o campo "Link", clicar nele
7 - Serão exibidos os campos para cadastrarmos o link da bandeira do Brasil que fica no Rodapé
8 - Preencher os campos obrigatórios como exemplo para este link em específico, iremos cadastrar no campo "Título" a informação "Brasil" e para o campo "Texto Acessível" "Brasil" também
9 - No campo "Conteúdo do modal" clicar em "Adicionar bloco"
10 - Será exibido o campo "Modal", clicar nele
11 - No campo "Modais", clicar em "Adicionar bloco"
12 - Será exibido o campo "Modal das Bandeiras" (Normalmente usado no rodapé), clcar nele
13 - Serão exibidos os campos "Título" e "Link dos Países"
14 - Para o campo "Título" iremos cadastrar como "Onde estamos"
15 - Para o campo "Link dos Países", clicar em "Adicionar bloco"
16 - Serão exibidos os campo de "Links", clicar em "Adicionar bloco"
17 - Será exibido o campo "Link" para preenchimento dos links de cada País desejado
18 - Preencher os campos obrigatórios e inserir o icone de cada Pais no campo "Icone Mondrian"
19 - Os ícones do Mondrian estão em "https://mondrian.clarobrasil.mobi/brands"

Caso o seu link modal seja o modal de texto então clicar em:

Conteúdo do Modal>Adicionar Bloco
1 - Clicar em Modal, irá abrir o campo "Modais", clicar em "Adicionar Bloco" novamente
2 - Escolher ao lado direito o combo "Modal de Texto", clicar nele
3 - Será exibido o campo "Modal de Texto", clicar nele
4 - Serão exibidos os campos "Título", "Tamanho" com as opções SM(Small) e LG(Large) e "Texto do Modal"
5 - Preecher os campos>Salvar>Publicar
6 - Após preenchimento e inserido este link modal em quaisquer componentes elegíveis, o mesmo quando for
acionado apresentará o Modal de texto com sucesso.

OBS: Uma boa prática é sempre respeitar os tamanhos de texto do modal. Se usarmos textos curtos e bem objetivos é legal sempre usarmos o tamanho (SM) e caso necessitamos usar tamanhos de texto com mais informações, então usamos o (LG). Assista nosso vídeo de como usar os tamanhos de texto no nosso manual no menu "Treinamento" opção "Modal de texto - SM e LG. 

Caso o seu link modal seja o Modal Detalhes então clicar em:

Conteúdo do Modal>Adicionar Bloco
1 - Clicar em Modal, irá abrir o campo "Modais", clicar em "Adicionar Bloco" novamente
2 - Escolher ao lado direito o combo "Modal Detalhes", clicar nele
3 - Será exibido o campo "Modal Detalhes", clicar nele
4 - Serão exibidos os campos "Título", "Tamanho" com as opções SM(Small) e LG(Large) e "Texto do Modal"
5 - Preencher o campo "Título", este após preenchimento irá exibir o Título do Modal
6 - No Campo "Modal Detalhes", clicar em "Adicionar Bloco", clicar nele
7 - Será exibido o campo "Topico Horizontal Item", clicar nele
8 - Serão exibidos os campos "Ícone", "Título" e "Descrição"
9 - Preencher o campo "Ícone" com o ícone desejado. Os ícones do Mondrian estão em "https://mondrian.clarobrasil.mobi/icons"
10 - Preencher o campo "Título". Este será o título que ficará ao lado do ícone representado.
11 - Preencher o campo "Descrição". Este será a descrição desejada para o ícone e título representado>Salvar>Publicar

OBS: Uma boa prática é sempre respeitar os tamanhos de texto do modal. Se usarmos textos curtos e bem objetivos é legal sempe usarmos o tamanho (SM) e caso necessitamos usar tamanhos de texto com mais informações, então usamos o (LG). Assista o vídeo de como usar os tamanhos de texto no nosso manual no menu "Treinamento" opção "Modal de texto - SM e LG. 

3 - Cadastre os campos obrigatórios

4 - Não cadastrar nada no campo URL

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

6 - Será exibido o campo "Modal", clicar nele e depois em "Adicionar Bloco" e escolher a opção "Modal Consultar Disponibilidade"

7 - Serão exibidos os campos "Título", "Link" e "Tamanho"
8 - O campo "Título", preencher com o título do seu Modal e o campo "Tamanho" preencher como "lg" (única opção)
9 - Para o campo "Link" preencher os campos obrigatórios e para o campo "URL" preencher a URL de destino.

OBS: Lembrando que o link do modal, os campos "Título",  "Texto Acessivel" e Rótulo para Google Analytics