O header hero é um conjunto de elementos que fica disposto logo abaixo do cabeçalho de um website. A sua função é fazer a apresentação do conteúdo de uma forma destacada, objetiva e rápida. Geralmente o header hero é empregado nas páginas iniciais ou em landing pages.

De acordo com configuração do seu website você pode definir entre algumas das opções de hero hero apresentadas a seguir:

Shoppin-me 1: Exibe um carrossel de produtos destacados com rolagem horizontal e uma faixa de background personalizada.

Exemplo de header hero Shoppin-me 1

Produtos Destacados 1: Pode exibir um display duplo com dois produtos destacados, um banner e imagem de background.

Exemplo de header hero Produtos Destacados 1

Produtos Destacados 2: Pode exibir um display duplo com dois produtos destacados e imagem de background.

Exemplo de header hero Produtos Destacados 2

Serviços Destacados 1: Pode exibir um display duplo com dois serviços destacados, um banner e imagem de background.

Big Hero Background: Pode exibir um título, subtítulo, um botão de ação e uma imagem de background.

Exemplo de Big Hero Background

Dr. Consulta-me: Exibe uma box com informações para agendamento de consultas e uma imagem de background.

Exemplo de header hero Dr. Consulta-me

1 Para definir uma opção de header hero para o seu  website, basta acessar a Personalização de Aparência. No painel clique no menu: Aparência / Personalizar.

Menu Aparência / Personalizar.

2 Para definir entre as opções de header hero que deseja utilizar em seu site clique na opção: Configurações de layout.

Após efetuar as alterações clicar no botão “Publicar”, que fica posicionado no canto superior direito do menu de personalização do site.

3 Após a selecionar uma opção de header hero basta clicar em: Editar Header Hero para gerenciar as propriedades.

Menu de edição do header hero.