A secção Vantagens mostra uma fila de cartões, cada um com um ícone, um título e um texto curto. Use-a para as promessas que faz a todos os clientes, como entrega grátis, pagamento na entrega, pagamento seguro ou devoluções fáceis.
Adicionar a secção
- Abra o construtor e escolha Página inicial no separador Páginas.
- No separador Secções, clique em Adicionar nova secção e escolha Vantagens no grupo Marketing.
- Selecione a secção e clique em Adicionar novo bloco para adicionar um cartão Vantagem. Arraste os cartões para mudar a ordem.
Só está disponível na página inicial, uma por página, com até 8 cartões.
Configurações da secção
- Colunas no computador: quantos cartões ficam lado a lado nos computadores (1 a 6). Os cartões a mais passam para uma nova linha.
- Colunas no telemóvel: quantos cartões ficam lado a lado nos telemóveis (1 a 3). Com um, cada texto lê-se facilmente.
- Superfície: Cartão coloca cada vantagem no seu próprio painel, Simples coloca-as diretamente no fundo da secção, e Separador desenha uma linha fina entre os cartões. Os cantos, as bordas e a sombra vêm do seu tema.
- Largura da secção, Esquema de cores, Espaçamento entre cartões, Preenchimento interior e um separador CSS personalizado.
Cada cartão de vantagem
- Ícone: escolha um ícone, como um camião de entregas, um escudo ou um cadeado. Escolha Nenhum para um cartão só com texto.
- Imagem: use uma imagem sua em vez do ícone, só neste cartão. É desenhada com o tamanho do ícone.
- Alinhamento: Início ou Centro, para o ícone e a linha de destaque. O título e o texto têm o seu próprio alinhamento nos blocos de texto.
- Tamanho do ícone: o tamanho do ícone ou da imagem.
- Linha de destaque: uma linha curta por baixo do texto que fecha o cartão. Ativa por defeito.
- Efeito ao passar o rato: Elevação levanta o ícone e Escala aumenta-o quando o rato está sobre o cartão, e ambos alongam a linha de destaque. Nenhum mantém o cartão parado.
Cada cartão tem até 2 blocos de Texto: o primeiro é o título, o segundo é o texto curto. Pode estilizá-los como qualquer bloco de texto, veja Blocos Grupo, Texto, Botão e Separador: como funcionam as configurações dos componentes de disposição? O tamanho do ícone, o alinhamento, a linha de destaque e o efeito são definidos cartão a cartão, por isso pode misturá-los numa só fila.
Ideias
- Entrega e pagamento: "Entrega grátis", "Pagamento na entrega", "Devoluções fáceis" e "Apoio 7 dias por semana", com 4 Colunas no computador e 2 Colunas no telemóvel.
- Promessas da marca: "Feito à mão", "Ingredientes naturais", "Produzido localmente", com as suas próprias imagens desenhadas.
Bom saber
- Os cartões não são links, por isso o efeito ao passar o rato só move o ícone e a linha, nunca o cartão.
- Os clientes que ativaram a redução de movimento no dispositivo veem os cartões sem movimento.
- Para pequenas mensagens de confiança junto ao botão de compra na página de produto, use antes o bloco Selos. Veja Como adiciono separadores recolhíveis, datas de entrega, um guia de tamanhos, selos ou imagens antes e depois à página de produto?
- Prometa só o que oferece de verdade. Os clientes confiam nestes cartões.