Passar para o conteúdo principal

Tipos de Cards

Conheça os tipos de Cards do Editor da 46graus, veja como adicionar um Card à sua página e como excluir um Card que não quer mais.

Criar páginas na 46graus é simples e flexível. Mantemos diferentes categorias de Cards, e cada Card tem suas próprias configurações. Por isso, quando você seleciona um Card, a barra de ferramentas do Editor muda para mostrar apenas as opções relevantes daquele tipo. Isso deixa tudo mais direto e rápido para você ajustar imagens, textos, botões e o que mais precisar.


Como os Cards funcionam

Os Cards são blocos prontos que você combina para montar suas páginas. Cada Card traz controles específicos na barra de ferramentas: por exemplo, um Card de imagem mostra proporção, cantos e legenda; um Card de texto mostra alinhamento, tamanho e estilos.

💡 Dica

Pense em cada Card como uma "peça" do seu layout.

Combinar peças diferentes é o que dá ritmo e personalidade à sua página.


Principais categorias de Cards

Abaixo você encontra as categorias mais usadas e o que cada uma resolve no seu site:

Recomendados

Atalhos com os Cards mais usados e combinações sugeridas para começar rápido.
​

Texto

Perfeito para títulos, parágrafos, listas e citações.
​Defina o tom do conteúdo, ajuste títulos, alinhamento e espaçamentos do jeito que preferir.

Imagem

Destaque fotos individuais, pôsteres ou imagens com legenda.
​Deixe a imagem do seu jeito, experimente os ajustes e encontre o melhor enquadramento.

Aqui também fica o Card Antes e depois: duas versões da mesma imagem, e os visitantes arrastam o divisor para comparar.

Lista e grupo de imagens

Agrupa várias imagens em grid, carrossel ou mosaico, ideal para portfólios.
​Escolha o jeito de mostrar, teste grid ou carrossel, ajuste espaçamentos e a quantidade de colunas até ficar perfeito.

Divisores

Elementos de separação e respiro (linhas, espaçadores, separadores de seção).
​Crie respiros entre seções, controle altura, estilo e margens para organizar a leitura com conforto.

Vídeos

Coloque um vídeo na página de três formas: envie o arquivo do seu computador, cole o link do YouTube ou do Vimeo, ou reaproveite um vídeo que já está no site.

Depois escolha como ele aparece, defina a capa, a proporção e o que acontece quando o visitante clica.

Mídias sociais

Ícones e links para seus perfis ou postagens integradas.
​Deixe seus links fáceis de encontrar, selecione as redes, ajuste a ordem e o tamanho dos ícones.

Código extra

Bloco para HTML/CSS/JS quando você precisa algo fora do padrão.
​Adicione pequenos trechos de HTML/CSS/JS com responsabilidade. Escolha onde aplicar e revise antes de publicar.


Por que a barra de ferramentas muda?

Porque cada Card tem necessidades diferentes. Quando um Card é selecionado, a barra de ferramentas exibe só o que importa para ele. Assim você evita distrações e configura tudo mais rápido.

⚠️ Atenção

Se as opções do Card não aparecem na barra de ferramentas, verifique se um Card está realmente selecionado. Clique sobre o Card (ele fica destacado) para liberar as opções

corretas.

Com o Card selecionado, os ajustes de layout, cores, fundo e título ficam todos na barra de ferramentas.


Como adicionar um Card

  1. No Editor, escolha a página em que quer trabalhar.

  2. Clique em Adicionar Card e selecione a categoria desejada.

  3. Clique sobre o Card novo para abrir a barra de ferramentas.

  4. Ajuste as configurações do Card (texto, imagem, links, estilos).

  5. Salve as alterações.

💡 Dica

Intercale Cards de imagem, texto e botões para dar ritmo visual.

Isso deixa o site mais fluido, vivo e bonito sem esforço.


Exclua um Card

Mudou de ideia sobre um Card da página? Você exclui ele a qualquer momento pela barra de ferramentas do Editor.

⚠️ Atenção!
Excluir um Card remove ele por inteiro, inclusive botões

e outros elementos internos.
Não é possível excluir apenas um botão de dentro do Card.

  1. Clique sobre o Card que você quer excluir, na página do Editor.

  2. Na barra de ferramentas, que mostra as opções daquele Card, clique em Ações.

  3. Selecione Excluir.
    ​

O Card sai da página imediatamente.


Boas práticas de composição

  • Varie alturas e respiros: use espaços entre Cards para guiar o olhar.

  • Repita padrões: um título + galeria + CTA é um trio que funciona muito bem.

  • Priorize legibilidade: contraste de cor e tamanhos de fonte claros.

  • Mostre o essencial primeiro: o que você quer que o visitante faça deve aparecer logo no início da página.


Resolvendo dúvidas comuns

  • As opções sumiram, o que fazer?
    Selecione o Card de novo: é o Card selecionado que "ativa" a barra de ferramentas.

  • Por que meu Card de imagem está diferente na prévia e no site?
    Alguns layouts fazem ajustes responsivos. Veja no desktop e no mobile para garantir que o resultado está como você deseja.

  • Consigo excluir só um botão de dentro de um Card, sem apagar o Card inteiro?
    A opção Excluir sempre remove o Card inteiro: não existe forma de remover apenas um elemento específico, como um botão, de dentro dele. Se quiser manter o restante do conteúdo, exclua o Card e adicione um novo no lugar, sem o botão.

  • Qual Card usar para textos longos?
    Use Texto para títulos e parágrafos. Para organizar melhor, separe seções com Divisores ou intercale com Imagem para dar ritmo à leitura.


Precisa de ajuda?

Se ficar com alguma dúvida, chame a gente no chat de atendimento. Estamos por aqui para ajudar você a deixar tudo redondo. 😊

Respondeu à sua pergunta?