Un tema de WooCommerce con bloques para cada pantalla de la tienda
Diseñe la página de producto, la cuadrícula de la tienda, el carrito y el proceso de pago con bloques del editor que ofrece WordPress, y luego comience desde un demo que llega como una tienda funcional. WooCommerce conserva los pedidos, y Canvas le aporta el diseño.
Actualizado el
24 bloques para las cuatro pantallas que venden
Cada parte de una tienda WooCommerce que un comprador ve es un bloque con un panel de ajustes, así que puede moverla, cambiarle el estilo o quitarla sin tocar ningún archivo de plantilla.
La página de producto 11 bloques
Cree un diseño de producto individual bloque por bloque, o parta de una de las plantillas incluidas y mueva las piezas.
Product Images Incluido en cualquier plan
Muestra la imagen destacada del producto de WooCommerce y, opcionalmente, las miniaturas de la galería.
Product Gallery Linker Incluido en cualquier plan
Una tira de miniaturas que desplaza el carrusel de la galería de productos hasta la imagen en la que haga clic.
Product Price Incluido en cualquier plan
Muestra el precio del producto de WooCommerce, incluido el precio de oferta y el formato de moneda.
Product Rating Incluido con cualquier plan
Muestra la calificación con estrellas y, de forma opcional, el número de reseñas del producto actual de WooCommerce.
Product Meta Incluido en cualquier plan
Muestra la tarjeta de metadatos del producto: SKU, categorías y etiquetas.
Product Short Description Incluido con cualquier plan
Muestra la descripción corta del producto con su formato de párrafo intacto.
Muestras de variación Incluido con cualquier plan
Puntos de color o botones en forma de píldora que permiten elegir la variación de un producto variable.
Add to Cart Incluido en cualquier plan
Muestra el formulario de añadir al carrito de WooCommerce para el producto actual, con un campo de cantidad opcional.
Product Tabs Incluido en cualquier plan
Muestra las pestañas de datos del producto de WooCommerce: Descripción, Información adicional y Reseñas.
Product Share Incluido en cualquier plan
Muestra la tarjeta «Compartir:» con enlaces para compartir en redes sociales del producto actual de WooCommerce.
Productos relacionados Incluido con cualquier plan
Muestra una cuadrícula de productos de WooCommerce relacionados con el producto actual. Solo se muestra en plantillas de producto individual.
La tienda y su catálogo 5 bloques
Cuadrículas, carruseles, tarjetas de categoría y un filtro de precios, cada uno capaz de tomar contenido de una categoría, una etiqueta, una búsqueda o una lista seleccionada a mano.
Productos Incluido con cualquier plan
Muestre productos de WooCommerce en una cuadrícula o en una lista. Filtre por origen, categoría, etiqueta y orden.
Product Categories Incluido en cualquier plan
Muestra las categorías de productos de WooCommerce como una cuadrícula de tarjetas adaptable, con miniaturas, nombres y cantidades de productos.
Product Carousel Incluido en cualquier plan
Muestra productos de WooCommerce en un carrusel owl-carousel desplazable. Compatible con reproducción automática, flechas de navegación, puntos de paginación y breakpoints responsivos.
Store Price Filter Incluido con cualquier plan
Un control de rango de precio de doble manija que filtra la cuadrícula de productos en su lugar.
Conference Tickets Incluido en cualquier plan
Cuadros de precios para una categoría de productos de entradas, cada uno con un selector de cantidad y un enlace activo para agregar al carrito.
El carrito 3 bloques
Una página de carrito que usted diseña, con la venta adicional que los compradores realmente ven.
Cart Table Incluido en cualquier plan
Muestre la tabla del carrito de WooCommerce con los artículos, las cantidades y los totales.
Cart Totals Incluido en cualquier plan
Permite mostrar el panel de totales del carrito de WooCommerce, con el subtotal, el envío y el botón de finalizar compra.
Cross-Sells Incluido en cualquier plan
Muestra los productos de venta cruzada del carrito de WooCommerce actual. Solo se muestra cuando el carrito está activo y contiene productos de venta cruzada.
El checkout 3 bloques
El formulario de facturación, la revisión del pedido y los avisos que informan al comprador de lo que acaba de ocurrir.
Checkout Billing Incluido con cualquier plan
Muestra el formulario de dirección de facturación del proceso de pago de WooCommerce.
Checkout Order Review Incluido en cualquier plan
Muestra el resumen de revisión del pedido de pago de WooCommerce con los artículos y los totales.
WooCommerce Notices Incluido con cualquier plan
Muestra los avisos de WooCommerce: errores, mensajes de éxito o avisos informativos.
En otras partes de la tienda 2 bloques
Bloques de tienda que quedan fuera de las cuatro pantallas anteriores.
Lista de deseos Incluida en cualquier plan
Los productos que un comprador guardó, con su precio, existencias y un botón para añadir al carrito. Colóquelo en la página elegida en Opciones del tema, Wishlist.
Wishlist Button Incluido con cualquier plan
Guarda el producto actual en la lista de deseos del comprador. Utilícelo en las plantillas de producto y en las tarjetas de producto.
Tienda de ropa
Un catálogo de moda con páginas de colecciones, productos variables y un carrito en el encabezado que muestra la cantidad de artículos.
Temas de e-commerce
Muebles
Venta y alquiler en un solo catálogo, con la cuadrícula de productos y la página de producto individual, ambas diseñadas como bloques.
Temas de diseño de interiores
Vino
Una tienda de vinos en la que el diseño realza la fotografía de producto y las páginas de la tienda quedan detrás.
Temas para restaurantesTres de las 21 tiendas demo. Cada elemento que el comprador ve en estas páginas es un bloque con un panel de ajustes detrás.
Lo que hacen los compradores sin recargar la página
Tres funciones de la tienda que normalmente requieren cada una un plugin están incluidas en la integración.
Muestras de color para atributos
Asigne un color a un término de atributo de producto en el área de administración, y los productos variables mostrarán puntos de color o botones en lugar de un menú desplegable, para que el comprador elija una variación a simple vista.
Agregar al carrito con AJAX
Al añadir un producto desde una cuadrícula, un carrusel o una superposición de tarjeta, el carrito se actualiza en el mismo lugar. El cliente permanece en la página que estaba viendo y el minicarrito del encabezado sigue contando los productos.
Estilos de tarjetas de producto
Fije todas las imágenes del catálogo a una misma forma para que las tarjetas queden alineadas, elija si las imágenes adicionales de la galería se muestran al pasar el cursor o se reproducen como presentación de diapositivas, y seleccione qué ofrece la superposición al pasar el cursor: comprar, vista rápida o ambas.
18 plantillas de tienda en el Editor del sitio
Cada pantalla de la tienda es una plantilla de bloques que se abre, se edita y se restablece en el Editor del sitio, de la misma forma en que se edita cualquier otra plantilla de bloques.
Diseños de producto individual
Organice la página de producto con el diseño predeterminado, con un resumen fijo que acompaña a la galería, en formato de lista, con un diseño centrado en el color, con diseño de tienda, en uno de los dos diseños de galería con enlaces personalizados, o con una variante de barra lateral izquierda, derecha o doble.
Diseños de páginas de tienda
Distribuya la tienda en ancho completo, con una barra lateral izquierda, con una barra lateral derecha o con barras laterales en ambos lados, para que los filtros y las categorías queden donde las necesite su catálogo.
Archivos, carrito y pago
El archivo de la tienda, los archivos de categorías de producto, el carrito y el proceso de pago se incluyen cada uno como plantilla, junto con las sobrescrituras de plantillas de WooCommerce que ofrece el tema.
Las plantillas de tienda aparecen en la lista woocommerce del panel de Plantillas del Editor del sitio, junto a las de Canvas, y se restablecen desde la misma pantalla.
Asigne un diseño por producto desde el editor, o defina el predeterminado para toda la tienda en Opciones del tema. Una plantilla que personalice en el Editor del sitio se mantiene personalizada tras las actualizaciones, y Canvas le indica cuáles cambiaron después de una actualización.
39 opciones de tienda, 5 pestañas
Valores predeterminados para toda la tienda: el catálogo, la página de producto, el carrito y la compra, y el minicarrito del encabezado, además de un modo de catálogo para tiendas que aceptan consultas. La cantidad de productos por página, la paginación, la forma de las imágenes de producto, las imágenes adicionales de la galería y la superposición de las tarjetas se configuran aquí, y un bloque que establezca una de estas opciones por su cuenta sigue teniendo prioridad en la página donde se coloca.
- Catálogo: productos por fila en cada tamaño de pantalla, forma de la imagen, comportamiento al pasar el cursor, la insignia de oferta
- Página de producto: qué muestra la pantalla de producto individual y una barra fija de agregar al carrito
- Carrito y finalización de compra: una barra de progreso del envío gratuito y un proceso de pago sin distracciones
- Minicarrito: qué hace el carrito de la cabecera cuando un comprador añade un producto
- Modo catálogo: oculte los precios y el botón de compra, y muestre un botón de consulta
Opciones de tienda que le ayudan a vender Modo catálogo La lista de deseos
Cinco interruptores de WooCommerce
WooCommerce carga scripts y hojas de estilo en cada página de un sitio web, incluidas las que no venden nada. Estos cinco interruptores eliminan esa carga, y cada uno se puede revertir.
- Eliminar el JavaScript de WooCommerce en las páginas que no muestran contenido de la tienda
- Desactive el seguimiento de atribución de pedidos si no lee esos informes
- Evite que el script de fragmentos del carrito realice consultas en cada carga de página
- Quite la biblioteca de fortaleza de contraseñas fuera de las páginas de cuenta y de pago
- No cargue la biblioteca Select2 incluida fuera de las páginas de pago y de cuenta
21 demos son tiendas WooCommerce funcionales
Productos, categorías, atributos, un carrito y una página de pago, importados y listos para realizar un pedido de prueba. Puede ver cualquiera de ellos en vivo antes de decidir.
Bag Store: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 9 páginas · Qué instala: los bloques y tipos de contenido del demo Bag Store
CanvasRoam: demo con vista previa en vivo (se abre en una pestaña nueva)
Portafolio y personal · 10 páginas · Qué instala: los bloques y tipos de contenido del demo CanvasRoam
Christmas Store: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 6 páginas
Clothing Store: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 19 páginas · Qué instala: los bloques y tipos de contenido del demo Clothing Store
Drone: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 12 páginas
eBook: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 9 páginas
Fashion Shop: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 25 páginas
Fashion Store: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 16 páginas
Furniture: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 12 páginas
Game of Canvas: demo con vista previa en vivo (se abre en una pestaña nueva)
Entretenimiento y comunidad · 12 páginas · Qué instala: los bloques y tipos de contenido de la demo Game of Canvas
Illustrator: demo con vista previa en vivo (se abre en una pestaña nueva)
Portafolio y personal · 7 páginas · Qué instala: los bloques y tipos de contenido del demo Illustrator
Jewelry Boutique: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 17 páginas
Pottery Shop: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 12 páginas
Speaker Store: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 11 páginas
Supplement Store: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 13 páginas
Wildroot Gear: demo con vista previa en vivo (se abre en una pestaña nueva)
Tienda y comercio electrónico · 14 páginas · Qué instala: los bloques y tipos de contenido del demo Wildroot Gear
Sus páginas de tienda se integran, no se duplican
El temor habitual al importar el diseño de una tienda es despertar con dos páginas de pago. Canvas vincula las páginas de WooCommerce del demo con las que su sitio ya tiene.
La pantalla de importación por la que llega cada demo de tienda, con la reversión que la deshace.
Una tienda, un carrito, un pago
El importador encuentra sus páginas de WooCommerce existentes y dirige los menús y enlaces del demo directamente a ellas.
Reversible
Todo lo que creó la importación queda registrado, así que una sola pantalla elimina el contenido de demostración y restaura las opciones y los menús que existían antes.
Productos incluidos
Los productos, categorías, atributos y colores de muestra de los Demos llegan con el diseño, para que el catálogo se vea correctamente mientras usted los sustituye por los suyos.
O solo las páginas
Si elige importar solo páginas, obtendrá las páginas de la demo sin sus Opciones del tema, sus menús ni su página de inicio.
Vender con Canvas
Lo que preguntan primero los propietarios de tiendas. La documentación detalla cada bloque y opción.
¿Todavía necesito el plugin de WooCommerce?
Sí, Canvas agrega bloques, plantillas y opciones sobre WooCommerce, y no reemplaza nada de ello. Los pedidos, productos, impuestos, envíos y pagos siguen en WooCommerce, donde sus otras extensiones los esperan. Si parte de un demo de tienda, el Asistente de configuración instala y activa WooCommerce por usted antes de ejecutar la importación.
¿Importar una demo de tienda reemplazará mis páginas de tienda y de pago?
No. El importador de Canvas adopta las páginas de WooCommerce que su sitio ya tiene, de modo que no aparecen una segunda tienda, un segundo carrito, una segunda página de pago ni una segunda página de cuenta. Sus productos y pedidos existentes no se modifican.
¿Puedo combinar estos con los bloques propios de WooCommerce?
Sí, los bloques de tienda de Canvas son bloques registrados normales, así que conviven con los bloques de WooCommerce y los bloques nativos de WordPress en la misma plantilla y la misma página, y puede reemplazarlos uno a uno sin comprometerse con un diseño completo.
¿Cómo funcionan las muestras de color?
Asigne un color a un término de atributo de producto en el área de administración de WordPress y el bloque Canvas Variation Swatches mostrará ese atributo como puntos de color o botones tipo píldora en lugar de un menú desplegable, en la página del producto y en las plantillas que lo usen.
¿Los bloques de la tienda están incluidos en mi plan?
Sí: los bloques de tienda de Canvas (24 bloques) son bloques premium, y cada plan incluye todos los bloques premium. No hay complemento de tienda ni nivel de comercio electrónico. Otros temas suelen separar esto: la vista rápida es una función de Astra Pro, y OceanWP vende su plugin eCommerce Pro como producto aparte.
Construya la tienda, no los detalles técnicos
Todos los planes incluyen los 24 bloques de tienda, las 18 plantillas de tienda y las 21 demos de tienda completas. No hay un nivel de comercio electrónico al que actualizar.