Seção de design de herói com elemento de banner de herói

O que é a Seção Heroica?

O processo de seção de herói é a área proeminente no topo de uma página da web, tipicamente caracterizada por uma imagem marcante ou fundo de vídeo acompanhado por texto impactante. É projetada para prender a atenção do usuário imediatamente.

Por que a seção Herói é importante?

A Seção Heroica desempenha um papel vital em:

• Capturando a atenção: Engaja os visitantes assim que eles acessam sua página.
• Comunicando mensagens-chave: Transmite informações importantes e mensagens da marca.
• Impulsionando conversões: Leva a maiores taxas de cliques e conversões ao orientar os usuários para uma ação específica.

No GemPages, os usuários têm duas abordagens para criar uma Seção Hero:

• Usando seções pré-projetadas: Selecione entre modelos pré-fabricados que simplificam o processo. 
• Usando elementos do Hero Banner: Utilize o elemento Hero Banner para designs mais personalizados. 

Este artigo se concentra nesta segunda opção, oferecendo uma abordagem passo a passo para criar uma Seção de Herói personalizada usando o Hero Banner Elements.

Análise da Seção de Heróis

Uma Seção de Herói bem construída normalmente inclui os seguintes elementos:

• Imagem de fundo ou vídeo: Define o tom visual e o contexto.
• Título: A declaração principal que captura a essência da sua mensagem.
• Bloco de texto: Fornece detalhes de suporte que aprimoram o título.
• Botão de chamada para ação (CTA): Incentiva os visitantes a darem o próximo passo desejado.

Como criar uma seção de herói com o elemento Hero Banner?

Vamos percorrer a melhor maneira de projetar o seu próprio Seção Hero usando o GemPages Editor v7.

Etapa 1: adicione o elemento à sua página

• Acessar o Painel GemPages > PÁGINAS.
• Clique na página de destino para abrir o editor ou clique em Começar do zero para criar uma nova página.
• Na barra lateral esquerda, procure por “banner de herói”, depois arraste e solte aquele que melhor se adapta às suas necessidades.

Cada estilo já inclui uma imagem de fundo, um título, um bloco de texto e um botão CTA.

Etapa 2: personalize o elemento

Clique no elemento para abrir suas configurações. A partir do Configurações aba, você pode configurar:

• traçado
• Contexto
• Dimensões:
• Conteúdo
• Shape
• Efeito
• de vidrio
• SEO
• Alinhar

Para mais detalhes, consulte Este artigo e comece a projetar o seu próprio Bandeira de herói seção.

Etapa 3: adicionar elementos adicionais

Para aprimorar ainda mais sua Seção de Heróis, considere adicionar os seguintes elementos:

• Letreiro: Um efeito de texto de rolagem que pode destacar promoções ou notícias.

• Imagem: Inclua imagens complementares para enriquecer a experiência visual.

• Temporizador de contagem regressiva: Inspira urgência, perfeito para ofertas por tempo limitado.