Teste Automatizado Componente Texto

Como criar o Componente Text

Tutorial

  • Componente text aceita os itens abaixo:
     - Texto-1
     - Texto-2
     - Hiperlink
     - Limpeza de formatação
     - Layout - esquerda, direita, centralizado e texto negrito.

    OBS: Quando usarmos a lista de Bullets no texto rico ele será exibido como (Bolinhas) mas quando salvarmos e publicarmos ele será exibido no preview da página como um sinal de checklist.


  • Navegar em: Conteúdo>Conteúdos Compartilhados>Text>Itens>Clicar em +Item e inserir o nome do arquivo
    O nome do arquivo deve seguir a semântica: 
    1 - Nome do componente
    2 - Caminho de onde se encontra o componente
    3 - Se PF ou PJ, tudo minúsculo e separados por hífen: 
    Ex: componente-text-home-internet-fixo-pj.
    Obs: Existem 2(dois) campos para inserção de textos, caso queira preenchê-los, estes ficarão posicionados na páginas em 2(duas) colunas.
     
  • 1- Acessar a página que irá receber o componente em "Home > Site"; (Ver no índice deste manual o item "Como criar página no storyblok)
    2- Na aba "Geral", clicar em "+Adicionar bloco"; 
    3- Selecionar na lista, o item "Text" criado anteriormente;
    4- Isso irá criar um bloco com o nome "Text vazio". Clicar nele; 
    5- Na aba "Geral", clicar em "Selecionar" e na caixa em branco de "Selecionar Text";
    6- Isso ira exibir uma lista com os itens de Text. Clique na Lista do Text desejado; 
    7- Se desejar inserir um Titulo, subtítulo e rodapé para o bloco criado, clicar na aba "Opções" e em "Propriedades Avançadas" e inserir os valor nos respectivos campos.
    8- Clicar em "Salvar" e "Publicar"

Título componente text 1

Subtítulo 1 - 1 Bloco só de texto

Como Participar
Utilizando os Canais de Autoatendimento da Claro, além de agilidade você pode ganhar prêmios instantâneos de R$50 em vouchers digitais e ainda concorrer em sorteios mensais de 100 prêmios de 150 mil pontos para fazer aquela viagem.
Participar da PROMOÇÃO CLIQUE PREMIADO é muito simples:
Acesse os Canais de Autoatendimento no 
Clique no banner da promoção e é só jogar! 
Ficou com alguma dúvida? Preparamos um material que pode te ajudar. 

Rodapé 1 - ID Link âncora: COMP-TEXTO-ANCORA-01 link => 

Título componente text 2

Subtítulo 2 - 1 Bloca de texto com Hiperlink Texto Rico

Claro TEXTO-NEGRITO 

Rodapé 2 - ID Link âncora: COMP-TEXTO-ANCORA-02 link => 

Título componente text 3

Subtítulo 3 - 1 Bloco de texto com Hiperlink Ancora Texto Rico

Mussum Ipsum, cacilds vidis litro abertis. TEXTO-NEGRITO Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!

Título componente text 4

Subtítulo 4 - 2 Blocos de textos (Hiperlink Texto Rico)

  1. Bloco 1 - Mussum Ipsum, cacilds vidis litro abertis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non.  Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!
  2.  - Mussum Ipsum, cacilds vidis litro abertis. TEXTO-NEGRITO Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!
  3.  - Mussum Ipsum, cacilds vidis litro abertis.  Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!TEXTO-NEGRITO 
  • Bloco 1 - Mussum Ipsum, cacilds vidis litro abertis. Praesent malesuada urna nisi, quis volutpat erat hendrerit non.  Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!
  •  - Mussum Ipsum, cacilds vidis litro abertis. TEXTO-NEGRITO Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!
  •  - Mussum Ipsum, cacilds vidis litro abertis.  Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Leite de capivaris, leite de mula manquis sem cabeça. Casamentiss faiz malandris se pirulitá. Si num tem leite então bota uma pinga aí cumpadi!TEXTO-NEGRITO 

Rodapé 4 - ID Link âncora: COMP-TEXTO-ANCORA-04 link => 

Título componente text 5

Subtítulo 5 - 2 Blocos de textos (Hiperlink Anc Texto Rico)

Texto 1 [FULL] Mussum Ipsum, cacilds vidis litro abertis.  Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis  sem cabeça.Sapien in monti palavris qui num significa  nadis i pareci latim.Delegadis gente finis, TEXTO NEGRITO bibendum egestas augue arcu ut est.
Texto 2 [FULL] Mussum Ipsum, cacilds vidis litro abertis.  Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis  sem cabeça.Sapien in monti palavris qui num significa  nadis i pareci latim.Delegadis gente finis, TEXTO NEGRITO bibendum egestas augue arcu ut est.

Rodapé 5 - ID Link âncora: COMP-TEXTO-ANCORA-05 Link => 

Card 360 Catalogo - Oferta relâmpago

No card 360 A oferta relâmpago ativada exibe highlight

  •   

     

  •   

     

  •   

     

  •   

     

  •   

     

    Rodapé Oferta relampago no Card Vendas ancora ID #OFERTA_RELAMPAGO_CARD_360

    Card Vendas Catalogo - Oferta relâmpago

    No card vendas legado oferta relâmpago ativada exibe contador

     

      

     
     

      

     
     

      

     
     

      

     
     

      

     

    Rodapé Oferta relampago no Card Vendas ancora ID #OFERTA_RELAMPAGO_CARD_VENDAS

    WhatsApp e com Click to call