Secciones para Supply

Las secciones son bloques de contenido personalizables que determinan el diseño de las diferentes páginas en tu tienda online.

  • Las secciones de inicio incluyen funciones, como una presentación de diapositivas o la suscripción a un boletín, que puedes agregar, reorganizar o eliminar. Puedes tener hasta 25 secciones en tu página de inicio.

  • Cada tipo de página tiene sus propias secciones. Por ejemplo, la sección de página de producto determina el diseño de cada página de producto de tu tienda online.

  • Las secciones de página están siempre en lugares específicos en tu tienda online. Puedes personalizarlas, pero no puede reorganizarlas o eliminarlas.

  • Cada tema incluye secciones fijas, tales como el encabezado y pie de página que se muestran en cada página de tu tienda online.

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

Supply incluye las siguientes secciones estáticas:

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

Secciones dinámicas

Puedes agregar, reorganizar y eliminar secciones dinámicas para personalizar el diseño de tu página de inicio. Cada tema tiene un conjunto exclusivo de secciones dinámicas para elegir.

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

Supply incluye algunas configuraciones originales para el encabezado de tu tienda. Puedes elegir un menú para mostrar en tu encabezado, subir un logo y mostrar un mensaje a tus clientes.

Para personalizar el encabezado:

  1. Haz clic en la pestaña Secciones.

  2. Haz clic en Encabezado.

  3. Selecciona un menú para mostrar a partir de la lista de Menú.

Con Supply puedes tener un logo en el encabezado de tu tienda. Si estás usando un logo personalizado, entonces el mejor formato es un archivo .png con un fondo transparente.

Supply se ve mejor con un logo que sea de 400px de ancho. Puedes cambiar el ancho de tu imagen usando el campo Ancho de logo personalizado. 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.

Mensaje

Con Supply puedes incluir un mensaje en el encabezado de tu tienda de hasta 55 caracteres de longitud. Este mensaje aparece encima de la barra de búsqueda.

Por ejemplo, puede ingresar un mensaje de saludo, promocionar una venta o una nueva colección, o informar a tus clientes sobre retrasos en los envíos.

Para agregar un mensaje de encabezado:

  1. En el área de Mensaje, ingresa tu mensaje de encabezado.

  2. Puedes además poner parte del texto en negritas o cursivas.

  3. Haz clic en Guardar.

Pie de página

En la sección del pie de página, puedes editar el contenido que aparece en la parte inferior de cada página de la 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

La sección del pie de página de un sitio web que muestra un menú de enlaces rápidos, información de contacto, la suscripción a un boletín, un menú horizontal, texto de derechos de autos e iconos de pago.

Para personalizar la sección del pie de página:

  1. Haz clic en Personalizar junto a Supply.

  2. Haz clic en Secciones.

  3. Haz clic en Pie de página.

  4. Muestra íconos de redes sociales en el pie de página seleccionando Mostrar íconos de redes sociales. Elige qué cuentas enlazar desde la configuración del tema Redes sociales.

  5. Puedes agregar iconos de pago, como el de Mastercard o PayPal, al pie de página si marcas Mostrar iconos de pago.

  6. Agrega un menú horizontal a la parte inferior del pie de página desde el área Menú legal. Para editar el menú predeterminado, haz clic en Editar menú. Para cambiar a un menú diferente, haz clic en Cambiar y, luego, selecciona un menú existente o haz clic en Crear menú.

  7. Agrega hasta nueve bloques de contenido al pie de página en el área Contenido:

- Para agregar un bloque de contenido, haz clic en Agregar contenido. Selecciona el tipo de bloque de entre las siguientes opciones: - Menú - Texto enriquecido - Suscripción al boletín

- Para mover un bloque de contenido, haz clic en el icono ⁞⁞ y arrastra el bloque a otro lugar. - Para eliminar un bloque de contenido, haz clic en el bloque y, luego, 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.

Páginas de productos

En la sección Página de producto, puedes agregar o eliminar los elementos siguientes:

  • Ampliar imagen
  • Selector de cantidad
  • Información de inventario
  • La marca del producto o el proveedor
  • Información de ahorro
  • Productos relacionados
  • Botón de pago dinámico
  • Íconos de redes sociales
  • Reseñas de clientes

Para editar la configuración de las páginas de productos:

  1. En el menú desplegable de la barra superior, selecciona Páginas de productos.

  2. Haz clic en Secciones.

  3. Haz clic en Producto.

  4. Para dar la opción a tus clientes de ampliar las imágenes de los productos pasando el puntero por encima, marca Habilitar zoom de imagen.

  5. Para mostrar un selector de cantidad, marca Mostrar selector de cantidad.

  6. Si deseas mostrar la existencia cuando el inventario comienza a agotarse, marca Mostrar existencia cuando queden menos de 10 productos disponibles. Para que se muestre este mensaje, debes habilitar el seguimiento de inventario para el producto.

  7. Para mostrar un mensaje que indique cuándo volverá a estar disponible un producto agotado, marca Mostrar mensaje de transferencia de existencia cuando se agote. El mensaje que aparece es "Estará en existencia después de (fecha)". Para que aparezca este mensaje, debes crear una transferencia para el producto.

  8. Para mostrar la marca o el proveedor del producto, marca Mostrar proveedor del producto. Para que se muestre una marca o un proveedor, debes agregar un proveedor al producto.

  9. Para mostrar el monto que el cliente está ahorrando, marca Mostrar monto ahorrado. El monto ahorrado es la diferencia entre el precio regular y el precio comparado del producto. El monto ahorrado se redondea hacia abajo. Por ejemplo, si la diferencia de precio es de $25,51, el monto ahorrado es "$25". Para que aparezca el monto ahorrado, debes establecer un precio de comparación del producto.

  10. Para mostrar el precio de comparación, marca Mostrar precio de comparación.

  11. Para mostrar una selección de productos relacionados en la parte inferior de la página, marca Mostrar productos relacionados. La colección a la que pertenece el producto determina los productos relacionados que se muestran. Para que los productos relacionados se muestren, debes crear una colección para el producto o agregarlo a una colección. Si el producto no es parte de una colección, no se muestran productos relacionados.

  12. Para mostrar un botón de pago dinámico, marca la casilla Mostrar botón de pago dinámico.

  13. Para mostrar los íconos de redes sociales, marca Habilitar compartir productos.

  14. Para mostrar las reseñas de los clientes sobre el producto, marca Habilitar reseñas de productos. Para que aparezcan las reseñas, debes instalar la aplicación gratuita Reseñas de productos de Shopify y recibir comentarios sobre tus productos.

  15. Para establecer el tamaño del selector de variantes, el botón Agregar al carrito y el botón de pago dinámico, selecciona un tamaño en el menú desplegable Tamaño de selector de variantes y botón.

  16. Haz clic en Guardar.

Páginas de colección

Con Supply, puedes especificar cómo se ordenan las colecciones en el menú lateral de la página de colecciones. Puedes elegir ordenar por etiquetas de producto o por grupos de filtros.

  1. En la vista previa del editor de temas de tu tienda, abre una página de colecciones.

  2. Haz clic en la pestaña Secciones.

  3. Haz clic en Colección.

  4. En la lista desplegable Productos por fila, elige cuántos productos mostrar en cada fila.

  5. En la lista desplegable Filas por página, elige cuántas filas mostrar.

  6. En Filtros de productos de barra lateral, selecciona si quieres ordenar las colecciones por etiqueta de producto o por grupo de filtros.

  7. Para mostrar un precio de comparación cuando un producto de la colección está rebajado de su precio original o para compararlo con precios de la competencia, selecciona Mostrar precio de comparación.

  8. Para mostrar cuánto dinero están ahorrando los clientes cuando un producto está rebajado, marca Mostrar monto ahorrado.

  9. Para permitir reseñas de productos en tus páginas de colecciones, marca Habilitar reseñas de productos.

  1. Haz clic en Guardar.

Colecciones destacadas

Usa la sección Colecciones destacadas para seleccionar hasta 6 colecciones de productos para que aparezcan en tu página de inicio. Cuando un cliente hace clic en una colección destacada en tu página de inicio, se muestra el producto destacado de la colección. Si no tienes un producto destacado, se muestra la imagen del primer producto de la colección.

Para mostrar colecciones destacadas en tu página de inicio:

  1. Haz clic en la pestaña Secciones.

  2. Haz clic en Colecciones destacadas.

  3. En el área de Contenido, haz clic en Colección.

  4. En la lista desplegable Colección, selecciona una colección para mostrar.

  5. Continúa agregando colecciones hasta que hayas seleccionado todas las colecciones que quieres mostrar.

  6. Haz clic en Guardar.

Diapositivas

La sección Presentación de diapositivas te permite cargar imágenes para usarlas en tu presentación de diapositivas. Puedes elegir si las imágenes en la presentación de diapositivas rotan automáticamente, y puedes establecer la frecuencia en segundos con la que rotan las imágenes.

Con Supply puedes seleccionar hasta 6 imágenes de diapositivas para tu página de inicio. Puedes agregar un enlace URL a cada diapositiva en la que tus clientes puedan 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.

Para personalizar tu presentación de diapositivas:

  1. Haz clic en la pestaña Secciones.

  2. Haz clic en Presentación.

  3. En el área Configuración, marca Rotación automática de diapositivas si quieres que las imágenes roten automáticamente.

  4. En la lista desplegable Tiempo de transición, selecciona una frecuencia de rotación, en segundos.

Para agregar una imagen de diapositiva:

  1. En el área de Contenido, haz clic en Imagen.

  2. En el área Imagen, 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 de la Colección de imágenes de Burst de Shopify, 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. - Para seleccionar una imagen desde tu computadora, haz clic en la pestaña Biblioteca, y luego haz clic en el botón del signo "+".

  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 el URL del sitio web en el campo de Enlace de la diapositiva.

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

La sección del boletín en un sitio web. Hay un campo para que los clientes introduzcan una dirección de correo electrónico y un botón que dice

Para agregar la opción de suscripción al boletín a la página de inicio:

  1. Haz clic en Personalizar junto a Supply.

  2. Haz clic en Secciones.

  3. Haz clic en Agregar sección > Boletín.

  4. Introduce un título para la suscripción al boletín en el campo Título. El título predeterminado es "Suscríbete a nuestro boletín".

  5. Introduce un subtítulo para la suscripción al boletín en el campo Subtítulo. El texto predeterminado es "Promociones, nuevos productos y ventas. Directamente a tu bandeja de entrada".

  6. Haz clic en Guardar.

video

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

Para agregar un video a la página de inicio:

  1. Haz clic en Personalizar junto a Supply.

  2. Haz clic en Secciones.

  3. Haz clic en Agregar sección > Video.

  4. Introduce un título para el video en el campo Título.

  5. Introduce un enlace para compartir el video en el campo Enlace de video.

    Un enlace para compartir un video de YouTube tiene este formato: https://youtu.be/OTJXAUZY9t0. Puedes aprender cómo copiar el enlace para compartir un video de YouTube en este artículo de ayuda de YouTube.

    Un enlace para compartir un video de Vimeo tiene este formato: https://vimeo.com/281332510. Puedes aprender cómo copiar el enlace para compartir un video de Vimeo en este artículo del Centro de ayuda de Vimeo.

  6. Haz clic en Guardar.

Contenido personalizado

En la sección Contenido personalizado, puedes usar código HTML para crear contenido personalizado para tu página de inicio. Por ejemplo, puedes usar HTML para dar formato a bloques de texto, crear tablas o insertar contenido desde un sitio web externo.

Para agregar contenido personalizado a tu página de inicio:

  1. Haz clic en Personalizar junto a Supply.

  2. Haz clic en Secciones.

  3. Haz clic en Agregar sección.

  4. En el área Diseño avanzado, haz clic en Contenido personalizado > Agregar.

  5. Haz clic en Contenido personalizado e introduce el código HTML que deseas agregar a tu página de inicio.

  6. Haz clic en Guardar.

¿Estas listo(a) para comenzar a vender con Shopify?

Pruébala gratis