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 da janela Adicionar Card, na ordem em que aparecem na tela, e o que cada uma resolve no seu site:

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.

Banner rotativo

Várias imagens e vídeos no mesmo espaço da página, em dois formatos: Banner, com um item por vez ocupando toda a largura, e Carrossel, com vários itens lado a lado.

Listas e grupos de imagens

Agrupa várias imagens no mesmo Card, em quatro formatos: Composição de imagens (duas ou três fotos em volta de um título), Lista de itens (vários itens no mesmo formato, como serviços ou integrantes da equipe), Mosaico de fotos (muitas fotos em uma única grade) e Logos (de clientes, parceiros ou prêmios).

Escolha o formato que combina com o seu conteúdo e ajuste os espaçamentos até ficar do seu jeito.

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.

Formulários

Formulários de contato, orçamento e captação de contatos direto na página, para o visitante falar com você sem sair do site.

Depoimentos

Mostre na página o que seus clientes dizem sobre o seu trabalho.

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.

❗ Aviso:
​Mídias sociais e Códigos extras aparecem como Em breve.
Quando forem liberadas, você adiciona as duas por aqui.


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 não consigo abrir Mídias sociais nem Códigos extras?
    As duas categorias aparecem com o selo Em breve na janela Adicionar Card e ainda não abrem. Quando forem liberadas, passam a funcionar como as outras categorias.

  • 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?