Secciones para Supply

El contenido del tema se crea usando secciones. Las secciones son bloques personalizables de contenido que determinan el diseño y la apariencia de las diferentes páginas en tu tienda online. Puedes agregar, eliminar, editar y personalizar secciones usando el editor de temas actualizado.

Los temas de Shopify tienen los siguientes tipos de secciones:

  • Secciones estáticas: son secciones que aparecen en sitios predeterminados en tu tienda online. Estas secciones no se pueden eliminar ni reorganizar. Las secciones estáticas pueden incluir encabezados, pies de página, secciones de navegación o secciones de contenido en páginas como páginas de productos y páginas de colección. Por ejemplo, la sección Producto determina el aspecto de cada página de producto en tu tienda online.
  • Secciones dinámicas: son secciones opcionales que puedes usar para personalizar el diseño de tu página de inicio. En la página de inicio de tu tienda, puedes agregar, reorganizar y eliminar secciones dinámicas para crear el diseño de la página. Puedes tener hasta 25 secciones dinámicas en tu página de inicio.

Puedes aprender sobre la selección única de secciones de Supply y cómo personalizarlas para que se adapten a tu negocio.

Secciones estáticas

Supply incluye las siguientes secciones estáticas:

  • Encabezado
  • Pie de página
  • Producto
  • Colección
  • Página de lista de colecciones
  • Páginas del artículo

Secciones dinámicas

Supply incluye las siguientes secciones dinámicas:

  • Entradas del blog
  • Lista de colecciones
  • colección destacada
  • Imagen con texto
  • Diapositivas
  • Producto destacado
  • Boletín
  • Mapa
  • Texto enriquecido
  • video
  • Contenido personalizado

Encabezado

El encabezado de tu tema es la sección que aparece en la parte superior de cada página en tu tienda.

Puedes personalizar los siguientes elementos en tu encabezado:

  • Logo
  • Barra de anuncios
  • Menú

Agregar un logo personalizado

Puedes agregar un logotipo personalizado al encabezado de tu tienda. El mejor formato es un archivo .png con un fondo transparente. Supply se ve mejor con un logo que sea de 400 px de ancho. Puedes cambiar el tamaño de la imagen del logo aumentando o reduciendo el ancho. No aumentes el valor por encima del ancho original de la imagen del logo. Si lo haces se puede causar distorsión y pérdida de la calidad de la imagen.

Si no agregas una imagen de logo, el nombre de tu tienda se mostrará como texto. Puedes cambiar el nombre de tu tienda en la página de configuración Información de la tienda en el panel de control de Shopify.

  • Ancho de logo personalizado: el ancho del logo.
  1. Haz clic en Encabezado. 2. En el área Imagen de logo, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones: * Para seleccionar una imagen que ya has subido a tu panel de control de Shopify, haz clic en la pestaña Biblioteca. * Para seleccionar una imagen desde tu computadora local, haz clic en Biblioteca > Subir. 3. Usa la configuración para personalizar el tamaño y la posición de tu logo. 4. Haz clic en Guardar.

Agregar una barra de anuncios

Puedes agregar una barra de anuncios en el encabezado que puedes usar para mostrar un mensaje a tus clientes. Tu mensaje es completamente personalizable y puede incluir información de contacto, información sobre eventos u ofertas de la tienda, o el eslogan de la tienda. El mensaje puede tener hasta 55 caracteres de longitud.

  1. Haz clic en Encabezado.
  2. En el área de Barra de anuncios, marca Mostrar anuncio.
  3. Introduce el texto de tu anuncio.
  4. Opcional: introduce una URL para agregar un enlace a tu anuncio.
  5. Haz clic en Guardar.

Agregar un menú

Puedes agregar un menú a tu encabezado. Esto muestra todos los enlaces del menú en tu encabezado, los cuales pueden usarse para destacar las páginas frecuentes a las que tus clientes desean acceder. Por ejemplo, puedes agregar un menú que contenga enlaces a tus colecciones.

  1. Haz clic en Encabezado.

  2. Para seleccionar un menú, haz clic en Cambiar. Selecciona un menú de la lista o haz clic en Crear menú para crear uno nuevo.

  3. Para editar el menú, haz clic en Editar menú.

  4. Haz clic en Guardar.

Pie de página

El pie de página de tu tema es la sección que aparece en la parte inferior de cada página de tu tienda. Puedes agregar lo siguiente al pie de página:

  • iconos de redes sociales
  • íconos de pago
  • menú horizontal
  • suscripción a un boletín
  • texto personalizado
  • enlaces rápidos

Agregar íconos de redes sociales

Puedes activar una opción para mostrar íconos de redes sociales en el pie de página de tu tienda online. Los íconos de redes sociales que aparecen en el pie de página dependen de la configuración de tu tema.

  1. Haz clic en Pie de página.
  2. Marca Mostrar íconos de redes sociales.
  3. Haz clic en Guardar.

Agregar íconos de pago

Puedes mostrar los íconos de las formas de pago que aceptas en el pie de página. En esta área se muestran los íconos asociados con el proveedor de pagos que has activado en la sección de configuración de pago de tu panel de control. Cuando un cliente visita tu tienda, estos íconos se filtran para que solo se muestren las formas de pago admitidas en la región y moneda del cliente actual.

  1. Haz clic en Pie de página.

  2. Marca Mostrar íconos de pago.

  3. Haz clic en Guardar.

Agregar un menú horizontal

Puedes agregar un menú en tu pie de página. Este muestra todos los enlaces del menú en una barra horizontal en la parte inferior del pie de página. Puedes usar este menú para vincular a páginas a las que tus clientes típicamente desean acceder. Por ejemplo, puedes agregar un menú que contenga enlaces a tus políticas de envío y devolución.

  1. Haz clic en Pie de página.
  2. Edita la configuración del Menú legal. Para seleccionar un menú, haz clic en Cambiar. Selecciona un menú de la lista o haz clic en Crear menú para crear uno nuevo.
  3. Para editar el menú, haz clic en Editar menú.
  4. Haz clic en Guardar.

Agregar un menú, una suscripción al boletín o un texto

Puedes agregar hasta nueve bloques de contenido al pie de página.

  1. Haz clic en Pie de página.

  2. Para agregar un bloque de contenido, en el área Contenido, haz clic en Agregar contenido. Selecciona el tipo de bloque de entre las siguientes opciones:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Para eliminar un bloque de contenido, haz clic en el bloque y luego haz clic en Eliminar contenido.

Para personalizar un bloque de contenido, haz clic en el bloque y edita la configuración.

  1. Haz clic en Guardar.

Producto

La sección Producto es la sección personalizable principal para las páginas de productos. Puedes personalizar esta sección usando las siguientes opciones:

  • Activar zoom de imagen: permite a los clientes hacer zoom pasando el puntero sobre la imagen del producto.
  • Mostrar selector de cantidad: permite a los usuarios especificar una cantidad para agregarla a su carrito.
  • Mostrar mensaje de cantidad restante: muestra el inventario restante cuando haya poco inventario. El mensaje de cantidad restante aparece cuando hay 9 o menos artículos de la variante seleccionada en existencias. Para que aparezca este mensaje, debes activar el seguimiento de inventario para el producto.
  • Mostrar mensaje de transferencia de inventario entrante cuando esté agotado: muestra un mensaje que indique cuándo volverá a estar disponible un producto agotado. El mensaje que aparece es "estará disponible después de [fecha]". Para que se muestre este mensaje, debes crear una transferencia para el producto para registrar el inventario entrante.
  • Mostrar proveedor: muestra la marca o el proveedor del producto. Para que se muestre una marca o un proveedor, debes agregar un proveedor al producto.
  • Mostrar monto ahorrado: muestra el monto que el cliente está ahorrando. El monto ahorrado es la diferencia entre el precio regular y el precio de comparación del producto. Para que se muestre el monto ahorrado, debes fijar un precio de comparación para el producto.
  • Mostrar precio de comparación: muestra el precio de comparación del producto.
  • Mostrar productos relacionados: muestra una selección de productos relacionados en la parte inferior de la página. La colección a la que pertenece el producto determina los productos relacionados que aparecen en esta sección. Para que se muestren los productos relacionados, debes agregar un producto a una colección. Si el producto no es parte de una colección, o el producto es el único elemento de la colección, no se mostrarán productos relacionados.
  • Mostrar botón de pago dinámico: permite que los clientes omitan el paso del carrito y vayan directamente a la pantalla de pago desde la sección de productos destacados.
  • Activar función de compartir productos: Mostrar botones que los clientes pueden usar para compartir productos en redes sociales. Las opciones de compartir que aparecen están controladas por tu configuración de tema.
  • Activar reseñas de productos: agrega una sección de reseñas de productos a la página. Para que se muestren las reseñas, debes instalar la aplicación gratuita Reseñas de productos de Shopify y recibir reseñas de tu producto.
  • Selector de variantes y tamaño del botón: selecciona un tamaño en este menú desplegable para establecer el tamaño del selector de variantes, el botón Agregar al carrito y el botón de pago dinámico.

Editar la configuración del producto

  1. Selecciona Páginas de productos.
  2. Haz clic en la sección Producto.
  3. Usa la configuración para personalizar tu sección de productos.
  4. Haz clic en Guardar.

Colección

La sección Colección es la sección personalizable principal para las páginas de colecciones.

La sección Colección incluye las siguiente configuraciones:

  • Productos por fila: define el número de productos para mostrar en cada fila en la página de colección.
  • Filas por página (solo cuadrícula): selecciona la cantidad de filas de productos que se mostrarán en la página de colección.
  • Filtros de productos de la barra lateral: elige si deseas ordenar colecciones por etiquetas de producto o por grupos de filtros en la barra lateral.
  • Mostrar precio de comparación: muestra el precio de comparación del producto.
  • Mostrar monto ahorrado: muestra el monto que el cliente está ahorrando. El monto ahorrado es la diferencia entre el precio regular y el precio de comparación del producto. Para que se muestre el monto ahorrado, debes fijar un precio de comparación para el producto.
  • Activar reseñas de productos: muestra distintivos de calificación de reseñas en la página. Para que se muestren los distintivos de calificación de reseñas, debes instalar la aplicación gratuita Reseñas de productos de Shopify y recibir reseñas de tus productos.
  • Activar barra lateral: muestra una barra lateral para permitir que los clientes filtren tus productos utilizando el tipo de filtro seleccionado.

Editar la configuración de colección

  1. Selecciona Páginas de colecciones.
  2. Haz clic en la sección Colección.
  3. Usa la configuración para personalizar tu sección de colecciones.
  4. Haz clic en Guardar.

Lista de colecciones

Usa la sección Lista de colección para destacar hasta 6 colecciones de productos en tu página de inicio.

Agregar una lista de colección a tu página de inicio

  1. Haz clic en Agregar sección. 2. Haz clic en Lista de colecciones y luego haz clic en Seleccionar. 3. Para agregar colecciones a la sección, personaliza cada bloque de Colección: * Haz clic en un bloque de colección y luego haz clic en Seleccionar una colección. * En la lista desplegable Colección, selecciona una colección para mostrar o haz clic en Crear colección para crear una nueva. * Haz clic en Seleccionar. 4. Para agregar bloques de colección adicionales, haz clic en Agregar colección. 5. Haz clic en Guardar.

colección destacada

Puedes exhibir una colección en tu página de inicio: Destacar colecciones puede ayudarte a promover ventas y nuevas colecciones.

La sección Colección destacada incluye las siguientes configuraciones:

  • Encabezado: agrega un encabezado a la sección de colección destacada.
  • Colección : elige la colección que aparece en la sección.
  • Productos por fila: elige el número de productos a mostrar en cada fila en la sección.
  • Filas: elige el número de filas de productos para mostrar en la sección.
  • Mostrar monto ahorrado: muestra el monto que el cliente está ahorrando. El monto ahorrado es la diferencia entre el precio regular y el precio de comparación del producto. Para que se muestre el monto ahorrado, debes fijar un precio de comparación para el producto.
  • Mostrar precio de comparación: muestra el precio de comparación del producto.

Agregar una colección destacada a tu página de inicio

  1. Haz clic en Agregar sección. 2. Haz clic en Colección destacada y luego haz clic en Seleccionar. 3. Haz clic en Seleccionar colección, selecciona una colección para mostrar y luego haz clic en Seleccionar. 4. Usa la configuración para personalizar la sección de tu colección destacada. 5. Haz clic en Guardar.

Diapositivas

La sección Presentación de diapositivas te permite subir imágenes para usarlas en una presentación de diapositivas en tu página de inicio.

Puedes seleccionar hasta 6 imágenes de diapositivas para tu página de inicio. Puedes agregar un enlace a cada diapositiva en la que tus clientes pueden hacer clic para abrir una página en tu tienda.

Cada imagen de diapositiva debe ser 1000 px de ancho por 500 px de alto. Si usas imágenes de diapositivas con diferentes alturas, las imágenes pueden parecer que saltan o desarmarse entre transiciones de diapositivas.

La sección de presentación de diapositivas incluye las siguientes configuraciones:

Contenido

  • Imagen: agrega una imagen que se mostrará en tu presentación de diapositivas.
  • Enlace de URL: vincula tu diapositiva a otra parte de tu tienda online.

Configuración

  • Rotación automática de diapositivas: configura la presentación de las diapositivas para que se reproduzca automáticamente.
  • Tiempo de transición: elige la frecuencia con la que cambiarán las diapositivas.

Personalizar tu presentación de diapositivas

  1. Haz clic en Agregar sección.
  2. Haz clic en Presentación de diapositivas y luego haz clic en Seleccionar.
  3. Para agregar imágenes a la presentación de diapositivas, haz clic en un bloque de imagen para personalizarla:
    1. Haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones: - Para seleccionar una imagen que ya has subido a tu panel de control de Shopify, haz clic en la pestaña Biblioteca.
  4. Para seleccionar una imagen de archivo de Burst, haz clic en la pestaña Imágenes gratuitas. Desde aquí puede ingresar un término de búsqueda o explorar las categorías de imágenes.
  5. Para seleccionar una imagen de tu computadora, haz clic en la pestaña Biblioteca y luego haz clic en Subir imagen.

    1. Si quieres agregar un enlace a la diapositiva, realiza una de las siguientes acciones:
      • Si quieres vincular el texto de tu diapositiva a una página de tu tienda, haz clic en el campo Vínculo URL y selecciona una página.
      • Si quieres vincular el texto de tu diapositiva a un sitio web, pega la URL del sitio web en el campo de Enlace URL.
  6. Utiliza la configuración para personalizar la presentación de tus diapositivas.

  7. Haz clic en Guardar.

Boletín

Puedes agregar la suscripción a un boletín a la página de inicio. Esto te permite recopilar direcciones para las campañas de email marketing. Puedes obtener más información sobre el email marketing en el blog de Shopify.

Añadir un boletín a tu página de inicio

  1. Haz clic en Agregar sección.

  2. Haz clic en Boletín y luego haz clic en Seleccionar.

  3. Introduce un título para la suscripción al boletín.

  4. Introduce un subtítulo para la suscripción a tu boletín.

  5. Haz clic en Guardar.

Mapa

Puedes agregar un mapa de Google a tu página de inicio para mostrarles a los clientes dónde se encuentra tu empresa.

Sugerencia: para que se muestre tu mapa, debes registrar una clave API de Google Maps.

La sección del mapa incluye las siguientes configuraciones:

  • Encabezado: agrega un encabezado a tu sección del mapa.
  • Dirección y horarios: agrega la dirección y los horarios de tu tienda a tu sección del mapa.
  • Dirección del mapa: establece el mapa que mostrará la ubicación de tu tienda.
  • Etiqueta de enlace del mapa: agrega un botón que enlaza a tu ubicación en Google Maps.
  • Mostrar pin: agrega un pin que muestre la ubicación específica de tu tienda en el mapa.
  • Clave API de Google Maps: agrega la clave API de tu mapa a la sección de mapas.
  • Imagen: agrega una imagen que se mostrará si el mapa no se carga.
  • Posición de la imagen: establece la ubicación de la imagen.

Agregar un mapa a tu página de inicio

  1. Haz clic en Agregar sección.
  2. Haz clic en Mapa y luego haz clic en Seleccionar.
  3. Usa la configuración para personalizar tu sección de mapa.
  4. Haz clic en Guardar.

Texto enriquecido

Usa la sección Texto enriquecido para proponer cualquier contenido escrito que desees que aparezca en tu página de inicio o para incrustar cualquier página creada en tu panel de control de Shopify. Por ejemplo, puedes presentar los próximos eventos incrustando tu página de blog, o mostrando una página con alguno de los siguientes objetos:

La sección de texto enriquecido incluye las siguientes configuraciones:

  • Encabezado: agrega un encabezado a la sección de texto enriquecido.
  • Texto: agrega y formatea tu texto personalizado. Si deseas mostrar una página de tu tienda, haz clic en Agregar contenido y luego haz clic en Página. Selecciona una página para mostrarla como tu página de inicio a partir del menú desplegable.
  • Tamaño: establece el tamaño de tu texto.

Agregar texto enriquecido a tu página de inicio

  1. Haz clic en Agregar sección.

  2. Haz clic en Texto enriquecido y luego haz clic en Seleccionar.

  3. Usa la configuración para personalizar tu sección de texto enriquecido.

  4. Haz clic en Guardar.

video

Puedes agregar un video alojado en YouTube o Vimeo a tu página de inicio. Los videos pueden atraer clientes y generar interés por tu negocio.

Para agregar un video, necesitas encontrar el enlace para compartir el video:

  • YouTube: un enlace para compartir de Youtube se ve así: https://youtu.be/ZXWgHlnVVEY. Puedes aprender cómo copiar el enlace para compartir de un video de YouTube en este artículo de ayuda de YouTube.
  • Vimeo: un enlace para compartir de Vimeo se ve así: https://vimeo.com/123456789. Puedes aprender cómo copiar el enlace para compartir de un video de Vimeo en este artículo del Centro de ayuda de Vimeo.

La sección de video incluye las siguientes configuraciones:

  • Encabezado: agrega un encabezado a la sección de video.
  • Enlace de video: agrega el enlace para compartir tu video.

Agregar un video a tu página de inicio

  1. Haz clic en Agregar sección.
  2. Haz clic en Video y luego en Seleccionar.
  3. Usa la configuración para personalizar tu sección de video.
  4. Haz clic en Guardar.

Contenido personalizado

En la sección Contenido personalizado, puedes agrupar varios bloques de contenido. El ancho y la alineación de cada bloque pueden ajustarse para crear un diseño personalizado.

Puedes usar HTML para dar formato a bloques de texto, crear tablas o incrustar contenido de otro sitio web. Puedes agregar hasta nueve bloques HTML personalizados en una sección de contenido personalizado.

Cada bloque de HTML personalizada incluye las siguientes configuraciones:

  • HTML: agrega el código HTML que deseas que se muestre en tu página de inicio.
  • Ancho del contenedor: establece el ancho de tu bloque HTML personalizado.
  • Alineación vertical: establece la posición vertical del contenido del bloque.

Agregar contenido personalizado a tu página de inicio

  1. Haz clic en Agregar sección.

  2. Haz clic en Contenido personalizado y luego haz clic en Seleccionar.

  3. Selecciona y configura los bloques de contenido que deseas incluir en la sección.

  4. Haz clic en Guardar.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis