Resultados de búsqueda

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Shopify sobre la personalización de secciones
3. Documentación de Company XYZ sobre los ajustes de tarjetas
4. Documentación de Company XYZ sobre los ajustes de espaciado de sección
5. Documentación de Company XYZ sobre los ajustes de fondo de sección
6. Documentación de Company XYZ sobre los ajustes de separadores
7. Documentación de Company XYZ sobre los ajustes de anchos de diseño

Videos útiles

Vídeo de Shopify Academy: personalización de su tienda

Vídeo de Shopify Academy: personalización de su tienda

Use esta sección para controlar cómo se presentan los resultados y con qué facilidad los clientes pueden refinarlos. Es ideal para mejorar la velocidad de exploración, reducir el desorden y hacer que la página de búsqueda se sienta coherente con el resto de su tienda.

Ajustes principales

Esta sección no tiene ajustes independientes separados antes de sus grupos de ajustes principales. La mayor parte de la configuración se realiza en los controles de diseño, filtro y presentación compartida que aparecen a continuación. Para una visión general más amplia de los controles de sección, consulte la documentación de Shopify sobre secciones y bloques

Ajustes de la interfaz de cuadrícula

Estos ajustes configuran el diseño predeterminado de los resultados en escritorio y móvil, y también controlan si los clientes pueden cambiar ese diseño por su cuenta. Esto es útil cuando desea una vista predeterminada equilibrada, pero aun así quiere dar a los compradores algo de control sobre cuán densa se siente la cuadrícula.

Active la interfaz de tamaño de cuadrícula si su catálogo incluye una amplia variedad de tipos de producto o estilos de imagen. Déjela desactivada si desea una experiencia más fija y guiada, con una sola opción de diseño.

La interfaz fija mantiene los controles visibles mientras los clientes se desplazan por páginas de resultados más largas. Eso puede facilitar el filtrado y los cambios de diseño, pero conviene comprobar la experiencia en móvil para que los controles no se sientan demasiado recargados.

Consejo

Use una cuadrícula de escritorio más densa para catálogos amplios, pero deje más espacio en las tarjetas móviles cuando los títulos, los precios o las imágenes deban seguir siendo fáciles de revisar.

Ajustes de filtros

Estos ajustes añaden herramientas de filtrado y ordenación a la página de resultados. Funcionan mejor cuando es probable que los clientes busquen términos amplios y necesiten formas de acotar o reordenar lo que encuentran. Para ver detalles de configuración, consulte la documentación de Shopify sobre la personalización de secciones

Los filtros requieren configuración adicional antes de ser útiles aquí. Una vez que esa configuración esté lista, puede elegir si los grupos de filtros deben abrirse de forma predeterminada y si desea incluir un filtro de disponibilidad para los artículos en stock.

Por lo general, conviene mantener la ordenación activada para catálogos más grandes, especialmente cuando los clientes puedan querer cambiar el orden de los resultados. Si la ordenación parece inconsistente en la vista previa del editor, compruébela en la vista activa de la tienda online antes de valorar la experiencia final.

Active los filtros solo después de completar la configuración relacionada de filtros. De lo contrario, los clientes pueden ver controles que no ofrecen un refinamiento significativo.

Ajustes estándar de sección

Ajustes de tarjeta

Use los ajustes de tarjeta compartidos para reemplazar la presentación habitual de sus tarjetas solo para los resultados de búsqueda. Esto es útil cuando la página de búsqueda necesita un equilibrio diferente de tamaño de imagen, densidad de texto o tratamiento del botón que otros cuadrículas de productos.

Puede hacer que las tarjetas de resultados sean más compactas para una revisión más rápida o más descriptivas para productos que requieren más decisión. Las tarjetas de estilo banner también admiten una colocación vertical adicional del texto, así que pruebe ese estilo con cuidado si desea que el texto se superponga a las imágenes.

Ajustes de espaciado

Use los ajustes de espaciado para controlar el espacio por encima y por debajo del área de resultados. Un espaciado menor suele funcionar bien aquí porque las páginas de búsqueda suelen estar más orientadas a la utilidad que a lo promocional.

Separar el espaciado de escritorio y móvil ayuda a mantener la página cómoda sin desperdiciar espacio. Si la página parece tardar en mostrar los resultados, reduzca primero el espaciado exterior.

Ajustes de fondo de sección

Use los ajustes de fondo de sección para añadir color, degradado, imagen o vídeo detrás de la sección. Esto puede ayudar a que la página de resultados se sienta más alineada con la marca, especialmente cuando el diseño de la página circundante es visualmente mínimo.

Mantenga los fondos contenidos en páginas con muchos resultados. Las imágenes intensas, las superposiciones pesadas o el vídeo pueden competir con las tarjetas y los controles, haciendo que los resultados sean más difíciles de revisar.

Precaución

Priorice el contraste y la legibilidad por encima de los efectos decorativos para que las tarjetas, los filtros y los controles de ordenación sigan siendo fáciles de usar.

Ajustes de separador

Use los ajustes de separador para colocar una línea en la parte superior o inferior de la sección. Es una forma sencilla de separar el área de resultados del contenido cercano o de un fondo de página intenso.

Por lo general, basta con un separador sutil. Si no establece un color personalizado, la sección puede recurrir al estilo de borde más amplio para conseguir un aspecto más coherente.

Ajustes de ancho

Use los ajustes de ancho para controlar cuán ancha puede aparecer la sección y su contenido. Esto tiene un gran efecto sobre la densidad de las tarjetas, la legibilidad y la amplitud que transmite la página de resultados.

El ancho del contenido es el ajuste principal para la legibilidad, mientras que el ancho de la sección es más importante cuando también está usando un tratamiento de fondo. Compruebe los cambios de ancho en la vista activa de la tienda online, ya que el editor puede hacer que el ancho del diseño parezca más limitado de lo que realmente es.

Notas de uso

1. Ajuste la densidad al catálogo. Use cuadrículas más compactas para surtidos grandes, pero deje más espacio cuando los títulos de los productos, los extractos o las imágenes aporten detalles importantes.
2. Active los filtros con intención. Active el filtrado solo cuando las opciones de filtro disponibles ayuden realmente a los clientes a acotar búsquedas amplias.
3. Revise bien en móvil. Los controles fijos, los filtros abiertos y los diseños de tarjetas densos pueden sentirse recargados en pantallas más pequeñas.
4. Use las anulaciones de tarjeta de forma estratégica. Cambie aquí el estilo de la tarjeta, el texto y el tratamiento del botón solo cuando los resultados de búsqueda necesiten una experiencia de navegación distinta a la de otras cuadrículas.
5. Priorice la revisión rápida. Mantenga los fondos, el espaciado y los tratamientos decorativos en un segundo plano frente a la claridad de los resultados y los controles.
6. Compruebe ambos estados de resultados. Las páginas de búsqueda pueden verse y comportarse de forma distinta antes de que los clientes escriban una consulta y después de que se devuelvan los resultados, así que revise por separado el estado vacío y el estado con consulta escrita.
7. Compare la vista del editor y la de la tienda online. El comportamiento de la vista previa puede ayudarle a configurar la sección con antelación, pero confirme la experiencia final donde aparecen el contenido real y los resultados reales.
8. Pruebe ambas vistas. El escritorio y el móvil pueden diferir en diseño, alineación, visibilidad y gestión de medios, así que compruebe que los controles y las tarjetas sigan viéndose claramente en ambos tamaños de pantalla.