Ir para o conteúdo principal

Como configurar o módulo Depoimento no Divi Builder

Divi: o tema WordPress mais fácil de usar

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Antes de adicionar um módulo de depoimento à sua página, primeiro você deve acessar o Divi Builder. Quando o tema Divi estiver instalado no seu site, você notará um botão Use o Divi Builder acima do editor sempre que você criar uma nova página. Clique neste botão para ativar o Divi Builder e acessar todos os módulos que ele oferece. Então clique no botão Use o Visual Builder para iniciar o gerador no modo visual. Você também pode clicar no botão Ativar o Visual Builder quando você navega no seu site em primeiro plano, se estiver conectado ao seu painel do WordPress.

use o construtor visual Divi

Depois de inserir o Visual Builder, você pode clicar no botão cinza para adicionar um novo módulo à sua página. Novos módulos só podem ser adicionados dentro de linhas. Se você iniciar uma nova página, não se esqueça de adicionar uma linha à sua página primeiro.

Localize o módulo de depoimentos na lista de módulos e clique nele para adicioná-lo à sua página. A lista de módulos é pesquisável, o que significa que você também pode digitar "testimonial", em seguida, pressione enter para pesquisar e adicionar automaticamente o módulo de depoimento! Depois que o módulo for adicionado, você será saudado pela lista de opções do módulo. Essas opções são separadas em três grupos principais: Conteúdo , Projeto et avançado .

Exemplo de caso de uso: seção testemunhal para uma página do produto

Adicionar uma seção de depoimentos é uma das melhores maneiras de promover seu produto ou serviço. Para este exemplo, mostrarei como usar o módulo Depoimento para criar uma seção de depoimentos na parte inferior de uma página de destino para promover seu produto ou serviço. O título da seção de depoimentos é "Clientes satisfeitos". É importante ter um título efetivo que seja criativo e relevante. Os três depoimentos são curtos em um layout de três colunas seguido por um botão de CTA na parte inferior da página.

Para adicionar a seção de depoimentos à página, use o construtor visual para adicionar uma seção padrão com uma linha de três colunas. Em seguida, adicione um módulo de depoimento à primeira coluna da sua linha.

Atualize as configurações do módulo Depoimento com o seguinte:

Guia Conteúdo

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Nome do autor: [digite o nome]
Título do artigo: [enter title]
Nome da empresa: [entrar na empresa]
Conteúdo: [insira o conteúdo do depoimento]
URL da imagem de retrato: [download 90 × 90 image]
Ícone de citação
:

Guia Design

Cor do texto: luz
Orientação de texto:
Polícia do corpo: Roboto Light
Tamanho da Fonte do Corpo: 20px
Altura da linha do corpo: 1.5em

Agora que você criou seu primeiro módulo de depoimento, duplique-o duas vezes e arraste os módulos duplicados para preencher a segunda e terceira colunas.

Como todos os parâmetros de design foram transferidos para módulos duplicados na segunda e terceira linhas, basta voltar e atualizar o conteúdo de cada um deles.

Isso é tudo.

Os parâmetros de conteúdo do módulo Testemunho

As configurações da guia de conteúdo são organizadas em grupos que você pode abrir para exibir mais opções. Isso permite que você encontre a configuração que procura com muito mais facilidade. Você também pode usar a barra de pesquisa na parte superior para pesquisar todas as guias de parâmetro de uma só vez pelo parâmetro que está procurando. Isso levará você direto ao ponto!

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

texto

É aqui que você pode adicionar o nome do autor do depoimento, o título do artigo, a empresa e o conteúdo do próprio depoimento.

Imagem

Se você tem uma foto de perfil ou outro tipo de imagem para acompanhar seu testemunho, é aqui que você a adiciona.

Penhor

Aqui você pode adicionar o URL do autor ou empresa e controlar sua abertura.

elementos

Aqui você pode optar por tornar o ícone de cotação visível ou oculto.

contexto

Aqui você pode optar por adicionar uma cor ou imagem de fundo à sua história.

Rótulo de administração

Nesta lista suspensa, você pode adicionar uma tag administrativa que será exibida no construtor no painel, bem como a visualização do criador visual.

Os parâmetros de design do módulo de depoimento

As configurações na guia Design são organizadas nos seguintes grupos para facilitar a localização da configuração desejada. E lembre-se, você também pode usar a barra de pesquisa para encontrar uma configuração ainda mais rápida!

Ícone de citação

É aqui que você pode ajustar a cor do ícone de cotação.

Retrato

As configurações de retrato permitem ajustar o raio da borda, a largura do retrato e a altura do retrato para a imagem que você adicionou na guia Conteúdo.

texto

Essas configurações permitem alterar a cor e a orientação do texto.

corpo de texto

Essas configurações permitem ajustar a fonte, o peso, o tamanho, a cor, o espaçamento, a altura da linha e muito mais.

fronteira

Aqui você pode optar por usar uma borda. E se você optar por usar uma borda, também poderá selecionar sua cor, alterar sua largura e escolher seu estilo.

espaçamento

Na área Espaçamento, você pode adicionar um preenchimento personalizado na parte superior, direita, inferior ou esquerda do testemunho. Você também pode alterar esses valores para desktops, tablets ou dispositivos móveis.

Os parâmetros avançados do módulo Testemunho

Na guia Avançado do seu módulo de depoimento, você pode adicionar um ID e uma única classe css. Você também pode adicionar CSS personalizado a vários seletores css pré-definidos (e pré-selecionados) no módulo de controle deslizante de vídeo da lista suspensa de CSS personalizada. Por fim, na lista suspensa de visibilidade, você pode ajustar a visibilidade do seu módulo em telefones, tablets e desktops.

Outros tutoriais Divi

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
16 ações
ação10
chilrear1
Enregistrer5
Whatsapp