Para ver las páginas de su store, en el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de store.
La store añade automáticamente las siguientes páginas:
- Página de inicio de la tienda
- Página de categoría
- Página del producto
- Pago y carrito
Categoría, Producto, y Pago y carrito se pueden personalizar, pero no se pueden eliminar. Estas páginas se conectan automáticamente al catálogo de la store.
Este contenido solo es relevante para las stores creadas después del 26 de julio de 2021 que contienen Páginas de la store. Para las tiendas creadas antes de esa fecha, consulte Personalizar el diseño de la store (store de terceros).
Página de inicio de la tienda
La página de inicio de la store es la entrada principal de su store. Incluye el widget Galería de productos y se puede personalizar como lo desee. Puede elegir cualquier otra página y configurarla como la página de inicio de la store.
Cada store debe incluir una página de inicio. Si borra la página de inicio de la store, se le indicará que configure otra.
Para editar la página de inicio de la store:
- En el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de la store.
- Para abrir la página de inicio en el editor, haga clic en Página de inicio de la store.
- Haga clic en el widget de Galería de productos para abrir el Editor de contenido. Para mayor información sobre cómo editar el widget, consulte Widget de Galería de productos.
Cambiar página principal de la store
Para cambiar la página de inicio de la store a otra página de la store:
- En el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de la store.
- Haga clic en el icono de configuración (
) que está junto a una página y luego haga clic en Cambiar página de inicio de la store. - Seleccione la nueva página de inicio de la store de la lista de páginas.
El contenido del widget de Galería de productos se sincroniza con los datos de la store. Para editarlo, vaya al Control Panel de la store. Para acceder al Control Panel de la store, en el panel lateral, haga clic en eCommerce y luego, en Administrar store.
Página de categoría
La página de categorías muestra todos los productos contenidos en una categoría específica de su store. Esta página se crea como una página dinámica, por lo que cualquier personalización del diseño de esta página se analiza en todas las demás páginas de categorías.
Esta página no se puede eliminar y no aparece en la navegación.
Los caracteres especiales no son compatibles con los nombres de categoría y pueden causar problemas con la URL de la categoría.
Para editar la página de la categoría de la store:
- En el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de la store.
- Para abrir la página en el editor, haga clic en Página de categoría.
- Haga clic en el widget de Página de categoría para abrir el Editor de diseño. Tiene las siguientes opciones:
- General. Habilite y personalice las rutas de navegación o un pie de página en la página de su categoría.
- Productos. Cambie el diseño y el estilo del texto para las diferentes áreas de texto, como los títulos de los productos, 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ú.
- Animación. Configure el activador y la animación para la página de categoría. Para obtener más información, consulte Añadir animaciones.
- Espaciado. Configure el espacio exterior e interior en la página de categoría.
- Para ver las otras páginas de categorías, seleccione la página en el menú desplegable de la barra de navegación superior.
- Cuando haya terminado de personalizar el diseño de la página, en la barra de navegación superior, haga clic en Terminado.
Todos los cambios de diseño se reflejan en todas las páginas de categorías de su store.
Añadir páginas de categorías a la navegación del sitio
Puede añadir páginas de categorías a la navegación del sitio como subpáginas de una página específica o junto a las páginas del sitio como páginas de navegación superior.
- Si su store no tiene categorías, no verá esta opción.
- Esta función no es compatible con sitios en varios idiomas.
- Puede agregar un máximo de 150 categorías a la navegación del sitio.
Para añadir páginas de categorías a la navegación del sitio:
- En el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de la store.
- 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.
Página del producto
La página del producto muestra los detalles de un producto específico. Esta página se crea como una página dinámica, por lo que cualquier personalización del diseño de esta página se analiza en todas las demás páginas de productos individuales.
Esta página no se puede eliminar y no aparece en la navegación.
Los caracteres especiales no son compatibles con los nombres de productos y pueden causar problemas con la URL del producto.
Para editar la página de producto individual:
- En el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de la store.
- Para abrir la página en el editor, haga clic en Página de producto.
- Haga clic en el widget de Página de producto para abrir el Editor de diseño. Tiene las siguientes opciones:
- General. Habilite y personalice las rutas de navegación o un pie de página en la página de su producto.
- Página de producto individual. Cambie el diseño y el estilo del texto para las diferentes áreas de texto, como los títulos de los productos, 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 pueden activar y desactivar en este menú. Haga clic en Más opciones de diseño para ver todas las opciones.
- Animación. Configure el activador y la animación para la página de producto individual. Para obtener más información, consulte Añadir animaciones.
- Espaciado. Configure el espacio exterior e interior en la página del producto.
- Para ver las otras páginas de productos, seleccione la página en el menú desplegable de la barra de navegación superior.
- Cuando haya terminado de personalizar el diseño de la página, en la barra de navegación superior, haga clic en Terminado.
Todos los cambios de diseño se reflejan en todas las páginas de productos de su store.
Página de checkout y carrito
La página de checkout y carrito muestra la página de pago que los clientes ven cuando han añadido productos a su carrito y están listos para pagar.
Esta página no se puede eliminar y no aparece en la navegación.
Para editar la página de checkout y carrito:
- En el panel lateral del editor, haga clic en eCommerce y, luego, en Páginas de la store.
- Para abrir la página en el editor, haga clic en Checkout y carrito.
- Haga clic en el widget de checkout y carrito para abrir el Editor de diseño. Tiene las siguientes opciones:
- General. Habilite y personalice las Rutas de navegación o un Pie de página en la página.
- Carrito y pago. Configure el diseño del título, los subtítulos y el estilo del enlace del carrito y el pago.
- Animación. Configure el Activador y la Animación para la página de checkout y carrito. Para obtener más información, consulte Añadir animaciones.
- Espaciado. Configure el espaciado externo e interno en la página.