No momento, o Vimeo OTT oferece alguns temas de sites, todos personalizáveis.
Neste artigo
Como escolher ou mudar o tema do meu site?
Siga estas etapas para selecionar um tema para o seu site:
- Para escolher e editar um tema, é necessário um produto de assinatura com vídeos criados e seu repasse conectado primeiro.
- No administrador do Vimeo OTT, navegue até Distribution > Platforms > Website settings.
- Na página "Website Settings", você verá o tema selecionado. Clique em Switch Theme para ser levado à página "Themes".
- Selecione o tema. Uma descrição do que cada tema inclui aparecerá ao lado da miniatura. Para uma prévia, clique em Live preview.
- Clique no botão Select Theme para escolher esse tema.
- Você poderá então editar o tema selecionado no botão Edit Theme.
Se você escolher um tema, fizer edições e depois decidir mudar de tema, as edições feitas serão perdidas.
Como posso personalizar o tema do meu site?
Para que as alterações feitas no editor de temas apareçam, o produto deve ser publicado. Além disso, cada item na lista "Getting Started" (no canto superior direito do seu administrador) também deve ser concluída.
Depois de escolher o tema do seu site, você pode personalizá-lo ainda mais usando o editor de temas. Navegue até Manage > Theme Editor.
Ao longo do lado esquerdo, há um painel onde você pode editar vários componentes do seu site, enquanto o resto da janela é uma prévia do site.
Você pode clicar em Exit para sair do editor de temas a qualquer momento sem salvar as alterações. Clicar em Publish publicará todas as alterações feitas no seu site ao vivo.
Abaixo dessas opções está Preview, que abre uma versão de rascunho do seu site com todas as alterações feitas antes da publicação. Se você não gostar de alguma alteração, clicar em Revert reverterá o seu site para a versão já publicada.
Abaixo destas há várias configurações para diferentes áreas do seu site. Clique na seta para baixo à direita de cada um para expandir o respectivo painel (clique novamente para recolher o painel).
Muitas das configurações escritas (como títulos e descrições) terão um menu Add translations abaixo. Clique nele e escolha um idioma para adicionar uma tradução para essa opção. Qualquer usuário que selecionar o idioma no seletor de idiomas na parte inferior do seu site verá este texto em vez do inglês padrão. Veja se você ativou as traduções nas configurações do seu site para que ela funcione.
Configurações do site
Essas configurações são geralmente o que as pessoas veem quando procuram o seu site em buscadores como o Google.
- Site title - o título é visto nos buscadores e no topo da janela do navegador quando alguém visita o seu site.
- Site description - aparece quando o seu site aparece nos resultados das buscas.
- Facebook page - um link para uma página do Facebook pode ser incluído quando o seu site aparecer nos resultados das buscas.
- Twitter username - um link de perfil do Twitter pode ser incluído quando o seu site aparecer nos resultados das buscas.
- Primary site color - especifique a cor da sua marca para usar nos botões e controles do player.
Opções globais
- Browser tab icon (square) - aparece na aba do navegador ao lado do título do seu site.
-
Bookmark icon (square) - aparece nos aparelhos móveis se alguém adicionar seu site à tela inicial do aparelho.
- ⚠️ Atenção: os formatos de arquivo aceitos para ambos os ícones acima são .jpeg, .png, e .gif; no momento, arquivos .ico não são aceitos.
- Primary button colors - é a cor de vários botões do site, como “Start your free trial” e Start watching.”
- Nav background color - se refere à cor da barra de navegação que atravessa o topo do site.
- Nav text color - a cor do texto na barra de navegação superior que vincula a outras áreas do site (como “Browse”, “Forums”, “Search”), bem como outros links que você pode adicionar (discutidos abaixo).
- Nav logo image - carregue uma imagem do seu logotipo para aparecer no canto superior esquerdo do site. Aceitamos arquivos PNG com fundo transparente. O site ajustará automaticamente a imagem para caber no espaço; imagens horizontais funcionam melhor.
- Nav background image - em vez de uma cor, você pode carregar uma imagem no lugar do menu de navegação principal. Arquivos JPG, PNG e GIF são aceitos. Como padrão, formatamos essa imagem para preencher toda a área de navegação.
- Tile background image - se você preferir que sua imagem de plano de fundo de navegação seja repetida em mosaico, escolha esta opção.
- Show gifting link - inclui um link para oferecer uma assinatura de presente diretamente na página inicial.
- Add nav link - para adicionar URLs customizados à navegação superior, como uma loja online ou suas páginas nas mídias sociais, clique em + Add e inclua o título (que aparece na navegação) e o URL completo como link (incluindo "http://" ou "https://", dependendo do protocolo usado pelo seu site). Você pode adicionar quantos quiser, mas lembre-se de que mais de três itens deixa o menu confuso.
-
*NOVO* Customize Font — permite que você selecione de uma lista com mais de 100 das fontes mais populares do Google para aplicar em todo o site.
As opções de personalização restantes no editor de temas variarão de acordo com o tema que você selecionar. Os temas em que cada seção está disponível são especificados entre parênteses.
Banner do Site
Aqui é onde você poderá customizar um banner que aparecerá em todas as páginas do seu site. Você pode usá-lo para destacar as principais atualizações do site, promoções de feriado e muito mais!
Nesta seção, você pode:
- Ative e desative o banner
- Deixar um texto e um subtexto para o título
- Deixar um URL para o qual todo o banner será direcionado
- Selecionar cores específicas para o fundo e para os textos do banner
💡Dica: o banner pode ser mais estilizado com SEO customizada. As classes para os elementos de banner são:
.custom-banner--container, .custom-banner--header, .custom-banner--subtext
Navegue as opções (Bullion, Moonstone, Obsidian, Onyx, Topaz)
Aqui é onde você pode optar por mostrar categorias criadas automaticamente para suas coleções Movies e Series. Você pode ativar e desativar essas categorias aqui, bem como nas configurações gerais do seu site.
⚠️Atenção: no tema Moonstone, o conteúdo na página inicial aparece na aba Content, onde somente suas coleções aparece.
Promoção de Herói (Bullion, Obsidian, Onyx, Topaz)
Isso personaliza o topo do seu site e pode incluir recursos como imagem de fundo, título, descrição e preços.
Opções de herói (Moonstone)
Semelhante ao Hero Promotion em outros temas, com mais opções para o plano de fundo da sua página inicial e menos texto.
Atenção: esse tema usa a miniatura do seu produto de assinatura como a imagem principal que aparece na página inicial. Para alterar, você precisará alterar a miniatura no seu produto.
Mais informações (Onyx)
Uma descrição do conteúdo que você oferece, com um campo opcional para captura de e-mails.
Guia do carrossel 1, 2, 3 (Topaz)
As três (3) abas do carrossel incluem conteúdo promocional para o seu site, como o tipo de conteúdo que os espectadores verão. Todas as abas incluirão um botão que liga à sua página de finalização de compras; a aba de carrossel 3 também traz a opção de mostrar aparelhos (p. ex. “Assista em qualquer lugar”). Todos permitem que você personalize texto, imagem de fundo e sobreposição de cores.
Lista de e-mails (Obsidian, Topaz)
Escolha se deseja deixar o cadastro na lista de e-mails e personalize o texto.
Promoções (Obsidian)
Ative e desative uma seção promocional da sua página inicial. Isso pode incluir descrições sobre o que seu produto oferece e por que as pessoas devem assinar. Você pode adicionar quantas quiser.
Seções de conteúdo 1, 2, 3, 4, 5 (Onyx)
Adicione até cinco (5) seções promocionais à página inicial do seu site, que podem incluir uma imagem, título, descrição ou botão para uma parte específica do seu site (como "/browse"). Isso criará uma subnavegação para os seus visitantes conforme eles rolarem para baixo, que incluirá o título curto de cada seção.
Cronograma (Obsidian)
Você pode optar por mostrar o cronograma de conteúdo, como quando novos episódios serão lançados.
Pré-visualização do conteúdo (Bullion, Obsidian)
Mostre alguns dos seus vídeos na página inicial do seu site. Você pode então escolher exibir miniaturas de vídeo, miniaturas de coleção ou imagens e links customizados. As miniaturas da coleção terão um link para uma página de prévias do conteúdo dentro da coleção, e o visitante do site poderá assistir ao trailer correspondente, se disponível. Imagens customizadas permitirão que você adicione manualmente um link para ser associado a uma determinada imagem. As miniaturas de vídeo não terão links para nenhum lugar.
Dispositivos (Bullion, Obsidian, Onyx)
Se você tem aplicativos de marcas, é bom divulgar que seus espectadores podem assistir em qualquer aparelho; essa área mostra um título e uma descrição customizados. Você pode então carregar uma miniatura específica para cada aparelho que aparece – TV, tablet, telefone, laptop – se você resolver apresentar essa área. Se você não carregar nenhuma miniatura, aparecerá a imagem de fundo principal do seu site. (💡Dica: o tema Topaz inclui isso na seção “Carousel tab 3”)
Compre produtos (Onyx, Topaz)
Seus produtos de TVOD, caso você tenha algum, estarão nessa seção automaticamente. Personalize o título e as cores da seção, ou escolha ocultá-la.
Rodapé (Obsidian)
Um cabeçalho de encerramento (Como “Assine agora!”) e linha de descrição (Como “Pronto para começar?”) na parte inferior da sua página inicial
Contato (Bullion)
Uma área a mais para incluir os dados para contato (como “Dúvidas? Escreva para support@vhx.tv") com a opção de personalizar a cor do fundo da seção e adicionar uma imagem.
Links de rodapé (Bullion, Moonstone, Obsidian, Onyx, Topaz)
Adicione links customizados para qualquer lugar na web, além dos links padrão que aparecem na parte inferior da página (Forums, Help, Terms, Privacy, Cookies, Sign Out).
⚠️ Atenção: use o URL completo, incluindo "http://" ou "https://", dependendo do protocolo que seu site usa como prefixo, nos seus links para garantir que eles apareçam. Se você não incluir o protocolo, o link não funcionará.
Estilos personalizados (Bullion, Moonstone, Obsidian, Onyx, Topaz)
Você pode aplicar CSS customizado ao seu site na caixa de texto aqui.