Viagilize Vídeos

Template do Site

Viagilize

Tutoriais oficiais · Site

Artigo

Obrigado pelo aviso. O que faltou ou ficou confuso? (opcional)

Recebemos. Vamos rever este vídeo.

1 visualização · · 5:01

Neste vídeo você vai conhecer a tela Template do Site, onde se escolhe o visual do site público. É a cara que o seu cliente vê quando abre o endereço da sua agência.

Capítulos

Este vídeo responde

  • Como escolho o template do meu site?
  • Como troco o layout do menu superior do site?
  • Como coloco um carrossel no banner da home?
  • Como mudo o formato dos cards de excursão?
  • Como personalizo as cores do rodapé?
  • Qual a diferença entre os templates Moderno Escuro e Moderno Claro?
  • Como faço para a logo aparecer no centro do menu?
  • Como adiciono gradiente sobre a imagem do banner?
  • Como mudo o banner da página de detalhes da viagem?

#template #visual #layout #navbar #hero #banner #card #rodape #footer #aparencia #sitepublico #personalizacao #tema #design #carrossel

Transcrição

  1. Onde você está

    É a cara que o seu cliente vê quando abre o endereço da sua agência. No topo, Template do Site confirma onde você está: aqui você escolhe o visual e o layout do seu site.

  2. Escolha seu Template

    Nada do que for marcado vale antes de salvar, então dá para olhar tudo com calma. A primeira seção, Escolha seu Template, traz oito modelos prontos. Clássico é o tradicional, com banner e cards em grade, Moderno Escuro é contemporâneo em tons escuros e Luxo Dourado é preto e dourado, para serviço premium. Moderno Claro é a versão clara do Moderno, Minimalista aposta em muito espaço em branco e Neon, Arco-Íris e Aurora são escuros e vibrantes, pensados para shows e eventos noturnos. Cada modelo já vem com cores e fontes próprias, e os escuros deixam o site inteiro em modo escuro, enquanto o Moderno Claro deixa em modo claro. Logo abaixo da galeria, Características do template selecionado lista o que o modelo marcado entrega.

  3. Barra de Navegação

    Barra de Navegação define o menu do topo do site. Logo Esquerda + Menu Direita é o tradicional, Logo Central e Logo Direita mudam a posição da sua marca, Menu Abaixo joga os itens para uma segunda linha e Menu Lateral abre o menu como uma gaveta.

  4. Banner Principal

    Banner Principal é o destaque grande da primeira página. Imagem de Fundo usa uma foto ocupando tudo, Dividido (50/50) separa foto e texto ao meio e Vídeo de Fundo troca a foto por um vídeo do YouTube ou do Vimeo. Carrossel passa várias imagens, usando os slides que você cadastra na tela Hero Slides. E Minimalista dispensa a imagem, deixando só o texto. Em Efeito de Sombra/Gradiente, Ativar gradiente escurece a imagem para o texto ficar legível, e em Exibir em você decide se isso vale no computador, no celular ou em Ambos.

  5. Gradiente e sombra

    Sombra no texto faz o mesmo pelas letras do banner. Movimento da Imagem faz a foto dar um zoom lento com deslocamento e voltar, em repetição. Você escolhe entre Sem movimento, Suave, Médio e Forte.

  6. Movimento da imagem

    Cards de Viagem decide como cada viagem aparece na primeira página e nas listas do site.

  7. Cards de Viagem

    Vertical é o card comum, com a foto em cima, Horizontal põe a foto à esquerda e Compacto reduz tudo a uma linha. Destaque é o card grande, para promoções, Imagem Completa mostra a foto sem corte, com fundo desfocado, e Imagem Grande dá setenta por cento do card para a foto. Abaixo dos formatos ficam as opções de data. Mostrar badge de data nos cards exibe o dia e o mês no canto da foto, Mostrar data e hora de ida e volta abre duas linhas no card e Mostrar somente data de ida acompanha essa opção, ignorando a volta. Banner da Página de Viagem define como a foto de capa aparece na página de cada viagem: Hero em fundo completo, Vitrine em card centralizado, Split lado a lado ou Minimal, sem destaque. É o padrão da casa, e cada viagem pode ter o seu próprio modo na edição de conteúdo.

  8. Banner da Página de Viagem

    Rodapé escolhe o rodapé de todas as páginas do site. Completo traz quatro colunas com todas as informações, Compacto reduz a duas linhas e Minimalista deixa só o aviso de direitos e os links essenciais. Ligando Personalizar as cores do rodapé, você define fundo, texto e detalhes na mão, no lugar das cores do template.

  9. Rodapé

    Logo do rodapé é opcional e serve quando a marca do rodapé é diferente da do topo, com a Altura da logo ajustável ao lado. Prévia do rodapé mostra o rodapé de verdade, no estilo escolhido e com os seus dados, antes de gravar. O botão Atualizar recarrega essa prévia com o que está marcado na tela. Na barra de baixo, Salvar Template grava tudo de uma vez e o site muda na hora.

  10. Prévia do rodapé

    Cancelar sai da tela sem gravar nada.

  11. Salvar

    Pronto. A tela fica no menu Vitrine, em Template. Até o próximo vídeo.