Os cards de banner rotativo ajudam você a exibir várias imagens em um mesmo espaço da página. Eles podem aparecer como um banner, com imagens que mudam na tela, ou como um carrossel, com itens lado a lado para o visitante navegar.
Esse tipo de card é uma boa opção para destacar projetos, coleções, serviços, chamadas importantes ou imagens que precisam ter mais presença no site. Veja como editar o conteúdo e ajustar os controles do card no editor.
Veja exemplos de uso
No exemplo abaixo, o card aparece como um banner rotativo. Ele ocupa uma área ampla da página e destaca uma imagem por vez.
O mesmo card também pode aparecer em formato de carrossel. Nesse formato, várias imagens ficam visíveis na tela e o visitante pode navegar entre elas.
💡 Dica!
Use o banner rotativo para uma área de destaque, como o topo da página.
Use o carrossel quando quiser mostrar vários itens com a mesma importância visual.
Menu lateral do card
No editor, clique sobre o card de banner rotativo. Quando a imagem do banner ocupa a tela inteira, o menu lateral aparecerá com três áreas principais: Conteúdo, Ajustes e Card.
A opção Conteúdo permite editar as imagens e os itens do card.
A opção Ajustes permite personalizar o visual, os controles e a proporção.
Já a opção Card, na parte inferior do menu, abre os ajustes gerais do card como um todo.
Visual em Item
Na tela Item, você poderá configurar:
Layout de informações: escolha como título e descrição aparecem sobre a imagem. Selecione Nenhum para mostrar apenas as imagens.
Estilo de Hover: escolha o efeito que aparecerá ao passar o mouse. Você poderá usar Nenhum, Escala ao passar o mouse, Gradiente ou Desfoque.
Transição de slide: escolha o estilo da troca entre as imagens.
Velocidade da Transição: ajuste a velocidade do movimento entre um item e outro.
💡 Dica!
Se o card tiver texto sobre a imagem, escolha uma foto
com áreas mais limpas ou use um layout que facilite a leitura.
Controles do card
Para escolher como o visitante navegará pelo banner ou carrossel, acesse Ajustes e clique em Controles.
Nessa tela, você poderá escolher o Estilo de Controle, ativar ou desativar a Reprodução Automática e ajustar a Velocidade da Reprodução Automática.
No primeiro campo você escolhe o layout do controle do seu Banner. Há algumas opções com setas, minitaturas das imagens, etc.
Quando a Reprodução Automática estiver ativa, o card trocará os itens sozinho. Quando estiver desativada, o visitante usará os controles para navegar entre as imagens.
Escolha a proporção
A proporção define o formato e a altura visual do card na página. Para ajustar essa área, acesse Ajustes e clique em Proporção.
Você poderá escolher formatos horizontais, quadrados, verticais ou opções que usam a altura da tela.
Para banners de destaque, escolha uma proporção mais horizontal ou uma opção com altura da tela. Para carrosséis com imagens verticais, use uma proporção que preserve melhor o formato das fotos.
Ajustes gerais em Card
Na parte inferior do menu lateral, clique em Card para acessar os ajustes gerais do card.
Essa área reúne configurações que afetam o card como um todo. Você poderá acessar:
Alterar layout, para trocar a estrutura do card.
Cores e fundo, para ajustar a aparência geral.
Mostrar, para definir quais elementos aparecerão.
Ações, para configurar comportamentos e links do card.
Esses controles seguem a mesma lógica dos outros tipos de card do editor. Use essa área quando quiser ajustar o card completo, e não apenas os itens do banner rotativo.
💡 Dica!
Depois de configurar o conteúdo, o estilo dos itens, os controles e a proporção, revise o card na página e teste a navegação. Assim, você garante que as imagens aparecem no ritmo certo e que o visitante consegue explorar o conteúdo com facilidade.
Resolvendo dúvidas comuns
Posso usar o card como banner no topo da página?
Sim. Para isso, escolha uma proporção mais horizontal ou use Altura da Tela, caso queira um destaque maior.
Posso transformar o card em carrossel?
Sim. O card poderá ter aparência de carrossel conforme o layout, a proporção e os controles escolhidos. Use os ajustes de Item, Controles e Proporção para chegar ao resultado desejado.
Posso desativar a troca automática das imagens?
Sim. Acesse Ajustes > Controles e desative a opção Reprodução Automática.
Posso mostrar apenas imagens, sem título ou texto?
Sim. Em Ajustes > Item, vá até Layout de informações e selecione Nenhum.
Precisa de ajuda?
Os cards de banner rotativo são uma ótima forma de deixar seu site mais visual, dinâmico e convidativo. Com os ajustes de conteúdo, controles, transição e proporção, você poderá criar desde um banner de destaque até um carrossel com vários projetos.
Se tiver qualquer dúvida ou dificuldade para configurar esse card, chame nossa equipe pelo chat de atendimento. Vamos te ajudar a deixar tudo do jeito que você imaginou.