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.. |
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
| Configuración | Descripción |
|---|---|
Diseño | Establece el ancho de las imágenes:
|
Altura de la diapositiva | Usa el menú desplegable para establecer la altura de la imagen:
|
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 | 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, |
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 | 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
| 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 | 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, |
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 | 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
| Configuración | Descripción |
|---|---|
Diseño | Establece el ancho de las imágenes:
|
Altura de la imagen | Usa el menú desplegable para establecer la altura de la imagen:
|
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, |
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. 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
| Configuración | Descripción |
|---|---|
Diseño | Cómo se muestran los elementos multimedia de los productos en la computadora
|
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:
|
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, |
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
| Configuración | Descripción |
|---|---|
Diseño | Establece el ancho de las imágenes:
|
Altura de la imagen | Usa el menú desplegable para establecer la altura de la imagen:
|
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, |
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 | 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
| Configuración | Descripción |
|---|---|
Diseño | Establece el ancho de las imágenes:
|
Altura de la imagen | Usa el menú desplegable para establecer la altura de la imagen:
|
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, |
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 | 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, |
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 | 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, |
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