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 usando 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:

  1. ¿Qué es una lista de testimonios?
  2. Agregar una sección de Lista de Testimonios a la página
  3. Agregar y editar elementos de la lista
  4. Elementos de la lista de secuencias
  5. Eliminación de elementos de la lista
  6. Cambiar el diseño de la sección
  7. Opciones de estilo
  8. La tarjeta completa y la tarjeta de texto

1. 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.

2. 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.

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

3. Agregar y editar elementos de la lista

Agregar elemento de lista

Una vez que haya agregado la sección:

  • Haga clic en el Edit Testimonials (1) para abrir el Panel de elementos de la lista.

  • Haga clic en el 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.
  • Subir una imagen (1) para el artículo de la lista.
  • Agrega una Título (2) Subtítulo (3), y Descripción (4) del Artículo de Lista.

  • Haga clic en el icono de Link Builder de la Enlace de título (5) para abrir el generador de enlaces para vincular el título del elemento de la lista a cualquier página.
  • Configure el vínculo para que se abra en un pestaña nueva o en la misma pestaña (6).
  • Agrega cualquier tipo de Enlace (7) al elemento de la lista. Puede agregar un botón/enlace de imagen/icono social/enlace de texto. Más información.
  • Guardar (8) sus cambios.


Ver en acción:


4. Elementos de la lista de secuencias

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

5. 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 Borrar junto al elemento de la lista de testimonios.
  • Haga clic en el Borrar botón en la ventana emergente de confirmación.
  • Guardar tus cambios
Note

El elemento de la lista una vez eliminado no se puede recuperar.


6. Diseño de la sección

  • Haga clic en el Gestionar testimonios para abrir el panel de edición de la lista de imágenes.
  • Elija el Disposición .
  • Seleccione el Diseño para su sección y guarde sus cambios.

7. Dale estilo a tu sección

  • Haga clic en Edit Testimonials (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: 

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. Conozca más.
  2. Seleccione las  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. Alinear 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.

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.

Consejo

Usando el  radio de esquina campo, puede crear diferentes formas de imágenes de elementos de lista. En caso de que especifique 500 px aquí, las imágenes se mostrarán en forma de círculo. 

  • En caso de que haya elegido esquinas divididas, puede establecer diferentes radios de esquina para cada esquina.

Al pasar el cursor sobre la imagen 

  1. Elija el Color de desplazamiento de la imagen ser el acentuar el color o ser especificado. Si ha elegido el acentuar el color, luego especifique el opacidad.
  2. Si ha elegido el especificar color luego configure la opción Color de desplazamiento base y opacidad para los elementos de la lista.
  3. Seleccione las  Elements color para los elementos de la lista de la sección.
  4. Elija animar las imágenes de los elementos de la lista al pasar el mouse haciendo clic en Sí.

Tamaño y espacio 

  1. Especifica el Ancho de la 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 %).

Estilo de texto

  1. Haga clic en el Cambiar estilo de texto botón para visitar el Diseño sección y administre sus tamaños y estilos de fuente.
  2. Seleccione las Título estilo de fuente para los elementos de la lista.
  3. Seleccione las  Subtítulo estilo de fuente para los elementos de la lista.
  4. Establecer el valor predeterminado Descripción estilo de fuente para los elementos de la lista.

Tarjetas 

  1. Descubre cómo para gestionar tarjetas.

Nota: El Tarjeta La opción solo está disponible en el primer diseño.  

Shadow 

  1. Pantalla – Elija mostrar la sombra detrás de los elementos de la lista siempre o solo al pasar el mouse por encima.
  2. Estilo – 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.

  1. En caso de que haya elegido la opción de preajustes, entonces Elija estilos de sombra Desde el desplegable.

  1. Descubre cómo para administrar el estilo de botones y enlaces.
  2. Guardar los cambios.


8. La tarjeta completa y la tarjeta de texto

Cuando enciendes el Tarjeta completa/de texto sobre su lista de testimonios, los elementos de la lista tendrán un contorno y un fondo con el color de la tarjeta que haya seleccionado en la Diseño .
Ver también: Colores y espaciado del sitio web.

Tarjeta completa

Cuando se selecciona la opción de tarjeta completa, el color de la tarjeta se aplica a toda la tarjeta, es decir, la imagen y el texto asociado a ella.

Echa un vistazo: 

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: 

¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.