Visitas interativas de produtos para oferecer treinamento

A Interactive Product Tours há muito tempo tem educado potenciais compradores, e Usetiful's agora torna barata a utilização de tecnologia similar para o treinamento de suas equipes voltadas para o cliente.

Neste artigo, nós o faremos:

• Acompanhe você no processo de criação do Usetiful
• Mostrar como criar Dicas Inteligentes, ótimo para reforço de treinamento no contexto
• Demonstrar como criamos um simples tour pelo produto

Note que estamos escrevendo esta passagem contra a versão FREE.

Vamos começar com as advertências, pois estes tipos de soluções geralmente têm um casal.

Caveats

O Usetiful tem os seguintes requisitos.

• O produto só funciona com aplicações baseadas na web.
• Você vai querer instalar a Extensão Cromo para capturar áreas na tela para adicionar passeios, dicas e listas de verificação.
• Você deve inserir um pequeno trecho de código JavaScript em sua aplicação web para que o produto possa funcionar com ele.  OUSe você usa WordPress, instale o plug-in.

Começando com Usetiful

Como este é nosso primeiro artigo no Usetiful, revisaremos rapidamente o processo de configuração antes de mergulharmos no uso do produto para a entrega do aprendizado.

Instalar a Extensão Cromada

Quando você configura o produto pela primeira vez, ele o leva para a Loja Chrome para instalar a extensão.

Entretanto, se você não o instalou, a interface do usuário sempre incluirá um link útil; basta escolher a opção "Preview with plugin".

Você também precisará navegar para a opção "Instalar em seu site..." que lhe apresenta duas opções.

Nota para WordPress

Se você estiver usando o plug-in WordPress, é solicitado que digite duas teclas. Na verdade, é o mesmo valor que você pode encontrar ao clicar na opção Advanced Set-Up.  

Você verá um código semelhante a:

r.dataet.token = " "abcdef123456;
a.appendChild(r);

Pegue seu valor (veja em negrito acima) e copie-o em ambas as caixas de encaixe:

Lembre-se de que os dados que usamos neste exemplo não são dados reais, use o que você encontrar em sua instalação.

Se você não usa WordPress

Se você escolher "Visitantes anônimos", você perde a capacidade de rastreamento, mas todos os dados permanecem locais para o navegador da web do usuário. Sua equipe de segurança irá apreciar isso.

A escolha é escolher "usuários logados", o que pode ser valioso para o reforço do treinamento, mostrando informações apenas para aqueles que não as tenham visto anteriormente, por exemplo.

Para esta caminhada, estamos escolhendo a opção Anônima. 

Ao fazer isso, a página se atualiza para mostrar o código JavaScript a ser inserido no HEAD da página HTML do seu site.

Nota: Testamos esta configuração em um site WordPress, e usamos o plug-in "Inserir Cabeçalhos e Footers Code - HT Script" para testar este código conectando a extensão cromada Usetiful ao nosso site.

Criando uma dica inteligente

Começamos com Dicas Inteligentes.

O que é uma dica inteligente?

Smart Tips permite inserir popups úteis na aplicação, seja para visitas interativas de produtos ou para fins de treinamento.

Como criar uma dica inteligente?

Escolha a opção de menu "Dicas inteligentes". A página será atualizada para parecer semelhante a esta.

Nota: Como atualmente não temos nenhuma dica configurada, a interface do usuário fornece um grande botão útil para mostrar por onde começar. Basta clicar no botão "Create Smart Tips" (Criar dicas inteligentes).

A página agora muda para a página de criação.

Clique no ícone do alvo ao lado da Element. Um popup é exibido perguntando a que site você vai adicionar a dica; escolhemos https://trustenablement.com, pois é onde adicionamos o código JavaScript. 

Selecione o botão "Abrir Página", e o website se abrirá.

Agora.

Ao pairar sobre os elementos na página da web, eles se destacam para lhe mostrar as informações necessárias para colocar a Tag Smart.

Basta clicar na caixa azul destacada e a informação é copiada.

Criando a dica inteligente

Navegamos de volta ao Usetiful e colamos as informações do elemento de volta na janela, definimos o título da dica, e agora vemos algo assim.

Observe que as opções importantes nesta tela incluem o seguinte.

Mostrar em

• Escolha se você quer que a dica inteligente apareça quando você passar o mouse por cima do elemento
• Ou, Clique, exigindo que o usuário clique no elemento para que a dica apareça.
• Ou, Focus, traga o mouse sobre o elemento e deixe-o lá.

Orientação contra elementos

• Você quer permitir que o Usetiful coloque a ponta onde lhe pareça melhor?
• Ou, você quer definir o posicionamento para Direita, Esquerda, Superior ou Inferior?

Vamos olhar para o lado direito da tela e preencher a dica com informações.

Além das opções de formatação padrão, você pode:

• Incluir imagens
• Inserir vídeos a partir de URLs (não carregados)
• Adicionar um modelo (além do escopo deste artigo).
• Insira o código de outra aplicação (por exemplo, você poderia incorporar um vídeo do YouTube).

Defina sua descrição, defina Salvar e Sair e, em seguida, o botão Publicar.

E agora, navegue de volta para a aplicação

Navegue até o aplicativo e atualize o navegador.

Percorra as Últimas Recomendações e você verá algo semelhante a isto.

Você pode controlar a aparência e sentir-se melhor com a versão paga, mas a interface de usuário GRATUITA parece boa o suficiente para treinamento interno e visitas interativas ao produto.

Criar um simples tour interativo pelo produto

Para criar o tour, navegue de volta ao menu principal e escolha Tour, que novamente mostra uma tela fácil de usar para começar. Escolha o botão "Create Tour" claramente colocado.

Criando nosso tour

A interface de criação do tour é semelhante à tela e ao fluxo de criação da ponta inteligente.

A partir desta tela, você:

• Defina um título ou oculte-o.
• Defina um dos seguintes tipos:
  • Modal. Aberto no meio da página
  • Apontador. Abrir ao lado de um elemento específico (você escolhe o mesmo elemento que o coberto acima).
  • Deslize para fora. Abre de um lado da tela, e você escolhe Bottom Left (inferior esquerdo) ou Bottom Right (inferior direito).
• Você nomeia os botões e adiciona botões adicionais.

E, na metade inferior desta tela, não visível na imagem acima, você vê mais opções (mostradas aqui com todas as opções selecionadas de modo a simplificar nossa caminhada).

Você pode definir o que leva o tour a começar se o feedback for coletado via emojis no meio da janela

Crie o fluxo de acordo com o seu coração, Salve e Saia, e depois Publique.

Pensamentos finais

Esperamos que esta caminhada das capacidades de treinamento do Usetiful tenha sido útil.

Atualizações de produtos

Novembro 2022

• Com a última atualização, o Usetiful agora suporta a versão de conteúdo, facilitando o retorno ao conteúdo anterior conforme necessário.

Ao redor da web

FAQs

Conteúdo mais recente do Blog

• The Challenges of the Digital Workplace and How to Overcome Them
  novembro 22, 2023 por Bei
   The digital workplace offers an exciting new frontier in how we think about work. However, like any form of technological disruption, businesses must overcome specific challenges to unlock the potential benefits of this change.Let’s explore some of these roadblocks and see how a digital adoption platform (DAP) can provide an elegant solution.Image by DCStudio on […]
• Taking Advantage of Technology: The Role of Automation in the Modern Workplace
  novembro 13, 2023 por Bei
   Humans have used technology to outsource labor since the Roman water grains in 1BC. However, The term automation has been in practice since the mid-40s when a manager at the US Ford car manufacturing plant used the word to describe its mechanized production line. Fast forward almost 80 years, and we have self-driving cars and […]
• 9 Ways to Know if Your Employee Software Training Needs a DAP
  novembro 9, 2023 por Bei
   Employee software training is essential for teams that want to drive productivity, adopt new technology, and get an ROI from software spending. Thankfully, there are lots of great HR employee onboarding solutions out there to help you streamline and automate the integration of new hires into your organization. HR employee onboarding software is great for collecting […]
• 1991 Accelerator & Usetiful: Supporting the Ukrainian Startup Community
  outubro 30, 2023 por Bei
   As Ukraine continues its brave battle against invading Russian forces, assistance from the global community can come in different forms. Military aid, food, and health supplies are vital to support the country through this difficult time. However, these programs must go hand in hand with long-term development strategies that provide a path toward rebuilding Ukraine's […]
• Best Practices for Customer Onboarding
  outubro 17, 2023 por Bei
   Effective customer onboarding helps you make a positive first impression, increase adoption, and reduce churn. However, while most businesses understand the benefits of great onboarding experiences, they don’t always know how to unlock them. But don’t worry; our list of customer onboarding best practices is here to change all that.Image by FreepikWhat is customer onboarding?Customer onboarding […]
• Surveys vs Forms: What are the differences and How to use them
  outubro 10, 2023 por Bei
   While surveys and forms sound similar, they are different things with their own goals, formats, and best practices. However, they are both crucial elements of customer success because they allow you to collect a vital resource: feedback.Any company worth its salt needs feedback. It allows you to improve your product and understand your customers at […]
• What to Look for in Employee Onboarding Software
  setembro 26, 2023 por Bei
   Good employee onboarding has a significant impact on retention, job satisfaction, and engagement. While this has been common knowledge in the business community for years, putting the theory into practice is still a persistent issue for many organizations.Onboarding is about far more than just signing documents, getting login credentials, and meeting a new team. It’s […]
• Customer Self-Service Widget, Making It Easy for Customers to Get Help
  setembro 20, 2023 por Bei
   Advances in our understanding of UI/UX mean that apps and websites are easier to use and more intuitive than ever. But no matter how flawless designs become, customers will need help occasionally. Users approach technology from different levels of experience and know-how, so it's essential to provide assistance when they need it and where they need […]

Usetiful Concorrentes

Fixação de preços

O produto oferece uma versão gratuita e múltiplos pacotes pagos.

Grátis

• 1 visita ao produto & 1 página com dicas inteligentes
• 2000 assistências / mês
• 1 membro da equipe

Mais

Tudo em Free, mais:

• 29 euros/mês
• Passeios ilimitados, dicas inteligentes e listas de verificação
• 5.000 assistências / mês
• até 2 membros da equipe
• Lista de verificação a bordo
• Temas customizáveis para um visual nativo
• Análise de uso
• Segmentação básica
• Suporte prioritário por e-mail
• 14 dias de teste gratuito
• Garantia de 30 dias de devolução do dinheiro

Premium

Tudo em Plus, e:

• 99 euros/mês
• Passeios ilimitados, dicas inteligentes e listas de verificação
• 20.000 assistências / mês
• até 7 membros da equipe
• Marca d'água nº Usetiful
• Segurança adicional da conta
• Suporte por e-mail e vídeo
• Acordo de Processamento de Dados

Empresa

Tudo em Premium, mais:

• Preço não fornecido
• tantas assistências quantas forem necessárias
• tantos membros da equipe quantos você precisar
• Permissões avançadas da equipe
• Contrato personalizado e DPA
• Integrações