Secciones y bloques

Esta página fue impresa el Sep 08, 2024. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/online-store/themes/theme-structure/sections-and-blocks.

Puedes usar secciones del tema a fin de crear el diseño que deseas para tu tienda online. La mayoría de las secciones están hechas de bloques que tienen una función específica, como texto, botones, imágenes individuales, un collage de imágenes o enlaces. El uso de secciones y bloques en las plantillas proporciona flexibilidad en la forma en que ordenas el contenido, lo que te permite controlar el estilo y aspecto de la tienda online sin necesidad de editar el código. Cada plantilla puede tener hasta 25 secciones.

Cada sección tiene una variedad específica de bloques que puedes agregarle. Puedes agregar hasta 50 bloques por sección. Las secciones y bloques disponibles dependen de tu tema. A fin de obtener más información sobre qué opciones están disponibles para ti, consulta la documentación de tu tema.

Algunas secciones tienen límites en la cantidad de bloques que puedes agregar o en la cantidad de bloques de cierto tipo. Por ejemplo, en la sección Imagen con texto solo se muestran los bloques que el diseñador del tema específica para tu tema. En Dawn, el tema gratuito de Shopify, puedes agregar solo uno de cada uno de los siguientes bloques a la sección Imagen con texto:

  • un bloque de título;
  • un bloque de texto;
  • un bloque de botón;
  • un bloque de subtítulos.

Puedes personalizar aún más la sección Imagen con texto con las siguientes opciones:

  • agregar una imagen y establecer su tamaño;
  • seleccionar un estilo de animación para tu imagen;
  • elegir la alineación del contenido de tus bloques;
  • establecer un esquema de colores para la sección.

Si alcanzas la cantidad máxima de bloques que puedes agregar, la opción Agregar bloque del editor de temas aparece en gris y no puedes hacer clic en ella ni tocarla. Por ejemplo, en la sección Imagen con texto del tema Dawn, si agregaste un bloque de encabezado, de texto, de botón y de subtítulo, se muestra la opción Agregar bloque (4/4) porque ya agregaste los 4 bloques disponibles en la sección Imagen con texto.

Si las secciones que agregas al diseño de tu tienda no incluyen la configuración o las opciones que necesitas, puedes editar el código del tema o contactar con el desarrollador del tema para obtener ayuda.

En esta página

Personaliza las plantillas de tu tema con secciones y bloques

Cuando abres el editor de temas, la página de inicio de tu tienda se carga de forma predeterminada. Puedes usar el menú desplegable para seleccionar una plantilla diferente, como productos, colecciones, páginas o blogs. También puedes usar la barra de búsqueda del menú desplegable de la plantilla a fin de buscar una plantilla específica. Cuando seleccionas una plantilla, se carga en el editor de temas y cualquier cambio que realices se visualiza de forma previa en el editor.

Agregar una sección

Agrega una nueva sección a cualquier página de tu tienda online.

Pasos:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Personaliza tu página de inicio o haz clic en el menú desplegable Página de inicio y, luego, selecciona la plantilla a la que deseas agregar una sección.

  4. En la barra lateral, haz clic en Agregar sección y, luego, sigue uno de los pasos a continuación:

    • Selecciona una sección de la lista.
    • Usa el campo Buscar secciones para buscar una sección específica y, luego, selecciónala.

  5. Personaliza tu sección nueva. Para ello, sigue cualquiera de los pasos a continuación:

    • Edita la configuración y el contenido de tu nueva sección.
    • Edita la configuración y el contenido de los bloques predeterminados que se cargan con la sección.
    • Haz clic en Agregar bloque para agregar un bloque nuevo.

  6. Opcional: Para reorganizar el orden de las secciones de tu página, pasa el cursor sobre el nombre de la sección y, luego, haz clic en el ícono ⋮⋮ y arrástralo.

  7. Haz clic en Guardar.

  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Personaliza tu página de inicio o toca el menú desplegable Página de inicio y, luego, selecciona la plantilla a la que deseas agregar una sección.

  6. Toca Secciones, Agregar sección y, luego, sigue uno de los pasos a continuación:

    • Selecciona una sección de la lista y, luego, toca Agregar.
    • Toca el ícono de lupa para buscar una sección específica, seleccionala y, luego, toca Agregar.

  7. Personaliza tu sección nueva. Para ello, sigue cualquiera de los pasos a continuación:

    • Edita la configuración y el contenido de tu nueva sección.
    • Edita la configuración y el contenido de los bloques predeterminados que se cargan con la sección.
    • Toca Agregar bloque para agregar un bloque nuevo.

  8. Opcional: Para reorganizar el orden de las secciones de tu página, toca y arrastra la sección.

  9. Toca Guardar.

  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Personaliza tu página de inicio o toca el menú desplegable Página de inicio y, luego, selecciona la plantilla a la que deseas agregar una sección.

  6. Toca Secciones, Agregar sección y, luego, sigue uno de los pasos a continuación:

    • Selecciona una sección de la lista y, luego, toca Agregar.
    • Toca el ícono de lupa para buscar una sección específica, seleccionala y, luego, toca Agregar.

  7. Personaliza tu sección nueva. Para ello, sigue cualquiera de los pasos a continuación:

    • Edita la configuración y el contenido de tu nueva sección.
    • Edita la configuración y el contenido de los bloques predeterminados que se cargan con la sección.
    • Toca Agregar bloque para agregar un bloque nuevo.

  8. Opcional: Para reorganizar el orden de las secciones de tu página, toca y arrastra la sección.

  9. Toca ✓.

Editar una sección

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Edita una sección en tu página de inicio. También puedes hacer clic en el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección que deseas editar.
  4. En la barra lateral, haz clic en el nombre de una sección para cargar el contenido en la ventana de vista previa y acceder a la configuración y las opciones que puedes editar.
  5. Opcional: Haz clic en bloques individuales para editar los bloques de una sección.
  6. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Edita una sección en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección que deseas editar.
  6. Toca Secciones y, luego, toca el nombre de una sección para cargar el contenido en la ventana de vista previa y acceder a la configuración y las opciones que puedes editar.
  7. Opcional: Toca bloques individuales para editar los bloques de una sección.
  8. Toca Guardar.
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Edita una sección en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección que deseas editar.
  6. Toca Secciones y, luego, toca el nombre de una sección para cargar el contenido en la ventana de vista previa y acceder a la configuración y las opciones que puedes editar.
  7. Opcional: Toca bloques individuales para editar los bloques de una sección.
  8. Toca ✓.

Duplicar una sección o bloque

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Duplica una sección o un bloque en tu página de inicio. También puedes hacer clic en el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección o el bloque que deseas duplicar.
  4. Haz clic en la sección o el bloque que deseas duplicar.
  5. En la barra lateral, haz clic en … > Duplicar.
  6. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Duplica una sección o un bloque en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección o el bloque que deseas duplicar.
  6. Toca Secciones y, luego, toca la sección o el bloque que deseas duplicar.
  7. Toca … > Duplicar.
  8. Toca Guardar.
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Duplica una sección o un bloque en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección o el bloque que deseas duplicar.
  6. Toca Secciones y, luego, toca la sección o el bloque que deseas duplicar.
  7. Toca … > Duplicar.
  8. Toca ✓.

Oculta o elimina una sección o un bloque

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Oculta o elimina una sección o un bloque en tu página de inicio. También puedes hacer clic en el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección o el bloque que deseas ocultar o eliminar.
  4. Opcional: Para ocultar una sección o un bloque de tu tienda online, pasa el cursor sobre el nombre de una sección o un bloque y, luego, haz clic en el ícono de ojo.
  5. Opcional: Para eliminar una sección o un bloque de tu tienda online, pasa el cursor sobre el nombre de una sección o un bloque y, luego, haz clic en el ícono de basurero.
  6. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Oculta o elimina una sección o un bloque en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección o el bloque que deseas ocultar o eliminar.
  6. Toca Secciones y, luego, toca la sección o el bloque que deseas ocultar o eliminar.
  7. Opcional: Para ocultar una sección o un bloque de tu tienda online, toca … > Ocultar.
  8. Opcional: Para eliminar una sección o un bloque de tu tienda online, toca … > Eliminar.
  9. Toca Guardar.
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Oculta o elimina una sección o un bloque en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección o el bloque que deseas ocultar o eliminar.
  6. Toca Secciones y, luego, toca la sección o el bloque que deseas ocultar o eliminar.
  7. Opcional: Para ocultar una sección o un bloque de tu tienda online, toca … > Ocultar.
  8. Opcional: Para eliminar una sección o un bloque de tu tienda online, toca … > Eliminar.
  9. Toca ✓.

Trabajar con bloques

Los bloques son módulos personalizables que usas para agregar contenido a las secciones de tus plantillas. Puedes usar bloques para agregar texto, imágenes, enlaces, botones y más.

Los temas de Shopify tienen secciones y bloques que puedes personalizar. Algunas secciones tienen tipos de bloques fijos, lo que significa que solo puedes elegir entre los bloques que el diseñador del tema pone a disposición.

Otras secciones te permiten seleccionar cualquier bloque, pero hay un límite en el número total de bloques que puedes agregar a la sección. Si tu sección alcanza la cantidad máxima de bloques disponibles, la opción Agregar bloque aparece en gris y no puedes hacer clic en ella ni tocarla.

Agregar un bloque

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Agrega un bloque a una sección en tu página de inicio. También puedes hacer clic en el menú desplegable Página de inicio y, luego, seleccionar la plantilla a la que deseas agregar uno.

  4. Busca la sección a la que deseas agregar un bloque, haz clic en Agregar bloque y, luego, sigue uno de los pasos a continuación:

    • Selecciona un bloque de la lista.
    • Usa el campo Buscar bloques para encontrar un bloque específico y, luego, selecciónelo.

  5. Haz clic en Guardar.

  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Agrega un bloque a una sección en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla a la que deseas agregar uno.

  6. Toca Secciones y, luego, Agregar bloque en la sección a la que deseas agregar un bloque. A continuación, sigue uno de los pasos a continuación:

    • Selecciona un bloque de la lista.
    • Toca el ícono de lupa para buscar un bloque específico y, luego, selecciona tu bloque.

  7. Toca Guardar.

  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Agrega un bloque a una sección en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla a la que deseas agregar uno.

  6. Toca Secciones y, luego, Agregar bloque en la sección a la que deseas agregar un bloque. A continuación, sigue uno de los pasos a continuación:

    • Selecciona un bloque de la lista.
    • Toca el ícono de lupa para buscar un bloque específico y, luego, selecciona tu bloque.

  7. Toca ✓.

Usa metacampos y metaobjetos con fuentes dinámicas

Los metacampos y metaobjetos te permiten mostrar información dinámica en tu tienda online. Si tienes un tema que admite metacampos, puedes conectar uno a una sección o un bloque en el editor de temas.

Por ejemplo, es posible que un vendedor de velas quiera mostrar los tiempos de consumo de cada clase de vela disponible. Después de configurar un metacampo de producto para el tiempo de consumo, el vendedor puede agregar un bloque para dicho tiempo a su plantilla de producto y, luego, conectarlo al metacampo de producto. Después de configurar un metacampo de colección para una página que incluye los tiempos de consumo, el vendedor puede agregar un bloque a su plantilla de colección y, luego, conectarlo al metacampo de colección.

Agrega secciones o bloques que pueden usar fuentes dinámicas para mostrar información dinámica en tu tienda online. Las fuentes dinámicas se pueden usar en cualquier plantilla, sección o bloque en el que se muestre recursos compatibles (producto, colección, página, blog y artículo del blog). Tienes que agregar tu metacampo antes de poder conectarlo en las plantillas. Consulta Fuentes dinámicas para obtener más información sobre el uso de metacampos y metaobjetos con fuentes dinámicas en tu tema.

Después de completar el proceso de configuración, sigue los pasos a continuación para conectar fuentes dinámicas a secciones o bloques de tu tema con el botón Conectar fuente dinámica.

Conectar fuente dinámica

Pasos:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Edita una sección o un bloque en tu página de inicio. También puedes hacer clic en el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección que deseas editar.
  4. En la barra lateral, haz clic en el nombre de una sección o bloque para cargar el contenido en la ventana de vista previa y acceder a la configuración y las opciones que puedes editar.
  5. Haz clic en el botón Conectar fuente dinámica del tipo de contenido correspondiente que deseas editar y, luego, conecta tu fuente dinámica.
  6. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Edita una sección o un bloque en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección que deseas editar.
  6. Toca Secciones y, luego, toca el nombre de una sección o un bloque para cargar el contenido en la ventana de vista previa y acceder a la configuración y las opciones que puedes editar.
  7. Toca el botón Conectar fuente dinámica del tipo de contenido correspondiente que deseas editar y, luego, conecta tu fuente dinámica.
  8. Toca Guardar.
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Edita una sección o un bloque en tu página de inicio. También puedes tocar el menú desplegable Página de inicio y, luego, seleccionar la plantilla que contiene la sección que deseas editar.
  6. Toca Secciones y, luego, toca el nombre de una sección o un bloque para cargar el contenido en la ventana de vista previa y acceder a la configuración y las opciones que puedes editar.
  7. Toca el botón Conectar fuente dinámica del tipo de contenido correspondiente que deseas editar y, luego, conecta tu fuente dinámica.
  8. Toca ✓.

Selector de fuente dinámica

Selector de fuente dinámica

Puedes usar el selector de fuente dinámica para conectar la fuente dinámica correcta directamente en el editor de temas. Revisa las siguientes funciones clave del selector:

  • Puedes hacer referencia a fuentes dinámicas de varios recursos, si procede. Por ejemplo, si conectas una configuración a un bloque que está conectado tanto a un recurso de producto como a un recurso de página, puedes usar el menú desplegable del selector de fuente dinámica para especificar si deseas buscar metacampos asociados con el recurso de producto o de página.
  • El selector de fuente dinámica tiene una funcionalidad de búsqueda y filtro para ayudarte a encontrar el metacampo que necesitas.
  • El selector de fuente dinámica te permite elegir metacampos de categoría. Estos son atributos adicionales que pasan a estar disponibles cuando asignas una categoría de producto a un producto. Acceder a estos metacampos te permite conectar fuentes dinámicas a cualquier campo pertinente del metaobjeto de atributo subyacente.

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

Prueba gratis