Principais conclusões
- Elementor não tem widget de roteiro, então um roteiro Elementor geralmente é construído com um widget de linha do tempo, onde cada item é um recurso ou fase.
- O widget Linha do tempo dos complementos mestres permite que cada item mostre um rótulo personalizado em vez de uma data, o que se adapta aos status do roteiro, como Enviado, Em andamento, Próximo e Exploração.
- Um roteiro de produto público funciona melhor com rótulos de status ou trimestres, porque as datas exatas em um roteiro se transformam em promessas que os clientes lembram.
- O widget Linha do Tempo pode exibir um roteiro verticalmente com alinhamento Esquerda, Centro, Sobreposição ou Direita, ou como um carrossel horizontal com setas.
- O estado focado na guia Estilo do widget Linha do Tempo dá ao item que um visitante rolou para seu próprio fundo de cartão e cor de ponto.
Uma página de roteiro do Elementor mostra aos clientes o que você enviou, o que você está construindo e o que vem a seguir. elementar não inclui um widget de roteiro, mas um roteiro é uma linha do tempo com status no lugar das datas, portanto, um widget de linha do tempo faz o trabalho Este guia usa o Widget de linha do tempo de complementos mestres.
O exemplo é um roteiro de software de quatro itens: Enviado, Em andamento, Avançar e Explorar A mesma compilação funciona para um plano de curso, um cronograma de construção ou um processo de integração Você irá configurar os itens, trocar datas por rótulos, escolher um layout e estilizar as fases.
Índice
O que acontece em uma página de roteiro de produto
Uma página de roteiro de produto lista o trabalho planejado em ordem de quão perto está para liberar Cada entrada precisa de três coisas: um status, um nome curto e uma frase sobre o que o cliente recebe.
A maioria dos roteiros públicos utiliza um dos dois sistemas para o status:
| Sistema | Exemplos de rótulos | Use-o quando |
|---|---|---|
| Etiquetas de status | Enviado, Em andamento, Próximo, Explorando | Você não quer se comprometer com datas |
| Baldes tempo | 1o trimestre de 2027, 2o trimestre de 2027, posterior | Você planeja em quartos e pode ficar atrás deles |
| Datas exatas | 14 de março de 2027 | A data é fixa, como um evento ou um lançamento |
Etiquetas de status são a escolha mais segura para software Uma data escorregada em uma página pública é capturada na tela, e uma etiqueta como “Next up” não pode escorregar.
Como construir o roteiro no Elementor
Você precisa de complementos Elementor e Master O roteiro em si é um widget de linha do tempo definido como linha do tempo personalizada.
Passo 1: Planeje as fases
Escreva a lista antes de abrir o editor Quatro a oito itens é suficiente Para este exemplo:
| Etiqueta | Característica | Descrição de uma linha |
|---|---|---|
| Enviado | Redesenho check-out | Check-out de uma página com carrinhos salvos. |
| Em andamento | Espaços de trabalho em equipe | Projetos, funções e comentários compartilhados. |
| Próximo | Aplicativo móvel | Aplicativos iOS e Android com modo offline. |
| Explorando | API pública | Webhooks e uma API REST para integrações. |
Passo 2: Adicionar o widget Linha do tempo
Edite sua página de roteiro com Elementor, procure no painel de widgets Linha do tempo e arraste-o para a página Mantenha Tipo de linha do tempo em Linha do tempo personalizada. O widget começa com três itens de amostra. Usar Adicionar Item para um quarto, ou o ícone duplicado numa linha para copiar um.
Novo no widget? Como criar uma linha do tempo no Elementor caminha por todos os controles.
Passo 3: Substitua as datas por rótulos personalizados
Abrir o primeiro item. Alterar Mostrar da Data a Etiqueta personalizada, então digite o status no Etiqueta campo. no editor de conteúdo, faça da primeira linha um título com o nome do recurso e escreva a descrição abaixo dele.
Repita para cada item. O opcional link o campo torna um cartão inteiro clicável, o que é útil para enviar um recurso enviado para sua postagem de lançamento ou seus documentos.
Etapa 4: escolha um layout
O layout central acima alterna as cartas esquerda e direita Dois outros layouts se adequam bem a um roteiro.
Alinhado à esquerda. Na guia Estilo, abra traçado e definir Alinhamento Horizontal para a Esquerda Cada cartão fica de um lado com sua etiqueta dentro dele Isso parece uma lista, que é mais fácil de digitalizar quando as descrições são mais longas.
Horizontal. Na guia Conteúdo, defina Estilo de linha do tempo para Horizontal Linha do Tempo As fases se tornam um carrossel com os rótulos acima da linha Isso leva uma linha, por isso cabe em uma página inicial ou sob uma tabela de preços.
As configurações do carrossel são abordadas como criar uma linha do tempo horizontal no Elementor.
Passo 5: Estilo as fases
Abra a guia Estilo e trabalhe em quatro seções.
- Cartões: preenchimento, raio da borda e cores do título e do conteúdo A guia Focada estiliza o cartão para o qual o visitante rolou.
- Datas: tipografia e cor para os rótulos de status Ousado com uma cor de marca os faz ler como tags.
- Linha: o plano de fundo é a faixa completa e a cor do progresso é preenchida à medida que o visitante rola.
- Pontos: um ponto, um ícone ou uma imagem, com cores padrão, hover e focalizadas separadas.
Cada item também tem sua própria guia Estilo no painel Conteúdo, para configurações de pontos e cores apenas nesse item Use-o para dar ao item Enviado uma cor de ponto diferente do resto, para que o trabalho finalizado fique visível rapidamente.
Quer ver mais layouts primeiro? O Widget Linha do tempo do elementador page tem demonstrações ao vivo, incluindo um roteiro horizontal.
O que colocar em torno do roteiro
Uma página de roteiro lê melhor com um pouco de contexto acima e abaixo da linha do tempo.
- Uma introdução curta isso diz com que frequência a página é atualizada.
- Um link de feedback na linha do tempo, para um formulário ou quadro de solicitação de recursos.
- Um changelog para o que já foi enviado. O Widget de changelogs lista entradas de versão na mesma página.
- Números, se os tiver Uma fila de Contrapor os widgets podem mostrar recursos enviados este ano.
- Um indicador de progresso para um grande projeto, usando o Widget da Barra de Progresso.
Se o roteiro for apenas para clientes, o guia de condições de exibição mostra como ocultar uma seção de visitantes logados.
Perguntas frequentes
Elementor tem um widget de roteiro?
No. Elementor e Elementor Pro não têm roteiro ou widget de linha do tempo A maioria dos roteiros Elementor são construídos com um widget de linha do tempo a partir de um addon, com cada item usado como uma fase ou recurso.
Posso mostrar um roteiro sem datas no Elementor?
Sim. No widget Linha do tempo dos complementos mestres, defina Mostrar como rótulo personalizado em cada item e digite um status como Enviado ou Próximo. O rótulo substitui a data ao lado do ponto.
Um roteiro público deve ser vertical ou horizontal?
Use vertical quando cada fase tem algumas linhas de descrição, e horizontal quando o roteiro é uma pequena faixa de três a seis fases dentro de outra página O widget Linha do tempo alterna entre eles com o controle Estilo Linha do tempo.
Como faço para marcar um item de roteiro como feito?
Altere seu rótulo para Enviado e dê-lhe uma cor de ponto diferente na aba Estilo do próprio item Você também pode adicionar um Link ao post de lançamento para que os visitantes possam ler o que mudou.
Pensamentos finais
Um roteiro Elementor é um widget Linha do tempo com quatro a oito itens Linha do tempo personalizada, Mostrar definido como Etiqueta personalizada e um status em cada campo Etiqueta Escolha o centro, esquerda ou horizontal para o layout e, em seguida, use as seções Cartões, Datas, Linha e Pontos para fazer o trabalho enviado ficar à parte do trabalho planejado.
Comece com uma demonstração no Página do widget da linha do tempo e substitua os itens de amostra por suas próprias fases.
Leitura relacionada
