Ir al contenido

Diapositiva

Cree una diapositiva de presentación con texto, iconos opcionales y medios de imagen o video.

Use este bloque para añadir una sola diapositiva con su propio mensaje, estilo visual y medios. Es una buena opción para destacar funciones, contar historias promocionales y sliders hero en los que cada diapositiva necesita contenido distinto. Para obtener más contexto sobre cómo encajan los bloques en los temas, consulte documentación de Shopify sobre secciones y bloques

Empiece con el contenido de texto de la diapositiva: icono, encabezado y cuerpo del texto. Por lo general, funciona mejor un encabezado corto, con el área de contenido encargada de los detalles de apoyo, el contexto de la función o un breve mensaje promocional.

El campo del icono puede mostrar un emoji o un nombre de icono. Úselo cuando quiera una señal visual rápida al comienzo de la diapositiva, o déjelo en blanco para una presentación más limpia. Si necesita ayuda para elegir nombres de iconos, consulte la guía de iconos proporcionada por la fuente.

Este grupo controla los medios visuales de la diapositiva. Añada una imagen para una presentación estática, o use video cuando el movimiento ayude a explicar una función o cree un impacto visual más fuerte.

Si se añaden tanto una imagen como un video, el video tiene prioridad y se reproducirá automáticamente cuando la diapositiva se active. Los clips cortos y ligeros suelen funcionar mejor que los videos más largos, especialmente cuando la diapositiva forma parte de una secuencia de ritmo rápido. Para obtener orientación práctica de configuración, consulte la guía de video proporcionada por la fuente.

El color y la opacidad de la superposición inactiva afectan el aspecto de la diapositiva cuando no es la diapositiva activa. Aumente la superposición cuando los medios se vean demasiado brillantes o distraigan en el fondo, y redúzcala cuando quiera que siga visible una mayor parte de la imagen o del video.

Si su imagen no aparece, compruebe si también se ha añadido un video, ya que el video reemplaza la imagen en este bloque.

Los controles de visibilidad le permiten ocultar este bloque en escritorio o en móvil. Esto resulta útil cuando quiere diferentes longitudes de texto, recortes de medios alternativos o un contenido de diapositiva más simple en pantallas pequeñas. Para conocer el comportamiento relacionado del editor, consulte la documentación de Shopify sobre la personalización de secciones

Al crear versiones separadas para móvil y escritorio, mantenga coherente el mensaje para que los clientes no vean contenido de diapositiva contradictorio entre dispositivos. También puede revisar la referencia de ajustes de visibilidad proporcionada por la fuente.

  1. Mantenga el texto conciso. Los encabezados breves y el texto de apoyo corto son más fáciles de asimilar dentro de una presentación.
  2. Elija los medios con intención. Use video solo cuando el movimiento aporte un valor claro, y prefiera imágenes cuando quiera una diapositiva más ligera y sencilla.
  3. Ajuste con cuidado las superposiciones inactivas. Modifique el color y la opacidad de la superposición para que las diapositivas no activas sigan siendo visibles sin competir con la activa.
  4. Planifique las diferencias entre dispositivos. Revise tanto la versión de escritorio como la de móvil, ya que los controles, la alineación, la visibilidad y el comportamiento de los medios pueden variar según la vista.
  5. Use un estilo alternativo cuando sea posible. Los valores en blanco o con estilo predeterminado suelen conservar el diseño circundante, mientras que los colores explícitos, los degradados o las anulaciones de medios hacen que la diapositiva se sienta más independiente.
  6. Compruebe el comportamiento de los medios activos. Si configura medios separados para escritorio y móvil, confirme el recorte, la carga y la legibilidad en ambos diseños antes de publicar.