Sobre a seção Parallax e o elemento Parallax do Hero Banner do GemPages
Uma seção de paralaxe é uma técnica de design em que o fundo se move em uma velocidade ou direção diferente do conteúdo em primeiro plano, criando uma ilusão de profundidade e movimento sutil ao rolar.
Esse efeito não apenas melhora o apelo visual, mas também oferece benefícios para a otimização da taxa de conversão (CRO), tornando a experiência do usuário mais envolvente e envolvente.
No GemPages Editor v7, você pode projetar sua seção de paralaxe em um piscar de olhos usando os recursos disponíveis Banner de Herói Parallax elemento.
Como adicionar um Hero Banner Parallax à sua página?
Vamos explorar como adicionar um Hero Banner Parallax à sua página usando o GemPages e personalizá-lo do seu jeito.
- No seu administrador do Shopify, acesse o Painel GemPages > PÁGINAS.
- Localize a página de destino ou clique Começar do zero para abrir o editor.
- Na barra lateral esquerda, pesquise por “hero banner parallax” e arraste e solte o elemento na posição de sua preferência na página.
Configurar a guia Configurações
Clique no elemento para abrir suas configurações. No Configurações aba, você pode configurar:
traçado
O GemPages oferece 12 layouts para você selecionar para o parallax do seu banner principal. Escolha o layout desejado no painel ou insira a proporção manualmente.
Contexto
Defina o plano de fundo para o elemento, incluindo:
- Cor: Escolha na amostra de cores, insira um código de cor ou use o seletor de cores para definir a cor de fundo.
- Imagem: Você pode carregar uma nova imagem ou navegar pela sua galeria.
- Vídeo: Use um vídeo do YouTube ou selecione Hospedagem de vídeo para definir um fundo de vídeo para seu elemento.
Dimensões:
Personalize o tamanho do elemento ou clique em Como fonte de banner para ajustar automaticamente a largura e a altura do paralaxe do banner do herói.
Conteúdo
Ajuste a largura, o preenchimento e o alinhamento do conteúdo do elemento nesta seção.
Shape
Sob o Shape seção, você pode adicionar uma borda, ajustar o raio do canto e adicionar um efeito de sombra para sua seção de herói.
Efeito
Para adicionar um efeito de foco, clique em Efeito para expandir o painel. A partir daí, você pode modificar a opacidade da sobreposição e alterar a cor para melhor visibilidade.
de vidrio
Ative esta seção e escolha uma ação depois que os usuários clicarem no seu banner de herói no menu suspenso:
- Abrir página
- Vá para
- Abrir pop-up
- Enviar email
- Fazer chamada telefônica
Por exemplo, se você escolher o Abrir página ação, você pode inserir um link de página ou selecionar na lista de páginas. Em seguida, defina Abra uma nova guia e Seguindo link = Sim/Não, como preferir.
SEO
Para melhorar o SEO da sua página, você deve adicionar o texto alternativo e o título da imagem neste SEO seção.
Alinhar
Alinhamentos disponíveis que você pode escolher para seu elemento: alinhado à esquerda, alinhado ao centro e alinhado à direita.
Configurar a guia Avançado
Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.
Obrigado por seus comentários