Secciones estáticas para Brooklyn

Brooklyn incluye secciones que se muestran en cada página de tu tienda online. Aprende cómo personalizar estas secciones para que se adapten a tu negocio.

Encabezado

El encabezado de tu tema es la sección que aparece en la parte superior de cada página en tu tienda.

Con Brooklyn, puedes agregar los siguientes artículos a tu encabezado:

  • Un logo
  • Un menú de navegación
  • Una barra de anuncios

También puedes cambiar el color de los enlaces e íconos de tu encabezado.

Si deseas habilitar el encabezado transparente en tu página de inicio, puedes seleccionar un logo y colores por separado para el encabezado de tu página de inicio.

Agregar un logo personalizado

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Encabezado.

  3. En el área 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 usar una imagen de archivo gratis de Burst, haz clic en Imágenes gratis. - Para seleccionar una imagen desde tu computadora, haz clic en Biblioteca > Subir.

  1. Usa el control deslizante de ancho personalizado del logo para personalizar el ancho del logo.

  2. Haz clic en Guardar.

Personalizar tu configuración de navegación

Puedes personalizar la siguiente configuración de navegación:

  • Tipo de búsqueda: establece el estilo de la función de búsqueda del encabezado.
  • Menú: establece el menú que aparece en el encabezado.
  • Menú de la barra lateral secundaria: agrega un menú secundario a tu menú de la barra lateral. Cuando el menú principal ocupa mucho espacio, se muestra un menú de barra lateral en lugar de un menú de encabezado. Más información en Consejos para Brooklyn.
  • Habilitar búsqueda: muestra una barra de búsqueda en el menú de la barra lateral.
  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Encabezado.

  3. En el área de Navegación, ajusta la configuración de navegación.

  4. Haz clic en Guardar.

Agregar una barra de anuncios

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Escritorio</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Desde tu panel de control de Shopify, ve a <strong>Tienda online</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div>
</div>



1. Haz clic en **Personalizar** junto a **Brooklyn**.
  1. Haz clic en Secciones.

  2. Haz clic en Encabezado.

  3. En el área de la Barra de anuncios, marca Mostrar anuncio. Selecciona Solo página de inicio para mostrar el anuncio solo en la página de inicio.

  4. Introduce el texto de tu anuncio en el campo Texto.

    1. Opcional: introduce una URL en el campo Enlace 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.

Cambiar el color de los enlaces e íconos de tu encabezado

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Escritorio</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Desde tu panel de control de Shopify, ve a <strong>Tienda online</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div>
</div>



1. Haz clic en **Personalizar** junto a **Brooklyn**.
  1. Haz clic en Secciones.

  2. Haz clic en Encabezado.

  3. Haz clic en la paleta de colores Enlaces e íconos y elige un color.

  4. Haz clic en Guardar.

Habilitar el encabezado transparente

Si deseas mostrar el logo y el texto de tu encabezado en un carrusel en tu página de inicio, puedes habilitar el encabezado transparente. Solo debes seleccionar esta opción si la sección superior de tu tienda es un carrusel.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Escritorio</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Desde tu panel de control de Shopify, ve a <strong>Tienda online</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div>
</div>



1. Haz clic en **Personalizar** junto a **Brooklyn**.
  1. Haz clic en Secciones.

  2. Haz clic en Encabezado.

  3. En el área de Encabezado transparente, marca Habilitar encabezado transparente en la página de inicio.

  4. Opcional: en el área Logo transparente, 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 usar una imagen de archivo gratis de Burst, haz clic en Imágenes gratis. - Para seleccionar una imagen desde tu computadora, haz clic en Biblioteca > Subir.

  1. Para cambiar el color de los enlaces e íconos, haz clic en la paleta de colores de los Enlaces e íconos del encabezado transparente y elige un color.

  2. 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 selector de idioma
  • Un selector de moneda
  • un menú

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

  2. Haz clic en Secciones.

  3. Haz clic en Pie de página.

  4. Marca Mostrar íconos de pago.

  5. Haz clic en Guardar.

Agregar un menú

Puedes agregar un menú a tu pie de página. Aquí se muestran todos los enlaces del menú en tu pie de página, que puedes usar para resaltar las páginas comunes a las que tus clientes desean acceder. Por ejemplo, puedes agregar un menú que contenga enlaces a tu página de contacto, la página de información de envío y tu política de privacidad.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Escritorio</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Desde tu panel de control de Shopify, ve a <strong>Tienda online</strong> &gt; <strong>Temas</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Desde la <a href="https://www.shopify.com/install/detect">app de Shopify</a>, pulsa <strong>Tienda</strong>.
</li><li>En la sección <strong>Canales de ventas</strong>, selecciona <strong>Tienda online</strong>.
</li><li>Pulsa <strong>Administrar temas</strong>.
</li></ol></div>
</div>



1. Haz clic en **Personalizar** junto a **Brooklyn**.
  1. Haz clic en Secciones.

  2. Haz clic en Pie de página.

  3. Para seleccionar un menú, haz clic en Cambiar. Selecciona un menú de la lista o haz clic en Crear menú para crear uno nuevo.

  4. Para editar el menú, haz clic en Editar menú.

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

  2. Haz clic en Secciones.

  3. Haz clic en Pie de página.

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

  5. Haz clic en Guardar.

Agregar un selector de moneda

Debes agregar un selector de moneda solo si has activado varias monedas.

  1. Haz clic en Personalizar junto a Brooklyn.

  2. Haz clic en Secciones.

  3. Haz clic en Pie de página.

  4. En Selector de moneda, selecciona Mostrar selector de moneda.

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

Pruébala gratis