Puede elegir el y la disposición de su tienda de comercio electrónico. Si personaliza el diseño y la disposición de su tienda, puede mejorar la presentación de sus productos.
Debe incluir una vez el de la Store principal en alguna página en su sitio para que los productos del widget Galería de productos se enlacen a la Store. De lo contrario, los clientes recibirán el error 404 al hacer clic en un producto.
Añadir categorías a la navegación del sitio
Si su store no tiene categorías, no verá esta opción.
Para añadir categorías de la store a la navegación principal del sitio:
En el panel lateral del editor, haga clic en eCommerce.
-
Desde el menú desplegable Añadir páginas de categorías a la navegación del sitio, seleccione una de las siguientes opciones:
- No añadir. No incluye las páginas de categorías en la navegación del sitio.
- Junto a las páginas del sitio. Incluye las páginas de categorías como páginas de nivel superior en la navegación del sitio. Para configurar dónde colocar las páginas de categorías en la navegación del sitio, seleccione una opción desde el menú desplegable Dónde quiere colocarlas.
Como subpáginas. Incluye páginas de categorías como subpáginas de una página específica en la navegación. Seleccione una página desde el menú desplegable Añadir como subpáginas.
Añadir widgets de tienda
Para mover o eliminar los s de tienda en cualquier página de su sitio, haga clic en ellos y arrástrelos como cualquier otro . Para obtener más información, consulte Añadir widgets.
Para añadir un de tienda nuevo, haga clic en eCommerce en el panel izquierdo, luego haga clic en Añadir widgets de tienda. Para personalizar un en especial, haga clic derecho en el en el sitio, y seleccione Editar diseño.
Editar el diseño de tienda
El diseño de la Store se puede editar utilizando la configuración del Tema del sitio en la pestaña Tema o haciendo clic en el de Store principal para acceder a opciones de diseño específicas.
Para acceder a la configuración del tema del sitio, en el panel izquierdo, haga clic en Tema.
Para acceder al editor de diseño, haga clic derecho en el de Store principal y en Editar diseño.
General
- Haga clic con el botón derecho en el de Store principal y en Editar diseño.
- Para establecer la pantalla inicial para el de tienda, haga clic en General y seleccione una página del menú desplegable Tienda principal. Puede elegir establecer la tienda principal o una de sus categorías para que se muestre como la primera página de su widget de tienda.
Categorías y productos
El Editor de diseño le permite editar la disposición de la página Categorías y productos.
- Haga clic con el botón derecho en el de Store principal y en Editar diseño.
- Haga clic en Categorías o Productos para cambiar la disposición y el estilo de texto para las diferentes áreas del texto, tal como los títulos de categoría/producto, el precio y el SKU. El espaciado entre los objetos y el comportamiento de los elementos (efectos hover), así como el número de productos que se muestran en una página, también se puede alternar en este menú.
Se pueden mostrar hasta un total de 100 categorías y subcategorías en su store.
Por ejemplo, si tiene 10 categorías y cada una de esas 10 contiene 50 subcategorías, solo se mostrarán 2 categorías con 50 subcategorías en cada una.
Página de producto individual
El Editor de diseño también le permite editar elementos en cada página de productos. Puede elegir entre varias disposiciones para mostrar elementos en cada página de productos y controlar elementos como la ubicación del texto, y la disposición y la relación de la imagen en miniatura. Con estas nuevas personalizaciones, puede mostrar los productos de la tienda de la mejor manera (y con la mejor disposición) posible.
- Haga clic con el botón derecho en el de Store principal y en Editar diseño.
- Haga clic en Página individual del producto.
El color de fondo del efecto hover y el color del marco no se pueden cambiar de blanco.
Carro y pago
Puede configurar el diseño del título, los subtítulos y el estilo del enlace de carrito y pago.
- Haga clic con el botón derecho en el de Store principal y en Editar diseño.
- Haga clic en Carrito y pago.
Personalizar estilo de breadcrumbs
Habilite los breadcrumbs en las páginas de la tienda y establezca el estilo a su gusto para que los clientes puedan ver fácilmente dónde se encuentran en la tienda.
Cambiar las etiquetas de texto predeterminadas
Para cambiar las etiquetas de texto predeterminadas en su store:
- En el panel lateral, haga clic en eCommerce y, luego, en Administrar Store.
- Haga clic en Aplicaciones y luego en App Market.
- Busque el editor de etiquetas y haga clic para instalar el editor de etiquetas de StoreFront.
- Haga clic en + Agregar etiqueta personalizada.
- Busque la etiqueta que quiere cambiar y haga clic en Buscar esta etiqueta.
- Escriba un nuevo nombre para la etiqueta en el campo que figura a la derecha.
Reordenar los productos en una categoría
Para cambiar el orden en el que aparecen los productos de una categoría:
- Haga clic en eCommerce en el panel izquierdo, y después haga clic en Catálogo.
- Haga clic en Categorías y luego, en Productos de la categoría.
- Haga clic en los productos y arrástrelos para ponerlos en el orden deseado dentro de la categoría.
Filtros de productos
Se pueden añadir filtros de productos a su tienda para que los clientes puedan encontrar lo que están buscando con facilidad. Permitirles a los clientes encontrar productos de esta manera hace que rápidamente pasen de la búsqueda a la compra. Se pueden establecer filtros por precio, nivel de inventario, promociones, palabras clave, opciones de productos y atributos. Que su inventario sea grande y variado puede ser especialmente útil.
Los filtros de productos solo están disponibles para la Tienda avanzada y las versiones superiores.
Puede configurar todo en minutos. Los filtros óptimos se preconfiguran y habilitan para su tienda según la cantidad de productos, las opciones y atributos disponibles de productos, las promociones habilitadas, los niveles de existencias de productos y más. Usted puede agregar/eliminar filtros manualmente para crear la experiencia que desea brindarles a los compradores. Los filtros se actualizan a media que usted agrega, elimina o actualiza productos en la tienda y a medida que se venden los productos y cambian las existencias. Sus compradores ven los filtros más actualizados cada vez que visitan el sitio.
Habilitar los filtros de productos
- Vaya al Store Control Panel.
- Haga clic en Configuración y luego, en Filtros de producto.
- Haga clic en Habilitar filtros.
- Seleccione el filtro que desea presentar.
Preguntas frecuentes
¿Es el editor de diseño de mi tienda el nuevo editor?
Si su sitio se creó antes del 24 de septiembre de 2017, tiene la opción de actualizar el Editor de diseño de su tienda. Si actualiza el , se creará automáticamente una copia de seguridad del sitio. Esta actualización solo cambia el Editor de diseño de la tienda; no cambiará ninguna característica de su tienda.
Si su Store se creó después del 24 de septiembre de 2017 o si ya actualizó el , tendrá acceso al nuevo editor de diseño.
¿Y si no quiero actualizar mi widget ?
No tiene que actualizar su . También podrá editar su usando el editor de anterior.
¿Y si vuelvo a cargar una copia de seguridad o uso la característica deshacer?
Si vuelve a cargar una copia de seguridad o deshace mientras edita una tienda existente, deberá volver a actualizar el . Tenga presente que si elige actualizar un editor de diseño de tienda, se creará automáticamente una copia de seguridad del sitio.
¿Cómo cambio el texto en los botones y etiquetas de mi tienda?
Desafortunadamente,no hay forma de cambiar esto en el Creador de sitios web.