A maioria dos criadores de páginas separa a edição da verificação do resultado: fazes uma alteração e depois abres um segundo separador, ou entras num “modo de pré-visualização” à parte, para ver como fica de facto. O editor de páginas bio da UseClick salta esse passo. A pré-visualização em formato de telemóvel faz parte do próprio editor, aparece junto aos teus controlos desde o início e atualiza-se no instante em que fazes uma alteração.
Isto importa porque uma página bio é, na prática, um único ecrã de telemóvel. Cada decisão de design, a cor de um botão sobre um fundo, como o texto de um link quebra nessa largura, se a cor de texto padrão de um tema continua legível, só se avalia corretamente à largura de um telemóvel. Editar às cegas e verificar depois significa detetar problemas depois de acontecerem. Editar ao lado de uma pré-visualização em tempo real significa detetá-los no momento.
A pré-visualização não é uma simulação a correr sobre código diferente do da tua página pública. O que é renderizado na moldura de telemóvel do editor é exatamente o que um visitante vê ao abrir o URL da tua página bio: o mesmo layout, o mesmo tema, a mesma ordem de links, as mesmas cores. Não há diferença entre os dois a considerar.
Como funciona a pré-visualização em tempo real
A pré-visualização atualiza-se seguindo o mesmo ciclo de editar e renderizar, seja qual for a alteração. Esta é a sequência para qualquer alteração, desde abrir o editor até um visitante ver o resultado.
Abre o editor
A pré-visualização em formato de telemóvel carrega ao lado dos teus controlos de edição, já a mostrar o estado ao vivo atual da tua página bio, ou um layout inicial vazio se estiveres a criar uma página nova.
Faz uma alteração
Adiciona um link, arrasta um link ou bloco de conteúdo para outra posição, escolhe um tema diferente ou ajusta uma cor a partir da paleta de amostras ou de um seletor de cor nativo.
Vê a atualização a acontecer
A moldura de telemóvel atualiza-se de imediato: sem recarregar, sem um interruptor de “pré-visualização” à parte para clicar, sem atraso enquanto um processo em segundo plano se atualiza.
Já está guardado
A mesma alteração que acabou de atualizar a pré-visualização foi guardada automaticamente na tua página bio ao vivo nesse mesmo instante. Não existe um rascunho separado do que está público, a pré-visualização e a página ao vivo partilham um único estado.
Sem passo de publicação a lembrar
Não há nenhum botão para clicares para uma alteração ficar visível, e nada se perde se fechares o separador a meio de uma edição. O que quer que tenhas alterado já é o estado atual da tua página, quer alguém já tenha o teu URL, quer não.
Continua a editar quando quiseres
Isto não muda depois de a tua página ter visitantes. Volta uma semana ou um ano depois para reordenar um link, mudar de tema ou ajustar uma cor, e obténs a mesma gravação instantânea e a mesma atualização imediata da pré-visualização que tiveste na tua primeira edição.
O que se atualiza instantaneamente
Quatro tipos de alterações, quatro coisas diferentes que vale a pena verificar no momento em que as fazes.
Adicionar um link
Um novo link aparece de imediato na pré-visualização, já com o tema e os ícones atuais da tua página, para veres se o texto do link cabe numa linha dentro do botão ou se vai quebrar de forma estranha, antes de ficar ao vivo.
Reordenar links e blocos
Links e blocos de conteúdo partilham uma única lista ordenada. Arrasta um elemento para uma nova posição, ou usa as setas para cima e para baixo, e a pré-visualização reflete a nova ordem de imediato, a única forma fiável de perceber o que fica realmente visível sem ser preciso deslocar num ecrã de telemóvel.
Mudar de tema
Cada um dos 17 temas incluídos altera quatro coisas ao mesmo tempo: fundo, cor de preenchimento e de texto dos botões, se o texto da página é claro ou escuro, e a forma dos botões. Mudar de tema atualiza as quatro coisas em simultâneo na pré-visualização, para veres o resultado conjunto, não propriedade a propriedade.
Mudar uma cor
Escolher uma amostra ou um valor hexadecimal personalizado para o fundo, um botão ou o texto atualiza esse elemento de imediato na pré-visualização, para veres como uma cor personalizada interage com o ícone e a cor de texto já definidos, sem teres de adivinhar o contraste apenas a partir de um código hexadecimal.
Pré-visualização e página ao vivo são idênticas
A pré-visualização não é só rápida, é o mesmo resultado da página pública.
Sem ambiente de testes
Não existe um URL de testes ou um link de rascunho à parte para comparar com a produção. A pré-visualização do editor e a página ao vivo são duas vistas do mesmo estado da página, que se atualizam em conjunto no instante em que fazes uma alteração; não há uma ação de publicação separada que leve uma à outra.
Mesmo URL, sem desfasamento de cache
O URL da tua página bio mostra sempre exatamente a página que estás a ver na pré-visualização, porque cada alteração é escrita diretamente no mesmo registo de onde o URL lê. Não há atraso de propagação nem uma versão antiga em cache com que os visitantes possam deparar-se entretanto.
Sem modo de pré-visualização separado para ativar
A pré-visualização não é um interruptor que ativas ocasionalmente para verificar o teu trabalho. Faz parte do próprio editor, visível desde a tua primeira alteração numa página nova até qualquer alteração seguinte, sem nenhum passo de publicação pelo meio.
Quem depende da pré-visualização em tempo real
Quem edita uma página bio beneficia de ver as alterações instantaneamente, mas é nestas situações que mais importa.
Criadores a lançar uma página nova
Ao construir uma página do zero, vês o perfil, os links e o tema a juntarem-se na pré-visualização antes de partilhares o teu nome de utilizador publicamente.
Pequenos negócios a personalizar uma página para um local
Ajustar as cores de uma página bio a uma montra ou a uma ementa é mais rápido quando vês a cor exata do botão e do fundo em conjunto na pré-visualização, em vez de alternares entre um seletor de cor e uma página ao vivo à parte.
Agências que gerem páginas para vários clientes
Com até 20 páginas bio numa única conta no plano Business, cada página tem a sua própria pré-visualização independente, por isso alterações na página de um cliente nunca arriscam afetar como a página de outro cliente aparece ao vivo neste momento.
Organizadores de eventos a construir uma página para um lançamento único
Uma página feita para um evento ou lançamento de curta duração é reordenada e reformulada até ao último momento. Cada alteração é guardada automaticamente assim que a fazes, e a pré-visualização permite finalizar a ordem dos links e as cores nos minutos antes de partilhares o URL da página, sem que nenhum visitante veja alguma vez a versão a meio caminho.
Quem muda de tema para uma campanha sazonal
Trocar de tema para uma promoção de época implica verificar a legibilidade contra um novo fundo antes de ficar ao vivo. A pré-visualização mostra toda a mudança de tema, fundo, botões, cor de texto, em conjunto, e não como alterações separadas para verificar uma de cada vez.
Equipas que entregam uma página a outra pessoa para terminar
Como a pré-visualização faz parte do editor e não é um passo à parte, quem continuar o trabalho, um colega, um cliente, um freelancer, vê exatamente a mesma vista atualizada em tempo real que a pessoa que começou a página, sem nada extra para configurar.
Porque é que isto importa mais do que parece
É um pequeno detalhe técnico com um efeito real na confiança com que partilhas uma página.
Os erros são detetados antes de os visitantes os verem
Como a pré-visualização espelha a página ao vivo com exatidão, tudo o que parecer errado ali, ordem dos links, uma cor que não resulta, um tema que entra em conflito com a tua foto de perfil, é exatamente o que pareceria errado a um visitante. Corriges no editor, não depois de alguém tirar um print.
Elimina o ciclo de alterar e verificar em separado
Construtores de páginas que só permitem verificar o trabalho abrindo a página ao vivo em separado transformam cada pequeno ajuste numa ida e volta: alterar, mudar de separador, encontrar um problema, alterar de novo. A pré-visualização em tempo real reduz tudo isto a um único ciclo que nunca sai do editor.
É precisa desde uma página vazia
A pré-visualização não é útil apenas quando uma página já está quase pronta. Mostra o layout inicial vazio de uma página nova com a mesma precisão da versão final, por isso toda a construção acontece com feedback visível e fiável, não só no acabamento final.
Não há nada para configurar
A pré-visualização não é uma funcionalidade opcional nem uma definição para ativar. É a vista predefinida do editor, presente em cada página bio que crias, em qualquer plano.
Vês a página inteira, não só a parte que estás a editar
A pré-visualização mostra sempre a página completa, perfil, ícones sociais, cada link e bloco, não apenas o elemento que estás a alterar naquele momento. É isso que a torna útil para detetar problemas que uma pré-visualização ao nível de componente não apanharia, como um novo botão que entra em conflito com links adicionados antes.
Funcionalidades relacionadas
A pré-visualização em tempo real é uma parte do construtor de páginas link-in-bio completo, onde temas, blocos de conteúdo, personalização por link e estatísticas ao nível da página convivem no mesmo editor.
Para saberes o que um tema realmente muda ao aplicá-lo, fundo, cor do botão, cor do texto e forma ao mesmo tempo, consulta Temas da página bio.
Geres mais do que uma página bio? Cada uma tem o seu próprio editor e pré-visualização independentes, mais informação em Várias páginas bio sobre os limites de páginas por plano.
Ou consulta a lista completa de funcionalidades .