O plugin gratuito vem com algumas características iniciais.
Você pode resolver esses tipos de barreiras usando o novo widget gratuito do Happy Addon chamado \
Antes disso, você deve instalar e ativar os seguintes plugins em seu site. WordPress: Elementor (Grátis) Add-ons Happy (Grátis) Follow: Como criar sua tabela de comparação com Add-ons Happy Elementor Você pode adicionar tabela de comparação em qualquer lugar do seu site. Mas aqui, vamos demonstrar o widget em uma página vazia. Você também pode conferir este guia para aprender como criar uma nova página no WordPress. Aqui estão os passos que você precisa seguir para criar a tabela de comparação: Passo 1: Adicionar o widget de tabela de comparação Passo 2: Gerenciar o cabeçalho da tabela Passo 3: Gerenciar a linha da tabela Passo 4: Gerenciar o botão da tabela Passo 5: Configurações da tabela Passo 6: Tabela de comparação de estilos Vamos começar:
Passo 1: Adicione o widget da tabela de comparação Primeiro, você precisa encontrar e adicionar o widget no lugar certo do seu site. web. Obtenha o widget na área da galeria de widgets Elementor.
Após adicionar o widget, você obtém o design padrão da tabela, como na imagem abaixo. A área de conteúdo tem as configurações necessárias para gerenciar
. Você precisa escolher a linha em vez de uma coluna e definir o tipo de conteúdo -> vazio porque é uma linha. Não há necessidade de alterar o tamanho da imagem, então mantenha-a por padrão.
No entanto, você pode adicionar três tipos de conteúdo à coluna, como Título, Ícone e Imagem.
Adicionar uma coluna intitulada Vamos mostrar como adicionar uma coluna a uma linha. Primeiro, você precisa adicionar um item clicando no botão ADICIONAR ARTIGO. Em segundo lugar, selecione Coluna (Linha\/Coluna) e defina Content Type–>Title . Finalmente, você pode escrever o Título do título .
Tipo Descrição Você pode digitar uma descrição em Título . Primeiro, mostre a opção Descrição. Em seguida, você obtém o painel do editor de texto e você pode escrever a descrição de sua própria maneira.
Acrescentei também duas colunas. E desta vez usei o tipo de conteúdo–>icon. Aqui está a vista actual da tabela.
Observação: Observe que cada vez que você adicionar conteúdo a uma coluna, o conteúdo será exibido da direita para a esquerda. Passo 4: Botão Gerenciar Tabela Vá para o botão Conteúdo->Tabela, então você pode digitar o Título e inserir um link para o botão.
Você pode adicionar o estilo personalizado para decorar o botão. Activa o estilo personalizado primeiro. Em seguida, você obtém as configurações essenciais para adicionar um novo estilo de botão. Adicione o botão Cor do Texto, Cor do Fundo e Sombra de Caixa. Você também pode adicionar estilos diferentes no botão Passar o mouse.
Passo 5: Área de configurações da tabela dá-lhe a opção de definir a largura da tabela de acordo com seus dispositivos. Na visualização Tablet e Mobile, os itens na tabela serão rolados. Desta forma, você controlará a capacidade de resposta da tabela.
Passo 6: Tabela de comparação de estilos A área Estilo tem as opções de estilo necessárias para personalizar o Cabeçalho da Tabela, a Linha da Tabela e o Botão da Tabela. Usando este widget, você pode criar um
Este tipo de tabela de comparação Elementor para comparar seu produto lado a lado. O resultado final da sua mesa. Depois de ter projetado todas as partes de sua mesa Em comparação, você obtém um visual perfeito para apresentar seus produtos de uma forma atraente, incluindo recursos, imagens e outros itens. Abaixo está a tabela que criamos hoje –
Use diferentes opções de estilo para criar um design que alinhe sua marca. Você também pode verificar a documentação completa do widget Tabela de Comparação. Você está pronto para criar tabelas de comparação em seu site. WordPress? Uma tabela de comparação interativa oferece aos usuários uma melhor visão ao comparar produtos. Projetar uma tabela de comparação usando Elementor & Happy Addons não é mais difícil se você seguir os passos acima. Neste guia, mostramos por que você deve usar o widget Happy Add-ons Comparison Table. Também mostramos como criar uma tabela de comparação em seu site. WordPress. Se você ainda tiver dúvidas sobre este blog, você pode comentar. Por favor, inscreva-se na nossa newsletter. Não se esqueça de fazer login em nossos canais sociais Facebook, Twitter e YouTube. Subscreva a nossa newsletter Receba as últimas notícias e atualizações sobre a Elementor