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
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
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..
Banner slider
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
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
Imagen
Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. Consulta la guía de imágenes
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
El color de fondo de la sección del banner de la imagen. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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
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
Colección
La colección a donde deseas enlazar.
Imagen
Haz clic en cambiar imagen estática para agregar una de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. Consulta la guía de imágenes
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
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
El color de fondo de la sección del texto enriquecido. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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
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
Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido . Conoce más en Preferencias.
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.
Banner de imagen
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
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
Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. Consulta la guía de imágenes
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
El color de fondo de la sección del banner de la imagen. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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
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.
Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. Consulta la guía de imágenes
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
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
Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido . Conoce más en Preferencias.
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
El color de la información de productos. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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.
Banner de los productos
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
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
Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. Consulta la guía de imágenes
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
El color de fondo de la sección del banner de la imagen. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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
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
Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido . Conoce más en Preferencias.
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.
Banner de la colección
De forma predeterminada, las páginas de colección tienen un banner de colección.
Configuración de banner de la colecció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
Muestra el nombre de la colecció. Conoce más en Colecciones.
Mostrar descripción
Muestra la descripción de la colección. Conoce más en Colecciones.
Mostrar la imagen de colección
Muestra la imagen de la colección. Conoce más en Colecciones.
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
El color de fondo de la sección del banner de la colección. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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
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
El color de los elementos de la página 404. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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
Esquema de colores del pie de página
El color de fondo del pie de página. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta nombres de colores (por ejemplo, red, black, blue), o valores de color hexadecimales.
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.
La URL a la que deseas vincular para esta red social.
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?