Secciones para Simple

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

Secciones estáticas

Simple incluye las siguientes secciones estáticas:

  • Encabezado
  • Menú de la barra lateral
  • Pie de página
  • Páginas de productos
  • Recomendaciones de productos
  • Páginas de colección
  • Página de lista de colecciones
  • Páginas del artículo

Secciones dinámicas

Simple incluye las siguientes secciones dinámicas:

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

Encabezado

En la sección de encabezado, puedes editar el contenido que aparece en la parte superior de cada página de tu tienda. Puedes agregar una imagen de logo, crear un mensaje de anuncio y agregar un eslogan.

Agregar un logo personalizado

Puedes agregar un logo personalizado al encabezado de tu tienda. El mejor formato es un archivo .png con un fondo transparente. Las imágenes de logos deben ser 450 x 200 px. Puedes cambiar el tamaño de la imagen del logo reduciendo el ancho.

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 general en tu 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.

  1. Haz clic en Encabezado.
  2. En el área de Barra de anuncios, marca Mostrar anuncio. Selecciona Solo página de inicio para mostrar el anuncio solo en la página de inicio.
  3. Introduce el texto de tu anuncio.
  4. Opcional: introduce una URL para agregar un enlace a tu anuncio.
  5. Para cambiar el color del fondo de la barra de anuncios, haz clic en la muestra de color de la Barra y selecciona un color.
  6. Para cambiar el color del texto del anuncio, haz clic en la muestra de color de Texto y selecciona un color.
  7. Haz clic en Guardar.

Menú de la barra lateral

Simple incluye una barra lateral que contiene un menú de navegación.

  1. Haz clic en Barra lateral.
  2. En la lista de Menú, selecciona un menú para el menú de barra lateral.
  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

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:

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

Páginas de productos

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

Configuración

  • Mostrar selector de cantidad: permite a los usuarios especificar una cantidad para agregarla a su carrito.
  • Mostrar Proveedor del producto: muestra la marca o el proveedor del producto. Para que se muestre una marca o un proveedor, debes agregar un proveedor al producto.
  • Activar compartir productos: muestra botones que los clientes pueden usar para compartir productos en redes sociales. Las opciones de compartir que aparecen se controlan en tu configuración de tema.

Descripción

  • Posición: elige la ubicación de la descripción del producto en relación con la imagen del producto.
  • Mostrar una pestaña al lado de la descripción de tu producto: muestra el contenido de una página, como una cartilla de tallas o la política de devolución, en una segunda pestaña. Selecciona la página a mostrar en Contenido de pestaña.

Imagen destacada

  • Tipo de zoom: elige el estilo de zoom para las imágenes de productos. Selecciona Sin zoom para evitar que los clientes hagan zoom.

Añadir al carrito

  • 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.
  • Tamaño del botón: selecciona un tamaño en este menú desplegable para definir el tamaño del botón Agregar al carrito y el botón de pago dinámico.

Editar configuración de páginas de productos

  1. Selecciona Páginas de productos.
  2. Haz clic en la sección Páginas de productos.
  3. Utiliza la configuración para personalizar tu sección de páginas de producto.
  4. 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.

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: Para mostrar u ocultar los proveedores en las descripciones de productos, utiliza la casilla Mostrar proveedor.
  5. Haz clic en Guardar.

Páginas de colección

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

La sección Páginas de colecciones incluye las siguiente configuraciones:

  • Mostrar Proveedor del producto: muestra el proveedor de cada producto debajo del título del producto.
  • Activar organización de colecciones: permite que los clientes ordenen los productos en tus páginas de colecciones.
  • Activar filtrado por etiqueta de producto: permite que los clientes filtren la colección por etiqueta de producto.

Editar configuración de páginas de colecciones

  1. Selecciona Páginas de colecciones.
  2. Haz clic en la sección Páginas de colección.
  3. Usa la configuración para personalizar la sección de tus páginas de la colección.
  4. 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:

  • Título: agrega el texto que aparece encima de los productos en la colección. El texto predeterminado es Colección destacada.
  • Colección: elige la colección que deseas mostrar en la sección. Se mostrará un máximo de 50 productos de la colección que seleccionaste.
  • Filas: elige el número de filas de productos para mostrar en la sección.

Agregar una sección de 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, y luego selecciona una colección de la lista Colección.
  4. Usa la configuración para personalizar la sección.
  5. Haz clic en Guardar.

Puedes agregar una imagen de banner destacado en tu página de inicio. También puedes agregar un encabezado y un enlace de imagen.

Agregar una sección de banner destacado a tu página de inicio

  1. Haz clic en Agregar sección.
  2. Haz clic en Banner destacado, y luego haz clic en Seleccionar.
  3. Escribe un nuevo título para esta sección en el campo Encabezado.
  4. 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.
  5. 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.
  6. Para seleccionar una imagen de tu computadora, haz clic en la pestaña Biblioteca y luego haz clic en Subir imagen.

  7. En el campo Enlace de imagen, selecciona una página de tu tienda a la que deseas vincular la imagen.

  8. Haz clic en Guardar.

Imagen con texto

Con Simple, 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 Imagen con texto incluye las siguientes configuraciones:

  • Imagen: agrega una imagen para mostrar en la sección. Puedes subir una imagen, usar una imagen que hayas subido antes o seleccionar una imagen gratis de archivo en Burst.
  • Alineación de imagen: elige si la imagen en la sección aparece a la derecha o a la izquierda.
  • 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.

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

  6. Usa la configuración para personalizar la sección.

  7. Haz clic en Guardar.

Diapositivas

Puedes crear una presentación de diapositivas para la página de inicio con rotación de hasta seis imágenes.

El tamaño recomendado para las diapositivas es 1280 x 460 px.

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

Contenido

  • Imagen: agrega una diapositiva de imagen a tu presentación de diapositivas.
  • Posición de la imagen: elige el área más importante de la imagen que se debe enfocar en la presentación de diapositivas.
  • Opacidad superpuesta: establece el matiz de la superposición de la imagen. Una superposición oscurece la apariencia de tus imágenes y puede hacer que el texto de la presentación de diapositivas sea más fácil de leer.
  • Color del texto: establece el color del texto de la presentación de diapositivas.
  • Alineación de texto: alinea el texto en relación con las diapositivas.
  • Encabezado: agrega un encabezado a la diapositiva.
  • Etiqueta de botón: agrega un botón con una etiqueta de texto a tu diapositiva.
  • 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.

Configuración

  • Altura de la diapositiva: establece la altura de la presentación de diapositivas. Selecciona Adaptar a la altura de la primera imagen de la diapositiva para configurar la altura de la presentación de diapositivas con respecto a la altura de la primera imagen.
  • Rotación automática de diapositivas: configura la presentación de las diapositivas para que se reproduzca automáticamente.
  • Transición entre diapositivas: elige la frecuencia con la que se cambiarán las diapositivas.
  • Efecto de transición: elige si deseas que las imágenes se deslicen o se desvanezcan.
  • Tamaño del texto: establece el tamaño de tu texto de presentación de diapositivas.

Agrega una presentación de diapositivas a tu página de inicio

  1. Haz clic en Agregar sección.
  2. Haz clic en Presentación de diapositivas y luego haz clic en Seleccionar.
  3. 2. En el área de Contenido, haz clic en Diapositiva 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.

  6. Para agregar diapositivas adicionales, haz clic en Agregar diapositiva.

  7. Utiliza la configuración para personalizar la presentación de tus diapositivas.

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

HTML personalizado

En la sección HTML 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 de un sitio web externo.

Agregar una sección de HTML personalizado a tu página de inicio

  1. Haz clic en Agregar sección.

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

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

  4. Haz clic en Guardar.

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

Prueba gratis