Secciones

La personalización de tu tienda en línea de mayoreo utiliza secciones para que puedas crear tu diseño ideal. La mayoría de las secciones están hechas de bloques que cumplen una función específica, como encabezados, textos, imágenes o enlaces. El uso de secciones y bloques en las plantillas te ofrece más flexibilidad en la forma de organizar el contenido de tu tienda en línea de mayoreo, lo que te permite controlar la apariencia sin necesidad de editar el código.

Cada sección tiene una variedad específica de bloques que puedes agregar. Las secciones y bloques disponibles dependen de tu tipo de página.

Algunas secciones tienen límites en la cantidad de bloques que puedes agregar o límites en el número de bloques de un cierto tipo.

Puedes personalizar más la sección editando su Configuración para editar el texto e imagen, elegir la alineación, el tamaño, los colores y su visivilidad en dispositivos móviles.

En esta sección

Barra de anuncios

La barra de anuncios te permite comunicar información importante a tus clientes desde cualquier página.

Configuración de la sección de barra de anuncios

Configuración
Descripción

Texto

El anuncio que deseas mostrar a tus clientes.

Esquema de colores

El esquema de colores que se usará para la barra de anuncios.

Encabezado

El encabezado se muestra en todas las páginas de tu tienda online.

Configuración de la sección del encabezado

Configuración
Descripción

Teléfono

El número de teléfono que deseas mostrar a tus clientes.

Correo

El correo electrónico que deseas mostrar a tus clientes..

La sección del banner de imagen admite hasta tres imágenes y un cuadro de texto con botones.

Configuración de la sección del banner slider

Configuración
Descripción

Diseño

Establece el ancho de las imágenes:

  • Ancho completo: Ocupa el ancho de la pantalla.

  • Ajustado: Deja un margen a los costados de la pantalla.

Altura de la diapositiva

Usa el menú desplegable para establecer la altura de la imagen:

  • Pequeña: Computadora: 420 px, móvil: 280 px

  • Mediana: Computadora: 560 px, móvil: 340 px

  • Grande: Computadora: 720 px, móvil: 390 px

Rotar las diapositivas automáticamente

Marca esta casilla para cambiar las imágenes automáticamente. Si no se marca esta casilla, la presentación de diapositivas mostrará una imagen estática hasta que el cliente avance manualmente.

Segundos para cambiar las diapositivas

Usa la barra para establecer el tiempo de cambio automático de las imágenes. Mínimo: 3 segundos, máximo: 10 segundos.

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Configuración del banner

Configuración
Descripción

Imagen

Título

Texto de encabezado opcional para la imagen. El texto se agrega a cada imagen de forma individual.

Subtítulo

Texto opcional del subtítulo para la imagen. El texto se añade a cada imagen de forma individual.

Etiqueta del botón

Introduce el texto para un botón o déjalo en blanco para ocultar el botón por completo.

Enlace del botón

La URL a la que deseas vincular el botón.

Posición del contenido

La posición del cuadro de contenido sobre la imagen. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado.

Opacidad de la sobreposición de imagen

Agrega una sobreposición a las imágenes del banner. Usa el control deslizante para establecer la opacidad de la sobreposición.

Esquema de colores de la barra de anuncios

Eliminar sección

Elimina la sección.

Lista de colecciones

Puedes agregar una lista de colecciones que desees resaltar.

Configuración de la sección de lista de colecciones

Configuración
Descripción

Título

El texto que deseas mostrar a tus clientes como encabezado de la lista de colección.

Tamaño del título

Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

Número de columnas en escritorio

Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5.

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Número de columnas en móviles

Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas.

Eliminar sección

Elimina la sección.

Configuración de la colección

Configuración
Descripción

Colección

La colección a donde deseas enlazar.

Imagen

Eliminar sección

Elimina la sección.

Texto enriquecido

Puedes agregar una sección de texto enriquecido con un encabezado, una leyenda, un texto y un botón para enlazar a los clientes con una nueva página.

Configuración de la sección de texto enriquecido

Configuración
Descripción

Título

El texto que deseas mostrar a tus clientes.

Subtítulo

Agrega un eslogan breve a tu sección de texto enriquecido.

Etiqueta del botón

El texto que se muestra en el botón.

Enlace del botón

La URL a la que deseas vincular el botón.

Posición del contenido

La posición del cuadro de contenido. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha.

Esquema de colores de la barra de anuncios

Eliminar sección

Elimina la sección.

Colección destacada

Puedes agregar una sección que muestre los productos en una colección.

Configuración de la sección de colección destacada

Configuración
Descripción

Título

El texto que deseas mostrar a tus clientes como título de la sección.

Tamaño del título

Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

Posición del título

La posición del título. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha.

Colección

De qué colección deseas mostrar los artículos. Puedes remover o cambiar la colección.

Mostrar clave

Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos.

Mostrar disponibles

Mostrar descuento

Muestra una etiqueta con el descuento en porcentaje aplicado al artículo.

Mostrar el botón de unidades y agregar para compra rápida

El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "Seleccionar" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, con el botón "Agregar al pedido".

Habilitar el botón “Ver todos”

Muestra el botón Ver todos, que dirige a los clientes a la lista de colecciones completa.

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Número de columnas en la versión para móviles

Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas.

Eliminar sección

Elimina la sección.

La sección del banner de imagen admite una imagen y un cuadro de texto con botones, puedes elegir la alineación del texto entre derecha, izquierda o centro.

Configuración de la sección de banner de imagen

Configuración
Descripción

Diseño

Establece el ancho de las imágenes:

  • Ancho completo: Ocupa el ancho de la pantalla.

  • Ajustado: Deja un margen a los costados de la pantalla.

Altura de la imagen

Usa el menú desplegable para establecer la altura de la imagen:

  • Pequeña: Computadora: 420 px, móvil: 280 px

  • Mediana: Computadora: 560 px, móvil: 340 px

  • Grande: Computadora: 720 px, móvil: 390 px

Imagen

Título

Texto de encabezado opcional para la imagen. El texto se agrega a cada imagen de forma individual.

Subtítulo

Texto opcional del subtítulo para la imagen.

Etiqueta del botón

Introduce el texto para un botón o déjalo en blanco para ocultar el botón por completo.

Enlace del botón

La URL a la que deseas vincular el botón.

Posición del contenido

La posición del cuadro de contenido sobre la imagen. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado.

Opacidad de la sobreposición de imagen

Agrega una sobreposición a la imagen del banner. Usa el control deslizante para establecer la opacidad de la sobreposición.

Esquema de colores de la barra de anuncios

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Eliminar sección

Elimina la sección.

Video

Puedes añadir una sección de video para incrustar un video desde YouTube o Vimeo en una página de tu tienda de mayoreo.

Configuración de la sección de video

Configuración
Descripción

Encabezado

El texto que deseas mostrar a tus clientes como título de la sección.

Tamaño del título

Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

Imagen de portada

La imagen que se muestra antes de que un cliente reproduzca el video.

URL del video

El enlace de video de YouTube o Vimeo. El video debe estar disponible al público.

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Eliminar sección

Elimina la sección.

Información de producto

De forma predeterminada, las páginas de productos tienen una sección de Información del producto.

La sección Información del producto contiene los siguientes elementos predeterminados:

  • Elementos multimedia del artículo

  • Nombre del artículo

  • Precio

  • Selector de variante

  • Selector de cantidad

  • Botones de compras

  • Descripción

Configuración de la sección de información de producto

Configuración
Descripción

Diseño

Cómo se muestran los elementos multimedia de los productos en la computadora

  • Carrusel de miniaturas: si el producto tiene más de un tipo de elemento multimedia, los restantes aparecerán como miniaturas en un carrusel bajo el elemento multimedia principal del producto. El cliente puede hacer clic en cualquier miniatura para cargarla, o usar las flechas de navegación del carrusel para mostrar otros elementos multimedia.

  • Apilados: muestra todos los elementos multimedia de los productos apilados uno sobre otro. Al hacer clic en un tipo de elemento apilado, se abrirá una ventana emergente con una vista más grande del elemento seleccionado.

Tamaño del título

Cambia el tamaño del nombre del artículo. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

Diseño para variantes

Cambia la forma en que se muestran las variantes a los clientes:

  • Miniaturas: muestra las variantes como botones en los que se puede hacer clic.

  • Menú desplegable: Muestra las variantes en un menú desplegable expansible.

Mostrar marca

Muestra la marca de cada producto.

Mostrar clave

Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos.

Mostrar disponibles

Mostrar descuento

Muestra una etiqueta con el descuento en porcentaje aplicado al artículo.

Mostrar entrega

Puedes mostrar las fechas estimada de entrega.

Días de entrega con existencias

Las fechas de entrega pueden alentar a tus clientes a completar la compra y generar más ventas. Para calcular tus días de entrega considera los días hábiles que te lleva preparar el pedido, los días de traslado de tu emprea de transporte y los fines de semana. El cálculo de fecha de entrega es sumando al día de hoy los días de entregas. El cálculo es basado en días naturales, es decir no se consideran días festivos ni fines desemana.

Esquema de colores de información de productos

Habilitar el botón “Ver todos”

Muestra el botón Ver todos, que dirige a los clientes a la lista de colecciones completa.

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Número de columnas en la versión para móviles

Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas.

Eliminar sección

Elimina la sección.

De forma predeterminada, las páginas de todos los productos tienen un banner de productos.

Configuración de la sección de banner de los productos

Configuración
Descripción

Diseño

Establece el ancho de las imágenes:

  • Ancho completo: Ocupa el ancho de la pantalla.

  • Ajustado: Deja un margen a los costados de la pantalla.

Altura de la imagen

Usa el menú desplegable para establecer la altura de la imagen:

  • Pequeña: Computadora: 420 px, móvil: 280 px

  • Mediana: Computadora: 560 px, móvil: 340 px

  • Grande: Computadora: 720 px, móvil: 390 px

Posición de contenido

La posición del cuadro de contenido en el banner. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado.

Título

El texto que deseas mostrar a tus clientes como título de la sección.

Imagen

Opacidad de la sobreposición de imagen

Agrega una sobreposición a la imagen del banner. Usa el control deslizante para establecer la opacidad de la sobreposición.

Esquema de colores del banner de productos

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Cuadrícula de productos

De forma predeterminada, las páginas de todos los productos tienen una cuadrícula de productos.

Configuración de la sección de cuadrícula de productos

Configuración
Descripción

Número de columnas en el escritorio

Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5.

Mostrar clave

Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos.

Mostrar disponibles

Mostrar descuento

Muestra una etiqueta con el descuento en porcentaje aplicado al artículo.

Mostrar el botón de unidades y agregar para compra rápida

El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "Seleccionar" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, con el botón "Agregar al pedido".

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Número de columnas en la versión para móviles

Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas.

De forma predeterminada, las páginas de colección tienen un banner de colección.

Configuración de banner de la colección

Configuración
Descripción

Diseño

Establece el ancho de las imágenes:

  • Ancho completo: Ocupa el ancho de la pantalla.

  • Ajustado: Deja un margen a los costados de la pantalla.

Altura de la imagen

Usa el menú desplegable para establecer la altura de la imagen:

  • Pequeña: Computadora: 420 px, móvil: 280 px

  • Mediana: Computadora: 560 px, móvil: 340 px

  • Grande: Computadora: 720 px, móvil: 390 px

Posición de contenido

La posición del cuadro de contenido en el banner. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado.

Mostrar nombre

Mostrar descripción

Mostrar la imagen de colección

Opacidad de la sobreposición de imagen

Agrega una sobreposición a las imágenes de la colección. Usa el control deslizante para establecer la opacidad de la sobreposición.

Esquema de colores del banner de colección

Ocultar en móviles

Marca la casilla para no mostrar el contenido en dispositivos móviles.

Página 404

La página 404 se muestra cuando un cliente intenta visitar un enlace a tu sitio que no existe, como una página de producto que eliminaste de tu tienda.

Configuración de página 404

Configuración
Descripción

Título

El texto que deseas mostrar a tus clientes cuando tengan este error en tu tienda de mayoreo. Predeterminadamente es "404"

Subtítulo

Agrega mensaje para cuando tus clientes lleguen a esta página. Predeterminadamente es "Página no encontrada"

Etiqueta del botón

El texto que se muestra en el botón. Predeterminadamente es "Seguir comprando"

Enlace del botón

La URL a la que deseas vincular el botón.

Esquema de colores de la página 404

Pie de página

El pie de página se muestran tus datos de contacto, redes sociales, políticas y accesos rápidos a la cuenta del cliente.

Configuración de pie de página

Configuración
Descripción

Esquema de colores del pie de página

Título

El título de la primera columna de tu pie de página. Predeterminadamente será el nombre de tus comercio.

Subtítulo

Agrega un eslogan breve a tu pie de página.

Mostrar redes sociales

Muestra íconos para cualquier plataforma de redes sociales para las que hayas introducido un enlace de perfil en la configuración de tu tema.

Mostrar métodos de pago

Muestra los íconos de las formas de pago habilitadas en tu tienda. Cuando un cliente visita tu tienda.

Facebook

La URL a la que deseas vincular para esta red social.

Instagram

La URL a la que deseas vincular para esta red social.

Tiktok

La URL a la que deseas vincular para esta red social.

YouTube

La URL a la que deseas vincular para esta red social.

Última actualización

¿Te fue útil?