Antes de que pueda agregar un módulo de testimonios a su página, primero debe acceder al Divi Builder. Una vez el Tema divi instalado en su sitio web, notará un botón Utilice Divi Builder encima del editor de publicaciones cada vez que crea una página nueva. Haga clic en este botón para activar Divi Builder y acceder a todos los módulos que ofrece. Luego haga clic en el botón Use Visual Builder para iniciar el generador en modo visual. También puede hacer clic en el botón Habilitar Visual Builder cuando navega por su sitio web en primer plano si está conectado a su panel de WordPress.
Una vez que haya ingresado a Visual Builder, puede hacer clic en el botón gris más para agregar un nuevo módulo a su página. Los nuevos módulos solo se pueden agregar dentro de las filas. Si está comenzando una nueva página, recuerde agregar una fila a su página primero.
Busque el módulo de testimonios en la lista de módulos y haga clic en él para agregarlo a su página. La lista de módulos se puede buscar, lo que significa que también puede escribir "testimonio" y luego presionar Intro para buscar y agregar automáticamente el módulo de testimonios. Una vez que se agrega el módulo, será recibido por la lista de opciones del módulo. Estas opciones se dividen en tres grupos principales: Contenido , diseño et Avanzado .
Ejemplo de caso de uso: sección de testimonios para una página de producto
Agregar una sección de testimonios es una de las mejores maneras de promover su producto o servicio. Para este ejemplo, le mostraré cómo usar el módulo Testimonio para crear una sección de testimonios en la parte inferior de una página de destino para promover su producto o servicio. El título de la sección de testimonios es "Clientes satisfechos". Es importante tener un título eficaz que sea a la vez creativo y relevante. Los tres testimonios son breves y tienen un diseño de tres columnas seguido de un botón de CTA en la parte inferior de la página.
Para agregar la sección de testimonios a la página, use el generador visual para agregar una sección estándar con una fila de tres columnas. Luego agregue un módulo de testimonios a la primera columna de su fila.
Actualice la configuración del módulo Testimonial con lo siguiente:
Pestaña de contenido
Nombre del autor: [ingrese el nombre]
Título del artículo: [ingrese el título]
Nombre de la empresa: [ingrese la empresa]
Contenido: [ingrese el contenido del testimonio]
URL de imagen vertical: [descargar imagen de 90 × 90]
Icono de cotización
:
Pestaña Diseño
Color del texto: claro
Orientación del texto:
Cuerpo Cuerpo de Policía: Roboto Light
Tamaño de fuente del cuerpo: 20px
Altura de la línea del cuerpo: 1.5em
Ahora que ha creado su primer módulo de testimonios, duplíquelo dos veces y arrastre los módulos duplicados para llenar las columnas segunda y tercera.
Dado que todos los parámetros de diseño se han transferido a módulos duplicados en la segunda y tercera línea, simplemente puede regresar y actualizar el contenido de cada uno.
Es todo.
Los parámetros de contenido del módulo Testimonial.
La configuración de la pestaña de contenido está organizada en grupos que puede abrir para ver más opciones. Esto hace que sea mucho más fácil para usted encontrar la configuración que está buscando. También puede usar la barra de búsqueda en la parte superior para encontrar todas las pestañas de configuración a la vez para la configuración que está buscando. ¡Te llevará directo al grano!
textos
Aquí es donde puede agregar el nombre del autor del testimonio, el título del artículo, la empresa y el contenido del testimonio en sí.
Imagen
Si tiene una foto de perfil u otro tipo de imagen para acompañar su testimonio, aquí es donde lo agregará.
gravamen
Aquí puede agregar la URL del autor o de la empresa y controlar su apertura.
Elementos
Aquí puede optar por hacer que el icono de cotización esté visible u oculto.
contexto
Aquí puede optar por agregar un color de fondo o una imagen a su testimonio.
Etiqueta de administrador
En esta lista desplegable, puede agregar una etiqueta de administrador que aparecerá en el generador en el tablero, así como en la vista del generador visual.
Los parámetros de diseño del módulo testimonial.
La configuración de la pestaña Diseño está organizada en los siguientes grupos para que sea más fácil encontrar la configuración que desea. Y recuerde, también puede usar la barra de búsqueda para encontrar una configuración aún más rápida.
Icono de cita
Aquí es donde puede ajustar el color del icono de cotización.
Retrato
La configuración de retrato le permite ajustar el radio del borde, el ancho del retrato y la altura del retrato de la imagen que puede haber agregado en la pestaña Contenido.
textos
Esta configuración le permite cambiar el color y la orientación del texto.
El cuerpo del texto
Esta configuración le permite ajustar la fuente, el peso, el tamaño, el color, el espaciado, la altura de la línea y más.
Frontera
Aquí puede optar por utilizar un borde. Y si elige usar un borde, también puede seleccionar su color, cambiar su ancho y elegir su estilo.
espaciamiento
En el área de espaciado, puede agregar un relleno personalizado en la parte superior, derecha, inferior o izquierda del testimonio. También puede cambiar estos valores para computadoras de escritorio, tabletas o dispositivos móviles.
Los parámetros avanzados del módulo Testimonial.
En la pestaña Avanzado de su módulo de testimonios, puede agregar una ID (identificador) y una clase CSS única. También puede agregar CSS personalizado a varios selectores de CSS predefinidos (y preseleccionados) en el módulo de control deslizante de video del menú desplegable CSS personalizado. Finalmente, en la lista desplegable de visibilidad, puede ajustar la visibilidad de su módulo en teléfonos, tabletas y computadoras de escritorio.
[vc_row center_row=”sí”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARGAR TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/filiales/idevfiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARGAR EL TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Otros tutoriales de Divi
- 5 sitios web para su uso restaurante temático Divi
- Cómo agregar texto en un producto Divi WooCommerce
- Cómo cambiar el color del menú entre páginas Divi
- Cómo personalizar las cuadrículas de un blog con Divi
- Cómo utilizar la función de editor Divi en WordPress
- Cómo crear un control deslizante Divi a pantalla completa
- Cómo cambiar el color de los menús entre páginas Divi
- Características que probablemente no conozcas sobre Divi
- Cómo usar Divi Builder en WordPress
- Cómo usar el módulo de desplazamiento de video Divi
- Cómo usar el módulo Divi Builder Flip
- Cómo agregar un módulo testimonial en Divi Builder
- Cómo usar el módulo de texto Divi
- Cómo crear un control deslizante en Divi
- Cómo editar un rol de usuario Divi
- Cómo usar el módulo de Divi Social Media
- Cómo usar el módulo de tienda en el tema WordPress Divi
- Cómo usar el módulo de la barra lateral Divi
- Cómo usar el Módulo Divi Price Table
- Cómo usar el módulo de título de las publicaciones de Divi
- Cómo agregar un módulo de video de Divi
- Cómo usar el módulo de navegación del artículo
- Cómo usar el módulo de búsqueda Divi
- Cómo usar el módulo Divi wallet
- Cómo usar el módulo de persona en Divi Builder
- Cómo usar el módulo de billetera con filtro Divi
- Cómo usar el módulo deslizante de ancho completo
- Cómo usar el Módulo de imagen Divi Builder
- Cómo utilizar el módulo de navegación de ancho completo de Divi Builder
- Cómo usar el módulo de la galería de imágenes
- Cómo utilizar el módulo de tarjeta de ancho completo de Divi Builder
- Cómo utilizar el módulo de cartera de ancho completo de Divi
- Cómo usar el módulo de encabezado de ancho completo Divi
- Cómo usar el módulo Divi Counter
- Cómo usar el control deslizante de artículos en Divi Builder
- Cómo usar el módulo Divi Email Optin
