Como adicionar um tour visual ao seu site WordPress

Você pode não se considerar um guia turístico, mas certamente é. Todos os dias, as pessoas vêm ao seu site e você as orienta de uma forma ou de outra. Você os orienta com a forma como organiza seus menus e organiza suas seções. Toda a sua IU deve ser um funil para os visitantes irem de visitante a cliente ou assinante . Uma maneira de fazer isso de uma maneira inovadora é usar um construtor de tour do site para apontar os aspectos mais importantes do seu site.

Fácil como 1, 2, 3

Conduzir seus visitantes em um tour guiado pelo seu site é muito mais fácil do que você imagina. Graças ao plugin WP Flat Tour Builder. Você realmente não vai encontrar uma maneira mais sólida de acompanhar seus usuários passo a passo. Com apenas alguns cliques, você estará pronto para, bem, configurá-los.

Devo mencionar, entretanto, que WP Flat Tour Builder é um plugin premium, e não, não existe uma versão gratuita. Você pode comprá-lo por apenas US $ 20, no entanto. É um investimento muito pequeno para um site que precisa direcionar seus usuários por meio de um funil de vendas ou ensinar um processo a eles.

Instalação e configuração

Ao comprar o plug-in, você fará o download de um arquivo chamado WP_Tour_Builder.zip . Os plug-ins Premium devem ser instalados manualmente, pois não estão no repositório, então vá para Plug - ins - Adicionar novo e selecione o arquivo .zip em seu computador.

Depois de clicar em Instalar agora , basta ativá-lo como faria com qualquer outro plugin. Agora você deve ter um item da barra lateral chamado Flat Tour Builder e seus submenus.

A página do plugin base pode ser um pouco estranha no início porque você ainda não configurou um tour. Ele deseja que você escolha sua paleta de cores para o passeio. Se você sabe o que deseja, sinta-se à vontade para fazer isso agora. Caso contrário, você sempre pode voltar e escolher os tons certos.

Você também pode definir as fontes individualmente para os passeios, mas eu pessoalmente prefiro ter sim escolhido para Usar fontes do tema (e para Usar HTTPS por motivos óbvios).

Criando seu tour

Infelizmente, não existe um botão Adicionar novo na barra lateral. Você deve criar novos passeios por meio do item Passeios na barra lateral do painel.

Obviamente, as opções mais importantes com as quais você lidará estarão na página de criação do tour. E cara, você consegue muitos deles para enraizar.

Em geral, o que você está fazendo para configurar o tour inicialmente é bastante direto.

• Título - O título ficará visível apenas para você. Use isso para sua própria organização.
• Método de início - você pode configurá-lo para iniciar automaticamente no carregamento da página ou quando um usuário clicar em um elemento.
• Executar Uma Vez? - Você quer que o tour ocorra sempre que alguém entrar na página ou apenas uma vez?
• URL da página - defina uma única página para um tour. Isso é ótimo para cursos ou talvez páginas de checkout. Esta opção permite instruções específicas da página.
• Ativar no celular? - Muito direto. Seu tour é adequado para um usuário móvel?
• Ativar apenas no celular? - Ou seu tour só faz sentido para usuários móveis?

As outras duas opções

O plugin também possui duas outras opções que eu acho que merecem ser discutidas separadamente: Funções permitidas para vê-lo? e no site ou back-end?

Dependerá de quem precisa ver o tour e quais funções você escolher. Por exemplo, quando todos são escolhidos, ele aparecerá para cada visitante que aparecer, seja por pesquisa, referência ou acesso direto. Se você escolher assinante , por exemplo, pode estar limitando o acesso ao tour porque está conduzindo um membro pago por um processo para usar o produto.

Mas por que você precisa limitar o acesso apenas ao administrador ou editor ? E por que você precisaria mostrar um tour no final do seu site (o painel do WP) em vez de na frente? Duas palavras: treinamento do cliente (ou treinamento da equipe , talvez).

Quando você faz um trabalho de design ou desenvolvimento, entregar um site aos clientes às vezes é ... difícil. O treinamento pode levar muito tempo, especialmente se eles não estiverem acostumados com o WordPress ou se você tiver feito qualquer customização. Usar um construtor de tour de site no backend do seu site será uma maneira prática para eles (e uma maneira prática para você) de ver quais são as práticas recomendadas para usar o novo site.

Ou pode ser uma maneira de treinar novos membros da equipe sobre como você administra as coisas e qual será o novo fluxo de trabalho. Ou como usar um novo recurso que você adicionou. Qualquer que seja. Existem muitos usos para um construtor de tour de site de back-end.

Criando as etapas do tour

Agora que fez um tour, você o verá em sua lista geral.

Ao passar o mouse sobre o item, você verá o link Exibir etapas . Como você ainda não criou nenhuma etapa, isso o levará para uma lista vazia. Clique em Adicionar novo a ... bem, você sabe.

Você terá que inserir cada etapa de um tour individualmente porque cada etapa levará ou apontará para uma parte diferente do site ou exigirá uma ação diferente. Dentro de cada um, você pode escolher exatamente como ele se comporta em relação ao elemento ao qual está anexado, sincronizando antes de exibi-lo ou mesmo permitindo que o usuário o feche.

O que você faz com as etapas depende inteiramente de você, mas há três tipos entre os quais você pode alternar, totalmente dependente do que você tem que realizar com esse passeio.

Dica de ferramenta

Você usará uma dica de ferramenta sempre que precisar apontar um elemento específico na tela. Talvez um link ou imagem. Bom para uma série de etapas ou para garantir que o usuário saiba onde está algo importante.

Texto

As etapas de texto são ótimas para apresentar e encerrar tours, além de fornecer informações que o usuário não deve perder.

Diálogo

As etapas do diálogo são pop-ups com os quais o usuário deve interagir. Eles continuam, fecham ou aceitam um termo (ou condição!). Você pode usar isso para garantir que seu usuário esteja ciente de que está concluindo uma compra ou cancelando uma conta. Ou, como as etapas do texto, você pode querer garantir que eles viram algumas informações e exigir que eles tomem medidas para prosseguir.

Você precisa de um Construtor de turismo de site?

Bem, mesmo que você não ache isso antes, aposto que você pensou em algumas maneiras de usar um construtor em seu site. Você pode até ter um tour de uma única etapa que direciona o usuário a algo que você deseja que ele veja (talvez uma nota rápida sobre o botão de reprodução do seu episódio de podcast mais recente).

Seja qual for o motivo e como você deseja usá-lo, não é nenhum problema adicionar um tour a praticamente qualquer site WordPress.

Para que você usa os tours em seus sites?

Imagem apresentada no artigo por Andrew Rybalko / shutterstock.com