Sección de testimonios

Puede crear fácilmente una página de reseñas en el sitio web o agregar sus reseñas en una página utilizando la sección de testimonios. Agregar reseñas de clientes a su sitio web genera confianza en su marca y ayuda a mantener relaciones de calidad con los clientes.

En este artículo hablaremos de:

• ¿Qué es una lista de testimonios?
• Agregar sección de testimonios a la página
• Agregar y editar elementos de la lista
• Elementos de la lista de secuencias
• Eliminación de elementos de la lista
• Administrar elementos
• Cambiar el diseño de la sección
• Opciones de estilo
• La tarjeta completa y la tarjeta de texto

La lista de testimonios

• Puede incluir fácilmente una sección de testimonios en su sitio web donde puede mostrar opiniones, comentarios y testimonios en su sitio web.
• Es una gran manera de mostrar el zumbido positivo en su sitio web.

Agregar sección de lista de testimonios

• Se puede agregar una sección a una página. Puede agregar una sección a una página ya existente o crear una nueva página dentro de su sitio web.
• En tu pagina, Haga clic en el azul + icono para agregar un Nueva sección a tu página.

• Ahora verá el categorías de sección en el lado izquierdo.
• Desplácese hacia abajo y elija el Sección Testimonios (1) opción donde se puede elegir entre los diferentes diseños.

• Elige cualquiera diseño de la sección (2) y haga clic en él para agregarlo a su página.

Agregar y editar elementos de la lista

Agregar elemento de lista

Una vez que haya agregado la sección:

• Haga clic en el elemento Editar testimonios (1) para abrir el Panel de elementos de la lista.

• Haga clic en el elemento Añadir artículo (2) botón para agregar un nuevo elemento de lista.
• Tendrás la opción de duplicar y eliminar (3) los elementos de la lista.

Editar elemento de la lista

Haga clic en el elemento de la lista que desea editar. Se abrirán las opciones de edición de elementos de la Lista en particular.

Desde aquí, puede:

• Subir/Eliminar imagen primaria y secundaria (1)
  Puedes subir un Imagen secundaria junto con la Imagen principal para cada elemento de la lista. Cuando un usuario pasa el cursor sobre el elemento, se mostrará la imagen secundaria, reemplazando la imagen principal. Además, puede configurar la Color de acento de la imagen, que se mostrará al pasar el cursor sobre la imagen.
• Agregue un Título (2), Subtítulo (3)y Descripción (4) del elemento de la lista.
• Es posible que no encuentre la opción de subtítulo y descripción en determinados elementos de la lista según el diseño que elija.
  Antes de añadir la descripción, compruebe este vídeo  .

5. Acción al hacer clic

Puedes personalizar el comportamiento al hacer clic en elementos individuales de la sección Testimonios . A continuación, se muestran las opciones disponibles:

• Ir a un enlace
  Al seleccionar esta opción se abre el Creador de enlaces, lo que le permite agregar un hipervínculo a este elemento. El vínculo puede dirigir a los usuarios a otra página dentro de su sitio web o a una URL externa. Más información ¡Hola!  Creador de enlaces.
• Abrir en Lightbox
  Esta opción muestra el elemento en una imagen ampliada. Lightbox Ver al hacer clic. En este modo, el Subtítulo y Mareas Ideales para Lecciones  Los elementos asociados con el elemento no aparecerán en la vista de cuadrícula, pero serán visibles en el modo Lightbox.
• No Acción
  Seleccione esta opción para que no se pueda hacer clic en el elemento. Cuando se selecciona, hacer clic en el elemento no activará ninguna acción.

6. Abrir enlace en una ventana nueva: Configure el enlace para que se abra en una pestaña nueva o en la misma pestaña. Esta opción solo estará visible cuando se seleccione la opción Ir a un enlace en el menú Acción al hacer clic.

7. Botones y enlaces: Añade cualquier tipo de enlace al elemento de la lista. Puedes añadir un botón, un enlace de imagen, un icono de redes sociales o un enlace de texto. Más información.

8. Guardar: Después de realizar las personalizaciones, guarde los cambios.

Ver en acción:

Elementos de la lista de secuencias

• Puede arrastrar y soltar fácilmente los elementos de la lista para cambiar la secuencia.

Eliminar un elemento de la lista

Una vez que haya agregado un elemento de la lista, puede editarlo y también eliminarlo.

• Haga clic en el elemento Eliminar junto al elemento de la lista de testimonios.
• Haga clic en el elemento Eliminar botón en la ventana emergente de confirmación.
• Guardar tus cambios

Administrar elementos de la sección Testimonios

La sección de testimonios incluye una pestaña de Elementos que permite gestionar fácilmente la visibilidad de los distintos elementos. Mediante sencillos interruptores, puede activar o desactivar elementos específicos sin necesidad de eliminarlos ni modificarlos.

• Haga clic en el elemento  Editar testimonios Botón (1).

• Elija el Elementos (2) pestaña.
• Después de realizar los cambios, presione el botón Guardar Botón (3).

Opciones de sección

1. Mostrar título:Habilite o deshabilite la visibilidad del título de la sección Testimonios.
2. Mostrar Botones:Controla si los botones se muestran en el nivel de sección.

Opciones de artículos

1. Mostrar imagen: Alternar la visibilidad de las imágenes.
2. Mostrar título:Controla si se muestra el título.
3. Mostrar subtítulo:Habilitar o deshabilitar subtítulos.
4. Mostrar descripcion:Administrar la visibilidad de las descripciones de los artículos.
5. Mostrar Botones:Decide si se deben mostrar los botones de elementos individuales.

Diseño de sección

• Haga clic en el elemento Editar testimonios para abrir el panel de edición de la sección.
• Elija el Diseño .
• Desde aquí, puedes cambiar fácilmente el diseño de la sección incluso después de agregarla a la página.

Mientras cambia el diseño, verá los diseños relacionados con las secciones en la parte superior.

Además de estas opciones, también tiene la posibilidad de elegir un diseño de otras secciones bajo el encabezado "Más diseños".

Dale estilo a tu sección

• Haga clic en Editar testimonios (1) para abrir el panel de edición de la lista de testimonios.

• Elija el Estilo (2) .
• Cambie el estilo de los elementos de la sección y Guardar (3) tus cambios

Opciones de estilo

Tendrá múltiples opciones de estilo para la sección: 

1. 1. Objetos
   2. Tamaño del texto
   3. Espaciado
   4. Título de la sección
   5. Imágenes
   6. Máscara de forma
   7. borde de la imagen
   8. Tarjetas
   9. Sombra:
   10. Botón y enlaces

Objetos 

1. Elija Mostrar artículos in filas y columnas or carrusel 
   • Si ha elegido el filas y columnas opción, los elementos de la lista se organizarán en filas y columnas. En este caso, debe especificar el número de filas y columnas.
   • Si ha elegido el carrusel opción, los elementos de la lista se presentarán como una presentación de diapositivas. Más información.
2. Configure  número de columnas para los elementos de la lista. Puede elegir de 1 a 10 columnas.
3. Especifica el Espacio entre columnas de los elementos de la lista.
4. Elija el Orden de contenido es decir, las imágenes de los elementos de la lista que se mostrarán primero o el texto asociado.
5. Alineación el contenido en los elementos de la lista. Puede configurarlos para que estén alineados a la izquierda, a la derecha o al centro.
6. Elija hacer un bucle en el carrusel o no.
7. En el caso del Carrusel, elija el Controles de Navegación. Puede elegir entre Sin controles, Flechas: Centro inferior/Derecha superior/Derecha inferior, Chevron o Puntos.

Tamaño del texto

1. Haga clic en el elemento Cambiar estilo de texto botón para visitar el Diseño sección y administre sus tamaños y estilos de fuente.
2. Configure Título estilo de fuente para los elementos de la lista.
3. Configure  Subtítulo estilo de fuente para los elementos de la lista.
4. Establecer el valor predeterminado Mareas Ideales para Lecciones estilo de fuente para los elementos de la lista.
5. Habilitar esta opción para animar cualquier número Presente en el Título y Subtítulo campos. Cuando se activa, los valores numéricos aparecerán con una animación de conteo dinámica, lo que los hace más atractivos visualmente.

Espaciado

1. Especifica el Ancho de imagen para los elementos de la lista.
2. Especifica el Ancho del contenido para los elementos de la lista.
3. Especifica el Espacio debajo del título de la sección en píxeles
4. Especifica el Espacio debajo de las imágenes de los elementos de la lista (en %).
5. Especifica el Espacio debajo de los títulos de los elementos de la lista (en %).
6. Especifica el Espacio debajo del subtítulo de los elementos de la lista (en %).

Título de la sección

1. Alinear horizontalmente El texto del título de la sección. Puede configurarlo a la izquierda, al centro o a la derecha.
2. Habilitar/Deshabilitar el Divisor entre el título de la sección y el contenido de la sección.
3. Configure  Grosor del divisor (en píxeles).
4. Especifica el Color del divisor del selector de color.
5. Seleccione un estilo para divisor de título de sección.

Imágenes 

1. Elija el recorte de imagen para los elementos de la lista. Puede configurar las imágenes como Cuadrado, Círculo, Paisaje, Retrato y Dinámico.
2. Elija tener un radio de esquina común o un radio de esquina diferente para cada lado de los elementos de la lista y establezca un número (en px) para el radio de esquina de las imágenes de elementos de la lista.

• En caso de que haya elegido esquinas divididas, puede establecer un radio de esquina diferente para cada esquina.

Al pasar el cursor sobre la imagen 

3. Elija el Color de superposición de imagen ser el acentuar el color o ser especificado. Si ha elegido el acentuar el color, luego especifique el opacidad.
4. Si ha elegido el especificar color luego configure la opción Color de superposición para los elementos de la lista.
5. Configure  Elementos color para los elementos de la lista de la sección.
6. Elija animar las imágenes de los elementos de la lista al pasar el mouse haciendo clic en Sí.
7. Seleccione un Estilo de animación para las imágenes al pasar el mouse sobre ellas.

Máscara de forma

1. Máscara de forma: Active este interruptor para aplicar una máscara de forma a la imagen en la sección Testimonios. Una vez activado, la forma seleccionada se ajustará visualmente a la imagen.
2. Seleccionar forma: Elige entre varias formas predefinidas para aplicar a tu imagen. Esto te permite estilizar tu contenido de forma creativa, mostrando la imagen en una forma única, como redondeada, en forma de diamante, en forma de gota, etc.

borde de la imagen

1. Activar/Desactivar borde alrededor de las imágenes cambiando el interruptor.
2. Elige tener un frontera común en todos los lados de las imágenes o puede especificar el fronteras por separado para cada lado.
3. Especifica el ancho  de la frontera. Si se establece en 0, el borde no aparecerá. También tiene la opción de establecer el ancho del borde individualmente para cada lado de la imagen.
4. Seleccione el elemento  Color del borde del selector de color.
5. Seleccione un preferido Estilo de Borde desde el desplegable.
6. Determina el ancho de borde para movil dispositivos, alineándolo con el ancho elegido para escritorio.

Tarjetas

• Descubre cómo para gestionar tarjetas.

Sombra:

1. Mostrar – Elija mostrar la sombra detrás de los elementos de la lista siempre o solo al pasar el mouse por encima.
2. DE ESTILO RESORT – Elija entre los ajustes preestablecidos existentes o cree una sombra personalizada.
   En caso de que haya elegido la opción Personalizada, visite este Generador de sombras de caja para crear una sombra personalizada. Finalmente, copie y pegue el caja sombra CSS.
3. En caso de que haya elegido la opción de preajustes, entonces Elija estilos de sombra desde el desplegable.

Botón y enlaces

• Descubre cómo para gestionar el estilo de Botones y enlaces.

Guarda todos los cambios de estilo.

Tarjeta de texto

Cuando se selecciona la opción de tarjeta de texto, el color de la tarjeta se aplica solo al texto asociado con la imagen. Echa un vistazo: 

Artículos relacionados:

• Tipos de secciones
• Opciones de visibilidad de sección