Projetar uma seção de preços eficaz para o seu site é essencial para orientar os clientes em potencial na tomada de decisões de compra e na estratégia geral de marketing.
Você pode usar esta seção em seu site para exibir os preços de todos os seus serviços oferecidos e redirecionar os clientes para a página Pagamentos usando botões de call to action.
Neste artigo
- Adicionar seção de preços
- Seção Gerenciar Preços
- Adicionar e editar itens da lista
- Itens da lista de sequenciamento
- Gerenciar layout
- Seção de preços de estilo
Adicionar seção de preços
- Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
- Na sua página, Clique no ícone + azul para adicionar uma nova seção.
- Você vai agora ver o categorias de seção no lado esquerdo.
- Vá para Preços (1) e clique nela. Uma tela aparecerá permitindo que você escolha entre diferentes layouts (2) da Seção Logo.
- Escolha qualquer layout de seção e clique nele para adicioná-lo à sua página.
Seção Gerenciar Preços
Depois de adicionar a seção:
- Clique no Gerenciar preços (1) botão para abrir o Seção de preços (2) configurações.
Adicionar e editar itens da lista
Adicionar um item de lista
- Clique no Adicionar Item (1) botão para adicionar um novo item à lista.
- Duplicar or Apagar (2) os itens da lista.
- Edite o Manchete (3) da seção.
Editar item da lista
Clique no item da lista que você deseja editar. Ele abrirá as opções de edição desse item específico da lista.
Daqui você pode:
- Escolher arquivo or Apagar (1) a imagem. Você também pode editar o Cor de destaque que ficará visível ao passar o cursor sobre a imagem.
- Adicionar uma Título (2), Subtítulo (3), e Descrição (4) do item da lista.
Note
Antes de adicionar a descrição, verifique isto artigo.
- Vincular o título de um item de lista clicando no botão (5). Clique aqui para saber mais.
- Defina o Link para abrir em um Nnova guia ou na Mesma guia (6).
- Adicionar outra Ligações Úteis (7) para o item da lista. Você pode adicionar um botão/link de texto/link de imagem/ícone social. Saiba Mais.
- Salvar (8) suas mudanças.
Itens da lista de sequenciamento
Você pode alterar facilmente a sequência dos itens da lista, Arrastando e Soltando Eles.
Veja a sequência da Lista de Itens de Preços em ação:
Gerenciar layout
- Clique no Guia Layout (1).
- Selecione o preferido traçado (2) e salvar(3) as mudanças.
Seção de preços de estilo
Você pode personalizar diferentes aspectos da seção Logo usando várias opções de estilo. Para navegar até as opções de estilo, clique no botão Gerenciar preços (1) e escolha o botão Style (2) aba.
Opções de estilo de itens
- Exiba os itens em Linhas e colunas ou em Modo carrossel (1).
- Colocou o Numero de colunas (2). Você pode selecionar até um máximo de 10 colunas.
- Especifique o Espaço Entre Colunas (3) dos itens da lista. Este valor é definido em Pixels.
- Especifique o Espaço entre linhas (4) dos itens da lista. Esta opção não estará visível se o modo Carrossel estiver ativo. Este valor é definido em Pixels.
- Escolha o Ordem do conteúdo (5) ou seja, as imagens dos itens da lista a serem exibidos primeiro ou o texto associado.
- Gerenciar o Alinhamento de conteúdo dentro da seção Horizontalmente (6).
- Gerenciar o Alinhamento de conteúdo dentro da seção Verticalmente (7).
- Especifique o Numero de colunas on Dispositivos móveis (8). Você pode selecionar até um máximo de 3 colunas.
- Gerencie o espaçamento entre os itens Verticalmente e Horizontalmente (9).
Opções de estilo de imagem
- Escolha o eucolheita de mago (10) para os itens da lista. Você pode definir as imagens como Quadrado, Círculo, Paisagem, Retrato e Original.
- utilização Raio de canto (11) os cantos das imagens podem ser gerenciados por sua nitidez. Você também pode optar por gerenciar os cantos Individualmente.
- Escolha o Cor do foco da imagem (12) para ser o cor de destaque ou ser especificada. Se você escolheu o cor de destaquee especifique o opacidade.
- Escolha o Cor base (13) e Opacidade que você deseja enquanto passa o mouse sobre as imagens. Esta opção só estará visível quando Especifique a cor é selecionado.
- Colocou o Cor dos Elementos (14) para os itens da lista da seção.
- Escolha Animar imagens (15) enquanto paira. Se ativado, você também pode alterar o Estilo de Animação (16).
Opções de tamanho e espaço e estilo de texto
- Especifique o Largura da imagem (17) para as imagens dos itens.
- Especifique o Largura do conteúdo (18) para os itens da lista.
- Especifique o Espaço Abaixo do Título da Seção (19) em pixels.
- Especifique o Espaço abaixo da imagem (20) em Porcentagem.
- Especifique o Espaço Abaixo do Título (21) dos itens da lista em porcentagem.
- Especifique o Espaço abaixo do subtítulo (22) dos itens da lista em porcentagem.
- Especifique o Título (23) Estilo de fonte dos itens da lista.
- Especifique o Legenda (24) Estilo de fonte dos itens da lista.
- Especifique o Descrição (25) Estilo de fonte dos itens da lista.
Cartas e Sombra
- Veja como para gerenciar Cartões (26).
- Especifique como Ecrã (27) a sombra.
- Style (28) a sombra. Existem várias predefinições e você também pode personalizar a sombra com a ferramenta Box Shadow Generator.
- Se a opção Predefinições estiver selecionada, então Escolha estilos de sombra (29) no menu suspenso.
Botões e links
- Veja como para gerenciar o estilo de Botões e links (30).
