Secciones de la página de inicio para Brooklyn

Brooklyn incluye una selección única de secciones de la página de inicio. Puedes agregar, reorganizar y eliminar estas secciones para personalizar el diseño de tu página de inicio.

Diapositivas

Puedes crear una presentación de diapositivas en la página de inicio que sea de ancho completo o adaptada a la altura de la primera imagen en la secuencia:

La página de inicio de una tienda online llamada John's Apparel que muestra una imagen de presentación de diapositivas en pantalla completa. El encabezado de navegación se muestra en la parte superior de la imagen.

Es mejor usar imágenes de alta resolución para tus diapositivas. Utiliza imágenes con un formato de 3840 x 2160 px o mayor, pero que no excedan los límites de carga de Shopify.

Dado que el tamaño y la forma de la presentación de las diapositivas dependen del tamaño y la forma del dispositivo del cliente, las imágenes de presentación de las diapositivas se recortarán en algunas pantallas. Intenta usar imágenes cuyo punto focal esté en el centro para que la parte importante de cada imagen esté siempre visible.

Lee más acerca de las prácticas recomendadas para las imágenes de diapositivas en Subir imágenes.

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

  • Rotación automática entre diapositivas: configura la presentación de las diapositivas para que se reproduzca automáticamente.
  • Transición entre diapositivas: selecciona la frecuencia con la que se cambiarán las diapositivas.
  • Imagen: agrega una diapositiva de imagen a tu presentación de diapositivas.
  • Superposición: agrega una capa de color sobre la diapositiva de la imagen. Una superposición puede hacer que la presentación de diapositivas sea más fácil de leer.
  • Opacidad: establece la opacidad de la superposición.
  • Texto de subtítulo: agrega un subtítulo a tu diapositiva. El subtítulo aparece antes del encabezado.
  • Texto de encabezado: agrega un encabezado a la diapositiva.
  • Texto del botón: agrega un botón con una etiqueta de texto a tu diapositiva.
  • Enlace de diapositivas: vincula tu diapositiva a otra parte de tu tienda online.
  • Adaptar a la primera imagen: establece la altura de la presentación de diapositivas para adaptarse a la altura de la primera imagen.
  • Posición de la imagen: elige el área más importante de la imagen que se debe enfocar en la presentación de diapositivas.
  • Alineación de texto: alinea el texto en relación con las diapositivas.
  • Selector de color para los botones de la presentación de diapositivas y el texto.

Personalizar tu presentación de diapositivas

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Presentación.

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

  4. Haz clic en Guardar.

Entradas del blog

Puedes presentar hasta tres publicaciones de blog en tu página de inicio.

La sección de artículos del blog incluye la siguiente configuración:

  • Encabezado: agrega un encabezado a la sección de artículos del blog.
  • Blog: configura el blog para presentar los artículos.
  • Artículos: establece la cantidad de artículos de blog que se mostrarán.
  • Mostrar fecha: muestra la fecha en que se publicaron tus artículos del blog.
  • Mostrar autor: muestra el autor de tus artículos del blog.
  • Mostrar imagen de portada: muestra la imagen de portada de tus artículos del blog.
  • Mostrar extracto: muestra un breve resumen de tus artículos del blog.
  • Botón mostrar 'Ver todo': agrega un botón que vincula con la página del blog de tu tienda online.

Agregar artículos del blog a tu página de inicio

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Agregar sección > Artículos del blog > Agregar.

  3. Usa la configuración para personalizar la sección de tu página de inicio del blog.

  4. Haz clic en Guardar.

Lista de colecciones

Puedes presentar hasta nueve colecciones en tu página de inicio.

La sección de la lista de colección incluye las siguiente configuraciones:

  • Encabezado: agrega un encabezado a tu lista de colección.
  • Colección: establece las colecciones que deseas presentar.

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

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Lista de colección.

  3. Usa la configuración para personalizar la sección de tu lista de colección.

  4. Haz clic en Guardar.

colección destacada

Puedes mostrar los productos de una de tus colecciones en tu página de inicio.

La sección de colección destacada incluye las siguientes configuraciones:

  • Encabezado: agrega un encabezado a tu colección destacada.
  • Colección: establece la colección para presentar productos en ella.
  • Estilo de cuadrícula: configura el diseño de tus productos destacados.

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

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Colección destacada.

  3. Usa la configuración para personalizar la sección de tu colección destacada.

  4. Haz clic en Guardar.

Imagen con texto

Puedes presentar una imagen y texto personalizado en tu página de inicio.

La sección de imagen y texto en una tienda online. La mitad izquierda de la sección muestra una imagen y la mitad derecha de la sección muestra un texto y un botón.

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

  • Imagen: selecciona una imagen para agregarla a la sección.
  • Alineación de imagen: establece el lado de la página en el que deseas que se muestre la imagen.
  • Encabezado: agrega un encabezado a la sección.
  • Texto: agrega texto a la sección.
  • Etiqueta de botón: agrega un botón con una etiqueta de texto a la sección.
  • Enlace de botón: enlaza tu botón a otra página o sitio web.

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

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Agregar sección> Imagen con texto > Agregar.

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

  4. Haz clic en Guardar.

Producto destacado

Puedes exhibir una colección en tu página de inicio. Destacar un producto es una excelente manera de promocionar un nuevo producto o un producto que está en oferta.

La sección de productos destacados incluye las siguientes configuraciones:

  • Producto: selecciona un producto para mostrarlo en la página de inicio.
  • Mostrar etiquetas de variante: muestra las etiquetas de la variante de producto, como "Talla" y "Color".
    Una publicación de productos para una camisa con la opción de elegir diferentes variantes de color. La etiqueta
  • Mostrar proveedor: muestra la marca del producto o el proveedor.
  • Texto: agrega texto a tu producto destacado.
  • Etiqueta de botón: agrega un botón con una etiqueta de texto a tu producto destacado.
  • Enlace de botón: enlaza tu botón a otra página o sitio web.

Añadir un producto destacado a tu página de inicio

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Agregar sección > Producto destacado > Agregar.

  3. Usa la configuración para personalizar la sección de tu producto destacado.

  4. Haz clic en Guardar.

Boletín

Puedes agregar la suscripción a un boletín a la página de inicio. Con una suscripción al boletín, puedes recopilar las direcciones de correo electrónico de los clientes para las campañas de marketing por correo electrónico. Más información sobre el marketing por correo electrónico 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

La sección del boletín incluye las siguientes configuraciones:

  • Encabezado: agrega un encabezado a la suscripción al boletín.
  • Subtítulo: agrega un subtítulo a la suscripción al boletín.

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

  1. Haz clic en Personalizar junto a Brooklyn.

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

  3. Usa la configuración para personalizar la sección de suscripción al boletín.

  4. 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 Personalizar junto a Brooklyn.

  2. Haz clic en Agregar sección > Mapa > Agregar.

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

  4. Haz clic en Guardar.

Texto enriquecido

Puedes agregar un texto personalizado en tu página de inicio.

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

  • Pantalla ancha: disminuye los márgenes a ambos lados del texto.
  • Encabezado: agrega un encabezado a la sección de texto enriquecido.
  • Texto: agrega y formatea tu texto personalizado.
  • Tamaño: establece el tamaño de tu texto.

Agregar un texto personalizado a tu página de inicio

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Texto enriquecido.

  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/Oc5v_ToKP7c. 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 Personalizar junto a Brooklyn.

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

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

  4. Haz clic en Guardar.

HTML personalizado

Puedes crear contenido personalizado para tu página de inicio. Por ejemplo, puedes usar HTML para dar formato a bloques de texto, crear tablas o incrustar contenido de otro sitio web.

La sección 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 cuadro: establece el ancho de tu sección HTML personalizada.
  • Alineación vertical: establece la posición vertical del contenido en la sección.

Agregar HTML personalizado a tu página de inicio

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Agregar sección > HTML personalizado > Agregar.

  3. Usa la configuración para personalizar tu sección de HTML personalizada.

  4. Haz clic en Guardar.

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

Pruébala gratis