Correcto
Testimonios
Muestra testimonios de clientes en una cuadrícula o presentación de diapositivas flexible con enlaces y medios opcionales a productos.
- Documentación de Shopify sobre secciones y bloques
- Documentación de Company XYZ sobre el bloque de testimonios
- Documentación de Company XYZ sobre los ajustes de diseño
- Documentación de Company XYZ sobre los ajustes de los controles de la presentación de diapositivas
- Documentación de Company XYZ sobre los ajustes de los encabezados
- Documentación de Company XYZ sobre los ajustes de las tarjetas
- Documentación de Company XYZ sobre los ajustes del espaciado de la sección
- Documentación de Company XYZ sobre los ajustes de los fondos de sección
- Documentación de Company XYZ sobre los ajustes de los separadores
- Documentación de Company XYZ sobre los ajustes de visibilidad
- Documentación de Company XYZ sobre los ajustes de los anchos de diseño
Utilice Testimonials para destacar las citas de clientes, vincularlas a productos destacados y presentarlas en una cuadrícula o una presentación de diapositivas. Es una buena opción para páginas de inicio, páginas de destino y páginas promocionales en las que la prueba social necesita más control de diseño que un simple feed de reseñas. Para obtener una visión general más amplia de cómo funcionan las secciones y los bloques en el editor, consulte documentación de Shopify sobre secciones y bloques
Ajustes de sección
Sección titulada «Ajustes de sección»Ajustes de diseño
Sección titulada «Ajustes de diseño»Los ajustes de diseño controlan cuántas tarjetas de testimonios aparecen y cómo se comportan en escritorio, tableta y móvil. Puede combinar diseños de cuadrícula y presentación de diapositivas por dispositivo, lo que resulta útil cuando desea un diseño más completo en pantallas grandes y una navegación más sencilla en las pequeñas.
Los diseños de cuadrícula funcionan mejor cuando los testimonios son breves y visualmente coherentes. Los diseños de presentación de diapositivas suelen ser más adecuados para citas más largas, medios mixtos o tarjetas con alturas claramente distintas.
Si el número de columnas en tableta se deja en 0, las pantallas de tableta usan el ajuste de columnas de escritorio. Eso puede ahorrar tiempo de configuración, pero conviene comprobar el espaciado en tableta si sus tarjetas incluyen citas largas, imágenes de producto o video.
La alineación del contenido ayuda a que las tarjetas se vean más intencionales cuando las longitudes de los testimonios varían. El estiramiento vertical puede hacer que las filas se vean más limpias al igualar las alturas de las tarjetas dentro de la misma fila.
Si sus testimonios varían mucho de longitud, pruebe juntos la alineación del contenido y el estiramiento vertical. Las alturas igualadas suelen verse más limpias en cuadrículas, mientras que las alturas naturales pueden funcionar mejor en diseños más editoriales.
Ajustes de presentación de diapositivas
Sección titulada «Ajustes de presentación de diapositivas»Los ajustes de presentación de diapositivas se aplican cuando cualquier dispositivo está configurado con un diseño de presentación de diapositivas. Estos controles afectan la animación, la reproducción automática, el bucle, la navegación, la paginación y si la siguiente diapositiva se ve parcialmente.
La animación de desvanecimiento es la mejor opción cuando desea destacar un testimonio a la vez. También cambia el comportamiento del diseño al forzar una vista de una sola diapositiva, y desactiva la vista previa de diapositivas y los estilos de paginación que dependen de varias diapositivas visibles.
La reproducción automática puede añadir movimiento, pero el contenido de testimonios normalmente necesita un ritmo más lento que los banners promocionales. Si activa la reproducción automática, use un retraso más largo y mantenga visible la navegación para que los clientes puedan pausar y avanzar a su propio ritmo.
Ajustes de color
Sección titulada «Ajustes de color»Estos reemplazos de color a nivel de sección le permiten ajustar los colores del icono, el texto y el subtítulo sin cambiar el resto de su tema. Son más útiles cuando la sección se sitúa sobre un fondo personalizado o necesita más contraste del que ofrecen los estilos globales.
Si también personaliza los colores de las tarjetas, revise ambos conjuntos juntos. La introducción de la sección y las tarjetas de testimonios pueden usar tratamientos de color distintos, así que una comprobación rápida del contraste ayuda a mantener la sección cohesionada.
Tipos de bloque admitidos
Sección titulada «Tipos de bloque admitidos»- Testimonio
Testimonio
Sección titulada «Testimonio»El bloque Testimonio añade una cita individual de un cliente, una línea de origen, una valoración y una conexión opcional con un producto. También puede incluir una imagen o un video de apoyo para dar más impacto visual al testimonio. Consulte documentación de Company XYZ sobre el bloque Testimonio.
Use citas breves y centradas cuando quiera mostrar varias tarjetas a la vez. Si un testimonio cuenta una historia más larga o incluye medios más ricos, normalmente resultará más fácil de consumir en un diseño de presentación de diapositivas.
Cuando asigna un producto, la tarjeta puede vincular visualmente el testimonio a un artículo específico. El estilo de la imagen del producto solo se aplica cuando se selecciona un producto, así que puede mantener oculta la imagen del producto cuando la cita deba valer por sí sola.
Ajustes de imagen
Sección titulada «Ajustes de imagen»La imagen es opcional, pero puede cambiar de forma significativa el tono de la tarjeta. Una imagen sencilla puede hacer que un testimonio resulte más personal, mientras que un video puede darle un aspecto más editorial o de campaña.
La imagen superior da más prioridad visual al medio. La imagen inferior mantiene la cita como foco principal, que a menudo es la mejor opción para contenido orientado a generar confianza.
Si usa video, una imagen póster ayuda a que la tarjeta se vea pulida antes de que empiece la reproducción. La reproducción automática suele ser mejor para clips cortos y sin sonido que para testimonios hablados.
Ajustes compartidos a nivel de bloque
Sección titulada «Ajustes compartidos a nivel de bloque»Cada bloque de testimonio también incluye sus propios reemplazos de color de la tarjeta, controles de visibilidad y un título del editor. Los cambios de color a nivel de bloque son útiles para destacar un testimonio concreto, pero funcionan mejor cuando se usan de forma selectiva.
Ajustes estándar de sección
Sección titulada «Ajustes estándar de sección»Ajustes de encabezado
Sección titulada «Ajustes de encabezado»Los ajustes de encabezado controlan el contenido introductorio sobre los testimonios, incluida la alineación, la estructura del encabezado, el icono opcional, el texto de apoyo y un botón opcional. Use esta área para enmarcar la sección con un mensaje claro sobre las opiniones de los clientes, la confianza en la marca o las reseñas destacadas.
Si añade un botón, mantenga la acción estrechamente relacionada con los testimonios, como enlazar a una colección, un grupo de productos o una página dedicada a reseñas. Elija el nivel de encabezado en función de la estructura de la página, no solo del tamaño visual.
Ajustes de tarjeta
Sección titulada «Ajustes de tarjeta»Los ajustes de tarjeta le permiten reemplazar los colores predeterminados del fondo, el borde y el texto de las tarjetas de testimonios en esta sección. Estos ajustes son útiles cuando desea que las tarjetas parezcan elevadas respecto al fondo de la página o que coincidan con una campaña de temporada.
Dé prioridad a la legibilidad cuando use degradados o colores de fondo más suaves. El contraste fuerte es especialmente importante para el texto de la cita, los nombres de origen y los iconos de valoración.
Ajustes de espaciado
Sección titulada «Ajustes de espaciado»Los ajustes de espaciado controlan el espacio por encima y por debajo de la sección. Ajústelos para dar a los testimonios suficiente espacio respiratorio, especialmente cuando la sección aparezca entre áreas con muchas imágenes o mucho texto.
Un espaciado más generoso puede hacer que los testimonios parezcan más premium. Un espaciado más reducido puede funcionar en páginas de destino compactas, pero revise con cuidado la vista móvil para que la sección no se vea recargada.
Ajustes de fondo de sección
Sección titulada «Ajustes de fondo de sección»Los ajustes de fondo de sección le permiten añadir a la sección un color de fondo, un degradado, una imagen, un video y una superposición. Esto es útil cuando desea que el área de testimonios se vea distinta del contenido circundante.
Los medios de fondo pueden aportar ambiente, pero también pueden reducir la legibilidad. Use superposiciones y reemplazos de color juntos para que el texto de la cita siga siendo fácil de leer.
Ajustes de separador
Sección titulada «Ajustes de separador»Los ajustes de separador añaden una línea encima o debajo de la sección para crear una transición más limpia entre las áreas de la página. Son una buena opción cuando desea separación sin añadir un tratamiento de fondo completo.
Mantenga un estilo de separador sencillo si sus tarjetas de testimonios ya usan bordes marcados o fondos intensos. Demasiados divisores visuales pueden hacer que la página se vea cargada.
Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Los ajustes de visibilidad controlan si la sección aparece en escritorio, móvil o en ambos. Esto es útil cuando desea una presentación de testimonios para pantallas grandes y otra distinta para pantallas pequeñas.
Use la visibilidad específica por dispositivo con cuidado para no acabar manteniendo varias versiones del mismo contenido, salvo que la ventaja de diseño sea clara.
Ajustes de ancho
Sección titulada «Ajustes de ancho»Los ajustes de ancho controlan el ancho de la sección y el ancho máximo de su contenido. En Testimonials, estos ajustes afectan mucho a la legibilidad y a la densidad del diseño.
Los anchos de contenido más estrechos suelen hacer que las citas más largas sean más fáciles de leer. Los anchos más amplios son mejores para cuadrículas multicolumna, pero previsualice el diseño final en la tienda online porque las vistas previas del editor pueden hacer que los cambios de ancho sean más difíciles de valorar con precisión.
Notas de uso
Sección titulada «Notas de uso»- Ajuste el diseño al contenido. Use cuadrículas para testimonios más breves y uniformes, y presentaciones de diapositivas para citas más largas, medios mixtos o longitudes de tarjeta desiguales.
- Enlace productos de forma selectiva. Conecte los testimonios a productos solo cuando la cita respalde claramente un artículo específico, para que la sección siga siendo útil y no excesivamente promocional.
- Proteja la legibilidad. Revise con cuidado el contraste del texto siempre que use fondos personalizados, degradados, superposiciones o reemplazos de color de tarjeta.
- Use el movimiento con moderación. La reproducción automática, el bucle y el video pueden aportar energía, pero el contenido de testimonios suele funcionar mejor cuando los clientes tienen tiempo suficiente para leer con comodidad.
- Previsualice cada punto de interrupción. Revise juntos los diseños de escritorio, tableta y móvil, especialmente cuando combine citas largas, imágenes y comportamiento de presentación de diapositivas.
- Equilibre la sección con bloques. Añadir más bloques de testimonio puede cambiar la sección de un simple destaque a un diseño más completo de prueba social, así que revise si el contenido introductorio sigue siendo necesario.
- Revise juntos los medios y los reemplazos de color. Los medios separados para escritorio y móvil, o unas elecciones de color locales más explícitas, pueden cambiar tanto el recorte, la visibilidad y el contraste que cada vista necesita una revisión final rápida.