Etapas para criar um ShoutOut

Construção do esqueleto ShoutOut

Siga estas etapas para construir o esqueleto básico do ShoutOut:

1. Selecione qualquer um dos modelos ShoutOut existentes na galeria de modelos ou use o modelo "Em branco";
2. Use o Assistente de Campanha para personalizar a UI do ShoutOut.
   • Legacy WYSIWYG: se a tela de um ShoutOut estiver configurada para ter uma contracapa (nas configurações do elemento Canvas), descartar o ShoutOut tocando na contracapa será tratado como um CTA do tipo TALVEZ;
   • Novo WYSIWYG: no novo WYSIWYG, a capa traseira agora é chamada de "sobreposição de tela". Se a tela do ShoutOut estiver configurada para ter uma sobreposição de tela (na guia SOBREPOSIÇÃO DE TELA do objeto Canvas), descartar o ShoutOut tocando na sobreposição de tela será tratado como uma ação do tipo escolhido.

Adicionando objetos Web-View ao ShoutOuts

O ShoutOut é o principal tipo de campanha no qual elementos de visualização da web são utilizados. As visualizações da Web no ShoutOuts podem retratar pesquisas da Web, vídeos ou outros recursos externos na UI do aplicativo host.

Arraste o ícone Web-View do diretório OBJETOS para onde quiser que a visualização da Web apareça na tela do aplicativo.

Ao adicionar ou clicar em uma visualização da web, a guia padrão será a guia FORMATO, onde você pode fazer o seguinte:

• Insira o URL da visualização da web que gostaria que aparecesse na campanha; e
• Insira um URL de descarte (o URL que, quando alcançado, resultará na campanha sendo automaticamente desativada/fechada sem a necessidade de ação adicional por parte do usuário final):

  

Em seguida, clique na guia TAMANHO e POSIÇÃO, onde você pode configurar a ordem das visualizações da camada da web (semelhante ao z-index), tamanho e unidades e posicionamento em relação ao objeto Canvas:

Elementos de visualização da Web suportam pesquisas baseadas no Google Forms e vídeos em streaming. O suporte para vídeo em linha pode ser fornecido usando um script S3 (entre em contato com a equipe WalkMe Mobile para obter informações).

Adicionando widgets de carrossel ao ShoutOuts

Os carrossels são widgets ou objetos complexos compostos por outros objetos simples, cada um dos quais pode ser configurado. Os widgets de carrossel são mais adequados para uso no ShoutOuts, embora também possam ser usados em outros lugares (por exemplo, em Pesquisas para uma melhor interface do usuário com várias perguntas).

Arraste o ícone do carrossel do diretório OBJETOS para onde quiser que o carrossel apareça na tela do aplicativo.

Você só pode adicionar um objeto Carousel por canvas.

Configuração do widget principal (Carrossel)

Ao adicionar ou clicar em um ícone de carrossel, o objeto padrão será o widget principal (Carrossel) e a guia padrão será a guia FORMATO, onde você pode configurar as seguintes configurações globais:

• O número de sub-objetos (Slides) que aparecem no carrossel;
  • O número padrão é três e o número máximo é dez;
  • Você também pode adicionar novos slides no menu do botão direito do mouse ou clicando na guia azul no lado direito do objeto:
    
    
• Se deve ou não mostrar os indicadores de slides (pontos na parte inferior de cada slide que mostram em qual slide você está atualmente e quantos slides existem no total);
  • Esses indicadores podem ser clicados para navegar entre slides durante o processo de criação de conteúdo e para os usuários finais do aplicativo;
  • Você também pode navegar entre slides clicando nas asas azuis que aparecem nos lados direito e esquerdo de um slide quando você passa o mouse sobre ele na tela de visualização do dispositivo ou simplesmente clicando em um objeto Slide na árvore OBJETOS.
• Se deve ou não permitir a navegação entre slides usando uma ação de deslizar o dedo na tela do aplicativo:

  

Em seguida, clique na guia TAMANHO e POSIÇÃO, onde você pode configurar a ordem das camadas do carrossel (semelhante ao z-index), tamanho e unidades e posicionamento em relação ao objeto Canvas:

Configuração de sub-objeto (Slide)

Depois de terminar de configurar as configurações globais do carrossel, clique em um dos sub-objetos (ícones de slide) para configurar seu sub-objeto individual.

Como as configurações de tamanho e posição dos slides são configuradas no objeto Carrossel, há apenas uma guia, a guia FORMATO, com uma seção chamada Estilo de Fundo do Slide, onde você pode configurar o seguinte:

• Cor de fundo do slide individual;
• Nível de opacidade (visibilidade) individual do slide;
• Raio dos cantos do slide individual (quanto maior o raio dos cantos, mais arredondados são os cantos do slide); e
• Se o slide individual tem uma borda ao redor dele e, em caso afirmativo, a cor e o raio da borda:

  

Você pode adicionar qualquer outro objeto do diretório OBJETOS em um slide. Experimente!

Adicionando listas aos seus ShoutOuts

Os widgets de lista só podem ser usados em campanhas do tipo ShoutOut.

Arraste o ícone Lista do diretório OBJETOS para onde quiser que a lista apareça na tela do aplicativo.

As listas, como os carrosséis, são widgets ou objetos complexos compostos por outros objetos simples, cada um dos quais pode ser configurado:

Configuração do objeto principal (Lista)

Ao adicionar ou clicar em uma lista, o objeto padrão será o objeto principal e a guia padrão será a guia FORMATO, onde você pode configurar as seguintes configurações globais:

• Na seção Estilo Geral de Texto, defina o seguinte:
  • Fonte de texto geral global;
  • Tamanho global da fonte do texto;
  • Cor da fonte do texto global;
  • Alinhamento global de texto; e
  • Estilo.
• Na seção Estilo de Itens de Lista, defina o seguinte:
  • Cor de fundo global;
  • Opacidade (visibilidade);
  • Altura dos itens da lista (a altura de cada retângulo que contém o texto da lista; isso é importante quando você adiciona itens adicionais à lista e deseja que eles fiquem visíveis sem precisar rolar); e
  • Se existem linhas divisórias entre os sub-objetos.
• Na seção Ícone, defina o seguinte:
  • Decida se deseja que um ícone apareça ao lado de cada item da lista e, em caso afirmativo, qual ícone:

    

Em seguida, clique na guia FORMATAR SEÇÕES, que se aplica às seções adicionadas à lista. Aqui, você pode configurar as seguintes configurações globais:

• Na seção Título da seção, defina a fonte do texto da seção global, o tamanho da fonte do texto da seção, a cor da fonte do texto da seção, o alinhamento do texto da seção e o estilo da lista inteira;
• Na seção Fundo, defina a cor de fundo da seção, o nível de opacidade (visibilidade) e a altura:

  

Por fim, clique na guia TAMANHO e POSIÇÃO, onde você pode configurar a ordem das camadas da lista (como uma unidade) (semelhante ao z-index), tamanho e unidades, posicionamento em relação ao objeto Canvas e tamanho dos itens da lista:

Configuração de sub-objeto (Item da lista)

Embora três itens de lista e zero seções sejam o padrão para listas, você pode adicionar itens e seções adicionais à lista com o menu do botão direito do mouse ou clicando na guia azul à direita da lista:

Depois de terminar de configurar as configurações da lista global, clique em um dos subobjetos (ícones de item da lista) para configurar seus subobjetos individuais.

Existe apenas uma aba, a aba FORMATO, onde você pode configurar o seguinte:

• Na seção Ação, defina uma ação que ocorrerá quando um usuário final clicar nesse subobjeto individual;
  • Consulte a seção Ações disponíveis para botões, formas, listas e sobreposições no novo artigo WYSIWYG.
• Na seção Fonte, configure a cor da fonte do sub-objeto individual;
• Na seção Fundo, configure a cor de fundo e a opacidade (visibilidade) do sub-objeto individual;
• Na seção Ícone, decida se deseja que um ícone apareça ao lado de cada subobjeto e, em caso afirmativo, qual ícone, seu tamanho e posicionamento:

  

Listas de Onboarding