Você gostaria de adicionar uma imagem ao widget Tabela de Preços em Elementor ?
A versão pro doElementor tem um widget tabela de preços para permitir a adição sem esforço de um bloco de tabela de preços em uma página da web. Quatro elementos principais estão contidos neste widget.
- Cabeçalho: para adicionar o título de um plano que você oferece. ou seja, "Bronze ou ouro".
- Preços: para adicionar o preço do plano.
- Funcionalidades: para adicionar as funcionalidades oferecidas pelo plano.
- Rodapé: para adicionar o botão de apelo à ação
- Faixa de opções: para exibir uma faixa de opções que você pode usar para exibir o plano mais vendido, o plano com desconto atualmente, etc.
Mas a funcionalidade que falta a este widget é a capacidade de adicionar uma imagem.
Leia também: Como criar uma galeria de imagens com guias no Elementor
Às vezes, você deseja adicionar uma imagem como um logotipo, ícone ou outra imagem relacionada ao plano que você está oferecendo. Com um pequeno truque, você pode adicionar uma imagem ao widget Tabela de preços.
Primeiro, prepare a seção - bem como as colunas - na qual deseja colocar as tabelas de preços. Arraste o widget Tabela de preços para uma das colunas existentes.
Vá para a guia avançado no painel esquerdo e abra a opção Fundo. Clique no ícone do pincel e selecione a imagem que deseja adicionar ao quadro.
Na opção Repetir, definido como Não repetir. Na opção Cortar, definido como Conter. Na opção Posição, definido como personalizar e defina a posição X e a posição Y.
Em seguida, vá para a guia Style e abra a opção Preços. Desagrupe os preenchimentos e defina o preenchimento superior para cerca de 170 (você pode definir qualquer valor para atender às suas necessidades).
Você pode definir outras opções de estilo na guia Estilo. Como o definição cor do texto, tipografia, cor do botão, etc.
Veja também: Como criar uma galeria de imagens com Elementor
Você pode acessar a guia Conteúdo para modificar o conteúdo. Para economizar tempo, você pode copiar o widget Tabela de Preços que você personalizou e colá-lo nas colunas a seguir e adaptar o conteúdo dependendo dos outros planos que você deseja oferecer.
Obtenha o Elementor Pro agora!
Conclusão
Então ! Isso é tudo neste artigo que mostra como adicionar uma imagem ao widget Tabela de preços em Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
