Secciones para Express

El contenido del tema se crea usando secciones. Las secciones son bloques de contenido personalizables que determinan el diseño y la apariencia de las diferentes páginas en tu tienda online.

Las secciones estáticas son secciones que aparecen en sucursales predeterminadas 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 de producto determina el aspecto de cada página de producto en tu tienda online.

Las 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, reorganizary 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 Express y cómo personalizarlas para que se adapten a tu negocio.

Secciones estáticas

Express incluye las siguientes secciones estáticas:

  • Encabezado
  • Pie de página
  • Producto
  • Recomendaciones de productos

Secciones dinámicas

Express incluye las siguientes secciones dinámicas:

  • Colecciones destacadas
  • Producto destacado
  • Contenido personalizado
  • Imagen con texto

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ú
  • Búsqueda

Agregar un logo personalizado

Puedes agregar una imagen de logo personalizado al encabezado de tu tienda. El mejor formato es un archivo de .png con un fondo transparente. El ancho máximo para un logo es 180 px. Puedes cambiar el tamaño de la imagen del logo aumentando o reduciendo el ancho.

  1. Haz clic en Encabezado. 5. En el área Imagen del 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 de tu computadora, haz clic Biblioteca > Subir. 6. Usa la barra ancho del logo personalizado para personalizar el ancho del logo. 8. 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.

  1. Haz clic en Encabezado. 5. En el área Barra de anuncio, marca Mostrar anuncio. 6. Introduce el texto de tu anuncio. 7. Opcional: introduce una URL para agregar un enlace a tu anuncio. 8. Opcional: en el menú Íconos, selecciona un ícono para mostrar en la barra de anuncios. El ícono usa el mismo color que el texto de tu anuncio. 9. Para cambiar el color del fondo de la barra de anuncios, haz clic en la paleta de color Barra y elige un color. 10. Para cambiar el color del texto del anuncio, haz clic en la paleta de colores Texto y elige un color. 11. 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.

Activar búsqueda

Puedes agregar una opción de búsqueda a tu encabezado para que los clientes puedan ubicar rápidamente los artículos en tu tienda.

  1. Haz clic en Encabezado. 2. Marca Mostrar búsqueda. 3. 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:

  • íconos de pago
  • un menú
  • suscripción a un boletín
  • Una sección de texto que contiene información sobre tu negocio
  • iconos de redes sociales
  • Un selector de idioma

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 pago que has activado en la sección de configuración de pago de tu panel de control.

  1. Haz clic en Pie de página.

  2. Marca Mostrar íconos de pago.

  3. Haz clic en Guardar.

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

  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:

  • Menú
  • Boletín
  • Texto

    Puedes agregar hasta 4 bloques de contenido.

    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.

Agregar íconos de redes sociales

  1. Haz clic en Configuración del tema.

  2. Haz clic en Redes sociales.

    1. Para subir una imagen para compartir en redes sociales, en el área Imagen para compartir en redes sociales, haz clic en Seleccionar imagen o Explorar imágenes gratis.
  3. Para agregar botones de compartir en redes sociales a tus productos y artículos de blog, marca cualquiera o todas las siguientes opciones:

- Compartir en Facebook - Compartir en Twitter - Publicar en Pinterest (no disponible para blogs)

  1. Para agregar enlaces a tus cuentas en las redes sociales, introduce los enlaces a tus cuentas en los campos en la sección Cuentas. Introduce enlaces completos, como https://instagram.com/shopify o https://twitter.com/shopify.

    1. Para cambiar el estilo de los botones para compartir, selecciona Marca completa o Solo logo en el menú Estilo de botón.
  2. Haz clic en Guardar.

Agregar un selector de idioma

Solo debes agregar un selector de idioma si has activado varios idiomas en la tienda.

  1. Haz clic en Secciones.

  2. Haz clic en Pie de página.

  3. En Selector de idioma, selecciona Mostrar selector de idioma.

  4. Haz clic en Guardar.

Producto

La página de producto aparece cuando un comprador hace clic en un producto de una colección destacada. Muestra la descripción, el precio, las variantes y las imágenes de tu producto. Puedes elegir si deseas dirigir a los usuarios a una nueva página o mostrar los detalles del producto en una sobreposición en la página de inicio. Esta configuración depende de la configuración de tu tema. Cuando se activa la opción Mostrar las páginas de productos en una sobreposición, la página del producto aparece como una sobreposición cuando se selecciona un producto de una colección destacada.

La sección de productos incluye las siguientes configuraciones:

  • Mostrar selector de cantidad: permite a los usuarios especificar una cantidad para agregarla a su carrito.
  • Mostrar proveedor: muestra la marca o proveedor del producto en la página de producto. Para que se muestre una marca o un proveedor, debes agregar un proveedor al producto.
  • 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.
  • Mostrar páginas de producto en una sobreposición: selecciona esta opción para mostrar los detalles del producto en una sobreposición en la página actual. Esta sobreposición aparece cuando se selecciona un producto de una colección destacada.
  • Mostrar botones para compartir en redes sociales: muestra botones que tus clientes pueden usar para compartir tus productos en redes sociales. Estos botones se controlan en configuración de temas.

Editar la configuración del producto

  1. Haz clic en Producto. 2. Usa la configuración para personalizar tu página de producto. 3. Haz clic en Guardar.

Recomendaciones de productos

Puedes mostrar los productos recomendados en las páginas de productos para que los clientes puedan descubrir otros productos que podrían interesarles.

Si Mostrar páginas de productos en una sobreposición está activado para tu página de producto, los productos aparecen en una sobreposición sobre la página actual cuando se abre desde esta sección.

Activar recomendaciones de productos

  1. Selecciona Páginas de productos.

  2. Haz clic en la sección Recomendaciones de productos.

  3. Marca Mostrar recomendaciones dinámicas para mostrar recomendaciones de productos en las páginas de tus productos.

  4. Opcional: para cambiar el título que aparece encima de los productos recomendados, introduce uno nuevo en el campo Encabezado.

    1. Opcional: si deseas que los clientes puedan agregar productos al carrito directamente desde la sección Recomendaciones de productos, selecciona Activar el botón "compra rápida".
    2. Opcional: Para mostrar u ocultar los proveedores en las descripciones de productos, utiliza la casilla Mostrar proveedor.
  5. Haz clic en Guardar.

Colecciones destacadas

Puedes destacar varias colecciones en una sola sección en tu página de inicio. Las colecciones aparecen como pestañas por las que los clientes pueden navegar.

Cuando un cliente agrega uno o más productos de una colección destacada a su carrito, la cantidad del producto agregada al carrito se muestra en forma de emblema en el producto.

Una sección de colección destacada que contiene varias colecciones. Los nombres de las colecciones aparecen como pestañas donde se puede hacer clic, en la parte superior de la sección.

La sección de colecciones destacadas incluye las siguientes configuraciones:

  • Colección: elige las colecciones que deseas incluir en la sección de colecciones destacadas.
  • Tamaño de la lista de colecciones: selecciona la cantidad de productos que se mostrarán de forma predeterminada. Esta configuración se aplica a todas las colecciones en la sección Colecciones destacadas. - Pequeña: 6 productos

    • Mediana: 18 productos
    • Grande: 36 productos
  • Estilo de imagen: elige el estilo de recorte de imagen para las imágenes de productos en las colecciones. Esta configuración se aplica a todas las colecciones en la sección.

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

  1. Haz clic en Agregar sección. 2. Haz clic en Colecciones destacadas y luego haz clic en Seleccionar. 3. En el área de contenido, selecciona un bloque de Colección o haz clic en Agregar colección. 4. Haz clic en Seleccionar colección. 5. En la lista Colección, selecciona la colección que deseas que aparezca en la pestaña y luego haz clic en Seleccionar.
To add a collection, click the **Add collection** link to open the [**Create collection**](/manual/products/collections) page in a new tab.

To add or remove products from the selected collection, click the **Edit collection** link to open the **Collections** page in a new tab.
  1. Repite los pasos 3 al 5 para agregar más colecciones a la sección.
  2. Haz clic en Guardar.

Producto destacado

Puedes destacar un producto en tu página de inicio. Destacar un producto es una excelente manera de promocionar un producto nuevo o que está en oferta. Los clientes pueden ver más imágenes del producto usando las flechas de izquierda y derecha debajo de la imagen.

La sección de productos destacados incluye la siguiente configuración:

  • Producto: elige el producto que deseas destacar en la página de inicio.
  • Mostrar selector de cantidad: permite a los usuarios especificar una cantidad para agregarla a su carrito.
  • Mostrar proveedor: muestra la marca o el proveedor del producto en la sección de productos destacados. Para que se muestre una marca o un proveedor, debes agregar un proveedor al producto.
  • Mostrar botones 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.
  • Mostrar botones para compartir en redes sociales: muestra botones que tus clientes pueden usar para compartir tus productos en redes sociales. Estos botones se controlan en configuración de temas.
  • Estilo de imagen: elige si deseas agregar un recorte cuadrado o circular a las imágenes de tu producto destacado.

Agregar una sección de productos destacados

  1. Haz clic en Agregar sección. 2. Haz clic en Producto destacado, y luego haz clic en Seleccionar. 3. Usa la configuración para personalizar tu sección de productos destacados. 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.

La sección de Contenido personalizado incluye las siguientes configuraciones:

  • Encabezado: el título de la sección.
  • Diseño móvil: el diseño de los bloques al visualizar tu tienda desde un dispositivo móvil. Elige entre las siguientes opciones: - Cuadrícula: los bloques de hasta el 50% de ancho aparecen en la misma fila. Los cuadros de más del 50% de ancho aparecen en su propia fila.
    • Columna: cada bloque aparece en su propia fila.
    • Carrusel: los bloques se contraen en una sola sección estilo presentación de diapositivas. Los clientes pueden hacer clic en las flechas de navegación para ver bloques adicionales.

Puedes seleccionar entre los siguientes tipos de bloques.

Tipos de bloques de contenido personalizado
Tipo de bloque Configuración
Texto

Encabezado: agrega un encabezado al bloque de texto.

Texto: agrega y formatea tu texto personalizado.

Etiqueta de botón: agrega un botón con una etiqueta de texto al bloque.

Enlace de botón: agrega el texto que deseas que aparezca en el botón.

Tamaño del texto: establece el tamaño del texto.

Ancho del cuadro: establece el ancho del bloque.

Alineación vertical: establece la posición vertical del contenido en la sección.

Alineación horizontal: establece la posición horizontal del contenido en el bloque.

Imagen

Imagen: agrega una imagen para mostrar en el bloque. Puedes subir una imagen, usar una imagen que hayas subido antes o seleccionar una imagen de archivo gratis en Burst.

Ancho del cuadro: establece el ancho del bloque.

Alineación vertical: establece la posición vertical del contenido en la sección.

Producto

Producto: selecciona un producto para destacarlo en el bloque. Se muestra el nombre, la imagen y el precio del producto. Si el producto no tiene imagen, el título del producto aparece en el bloque.

Ancho del cuadro: establece el ancho del bloque.

Alineación vertical: establece la posición vertical del contenido en la sección.

Si Mostrar páginas de productos en una sobreposición está activado para tu página de producto, los productos aparecen en una sobreposición sobre la página actual cuando se abre desde esta sección.

Colección

Colección: selecciona una colección para destacar en el bloque. Se muestra el título de la colección y la imagen destacada. Si no hay imagen destacada, se muestra una imagen del primer producto de la colección. Si los productos de la colección no tienen imágenes, el título de la colección aparece en el bloque.

Ancho del cuadro: establece el ancho del bloque.

Alineación vertical: establece la posición vertical del contenido en la sección.

Menú

Menú: selecciona un menú para mostrar en el bloque.

Encabezado: agrega un encabezado al menú.

Ancho del cuadro: establece el ancho del bloque.

Alineación vertical: establece la posición vertical del contenido en la sección.

Alineación horizontal: establece la posición horizontal del contenido en el 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.

Imagen con texto

Con Express puedes agregar una imagen con texto que se muestra a la derecha o a la izquierda de la imagen. También puedes agregar un botón que sirva de enlace a otra página.

Puedes usar una sección de imagen con texto para promocionar un producto o colección específicos.

La sección de imagen con texto incluye las siguientes configuraciones:

  • Imagen: agrega una imagen para incluir en la sección. Puedes subir una imagen, usar una imagen que hayas subido antes o seleccionar una imagen gratis de archivo en Burst.
  • Título: agrega el texto principal que irá con la imagen.
  • Texto: agrega el texto secundario que irá con la imagen. Este texto aparece debajo del texto del título.
  • Etiqueta de botón: agrega el texto que deseas que aparezca en el botón.
  • Enlace de botón: define la URL o página a la que deseas vincular el botón. Pega la URL o selecciona una página del menú. Si no deseas incluir un botón en la sección, deja este campo en blanco.

Opciones de diseño

  • Escritorio: elige si la imagen en la sección aparece a la derecha o a la izquierda cuando se ve en una computadora de escritorio. Para mostrar la imagen a la izquierda, selecciona la opción Imagen primero.
  • Móvil: elige si la imagen en la sección aparece primero o segundo cuando se ve en un dispositivo móvil.
  • Fondo secundario: selecciona si deseas agregar un color de fondo secundario a la sección. Selecciona Parcial para agregar el color de fondo a las tres quintas partes superiores de la sección. Este color se puede modificar en la configuración del tema.
  • Tamaño del texto: Elige el tamaño relativo del título y del texto en la sección.
  • Mantener aspecto de imagen: selecciona esta opción para evitar que se recorte la imagen seleccionada. Si dejas esta opción desmarcada, la imagen se recortará en forma de cuadrado.
  • Habilitar color de texto secundario: selecciona esta opción para usar el color de texto de fondo secundario para el título y el texto. Este color se puede modificar en la configuración del tema.

Agregar una sección de imagen con texto a tu página de inicio

  1. Haz clic en Agregar sección. 2. Haz clic en Imagen con texto y luego haz clic en Seleccionar. 3. En el área Image, 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 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.
    • Para seleccionar una imagen de tu computadora, haz clic en la pestaña Biblioteca y luego haz clic en Subir imagen.
  2. Usa la configuración para personalizar la sección. 5. Haz clic en Guardar.

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

Pruébala gratis